﻿/* TOC

1. ELEMENTS
2. STYLES BY PAGE STRUCTURE
3. HOME PAGE STYLES
4. TOP AREA
    a. Top Nav
5. MIDDLE LEFT AREA
    a. Left Nav
    b. L2 Menu
6. PAGE CONTENT
    a. Breadcrumbs
    b. Main Content
7. RIGHT CONTENT
    a. Announcements
8. BOTTOM AREA
9. GENERAL CLASSES
10. TABLES
11. FORMS
12. FreeTextBoxHolder
13. TABSTRIP

*/

	* {
	margin: 0px;
	padding: 0px;
	outline: none;
	}

	body {
	font-family: Arial, Verdana, HelveticaNeueLT Std, Sans-Serif;
	font-size: 11px;
	color: #383838;
	background-color: #151e65;
	background-image: url(../images/bg_body.gif);
	background-position: 0 0;
	background-repeat: repeat-x;
	}

	h1 {
	margin: 0 0 4px 0;
	font-size: 18px;
	}
	
	h1.jobinfo {
	margin: 0 0 4px 0;
	font-size: 15px;
	color: #4c68a0;
	}
	
	.category {
	margin: 6px 0 -11px 0;
	font-size: 15px;
	color: #4c68a0;
	font-weight: bold;
	}
	

	table.careersCategory {
	vertical-align: top;
	margin: 0 0 0 0;
	padding: 0;
	width: 600px;
	border-collapse: collapse;
    text-decoration: none;
	border: 0;
	}

	
	table.careersCategory td {
	margin: 0 0 0 0;
	float: left;
	padding: 0 11px 10px 0;
	display: block;
	vertical-align: top;
	width: 277px;
	background-color: #FFF;
	}

	table.careersCategory td a {
	padding-left: 0px;
	border: 0;
	}


	table.jobinfo { 	
	vertical-align: top;
	margin: 0 0 0 0;
	padding: 0;
	width: 44%;
	border-collapse: collapse;
    text-decoration: none;
	border: 0;} 

	table.jobinfo td { 
	margin: 0 0 0 0;
	}


	/* ELEMENTS START HERE */
	a {
	color: #4c68a0;
	}

	a:hover {
	/*color: #620b02;*/
	}

	a.ArrowLeft {
	background-image: url(../Images/arrow_previous.gif);
	padding: 0px 0px 0px 10px;
	background-repeat: no-repeat;
	background-position: 0px 2px;
	}

	a.ArrowLeftDisabled {
	background-image: url(../Images/arrow_previousDisabled.gif);
	padding: 0px 0px 0px 10px;
	background-repeat: no-repeat;
	background-position: 0px 2px;
	color: #a5a8ad;
	}

	a.ArrowLeftDisabled:hover {
	color: #a5a8ad;
	}

	a.ArrowRight {
	background-image: url(../Images/arrow_next.gif);
	padding: 0px 10px 0px 0px;
	background-repeat: no-repeat;
	background-position: 25px 2px;
	margin-right: 40px;
	}

h2 {
	font-family: Times New Roman;
	font-size: 24px;
	font-weight: normal;
	color: #fbfea3;
}

h3 {
	margin-bottom: 16px;
	font-size: 17px;
	font-weight: bold;
	color: #11185b;
}

/*h3 span {
    font-weight: normal;
}

h3 span.HiddenText {
    font-weight: bold;
}*/

h4 {
	color: #11185b;
	font-size: 12px;
	margin-bottom: 10px;
}

p {
	margin-bottom: 10px;
}

label {
	padding: 0px 0px 2px 0px;
	font-size: 12px;
	font-weight: bold;
	color: #11185b;
}

ul {
	list-style: none;
}

ul.nestedList {
	font-weight: bold;
}

ul.arrowList {
	margin-bottom: 12px;
}

ul.arrowList li {
	padding-left: 10px;
	margin-bottom: 5px;
	background-image: url(../images/arrow_L2NavSelected.gif);
	background-position: 0 5px;
	background-repeat: no-repeat;
}
/* ELEMENTS END HERE */

/* STYLES BY PAGE STRUCTURE START HERE */

