html, body
{
	/*height: 100.1%;*/
}
body {
	background-color: #FFFFFF;
	background-position: center top;
	font-family: "Lucida Grande",Arial,sans-serif;
	font-size: 12px;
}
form.mainContainer 
{
	width: 95%; 
	min-width: 980px;
	margin: 0 auto; 
}
table.mainContainer
{
	width:100%;
}


h1 {
	color: #E58C00;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	background-position: center;
	text-align: left;
}
h1 {
	color: #666666;
	font-size: 12px;
	font-weight: normal;
	line-height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 8px;
	padding-right: 8px;
	text-align: left;
}
h3
{
	padding: 0px;
	font-size: 125%;
	margin-top: 10px;
	margin-bottom: 10px;
}
p
 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0061C1;
	line-height: 18px;
	text-align: left;
}

.GreenText
{
	color: #472047;
}

a
{
	color: #472047;
}

a:link {
	text-decoration: none;
	color: #472047;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
}

a:visited {
	text-decoration: none;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
a:hover {
	color: #472047;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
a:active {
	text-decoration: none;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

/* Main Menu */
div#MainMenu
{	
	width: 100%;
	height: 32px;
	background-image: url(images/grad2.gif);
}
.MainMenu
{
	clear: none;
}	
a.MainMenuItem, a.MainMenuItem:link, a.MainMenuItem:visited, a.MainMenuItem:hover, a.MainMenuItem:active, a.MainMenuSubItem, a.MainMenuSubItem:link, a.MainMenuSubItem:visited, a.MainMenuSubItem:hover, a.MainMenuSubItem:active
{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #f1e7d7;
	font-weight: bold;
	background-image:none;
}
.MainMenuItem
{
	border-right: solid 1px #AED384;
	padding-right: 4px;
	padding-left: 4px;
	height: 32px;
	margin: 0px;
}
.MainSubMenu
{
}
.MainMenuSubItem
{
	border-bottom: solid 1px #478C14;
	border-top: solid 1px #AED384;
	padding-right: 4px;
	padding-left: 4px;
	margin:0px;
	height: 32px;
	background-image: url(images/grad2.gif);
}
.MainMenuHover
{
	background-image: url(images/grad2-1.gif);
	color: #FFFFFF;
}
a.MainMenuHover, a.MainMenuHover:link, a.MainMenuHover:hover
{
	color: #FFFFFF;
	background-image:none;
} 
.MainMenuSelected
{
	background-image: url(images/grad2-2.gif);
}
.emptyMenu
{
	width: 100%;
	height: 32px;
	background: url(images/grad2.gif) repeat-x top;
}
.MenuBottomBar
{
	width: 100%;
	height: 6px;
	background: url(images/shadow.gif) repeat-x top;
}

.ContentPageTitle
{
	color: #472047;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	background-position: center;
	text-align: left;
}

/* Footer */
div#footer
{
	width: 100%;
	text-align: center;
	color: #626a69;
}
	
ul.footerNav
{
	margin: 8px 0;
	padding: 0;
	line-height: normal;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
}
.footerNav li
{
	display: inline;
	margin: 0;
	padding: 0;
	background: url(images/vline.gif) no-repeat center left;
}
.footerNav li.firstItem
{
	background-image: none;
}
.footerNav li a
{
	display: inline;
	line-height: normal;
	padding: 0 15px;
}
.footer h3
{
	color: #626a69;
}

#Grid tr
{
background-color:White;
}

.sponsorlogotable {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	width: 175px;
	padding: 8px;
}
.whitetext {
	color: #FFFFFF;
	font-weight: normal;
}




.boxline {
	border: 1px solid #D3E0EF;
	margin: 8px;
}


.sidebarwidth {
	width: 200px;
}

.lineleft {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	width: 125%;
}

.bolderblack {
	font-weight: bold;
	color: #000000;
	font-size: 13px;
}


.sidebarheight {
	height: 750px;
}
.topsmallnav {
	height: 8px;
	padding-top: 55px;
	padding-bottom: 8px;
	color: #FFFFFF;
	text-align: right;
	font-weight: normal;
	padding-right: 35px;
	font-size: 11px;
}
.dottedlines {
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #990000;
}
.lineonlyleft {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
	border-right-color: #999999;
}
.graylineleft {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	height: 85%;
}
.boldblack {
	font-weight: bold;
	color: #000000;
}
.widthright {
	width: 250px;
}
.boldred {
	font-weight: bold;
	color: #478C14;
}
.lineabove {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
#statewidth {
	width: 300px;
}
.lineleftlight {
	border-left-color: #666666;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	width: 125%;
}
.smalllogopadding {
	padding-bottom: 12px;
}
.navpadding {
	color: #FF9900;
	padding-bottom: 4px;
}
.boxline1 {
	border: 1px solid #CCCCCC;
}
.boxline2 {
	border: 1px solid #a9a9a9;
}
.boxline3 {
	border: 1px solid #0060A0;
}
.boxline4
{
	border: 1px solid #a9a9a9;
	background-color: #FFFFFF;
	padding: 13px;
	color: #333333;
}
.boxlinecompinfo
{
	border-style: solid solid none solid;
	border-width: 1px 1px 0px 1px;
	border-color: #a9a9a9;
	background-color: #FFFFFF;
	padding: 4px 13px 4px 13px;
}
.bluebold {
	font-size: 13px;
	font-weight: bold;
	color: #155A5A;
}
.ICONPADDING {
	padding-right: 10px;
	padding-bottom: 12px;
	background-position: left;
}
.GREENBOLD {
	font-size: 13px;
	font-weight: bold;
	color: #175B59;
	font-family: Arial, Helvetica, sans-serif;
}
.ORANGEBOLD {
	font-size: 13px;
	font-weight: bold;
	color: #E58C00;
	font-family: Arial, Helvetica, sans-serif;
}

.boxlinegreen {
	border: 1px solid #89B8D6;
	background-color: #FFFFFF;
	width: 186px;
	padding: 12px;
}
.boxlinelogin {
	border: 1px solid #165A59;
	background-color: #2C2416;
	width: 165px;
	height: 85px;
	padding: 12px;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #333333;
	background-position: top;
	text-align: left;
}


.onWHITE a:link {
	text-decoration: none;
}
.onWHITE a:visited {
	text-decoration: none;
}
.onWHITE a:hover {
	text-decoration: none;
}
.onWHITE a:active {
	text-decoration: none;
}
	
.indeximagepadding {
	padding-right: 6px;
	padding-bottom: 3px;
}
.boxlinegreendark {
	border: 1px solid #999999;
	background-color: #000000;
	color: #FFFFFF;
	height: 25px;
	padding-top: 18px;
	padding-bottom: 18px;
	text-align: center;
	padding-left: 16px;
	background-position: center;
}
.boxlinecompany {
	border: 1px solid #165A59;
	 background-color:#2C2416;
	width: 165px;
	height: 25px;
	padding: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 18px;
	text-align: left;
	clear: both;
}
.paddingright {
	padding-right: 4px;
	background-position: left;
}
.leftbox {
	background-color: #FFFFFF;
	padding-top: 18px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	text-align: center;
}
.textcentered {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
.boxlineleftmenu {
	border: 1px solid #89B8D6;
	background-color: #FFFFFF;
	padding: 8px;
	height: 100px;
	line-height: 18px;
}
.pageimagebox {
	background-repeat: no-repeat;
	height: 200px;
	background-position: 8px 6px;
	text-align: right;
	border: 1px solid #8DBAD7;
}
.ColorLabel
{
	width: 170px;
	background-color: #F0F8FF;
	font-family: Arial, Helvetica, sans-serif;
	white-space: nowrap;
}

.ColorLabelNoSize
{	
	background-color:#F0F8FF;
	font-family: Arial, Helvetica, sans-serif;
}
.ColorHeaderLabel
{
	font-size: 17px; 
	color: #E58C00;
	font-family: Arial, Helvetica, sans-serif;
}
.ColorHeaderLabelBold
{
	font-size: 17px; 
	color: #2C2416;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; 
}

.Grid
{
	background-color: #F4F6FA;	border-style:Solid;
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	border-collapse:collapse;
}

.GridHeader
{
    color: white;
   	background:#446D97 0 0 repeat-x url('../../images/gridheader.gif');

}

.GridHeader td
{
    color: white;
   	background:#446D97 0 0 repeat-x url('../../images/gridheader.gif');

}

.GridHeader a
{
	color: White;
}

.GridHeader a:link
{
	color: White;
}

.GridAltItem
{
	background-color: #AFC0DB;
}


.LeadProgressHeader
{
    background: url(../../images/grad2-2.gif) repeat-x top #83A8D6;
	text-align:center;
	color: White;
}

.LeadProgressIndicator
{
background: url(../../images/grad2.gif) repeat-x top #E58C00;
}

.LeadProgressIndicatorIncomplete
{
background: url(../../images/grad2-2.gif) repeat-x top #83A8D6;
}

.Message
{
	 background-color:#E3E1D5;
	color: White;
}

.repbysel {float: left;}
.butsum, .butdet {	float: left;	margin: 2px 10px;}
.report, .report td, .report table,
.repbody, .repbody td, .repbody table
{
	border-style: none;
	empty-cells: show;
	border-collapse: collapse;
	border-width: 0px;
	border-spacing: 0px;
}

.updprogress
{
	font-size: 18pt;
	font-weight: bold;
	color: #e58c00;
	text-align: center;
	width: 100%;
	height: 4em;
	vertical-align: middle;
	padding-top:2em;
}

.report .nodata, div.nodata
{
	font-weight: bold;
	color: #800000;
	text-align: center;
	vertical-align: middle;
	margin: 1em 0;
	width: 100%;
}

/* Report Title */
.report tr.title {border-style: none;	background-color: #E3E1D5;	height: 3em;	vertical-align:middle; }
.report td.title
{
	text-align: left;
	color: #000099;
	font-family: Arial;
	font-weight: bold;
	font-size: 12pt;
	width:100%;
	padding-left: 10px;
	padding-right: 10px;
}
.report .repdate
{
	text-align: right;
	padding-right: 5px;
	white-space: nowrap;
	padding-left: 10px;
	padding-right: 10px;
}

/* Report Body */

div.repbody 
{
	padding: 10px;
	background-color: #EFF3FB;
	font-family: Arial;
	font-size: 10pt;
	width: auto;
}

.repbody td.date, .repbody td.cur {text-align: right;}
.repbody table {border: 1px solid #000000; width: 100%;}
.repbody td {border: 1px solid #000000;}
.repbody .dr1 td, .repbody .dr2 td{padding-right: 5px; padding-left: 5px;}
.repbody .dr1 td {background-color: #FFFFFF; vertical-align:top;}        
.repbody .dr2 td {vertical-align:top;}    
.repbody td.counter {font-weight: bold;	text-align: right;width: 26px;}
.repbody td {white-space:normal; }

/* details columns header */
.repbody .dhdr
{
	background-color: #E3E1D5;
	font-weight: bold;
	text-align: center;
}
.repbody .dhdr td.counter {text-align: center;}

/* group1 header */
.repbody .gh1 td
{
	font-weight: bold;
	text-align: left;
	height: 2em;
	padding-left: 2px;
	background-color: #FDB035;
	color: #000000;
}

/* group2 header */
.repbody .gh1 td
{
	font-weight: bold;
	text-align: left;
	padding-left: 40px;
	height: 2em;
	background-color: #FFFFFF;
}

/* group2 footer */
.repbody .gf2 td
{
	background-color: #E3E1D5;
	font-weight: bold;
	text-align: left;
	padding-left: 40px;
	height: 2.5em;
}
/* group1 footer */
.repbody .gf1 td
{
	font-weight: bold;
	text-align: left;
	height: 2.5em;
	padding-left:2px;
}

.repbody .gf1 td.c1, .repbody .gf2 td.c1
{
	border-right: none 0;
}

.repbody .gf1 td.c2, .repbody .gf2 td.c2
{
	border-left: none 0;
}

/* summary report */
table.summary {width: 450px;} 
.summary td {white-space:nowrap;}
.summary td.cs1{text-align: left; width: 100px;	padding-left: 10px;	padding-right: 10px; font-weight:bold;}
.summary td.cs2, .summary td.cs3 {text-align: right; padding-right: 70px;}
.summary .month td.cs1{text-align: left; padding-left: 10px;	padding-right: 10px; font-weight:bold; }


/* group1 header */
.summary .gh1 td {padding-left: 10px; }
/* group1 footer */
.summary .gf1 td {background-color: #E3E1D5; text-align: right; padding-right: 70px;}
.summary .gf1 td.cs1 {background-color: #E3E1D5;	text-align: right; padding-right: 10px;}


/* Pager */
table.gvPager
{
	margin-top: 10px;
	background-color: #FFFFFF;
	border-style: none;
}

table.gvPager td
{
	
	background-color: #FFFFFF;
	border-style: none;
}

.dhdr th
{
	border: 1px solid #000000;
}

/*Payroll Process Tabs*/

.MenuTabClass
{
    position: relative;
    height: 25px;
    border-bottom: 1px solid #FFCC00;
    padding-left: 7px;
    margin-bottom: 15px;
}
.tab
{
	height: 25px;
}
.tabItem
{
	color: #000000;
	height: 25px;
	text-align: center;
	padding: 2px;
}
.tabSelected
{
    color: #FF9900;
    border-right: 1px solid #FFCC00;
    border-top: 1px solid #FFCC00;
    border-left: 1px solid #FFCC00;
    border-bottom: 1px solid #ffffff;
    background-color: #ffffff;
    padding: 2px;
}
.tabHover
{
    color: #339933;
    background-color: #ffffff;
    border-right: 1px solid #FFCC00;
    border-top: 1px solid #FFCC00;
    border-left: 1px solid #FFCC00;
    border-bottom: 1px solid #ffffff;
    padding: 2px;
}

.CriteriaLabel
{
    font-weight: bold;
    color: #000000;
}

.SearchTable
{
    height: 25px;
	background-color: #D3E4FF;
    width: 100%;
}
.SearchRow
{
    background-color: #D3E4FF;
}
.LineRow
{
    border-bottom: solid 1px #DDEEFF;
    border-left: solid 1px #DDEEFF;
    height: 20px;
    margin-bottom: 3px;
    font-weight: bold;
    /*background-color: #DDEEFF;*/
}
.gridHover
{
    background-color: #CCF6BE;
}

.GridSelectedRow
{
    background-color: #FFF8DC;
}
.detailTable
{
    margin-bottom: 20px;
    width: 100%;
}
.detailHeader
{
    background-color: #FFF8DC;
    color: #000000;
    width: 200px;
}
.detailValue
{
    color: #000000;
    border-bottom: solid 1px #E6F2FF;
    width: 150px;
}
.Warning
{
    color: #FF3300;
}
.WarningDiv
{
    color: #FF3300;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 10px;
    font-size: small;
}
.TitleDiv
{
    color: #000000;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 10px;
    font-size: large;
}

.TitleDivMedium
{
    color: #000000;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 10px;
    font-size:medium;
    font-weight:bold;
}
.SideBarSelected
{
    border-bottom: solid 1px #000000;
    border-top: solid 1px #000000;
    padding: 3px;
    margin-top: 2px;
    margin-bottom: 2px;
    background-color: #FFFFFF;
}

.WizardButton
{
    background-color: White;
    border: solid 1px #99CCFF;
    font-family: Verdana;
    font-size: 1.1em;
    color: #6666FF;
}

.CustomButton
{
    background-color: White;
    border: solid 1px #99CCFF;
    font-family: Verdana;
    font-size: 1.1em;
    color: #6666FF;
}

.LinkButtonDoc
{
	color: #000000;
	padding: 2px;
	margin: 3px;
	border-right: 1px solid #65C8D2;
	border-top: 1px solid #65C8D2;
	border-left: 1px solid #65C8D2;
	border-bottom: 1px solid #ffffff;
	background-color: #FFF8DC;
}
.GuideTextBackground
{
	border: 1px solid #165A59;
	background-color: #FFF8DC;
	padding: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	line-height: 18px;
	color: #333333;
}

.GuideTextBackgroundSmall
{
	border: 1px solid #E2C822;
	background-color: #FFF9D7;
	padding: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	line-height: 14px;
	color: #333333;
}


.LineBackground
{
	font-weight:bold;
	background-color: #E9EBEB;
	color: #333333;
}

.ActionButton
{
	color: #000000;
	border-right: 1px solid #65C8D2;
	border-top: 1px solid #65C8D2;
	border-left: 1px solid #65C8D2;
	border-bottom: 1px solid #65C8D2;
	background-color: #FFF8DC;
	padding: 2px;
	margin-right: 10px;
}
.ActionButton1
{
	color: #000000;
	border-right: 1px solid #65C8D2;
	border-top: 1px solid #65C8D2;
	border-left: 1px solid #65C8D2;
	border-bottom: 1px solid #65C8D2;
	background-color: #FFF8DC;
	margin-right: 10px;
    padding: 2px;
}
.ActionButtonRed
{
    color: #000000;
    border-right: 1px solid #65C8D2;
    border-top: 1px solid #65C8D2;
    border-left: 1px solid #65C8D2;
    border-bottom: 1px solid #65C8D2;
    background-color: #FFCCFF;
    padding: 2px;
	margin-right: 10px;
}

.LabelWarning
{
    color: #FF3300;
    font-size: medium;
}
.detailTablePH
{
    margin-bottom: 20px;
    width: 100%;
}
.detailHeaderPH
{
    border-bottom: 1px solid #E6F2FF;
    color: #000000;
    font-weight: bold;
}
.detailValuePH
{
    color: #000000;
    border-bottom: solid 1px #E6F2FF;
	padding-left: 10px;
	padding-right: 20px;
}
.buttonPH
{
    color: #000000;
    border-bottom: solid 1px #E6F2FF;
}
.C1Background
{
    background-color:White;
}

.GridTotalLabel
{
    color: #000000;
    font-weight: bold;
    font-size: 11px;
    text-align: left;
}
.GridTotalAmount
{
    color: #0066FF;
    font-weight: bold;
    font-size: 11px;
    text-align: right;
    text-decoration: underline;
}   

.C1GridTotalAmount
{
    color: #0066FF;
    font-weight: bold;
    font-size: 11px;
    text-align: right;
    text-decoration: underline;
}

h1.agreement_header
{
    font-family: Arial Unicode MS;
    font-size: 12pt;
    color:Black;
    font-weight: bold;
    text-align: center;
}

h1.agreement_header
{
    font-family: Arial;
    font-size: 10pt;
    color:Black;
    font-weight: bold;
    margin:0;
    padding-left:0;
}

p.agreement
{
    font-family: Arial;
    font-size: 10pt;
    color:Black;
    margin-top:0;
}

p.agreement_small_8
{
    font-family: Arial;
    font-size: 8pt;
    color:Black;
    margin-top:0;
}

p.agreement_small_9, td.agreement_small_9
{
    font-family: Arial;
    font-size: 9pt;
    color:Black;
    margin-top:0;
}

td.agreement_header
{
    font-family: Arial;
    font-size: 10pt;
    color:Black;
    font-weight: bold;
}

.accordion
{
    width: 100%;
    padding: 2px;
    cursor: hand;
    height: auto;
}

.accordionHeader
{
    color: #000000; /*border-bottom: solid 1px #DFDFDF;*/
    font-size: 10pt;
    margin-bottom: 10px;
}
.accordionHeaderSelected
{
    background-color: #FFF8DC;
    padding: 5px;
    font-weight: bold;
    font-size: small;
    margin-bottom:10px;
}
.accordionContent
{
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto;
}
.PanelGroup
{
    padding: 10px;
    margin-bottom: 10px;
}

.RequiredField
{
    color: #FF3300;
}
.Instruction
{
    background-color: #FFF8DC;
    width:100%;
    padding: 7px;
    margin-top: 7px;
    margin-bottom: 7px;
}
.empHeader
{
    background-color: #FFF8DC;
    color: #000000;
    }
.empDetail
{
    color: #000000;
    border-bottom: solid 1px #E6F2FF;
    width: 150px;
}

.SmallText { color:#666666; font-size:12px;}

.Validator
{
	color: #FF0000;
}
.repHeader
{
    background-color: #FFF8DC;
    color: #000000;
    width: 10%;
    font-weight: bold;
    font-size: 10pt;
}
.repDetail
{
    color: #000000;
    /*border-bottom: solid 1px #DFDFDF;*/
    font-size: 10pt;
}
.repDetailBottom
{
    font-size: 10pt;
    height: 30px;
}

.repDiv
{
    color: #000000;
    background-color: #DFDFDF;
    font-weight: bold;
    font-size: large;
    text-align: left;
    vertical-align: middle;
    padding: 10px;
}

.repTitle
{
    color: #000000;
    background-color: #DFDFDF;
    font-weight: bold;
    font-size: large;
    text-align: left;
    vertical-align: middle;
    padding: 10px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.GridHeaderGray
{
    background-color: #eeeeee;
    color: Black;
    font-weight: bold;
    font-size: 10pt;
}

.GridHeaderGray a
{
	color: White;
}

.GridAltItemGray
{
    background-color: #F8F8F8;
}

.DataList
{
    background-color: White;
    font-size: large;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    border-collapse: collapse;
    border: solid 1px #DFDFDF;
}

.divDataListHeader
{
    margin-top: 10px;
    margin-bottom: 15px;
/*border-bottom: solid 1px #DFDFDF;*/
    font-size: 10pt;
}
.repDetailBottom
{
    font-size: 10pt;
    height: 30px;
}

.repDiv
{
    color: #000000;
    background-color: #DFDFDF;
    font-weight: bold;
    font-size: large;
    text-align: left;
    vertical-align: middle;
    padding: 10px;
}

.repTitle
{
    color: #000000;
    background-color: #DFDFDF;
    font-weight: bold;
    font-size: large;
    text-align: left;
    vertical-align: middle;
    padding: 10px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.GridHeaderGray
{
    background-color: #eeeeee;
    color: Black;
    font-weight: bold;
    font-size: 10pt;
}

.GridHeaderGray a
{
	color: White;
}

.GridAltItemGray
{
    background-color: #F8F8F8;
}

.DataList
{
    background-color: White;
    font-size: large;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    border-collapse: collapse;
    border: solid 1px #DFDFDF;
}

.divDataListHeader
{
    margin-top: 10px;
    margin-bottom: 15px;
/*border-bottom: solid 1px #DFDFDF;*/
    font-size: 10pt;
}
.repDetailBottom
{
    font-size: 10pt;
    height: 30px;
}

.repDiv
{
    color: #000000;
    background-color: #DFDFDF;
    font-weight: bold;
    font-size: large;
    text-align: left;
    vertical-align: middle;
    padding: 10px;
}

.repTitle
{
    color: #000000;
    background-color: #DFDFDF;
    font-weight: bold;
    font-size: large;
    text-align: left;
    vertical-align: middle;
    padding: 10px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.GridHeaderGray
{
    background-color: #eeeeee;
    color: Black;
    font-weight: bold;
    font-size: 10pt;
}

.GridHeaderGray a
{
	color: White;
}

.GridAltItemGray
{
    background-color: #F8F8F8;
}

.DataList
{
    background-color: White;
    font-size: large;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    border-collapse: collapse;
    border: solid 1px #DFDFDF;
}

.divDataListHeader
{
    margin-top: 10px;
    margin-bottom: 15px;
}

.centered 
{
	 margin: 0 auto;
}

.noWrap, table.noWrap td
{
	white-space: nowrap;
}

.PopupPanel
{
	border: 2px solid #D3E0EF;
	padding: 10px;
	background-color: #FFFFFF;
}

.DragHandle
{
	border-style: none;
	color: #155B59;
	font-size: 12px;
	font-weight: bold;
	height: 2em;
	text-align: left;
	cursor: move;
	background-color: Transparent;
	vertical-align: middle;
	width: 100%;
}

.PopupPanel .CmdBar
{
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100%;
}

/* Background for modal popup */
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

/* Line on form for adding a new item */
table.AddNewItem 
{
	background-color: #E3E1D5;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0px;
	empty-cells: show;
	width: 100%;
}
table.AddNewItem td
{
	background-color: #E3E1D5;
	white-space: nowrap;
}

/* Error Dialog */
.modalErrorPopup {
	background-color:Yellow;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.modalErrorPopupDragHandle
{
	border-style: none;
	color: Red;
	font-size: 12px;
	font-weight: bold;
	height: 2em;
	text-align: left;
	cursor: move;
	background-color: Transparent;
	vertical-align: middle;
	width: 100%;
}
.modalErrStr
{
	color: #000000;
	text-align: left;
	width: 100%;
}
.modalErrHdr
{
	color: #000099;
	text-align: left;
	width: 100%;
	font-weight: bold;
}


#LicenseAgreement { background:#fff; width:600px; height:auto;border:0px solid #fff; text-align:justify;}
#LicenseText { width:600px; height:180px; overflow:auto; border:1px solid #639EA4; padding:5px;}
#LicenseAgreement h3 {text-align: center;}

.DarkGreen, .DarkGreen strong, .DarkGreen b { color:#2F6C6D;}
.LiteGreen, .LiteGreen strong, .LiteGreen b { color:#639EA4;}
strong, b {color:#666666;}
.HRule {background:#cccccc; font-size:0px; line-height:0px; height:1px; padding:0px; margin:0px; margin-top:10px; margin-bottom:10px;}

#LoginForm { background:url(images/login_02.gif); width:220px; height:auto;}
#LoginFormTop  { background:url(images/login_01.gif) top center no-repeat; width:220px;}
#LoginFormBottom  { background:url(images/login_03.gif) bottom center no-repeat; width:220px;}
#Login { width:200px; text-align:justify;}
#Login h3 {text-align: center;}
#Login input.InputText  {width:100px;}

#SignUpStep1 {text-align:justify; width:780px;}
#SignUpStep1 table {width:700px;}
#SignUpStep1 table td {border:1px solid #cccccc; text-align:center; width:25%; vertical-align: top; height:90px;}
#SignUpStep1 table td a {font-weight:bold;}


/* collapsible panel */
.collapsePanel
{
	background-color: #EFF3FB;
	border: 1px solid #E4E0D5;
	width: 100%;
	overflow: hidden;
}
.collapseHdr
{
	width: 100%;
	font-family: Verdana;
	font-weight: bold;
	background-color: #5276A5;
	font-size: 0.8em;
	text-align: left;
	cursor: pointer;
	height: 20px;
}
.collapseHdrImg
{
	float: right;
	vertical-align: middle;
}
.collapseHdr div.hdrdiv1
{
	padding: 4px;
	cursor: pointer;
	vertical-align: middle;
	color: White;
}
.collapseHdr .hdrtxt1
{
	float: left;
}
.collapseHdr .hdrtxt2
{
	float: left;
	margin-left: 20px;
}
.collapsePanelBody
{
	padding: 6px;
}

.CanceledImage
{
    background-image: url(Images/Canceled.jpg);
    background-repeat:no-repeat;
    background-position:right;


}

.RenewedImage
{
    background-image: url(Images/Renewed.gif);
    background-repeat:no-repeat;
    background-position:right;


}

.GridScroll
{
    overflow: auto;
}

.GridScroll table th
{
    position: relative;
}

.GridScroll table tbody
{
    overflow-x: hidden;
} 

/*Alphabet*/

.AlphabetBase
{
    background-color: #E3E1D5;
    width: 100%;
}
.Alphabet
{
	height: 20px;
	padding-left: 3px;
}
.AlphabetItem
{
	color: #000000;
	text-align: center;
	width: 25px;
}
.AlphabetSelected
{
    color: #FF9933;
    border: 1px solid #ffffff;
    background-color: #ffffff;
    font-weight: bold;
}
.AlphabetHover
{
    color: #339933;
    background-color: #ffffff;
    border: 1px solid #FFCC00;
}

.btnApply
{
    border-style: solid;
    border-width: 1px;
    color: #000000;
    background-color: #33CC33;
    font-size: 12px;
    height: 22px;
}

.btnReset
{
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    background-color: #33CC33;
    font-size: 12px;
    height: 22px;
}

.TableSummary
{
    width: 100%;
    margin-bottom: 3px;
    font-size: 11px;
}

.CellHeader
{
    background-color: #FFFFD5;
    font-weight: bold;
    width: 10%;
    height: 17px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
}

.CellData
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
    width: 10%;
}

.LoginText
{
    width: 120px;
    margin-bottom: 2px;
    margin-left: 5px;
}

.PLTable
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 10pt;
}
.PLTableHeader
{
    font-weight: bold;
    background-color: #FFFFCC;
}
.PLTextBox
{
    border: 1px solid #CCCCCC;
}
.PLLabel
{
    font-weight: bold;
}

.RadGridAltItem
{
	background-color: #FFF8DC;
}

.RadGridControl
{
	background-color: #F4F6FA;
}

.RadGridHeader 
{ 
background-color:#83A8D6;
color: White; 
font-weight: normal; 
} 

div.RadWindow_Default td
{
	 background:#EF9E21 !important; 
}

div.RadWindow .rwTopResize   
{
	 background:#EF9E21 !important; 
}

div.RadWindow .rwTitlebarControls em
{
	 color:white !important; 
}

.LetterMenuItem
{
    padding-left: 7px;
    padding-right: 7px;
    color: Black;
    font-weight: normal;
    text-decoration: underline;
    font-size: 8pt;
}

.LetterMenuItemSelected
{
    padding-left: 7px;
    padding-right: 7px;
    color: Red;
    font-weight: normal;
    text-decoration: underline;
    font-size: 8pt;
}

.pageView
{
    border: 1px solid #898c95;
    border-top: none;
    
    padding: 10px;
}

.radGridHeaderColor
{
  background:#EF9E21 !important;
}

 .overlay {
        position: fixed;
        z-index: 99;
        top: 0px;
        left: 0px;
        background-color: #FFFFFF;
        width: 100%;
        height: 100%;
        filter: Alpha(Opacity=70);
        opacity: 0.70;
        -moz-opacity: 0.70;
    }
    .loader {
        z-index: 100;
        position: fixed;
        width: 120px;
        margin-left: -60px;
        top: 50%;
        left: 50%;
        padding: 10px;
    }
    
.locatorDiv
{
    width: 900px;
    height: 75%;
    position:relative;
}
  
.locatorWarning
{
    padding-top: 100px;
    color: Red;
    float: left;
    width: 100%;
}
   
.locatorCombo
{
    margin-top: 5px;
    margin-bottom: 15px;
}