@charset "utf-8";








/* General */

html {
    /*height: 100%;*/
    overflow-x: auto;
    overflow-y: scroll;
    white-space: normal;
    filter: expression(document.execCommand("BackgroundImageCache", false, true));
    min-height: 100%;
    width: 100%;
}

body {
    width: 100%;
}

body.windowBody {
    font-size: 13px;
    color: #000;
    line-height: 16px;
    background-color: #4896b9;
    padding: 0px;
    margin: 0px;
    text-align: center;
    word-wrap: break-word;
    outline: none;
    /*height: 100%;*/
    behavior: url("../_js/csshover3.htc");
    min-height: 100%;
}

body.popupBody {
    font-size: 13px;
    color: #000;
    line-height: 16px;
    background-color: #ffffff;
    padding: 10px;
    margin: 0px;
    text-align: center;
    word-wrap: break-word;
    outline: none;
    /*height: 100%;*/
    min-height: 100%;

    behavior: url("../_js/csshover3.htc");
}

* html .clearfix {
    height: 1%;
    /* IE5-6 */
}

*+html .clearfix {
    display: inline-block;
    /* IE7not8 */
}

.clearfix:after {
    /* FF, IE8, O, S, etc. */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}










/* BEGIN FONTS */


/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/


/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */

body {
    font: 13px/1.231 arial, helvetica, clean, sans-serif;
    *font-size: small;
    /* for IE */
    *font: x-small;
    /* for IE in quirks mode */
    /*background-image: url("../_images/new-bg2.jpg?v=123");*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}









/**
 * Nudge down to get to 13px equivalent for these form elements
 */

select,
input,
button,
textarea {
    font: 99% arial, helvetica, clean, sans-serif;
    min-height: 20px;
    vertical-align: middle;
}









/**
 * To help tables remember to inherit
 */

table {
    font-size: inherit;
    font: 100%;
}









/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */

pre,
code,
kbd,
samp,
tt {
    font-family: monospace;
    *font-size: 108%;
    line-height: 100%;
}









/*
If you want this size in pixels (px)    Declare this percent (%)
10   77
11   85
12   93 (was 93)
13   100
14   108 (was 107)
15   116 (was 114)
16   123.1 (was 122)
17   131 (was 129)
18   138.5 (was 136)
19   146.5 (was 144)
20   153.9 (was 152)
21   161.6 (was 159)
22   167
23   174
24   182
25   189
26   197
*/


/* END FONTS */

body * {
    outline: none;
}

h1 {
    font-size: 23px;
    font-weight: normal;
    color: #fff;
    line-height: normal;
    text-indent: 0px;
    margin: 0px 0px 17px 0px;
    padding: 0px;
    text-align: left;
    text-transform: capitalize;
    text-shadow: -1px 2px #6f6f78;
}

h2 {
    font-size: 123.1%;
    font-weight: bold;
    color: #f3f3f4;
    line-height: normal;
    text-indent: 0px;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    text-align: left;
    /* text-transform: uppercase; */
    font-style: italic;
}

h3,
.h3 {
    font-size: 123.1%;
    font-weight: bold;
    color: #000;
    line-height: normal;
    text-indent: 0px;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    text-align: left;
}

h4 {
    font-size: 100%;
    font-weight: bold;
    color: #ffffff;
    line-height: 140%;
    text-indent: 0px;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    text-align: left;
}

h5 {
    font-size: 100%;
    font-weight: bold;
    color: #000;
    line-height: 140%;
    text-indent: 0px;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    text-align: left;
}

h6 {
    font-size: 93%;
    font-weight: bold;
    color: #6A9EB2;
    line-height: 140%;
    text-indent: 0px;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    text-align: left;
}

p {
    font-size: 100%;
    line-height: 140%;
    text-indent: 0px;
    margin: 0px;
    padding: 0px;
    text-align: justify;
    color: #ffffff;
}

ol {
    font-size: 93%;
    line-height: 140%;
    text-indent: 0px;
    margin: 0px 0px 0px 30px;
    padding: 0px;
    text-align: left;
}

ul {
    font-size: 93%;
    line-height: 140%;
    text-indent: 0px;
    margin: 0px 0px 0px 30px;
    padding: 0px;
    text-align: left;
    list-style-type: square;
}

object {
    margin: 0px;
    padding: 0px;
}

form {
    margin: 0px;
    padding: 0px;
}

#exportlink a {
    color: #ccccc2!important;
}

