/* EATC/CSS */
/* COLOR SCHEME
body: #707070 (grey)
links: #004B6E (Moroccan blue)
nav bg: #C84101 (orange)
headers: #9E0B0F (maroon)
hovers: #C84101 (orange) EATC
        #662d91 (purple) QEAC
        #9E0B0F (maroon) PIER    
*/


/*
BEGIN REFERENCE: 
http://meyerweb.com/eric/thoughts/2004/09/15/emreallyem-undoing-htmlcss/   
*/

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent browser defaults ul,ol padding or margin  
   the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. 
   zero out the spacing around pre, form, body, html, p, blockquote as well 
   form elements are oddly inconsistent, and not quite CSS emulatable. 
   nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }
/* END REFERENCE */

body
{
  color:#707070;
  background:#fff url(../images/bg.png) repeat-x;
  margin:0px;
  font-family:Arial;
  font-size:9pt;
  text-align: center; /*for IE*/
}

p{margin-bottom:15px;}

h1
{
 /*See #content h1*/
}

h2, h3
{
	font: bold 12pt Arial;
	color: #C84101; /*orange*/
	/*margin: 15px 0px 0px 0px;*/  /*WAS   margin:0px 0px 15px 0px;*/
	margin-bottom:5px; /*DFe*/
    margin-top:5px; /*DFe*/
}
h3{font-size:10pt;}
h4, h5, h6
{
	font: bold 8pt verdana;
	margin: 5px 0px 0px 0px;/*margin:0px;*/
	padding-left:5px;
	color:#9E0B0F; /*maroon*/
	text-align:left;
}

table{border-collapse:collapse;}

body,
td,
th
{
	font-size: 9pt;
	color: #333333;
}

/************* TABLE CLASSES from old CSS *************/
.TblStandard {border:1px solid #d9d9d9;}
.TblStandard td{border:1px solid #EAEAEA;padding:2px 5px;background: #FFFFFF;}
.TblStandard th{background:#EAEAEA;padding:2px 5px;font-weight:bold;border:1px solid #d9d9d9;}

.BreakdownUnit{width:440px;}

/************* PAGE DIVs *************/
#container{
  width:960px;
  margin-left:auto;
  margin-right:auto;
  text-align: left; /* because of IE text-align:center in the body selector */
}
#logo{
  margin-top:30px;
  margin-left:5px;
}
#eatc_header{
  margin-left:160px;
  margin-top:20px;
  position:absolute;
}
#body{
  margin-top:2px;
  background-position: 394px 0px;
  padding-top:15px;
}
#nav{
  float:left;
  margin-top:20px;
  margin-right:20px;
  width:170px;
  border-top:1px solid #d9d9d9;
  border-bottom:1px solid #d9d9d9;
}
#nav ul, #right_panel ul
{
  border-top:1px solid #d9d9d9;
  
  margin:0px;
  padding:10px 0px;
  
}
#nav ul li, #right_panel ul li
{
  padding-left:20px;
  padding-top:7px;
  padding-bottom:7px;
  list-style:none;
  color:#004b6e;
  background:url(../images/icon_link_off.gif) no-repeat;
  background-position:5px 10px;
}
#nav ul li:hover, #right_panel ul li:hover{
  padding-left:20px;
  padding-top:7px;
  padding-bottom:7px;
  list-style:none;
  color:#fff;
  background:#C84101 url(../images/icon_link_on.gif) no-repeat;
  background-position:5px 10px;
}
#nav ul li:hover a, #right_panel ul li:hover a{color:#FFF;}
#nav ul li a, #right_panel ul li a{color:#004b6e;text-decoration:none;} /*DFe*/
#nav ul li a:hover, #right_panel ul li a:hover{color:#fff;background-color:#C84101;} /*DFe*/
#copyright
{
	margin-top:20px;
}
#copyright a{
	font-size:8pt;}
#govt{
  padding:15px;
}
#content{
  background:#FFF;
  width:740px;
  padding-top:20px;
  margin-left:200px;
}
#footer
{
  padding:20px;
  clear:both;
  border-top:1px solid #d9d9d9;
  position:relative;
  margin-top:20px;
}
#right_panel
{  
  background-color:#fff; /*DFe - to cover stray top/bottom borders from h1 selector*/
  width:244px; /*DFe*/
  float:right;
  /*height: 500px; DFe - fix wrap problem but still doesn't work for IE.*/
  /*border-bottom:1px solid #d9d9d9;*/
  margin-bottom:20px;
  margin-left:10px;
}
#right_panel .button
{
	margin-bottom:5px;
}
#content h1{
  border-top:1px solid #d9d9d9;
  border-bottom:1px solid #d9d9d9;
  color:#9E0B0F; /*maroon*/
  font-size:13pt;
  font-weight:bold;
  padding:5px 10px;
  margin-bottom:5px;
  margin-top:5px;
}

