﻿
.gridLink:link {
	FONT-SIZE: 11px; COLOR: #ff9966; FONT-FAMILY: Arial, Helvetica, sans-serif;  TEXT-DECORATION: none;
}
.gridLink:visited {
	FONT-SIZE: 11px; COLOR: #ff9966; FONT-FAMILY: Arial, Helvetica, sans-serif;  TEXT-DECORATION: none;
}
.gridLink:hover {
	FONT-SIZE: 11px; COLOR: #ff9966; FONT-FAMILY: Arial, Helvetica, sans-serif;  TEXT-DECORATION: underline;
}
.gridLink:active {
	FONT-SIZE: 11px; COLOR: #ff9966; FONT-FAMILY: Arial, Helvetica, sans-serif;  TEXT-DECORATION: none;
}


.lgLink:link {
	FONT-SIZE: 11px; COLOR: Black; FONT-FAMILY: Arial, Helvetica, sans-serif;  TEXT-DECORATION: none;
}
.lgLink:visited {
	FONT-SIZE: 11px; COLOR: Black; FONT-FAMILY: Arial, Helvetica, sans-serif;  TEXT-DECORATION: none;
}
.lgLink:hover {
	FONT-SIZE: 11px; COLOR: Black; FONT-FAMILY: Arial, Helvetica, sans-serif;  TEXT-DECORATION: underline;
}
.lgLink:active {
	FONT-SIZE: 11px; COLOR: Black; FONT-FAMILY: Arial, Helvetica, sans-serif;  TEXT-DECORATION: none;
}

/*new */

.grid 
{ 
	width:100%; 
	font-family:Tahoma;
}
.grid H2
{
	margin: 0;
	padding: 0;
	color: dimgray;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
}
.grid .mid
{
	padding:3px 0px 0px 0px;
}
.grid .datatable
{
	width:100%;
	color:#666;
}        
.grid .datatable TH
{
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0px;
	text-align: left;
	padding: 2px 4px;
	color: #333333;
	border-top: lightgrey 1px solid;
	border-right: lightgrey 1px solid;
	border-left: lightgrey 1px solid;
	
}
.grid .datatable TH A
{ 
	text-decoration:none;
	padding-right:18px; 
	color:#0066cc;
}
.grid .datatable TH.sortasc A { background:url(../img/asc.gif) right center no-repeat; }
.grid .datatable TH.sortdesc A { background:url(../img/desc.gif) right center no-repeat; }
.grid .datatable .row TD
{
    font-size:11px;
    padding:6px 4px;
    border-bottom:solid 1px lightgrey;
    border-top:solid 1px lightgrey;
    border-right:solid 1px lightgrey;
    border-left:solid 1px lightgrey;
}      
.grid .datatable .row:hover
{
	background-color:#fffacd;
	color:#000;
}
.grid .datatable .row TD.first { padding-left:10px; }
.grid .datatable TH.first { padding-left:10px; }
.grid .datatable .row:hover .first
{
    background-repeat:no-repeat;   
	background-image:url(../img/bullet.gif);
}  
/* Data Pager Styles */
.grid TR.pager-row TD
{
    border-top:solid 2px #bbd9ee;
}
.grid .pager
{
    font-family:arial,sans-serif;
    text-align:center;
    padding:6px;	
    font-size:11px;
} 
.grid .pager SPAN.command,        
.grid .pager SPAN.current,        
.grid .pager A.command,
.grid TR.pager-row TD A
{
    color:#5a90ce;
    padding:0px 5px;
    text-decoration:none;
    border:none;
    text-align:center;
}
.grid .pager A.command:hover,
.grid TR.pager-row TD A:hover
{
    border:solid 2px #408BB6;
    background-color:#59A5D1;
    color:#fff;
    padding:0px 3px;
    text-decoration:none;
}        
.grid .pager SPAN.current,
.grid TR.pager-row TD SPAN
{
	border:none;
    font-weight:bold;
    color:#3e3e3e;
    padding:0px 6px;
}
.grid TR.pager-row TD
{
	border-top:none;
	text-align:center;
}
.grid TR.pager-row TABLE
{
	height:35px;
	margin:0 auto 0 auto;
}



















.txtReq
{
	font-weight: bold;
	color: #ff0000;
	font-family: Arial;
}


.rowRolesStyle
{
	FONT-SIZE: 8pt;
    COLOR: #6a5acd;
    FONT-FAMILY: Arial;
    height:100%;    
    text-align:left;
    vertical-align:middle;
}


.TblLstBox
{
	background-color: white;
	width: 98%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: dimgray;
	height: 15px;
	border-right: gainsboro 1px solid;
	border-top: gainsboro 1px solid;
	border-left: gainsboro 1px solid;
	border-bottom: gainsboro 1px solid;
	padding-left: 15px;
}
.TblLstBoxHeader
{
	font-family: Arial, Helvetica, sans-serif;
	color: dimgray;
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
	font-size: 9pt;
}