a,
a:link,
a:visited,
a:active {
    color: #37acd2;
    text-decoration: underline;
    outline: none;
}

a:hover,
a:link:hover,
a:visited:hover,
a:active:hover {
    color: #18c6ff;

    text-decoration: underline;
}


header {
    padding: 5px 0 15px 0;
    background-color: #ffffff;
}




.outerContainer {
    min-width: 900px;
    height: auto;
    position: relative;
    clear: both;
    display: block;
}

.innerContainer {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    position: relative;
    clear: both;
    display: block;
}

.clear {
    clear: both;
    font-size: 0px;
    height: 0px;
    line-height: 0px;
}

.block {
    display: block;
}

.align_center {
    display: block;
    text-align: center;
}

.align_left {
    display: block;
    text-align: left;
    margin-top: 10px;
}

.align_right {
    display: block;
    text-align: right;
}

.vspacer1 {
    clear: both;
    display: block;
    height: 5px;
    overflow: hidden;
}

.smallfont {
    font-size: 10px;
}

.emphasizeContainer {
    color: #ffffff;
    margin: 0px 0px 5px 0px;
    padding: 1px 4px 2px 4px;
    background-color: #6A9EB2;
}

.emphasizeContainer p,
.emphasizeContainer ul,
.emphasizeContainer ol {
    color: #ffffff;
}

.emphasizeContainer a,
.emphasizeContainer a:link,
.emphasizeContainer a:visited,
.emphasizeContainer a:active {
    color: #ffffff;
    text-decoration: none;
}

.emphasizeContainer a:hover,
.emphasizeContainer a:link:hover,
.emphasizeContainer a:visited:hover,
.emphasizeContainer a:active:hover {
    color: #ffffff;
    text-decoration: underline;
}

.emphasize_color {
    color: #6A9EB2;
}

.loader {
    height: 15px;
    width: 43px;
    background-image: url(../_images/loader.gif);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin: 0px 0px 0px 0px;
}

.hline {
    height: 1px;
    overflow: hidden;
    border: 0px none #49646D;
    border-bottom: 1px solid #49646D;
    margin: 2px 0px 1px 0px;
    display: block;
    clear: both;
    float: none;
}

.hline_dotted {
    height: 1px;
    overflow: hidden;
    border: 0px none #49646D;
    border-bottom: 1px dotted #49646D;
    margin: 2px 0px 1px 0px;
    display: block;
    clear: both;
    float: none;
}

.emHL1 {
    background-color: #000;
    color: #ffffff;
    padding: 2px 3px 2px 3px;
    margin-bottom: 5px;
    border: 1px solid #000;
    background-image: url(../_images/thfader.png);
    background-repeat: repeat-x;
    background-position: 0px 50%;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#555555, endColorStr=#000);
    behavior: url("../_js/ie_remove_bg_image.htc");
}

.emHL2 {
    background-color: #49646D;
    color: #ffffff;
    padding: 2px 3px 2px 3px;
    margin-bottom: 5px;
    border: 1px solid #ffffff;
    background-image: url(../_images/thfader.png);
    background-repeat: repeat-x;
    background-position: 0px 50%;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#6A9EB2, endColorStr=#49646D);
    behavior: url("../_js/ie_remove_bg_image.htc");
}

.arrContainer {
    margin: 3px 0px;
    font-size: 93%;
    line-height: normal;
}

a.arr {
    background-image: url(../_images/arrow_3.gif);
    background-repeat: no-repeat;
    background-position: 0px 4px;
    padding-left: 8px;
    color: #56ADC7;
    text-decoration: none;
}

a.arr:hover {
    color: #72C4DE;
    text-decoration: underline;
}

a.plusLink,
a.details {
    color: #56ADC7;
    text-decoration: none;
}

a.plusLink:hover,
a.details:hover {
    color: #72C4DE;
    text-decoration: none;
}

a.plusLink:hover span.lnkTxt,
a.details:hover span.lnkTxt {
    text-decoration: underline;
}

