﻿/***** Global Settings *****/
 
body { font: 13px/1.4 Myriad Pro, Calibri, Helvetica, Arial, sans-serif;background: #FFFFFF;margin: 0;padding: 0;color: #000;} 
 
html, body {border:0;margin:0;padding:0;}
 


.MapBody {
	font-style: normal;
	letter-spacing: normal;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

#container {
	width:1000px;
	min-width:850px;
	background-color:transparent;
	margin: 0 auto ; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding:0;
	vertical-align:top;
}

#mainContent {
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
    background: #FFFFFF;
	vertical-align:top;
	padding:0px 0px 0px 0px;	
	text-align:left;
	margin: 0;	
}
 
/***** Headings *****/
 
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
margin:0;
padding:0;
font-weight:normal;
}
 
h1, .h1 {
padding:30px 0 25px 0;
letter-spacing:-1px;
font-size:2em;
}
 
h2, .h2 {
padding:20px 0;
letter-spacing:-1px;
font-size:1.5em;
}
 
h3, .h3 {
font-size:1em;
font-weight:bold;
}

/* ------------------------------------------------------------
+ Headings Edit Here
------------------------------------------------------------ */  

h5{font-weight:bold; font-size:11px;margin:0;padding:0; color:#000000;}

.h5{font-size:11px; margin:0; line-height:15px;padding:0; color:#000000;}

 
 /*Recipe Print*/
.title1
{
    font-size: 20pt;
    font-weight: bold;
    display:none;
}    

/*Recipe Print*/
.title2
{
    font-size: 14pt;
    font-weight: bold;
    color:#DC291E;
    display:none;
}

/***** Common Formatting ****/
 
p, ul, ol {
margin:0;
padding:0 0 1.25em 0;
}

ul, ol {
padding:0 0 1.25em 2.5em;
text-indent: 0px;
}

blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}
 
small {
font-size:0.85em;
}
 
img {
border-style: none;
    border-color: inherit;
    border-width: 0;
    margin-left: 0px;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}



.icon
{
    border-style: none;
    border-color: inherit;
    border-width: 0;
    margin-left: 0px;
    padding-top:10px;
}

.print
{
	 display: block;
	 padding-top:10px;
}

td{
    padding: 1px !important;
    text-align:center !important;
    font-weight: normal !important;
    font-size: 12px !important;
}

.copyPadding
{
   padding-left:25px;
    }
    
.dataEntryPrompt
{
    font-weight: normal;
    font-size: 0.846em;
    color: #757575;
}

.fieldLabel0
{
	text-align:left;
	padding-right:10px;
    vertical-align: top;
}


.fieldLabel1
{
	text-align:right;
	padding-right:10px;
    vertical-align: top;
}


.fieldLabel2
{
	text-align:right;
	padding-right:20px;
}

.innerFieldLabel
{
    text-align: left;
}

.innerFieldLabelNarrow
{
    text-align: left;
	width: 40px;
}


.valueLabel0
{
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    padding-right: 20px;
    padding-bottom: 5px;
}

.valueLabel1
{
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    padding-right: 20px;
    padding-bottom: 5px;
}

.valueLabel2
{
    font-weight: normal;
    text-align: left;
}


.valueLabelCenter
{
    font-weight: normal;
    text-align: center;
}

.valueLabelNarrow
{

    font-weight: normal;
    text-align: left;
	width: 110px;
}

.promptLabel { color: #333; font-size: 12px; font-weight:bold; margin-top:0px;margin-bottom:15px;}
.fieldLabelCurrency { font-weight: bold; text-align:right; padding-right:10px;}
.valueLabelCurrency { font-weight: normal; text-align:right; padding-right:10px;}

.errorLabel { color:#dc291e; display: inline; font-weight: bold;}

.formHeader {
    background-image: url('ControlTabs/tab-grid-bck.gif');
    border: 1px solid #0058a5;
    height: 40px;
    background-repeat: repeat-x;
    margin-top:10px;
}
    
    
 .formTitle {

    padding:0 10px;
    font-weight:bold;
    color:#FFFFFF; 
    font-size:15pt;
}   

.MainTitle { 
    font-size: 25px; 
    letter-spacing: -1px; 
    border-bottom: 2px solid #fdb813; 
    text-align:left; 
    color:#535353; 
    padding:17px 0 10px 0; 
    font-weight:normal;
    margin-bottom:10px;
}

.GlobalSubTitle
{
    font-weight: bold;
    font-size: 15pt;
    line-height:18pt;
    padding:1.1em 0 1.20em;
}

/* ------------------------------------------------------------
+ Tables Design 1 Attributes
------------------------------------------------------------ */  


/* Design 6 */
table.Design6a 
{
    border-spacing: 0px;
    /*border-collapse: collapse;*/
    background: #FFFFFF;
    border: 1px solid #0058a5;
    width:100%;
    table-layout: fixed;
}
table.Design6a th 
{
    text-align: center;
    font-weight: normal;
    padding: 0.1em 0.5em;
    border: 0px;
    border-bottom: 0px solid #000000;
}
table.Design6a td 
{
    text-align: left;
    border: 0px;
    border-bottom: 0px solid #000000;
    border-left: 0px solid #000000;
    padding: 0.1em 0.5em;
}
table.Design6a thead th 
{
    text-align: left;
    font-weight: bold;
    color: #FFF;
    font-size:15pt;
    background-color: #acd1ea;
}
table.Design6a th.SubHeader 
{
    text-align: left;
    border-left: 0px;
    background-image: url('/Pages/Images/ControlTabs/tab-grid-bck.gif');
    border-bottom: 1px solid #00649d;
    height: 40px;
    background-repeat: repeat-x;
    margin-top:10px;
    color:#FFFFFF; 
    font-size:15pt;
    padding:0 10px;
    font-weight:bold;
    width:100%;
}
table.Design6a tr.Odd 
{
    background: #F6F4E4;
}

table.Design6a td.OddCol 
{
    background: #f9ebae;
    font-size:11pt;
    text-align: center; 
    padding-top: 10px;
    padding-bottom: 10px
}


table.Design6a td.fieldLabel1 
{
     text-align:right;
     width:50%;
}
       
table.Design6a td.valueLabel1 
{
     text-align:left;
     width:50%;
}
    
    
table.Design6a td.fieldLabel2 
{
     text-align:left; 
     font-weight:bold;   
}
    

/* ------------------------------------------------------------
+ Tables Plain
------------------------------------------------------------ */  

.TablePlain
{
    width:100%;
    -webkit-width:100%;
    padding:0;
   
    table-layout: fixed;
}
.TablePlainNoBorders
{
    width:100%;
    padding:0;
    border-style: none;
   
    table-layout: fixed;
}

 .widthbox {width:300px;}
 .width10 {width:10%} .width15 {width:15%} .width20 {width:20%}  .width21 {width:21%} .width25 {width:25%} .width30 {width:30%} .width32 {width:32%}  .width35 {width:35%} .width50 {width:50%;}.width40 {width:40%} 
 .width70 {width:70%} .width98 {width:98%} .width60 {width:60px} .width100 {width:100%} .width200 {width:200px;background-color:Lime} .nowrap { white-space:nowrap}

/* ------------------------------------------------------------
+ Tables for Sections with or without SubTables
------------------------------------------------------------ */  

.TableSection { border-bottom: 1px solid #737373;width:100%;table-layout:fixed;padding:5px 0px 5px}


.TableSectionHeader 
{
    text-align:left;background:transparent;font-size:18px;
    font-weight:bold;color:#000000;vertical-align:top;
    padding-left:10px;line-height:22px;
}

.TableSectionSubHeader 
{
    text-align:left;font-size:14px;
    font-weight:bold;color:#000000;vertical-align:top;
    padding-left:10px;
}

.TableSectionSubTableHeader
{
    background: #E5E5E5;
    font-size:15px;
    text-align: center; 
    padding-top: 10px;
    padding-bottom: 10px;
    /*border-top: 1px solid #737373;
    border-right: 1px solid #737373;*/
    border-bottom-style: none;
    /*border-left: 1px solid #737373;*/
    
}
.TableSectionSubTableBody
{
   
    width:100%;
    padding:0;
    border-right: 1px solid #737373;
    border-bottom: 1px solid #737373;
    border-left: 1px solid #737373;
   
}

/* ------------------------------------------------------------
+ Mainlist
------------------------------------------------------------ */  

ul.mainList 
{ 
    margin-left:0em;
    padding-left:0.2em;
    margin-bottom:1em;
}
ul.mainList li
{ 
    background:url(../../Images/bullet.gif) 0em 0.1em no-repeat;
    padding-left: 1.3em;
    list-style: none;
}
.mainList ul li
{ 
    background-image:url(../../Images/bullets_bg.gif); 
    background-position:0.4em 0.5em;
}
ol.mainList li, ul.mainList li 
{  
    margin-bottom:0.5em;
}
ol.mainList 
{ 
    margin-left:1.5em; 
    padding-left:0px; 
}
.mainList ol li
{ 
    list-style:decimal; 
    background-image:none; 
    padding-left:0em;
}
.mainList span 
{ 
    font-weight:bold 
}

.lafContent { display:block;}
.cscContent { display:none; }
.espContent { display:none; }

.noVisible{display: none;}
.Visible {display:inline;}

.alignCenter { text-align:center}
.alignLeft { text-align:left;}
.alignRight { text-align:right;}
.alignTop { vertical-align:top;}
.alignBottom { vertical-align:bottom;}

.required {color:#dc291e; font-size:9px;}	
.errorLabel { color:#dc291e; display: inline; font-weight: bold;}
.legend{font-size:10px; font-weight: normal;}

/* ------------------------------------------------------------
+ BoxMain
------------------------------------------------------------ */ 

.boxMainFrame { border:2px solid #484848; padding:10px; margin-bottom:10px;}
.boxMain { border:1px solid #6784bd;}
.boxSubMain { border: 1px solid #92a7d0;}
.boxDetail { border: 1px solid #d4dcec; }

.PaddingBottom {margin-bottom:10px; text-align:center}
.PaddingBoxCenter {padding:20px; text-align:center}
.PaddingBoxCenter5px {padding:5px; text-align:center}
.PaddingTopBottom { padding-top: 20px; padding-bottom: 20px;}
.PaddingLeftRight { padding-left: 20px;  padding-right: 20px; }
.PaddingTopBottom10px { padding-top: 10px; padding-bottom: 10px;}
.PaddingLeftRight10px { padding-left: 10px;  padding-right: 10px; }
.MarginTopBottom{margin:5px 0 5px}
.PaddingRight0px {padding-right: 0 !important;}

/* ------------------------------------------------------------
+ tableData Attributes
------------------------------------------------------------ */  
.tableData { border-spacing: 0px; border-collapse: collapse; border: 0em solid #0e0f5f;}
.tableData .alternateRow { background-color:#F6F4E4;}
.tableData>tbody>tr>th { text-align: left; font-weight: Bold; padding: 8px 0px 8px 0x; border: 1px solid #a0a0a0; font-weight:bold; color:#FFFFFF;}
.tableData>tbody>tr>td { text-align: center; border: 0px; border-bottom: 1px solid #a0a0a0; border-left: 1px solid #a0a0a0;border-right: 1px solid #a0a0a0; padding:3px 5px 3px 5px; font-weight: normal; color:#1f2e49; font-size:10px;}
.tableData thead th { text-align: left; font-weight: normal; color: #FFFFFF; border-left: 1px solid #a0a0a0; background-color: #acd1ea; font-size:13px;}
.tableData>tbody>tr>th.HeaderTable { text-align: left; border-left: 0px; background-color:#abb8d0; height:25px;}
.tableData>tbody>tr.Odd { background: #F6F4E4;}
.tableData>tbody>tr>td.OddCol {background: #f9ebae;}
.tableData>tbody>tr>td.OddCol { background: #f9ebae;}
.tableDataHeader { text-align:left; font-size: 12px !important; font-weight: bold;	color: #FFFFFF;	background-color:#5673B8; vertical-align:bottom;padding: 2px !important}

/* ------------------------------------------------------------
+ standardTableCompact Attributes
------------------------------------------------------------ */  
.standardTableCompact
{
	border-spacing: 0px;
	border-collapse: collapse;
    border: 0.2em solid #0e0f5f;
    margin-bottom:5px;
    width: 100%;
    margin-right: 11px;
    font-size: 12px !important;
}
.standardTableCompact td a
{
    font-size: 12px;
}
.standardTableCompact th
{
    text-align : center;
    /*padding: 0.3em 0.3em;*/
    font-size: 12px !important;
    background-color: #acd1ea;
    border-right: 1px solid #000;
	border-bottom:1px solid #cecece;
	font-weight: bold;
}
.standardTableCompact thead th
{
    text-align: center;
    font-weight: bold;
    background-color: #acd1ea;
    color: #000000;  
}
.standardTableCompact td
{
	text-align: center;
	font-weight: normal;
	font-size: 12px !important;
    padding: 0.3em 0.3em;
	border-bottom:1px solid #cecece;
	border-right:1px solid #000;
}



 
/***** Links ****
 
a,
a:link,
a:visited,
a:hover {
text-decoration:underline;
color:#0f003d;
}*/
 
/***** Forms *****/
 
form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
font:1em Arial, Helvetica, sans-serif;
}
 
textarea {
width:100%;
line-height:1.25;
}
 
label {
cursor:pointer;
}
 

a:link
{
	font-family: Arial, Helvetica, sans-serif;
	color: #0f003d;
	text-decoration: underline;
    font-size: 12px !important;
    font-weight:normal;
}

 a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #0f003d;
}

 a:visited
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #0f003d;
	text-decoration: underline;
}

 a:active
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#0f003d;
	text-decoration: underline;
}

 a:disable

{ color:#b2b2b2;
  text-decoration: none; 
   }


/*f-0303: render the substitute/replacement class session & substitute instructor links in different style*/
/* color: dark reddish orange */
a.subClassLink 
{
    color: #B82500;
    font-weight: bold;
}
a.subClsInstructorLnk 
{
    color: #B82500; 
    font-style: italic;
}
/* color: dark gray */
div.subClsOldClsInfoTxt span
{
    color: #2E2E2E;
    display: block;
    font-style: italic;
    font-size: smaller;
}

/*f-0303: end*/

.print-only, .print-only *
{
    display: none !important;
}

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
    .print-only, .print-only *
    {
        display: block !important;
    }
    a[href]:after {
        content: none !important;
    }
}

.btnPrint {
    background: transparent url(/Pages/Images/page_print.png) center left no-repeat;
    padding-left: 21px;
    display: inline-block;
}

.table-td {
    font-size:12px;
    padding-top: 1px;
    padding-bottom: 1px;
}

.skipnav { text-align: left; }
.skipnav a { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; padding-left:10px; padding-right:10px; font-size: 14px !important;}
.skipnav a:focus, .skipnav a:active { position: static; left: 0; width: auto; height: auto; overflow: visible; text-decoration: underline;  background: #FFD457;}
.MarginTop { margin-top: 20px;}

  /*This must be used on a block element like a div*/
    .pageBreakBeforeAlways {
        page-break-before: always;
    }

    .pageBreakAvoidWithin {
        page-break-before: avoid;
    }

    .style1 {
        width: 50%;
        height: 19px;
    }

    td {
        text-align: left !important;
    }

    div.jobapp td {
        text-align: left !important;
    }

    .boxMainFrame {
        border: 1px solid #484848 !important;
    }

    .fieldLabel0 {
        width: 30% !important;
    }
    .step-title {
        font-size: 1.385em;
        font-weight:bold;
    }
    
    table.contact-location {
        border-top: 1px solid #737373;
    }

.section-separator {
    border-top: 1px solid #737373;
    width: 100%;
}