.TDLstBox
{
	width:90%;
	wrap:true;
}

.TDValue
{
	width:0px;
	display:none;
}

.TDLstBoxDelete
{
	width:10px;
	cursor:hand;	
}

.hmHeader
{
	font-weight: bold;
	font-family: arial,sans-serif;
	font-size: 10pt;
	color: #0066CC;
	border-bottom: #ff9933 1px solid;
}
.hmRow
{
	padding-left: 10px;
	height: 18px;
}
.hmLink:link
{
	font-size: 9pt;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.hmLink:visited {
	font-size: 9pt;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.hmLink:hover {
	font-size: 9pt;
	color: #ff9966;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.hmLink:active {
	font-size: 9pt;
	color: #ff9966;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.lnkButtons:link
{
	font-size: 9pt;
	color: #ff9966;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.lnkButtons:visited {
	FONT-SIZE: 9pt; COLOR: #ff9966; FONT-FAMILY: Arial, Helvetica, sans-serif;  TEXT-DECORATION: none;
}
.lnkButtons:hover {
	FONT-SIZE: 9pt; COLOR: #ff9966; FONT-FAMILY: Arial, Helvetica, sans-serif;  TEXT-DECORATION: underline;
}
.lnkButtons:active {
	FONT-SIZE: 9pt; COLOR: #ff9966; FONT-FAMILY: Arial, Helvetica, sans-serif;  TEXT-DECORATION: none;
}


.strip_head
{
	font-family: "Lucida Sans Unicode";
	font-size: 12px;
	color: #2f807e;
	font-weight: bold;
	text-decoration: none;
}

.lnkMnuButtons:link
{
	font-size: 9pt;
	color: #555555;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.lnkMnuButtons:visited {
	FONT-SIZE: 9pt; COLOR: #555555; FONT-FAMILY: Arial, Helvetica, sans-serif;  TEXT-DECORATION: none;
}
.lnkMnuButtons:hover {
	FONT-SIZE: 9pt; COLOR: #555555; FONT-FAMILY: Arial, Helvetica, sans-serif;  TEXT-DECORATION: underline;
}
.lnkMnuButtons:active {
	FONT-SIZE: 9pt; COLOR: #555555; FONT-FAMILY: Arial, Helvetica, sans-serif;  TEXT-DECORATION: none;
}
.srchText
{
	font-size: 9pt;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}




/* Switch menu */
.arrowlistmenu{
width: 150px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #66757a;
margin-bottom: 5px; /*bottom spacing between header and rest of content*/
padding: 1px 0 2px 15px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
border-bottom:dotted 1px #999999;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image:url(../images/menu_arrow.jpg);
background-repeat:no-repeat;
color:#dc0606;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 4px; /*bottom spacing between each UL and rest of content*/
border-bottom:dotted 1px #999999;
padding-bottom:5px;
}

.arrowlistmenu ul li{
padding-bottom: -5px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
padding: 2px 0;
padding-left: 25px; /*link text is indented 19px*/
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #66757a;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #f98b2b;
}

.arrowlistmenu ul li a:active{ /*active state CSS*/
color: #f98b2b;
}

.analyst_menu{ /*CSS class for menu headers in general (expanding or not!)*/
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #66757a;
margin-bottom: 5px; /*bottom spacing between header and rest of content*/
cursor: hand;
cursor: pointer;
}
.analyst_menu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image:url(../images/menu_arrow.jpg);
background-repeat:no-repeat;
color:#dc0606;
}


.lnBnrMnu:link
{
font-family:"Arial";
font-size:12px;
font-weight:normal;
text-decoration:none;
display:block;
color:#FFFFFF;
padding-left:20px;
}

.lnBnrMnu:visited {
	FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif;  TEXT-DECORATION: none;
}
.lnBnrMnu:hover {
	FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif;  TEXT-DECORATION: underline;
}
.lnBnrMnu:active {
	FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif;  TEXT-DECORATION: none;
}



body {
margin:0px;
background-color:#292929;
}

/* Button Click Fade */

.out_border {
	border-width:1px;
	border-style:solid;
	border-color:#c3dcdc;
	padding:6px;
}
.in_border
{
	border-width: 2px;
	border-style: solid;
	border-color: #cecece;
	padding: 1px;
	background-image: url(Employer/Images/fade_bg.gif);
	background-repeat: no-repeat;
	background-position: 50% top;
}

.fade_head {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	text-decoration:none;
	color:#626262;
	padding-top:22px;
	padding-left:17px;
}

.fade_content {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#848484;
	padding-top:25px;
	padding-left:20px;
	padding-right:20px;
}

/* Fade Code End */


.form_content {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	padding-left:50px;
	text-align:left;
}

.input_text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	border:#003333 solid 1px;
	width:125px;
}


.content_area {
border-width:2px;
border-style:solid;
border-color:#dadada;
}

.main_menu {
font-family:"Lucida Sans Unicode";
font-size:13px;
font-weight:normal;
text-decoration:none;
background-color:none;
display:block;
color:#FFFFFF;
height:23px;
padding-top:5px;
}

A.main_menu:hover {
background-color:#FFFFFF;
color:#187676;
}

.bottom_link {
font-family:"Lucida Sans Unicode";
font-size:11px;
font-weight:normal;
text-decoration:none;
color:#FFFFFF;
}

A.bottom_link:hover {
text-decoration:underline;
color:#0d6464;
}

.bottom_bg
{
	background-image: url(Employer/Images/bottom_bg.gif);
	background-position: 50% bottom;
	background-repeat: repeat-x;
	background-color: #48c1bf;
}

.quicklinks_header {
font-family:Arial Narrow;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
background-color:none;
}

.top_sublink {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#DCF8F3;
text-decoration:none;
}

A.top_sublink:hover {
text-decoration:underline;
}

.quicklinks {
font-family:"Arial";
font-size:12px;
font-weight:normal;
text-decoration:none;
background-color:none;
display:block;
color:#FFFFFF;
padding-left:20px;
padding-top:6px;
padding-bottom:6px;
padding-right:10px;
margin-left:2px;
margin-right:4px;
}

A.quicklinks:hover {
background-color:#5B5B5B;
}

.Header {
font-family:Arial;
font-size:13px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}

.body_text {
font-family:Arial;
font-size:12px;
color:#FFFFFF;
}

.content_header {
font-family:Arial;
font-size:13px;
font-weight:bold;
color:#000000;
text-decoration:none;
padding-top:10px;
}

.content_body {
font-family:Arial;
font-size:12px;
color:#000000;
}

.bullet {
list-style:url(../images/green_bullet.gif);
font-family:Arial;
font-size:13px;
color:#000000;
}

.bullet_2 {
list-style:square;
font-family:Arial;
font-size:12px;
color:#2E2E2E;
}

.bullet_3 {
list-style:disc;
font-family:Arial;
font-size:12px;
color:#2E2E2E;
}

.bullet_head {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#135c5c;
font-weight:bold;
text-decoration:none;

}

.content_link {
font-family:"Arial";
font-size:12px;
font-weight:normal;
text-decoration:none;
color:#0d6464;
}

A.content_link:hover {
text-decoration:underline;
color:#0d6464;}

.cntlink
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #49a09e;
	text-decoration: none;
}

A.cntlink:hover {
text-decoration:underline;
}

.cntMsg
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003300;
	text-decoration: none;
	font-style: italic;
}