a.butalike,
a.butalike:link,
a.butalike:visited,
a.butalike:active {
    display: block;
    /*font-size: 93%;*/
    font-weight: bold;
    line-height: normal;
    text-align: center;
    text-decoration: none !important;
    color: #49646D;
    margin: 0;
    padding: 2px 5px 3px 5px;
    background-color: #E8ECEF;
    height: auto;
    cursor: pointer;
    border-top: 1px solid #F2F4F7;
    border-right: 1px solid #586F7E;
    border-bottom: 1px solid #586F7E;
    border-left: 1px solid #F2F4F7;
    background-image: url(../_images/var_width_button_bg.png);
    background-repeat: repeat-x;
    background-position: 0px 0px;
}

a.butalike:hover,
a.butalike:link:hover,
a.butalike:visited:hover,
a.butalike:active:hover {
    background-position: center;
    color: #49646D;
    text-decoration: none !important;
}

a.butalike.inline {
    display: inline;
    padding: 2px 5px 3px 5px;
}

a.iconButton {
    padding: 5px 0px 5px 28px;
    text-decoration: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0% 50%;
    color: #56ADC7;
    font-size: 11px;
    line-height: 22px;
}

a.iconButton:hover {
    text-decoration: none;
    color: #72C4DE;
}

a.iconButton.sml {
    padding: 5px 0px 5px 18px !important;
}

.iconButton.icon_back {
    padding-left: 18px !important;
    background-image: url(../_images/icon_back_arrow.gif);
}

.iconButton.icon_pdf {
    background-image: url(../_images/icon_pdf.gif);
}

.iconButton.icon_xls {
    background-image: url(../_images/icon_xls.gif);
}

.iconButton.icon_photos {
    background-image: url(../_images/icon_photos.gif);
}

.iconButton.icon_demo {
    background-image: url(../_images/icon_demo.gif);
}

.iconButton.icon_info {
    background-image: url(../_images/icon_info.gif);
}

.iconButton.icon_print {
    background-image: url(../_images/icon_print.gif);
}

.errors {
    border: 3px solid rgba(204, 0, 0, 0.73);
    color: #c00;
    margin: 0px 0px 5px 0px;
    padding: 2px 5px 3px 5px;
    background-color: #ffffff;
    max-width: 80%;
    margin: auto;
}

.errors p,
.errors ul,
.errors ol {
    color: #000;
}

.error_color {
    color: #cc0000;
}

.errors a,
.errors a.iconButton {
    color: #000;
}

.errors a:hover,
.errors a.iconButton:hover {
    color: #cc0000;
}

.page_navigation_button,
.page_navigation_button:link,
.page_navigation_button:visited,
.page_navigation_button:active {
    font-size: 85%;
    margin: 0px 2px 0px 0px;
    padding-top: 4px;
    width: 23px;
    height: 23px;
    font-weight: normal;
    background-color: rgba(255, 255, 255, 0.82);
    border-radius: 5px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    text-align: center;
    display: block;
    float: left;
    clear: none;
    color: #18385f;
    text-decoration: none;
}

.page_navigation_button:hover,
.page_navigation_button:link:hover,
.page_navigation_button:visited:hover,
.page_navigation_button:active:hover {
    background-color: rgb(9, 69, 95);
    color: #ffffff;
    text-decoration: none;
}

.page_navigation_button_current {
    font-size: 85%;
    margin: 0px 2px 0px 0px;
    padding-top: 4px;
    width: 23px;
    height: 23px;
    font-weight: normal;
    background-color: rgb(24, 56, 95);
    border-radius: 5px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    text-align: center;
    display: block;
    float: left;
    clear: none;
    color: #ffffff;
    text-decoration: none;
    cursor: default;
}

.page_navigation_extra {
    font-size: 85%;
    margin: 0px 2px 0px 0px;
    padding-top: 4px;
    display: block;
    float: left;
    clear: none;
    color: #dadddf;
    font-size: 110%;
}

.photo_thumb {
    background-color: #FFFFFF;
    border: 5px solid #49646D;
}

.infolabel {
    color: #666666;
}










/* form */

