/*
#7b7b7a <-> #505050



*/
    
/*added for datagrid fonts*/
td.left-text		{ font-family: Verdana, sans-serif; font-size: 12px;}
td.left-date		{ font-family: Verdana, sans-serif; font-size: 10px;}
td.left-get		{ font-family: Verdana, sans-serif; font-size: 12px; color: #004386;}
td.footer		{ font-family: Verdana, sans-serif; font-size: 11px; color: #B9CAE5;}
td			{ font-family: Verdana, sans-serif; font-size: 12px;}


body
{
    background-color: #efefef;
    background-image: url('Images/background.gif');
    background-repeat: repeat-x;
    margin: 0px; 
    padding: 0px; 
    text-align: center;
}
#centered
{ 
    width: 860px;
    background-color: #ffffff;
    text-align: left;
    border: 0px; 
    padding: 0px;  
    margin: 0 auto; 
    box-shadow: 0px 0px 75px rgba(0, 0, 0, 0.6);
} 
#mainBackground 
{
    /*background:#F6F6F6 url('Images/content-wrapper.gif') repeat-y center top*/
    /*background-color: WhiteSmoke;*/
}
.mainContent
{
    padding: 5px;    
}
.loginMain
{
    border-left:#7b7b7a 1px solid;
	border-right:#7b7b7a 1px solid;
	border-bottom:#7b7b7a 1px solid;
	border-top :#7b7b7a 1px solid;
    padding: 5px;
    background-color: white; 
    /* outer shadows  (note the rgba is red, green, blue, alpha) */
/*    -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6); 
    -moz-box-shadow: 0px 1px 6px rgba(23, 69, 88, .5);*/
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6);
    /* rounded corners */
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px; 
    border-radius: 7px;
    /* gradients */
/*    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), 
     color-stop(65%, white), color-stop(100%, #f7f7f7)); 
    background: -moz-linear-gradient(top, white 0%, white 55%, #D5E4F3 130%); */
}
.TableBorder
{
	border-left:#7b7b7a 1px solid;
	border-right:#7b7b7a 1px solid;
	border-bottom:#7b7b7a 1px solid;
	border-top :#7b7b7a 1px solid;
/*    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    box-shadow: 3px 3px 2px;
    filter: progid:DXImageTransform.Microsoft.gradient;*/
	padding:0px;
	margin-top:5px;
	margin-bottom:5px;
}
.BPASControlHeader
{
	background-color:#003366;
	font-weight:bold ;  
	color:White;
	font-family: Verdana, sans-serif; 
	font-size: 13px;
	padding: 5px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.BPASControlHeaderInverse
{
	background-color:#c7d3ec;
	font-weight:bold ;  
	color:#003366;
	font-family: Verdana, sans-serif; 
	font-size: 13px;
	padding: 5px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

/***********************************************************************************************************************************/
/* buttons start */
.buttons {
    float: right;
    padding-bottom: 0px;
    clear: both;
}
input.button, .hyperlink-button {
	color: #6e6e6e;
	font: bold 12px Helvetica, Verdana, sans-serif;
	text-decoration: none;
	padding: 5px 12px; /*top right bottom left*/
	position: relative;
	display: inline-block;
	text-shadow: 0 1px 0 #fff;
	-webkit-transition: border-color .218s;
	-moz-transition: border .218s;
	-o-transition: border-color .218s;
	transition: border-color .218s;
	background: #f3f3f3;
	background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
	background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
	border: solid 1px #dcdcdc;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	/*margin-right: 3px;*/
}
input.button:hover {
    color: #333;
    border-color: #999;
/*    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);*/
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
input.button:active {
    color: #000;
    border-color: #444;
}
/* style that uses the nav menu backgroud color for an element */
.button-primary {
	color: Black;
	background: #91a8ce;
	text-shadow: none;
}
input.left {
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    margin: 0;
}
input.middle {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-left: solid 1px #f3f3f3;
    margin: 0;
    border-left: solid 1px rgba(255, 255, 255, 0);
}
input.middle:hover,
input.right:hover { border-left: solid 1px #999 }
input.right {
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    border-left: solid 1px #f3f3f3;
    border-left: solid 1px rgba(255, 255, 255, 0);
}
input.big {
    font-size: 16px;
    padding: 10px 15px;
}
input.supersize {
    font-size: 20px;
    padding: 15px 20px;
}
/* buttons end */
/***********************************************************************************************************************************/
/* nav menu starts */
/*====TOP and LEFT====*/
#top{}
#left{}

#top-menu{
position:relative;
background-color: #91A8CE; /*#d1ddf7;*/
cursor:pointer;
}

#left-menu
{
    position:relative;
    background-color: #f3f3f3;
    cursor:pointer;
}

#top-menu > ul.topmenu > li:hover
{
	background-color: #7b7b7a;
    color: #ffffff;
    /*box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6);*/
    border-left: 1px solid #7b7b7a;
    border-right: 1px solid #7b7b7a;
	}

#top-menu > ul.topmenu > li.current,
#top-menu > ul.topmenu > li.active
{
	background-color: #ffffff;
    /*box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6);*/
    border-left: 1px solid #7b7b7a;
    border-top: 1px solid #7b7b7a;
    border-right: 1px solid #7b7b7a;
	}
#top-menu > ul.topmenu > li.current a,
#top-menu > ul.topmenu > li.active a
{
    color: #505050;
    }



#left-menu > ul.menu > li:hover
{
	background-color: #7b7b7a;
    color: #ffffff;
    /*box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6);*/
    border-top: 1px solid #7b7b7a;
    border-bottom: 1px solid #7b7b7a;
    }
#left-menu > ul.menu > li.current,
#left-menu > ul.menu > li.active
{
	background-color: #ffffff;
    color: #505050;
    border-top: 1px solid #7b7b7a;
    border-bottom: 1px solid #7b7b7a;
    border-left: 1px solid #7b7b7a;
    /*box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6);*/
	}
#left-menu > ul.menu > li:hover a
{
    color: #ffffff;
    }
#left-menu > ul.menu > li.current a
{
    color: #505050;
    margin-left: 3px;
	}


/*====TOP only====*/
#top-menu ul.topmenu li{
	float:right;
	padding: 0px 10px 10px;
	display:block;
	margin-bottom: 0px;
/*	background:url(../Content/themes/base/images/top-row.jpg) top left repeat-y;*/
	}
	
#top-menu > ul.topmenu > li > a{
	height:36px;
	line-height:36px;
	font-size:14px;
	color: #ffffff; /*#6e6e6e;*/
	/*font-weight:bold;*/
	text-decoration:none;
	/*letter-spacing:-1px;*/
	position: relative;
	/*top:-4px;*/
	display:block;

    /* testing... */
	}	

#top-menu ul.topmenu ul{
	display:none; 
	top:70px; 
	position:relative;  
	padding:0; 
	background:#f6f1e9;
	width:220px;
	margin-left:-18px;
	}
	
#top-menu ul.topmenu ul ul{
	display:none; 
	padding:0; 
	background:#f6f1e9;
	width:220px;
	margin-left:203px;
	top:0px;
	}


