/*@charset "iso-8859-1";*/
/* Default CSS Stylesheet for a new Web Application project */

/* html5 changes
  1. look for label *html5* for html5 compliant change
  2. padding value must end with px, ie padding:10px instead of padding:10
*/

/* change log
9pt
*/

a.info:link, a.info:active, a.info:visited, a:info:hover
{
    position:relative; /*this is the key*/
    /*z-index:24;*/
    font-weight:600;
    color: #4f82b5;
    text-decoration:none;
    }

a.info:hover
{
    z-index:25;
    background-color:#ff0;
    text-decoration: underline;
}

a.info span
{
    display: none
}

a.info:hover span
{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; /*width:0.1em*/;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center;
    text-decoration: none;
}

A:link, A:active, A:visited, A:hover
{
    font-weight:600;
    color: #4f82b5;
    /*color: #336699;*/
    text-decoration: none;
}
A:hover
{
    /*background-color: #f0f1f6;*/
    text-decoration: underline;
}

.AiN:link, .AiN:active, .AiN:visited, .AiN:hover
{
    font-weight:300;
    font-size: 0.8em;
    color: gray;
    text-decoration: none;
}
.AiN:hover
{
    color: blue;
    text-decoration: underline;
}

.aget_button
{
    /*_WIDTH:107%;*/
    VERTICAL-ALIGN: MIDDLE;
    FONT-FAMILY: 'Open Sans', Tahoma, Sans, Verdana, 'Times New Roman';
    COLOR: white;
    FONT-SIZE: 1em;
    font-weight:600;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
    CURSOR: pointer;
    CURSOR: hand;
    _cursor:hand;
    _BORDER:0;
    background-color: #003366;
}

.aSay_Normal, .asay_normal
{
    BORDER: 0;
    PADDING-LEFT:7px;
    PADDING-RIGHT:7px;
    font-weight:300;
}

.aSay_Small, .asay_small
{
    font-size: .8em;
    font-family: 'Open Sans', Tahoma, Sans, Verdana, 'Times New Roman';
    font-weight:300;
}

.aSay_Small_1, .asay_small_1
{
    font-size: .8em;
    font-family: 'Open Sans', Tahoma, Sans, Verdana, 'Times New Roman';
    font-weight:600;
    color: #bbbbbb;
}

/*
.BUTTON, .Button, .button
{
    VERTICAL-ALIGN: MIDDLE;
    border-right: darkgray 1px solid;
    border-top: darkgray 1px solid;
    font-size: 1em;
    font-weight:600;
    border-left: darkgray 1px solid;
    border-bottom: darkgray 1px solid;
    font-family: 'Open Sans', Tahoma, Sans, Verdana, 'Times New Roman';
    background-color: gainsboro;
    CURSOR: pointer;
    CURSOR: hand;
    _cursor: hand;
}
*/
.BUTTON, .Button, .button
{
    -webkit-appearance: none;
    background-color: gainsboro;
    FONT-FAMILY: 'Open Sans', Tahoma, Sans, Verdana, 'Times New Roman';
    border: #aaaaaa 1px solid;
    color: black;
    # padding: 15px 32px;
    padding: 0.057em 0.7em;
    text-align: center;
    text-decoration: none;
    # display: inline-block;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    font-size: 1.0em;
    font-weight: 600;
    cursor: pointer;
    border-radius: 0.3em;
    white-space: nowrap;
}
.BUTTON:disabled, .Button:disabled, .button:disabled
{
    opacity: 0.6;
    cursor: not-allowed;
}
.BUTTON:hover, .Button:hover, .button:hover
{
    background-color: #fffff7;
    color: black;
}

.HiA:link, .HiA:active, .HiA:visited
{
    color: white;
    text-decoration: none;
}

.HiA:hover
{
    background-color: transparent;
    color: white;
    text-decoration: underline;
}

BIG, big
{
    font-size:  1.17em;
}

BLOCKQUOTE, PRE {
    font-family:  Courier New, monospace;
}


