formclass 
{
 background-color: #ffffff;
}


body {
	background-color: #8C9ABD;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

A {text-decoration: underline; 
        color: #ffffff; 
        font-weight: bolder;
        font-family: Verdana, Helvetica, sans-serif;}
        
A:hover {text-decoration: underline; color:#99CCFF;}

.text {	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	color: #10347B;
}

.style1 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: 16px; font-weight: normal; color: #FFFFFF; }
.bighead {	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	color: #10347B;
}
.style3 {font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; line-height: normal; font-weight: bolder; color: #FFFFFF; }
.style4 {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 10px;
}
.style5 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
}
.style7 {
	color: #153578;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.style9 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14px;
	font-weight: bold;
	color: #153578;
}
.style12 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
	font-weight: bold;
	color: #153578;
}
.style13 {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
}
.style14 {
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin-left: 5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}
.bighead1 {font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	color: #FFFFFF;
}
.text1 {font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	color: #FFFFFF;
}
.text1 {font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	color: #10347B;
}
.text2 {font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	color: #FFFFFF;
}

.validate {font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	color: #FF0000;
	background: #FFFFFF;
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
}

.logintext 
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	color: #ffffff;
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
} 

.loginlink {font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	color: #FFFFFF;
}

.filelink {font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	color: #007FFF;
}

.usertable 
{
     border: 0;
}

.usertable th
{
    border: none;
}

.usertable td
{
    border: solid 1px #000000;
}

.usertablecells 
{
    background-color: #9FB6CD;
    padding: 5px;
    text-align: center;
}

.usertable a
{
    color: #ffffff;
    padding: 5px;
    text-align: center;
}

.usertableheader
{
    font-family: Verdana;
    font-size: 12px;
    color: #ffffff;
    background-color: #26466D;
    padding: 5px;
    border: solid 1px #000000;

}

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
      font-family: Arial, Sans-Serif;
      font-size: 12px;
      font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
 
#master_content .accordionHeader a
{
      color: #FFFFFF;
      background: none;
      text-decoration: none;
}
 
#master_content .accordionHeader a:hover
{
      background: none;
      text-decoration: underline;
}
 
.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
      font-family: Arial, Sans-Serif;
      font-size: 12px;
      font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
 
#master_content .accordionHeaderSelected a
{
      color: #FFFFFF;
      background: none;
      text-decoration: none;
}
 
#master_content .accordionHeaderSelected a:hover
{
      background: none;
      text-decoration: underline;
}
 
.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.alert {font-family: Arial, Helvetica, sans-serif;
    background-color: #fff;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	color: #FF0000;
	font-weight:bold;
	border-width: 5px;
}

.Grid  
{
 font-size: 11px;
 border: solid 1px #FFFFFF; 
 background-color: #E3E3E3;
}
.Grid td
{
border: solid 1px #FFFFFF;
margin: 1px 1px 1px 1px;
padding: 1px 1px 1px 1px;
text-align: center;
}
.GridHeader
{
font-size: 10px;
font-weight: bold;
background-color: #2E4d7B;
color: #ffffff;
}
.GridItem
{
background-color: #e6e6e6;
}

.GridAltItem
{
background-color: white;
}


.Grid2  
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 border: solid 1px #FFFFFF; 
 background-color: #E3E3E3;
}
.Grid2 td
{
border: solid 1px #FFFFFF;
margin: 1px 1px 1px 1px;
padding: 1px 1px 1px 1px;
text-align: center;
}
.Grid2Header
{
font-size: 9px;
font-weight: bold;
background-color: #2E4d7B;
color: #ffffff;
}
.Grid2Item
{
background-color: #e6e6e6;
}

.Grid2AltItem
{
background-color: white;
}

.formleft
{
    BORDER-RIGHT: #000000 1px solid;
    font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
}

.formlabel
{
    font-family: Arial, Helvetica, sans-serif;
    border: solid 1px #FFFFFF;
    font-size: 12px;
    background-color: #2E4d7B;
    color: #ffffff;
    padding: 10px;
}

