/* 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;
}

/****************** Text & Headings ************************/

.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;
}

.tinytext
{
	 font-size: 75%;
	 font-weight: normal;
}

/***************** 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;
} 

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;
}

.AnnouncementTitle
{
	 font-size: 110%;
	 color: #00447c;
	 font-weight: bold;
}


/********** 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
{
    padding: 0;
    margin-top: .5em;
    margin-bottom: .5em;
    margin-left: 1.5em;
    margin-right: 0;
    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;
}

.listgreen li
{
    background: url(../images/lists/bullet_green.gif) no-repeat 0 50%;
    background-position: top left;
    padding-left: 15px;
    padding-bottom: .5em;
}

.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;
    
}

.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: 2em;
    padding: 1em 1em .8em 1em;
    background-color: #ffdfa4;
    /*border: solid 3px #d07b28; */
}

.accentboxsmall
{
    clear: both;
    margin-top: .5em;
    margin-bottom: .5em;
    padding: .5em .5em .4em .5em;
    background-color: #ffdfa4;
    border: solid 2px #ff0000; 
}

/*********** 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;
}

.labelbox
{
	 border: solid 1px #cdcdcd;
	 padding: 2px 3px;
	 color: #333333;
}

/*************** 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;
}

 .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%;
}