#top-menu ul.topmenu li ul li{
	display:block;
	float:none;
	line-height:29px;
	height:29px;
	font-size:12px;
	border-bottom:1px solid #e8dbc2;
	background:#f6f1e9;
	position:relative;
	}
	
/*
#top-menu ul.topmenu li ul li a{
	color:#302115;
	font-size:12px;
	display:block;
	line-height:29px;
	height:29px;
}

#top-menu ul.topmenu li ul > li:hover{
	background:#f99b3f;}
	
/*#top-menu ul.topmenu li ul > li:hover > a{
	color: #6e6e6e;}/*#fff;}*/

ul#menu
{
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

/*
ul#menu li
{
    display: inline;
    list-style: none;
}
*/
ul#menu li#greeting
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    /*color: #fff;*/
    color: #6e6e6e;
}

ul#menu li a
{
    padding: 0px; /* 10px 20px;*/
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
}

ul#menu li a:hover
{
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active
{
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a
{
    background-color: #fff;
    color: #000;
}

/*====LEFT only====*/
#left-menu ul.menu li{
	float:none;
	/*padding: 0px 10px 10px;*/
	padding: 10px 0px 10px 0px;
	display:block;
	background-color: #f3f3f3;
	/*background:url(../Content/themes/base/images/top-row.jpg) top left repeat-y;*/
	}
#left-menu .menu 
{
    /*padding: 3px 0px 3px 0px;*/
    padding: 10px 0px 10px 0px;
    text-align: left;
    list-style-type: none;
    margin-left: 3px;
}

#left-menu > ul.menu > li > a{
	/*height:16px;
	line-height:16px;*/
	font-size:small;
	color: #6e6e6e;
	/*font-weight:bold;*/
	text-decoration:none;
	letter-spacing:-1px;
	position: relative;
	/*top:-4px;*/
	display:block;
	}