/**calendar*/
.calendar
{
    BORDER-RIGHT: #000 2px solid;
    BORDER-TOP: #fff 2px solid;
    DISPLAY: none;
    FONT-SIZE: 11px;
    BACKGROUND: #d4d0c8;
    BORDER-LEFT: #fff 2px solid;
    CURSOR: default;
    COLOR: #000;
    BORDER-BOTTOM: #000 2px solid;
    FONT-FAMILY: tahoma,verdana,sans-serif;
    POSITION: relative
}
.calendar TABLE
{
    BORDER-RIGHT: #fff 1px solid;
    BORDER-TOP: #000 1px solid;
    FONT-SIZE: 11px;
    BACKGROUND: #d4d0c8;
    BORDER-LEFT: #000 1px solid;
    CURSOR: default;
    COLOR: #000;
    BORDER-BOTTOM: #fff 1px solid;
    FONT-FAMILY: tahoma,verdana,sans-serif
}
.calendar .button
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 1px;
    BORDER-TOP: #fff 1px solid;
    PADDING-LEFT: 1px;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: #fff 1px solid;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #000 1px solid;
    TEXT-ALIGN: center
}
.calendar THEAD .title
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 1px;
    BORDER-TOP: #000 1px solid;
    PADDING-LEFT: 1px;
    FONT-WEIGHT: bold;
    BACKGROUND: #848078;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: #000 1px solid;
    COLOR: #fff;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #000 1px solid;
    TEXT-ALIGN: center
}
.calendar THEAD .headrow
{
}
.calendar THEAD .daynames
{
}
.calendar THEAD .name
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    BACKGROUND: #f4f0e8;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #000 1px solid;
    TEXT-ALIGN: center
}
.calendar THEAD .weekend
{
    COLOR: #f00
}
.calendar THEAD .hilite
{
    BORDER-RIGHT: #000 2px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #fff 2px solid;
    PADDING-LEFT: 0px;
    BACKGROUND: #e4e0d8;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #fff 2px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #000 2px solid
}
.calendar THEAD .active
{
    BORDER-RIGHT: #fff 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #000 1px solid;
    PADDING-LEFT: 2px;
    BACKGROUND: #c4c0b8;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #000 1px solid;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #fff 1px solid
}
.calendar TBODY .day
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 2px;
    WIDTH: 2em;
    PADDING-TOP: 2px;
    TEXT-ALIGN: right
}
.calendar TABLE .wn
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 2px;
    BACKGROUND: #f4f0e8;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px
}
.calendar TBODY .rowhilite TD
{
    BACKGROUND: #e4e0d8
}
.calendar TBODY .rowhilite TD.wn
{
    BACKGROUND: #d4d0c8
}
.calendar TBODY TD.hilite
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 3px;
    BORDER-TOP: #fff 1px solid;
    PADDING-LEFT: 1px;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: #fff 1px solid;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #000 1px solid
}
.calendar TBODY TD.active
{
    BORDER-RIGHT: #fff 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #000 1px solid;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #000 1px solid;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #fff 1px solid
}
.calendar TBODY TD.selected
{
    BORDER-RIGHT: #fff 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #000 1px solid;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: bold;
    BACKGROUND: #e4e0d8;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #000 1px solid;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #fff 1px solid
}
.calendar TBODY TD.weekend
{
    COLOR: #f00
}
.calendar TBODY TD.today
{
    FONT-WEIGHT: bold;
    COLOR: #00f
}
.calendar TBODY .disabled
{
    COLOR: #999
}
.calendar TBODY .emptycell
{
    VISIBILITY: hidden
}
.calendar TBODY .emptyrow
{
    DISPLAY: none
}
.calendar TFOOT .footrow
{
}
.calendar TFOOT .ttip
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 1px;
    BORDER-TOP: #000 1px solid;
    PADDING-LEFT: 1px;
    BACKGROUND: #848078;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: #000 1px solid;
    COLOR: #fff;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #000 1px solid;
    TEXT-ALIGN: center
}
.calendar TFOOT .hilite
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 1px;
    BORDER-TOP: #fff 1px solid;
    PADDING-LEFT: 1px;
    BACKGROUND: #e4e0d8;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: #fff 1px solid;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #000 1px solid
}
.calendar TFOOT .active
{
    BORDER-RIGHT: #fff 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #000 1px solid;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #000 1px solid;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #fff 1px solid
}