/*<Start>The below style is common for all the pages */

html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,
img, ins, kbd, q, s, samp, small, strike, sub, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0px none;
    font-family: inherit;
    font-style: inherit;
    font-weight: normal;
    margin: 0px;
    outline: 0px none;
    padding: 0px;
    vertical-align: baseline;
}

body {
    color: #282828;
    line-height: 18px;
}

@media print {
    body {-webkit-print-color-adjust: exact;}
}

html, body {
    margin: 0px;
    padding: 0px;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: 15px;
    line-height: 22px;
    background-color: #F0F0F0;
    height: 100% !important;
    background:#ffffff;
}

.mainContainer {
    min-height: 100%;
    min-width: 100%;
    position: relative;
    background: #ffffff;
}

/************* [Start] Site Head ********************/
.mainContainerHeader {
    height: 70px;
    position: relative;
    background: #C2E9FF;
    width: 100%;
}

.site_head, .logo, .slogan, .slogan_down{
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently  supported by Chrome and Opera */
}

.site_head {
    text-align: left;
    height: 100%;
    width: 65%;
    min-width: 978px;
    margin: 0px auto;
    background: #C2E9FF;
    position: relative;
}

.logo {
    position: relative;
    top:8px;
    /*IMP : Do not use Inline. Only inline is adding line break. so under score */
    display: inline-table;
    padding-left: 47px;
}

.logo > a > img {
    width: 25px;
}

.slogan {
    display: inline-block;
    font-family: 'Orbitron', Georgia, serif;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    color: #000000;
    white-space: nowrap;
    position: absolute;
    letter-spacing: 3px;
    bottom: 8px;
    left: 10px;
}
.slogan > label{
    font-family: 'Orbitron', Georgia, serif;
    font-weight: bold;
    font-size: 20px;
}
/************* [ End ] Site Head ********************/

/************* [ Start ] Main Menu ********************/
.mainContainerMenu {
    text-align: center;
}
/************* [ End ] Main Menu ********************/

/************* [ Start ] Body Content ********************/
.mainContainerBody {
    background-color: #FFFFFF;
    width: 100%;
}

.container {
    width: 65%;
    min-width: 978px;
    margin: 0 auto;
    /*IMP : Specify this "padding-bottom" or specify "footer_assistant" style --->  margin-top: 30px; */
    padding-bottom: 30px;
}

.titleContainer {
    font-family: Georgia;
    background: #1C628A;
    padding: 5px 0px 5px 0px;
    display: inline-block;
    width: 100%;
	height: 22px;

    -webkit-box-shadow: 0px 1px 1px 0px rgba(90,161,196,1);
    -moz-box-shadow: 0px 1px 1px 0px rgba(90,161,196,1);
    box-shadow: 0px 1px 1px 0px rgba(90,161,196,1);
}
.titleContainer > .titleArea{
    width: 65%;
    min-width: 978px;
    margin: 0 auto;
}

.titleContainer > .titleArea > .titleLeft {
    color: #dcecfb;
    font-weight: bold;
    padding-left: 10px;
    font-size: 14px;
    text-transform: capitalize;
    text-shadow: #000000 0.04em 0.04em 0.04em;
}

.titleContainer > .titleArea > .titleRight {
    display: block;
    clear: both;
    float: right;
    padding-right: 15px;
    /*font-weight: bold;*/
    letter-spacing: 1px;
    font-size: 12px;
    color: #dcecfb;
    font-family: Georgia;
    font-style: italic;
}

.dataContainer {
    padding: 15px 0px 15px 0px;
    width: 100%;
    margin: 0px auto;
}
/************* [ End ] Body Content ********************/

/************* [ Start ] Footer ********************/
.footer_assistant {
    /*margin-top: 30px;*/
    padding-bottom: 40px; /* Height of the footer */
}

.container_footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /*IMP: min-width required for this , othrwise on window resize, does not cover full screen*/
    min-width: 978px;
    height: 40px; /* Height of the footer */
    background: #4B5A6F;
}

.footer_main {
    width: 70%;
    min-width: 978px;
    margin: 0px auto;
    font-size: 12px;
    line-height: 17px;
    color:#B1B1B1;
}

.footer_best_viewed {
    float:left;
    margin:5px 5px 0px 5px;
}

.footer_copyright {
    float:right;
    margin:2px 5px 0px 5px;
}
/************* [ End ] Footer ********************/

/*++++++++++<End>The above style is common for all the pages +++++++++++*/

.main_div {
    text-align: Left;
    margin-top: 20px;
    margin-left: 5px;
}

.main_header {
    text-align: Left;
    margin: 10px 0px 20px 10px;
}

h2 {
    text-align: left;
    font-size: 17px;
    padding: 0px;
    margin: 0px 0px 5px 0px;
    font-weight: bold;
}

.header_title {
    font-weight: bold;
    color: #0070c0;
    font-size: 16px;
    margin-bottom:10px;
    padding:5px;
    border-bottom: 1px solid #0070c0;
}

/******************************************************/
.data_display_table {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #FFD700;
    width: 100%;
    padding: 0px;
    table-layout: fixed; /*Imp*/
    -webkit-box-shadow: 0px 0px 1px rgba(50, 50, 50, 0.40);
    -moz-box-shadow: 0px 0px 1px rgba(50, 50, 50, 0.40);
    box-shadow: 0px 0px 1px rgba(50, 50, 50, 0.40);
    margin-top: 25px;
}