.cform {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.cform .spacerrow {
    height: 2px;
    overflow: hidden;
}

.inputtextfield {
    font-weight: normal;
    line-height: normal;
    color: #000;
    margin: 0;
    padding: 3px 2px;
    background-color: #FFFFFF;
    width: 210px;
    height: auto;
    /*border-top: 1px solid #000;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #000;*/
}

.filefield {
    font-weight: normal;
    line-height: normal;
    color: #000;
    margin: 0 0 0 0;
    padding: 3px 2px;
    width: auto;
    height: auto;
}

.textareafield {
    font-weight: normal;
    line-height: 140%;
    color: #000;
    margin: 0 0 0 0;
    padding: 3px 2px;
    background-color: #FFFFFF;
    /*border-top: 1px solid #000;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #000;*/
    width: 100%;
    height: 169px;

    scrollbar-arrow-color: #000;
    scrollbar-track-color: #fafafa;
    scrollbar-face-color: #fafafa;
    scrollbar-highlight-color: #666666;
    scrollbar-3dlight-color: #fafafa;
    scrollbar-darkshadow-color: #fafafa;
    scrollbar-shadow-color: #666666;

    /*overflow-y: scroll;*/
}

.inputbutton {
    font-weight: bold;
    line-height: normal;
    color: #ffffff;
    margin: 3px;
    padding: 4px 2px;
    background-color: rgba(21, 92, 129, 0.77);
    height: auto;
    width: 170px;
    cursor: pointer;
    border: none;
    box-shadow: 0px 0px 0px 1px #a1aba3;
    float: right;
}

.inputbutton:hover {
    /* background-position: 0px -40px; */
    background-color: rgba(28, 124, 175, 0.77);
    padding: 4px 2px;
}

.selectfield {
    background-color: #FFFFFF;
    color: #354391;
    margin: 0px;
    padding: 2px 2px;
    height: auto;
    width: 210px;
    line-height: normal;
    /*border-color: #354391;*/
}



.one_per_col .inputtextfield {
    width: 300px;
}

.rightCol1 {
    width: 310px !important;
}

a.formbutton {
    display: block;
    float: none;
    clear: both;
    font-weight: bold;
    line-height: normal;
    color: #49646D;
    margin: 0;
    padding: 4px 3px 4px 3px;
    height: auto;
    width: auto;
    cursor: pointer;
    border-top: 1px solid #F2F4F7;
    border-right: 1px solid #586F7E;
    border-bottom: 1px solid #586F7E;
    border-left: 1px solid #F2F4F7;
    background-image: url(../_images/var_width_button_bg.png);
    background-repeat: repeat-x;
    background-position: 0px 0px;
    text-align: center;
    text-decoration: none;
}

a.formbutton:hover {
    background-position: 0px -40px;
    text-decoration: none;
    color: #49646D;
}

a.formbutton.fbwtxt {
    padding-top: 9px;
    height: 22px;
}









/* datatable */

.datatable {
    font-size: 93%;
    line-height: normal;
    border: 0px none #49646D;
    color: #49646D;
    width: 100%;
}

.datatable th {
    /* background-color: rgba(108, 121, 187, 0.52);
      background-color: rgba(86, 97, 160, 0.85);*/
    font-weight: bold;
    color: #ffffff;
    padding: 4px 3px 4px 3px;
    border: 0px none #49646D;
}

.datatable tr td {
    font-weight: normal;
    color: #0c2d38;
    padding: 4px 5px;
    border: 0px none #49646D;
    border-bottom: 1px solid rgba(73, 100, 109, 0.44);
}

.datatable tr.alt_row td {
    background-color: #E4F4FA !important;
}

.datatable th.alt_cell {
    background-color: #151E20;
}

.datatable td.alt_cell {
    background-color: #F2FAFD;
}

.datatable tr.alt_row td.alt_cell {
    background-color: #E4F4FA !important;
}

.datatable .info {
    border-bottom: 1px dotted #49646D;
    cursor: help;
}

.info {
    border-bottom: 1px dotted #49646D;
    cursor: help;
}










/* datatable1 */

.datatable2 {
    font-size: 100%;
    line-height: normal;
    color: #49646D;
}

.datatable2 tr th,
.datatable2 tr td {
    font-weight: normal;
    color: #ccccc2;
    padding: 5px 4px;
    text-align: left;
    vertical-align: middle;
    background-color: transparent;
}

.datatable2 tr.alt_row td,
.datatable2 tr.alt_row th {
    background-color: #F8FAFA !important;
}








/*  */

#overallBg {
    text-align: center;
    margin: 0px;
    padding: 0px;
    width: 100%;
    /*height: 100%;*/
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
}