/* nav menu stops */
/***********************************************************************************************************************************/

/* google style menu starts */
/*#wrap
{
	padding:10px;
}*/
#masterTopNav
{
	position:relative;
/*	top:0px;
	left:0px;*/
	font-family: Verdana;
	font-size:14px;
	width:100%;
	padding: 0px 0px 20px 0px;
	margin-bottom:0px;
	height:30px;
	line-height:30px;
	background:url(menuBg.gif) #91A8CE; /*#404040;*/
	padding-top:0px;
	/*border-bottom:1px solid #C9D7F1;*/
	overflow:hidden;
	/*-moz-box-shadow: 0px 5px 15px #eee;
	-webkit-box-shadow: 0px 5px 15px #eee;*/
	/*box-shadow: 0px 0px 15px #eee;*/
	/*z-index:10000;*/
}
#masterTopNav a
{
	text-decoration:none;
	color: #003366; /*#ccc;*/
	cursor:pointer;
}
#masterTopNav a.current
{
  font-weight:bold;
  color:#fff !important;
  text-decoration:none !important;
  cursor:default;
}
.masterTopNavMenu
{
    height: 100%;
    padding: 0px 10px 0px 10px;
    }
#masterTopNav > .masterTopNavMenu > li:hover,
#masterTopNav > .masterTopNavMenu > li.current,
#masterTopNav > .masterTopNavMenu > li.active
{
	background-color: #7b7b7a !important;
    color: #fff;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6);
	}


/*
#masterTopNavList
{
	list-style-type:none;
	list-style-image:none;
	margin-top:0px;
	margin-left:0px;
}


#masterTopNavList ul, li
{
	/*border-top:3px solid #808080;*/
	/*display:inline;*/
/*	line-height:35px !important;
	height:35px !important;*/
/*	display:block;
	float:right;
}
*/