/* TOP AREA STARTS HERE */
.topWrapper {
	width: 965px;
	height: 198px;
	margin: 0px auto;
}

.headerHolder {
	float: left;
	width: 965px;
	height: 198px;
	background-image: url(../images/bg_topWrapper.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

.headerTop {
	width: 965px;
	height: 108px;
}

.logoHolder {
	float: left;
	width: 290px;
	height: 108px;
}

.logoHolder a {
	display: block;
	width: 290px;
	height: 70px;
	margin-top: 30px;
}

.userNameHolder {
	float: left;
	width: 650px;
	padding-top: 58px;
	padding-right: 25px;
	text-align: right;
	font-weight: bold;
	font-size: 12px;
	color: #11185b;
}

.headerTop a span {
	display: none;
}

.headerBottom {
	width: 965px;
	height: 90px;
}

.mainTitleHolder {
	float: left;
	width: 707px;
	padding: 33px 15px 0 25px;
}

.stationLogoHolder {
	float: left;
	width: 218px;
}
/* TOP AREA ENDS HERE */

/* MIDDLE AREA STARTS HERE */

	.middleWrapper {
	float: left;
	width: 100%;
	background-color: #586ca1;
	}

	*html .middleWrapper {
	float: left;
	width: 100%;
	margin: 0 0 0 0px;
	background-color: #586ca1;
	}

.middleCenteringWrapper {
	width: 965px;
	margin: 0px auto;
}

.middleContentWrapper {
	float: left;
	width: 965px;
	min-height: 700px;
	height: auto !important;
	height: 700px;
	/*margin: 0px auto;*/
	background-image: url(../images/bg_middleContentWrapper.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
}

*html .middleContentWrapper {
	float: left;
	width: 988px;
	/*margin: 0px auto;*/
	background-image: url(../images/bg_middleContentWrapper.gif);
	background-position: 0 0;
	margin: 0 0 0 12px;
	background-repeat: repeat-y;
	min-height: 700px;
	height: auto !important;
	height: 700px;
}

/* L2 Menu */
.L2MenuHolder {
	float: left;
	width: 266px;
	padding-bottom: 6px;
	border-right: 5px solid #fff;
	border-bottom: 5px solid #fff;
	border-left: 5px solid #fff;
	background-color: #5994d5;
}

#L2Menu {
	padding: 0px;
	margin: 0px;
	float: left;
	border-bottom: 1px solid #a8b3cf;
}

#L2Menu ul {
	font-size: 0px;
}

#L2Menu li {
	border-top: 1px solid #a8b3cf;
	border-bottom: 1px solid #3b518d;
	background-color: #4d689f;
}

#L2Menu a {
	width: 238px;
	margin-left: 0px;
	padding: 6px 5px 6px 23px;
	display: block;
	background-image: url(../images/arrow_L2Menu.gif);
	background-position: 14px 10px;
	background-repeat: no-repeat;
	color: #ffffff;
	text-decoration:none;
}

#L2Menu a:hover {
	background-color: #3b518d;
	text-decoration:underline;
}

#L2Menu .L2navSelected {
	background-color: #ecbb37;
}

#L2Menu .L2navSelected a {
	color: #010e4c;
	background-image: url(../images/arrow_L2NavSelected.gif);
}

#L2Menu .L2navSelected a:hover {
	background-color: #ecbb37;
}

#L2Menu .L2navSelected li {
	background-color: #4d689f;
	border: 0px;
}

#L2Menu .L2navSelected li a {
	margin-left: 0px;
	padding: 3px 5px 5px 39px;
	display: block;
	background-image: url(../images/L4arrow_gray.gif);
	background-position: 32px 7px;
	background-repeat: no-repeat;
	font-size: 11px;
	color: #383838;
}

#L2Menu .L2navSelected li a:hover {
}

#L2Menu .L2navSelected li.L3navSelected {
	background-color: #efe8de;
}

#L2Menu .L2navSelected li.L3navSelected a {
	color: #620b02;
	background-image: url(../images/L4arrow_red.gif);
}
/* LEFT AREA ENDS HERE */

/* PAGE CONTENT STARTS HERE */
.contentHolder {
	float: left;
	width: 584px;
	padding: 30px 75px 35px 30px;
}
/* PAGE CONTENT ENDS HERE */