.rcdMsg
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0066cc;
	text-decoration: none;
}
.rcdZeroMsg
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ff0000;
	text-decoration: none;
}

.tblRow
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	height: 18px;
	padding-left: 15px;
}

.tblAlternateRow
{
	height: 4px;
}

.txtContent
{
	font-family: rial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333300;
	height: 17px;
	padding-left: 2px;
}

.errorMsg
{
	font-family: rial, Helvetica, sans-serif;
	font-size: 8pt;
	color: red;
	text-align: left;
}

/*Grid Styles */


.gridLink:link {
	FONT-SIZE: 11px; COLOR: #ff9966; FONT-FAMILY: Arial, Helvetica, sans-serif;  TEXT-DECORATION: none;
}
.gridLink:visited {
	FONT-SIZE: 11px; COLOR: #ff9966; FONT-FAMILY: Arial, Helvetica, sans-serif;  TEXT-DECORATION: none;
}
.gridLink:hover {
	FONT-SIZE: 11px; COLOR: #ff9966; FONT-FAMILY: Arial, Helvetica, sans-serif;  TEXT-DECORATION: underline;
}
.gridLink:active {
	FONT-SIZE: 11px; COLOR: #ff9966; FONT-FAMILY: Arial, Helvetica, sans-serif;  TEXT-DECORATION: none;
}



/*new */