/* ff or chrome*/
#masterTopNavList li
{
/*	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
*/
}
#masterTopNavList li:hover
{	
	/*border-top: 3px solid #808080;*/
	/*background-color: #555 !important;*/
/*	background-color: #7b7b7a !important;*/
}
#masterTopNavList li:hover a
{	
	color: #ffffff;
}
#masterTopNavList li.current
{
	/*border-top:3px solid #ff2200;*/ /*red line at top*/
	/*border-top:3px solid #808080;*/
	background:#EFF3FB !important;
	padding: 10px 0px 10px 0px;
}
#masterTopNavList li.current a
{
	color:#003366; /*#000;*/
	font-weight:bold;
}
.masterTopNavMenuItem
{
	padding-left:1em;
	padding-right:1em;
/*	height:35px !important;
	line-height:35px !important;*/
}
#masterTopNavList li.submenuCurrent
{
	border-top:3px solid #1A54E1;
	background:#fff !important;
}
.submenuCurrent
{
	border:1px solid #ccc !important;
	border-top:3px solid #BAD3EA;
	border-bottom:0px !important;
	background:#fff !important;
}
.submenuCurrent .masterTopNavMenuItem
{
	background:#fff !important;
	height:35px !important;
	line-height:35px !important;
}
.submenuHeader
{
	border:1px solid #ccc !important;
	border-bottom:1px #fff !important;
}
.submenuPane
{
	font-size:12px;
	border:1px solid #ccc; 
	width:200px;
	position:absolute;
	top:-1000px;
	left:-1000px;
	background:#fff;
	/*-moz-box-shadow: 0px 5px 15px #eee;
	-webkit-box-shadow: 0px 5px 15px #eee;*/
	box-shadow: 0px 5px 15px #eee;
}
.submenuPane li
{
	list-style-type:none;
	list-style-image:none;
	margin-top:0px;
	margin-left:0px;
	line-height:35px !important;
	height:35px !important;
}
.submenuPane a
{
	text-decoration:none;
	color:blue;
}
.submenuList
{
	margin:0px;
	padding:0px;
}
.submenuList li
{
	width:100%;
	float:left;
}
.submenuList span
{
	width:100%;
	display:block;
	float:left;
	line-height:35px !important;
	height:35px !important;
}
.submenuList span:hover
{
	width:168px !important;
	background:#EFF3FB;
}
.whiteline
{
	background:#fff !important;
	position:absolute;
	top:-1000px;
	left:-1000px;
	width:100px;
	height:2px;
	z-index:1000;
	overflow: hidden; 
}
/* google style menu starts */
/***********************************************************************************************************************************/

/*This is for the displaying error messages in the header*/
.ERROR
{
	color:Red;
	font-weight:bold
}

/*This is for the displaying informational messages in the header*/
.INFORMATION
{
	color:Green;
	font-weight:normal
}

/*This is for the displaying warning messages in the header*/
.WARNING
{
	color:Yellow;
	font-weight:bold
}

/*This is for the displaying messages in the header*/
.DEFAULT
{
	color:Black;
	font-weight:normal
}

/*This is for a textbox in a search control/page*/
.SearchTextBox
{
	width:60px; height:auto;
	font-size:x-small;
}

/*This is for the value of a label retrieved from a DB for a search control/page(ie. it would be a textbox, but it is display only)*/
.SearchLabel
{
	font-size:xx-small;
}

/*This is for the search button in a search control/page*/
.SearchButton
{
	width:60px; height:auto;
	font-size:xx-small;
}

/*This is for the clear button in a search control/page*/
.ClearButton
{
	width:60px; height:auto;
	font-size:xx-small;
}

/*This is for a regular label for a header of a page*/
.HeaderLabel
{
	font-size:12px;
	margin-right:10px;
	margin-left:10px;
	font-weight:bold;
}

/*This is for the value of a label retrieved from a DB for a header of a page(ie. it would be a textbox, but it is display only)*/
.HeaderLabelValue
{
	font-size:12px;
	margin-right:10px;
	margin-left:10px;
	font-weight:normal ;
}
/*This is for a checkbox that will be in the header of a page*/
.HeaderCheckBox
{
}

/*This is for a regular textbox*/
.TextBox
{
	width:90px; height:auto;
	margin-right:10px;
	margin-left:10px;
	text-align:left;
}

/*This is for a regular textbox*/
.TextBoxSmall
{
	width:20px; height:auto;
	margin-right:10px;
	margin-left:10px;
	text-align:left;
}

/*This is for a large textbox*/
.TextBoxLarge
{
	width:150px; height:auto;
	margin-right:10px;
	margin-left:10px;
	text-align:left;
}
/*This is for a textbox that will fit a date*/
.TextBoxDate
{
	width:70px; height:auto;
	margin-right:10px;
	margin-left:10px;
	text-align:left;
}
/*This is for a regular checkbox*/
.CheckBox
{
	margin-right:10px;
	margin-left:10px;
}