#overallBg .bgimg {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#overallContainer {
    background-color: transparent;
    text-align: center;
    margin: 0px;
    padding: 0px;
    min-height: 100%;
    position: relative;
    z-index: 2;
}

#overallInnerContainer {
    margin: 60px 20px 30px 20px;
    width: 878px;
    border: 1px solid #49646D;
    padding: 10px;
    background-color: #fff;
    background-image: url(../_images/interior_bg.jpg);
    background-repeat: no-repeat;
    background-position: 50% 0%;
    FILTER: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
    -moz-opacity: 0.95;
    -khtml-opacity: 0.95;
    opacity: 0.95;
}

#leftContainer {}

#rightContainer {
    float: right;
    clear: right;
    width: 650px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
}


#headerLogoContainer {
    float: none;
    clear: both;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
}

#headerLogoContainer img {
    max-height: 72px;
}









/* mainMenu */

.main-nav {
    background-color: rgba(14, 82, 117, 0.88);
    padding: 15px 0;
    /*border-bottom: solid 1px #2b3b8f;
    border-top: solid 1px #2b3b8f;*/
    width: 94%;
    margin: 75px auto 0 auto;
}

#mainMenuContainer {
    margin: 25px 0px 0px 0px;
    padding: 0px 0px 0px 3px;
    text-align: left;
    float: none;
    clear: both;
    width: 180px;
    white-space: nowrap;
}

.mainMenu {
    margin: 0 auto;
    padding: 0px 0px 0px 14px;
    list-style-type: none;
    display: block;
    font-size: 16px;
    line-height: normal;
    font-weight: normal;
    text-align: left;
    overflow: hidden;
}

.mainMenu img {
    max-width: 24px;
    vertical-align: bottom;
    padding-right: 3px;
}

.mainMenu li {
    margin: 0;
    padding: 0px 0px 0px 0px;
    display: inline-block;
}

.mainMenu li a.mainmenu_button {
    margin: 0px 0px 0px 0px;
    padding: 0 10px;
    display: block;
    font-weight: 600;
    color: #eaeaeb;
    text-decoration: none;
}

.mainMenu li a.mainmenu_button.current {
    background-position: 0px -45px;
    color: #FFFFFF;
    font-weight: bold;
}

.mainMenu li a.mainmenu_button:hover {

    color: #56ADC7;
    text-decoration: none;
}


#topMenuContainer {
    float: right;
    clear: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
}

#topMenu {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 5px 0px;
}



ul#topMenu {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    display: block;
    font-size: 100%;
    line-height: normal;
    /*width: 650px;*/
    text-align: right;
}

#topMenu img {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin: -5px 5px 0 0;
}

.over_topMenu {
    margin: 18px 0 16px 0px!important;
}

.over_topMenu li {
    font-size: 14px;
}

#topMenu li {
    margin: 0px 20px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: inline-block;
    float: none;
    clear: none;
    color: #273790;
}

#topMenu li a {
    color: #253989;
}

#topMenu li a.topmenu_button {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 18px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-image: url(../_images/bullet_1.gif);
    color: #56ADC7;
    text-decoration: none;
}

#topMenu li a:hover {
    color: #103be6;
}

#topMenu li a.topmenu_button:hover {
    color: #72C4DE;
    text-decoration: none;
}

#admMenuContainer {
    float: right;
    clear: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
}

#admMenu {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 5px 0px;
}

ul#admMenu {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    display: block;
    font-size: 100%;
    line-height: normal;
    text-align: right;
}

.menuIcon {
    display: none;
    background: rgba(27, 7, 159, 0.2);
    width: 100%;
    text-align: center;
}

.menuIcon .fa {
    font-size: 18px;
    padding-top: 2px;
}

.menuIcon a {
    color: #ffffff;
}

#admMenu li {
    margin: 4px 20px 4px 0px;
    padding: 0px 0px 0px 0px;
    display: inline-block;
    float: none;
    clear: both;
    vertical-align: middle;
}

#admMenu li a.admMenu_button {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 18px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-image: url(../_images/star-vs.png);
    color: #ffffff;
    text-decoration: none;
    font-weight: 600;
}

#admMenu li a.admMenu_button.current {
    /*background-position: 0px -45px;*/
    color: #72C4DE;
    font-weight: bold;
}