.grid 
{ 
	width:100%; 
	font-family:Arial, Helvetica, sans-serif;
}
.grid H2 
{ 
	margin:0; padding:0; 
	color:#ffffff;
	height:20px;
	line-height:20px;
	font-size:14px;
}
.grid .mid
{
	padding:3px 0px 0px 0px;
}
.grid .datatable
{
	width:100%;
	color:#666;
}        
.grid .datatable TH
{
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0px;
	text-align: left;
	padding: 2px 4px;
	color: #336666;
	border-bottom: gainsboro 2px solid;
	border-top: gainsboro 1px solid;
	border-right: gainsboro 1px solid;
	border-left: gainsboro 1px solid;
}
.grid .datatable TH A
{ 
	text-decoration:none;
	padding-right:18px; 
	color:#0066cc;
}
.grid .datatable TH.sortasc A { background:url(../img/asc.gif) right center no-repeat; }
.grid .datatable TH.sortdesc A { background:url(../img/desc.gif) right center no-repeat; }
.grid .datatable .row TD
{
	font-size: 11px;
	padding: 6px 4px;
	border-bottom: gainsboro 1px solid;
	border-top: gainsboro 1px solid;
	border-right: gainsboro 1px solid;
	border-left: gainsboro 1px solid;
}      
.grid .datatable .row:hover
{
	background-color:#fffacd;
	color:#000;
}
.grid .datatable .row TD.first { padding-left:10px; }
.grid .datatable TH.first { padding-left:10px; }
.grid .datatable .row:hover .first
{
    background-repeat:no-repeat;   
	background-image:url(../img/bullet.gif);
}  
/* Data Pager Styles */
.grid TR.pager-row TD
{
    border-top:solid 2px #bbd9ee;
}
.grid .pager
{
	font-family: arial,sans-serif;
	text-align: center;
	padding: 6px;
	font-size: 12px;
} 
.grid .pager SPAN.command,        
.grid .pager SPAN.current,        
.grid .pager A.command,
.grid TR.pager-row TD A
{
    color:#5a90ce;
    padding:0px 5px;
    text-decoration:none;
    border:none;
    text-align:center;
}
.grid .pager A.command:hover,
.grid TR.pager-row TD A:hover
{
    border:solid 2px #408BB6;
    background-color:#59A5D1;
    color:#fff;
    padding:0px 3px;
    text-decoration:none;
}        
.grid .pager SPAN.current,
.grid TR.pager-row TD SPAN
{
	border:none;
    font-weight:bold;
    color:#3e3e3e;
    padding:0px 6px;
}
.grid TR.pager-row TD
{
	border-top:none;
	text-align:center;
}
.grid TR.pager-row TABLE
{
	height:35px;
	margin:0 auto 0 auto;
}

.welcome_head
{
	font-family: "Lucida Sans Unicode";
	font-size: 15pt;
	color: #2478A7;
	font-weight: bolder;
	text-decoration: none;
	text-transform: none;
}



/*End of Grid Styles */

#CalendarControlIFrame {
  display: none;
  left: 0px;
  position: absolute;
  top: 0px;
  height: 250px;
  width: 250px;
  z-index: 99;
}

#CalendarControl {
  position:absolute;
  background-color:#FFF;
  margin:0;
  padding:0;
  display:none;
  z-index: 100;
}

#CalendarControl table {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 8pt;
  border-left: 1px solid #336;
  border-right: 1px solid #336;
  border-bottom:1px solid #336;
}

#CalendarControl th {
  font-weight: normal;
}

#CalendarControl th a {
  font-weight: normal;
  text-decoration: none;
  color: #FFF;
  padding: 1px;
}

#CalendarControl td {
  text-align: center;
}

#CalendarControl .header {
  background-color: #336;
}

#CalendarControl .weekday {
  background-color: #e5efff;
  color: #000;
}

#CalendarControl .weekend {
  background-color: #FFC;
  color: #000;
}

#CalendarControl .current {
  border: 1px solid #339;
  background-color: #336;
  color: #FFF;
}

#CalendarControl .weekday,
#CalendarControl .weekend,
#CalendarControl .current {
  display: block;
  text-decoration: none;
  border: 1px solid #FFF;
  width: 2em;
}

#CalendarControl .weekday:hover,
#CalendarControl .weekend:hover,
#CalendarControl .current:hover {
  color: #FFF;
  background-color: #336;
  border: 1px solid #999;
}

#CalendarControl .previous {
  text-align: center;
}

#CalendarControl .next {
  text-align: right;
}

#CalendarControl .previous,
#CalendarControl .next {
  padding: 1px 3px 1px 3px;
  font-size: 1.4em;
}

#CalendarControl .previous a,
#CalendarControl .next a {
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
}

#CalendarControl .title {
  text-align: center;
  font-weight: bold;
  color: #FFF;
}

#CalendarControl .empty {
  background-color: #e5efff;
  border: 1px solid #FFF;
}

#CalendarControl .ddl {
	FONT-SIZE: 8pt;
    COLOR: Black;
    FONT-FAMILY: Verdana;
    height:19px;
    text-align:Left;
    vertical-align:middle;
    BORDER-RIGHT: 1px solid #91aed7;    
    BORDER-Left: 1px solid #91aed7;
    border-top : 1px solid #91aed7;
    border-bottom   : 1px solid #91aed7;
}
