﻿/* CSS Document 

    This applies to all shared styles on the site.
    Page structure is handled by the other layout 
    specific stylesheets. */

#skipto
{
	position: absolute;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}


.contentPadding
{
	margin: 1em 1em;
}

.indent
{
	padding-left: 1em;
}


.right
{
	float: right;
}

/* *********** here are common styles in the actual page content header ************* */
#mainbodyheader
{
	width: 98%;
	color: #00447c;
	background: #ffffff url(/images/designelements/titlebg.gif) repeat-x top left;
	padding: .3em;
	height: 5.2em;
	border-bottom: solid 1px #bbb165;
}
#pageutil
{
	margin-top: .5em;
	float: right;
	font-size: 90%;
}

#pageutil p
{
	margin-top: 0;
	margin-bottom: .5em;
	margin-right: .3em;
}

#pageutil a
{
	text-decoration: none;
	color: #00447c;
	font-weight: bold;
}

/* for the common page action buttons */
.pageaction
{
	color: #00447c;
}

.pageaction img
{
	border: none;
	margin-right: 3px;
}

/* end page action */

#headline
{
	float: left;
	width: 70%;
}

#headline p
{
	font-size: 115%;
	font-weight: bold;
}
/******************* end of page content header **********************/


/****************** Text & Headings ************************/

.tinytext
{
	font-size: 75%;
	font-weight: normal;
}

.blue
{
	color: #00447c;
}

.orange
{
	color: #d07b28;
	font-size: 110%;
}

.orangebold
{
	font-size: 110%;
	color: #d07b28;
	font-weight: bold;
}


.largetitle
{
	font-size: 135%;
	color: Red;
	font-weight: bold;
}

.listboxtext
{
	font-size: x-small;
}

/***************** Headings *************/

h1
{
	color: #00447c;
	margin-bottom: .2em;
	margin-top: .3em;
	font-weight: normal;
	font-size: 190%;
}

h3, h5
{
	color: #00447c;
	margin-bottom: .5em;
	margin-top: .5em;
}

h2, h4, h6
{
	color: #d07b28;
	margin-bottom: .5em;
	margin-top: .5em;
}

.reporttitle
{
	color: #00447c;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: .5em;
	margin-top: .5em;
}

p
{
	margin-bottom: 1em;
}

.bluebold
{
	color: #00447c;
	font-weight: bold;
}

.redbold
{
	color: Red;
	font-weight: bold;
}

.greenbold
{
	color: #979048;
	font-weight: bold;
}

.leftsidebar
{
	margin-top: .5em;
	font-size: 85%;
	padding-left: 5px;
	padding-right: 1em;
	width: 150px;
}

.normalfont
{
	font-weight: normal;
}

.announcement
{
	margin-left: .2em;
}


.announcement .announcementTitle
{
	font-size: 110%;
	color: #00447c;
	font-weight: bold;
	margin: .5em .3em .6em 0;
	background-color: #eee1c5;
	width: 25em;
	border-top: solid 1px #bbb165;
	border-bottom: solid 1px #bbb165;
}


.announcement p
{
	margin-bottom: 1em;
}



/********** end headers *********/

/********* Lists ***************/
/* unordered list with three-dot graphic */
.unlist
{
	padding: 0 0 0 5px;
}
.unlist li
{
	list-style: url(/images/li.gif);
	margin: 0 0 0 25px;
	padding-left: -10px;
}

.unlist li ul li
{
	list-style: url(/images/li2.gif);
	margin: 0 0 0 25px;
}

ul
{
	padding: 0;
	margin-top: .5em;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	list-style-type: none;
}

.announcement ul, .announcement ol
{
	padding: 0;
	margin-top: .5em;
	margin-bottom: .5em;
	margin-left: 1.5em;
	margin-right: 0;
}

.announcement ul
{
	list-style-type: square;
}

.listblue li
{
	background: url(/images/lists/bullet_blue.gif) no-repeat 0 50%;
	background-position: top left;
	padding-left: 15px;
	padding-bottom: .5em;
	margin-left: .3em;
}