#admMenu li a.admMenu_button:hover {
    color: #72C4DE;
    padding: 5px 0px 5px 18px;
}

#infoMenuContainer {
    float: left;
    clear: left;
   margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
}

#infoMenu {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 5px 0px;
}

ul#infoMenu {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    display: block;
    font-size: 100%;
    line-height: normal;
    /*width: 650px;*/
    text-align: right;
}

#infoMenu li {
    margin: 0px 20px 0px 0px;
    padding: 0px 0px 0px 0px;
    /*display: inline;*/
    float: none;
    clear: none;
    vertical-align: middle;
}

#infoMenu li a.infoMenu_button {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 18px;
    background-repeat: no-repeat;
    background-position: 10px 4px;
    background-image: url(../_images/arrow_1.gif);
    color: #FFF;
    text-decoration: none;
}

a b{
    color: #fff;
    text-decoration: none;
    padding: 5px;
}

a b:hover{
    color: #18c6ff;
}

#infoMenu li a.infoMenu_button.current {
    /*background-position: 0px 5px;*/
    color: #000000;
    font-weight: bold;
}

#infoMenu li a.infoMenu_button:hover {
    color: #72C4DE;
    text-decoration: none;
}


#mainContent {

    text-align: left;
}

.content-body {
    background-color: rgba(13, 98, 135, 0.76);
    /*background-color: rgba(169, 180, 172, 0.91);*/
    width: 94%;
    margin: 0 auto;
    padding: 22px;
    box-shadow: inset 0px -5px 20px 5px #246383;
}

#loginTabWrapper{
    width: 100%;
    height: 100vh;
    padding: 150px 0 0 0;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../_images/urban-background-fm.jpg);
    background-size: cover;
    
}

#loginTab {
    width: 30%;
    display: block;
    text-align: center;
    color: #0f0e9f;
    z-index: 2;
    margin: 0 auto;
}

p a {
    color: #fff!important;
}

html>body #loginTab {
    /*() background-position: center;
    background-repeat: no-repeat;
    background-image: url(../_images/login_bg.png);
    background-size: cover;*/
    background-color: rgba(255, 255, 255, 0.85);
}


/** html #loginTab {
    /* ie6 */


/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/aig-lincoln/_images/login_bg.png', sizingMethod='scale');
}*/

#loginTabInner {
    padding: 20px;
    position: relative;
}

#loginTabLogo {
    margin: 20px 0px 0px 0px;
}

#loginTabLogo img {
    max-width: 300px;
}

#loginTabHelpDesk {
    margin: 20px 0px 0px 0px;
}

#loginTabForm {
    margin: 20px 0px 0px 0px;
}

#langMenu {
    margin: 40px 0px 0px 0px;
}

#loginTab a.arr {
    color: #0f0e9f;
}

#loginTab a.arr:hover {
    color:#0f0e9f;
}









/*  */

.formTab {
    border: 0px none #AAA991;
    margin-bottom: 5px;
}

.formTabHeader {
    font-size: 100%;
    line-height: normal;
    color: #000;
    padding: 2px;
}

.formTabContent {
    padding: 2px 2px 2px 2px;
    border-top: 1px dotted #EAEAD9;
}

.formTabContent td {
    padding: 2px
}

.formTab .w100 {
    width: 520px
}









/* */


/* pageLock */

#pageLockContainer {
    display: none;
    position: relative;
    height: auto!important;
    width: 100%;
    overflow: hidden;
    left: 0px;
    top: 0px;
    z-index: 4999;
    margin: 0;
    padding: 0;
}

#pageLockBg {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    background-color: #466675;
    opacity: 0.75;
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    FILTER: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    margin: 0;
    padding: 0;
}

#pageLockMessage {
    position: absolute;
    height: auto;
    width: 360px;
    border: 1px solid #666666;
    background-color: #cccccc;
    color: #333333;
    font-size: 100%;
    left: 50%;
    top: 50%;
    text-align: center;
    margin: -100px 0px 0px -181px;
    padding: 50px 10px 20px 10px;
    overflow: visible;
    background-image: url(../_images/loader.gif);
    background-position: 50% 20px;
    background-repeat: no-repeat;
}










/* modal */