/************* LOGIN FORM FIELDS from old CSS *************/
#LoginForm 
{
	border-top:1px solid #D9d9d9;
	border-bottom:1px solid #D9d9d9;
	text-align: center;
	margin:5px;
	padding:10px;
}
#LoginForm a{font-size:8pt;color:#9E0C0F;}
#LoginForm td
{
	font: 10px Arial;
}
#LoginForm table
{
	margin-top: 5px;
}
#LoginFooter /*from old CSS*/
{
	width: 157px;
	background: #FFFFFF url(../images/loginFooter.gif);
	background-repeat: no-repeat;
	height:22px;
	text-align:right;
}

/******************* WELCOME MENU ************************/

#UserMenu
{
	text-align: right;
	right:10px;
	position: absolute;
	padding-top: 1px;
	width: 200px; /*was 300px*/
	color: #004B6E;
	font-size: .9em;
	margin-top: 5px;
}

#UserMenu ul {text-align: right;}
#UserMenu li{list-style-type:none;display:inline;padding:2px;text-align: right;}
#UserMenu a{color: #004B6E;text-decoration:underline;}
#UserMenu a:hover{color: #9E0B0F;text-decoration:none;}

.WelcomeName
{
	display:inline;
}
.WelcomeMenu
{
	display:inline;
}


/*from old CSS and modified*/
/************* FORM FIELDS *************/
.LoginField,
.TextField
{
	width: 84px;
	font: 10px Arial;
	margin-left:5px; /*DFe added*/
}


.LoginButton{font: 10px Arial;}
.Buffer5{margin:5px;}

/************* NAVIGATION *************/
#Navigation
{
	border-left:1px solid #A7A9AC;
	border-top:1px solid #A7A9AC;
}
.NavigationMinor
{
	margin-left: 15px;
	width: 130px;
}