/* BOTTOM AREA STARTS HERE */
.bottomWrapper {
	width: 100%;
	border-top: 5px solid #fff;
	float: left;
	color: #fff;
}

.bottomWrapper a {
	color: #fff;
	text-decoration:none;
}

.bottomWrapper a:hover {
	color: #fff;
	text-decoration:underline;
}

.footerHolder {
	width: 929px;
	margin: 16px auto;
	padding-left: 36px;
}

.footerHolder span {
	margin: 0px 3px;
}
/* BOTTOM AREA ENDS HERE */

/* GENERAL CLASSES START HERE */
.FilterPanel {
	margin: 8px 0px 5px 12px;
	padding: 0px;
}

.floatLabel {
	float: left;
	display: inline;
	padding: 0px 10px 0px 0px;
	width: 120px;
	font-family: Times New Roman;
	font-size: 14px;
	font-weight: bold;
}

.Label {
	padding: 0px 0px 2px 0px;
	font-size: 12px;
	font-weight: bold;
	color: #11185b;
}

.required {
	color: #ff0000;
}

.searchBtn {
	margin: 0px 0px 0px 0px;
	float: left;
}

.errorMessage {
	line-height: 20px;
	font-size: 11px;
	font-weight: bold;
	color: #ff0000;
}

.RequiredField {
	color: #ff6161;
	clear: both;
}





.navSelected a {
	font-weight: bold;
	color: Green;
}

.navUnselected a {
	font-weight: normal;
	color: blue; 
}


#master_content {
	float: left;
	width: 550px;
	margin-right: -550px;
	color: #666666;
}