.listred li
{
	background: url(/images/lists/bullet_red.gif) no-repeat 0 50%;
	background-position: top left;
	padding-left: 15px;
	padding-bottom: .5em;
	margin-left: .3em;
}


.listgreen li
{
	background: url(/images/lists/bullet_green.gif) no-repeat 0 50%;
	background-position: top left;
	padding-left: 15px;
	padding-bottom: .5em;
	margin-left: .3em;
}

.listlink li
{
	background: url(/images/lists/curvedgreenarrow.gif) no-repeat 0 50%;
	background-position: top left;
	padding-left: 2em;
	padding-bottom: .5em;
	padding-top: .2em;
	margin-left: .3em;
}

.listgreen li li
{
	background: url(/images/lists/bullet_burnt_box.gif) no-repeat 0 50%;
	background-position: top left;
	padding-left: 15px;
	padding-bottom: .5em;
	margin-left: .3em;
}

.listgreen li li li
{
	background: url(/images/lists/bullet_brown.gif) no-repeat 0 50%;
	background-position: top left;
	padding-left: 15px;
	padding-bottom: .5em;
	margin-left: .3em;
}

.checkit
{
	background: transparent url(/images/objects/checkit.gif) no-repeat top left;
	height: 50px;
}

.checkit p
{
	color: #00447c;
	font-size: 100%;
	font-weight: bold;
	padding: 22px 0 0 40px;
}


.smalllinklist
{
	font-size: 85%;
}

.dl_sidebyside dl
{
	clear: both;
	width: 65%;
	margin: 0 auto;
}

.dl_sidebyside dt
{
	float: left;
	margin: .5em 0;
	width: 25%;
}

.dl_sidebyside dd
{
	margin: .5em 0;
}

/************* end lists ***************/

/************ main menu selected items **********/
.menuTopLevelSelected
{
	background-image: url("menu_button_left_on.gif");
	color: #ffdfa4;
}

/************ Career Center Styles *************/
/****************** Example CSS for demo ticker ********************/

#ajaxticker1
{
	width: 85%;
	height: 7em;
	border: 1px ridge #979048;
	padding: 5px;
	background-color: #d8d3ba;
	font-family: Verdana;
	font-size: x-small;
	font-weight: bold;
}

#ajaxticker1 div
{
	/*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
	background-color: #d8d3ba;
}

.someclass
{
	/*class to apply to your scroller(s) if desired */
}

/************* CAREER CENTER ITEMS *****************/

.itemTitle
{
	font-size: 105%;
	font-weight: bold;
	margin-top: .5em;
	color: #00447c;
}

.itemLabel
{
	font-weight: bold;
}

.itemLinkButton a
{
	font-size: 85%;
	color: #7f93b4;
	font-style: italic;
}

.itemLinkButton a:visited
{
	color: #072f67;
}

.itemLinkButton a:hover
{
	font-size: 85%;
	color: #bfc9d9;
	background-color: #072f67;
	font-style: italic;
}

.itemButton a, .itemButton a:visited
{
	display: block;
	text-align: center;
	font-size: 90%;
	border: solid 1px #7f93b4;
	background-color: #bfc9d9;
	padding: .25em;
	font-style: italic;
	width: 80%;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
}

.itemButton a:hover
{
	background-color: #072f67;
	color: #bfc9d9;
}

.between
{
	height: 75em;
}



/**************END CAREER CENTER *****************/



/* *************** new navlink *****************/

.navlink
{
	width: 8em;
	margin-right: 2em;
}
.navlink a, .navlink a:visited
{
	display: block;
	width: 8em;
	padding: 0.2em;
	line-height: 1.4;
	background-color: #979048;
	border: 1px solid #979048;
	color: #efefef;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
}

.navlink a:hover
{
	color: #ffdfa4;
	text-decoration: none;
	font-weight: bold;
}



.testdemo a, .testdemo a:visited
{
	color: #072f67;
	text-decoration: underline;
	text-align: center;
}

