/* DEFAULT
*******************************/
/* written by felipe lujan-bear - liquidbook.com 2006 */
/*Blue
Dark: #336699
Light: #e1e8f0*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	margin: 0px;
	padding: 0px;
	background-color: #EEEEEF;

}
a {
	text-decoration:none;
	color: #336699;
	font-family: Arial, Helvetica, sans-serif;
	cursor:default;
}
a:hover {
text-decoration:underline;
cursor:default;
}

img {
border:0px;
}

h1, h2, h3, h4, h5, p, form {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	padding:0px;
	margin:0px;
	
}
h2 {
	margin-left: 30px;
	font-size: 1.4em;
	margin-top: 15px;
	color: #3B6299;
	margin-bottom: 10px;
}
ul {
	margin: 0px 0px 0px 15px;
	padding: 0px;
}
li {
	margin-left: 0px;
	margin-top: 3px;
}
table {
font-size: 1em;
border-collapse:collapse;
}
/* PAGE Frame Layout Elements
*******************************/
#pageBox {
	width: 780px;
	position: relative;
	top: 0px;
	margin-right: auto;
	margin-left: auto;
	z-index: 2;	
}
#pageBox #headerBox {
	width: 780px;
	left: 0px;
	top: 0px;
	height: 159px;
	position: relative;
	background-image: url(ui_top_header.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	z-index: 10;
	background-color: #EEEEEF;
}
#headerBox #MainNavBox {
	position: absolute;
	top: 121px;
	height: 25px;
	width: 744px;
	left: 27px;
	z-index: 15;
	background-image: url(ui_top_line_bk.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	text-align: center;
}
#MainNavBar a {
	height: 25px;
	background-image: url(tab_top_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	color: #666666;
	z-index: 16;
}
#MainNavBar a span {
	background-image: url(tab_top_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 20px;
	padding-top: 5px;
	height: 20px;
	z-index: 16;
}
#MainNavBar a, #MainNavBar a span {
	display: block;
	float: left;
}
#MainNavBar a:hover {
	color: #336699;	
}
#MainNavBar a.current {
	background-image: url(tab_top_left_c.gif);
	font-weight: bold;
	color: #3A639B;	
}
#MainNavBar a.current span {
	background-image: url(tab_top_right_c.gif);	
}
#MainNavBar ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#MainNavBar li {
	float: right;
	margin: 0;
	list-style-image: none;
	list-style-type: none;
} 
#MainNavBar ul li {
cursor:default;
}
#headerBox #gLogo {
	background-color: #EEEEEF;
	position: absolute;
	height: 80px;
	width: 160px;
	left: 20px;
	top: 5px;
	text-align: center;
	vertical-align:middle;
}
#headerBox #gLogo img {
	text-align: center;
	vertical-align:middle;
}
#headerBox #gTopNavBox {
	position: absolute;
	height: 18px;
	width: 220px;
	top: 6px;
	right: 20px;
	text-align: right;
	font-size: 11px;
	color: #666666;
	background-color: #FFFFFF;
}
#headerBox #gTopNavBox a {
	color: #999999;
	text-decoration: none;	
}
#headerBox #gTopNavBox a:hover {
	color: #3A639B;
	text-decoration: underline;	
	cursor:default;
}
#headerBox #gUserWelcome {
	position: absolute;
	height: 35px;
	width: 240px;
	right: 10px;
	text-align: right;
	font-size: 12px;
	color: #333333;
	top: 40px;
	background-color: #EEEEEF;
}
#headerBox #district {
	position: absolute;
	height: 50px;
	width: 500px;
	left: 190px;
	top: 30px;
}
#headerBox #district .schoolName {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	color: #666666;
	display: block;
	font-weight: bold;
}
#headerBox #district .tagline {
	display: block;
	font-size: 1.2em;
	color: #999999;
	font-weight: bold;
	margin-top: 5px;
}
/* end of header */
#footerBox {
	background-color: #EEEEEF;
	position: relative;
	width: 780px;
	bottom: 0px;
	height: 18px;
	left: 0px;
	background-image: url(ui_footer_line.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#pageBox #bodyBox {
	background-image: url(ui_bk_lines.gif);
	background-repeat: repeat-y;
	background-position: center top;
	position: relative;
	top: 0px;
	background-color: #EEEEEF;
	width: 780px;
	left: 0px;
	z-index: 5;
}
#bodyBox p, #bodyBox ul li, #bodyBox a, #bodyBox form {
	font-size: 1em;
}
#bodyBox h1.pageTitle {
	font-size: 1.8em;
	padding-left: 30px;
	padding-top: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#pageBox #legalFooter {
	font-size: 10px;
	color: #999999;
	margin-left: 20px;
}
#pageBox #legalFooter a {
	color: #999999;
	text-decoration: none;
}
#pageBox #legalFooter a:hover {
	color: #336699;
	text-decoration: underline;
	cursor:default;
}
/* PAGE subnav Layout Elements
*******************************/
#pageBox #bodyBox #SubNavBox {
	position: relative;
	top: 25px;
	width: 740px;
	left: 10px;
	height: 45px;
}
#SubNavBar a {
	font-size: 12px;
	height: 25px;
	background-image: url(tab_sub_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 10px;
	color: #666666;
	z-index: 16;
}
#SubNavBar a span {
	background-image: url(tab_sub_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 10px;
	padding-top: 5px;
	height: 20px;
	z-index: 16;
	cursor:default;
}
#SubNavBar a, #SubNavBar a span {
	display: block;
	float: left;
}
#SubNavBar a:hover {
	color: #336699;	
	
}
#SubNavBar a.current {
	background-image: url(tab_sub_left_c.gif);
	font-weight: bold;
	color: #3A639B;	
}
#SubNavBar a.current span {
	background-image: url(tab_sub_right_c.gif);	
}
#SubNavBar ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#SubNavBar li {
	float: left;
	margin: 0;
	list-style-image: none;
	list-style-type: none;
} 
#SubNavBar li a span {
cursor:default;
}
/* PAGE resume Layout Elements
*******************************/
#pageBox #bodyBox #resumeBox {
	position: relative;
	top: 30px;
	width: 760px;
	left: 10px;
	height: 30px;
}
#resumeNav a, #resumeNav p {
	font-size: 12px;
	height: 30px;
	display: block;
	float: left;
	background-image: url(pTabs_pending.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 10px;
	color: #666666;
	z-index: 16;
	text-align: center;
	width: 135px;
	vertical-align: middle;
	padding-top: 7px;
}
#resumeNav a:hover {
}
#resumeNav a.resumeActive, #resumeNav p.resumeActive {
	background-image: url(pTabs_active.gif);
	font-weight: bold;
	color: #FFFFFF;	
}
#resumeNav a.resumeDone, #resumeNav p.resumeDone {
	background-image: url(pTabs_done.gif);
	font-weight: bold;
	color: #FFFFFF;	
}
#resumeNav a.resumePending, #resumeNav p.resumePending {
	background-image: url(pTabs_pending.gif);
	font-weight: bold;
	color: #3B6299;	
}
#resumeNav a.resume1stActive, #resumeNav p.resume1stActive {
	background-image: url(pTabs_1stActive.gif);
	font-weight: bold;
	color: #FFFFFF;	
}
#resumeNav a.resume1stDone, #resumeNav p.resume1stDone {
	background-image: url(pTabs_1stDone.gif);
	font-weight: bold;
	color: #FFFFFF;	
}
#resumeNav a.resume1stPending, #resumeNav p.resume1stPending {
	background-image: url(pTabs_1stPending.gif);
	font-weight: bold;
	color: #638666;	
}
#resumeNav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#resumeNav li {
	float: left;
	margin: 0;
	list-style-image: none;
	list-style-type: none;
} 
.breadcrumbs {
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 35px;
	width: 700px;
	position: relative;
	top: 25px;
	clear: both;
}
.breadcrumbs a {
	color: #666666;
	margin-right: 10px;
}
.breadcrumbs a:hover {
	text-decoration: underline;	
}
.breadcrumbs a.current {
	font-weight: bold;
	color: #333333;
}
/* layout Class Definitions */
#pageBox #bodyBox .bodyBoxHolder {
	position: relative;
	width: 730px;
	left: 25px;
	top: 10px;
}
#pageBox #bodyBox .leftBox {
	position: relative;
	width: 520px;
	border: 1px solid #999999;
	float: left;
}
#pageBox #bodyBox .greyBox {
	position: relative;
	width: 185px;
	float: right;	
	overflow: hidden;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background-color: #EEEEF0;
}
#pageBox #bodyBox .tintedBox {
	position: relative;
	width: 530px;
	float: left;
	overflow: hidden;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background-color: #E1E8F0;
}
#pageBox #bodyBox .tintedBoxFull {
	position: relative;
	width: 730px;
	overflow: hidden;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background-color: #E1E8F0;
	clear: both;
}
#pageBox #bodyBox .greenBox {
	position: relative;
	width: 530px;
	float: left;
	overflow: hidden;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background-color: #E9F1D9;
}
#pageBox #bodyBox .whiteBoxFull {
	position: relative;
	width: 730px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	clear: both;
}
.boxTitleContainer {
	display: block;
	width: 100%;
	height: 18px;
	margin-bottom: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
}
.boxTitleContainer a {
	color: #FFFFFF;
	text-decoration: none;	
}
.boxTitleContainer a:hover {
	text-decoration: underline;	
}
span.boxTitleContainer  {
	font-size: 1.1em;
	font-weight: bold;
}
.boxTitle {
	background-color: #3B6299;
	color: #FFFFFF;
}
.resumeTitle {
	background-color: #3B6299;
	color: #FFFFFF;
}
#pageBox #bodyBox .resumeBox {
	position: relative;
	width: 530px;
	float: left;
	overflow: hidden;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background-color: #E1E8F0;
}
#pageBox #bodyBox .resumeBoxFull {
	position: relative;
	width: 730px;
	overflow: hidden;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background-color: #E1E8F0;
	clear: both;
}
.orangeboxTitleContainer {
	background-color: #E09947;
	color: #FFFFFF;
}
.greyboxTitleContainer {
	background-color: #999999;
	color: #FFFFFF;
}
/* Result Table Definition */
table.resultTable {
	border: 1px solid #CCCCCC;
	width: 730px;
	padding:3px;
	color: #282828;
}
table.resultTable th {
	color: #FFFFFF;
	background-color: #3B6299;
	height: 25px;
	border: 1px solid #FFFFFF;
}
table.resultTable th p, table.resultTable th a {
	color: #FFFFFF;
	display:block;
	font-size: 1.1em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	margin: 3px;
}
table.resultTable th a {
	text-decoration: underline;
	font-size: 0.9em;
}
table.resultTable th a:hover {
	color: #E1E8F0;
}
table.resultTable tr td {
	height: 30px;
	text-align: left;
	overflow: hidden;
	vertical-align: middle;
	padding-left: 5px;
	border: 1px solid #CCCCCC;
	padding-top: 3px;
	padding-bottom: 3px;
}
table.resultTable tr td.centered {
	text-align:center;
}
table.resultTable tr td a {
	text-decoration: underline;	
}
table.resultTable tr td a:hover {
	
}
table.resultTable tr {
	background-color: #E1E8F0;
}
table.resultTable tr.whiteRow {
	background-color: #FFFFFF;
	color: #4D4D4D;
}
/* Result Table Definition GREY */
table.greyResultTable {
	border: 1px solid #CCCCCC;
	width: 730px;
	padding:1px;
	color: #333333;
}
table.greyResultTable th {
	color: #FFFFFF;
	background-color: #666666;
	height: 25px;
	border: 1px solid #FFFFFF;
}
table.greyResultTable th p, table.greyResultTable th a {
	color: #FFFFFF;
	display:block;
	font-size: 1.1em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	margin: 3px;
}
table.greyResultTable th a {
	text-decoration: underline;
	font-size: 0.9em;
}
table.greyResultTable th a:hover {
	color: #E1E8F0;
}
table.greyResultTable tr td {
	height: 30px;
	text-align: left;
	overflow: hidden;
	vertical-align: middle;
	padding-left: 5px;
	border: 1px solid #CCCCCC;
}
table.greyResultTable tr td.centered {
	text-align:center;
}
table.greyResultTable tr td a {
	text-decoration: underline;	
}
table.greyResultTable tr td a:hover {
	
}
table.greyResultTable tr {
	background-color: #EAEAEA;
}
table.greyResultTable tr.whiteRow {
	background-color: #FFFFFF;
	color: #666666;
}
/* General Class Definitions */
.clearDiv {
	margin: 0px;
	padding: 2px 0px 0px;
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	visibility: visible;
	z-index: 5;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	width: 100%;
}
.clearDiv5 {
	margin: 0px;
	padding: 2px 0px 0px;
	clear: both;
	height: 5px;
	font-size: 1px;
	line-height: 1px;
	visibility: visible;
	z-index: 5;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	width: 100%;
}
.clearDiv10 {
	margin: 0px;
	padding: 2px 0px 0px;
	clear: both;
	height: 10px;
	font-size: 1px;
	line-height: 1px;
	visibility: visible;
	z-index: 5;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	width: 100%;
}
.clearDiv20 {
	margin: 0px;
	padding: 2px 0px 0px;
	clear: both;
	height: 20px;
	font-size: 1px;
	line-height: 1px;
	visibility: visible;
	z-index: 5;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	width: 100%;
}
.searchBlueTitle {
	font-size: 1.4em;
	font-weight: bold;
	color: #3B6299;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.noLeftPadding {
	padding-left: 0px;
}
.boxPad500 {
	padding: 8px 10px;
	position: relative;
	width: 500px;
}
.boxPad160 {
	padding: 10px;
	position: relative;
	width: 160px;
}
.BlueBold {
	font-weight: bold;
	color: #3A639B;
}
.headerTitle {
	color: #336699;
}
.separator {
	font-size: 9px;
	color: #CCCCCC;
	padding-right: 2px;
	padding-left: 2px;	
}
.bottomButtons {
	display: block;
	height: 40px;
	width: 730px;
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.buttonLeft {
	display: block;
	float: left;
	height: 30px;
	width: 200px;
}
.buttonRight {
	display: block;
	float: right;
	height: 30px;
	width: 200px;
	text-align: right;
}

/* Apply Now popup classes */
.ApplyNow_PopupTitle
{
	font-size:24px;
	font-weight: bold;
	color: Black;
}

.ApplyNow_PopupSubTitle
{
	font-size:18px;
	font-weight: bold;   
	color: Black;
}

.ApplyNow_PopupMessage
{
	font-size: 14px;
	font-weight: bold;   
	color: Black;
}

/* Job Application Checklist page */
.JobAppChecklistSectionHeader
{
	background: #666666;
	color: White;
	font-weight:bold;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.popupDialogButton
{
	cursor:hand;
	background-color:#cdd2cc;
}

.checklistButton
{
	cursor:hand;
}

a.CheckListLink_Ready
{		
	color:Green;
	font-family:Arial bold;
	text-decoration: underline;
}
a.CheckListLink_Ready:hover
{		
	color:Green;
	font-family:Arial bold;
	text-decoration: underline;
	cursor:hand;
}

a.CheckListLink_Stop
{
	color:red;
	font-family:Arial bold;
	text-decoration: underline;
}
a.CheckListLink_Stop:hover
{
	color:red;
	font-family:Arial bold;
	text-decoration: underline;
	cursor:hand;
}

a.CheckListLink_Warning
{
	color:black;
	font-family:Arial bold;
	text-decoration: underline;
}
a.CheckListLink_Warning:hover
{
	color:black;
	font-family:Arial bold;
	text-decoration: underline;
	cursor:hand;
}

SPAN.JobAppChecklist_PageTitle
{
	font-family:Georgia;
	font-weight: bold;
	font-size: 16pt;
}

SPAN.JobAppChecklist_JobTitle
{
	font-family:Georgia;
	font-style:italic;
	font-weight:normal;
	font-size:20pt;
}

.errorMessageText
{
	color: Red;
	font-size:1em;
}

.ErrorReturnLink
{
    padding: 7px 4px 7px 4px;
    background-color:#b3bffa;
    border: 1px solid #5408f0;
    color:#5408f0;
    cursor:pointer;
    
}