.data_display_table th {
    background-color: #fc9;
    color: #0000ff;
    font-size: 8pt;
    font-weight: bold;
    text-align: center;
    padding: 2px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-bottom: 2px solid #b1b1b1;
    vertical-align: middle;
    height: 30px;
}

.data_display_table td {
    padding: 6px 0px 6px 0px;
    text-align: center;
    vertical-align: middle;
    color: black;
    font-size: 7.5pt;
    word-wrap: break-word;
}

.data_display_table tr.d0 td {
    background-color: #D7D7D7;
}

.data_display_table tr.d0:hover td {
    background: #EEE8AA !important;
}

.data_display_table tr.d0selected td {
    background-color: #C1ED9C;
    /*background-color:#E77471;
    color:#ffffff;*/
}

/*.data_display_table tr.d0selected:hover td{
	background: #EEE8AA !important;
}*/

.data_display_table tr.d1 td {
    background-color: #C3C3C3;
}

.data_display_table tr.d1:hover td {
    background: #EEE8AA !important;
}

.data_display_table tr.d1selected td {
    background-color: #8ED48E;
    /*background-color:#E55451;
    color:#ffffff;*/
}

/*.data_display_table tr.d1selected:hover td {
	background: #EEE8AA !important;
}*/

.data_display_table tr.d2 td {
    padding: 0px 0px 0px 0px;
    background-color: #404853;
    color: #00FFFF;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    padding-left: 1px;
    word-wrap: break-word;
}

.data_display_table tr.d2 a {
    color: #00FFFF;
    font-weight: bold;
    text-decoration: none;
}
/******************************************/
.editorImage {
    width: 81px;
    height: 81px;
    padding: 1px;
    border: 1px solid #B1B1B1;
    -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.40);
    -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.40);
    box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.40);
}

.functionIcon {
    width: 30px;
    height: 30px;
}

.journal_list_header {
    font-size: 16px;
    line-height: 26px;
    font-weight: bold;
    font-style: italic;
    color: #2F4F4F;
    padding-right: 100px;
    border-bottom: 2px solid #2F4F4F;
    text-transform: capitalize;
}

.journal_list_content {
    color: #000000;
    text-transform: capitalize;
}

.generic_link {
    color: #0FA1E0;
    text-decoration: none;
}

.generic_link:hover {
    text-decoration: underline;
}

.paginationLoadingImg {
    margin: 0px 0px 0px 39%;
    vertical-align: middle;
}

.paginationLoadingLbl {
    font-weight: bold;
    font-size: 11px;
    color: #000080;
    padding-left: 5px;
}


.number_pallet {
    color: #FFD700;
    border: 1px solid #FFD700;
    display: inline;
    padding:0px 5px 0px 1px;
    margin: 0px 0px 0px 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.default_link {
    color: #000000;
    text-decoration: none;
}

.default_link:hover {
    color: #0033CC;
    text-decoration: underline;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

#menuToggleCheck {
    display: none;
}

/*[Start]journal grid layout*/
.grid-row::after {
    content: "";
    clear: both;
    display: table;
}

[class*="grid-col-"] {
    float: left;
}

.grid-col-site_head_left_column {
    width:80px;
}

.grid-col-site_head_center_column {
    max-width:calc(100% - 140px);
    width: 100%;
}

.grid-col-site_head_right_column {
    width:60px;
}
/*[End]journal grid layout*/

@media only screen and (max-width: 960px) {
    .mainContainerHeader {
        height: 60px;
    }

    #menuToggleCheck {
        display:block;
    }

    .grid-col-site_head_left_column {
        width:180px;
    }

    .grid-col-site_head_center_column {
        max-width:calc(100% - 260px);
        width: 100%;
    }

    .grid-col-site_head_right_column {
        width:80px;
    }

    .logo,.slogan {
        margin-left: 50px;
    }

    .site_head {
        width: 100%;
        min-width: auto;
    }

    .logo > a > img {
        width: 20px;
    }

    .slogan {
        bottom: 4px;
        left: 14px;
    }

    .slogan > label {
        font-size: 18px;
    }

    .mainContainerMenu {
        height: 37px;
        min-width: auto;
        text-align: left;
    }
    .container {
        width: 100%;
        min-width: auto;
    }

    .dataContainer {
        width: 98%;
    }

    .titleContainer > .titleArea{
        width: 100%;
        min-width: auto;
    }

    .footer_assistant {
        padding-bottom: 60px;
    }

    .container_footer {
        min-width: auto;
        height: 60px;
    }

    .footer_main {
        width: 100%;
        min-width: auto;
    }

    .footer_best_viewed {
        float: none;
    }

    .footer_copyright {
        float: none;
        margin:0px 5px 0px 5px;
    }

    .data_display_table {
        min-width: 850px;
    }
}

@media only screen and (max-width: 500px) {
    .footer_assistant {
        padding-bottom: 90px; /* Height of the footer */
    }

    .container_footer {
        height: 90px; /* Height of the footer */
    }

    .titleContainer > .titleRight {
        display: none;
    }
}

@media only screen and (min-width: 1900px) { /* full HD */
    body {
        zoom: 110%;
    }
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1700px),
only screen and (   min--moz-device-pixel-ratio: 2) and (min-width: 1700px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (min-width: 1700px),
only screen and (        min-device-pixel-ratio: 2) and (min-width: 1700px),
only screen and (                min-resolution: 192dpi) and (min-width: 1700px),
only screen and (                min-resolution: 2dppx) and (min-width: 1700px) {

    /* Retina-specific stuff here */
    body {
        zoom: 120%;
    }

}