.testdemo a:hover
{
	color: #fdb913;
	background-color: #072f67;
	text-decoration: underline;
	text-align: center;
}

/*************** LINKS *****************/


/**************** CALLOUT BOX ************/

.callout
{
	width: 150px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: .5em;
	background: url(/images/designelements/rnd_corner_callout_bottom.gif) no-repeat bottom left;
}

.callout h3
{
	margin: 0;
	color: #00447c;
	font-size: 125%;
	padding: 8px 6px 4px 6px;
	border-bottom: solid 1px #d07b28;
	background: url(/images/designelements/rnd_corner_callout_top.gif) no-repeat top left;
}

.callout p
{
	margin: 0;
	font-size: 90%;
	padding: 14px 8px 14px 8px;
}

.callout ul
{
	margin: 0;
	font-size: 90%;
	padding: 0 8px 14px 8px;
}

/*********** END CALLOUT BOX *****************/

/*********** Sys Status ******************/

#sysStatusMessage
{
	width: 98%;
	border: solid 1px red;
	padding: .5em;
	background-color: #fdb813;
}
/*********** End Sys Status *****************/

/*********** CONTENT BOX ********************/
.boxcontainer
{
	width: 80%;
	float: left;
	margin-top: 2em;
	background: #ffdfa4 url(/images/designelements/contentbox_right_orange.gif) top right no-repeat;
}

.boxdesc
{
	margin: 0;
	padding: 21px 21px 0 21px;
	background: url(/images/designelements/contentbox_left_orange.gif) top left no-repeat;
}

.boxcontent
{
	margin: 0;
	padding: 0 0 0 21px;
	background: url(/images/designelements/contentbox_left_orange.gif) bottom left no-repeat;
}

.boxend
{
	display: block;
	padding: 0 21px 21px 0;
	font-weight: normal;
	background: url(/images/designelements/contentbox_right_orange.gif) bottom right no-repeat;
}

/*********** END CONTENT BOX ****************/

/*********** ACCENT BOX *********************/

.accentbox
{
	clear: both;
	margin-top: 1em;
	padding: 1em 1em .8em 1em;
	background-color: #ffdfa4; /*border: solid 3px #d07b28; */
}

/*********** END ACCENT BOX ****************/

.oliveline
{
	height: 1px;
	color: #979048;
}

/************ COLLAPSIBLE PANEL *****************/

.collapsePanel
{
	/*width: 640px; */
	height: 0px;
	background-color: #d8d3ba;
	padding: 0 1em;
	overflow: hidden;
}

.collapsePanel .first
{
	margin-top: 1em;
}

.collapsePanelHeader
{
	/* width:640px;                   height:20px;       color: Yellow;       background-color: Black;       font-weight:bold;       float:none;       padding:5px; */
	cursor: pointer;
	vertical-align: middle;
}



/*********** END COLLAPSIBLE PANEL ************/

.inputform
{
	margin-left: 3em;
	margin-top: 2em;
}

/**************** forms ********************/

legend
{
	font-weight: bold;
	color: #d07b28;
	font-size: 120%;
}

fieldset
{
	padding: 1em;
	border: 1px solid #000000;
}

fieldset p
{
	margin-top: .5em;
}

label
{
	display: block;
	font-weight: bold;
	margin: .5em 0 0 0;
}


.complexform
{
}

.complexform label
{
	float: left;
	font-size: 90%;
	font-weight: bold;
	width: 15em;
	margin: .5em 0 0 0;
}

.complexform p
{
	margin-top: .5em;
	clear: left;
}

.complexform ul
{
	list-style-type: square;
	margin-left: 2em;
	margin-top: .5em;
}

.formButton
{
	margin-left: 17.5em;
	margin-top: 2em;
}

.myChoice label
{
	display: inline;
	float: none;
	margin-left: .5em;
	margin-right: .5em;
	font-weight: normal;
}

.resultslabel
{
	border: inset 1px #666666;
	padding: .25em .5em;
	font-weight: bold;
	height: 1.5em;
}

.textbox
{
	padding: .25em .5em;
}