/*Modal Popup*/
.modalBackground {
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup {
	background-color: #ffffdd;
	color: #000000;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	width: 250px;
}

.imagePanel {
	float: left;
	border: solid 1px darkblue;
	width: 100px;
	height: 100px;
	margin: 2px 2px 2px 2px;
	display: inline;
	font-size: xx-small;
	text-overflow: ellipsis;
	overflow: hidden;
}

.thumbnailListHolder {
	width: 550px;
	height: 350px;
	overflow-y: auto;
}





.sampleStyleA {
	background-color: #FFF;
}

.sampleStyleB {
	background-color: #FFF;
	font-family: monospace;
	font-size: 10pt;
	font-weight: bold;
}

.sampleStyleC {
	background-color: #ddffdd;
	font-family: sans-serif;
	font-size: 10pt;
	font-style: italic;
}

.sampleStyleD {
	background-color: Blue;
	color: White;
	font-family: Arial;
	font-size: 10pt;
}

.ActiveFilter {
	font-weight: bold;
}

.goBtn {
	padding-top: 5px;
}

.PageNav {
	margin: 3px 0px 0px 12px;
}

.PageNav div {
	float: left;
}

.PageNav .goBtn {
	padding-top: 0px;
	margin: 0px 10px 0px 0px;
}



.WidgetSelectBox select {
	width: 450px;
}

.TextBox1 {
	width: 250px;
}

.ContentFooter ul {
	padding-top: 10px;
}

a.ArrowRightDisabled {
	background-image: url(../Images/arrow_nextDisabled.gif);
	padding: 0px 10px 0px 0px;
	background-repeat: no-repeat;
	background-position: 25px 2px;
	margin-right: 40px;
	color: #a5a8ad;
}

a.ArrowRightDisabled:hover {
	color: #a5a8ad;
}

.GoButton {
	margin: 10px 0px 0px -4px;
	padding: 0px;
	clear: both;
}

.divider {
	width: 722px;
	height: 1px;
	background-color: #8ba0be;
	margin: 10px 0px 10px 0px;
	font-size: 0px;
	clear: both;
}

.floatLeft {
	float: left;
	display: inline;
	margin: 0px 10px 0px 0px;
}
/* CLASSES END HERE */

/* TABLES START HERE */
table {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

table table {
	border: 0px;
}

table table td {
	border: 0px;
}

table label {
	margin: 0px 0px 0px 5px;
}

td {
	/*padding: 3px 10px 2px 11px;*/
}

table.dataTable {
	border-bottom: solid 1px #bcbec0;
}

table.dataTable td {
	padding: 3px 0px 2px 11px;
	border-top: solid 1px #bcbec0;
}

table. Table td {
	padding: 5px 10px;
	font-size: 12px;
	background-color: #eef1f5;
}

tr.TableHeaderRow {
	background-color: #b2c0db;
}

tr.TableHeaderRow a {
	font-weight: bold;
	padding: 3px 0px 2px 11px;
	display: block;
}

tr.TableHeaderRow th {
	text-align: left;
}

.TableHeaderRow h5 {
	font-size: 11px;
	padding: 3px 0px 2px 11px;
}

tr.TableHeaderRow td {
	padding: 0px;
}

table.dataTable td.sortedColumn {
	background-color: #eef1f6;
}

.sortedAscending {
	color: #ffffff;
	background-color: #586ca1;
	background-image: url(../Images/arrow_ascending.gif);
	background-repeat: no-repeat;
	background-position: 97% 40%;
}

.sortedDescending {
	color: #ffffff;
	background-color: #586ca1;
	background-image: url(../Images/arrow_descending.gif);
	background-repeat: no-repeat;
	background-position: 97% 40%;
}

.unsorted {
	color: #151e65;
}

.CheckBox1 table {
	border: 0px;
}

.CheckBox1 {
	border: 0px;
}

.CheckBox1 td {
	border: 0px;
	padding: 0px 0px 0px 0px;
}

table.NavigationTree {
	border: 0px;
	text-align: left;
}

table.NavigationTree table {
	border: 0px;
	width: auto;
	text-align: left;
}

table.NavigationTree img {
	margin: 0px;
	padding: 0px;
}

table.NavigationTree td {
	border: 0px;
	padding: 0px;
	margin: 0px;
	text-align: left;
}

.Dashboard table {
	border: 1px;
}

.Dashboard td {
	border: solid 1px #bcbec0;
	padding: 4px 2px 4px 2px;
}

.Dashboard th {
	border: solid 1px #bcbec0;
	padding: 4px 2px 4px 2px;
}
/* TABLES END HERE*/

/* FORM ELEMENTS AND FORM HOLDERS */
input {
	padding: 0px 0px 0px 3px;
}

input.TextBox1 {
	padding: 0px 0px 0px 3px;
	height: 18px;
}

select.dropdown1 {
	width: 400px;
}

.FormItemHolder1 {
	padding: 0px 0px 7px 0px;
}

.FormItemHolder1 table {
	border: 0px;
}

.FormItemHolder1 table td {
	border: 0px;
}

.SubmitButtonHolder {
	clear: both;
}
/* End of FORMS */

/* FreeTextBoxHolder STARTS HERE*/
.FreeTextBoxHolder {
}

.FreeTextBoxHolder table {
	width: auto;
	border-bottom: 0px;
	color: #383838;
}

.FreeTextBoxHolder table td {
	border-top: 0px;
	padding: 0px;
	color: #ffffff;
	background-color: #586ca1;
}

.FreeTextBoxHolder a {
	color: #ffffff;
}

.FreeTextBoxHolder a:hover {
	color: #ffffff;
}
/* End of FreeTextBoxHolder */

/* TABSTRIP */
.tabstrip .ajax__tab_header {
	border-bottom: solid 1px #4d689f;
}

.tabstrip .ajax__tab_header .ajax__tab_outer {
	padding: 1px 0px 0px 0px;
	vertical-align: bottom;
	border-bottom-width: 0px;
}

.tabstrip .ajax__tab_header .ajax__tab_tab {
	color: #fff;
	padding: 0.35em 0.75em;
	font-weight: bold;
	background-color: #4d689f;
	background-image: url(../images/tabCorner.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

.tabstrip .ajax__tab_hover .ajax__tab_outer {

}


.tabstrip .ajax__tab_active .ajax__tab_tab {
	background-color: #ecbb37;
	color: #11185b;
	font-weight: bold;
}

.tabstrip .ajax__tab_active .ajax__tab_outer {
    
}

.tabstrip .ajax__tab_body {
}
/*END TABSTRIP */

.LabelCell 
{
	font-weight:bold;
}