/************* MAIN BODY CLASS *************/
.MainBody {padding-left: 10px;}
.MainBody a{color:#004B6E;text-decoration:underline;cursor:pointer;}
.MainBody a img{ border:0px;cursor:pointer;}
.MainBody a:hover img{ border:0px;}
.MainBody a:hover{color:#C84101;text-decoration:none;}


.MainBody td{font-size:12px;color:#666;}
.MainBody ul {margin-left: 20px;padding-left:2px;list-style:disc;}
.MainBody ol {margin-left: 20px;padding-left:2px;}
.MainBody li {margin-left: 20px;padding-left:2px;}
.MainBody .LastUpdated {font-style:italic;color: #999999;}
.MainBody input{padding-right:5px;vertical-align:middle;}
.MainBody label{padding-left:5px;}


/*******TABLE **********/
.RequiredField, .RequiredListItem
{
	background:#F7E3DA;
}
/************* MENUS *************/
.MenuLink
{
	display: inline;
	padding-right: 5px;
	text-decoration:none;
}
.MenuLink a
{
	text-decoration:none;
	color:#004b6e;
}
.MenuLink a:hover
{
	text-decoration:underline;
}

.MenuLinkMain,
.MenuLinkMain td /*firefox*/
{
	color:#004b6e;
    background:url(../images/icon_link_off.gif) no-repeat;
	background-position: 5px 10px;
	margin-bottom: 3px;
	padding:5px 5px 5px 22px;
	text-align: left;
}
.MenuLinkMain td:hover
{
	background:#C84101 url(../images/icon_link_on.gif) no-repeat;
	background-position:5px 10px;
	color:#fff;
}
.MenuLinkMain a
{
	color:#004b6e;text-decoration:none;
}
.MenuLinkMain a:hover
{
	color:#fff;text-decoration:none;
	background:#C84101;
}


/************* ALERT *************/
.Alert
{
	border:2px solid #FF0000;
	padding: 10px;
	margin-bottom:20px;
	margin-top:10px;
	background: #FF000;
	color: #FF0000;
	font-size:10pt;
	font-weight:bold;
	text-align:center;
	width: 440px;
}


/************ ATTACHMENTS **************/
.AttachmentList
{
	border-top:1px solid #A7A9AC;
	padding-top: 5px;
}
.Attachment
{
	margin-top: 8px;
}
.AttachmentIcon
{
	float:left;
	margin-right:5px;
}
.AttachmentTitle
{
}


/******************* HEADINGS AND ICONS ****************/
.PageHeading /*The icon and title images*/
{
	/*margin-bottom: 15px;
	height:68px;*/
}
.PageIcon
{
	float:left;
}
/*.PageTitle
{
	border-bottom: 1px solid #99B7C5;
	margin-left:100px;
	padding-top: 45px;
	padding-bottom: 5px;
}*/
.PageTitle
{
	display:none; /*Replaces original code above which displayed a title from CMS*/
}

/******************** BREAD CRUMB *************************/
.Breadcrumb {margin-top: 5px;margin-left: 5px;margin-bottom:20px; color:#999999;}
.Breadcrumb a{color:#004B6E; text-decoration:none;}
.Breadcrumb a:hover{color:#C84101;text-decoration:underline;}


/****************** RESOURCES FOR ON-LINE LEARNING AND SELF ASSESSMENT TESTS ********************/
.ResourcePanelBody
{
	background-color: #fff;
	padding: 5px 10px 5px 10px;
	margin-bottom: 15px;
}
.ResourcePanelBody a{color: #004B6E;text-decoration:underline;margin:2px 0px 2px 0px;}
.ResourcePanelBody a:hover{color:#C84101;text-decoration:none;margin:2px 0px 2px 0px;}
.ResourcePanelHeader {padding:15px 0px 5px 0px;}
.ResourceTitle a{color: #004B6E;text-decoration:underline;margin:2px 0px 2px 0px;}
.ResourceTitle a:hover{color:#C84101;text-decoration:none;margin:2px 0px 2px 0px;}
.ResourceDescription{}

/******************* GLOSSARY ****************/
dt{font-weight: bold;margin-bottom: 2px;}
dd{margin-left:10px;margin-bottom:15px;}


/****************** EVENT ********************/
.Event{ margin-bottom: 10px;border-bottom: 1px dashed #d9d9d9;padding-bottom: 10px;}
.Event .Date{color: #999999;margin-bottom: 5px;padding-top:5px;}
.Event .Title{font-weight: bold;margin-bottom: 2px;color: #241A61;}
/*.NewsSnippet .Title a{color: #004B6E;}*/
.Event .Brief{}


/***************** NEWS ARTICLES *******************/
.NewsArticle .Date{margin-bottom: 5px;font-style:italic;}

.NewsSnippet
{
	margin-bottom: 10px;
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 10px;
	/*color:#666;*/
}
.NewsSnippet .Day  /*DFe - see Xsl/News_List.xsl*/
{
	background-color:#000;
	padding:2px 2px 2px 2px;
	color:#d9d9d9;
}
.NewsSnippet .Date
{
	border-top:solid 1px #999;/*DFe*/
	padding:2px 0px 2px 0px;
	float:left;/*DFe*/
	color: #666;/*DFe*/
	margin-bottom: 5px;
	width:80px;/*DFe*/
	height:80px;/*DFe*/
	background-color:#eee;/*DFe*/
	margin-right:10px;/*DFe*/
}
.NewsSnippet .Title{font-weight: bold;margin-bottom: 5px;font-size: 12pt; font-family:Arial, Helvetica, sans-serif;}
/*.NewsSnippet .Title a{color: #004B6E;}*/
.NewsSnippet .Brief{}



/****************** FAQS *********************/
.FaqQuestionList{}
.FaqAnswerList{}
.FaqAnswerList .Faq{margin-bottom:15px;}
.FaqAnswerList .Question{font-weight: bold; background:#C84101; padding: 2px 5px; color: #FFFFFF;}
.FaqAnswerList .Answer{padding-left: 5px; padding-right: 5px;}
.FaqAnswerList .Answer p{margin-top: 5px; margin-bottom: 10px;}

/************* EATC RESOURCES AND LINKS *************/
ul.LinkListItem a{color: #004B6E;text-decoration:underline;}
ul.LinkListItem a:hover{color: #C84101;text-decoration:none;}
a.LinkCategory{cursor:pointer;text-decoration:none;}
.Link a:hover{text-decoration:underline;}
.LinkCategoryHidden{display:none;}
.LinkCategoryDisplay
{
	display:block;
	margin-left:20px;
	margin-bottom:10px;
	margin-top: 5px;
	/*border-top:1px dashed #cccccc;
	border-bottom:1px dashed #cccccc;*/
	padding: 10px 0px;
}
/************* EATC Glossary in Other languages *************/
#div_glossary a{color:#004B6E;text-decoration:underline;}
#div_glossary a:hover{color:#C84101;text-decoration:none;}