/*************** End Form ***********************/

/****************** TEXT FORMATS ***********************/
#welcome
{
	float: left;
	width: 30em;
	color: #00447c;
	background-color: #ffdfa4;
}

#welcome p
{
	margin-left: 1em;
	margin-top: .5em;
	margin-bottom: .2em;
}

.redboldtext
{
	font-weight: bold;
	color: Red;
}

.greeting
{
	font-size: 155%;
	font-weight: bold;
	color: #072f67;
	margin-bottom: .5em;
	border-bottom: solid 3px #072f67;
}

.smallgreeting
{
	font-size: 125%;
	font-weight: bold;
	color: #072f67;
	margin-bottom: .5em;
	border-bottom: solid 3px #7f93b4;
}

.subheading
{
	color: #d07b28;
	font-weight: bold;
	padding: 15px 5px 5px 5px;
}

.subheading2
{
	color: #d07b28;
	font-weight: bold;
	padding: 15px 5px 0 5px;
}

.subheading3
{
	color: #5f0513;
	font-weight: bold;
	font-size: 130%;
	padding: 15px 5px 0 5px;
}

.redsubhead
{
	color: #5f0513;
	font-size: 120%;
	font-weight: bold;
	margin: .1em 0;
}


/*Modal Popup*/
.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup
{
	background-color: #ffffdd;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 10px;
	width: 500px;
}

.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;
}

.closeLoginPanel
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	width: 100%;
	line-height: 1em;
	font-size: 100%;
	font-weight: bold;
	background-color: #d07b28;
	position: absolute;
	top: 0;
	right: .3em;
	margin-bottom: .5em;
}

.closeLoginPanel a
{
	float: right;
	background-color: #d07b28;
	cursor: pointer;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	padding: 5px;
}

.physLoginPanel
{
	background-color: #d8d3bc;
	padding: .3em;
	border: solid 1px #00447c;
	width: 20em;
}

.physLoginControl
{
	margin-top: 2em;
}


.loginLink
{
	float: right;
}
.loginLink a
{
	color: #979048;
	padding: 1px 2px 1px 2px; /* border-left:1px solid #979048;    border-right:1px solid #979048;*/
	border-bottom: 0;
	font-size: 85%;
	text-decoration: none;
	text-align: right;
	font-weight: bold;
}

.loginLink a:hover
{
	text-decoration: underline;
	color: #d07b28;
}

.tableform
{
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	border: solid 1px #979048;
	padding: .3em;
	font-size: 85%;
}

.tableform tr
{
	height: 3em;
}

.tableform td
{
	padding-left: .4em;
}

.tableform th
{
	padding-left: .4em;
}

.tableform .headerrow
{
	background-color: #979048;
	color: #efefef;
	height: 3em;
	font-size: 115%;
	font-weight: bold;
}

.tableform .altrow
{
	background-color: #d8d3ba;
}


/********* CUSTOM TABS ********************/


 .ajax__tab_default .ajax__tab_header 
{
 font-weight:bold;
 	
 	
} 

.ajax__tab_default .ajax__tab_outer 

{display:-moz-inline-box;display:inline-block}

.ajax__tab_default .ajax__tab_inner 
{display:-moz-inline-box;display:inline-block}

.ajax__tab_default .ajax__tab_tab 
{margin-right:4px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}

.ajax__tab_default .ajax__tab_body 
{
    width: 99%;
}

.myHeaderTab
{
	 margin-left: .6em; margin-right: .6em; font-size: 100%;
}




/* ***** Common Footer Content Styles ***************/
#pageBottom
{
	margin-bottom: 1em;
	border-bottom: solid 1px #bbb165;
}

#overallFooter
{
	width: 100%;
	background-color: #d8d3ba;
	padding: .5em;
}

#LeftFooter
{
	width: 50%;
	float: left;
}

#RightFooter
{
	float: right;
	margin-right: 1em;
}

/* ***** end Common Footer Content Styles ***************/

div.ajax__calendar_days table tr td
{
    padding:0px;
    width: 10%;
}