#respondContainer {
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #49646D;
    display: none;
    z-index: 5001;
    width: 280px;
    min-height: 45px;
    height: auto;
    border: 0px none #fff;
    filter: progid:DXImageTransform.Microsoft.dropShadow(Color=#000, offX=3, offY=3, positive=true);
}

#respondContent {
    position: relative;
    background-color: #fff;
    z-index: 5001;
    width: auto;
    height: auto;
    min-height: 17px;
    margin: 0px 4px 4px 4px;
    padding: 5px;
    border: 0px solid #fff;
    overflow: auto;
    scrollbar-arrow-color: #49646D;
    scrollbar-track-color: #FFF;
    scrollbar-face-color: #FFF;
    scrollbar-highlight-color: #49646D;
    scrollbar-3dlight-color: #FFF;
    scrollbar-darkshadow-color: #FFF;
    scrollbar-shadow-color: #49646D;
    text-align: left;
    font-size: 93%;
    color: #000;
}

#respondControls {
    text-align: right;
    margin: 4px 4px 0px 4px;
    padding: 5px 5px 5px 5px;
    cursor: move;
    color: #FFF;
    background-color: #49646D;
}

#respondTitle {
    font-size: 100%;
    font-weight: bold;
    color: #FFF;
    text-align: left;
}

#respondContainer .up {
    background-color: #49646D;
}

#respondContainer .down {
    background-color: #49646D;
}

#respondContainer .loader {
    /*border:1px solid #CDE7B4; */
    height: 13px;
    width: 260px;
    background-image: url(../_images/loader.gif);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin: 0px 0px 0px 0px;
}

.popupBody .popupBox {
    text-align: left;
    padding: 20px;
}

.popupBody .popupBox .breadcrumbs {
    display: none;
}

h1.headline,
h2.headline,
h3.headline {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    overflow-y: hidden;
    color: #6A9EB2;
}

h1.headline {
    height: 47px;
    font-size: 40px;
    line-height: normal;
}

h2.headline {
    height: 40px;
    font-size: 30px;
    line-height: normal;
}

h3.headline {
    height: 28px;
    font-size: 20px;
    line-height: normal;
}

h1.headline .hilite,
h2.headline .hilite,
h3.headline .hilite {
    color: #F46D1C;
}


h1 img {
    max-width: 160px;
    vertical-align: middle;
    padding-right: 10px;
    padding-bottom: 4px;
}








/*==============HOMEPAGE================*/

.home-welcome p {
    font-size: 18px;
    color: #ffffff;
}



table.responsivetable tbody tr:nth-of-type(2n) {
    /*background-color: #e5e5e5;*/
    background-color: rgba(255, 255, 255, 0.9);
}

table.responsivetable tbody tr:nth-of-type(2n+1) {
    /*background-color: #f3efef;*/
    background-color: rgba(255, 255, 255, 0.95);
}

.responsivetable {
    border-collapse: collapse;
    text-rendering: optimizeLegibility;
}






/*===================RESPONSIVE TABLE============*/

table.responsivetable span {
    display: none!important;
}

table.responsivetable th {
    padding: 18px 5px;
    /*background-color: rgba(77, 79, 93, 0.59);*/
    background-color: rgba(15, 81, 116, 0.71);
}

table.responsivetable .error_color {
    display: block!important;
}



/*===================Table-ticket============*/

.table-ticket {
    /*border: 1px solid rgba(100, 100, 109, 0.61);
    border-top: 1px solid #64646d;
    border-right: 1px solid #64646d;*/
    margin: 10px 0;
    background-color: rgba(41, 102, 134, 0.71);
}

.table-ticket th {
    padding: 5px 8px;
    border-bottom: 1px solid rgb(31, 97, 132);
    border-right: 1px solid rgb(31, 97, 132);
}

.table-ticket tr td {
    font-weight: normal;
    color: #ddd8cf;
    padding: 5px 10px;
    border: 0px none #49646D;
    border-bottom: 1px solid rgb(31, 97, 132);
}

#tech_constatari {
    font-weight: normal;
    line-height: 140%;
    color: #000;
    margin: 0;
    padding: 10px;
    background-color: #cecfd4;
    width: 100%;
    height: 150px;
    border: none;
    overflow-y: hidden;
}

.tdnopadding {
    padding: 0!important;
}



/*================MINITABLE=========*/

.minitable {
    width: 40%;
}




