﻿body { font: 11px/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: #0f003d;
}
/*container is not applicable when printing but need to reset alignment changed by MapBody*/
#container {
	text-align: left;
	vertical-align:top;
}

/*mainContent is not applicable when printing*/
#mainContent {
    background: #FFFFFF;
}


/***** 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
------------------------------------------------------------ */  
/*h1{font-size:2.692em;line-height:1.028em;color:#0f003d; margin:0;padding:0;color:#000000;}
h2{font-weight: bold;font-size: 22px;line-height:26px; margin:0;padding:0.8em 0 0.6em;color:#000000;}
h3{font-weight:bold; font-size:18px;line-height:1.2em;margin:0.125em 0;padding:0;color:#000000;}
h4{font-weight:bold; font-size:14px;line-height:1.125em;margin:0.105em 0;padding:0;color:#000000;}*/
h5{font-weight:bold; font-size:10px;margin:0;padding:0; color:#000000;}
/*h6{font-weight:bold; font-size:8px; letter-spacing:0.125em; padding:0; margin-bottom:0; text-transform:uppercase;color:#000000;}

.h1{font-weight:bold; font-size:2.692em; line-height:1.028em;margin:0;padding:0;color:#000000;}
.h2{font-weight:bold; font-size:22px; line-height:26px; margin:0; padding:0.8em 0 0.6em; color:#000000;}
.h3{font-weight:bold; font-size:18px; line-height:1.2em; margin:0.125em 0; padding:0; color:#000000;}
.h4{font-weight:bold; font-size:14px; line-height:1.125em; margin:0.105em 0; padding:0; color:#000000;}*/
.h5{font-size:11px; margin:0; line-height:15px;padding:0; color:#000000;}
/*.h6{font-weight:bold; font-size:8px; letter-spacing:0.125em; padding:0; margin:0; text-transform:uppercase; 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;
}

/*ul
{
    list-style-position:outside;
    text-indent: 0px;
    padding:0;
    margin: 0 0 0 20px;


list-style-type: square;
list-style-position: outside;
padding: 0 0 0 12px;
margin: 0 0 0 7px;
line-height: 1.6em;
font-weight: bold;
font-variant: normal;
text-transform: none;
text-decoration: none;
list-style:square;
font-style: normal;
color:#1f2e49; 
letter-spacing: normal;
}*/


.spacer
	  {
		 text-align: right;
		 padding-right: 20px;
		 width: 284px;
	  }


.icon
{
    border-style: none;
    border-color: inherit;
    border-width: 0;
    margin-left: 0px;
    display:none;
}

.print
{
	 display:none
}
td{
    padding: 1px !important;
    text-align:center !important;
    font-weight: normal !important;
    font-size: 11px !important;
   
}

.copyPadding
{
   padding-left:25px;
    }
.dataEntryPrompt
{
    font-weight: normal;
    font-size: 11px;
    color: Gray;
}

.fieldLabel0
{
	text-align:left;
	padding-right:10px;
    vertical-align: top;
}


.fieldLabel1
{
    color:Fuchsia;
	text-align:right;
	padding-right:10px;
    vertical-align: top;
}

.fieldLabel2
{
    color:Black;
	text-align:right;
	padding-right:20px;
}

.innerFieldLabel
{
     text-align: left;
}

.innerFieldLabelNarrow
{
    
    color:Black;
    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: #000; 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');
    background-color: #000000;
    border: 1px solid #0058a5;
    height: 44px;
    background-repeat: repeat-x;
    margin-top:10px;
    display:block
}
    
    
 .formTitle {

    padding:0 10px;
    font-weight:bold;
    color:#000000; 
    font-size:15pt;
    display:block
}   

.MainTitle
{
    font-size: 25px;
    letter-spacing: -1px;
    border-bottom: 2px solid #000000;
    text-align:left;
    color:#000000;
    padding:17px 0 10px 0; 
    font-weight:bold;
    visibility:  visible;
    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 #000000;
    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-color:Black; /*Replaces background-image: url('ControlTabs/tab-grid-bck.gif')*/
    border-bottom: 1px solid #000000; /*Replaces border-bottom: 1px solid #0058a5*/
    height: 40px;
    margin-top:10px;
    color:Black; /*Replaces color:#FFFFFF*/
    font-size:15pt;
    padding:0 10px;
    font-weight:bold;
}
table.Design6a tr.Odd 
{
    background: #F6F4E4;
}

table.Design6a td.OddCol 
{
    background: #f9ebae;
    font-size:11pt;
    text-align: center; 
    border-bottom: 1px solid #000000; /*Added*/
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight:bold;
}

table.Design6a td.fieldLabel1 
{
     text-align:right;
     width:43%;
     background-color:Aqua; /*Added*/
     font-family: Arial, Helvetica, sans-serif; /*Added*/
     font-weight:bold; /*Added*/
}  
    
table.Design6a td.valueLabel1 
{
     text-align:left;
     width:60%; /*Added*/
     background-color:Lime /*Added*/ 
}   
    
table.Design6a td.valueLabel2 
{
     text-align:left; 
}

table.Design6a td.fieldLabel2 
{
     font-weight:bold;
     text-align:left; 
}  

/* ------------------------------------------------------------
+ Tables Plain
------------------------------------------------------------ */  

.TablePlain
{
    width:100%;
    padding:0;
    border-collapse: collapse;
    table-layout: fixed;
}
.TablePlainNoBorders
{
    width:100%;
    padding:0;
    border-style: none;
    border-collapse: collapse;
    table-layout: fixed;
}

/* ------------------------------------------------------------
+ Tables for Sections with or without SubTables
------------------------------------------------------------ */  
.widthbox {width:210px;} .width29 {width:29%}
.width10 {width:10%} .width20 {width:20%}  .width21 {width:21%} .width25 {width:25%} .width30 {width:30%} .width32 {width:32%}  .width35 {width:30%} .width50 {width:50%;}.width40 {width:40%} 
.width70 {width:70%} .width98 {width:98%} .width60 {width:60px} .width200 {width:200px;background-color:Lime} .nowrap { white-space:nowrap}

.TableSection { border-bottom: 1px solid #737373;width:100%;table-layout:fixed;padding:5px 0px 5px}

.TableSectionHeader 
{
  text-align:left;background:transparent;font-size:16px;
    font-weight:bold;color:#000000;vertical-align:top;
    padding-left:10px;
}

.TableSectionSubHeader 
{
    text-align:left;font-size:14px;
    font-weight:bold;color:#000000;vertical-align:top;
    padding-left:10px;
}


.TableSectionSubTableHeader
{
   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-collapse: collapse;
    border-top-style: none;
    border-right: 1px solid #0058a5;
    border-bottom: 1px solid #0058a5;
    border-left: 1px solid #0058a5;
    table-layout: fixed;
}





/* ------------------------------------------------------------
+ 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;
     /* change background em accordingly */ 
    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!important; display: inline; font-weight: bold;}
.legend{font-size:10px; font-weight: normal;}

/* ------------------------------------------------------------
+ BoxMain
------------------------------------------------------------ */ 
.boxMainFrame { border:2px solid #484848; padding:10px}
.boxMain { border:1px solid #6784bd;}
.boxSubMain { border: 1px solid #92a7d0;}
.boxDetail { border: 1px solid #d4dcec; }

.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}

/* ------------------------------------------------------------
+ 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; 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; 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;
}
.standardTableCompact td a
{

    font-size: 11px;
}
.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: #dfd2af;
    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;
}


/* ------------------------------------------------------------
+ Global Fields/Form Attributes
------------------------------------------------------------ */  

.formHeader {
    background-image: url('../Styles/ControlTabs/tab-grid-bck.gif');
    border: 1px solid #0058a5;
    height: 25px;      /*Altered height: 40px;*/    
    background-repeat: repeat-x;
    /*Removed height: margin-top:10px;*/
    padding:0 10px;/*Added*/
    font-weight:bold;/*Added*/
    color:#FFFFFF; /*Added*/
    font-size:15pt;/*Added*/
}

.textBox /*Added*/
{
	background-image:url(../Images/text-box-bg.jpg);
	background-repeat:repeat-x;
	/*border:1px solid #d1c7ac;*/
	border-top:1px solid #7c7c7c;
    border-left:1px solid #c3c3c3;
    border-right:1px solid #c3c3c3;
    border-bottom:1px solid #ddd;
	width: 230px;
	color:#333333;
	padding:3px;
	margin-top:5px;
	margin-left:10px;
	margin-bottom:8px;
	text-align:left;
}

.dropDown /*Added*/
{
    margin-left:10px;
	margin-bottom:8px;
}

.fieldbox /*Added*/
{
	border-top:1px solid #c3c3c3;
    border-left:1px solid #c3c3c3;
    border-right:1px solid #c3c3c3;
    border-bottom:1px solid #c3c3c3;
    padding:20px;
}



a:link, a:visited	
    {
    /*font-size: 12px;*/
	color: #0f003d;
	border-bottom: none;
	text-decoration: underline;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 10px !important;
    font-weight:normal;

	}

a:hover
    {
    text-decoration:none;
	color: #0f003d;
    }

a:active
    {
    color:#0f003d;
	text-decoration: underline;
    }

 a:disable
    { 
    color:#b2b2b2;
    text-decoration: none; 
    } 


.sidebarLinks
{
	padding-top: 0px;
	display: block;
	position: static;
	text-align:left;
	margin-top:0px
}

.sidebarLinks a
{
	color: #555555;
	text-decoration: none;
	font-size:12px;
	display: block;
	padding:6px 12px 6px 12px;
	margin:0px 0 -1px 0;
	font-weight:bold;
	background: url('../Images/nav-arrow-link.gif') no-repeat center right;
	background-position: 166px 8px;
	width:160px;	
	border-bottom: 1px solid #b0b0b0; 
    border-top: 1px solid #b0b0b0;
}

.sidebarLinks a:visited
{
    color: #555555;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #b0b0b0; 
    /*border-top: 1px solid #b0b0b0; */
}

.sidebarLinks a:hover
{
	color: #000000;
	/*background: #fdb813;*/
	text-decoration: none;
	display: block;
}

.sidebarLinks a:active
{
    color: #555555;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #b0b0b0; 
    /*border-top: 1px solid #b0b0b0; */
}



/*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;}