BODY, body
{
    MARGIN: 0;
    COLOR: #003366;
    BACKGROUND-COLOR: white;
    FONT-FAMILY: 'Open Sans', Tahoma, Sans, Verdana, 'Times New Roman';
    /*FONT-SIZE: .8em;*/  /*html5*/
    font-weight:600; /*normal*/
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
    overflow-x: scroll;
}

.CalendarTable
{
    WIDTH: 10%;
    BACKGROUND-COLOR: white;
    BORDER: 0 /*#c7ccdc 1px solid*/;
    BORDER-COLLAPSE: collapse;
    PADDING:0;
    FONT-FAMILY: 'Open Sans', Tahoma, Sans, Verdana, 'Times New Roman';
    /*
    FONT-SIZE: 9pt;
    */
    font-weight:300;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal
}

.Footer
{
    font-size: 1em;
    width: 100%;
    color: white;
    font-family: 'Open Sans', Tahoma, Sans, Verdana, 'Times New Roman';
    background-color: #336699;
    text-align: center;
}

.Footer0, .footer0
{
    BORDER: 0;
    BORDER-COLLAPSE: collapse;
    /*border-top: lightgray 1px solid;*/
    background-image: url('background_footer0.gif');
    background-repeat: repeat-x;
    PADDING:7px;
    VERTICAL-ALIGN:Middle;
    color: gray;
    font-family: 'Open Sans', Tahoma, Sans, Verdana, 'Times New Roman';
    font-size: 7pt;
    background-color: transparent; /*#4f82b5;*/
    height: 36px;
}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
    COLOR: #003366;
}
H1  {
    font-family: 'Open Sans', Tahoma, Sans, Verdana, 'Times New Roman';
    font-size:  2em;
    font-weight:700;
    font-style: normal;
    text-decoration:  none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

H2  {
    font-family: 'Open Sans', Tahoma, Sans, Verdana, 'Times New Roman';
    font-size:  1.75em;
    font-weight:700;
    font-style: normal;
    text-decoration:  none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

H3  {
    font-family: 'Open Sans', Tahoma, Sans, Verdana, 'Times New Roman';
    font-size:  1.58em;
    font-weight:500;
    font-style: normal;
    text-decoration:  none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

H4  {
    font-family: 'Open Sans', Tahoma, Sans, Verdana, 'Times New Roman';
    font-size:  1.33em;
    font-weight:500;
    text-decoration:  none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

H5, DT  {
    font-family: 'Open Sans', Tahoma, Sans, Verdana, 'Times New Roman';
    font-size:  1em;
    font-weight:700;
    font-style: normal;
    text-decoration:  none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

H6  {
    font-family: 'Open Sans', Tahoma, Sans, Verdana, 'Times New Roman';
    font-size:  .8em;
    font-weight:700;
    font-style: normal;
    text-decoration:  none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

.Header0
{
    BORDER: 0;
    BORDER-COLLAPSE: collapse;
    /*border-bottom: lightgray 1px solid;*/
    background-image: url('background_header0.gif');
    PADDING-LEFT:7px;
    PADDING-RIGHT:7px;
    PADDING-TOP:1px;
    PADDING-BOTTOM:0;
    VERTICAL-ALIGN:Middle;
    color: gray;
    font-family: 'Open Sans', Tahoma, Sans, Verdana, 'Times New Roman';
    background-color: transparent ; /*#4f82b5;*/
}

.Header1
{
    BORDER: #c7ccdc 1px solid;
    BORDER-COLLAPSE: collapse;
    PADDING:0;
    font-weight:600;
    color: white;
    font-family: 'Open Sans', Tahoma, Sans, Verdana, 'Times New Roman';
    background-color: #336699;
}

.Header2
{
    padding-right: 5px;
    padding-left: 5px;
    padding-right: 10px;
    font-weight:600;
    font-size: 1em;
    font-family: 'Open Sans', Tahoma, Sans, Verdana, 'Times New Roman';
    color: white;
    background-color: #336699;
}

.Header3
{
    border-top: 3px groove;
    font-size: .8em;
    color: white;
    font-family: 'Open Sans', Tahoma, Sans, Verdana, 'Times New Roman';
    background-color: #4f82b5;
}

.HeaderImage
{
    vertical-align: middle;
}

.Hidden, .hidden
{
    visibility: hidden;
    display: none;
}

HR, hr
{
    BORDER: #c7ccdc 1px solid;
}

.HTML_TABLE, .html_table
{
    BORDER: 0;
    BORDER-COLLAPSE: collapse;
    PADDING:0;
    color: white;
    font-family: 'Open Sans', Tahoma, Sans, Verdana, 'Times New Roman';
}

.HTML_TD, .html_td
{
    BORDER: 0;
    PADDING:0;
}

.HTML_TR, .html_tr
{
    VERTICAL-ALIGN: TOP;
}

.HYPER_TD, .hyper_td
{
    VERTICAL-ALIGN: TOP;
    font-weight:600;
    color: #4f82b5;
}

.HYPER_TR_INDEX, .hyper_tr_index
{
    text-align: right;
    font-weight:300;
    FONT-SIZE: .9em;
    color: /*#4f82b5*/ #003366 ;
    PADDING-LEFT:7px;
    PADDING-RIGHT:0;

}

.HYPER_TR_SEPARATOR, .hyper_tr_separator
{
    font-weight:300;
    FONT-SIZE: .9em;
    color: /*#4f82b5*/ #003366 ;
    PADDING-LEFT:0;
    PADDING-RIGHT:2px;
}

.HYPER_TR_SEPARATOR_SUB, .hyper_tr_separator_sub
{
    font-weight:300;
    FONT-SIZE: .7em;
    color: /*#4f82b5*/ #003366 ;
    PADDING-LEFT:4px;
    PADDING-RIGHT:0;
}

.HYPER_TR_SAY, .hyper_tr_say
{
    font-weight:600;
    color: /*#4f82b5*/ #003366 ;
    PADDING-LEFT:0;
    PADDING-RIGHT:7px;

}

.HYPER_TR_SAY_SUB, .hyper_tr_say_sub
{
    font-weight:300;
    FONT-SIZE: .9em;
    color: /*#4f82b5*/ #003366 ;
    PADDING-LEFT:4px;
    PADDING-RIGHT:7px;
}

.hyperlink_button, .hyperlink_button_mozilla
{
    background-color: gainsboro;
    border: #aaaaaa 1px solid;
    color: black;
    # padding: 15px 32px;
    padding: 0.057em 0.7em;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    font-size: 1.0em;
    font-weight: 600;
    cursor: pointer;
    border-radius: 0.3em;
}
.hyperlink_button:disabled, .hyperlink_button_mozilla:disabled
{
    opacity: 0.6;
    cursor: not-allowed;
}
.hyperlink_button:hover, .hyperlink_button_mozilla:hover
{
    background-color: #fffff7;
}
.hyperlink_button_item
{
    color: black;
    font-weight:600;
    white-space:nowrap;
}
.hyperlink_button_item:hover
{
    color: black;
}

/*
.hyperlink_button {
    _width:1em;
    font: bold ;
    margin: 0em 0em 0.4em 0em;
    padding: 0em 0em 0em 0em;
    border: darkgray 1px solid;
    white-space:nowrap;
    text-decoration: none;
    vertical-align:bottom;
    text-align:center;
    background: gainsboro;
    color: black;
}
.hyperlink_button em {
    _width:1em ;
    CURSOR: pointer;
    CURSOR: hand;
    _cursor:hand;
    font-style: normal;
    margin:0em 0em 0em 0em;
    padding: 0.05em 1em 0.20em 1em;
    background: gainsboro;
    color: black;
}
.hyperlink_button:hover {
    background: #fffff7;
    color: black;
    text-decoration: none;
}
.hyperlink_button:hover em {
    background: #fffff7;
    color: black;
    text-decoration: none;
}

.hyperlink_button_mozilla {
    _width:1em;
    font: bold ;
    margin: 0em 0em 0em 0em;
    padding: 0.1em 0em 0.1em 0em;
    border: darkgray 1px solid;
    white-space:nowrap;
    text-decoration: none;
    VERTICAL-ALIGN: MIDDLE;
    <!-- vertical-align:center; -->
    text-align:center;
    background: gainsboro;
    color: black;
}
.hyperlink_button_mozilla em {
    _width:1em ;
    CURSOR: pointer;
    CURSOR: hand;
    _cursor:hand;
    font-style: normal;
    margin:0em 0em 0em 0em;
    padding: 0.1em 1em 0.1em 1em;
    background: gainsboro;
    color: black;
}
.hyperlink_button_mozilla:hover {
    background: #fffff7;
    color: black;
    text-decoration: none;
}
.hyperlink_button_mozilla:hover em {
    background: #fffff7;
    color: black;
    text-decoration: none;
}
*/



IMG, img   {
    margin:0;
}

.ImgA, .imga
{
    border:0;
    vertical-align:middle;
}

.ImgA:hover, .imga:hover
{
    background-color: transparent;
    color: white;
    text-decoration: none;
}

.ImgA:link, .ImgA:active, .ImgA:visited, .imgA:link, .imgA:active, .imgA:visited
{
    color: blue;
    text-decoration: none;
}


INPUT, TEXTAREA, SELECT, OPTION, input, textarea, select, option
{
    VERTICAL-ALIGN: MIDDLE;
    FONT-FAMILY: 'Open Sans', Tahoma, Sans, Verdana, 'Times New Roman';
    FONT-SIZE: 1em;
    font-weight:300; /*bold;*/ /*normal*/
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
    BACKGROUND-COLOR: #f0f1f6;
    BORDER: #c7ccdc 1px solid;
    border-radius: 0.3em;
}

INPUT:hover, TEXTAREA:hover, SELECT:hover, OPTION:hover, input:hover, textarea:hover, select:hover, option:hover
{
    background-color: #fffff7;
}

.input_disabled{
    color:black;
    border-style:dotted;
    border-color:dimgray;
    background-color: white;
}

input:disabled, select:disabled{
    color:black;
    background-color:white;
}

.Normal, normal
{
    font-size: 1em;
    font-family: 'Open Sans', Tahoma, Sans, Verdana, 'Times New Roman';
}

OL LI {
    list-style-type:  decimal;
}

OL OL LI  {
    list-style-type:  lower-alpha;
}

OL OL OL LI {
    list-style-type:  lower-roman;
}

.PlaceHeader
{
    border-bottom: 1px solid;
}

.PlaceItem
{
    border-right: #336699 1px solid;
    border-left: #336699 1px solid;
    border-top: #336699 1px solid;
    border-bottom: #336699 1px solid;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.printHR
{
    BORDER: black 1px solid;
}

.Separator
{
    border-right: #336699 1px solid;
    border-top: #336699 1px solid;
    border-left: #336699 1px solid;
    border-bottom: #336699 1px solid;
}

SMALL, small
{
    font-size:  .7em;
}

.SmallTextBox
{
    background-color: #f0f1f6;
    border-right: #c7ccdc 1px solid;
    border-top: #c7ccdc 1px solid;
    font-size: 1em;
    border-left: #c7ccdc 1px solid;
    border-bottom: #c7ccdc 1px solid;
    font-family: 'Open Sans', Tahoma, Sans, Verdana, 'Times New Roman';
    width: 70px;
}

.SubHeader
{
    border-top: 3px groove;
    font-size: 1em;
    color: white;
    font-family: 'Open Sans', Tahoma, Sans, Verdana, 'Times New Roman';
    background-color: #4f82b5;
    text-align: right;
}

TABLE, table
{
    /* WIDTH: 100%; */
    BACKGROUND-COLOR: transparent ;
    BORDER: 0 ;
    /* BORDER: 1px solid transparent; */
    BORDER-COLLAPSE: collapse;
    PADDING:0;
    FONT-FAMILY: 'Open Sans', Tahoma, Sans, Verdana, 'Times New Roman';
    /* FONT-SIZE: 9pt; */
    font-weight:600;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
    
}

.TABLE_BORDER1
{
    BACKGROUND-COLOR: transparent ;
    BORDER: #c7ccdc 1px solid;
    BORDER-COLLAPSE: collapse;
    PADDING:1px;
    FONT-FAMILY: 'Open Sans', Tahoma, Sans, Verdana, 'Times New Roman';
    /* FONT-SIZE: 9pt; */
    font-weight:600;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal
}

.TableLines
{
    border-top: #c7ccdc 1px solid;
    border-bottom: #c7ccdc 1px solid;
    border-right: #c7ccdc 1px solid;
    border-left: #c7ccdc 1px solid;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
}

.TextBox
{
    background-color: #f0f1f6;
    border-right: #c7ccdc 1px solid;
    border-top: #c7ccdc 1px solid;
    font-size: 1em;
    border-left: #c7ccdc 1px solid;
    width: 200px;
    border-bottom: #c7ccdc 1px solid;
    font-family: 'Open Sans', Tahoma, Sans, Verdana, 'Times New Roman';
}

.TextBoxUC
{
    border-right: #c7ccdc 1px solid;
    border-top: #c7ccdc 1px solid;
    font-size: 1em;
    text-transform: uppercase;
    border-left: #c7ccdc 1px solid;
    width: 200px;
    border-bottom: #c7ccdc 1px solid;
    font-family: 'Open Sans', Tahoma, Sans, Verdana, 'Times New Roman';
    background-color: #f0f1f6;
}

TD, td
{
    VERTICAL-ALIGN: TOP;
    BORDER: 0 /*1px #c7ccdc solid*/;
    PADDING-LEFT:7px;
    PADDING-RIGHT:7px;
    font-weight:600; /*normal*/
    COLOR: #003366; /*html5*/
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

TFOOT, THEAD  {
    font-size:  1em;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
    font-family: 'Open Sans', Tahoma, Sans, Verdana, 'Times New Roman';
}

TH, th  {
    vertical-align: baseline;
    font-size:  1em;
    font-weight:600;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
    font-family: 'Open Sans', Tahoma, Sans, Verdana, 'Times New Roman';
}

.TITLE, .title
{
    VERTICAL-ALIGN: MIDDLE;
    COLOR: #003366;
    font-family: 'Open Sans', Tahoma, Sans, Verdana, 'Times New Roman';
    font-size:  1em;
    font-weight:700;
    font-style: normal;
    text-decoration:  none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

TR, tr
{
    VERTICAL-ALIGN: TOP;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

UL LI {
    list-style-type:  square ;
}

UL LI LI  {
    list-style-type:  disc;
}

UL LI LI LI {
    list-style-type:  circle;
}


/********/
/* ajax */
/********/

#ajax_listOfOptions{
    position:absolute;    /* Never change this one */
    width:175px;    /* Width of box */
    height:250px;    /* Height of box */
    overflow:auto;    /* Scrolling features */
    border:1px solid #317082;    /* Dark green border */
    background-color:#FFF;    /* White background color */
    font-family: 'Open Sans', Tahoma, Sans, Verdana, 'Times New Roman';
    font-weight:300;
    text-align:left;
    z-index:100;
}
#ajax_listOfOptions div{    /* General rule for both .optionDiv and .optionDivSelected */
    margin:1px;
    padding:1px;
    cursor:pointer;
    CURSOR: hand;
    font-size:0.9em;
}
#ajax_listOfOptions .optionDiv{    /* Div for each item in list */

}
#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
    background-color:#317082;
    color:#FFF;
}
#ajax_listOfOptions_iframe{
    background-color:#F00;
    position:absolute;
    z-index:5;
}
/*
form{
    display:inline;
}
*/

/* Total bar style */
#totalbar {
    position:fixed;
	bottom:5px;
	right:5px;
    padding:0px;
    z-index:5;
}
#totalbar span {
	padding:5px;
	color:white;
}
#totalbar span:nth-child(1) {
	background-color:#16A085;
}
#totalbar span:nth-child(2) {
	background-color:#2ECC71;
}
#totalbar span:nth-child(3) {
	background-color:#E74C3C;
}

.apamt{
    visibility: hidden;
}
.commamt{
    visibility: hidden;
}