/*==================MESSAGE=========================*/

.sendmessage {
    text-align: center;
    text-decoration: none!important;
    color: #ffffff!important;
}




/*==========================MEDIA QUERY+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and (max-width: 990px) {
    table.responsivetable caption {
        background-image: none;
    }
    table.responsivetable thead {
        display: none;
    }
    table.responsivetable tbody td {
        display: block;
        padding: .6rem;
        text-align: center;
    }
    table.responsivetable tbody tr td:first-child {
        background: rgba(63, 87, 97, 0.77);
        color: #fff;
        text-align: center;
    }
    table.responsivetable span {

        font-weight: bold;
        display: inline-block!important;
        font-size: 14px;
        color: #2a3a84;
        padding: 0 10px;
    }
    table.responsivetable tr td br {
        display: none;
    }

    .datatable2 td {
        display: block;
        width: 40%;
    }

    table.responsivetable tr td.brtable br {
        display: block;
    }
}

@media only screen and (max-width:560px) {
    .datatable2 td {
        width: 80%;
    }
}

@media only screen and (max-width:425px) {
    .datatable2 td {
        width: 100%;
    }
}




/*===================LOGIN PAGE======================*/

@media only screen and (max-width:1084px) {

    #loginTab {
        width: 100%;
        margin: 20px auto;
        left: 0;
        top: 0;
    }
    #loginTabInner {
        padding: 10px;
    }
}



/*====================HEADER NAVBAR TOP NAVBAR================*/

@media only screen and (max-width:990px) {

    .container {
        padding: 0;
        min-width: 100%;
    }
    .row {
        margin: 0;
    }
    p {
        padding: 4px;
    }

    #headerLogoContainer img {
        max-height: 60px;
    }
    #headerLogoContainer,
    ul#topMenu {
        text-align: center;
    }
    #topMenu li {
        margin: 0;
        padding: 6px;
    }
    #changeLangIn {
        width: auto;
    }
    .over_topMenu {
        margin: 6px 0 0 0!important;
    }
    .over_topMenu li {
        font-size: 12px;
    }
    ul#admMenu {
        text-align: center;
        padding: 10px 0;
        margin: 0;
    }
    #admMenu li {
        margin: 5px 10px;
        display: inline-block;
    }

    #admMenu li a.admMenu_button {
        padding: 5px 0px 5px 18px;
        background-position: left;
        margin: 4px 0;
    }
    #admMenuContainer {
        float: none;
    }
    p a {
        margin: 0 auto;
        display: block;
        text-align: center;
    }
    p{
        clear: both;
    }
    #tech_constatari{
        width: 99%;
        margin: auto;
    }
}

@media only screen and (max-width:990px) {

    .main-nav {
        width: 100%;
        margin: 10px 0 0 0;
    }
}


@media only screen and (max-width: 767px) {
    .main-nav {
        width: 100%;
        margin: 0;
        padding: 0;
        border: none;
    }

    .mainMenu {
        display: none;
    }
    .menuIcon {
        display: inline-block;
        padding: 3px 0;
    }
    .menuOpen {
        max-height: 1000px;
        display: block!important;
        background-color: rgba(16, 29, 86, 0.28);
        text-align: center;
        padding: 15px 0;
        width: 80%;
    }
    .mainMenu li {

        padding: 8px 0;
        display: block;
    }
    h1 img {
        display: block;
        margin: 5px auto;
    }
}










/*===========TIcKET NEW REQUEST PAGE===========*/

@media only screen and (max-width:990px) {
    .datatable {
        width: 100%!important;
        overflow-x: all;
    }

    .content-body {
        width: 100%;
        padding: 5px 0;
    }


    .datatable tr th {

        padding: 2px!important;
        text-align: left;
        min-width: 75px;
    }


    .selectfield {
        width: 100%;
        overflow: hidden;
    }
    .inputtextfield {
        width: 100%;
    }


    .selectfield option {
        max-width: 100%;
    }
    h1 {
        text-align: center;
        padding: 0 0 10px 0;
        margin: 0;
    }


    .inputbutton {
        margin: 8px;
        display: block;
        float: left;
    }
    h4 {
        clear: left;
        margin: 8px;
    }
}


.table-picture{
    max-width: 50px;
    vertical-align: middle;
    margin-right: 10px;
}