/*This is for a regular checkboxlist*/
.CheckBoxList
{
	margin-right:10px;
	margin-left:5px;
}

/*This is for a regular label*/
.Label
{
	margin-right:10px;
	margin-left:10px;
}
/*This is for a Success message label*/
.successLabel
{
	font-family:Verdana;
	font-size:9pt;
	font-weight:bold;
	color:Green;
}

/*This is for the value of a label retrieved from a DB(ie. it would be a textbox, but it is display only)*/
.LabelValue
{
	margin-right:10px;
	margin-left:10px;
}
/*This is for the value of a label on a radiobutton*/
.RadioValue
{
	margin-right:5px;
	margin-left:5px;
	font-weight:bold;
}

/*This is for the secure icon for addresses, etc.*/
.SecureIcon
{
	margin-right:10px;
}

/*This is for the AnyDropDown user control.*/
.AnyDropDown
{
	margin-left:10px;
	margin-right:10px;
}
/*This is for the Validation object on the Anydropdown user control.*/
.AnyDropDownValidation
{
	margin-left:0px;
	margin-right:100px;
}

/*This is for the LastActivity user control.*/
.LastActivityLabel
{
	margin-right:10px;
	margin-left:10px;
	font-size:12px;
}

/*This is for the LastActivity user control.*/
.LastActivityLabelValue
{
	margin-right:10px;
	margin-left:10px;
	font-size:12px;
	font-style:italic;
}

/*This is for MultiLineEdit Textboxes.*/
.MultiLineEditLarge
{
	margin-right:10px;
	margin-left:10px;
	height:120px;
	width:200px;
}

/*This is for any button*/
/*.Button
{
	width:100px; height:auto;
}
*/
.subMenu
{
	border:solid;
	border-color:#7b7b7a;
	border-bottom-width:1px;
	border-top-width:1px;
	border-right-width:1px;
	border-left-width:1px;
}

/*This specifies the width for the first sub menu*/
.subMenu1
{
	border:solid;
	border-color:#7b7b7a;
	border-bottom-width:1px;
	border-top-width:1px;
	border-right-width:1px;
	border-left-width:1px;
	width:100px;
}

.BPASToolBar
{
	background-color: #c7d3ec;
	border-width:0px;
}

/*This is for a bolded regular label*/
.BoldLabel
{
	margin-right:10px;
	margin-left:10px;
	font-weight:bold;
}
/*This is for a bolded regular label*/
.LabelWarning
{
	margin-right:10px;
	margin-left:10px;
	font-style:italic;
	color:Red;
}
.LabelRequiredAsterisk
{
	margin-right:10px;
	margin-left:10px;
	color:Red;
}

/*This is for a regular textbox with Right Aligned Text*/
.TextBoxRight
{
	width:90px; height:auto;
	margin-right:10px;
	margin-left:10px;
	text-align:right;
}

/*This is for a regular textbox with Left Aligned Text*/
.TextBoxLeft
{
	width:90px; height:auto;
	margin-right:10px;
	margin-left:10px;
	text-align:left;
}



/*This is for the error message text on the menubar.*/
.MenuErrorLabel
{
	margin-right:10px;
	margin-left:10px;
}
/*This is for the login labels.*/
.LoginMainText
{
	font-family:Verdana;
	font-size:9pt;
}
/*This is for the login labels.*/
.LoginLabel
{
	margin-right:10px;
	margin-left:0px;
	font-weight:bold;
}
/*This is for the login user id textbox.*/
.LoginUserId
{
	width:90px; height:auto;
	margin-right:10px;
	margin-left:10px;
	text-align:left;
}
/*This is for the login user id textbox.*/
.LoginPassword
{
	width:90px; height:auto;
	margin-right:10px;
	margin-left:10px;
	text-align:left;
}
/*This is for the login buttons */
.LoginButton
{
	width:60px; height:auto;
	margin-right:10px;
	margin-left:10px;
}
/*Error Label Text on custom error page DisplayError.aspx*/
.ErrorLabelText
{
	margin-right:10px;
	margin-left:10px;
	font-weight:bold;
}
/*Error Label Value on custom error page DisplayError.aspx*/
.ErrorLabelTextValue
{
	margin-right:10px;
	margin-left:10px;
}
/*Error HyperLink on custom error page DisplayError.aspx*/
.ErrorHyperLink
{
	margin-right:10px;
	margin-left:10px;
	position:relative;
	
}
.borderLt {
	border-left: 1px solid #CCCCCC;
	}

/*label that displays the user's type within the application*/	
.userTypeLabel
{
	font-size: medium;
	font-style:italic;
	font-weight:bold;
	color:Black;
	font-family:Verdana;
	font-size:13.5pt;
}
/*links at the top of the BPASSelfServiceHeader, external links only!*/
.headerlink
{
	text-decoration: none;
	background-color:#336699;
	color:White;	
	font-family:Verdana;
	padding:3px;
	font-size:9pt;
}
headerlink:link			{ color: #ffffff;}
headerlink:visited		{ color: #ffffff;}
headerlink:hover			{ color: #E1811B;}
/*links on BPASSelfServiceHeader, internal links only*/	
.internalHeaderlink
{
	text-decoration: none;
	background-color: GhostWhite;
	color:Black;
	padding:1px;
	font-family:Verdana;
	font-size:9pt;
}
/*links at the top of the BPASSelfServiceHeader, external links only!*/
.externallink
{
	text-decoration: none;
	background-color:#336699;
	color:White;	
	font-family:Verdana;
	padding:3px;
	font-size:9pt;
}
externallink:link			{ color: #ffffff;}
externallink:visited		{ color: #ffffff;}
externallink:hover			{ color: #E1811B;}
/*links on BPASSelfServiceFooter, for displaying the printerfriendly version of the current page.*/	
.printerFriendlyLink
{
	font-size: small;
	background-color:Transparent;
}
.footer             { background-color: LightGray; } 
.footer a           { color: #505050; }
.footer a:hover     { color: White; }
.errorSummary { color: Yellow; }
/*.footer a:visited     { color: #E1811B;}*/

/*left side navigation links.*/	
.leftNavHyperlink
{
	 text-decoration:none;
	 font-size: x-small;
}
.leftNavSeparator
{
    background: #7b7b7a;
    padding-top: 1px;
}
/*part of the header with page title description.*/	
.pageTitle
{
    margin-left:5px;
    font-style:italic;
    text-decoration:underline;
    font-weight:bold;
    font-family: Verdana;
    font-size:13.5pt;
}
.loginTableHeaderLabel
{
	color: White;
	font-weight:bold;
	font-family: Verdana;
	font-size: 10pt;
	padding:5px;
	height:30px;
}
.LoginLabel
{
	color: Black;
	font-weight:bold;
	font-family: Verdana;
	font-size: 9pt;
	padding:5px;
}
.LoginHeader
{
	color: Black;
	font-weight:bold;
	font-family: Verdana;
	font-size: 9pt;
}
.LoginLink
{
	color: Black;
	font-family: Verdana;
	font-size: 9pt;
}
.formsLabel
{
	color: Black;
	font-family: Verdana;
	font-size: 9pt;
}
.RequiredAsterisk
{
	color: Red;
	padding:5px;
}

/*header breadcrumbs.*/	
.breadCrumbs
{
	color: Black;
	font-family: Verdana;
	font-style:italic;
	font-size: 7.5pt;
}

/* HD130433 - Add alert for penalty change. */
/* Landing Page Alert */
.alertBox
{
	border: 3px solid black;
	margin-block: 10px;
	padding: 5px;
}

.alertTextRed
{
	color: red;
	text-decoration: underline;
	font-weight: bold;
}

/*welcome page greeting.*/	
.welcomeGreeting
{
	color: Black;
	font-family: Verdana;
	font-size: 9pt;
}
/*welcome page body.*/	
.welcomeBody
{
	color: Black;
	font-family: Verdana;
	font-size: 9pt;
}
/*welcome page salutation.*/	
.welcomeSalutation
{
	color: Black;
	font-family: Verdana;
	font-size: 9pt;
}
/*welcome page message intro.*/	
.welcomeMessageIntro
{
	color: Black;
	font-family: Verdana;
	font-size: 9pt;
}
/*welcome page help directions.*/	
.welcomeHelpDirections
{
	color: Black;
	font-family: Verdana;
	font-size: 9pt;
}
/*welcome page hyperlinks.*/	
.welcomeHyperlink
{
}
/*welcome page hyperlink descriptions.*/
.welcomeHyperlinkDescription
{
}
.multipayee
{ 
	font-family: Verdana, sans-serif; font-size: 25px;
}
.menuchoice
{
	text-decoration: none;
}
	
.HeaderLabel1
{
	font-size:11px;
	font-weight:bold;
	background-color:White ;
	color:Black;
	border-width:0px;	
	font-family: Verdana, sans-serif; 
}
.HeaderLabel2
{
	font-size:11px;
	font-weight:bold;
	background-color:White ;
	color:Black;
	margin:3 3 3 3;
	border-width:medium ;	
	border-color :Black ;
	font-family: Verdana, sans-serif; 
}
.datagrid
{
	font-family: lucida grande,Verdana,helvetica,sans-serif;
	font-size: 10px;
	width: auto;
	border: solid 1px #999999;
}

.datagridHeader a
{
	color: #ffffff;
	text-decoration: underline;
}

/* header cell style */
.datagrid th
{
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #999999;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #999999;
	background: #003366;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}

/* cell styles */
.datagrid td
{
	/*padding: 2px 8px;*/
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #f2e8da;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #f2e8da;
}
.NoBorderTDS
{
	border-right-style: none;
	border-right-width: 0;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-bottom-style: none;
	border-bottom-width: 0;
	border-left-color: transparent;
	border-left-style: none;
	border-left-width: 0;
	border-top-color: transparent;
	border-top-style: none;
	border-top-width: 0;
	
}

/* mouseover row style 
.datagrid tr:hover
{
	background-color: #91a8ce;
}*/

.datagridItem
{
	background-color: #eeeeee;
}
/*.datagridItem:hover
{
	background-color: #91a8ce;
}*/

.datagridAltItem
{
	background-color: #dcdcdc;
}
/*.datagridAltItem:hover
{
	background-color: #91a8ce;
}*/
.datagridSelectedItem
{
	background-color: #91a8ce;
}
.datagridEditItem
{
	background-color: #ffffff;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #000000;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #000000;
}
.datagridHeader
{
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #999999;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #999999;
	background: #336699;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}

.datagridFooter
{
	background: #CCCCCC;
	color: #000000;
}

.datagridPager
{
	background-color: #284775;
	color: #ffffff;
	text-align: center;
}

.datagridPager a
{
	color: #ffffff;
	text-decoration: underline;
}
/*Dev adds always visible css - AJAX conrol toolkit control is overkill?*/
.alwaysVisibleHeaderDiv
{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
}
/*
.Table
{
	padding:5px;
	margin-top:10px;
	margin-bottom:5px;
}
*/
.rptEducateYourselfHeader
{
	font-weight:bold ;
	font-size:medium;
}
.tableCell
{
	BORDER-RIGHT:#7b7b7a 1px solid; 
	BORDER-BOTTOM:#7b7b7a 1px solid;
	border-left:#7b7b7a 0px none;
}
.hyperlink
{
	 text-decoration:none
}
.FooterLink
{
	text-decoration:none;
	padding:3px;
	margin-top:3px;
}
.headerTD
{
	 background-color:#91a8ce;
}
/*on processes that are like wizards (registration, lost password, etc...), these are the header labels.*/
.WizardSectionHeaderLabel
{
	font-size:12px;
	font-weight:bold;
	color:White;
	border-width:0px;	
	font-family: Verdana, sans-serif; 
}
.FieldDescriptionLabel
{
	font-style:italic;
}
.RequiredAsterisk
{
	color:Red;
}
.RequiredLabel
{
	color:Red;
	font-style:italic;
}
/*Menu Classes*/
.menuOrbit
{
    font-family: lucida grande,Verdana,helvetica,sans-serif;
    background-color: #c7d3ec;
    font-size: 10px;
    color: #000000;
    border: 1px solid #c7d3ec;
    z-index:100;
}
.menuOrbitNew
{
    font-family: lucida grande,Verdana,helvetica,sans-serif;
    background-color: #54b948;
    font-size: 10px;
    color: #000000;
    border: 1px solid #54b948;
    z-index:100;
}
.menuOrbit a
{
    color: #000000;
    width: 100%;
    display: block;
}
.menuOrbitSelected
{
    background-color: #91a8ce;
    color: #000000;
    border: 1px solid #7b7b7a;
    z-index:100;
}
.menuOrbitSelected a
{
    color: #000000;
    width: 100%;
    display: block;
}
.menuOrbitFirstLevel
{
    font-family: lucida grande,Verdana,helvetica,sans-serif;
    background-color: #c7d3ec;
    font-size: 10px;
    color: #000000;
    border: 1px solid #7b7b7a;
    z-index:101;
}
.menuOrbitFirstLevel a
{
    color: #000000;
    width: 100%;
    display: block;
}

.btn-ss-submit {
    color: white;
    background: #54b948;                  
    border: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: none;
    padding: 10px 10px 10px 10px;
}

.btn-ss-submit:hover {    
    background: #97d590;       
}

.btn-ss-cancel {
    color: white;
    background: #ed1c24;                  
    border: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: none;
    padding: 10px 10px 10px 10px;
}

.btn-ss-cancel:hover {    
    background: lightcoral;       
}

/* Employer Reporting Self Service */
.text-center {
    text-align: center
}

.text-bold {
    font-weight: bold
}

.img-reporting-status {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1px;
    margin-bottom: 1px
}

#ReportingStatus {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
}

#ReportingStatusLegend {
	width: 55%;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	border-right: none;
}

#ReportingStatusLegend,
#ReportingStatusLegend td,
#ReportingStatus,
#ReportingStatus td {
	border: 1px solid black;
}

#ReportingStatusLegend .image-small {
	width: 30px;
	height: 30px;
}

/* width and border styles for second row */
#ReportingStatusLegend .row-2-col {
	border-right: 0 hidden;
}

#ReportingStatusLegend .row-2-col-1 {
	width: 32%;
}

#ReportingStatusLegend .row-2-col-2 {
	width: 33%;
}

#ReportingStatusLegend .row-2-col-3 {
	width: 35%;
}

/* styles for container divs for second row */
#ReportingStatusLegend .row-2-div {
	margin-left: auto;
	margin-right: auto;
	margin-top: 2px;
}

#ReportingStatusLegend .row-2-col-1-div {
	width: 70%;
}

#ReportingStatusLegend .row-2-col-2-div{
	width: 80%;
}

#ReportingStatusLegend .row-2-col-3-div{
	width: 90%;
}

/* styles for container divs for third row */
#ReportingStatusLegend .row-3-col-1 {
	margin-left: auto;
	margin-right: auto;
	margin-top: 2px;
}

#ReportingStatusLegend .row-3-col-1-div-left {
	float: left;
	width: 45%;
}

#ReportingStatusLegend .row-3-col-1-div-right {
	width: 55%;
	float: left;
}

/* style for container around images */
#ReportingStatusLegend .img-container {
	margin-left: auto;
	margin-right: auto;
	width: 30px
}

/* helps resize data grid when it gets too wide for normal display */
.wide-table-responsive {
	width: 100%;
	overflow-x: auto;
}

/* helps resize data grid when it gets too wide for normal display */
.wide-table-responsive table {
	min-width: 1060px; 
}