/* For Employee Development Site,
   Created by Ianna Kim and Vanessa Simpson in Feb 2009 */
body{margin:0;color:#101010;background:#FFFFFF}
body,td,th,input,select,textarea 
		{font-family: Verdana,Arial,Helvetica,Geneva, sans-serif;
         font-size: 13px;}


h1{line-height:1em;background: #ffffff;
	font-size:17px;  padding: 4px 2px 4px 10px;
	margin: 3px 0px 5px 15px; color : #542d24;	
	border-bottom:1px dotted #000000;}

h1.pagetitle{margin: 5px 2px 10px 1px;}
.tier2 h1.pagetitle{margin: 0px 0px 10px 7px;}

h2{line-height:1em;background:  FFFFBB
	url(../images/EmpDev/header_2.gif) top left no-repeat;
	font-size:14px;  padding: 4px 0px 3px 30px;
	margin: 0px 0px 5px -14px;
	border-bottom:1px solid #669966}
h3{line-height:1em;background: FFFFBB
	url(../images/EmpDev/header_3.gif) top left no-repeat;
	font-size:12px;  padding: 1px 0px 1px 20px;
	margin: 0px 0px 5px 0px;
	border-bottom:1px solid #669966;}
/*
h2{line-height:1em;background: #eeeeee url(../images/EmpDev/header_2.gif) top left no-repeat;font-size:14px;padding: 4px 0px 3px 30px;margin: 0px -15px 5px -15px;border-top:1px solid #dbd2bf;border-bottom:1px solid #dbd2bf;border-right:1px solid #dbd2bf;border-left:1px solid #dbd2bf}
h3{line-height:1em;background: #eeeeee url(../images/EmpDev/header_3.gif) top left no-repeat;font-size:12px;padding: 1px 0px 1px 20px;margin: 0px -15px 5px -15px;border-top:1px solid #dbd2bf;border-bottom:1px solid #dbd2bf;border-right:1px solid #dbd2bf;border-left:1px solid #dbd2bf}
*/

p{margin:0 0 1.5em 0;}

.CEITLogo_CE {font-family:Verdana; font-weight: bold;color:#00B8E4;}
.CEITLogo_IT {font-family:Verdana; font-weight: bold;color:#FF9900;}

.clear:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clear {display: inline-table;} /* Hides from IE-mac \*/ * html .clear {height: 1%;} .clear {display: block;} /* End hide from IE-mac */ 
/*.clear:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} 
.clear {display: inline-table;} 

 Hides from IE-mac 
 html .clear {height: 1%;} .clear {display: block;} 
 End hide from IE-mac */ 

.shadow {margin: 2px 0 0 0; WIDTH: 962px}
.Outerlayout{border-collapse:collapse; width:916px;
             border: 8px solid #ffffff;}

.topshadow { background: url(../images/EmpDev/top_shadow.gif) 0 0 repeat-x; height: 23px;}
.bottomshadow {background: url(../images/EmpDev/bottom_shadow.gif) 0 0 repeat-x; 
               height: 23px;text-align: center; color: #999999; font-size: 9px;}
.rightshadow {background: url(../images/EmpDev/right_shadow.gif) 0 0 repeat-y; width: 23px;}
.leftshadow {background: url(../images/EmpDev/left_shadow.gif) 0 0 repeat-y; width: 23px;}
.left {float: left;}

.layout{margin:0 ;width:900px;background: #ffffff;}

/*div.header
    {padding: 0;margin:0 ;
	border-left:1px solid #006633;border-right:1px solid #006633;
	border-top:1px solid #006633;}*/

div.header
    {padding: 0;margin:0 ; }

.toolbar{height:32px;color: #1b471b;background : #ffffff;
         padding:2px 0px 0px 0px;margin: 0px 0px 12px 0px;
         font-family: Verdana,Arial,Helvetica,Geneva, sans-serif;
		 font-size:12px;}
	.toolbar ul.left{float:left;margin:0 0 0 0;padding:0;}
	.toolbar ul.right{float:right;margin:0 0 0 0 ;
	                  padding:8 0 0 0 }
	.toolbar ul li{float:left;display:block;margin:0;padding:0;}
	.toolbar ul li a{float:left;display:block;color:#1b471b;text-decoration:none;
					background: url(../images/EmpDev/divider_blk.gif) right 
					no-repeat;padding:0px 10px 0px 7px;}
	.toolbar ul li.last a{background:none;}


#headerimage_ed{padding: 0px; clear: both; width: 900px;height: 150px;
             margin: 0 0 7 0 ; 
			 background-image: url(../images/EmpDev/ed_banner.jpg);
			 background-position: left top;
			 background-repeat: no-repeat;}

.printheaderimage{width: 100%; padding-top: 0px; clear: both; 
					border: 1px #999999 solid; margin-bottom: 20px;}

.headerimage ul { width: 180px; height: 150px;
           font-family: Verdana,Arial,Helvetica,Geneva, sans-serif;
		   font-size:12px; padding: 0px ;margin: 3px 0px 0px 20px ;
		   float:left;display:list;list-style: none }
  .headerimage ul { float:right;}
		 
  .headerimage ul li {margin-top: 3px;}
		    
   .headerimage ul li a {color: #1b471b; text-decoration : none;
      background: url(../images/EmpDev/arrow_sm.gif) left 3px
					no-repeat;padding:0px 7px 0px 15px;}
   .headerimage ul li a:visited {color: #1b471b; text-decoration : none}
   .headerimage ul li a:hover {color: #0033CC; text-decoration : none}

/*Drop-down Menu*/
/*.nav{color:#ffffff;font-size:11px;
     background: #3e613e url(../images/EmpDev/banners_ed_03.jpg) 0 0 no-repeat;
	 width: 900px; height: 33px; margin:0; padding : 0 ;
     font-family: Verdana,Arial,Helvetica,Geneva, sans-serif;}*/
.nav{color:#ffffff;     background: #486B60  0 0 no-repeat;
	 width: 900px; height: 22px; margin:0; padding : 0 ;
     font-family: Verdana,Arial,Helvetica,Geneva, sans-serif;}

	.nav a{display: block;color:#ffffff;font-size:12px;
	       text-decoration:none}
	.nav a:hover{color:#ffffff;}

	.nav ul li a{color:#ffffff;text-decoration:none;
			  background:url(../images/EmpDev/divider_wht.gif) right no-repeat;
			  padding:4px 13px 7px 12px}
 /*   #Quicklinks {float: right;  padding-top: 6px} */

/*IE7 flyout stick fix*/

.nav li:hover, .nav li.hover {position: static;}

/*For footer, text is black*/
/*.footer      {background: #3e613e 
               url(../images/EmpDev/banners_ed_01.jpg);}*/

.footer .nav { background-color: #d2d0b5 ;
               background-image: none;
               width: 830px; height: 14px;}
.footer .nav ul li a{
	color:#000000;
	text-decoration:none;
	padding:4px 14px 4px 14px;	
	background-image: url(../images/EmpDev/divider_blk.gif) ;
	background-repeat: no-repeat;
	background-position: right;
}
    .footer .nav a:hover{color:#000000;}
/* for the link for TOP*/
    .footer .nav a{color:#000000;} 
	
	.nav ul li.last a{background:none;} 

	.nav, .nav ul {padding:0;margin:0;list-style: none;
	              line-height:1em; }
	.nav ul li{padding:0;float: left; }

	.nav ul li ul {width:149px;position: absolute;background: #afbbae;
				color:#000000;left: -999em;border-top:1px solid #c9d0c6;
				border-left:1px solid #c9d0c6;border-right:3px solid #214232;
				margin:-2px 0 0 0}
	.nav ul li ul li {border-bottom:1px solid #c9d0c6;width: 149px;}
	.nav ul li ul li a{padding:4px;height:1%;color:#000000;background-image:none}
	.nav ul li ul li a:hover{background-color:#89a79e;color:#ffffff}	
	.nav ul li ul li.last{border-bottom:3px solid #214232;}	
	
	.nav ul li ul li ul {margin: -.1em 0 0 10em;}
	.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul,
	     .nav li.sfhover ul ul ul {left: -999em;}
	.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul,
	     .nav li.sfhover ul, .nav li li.sfhover ul,
		 .nav li li li.sfhover ul {left: auto;}

/*.path{background:#ffffff;font-size:12px;
       padding:7px 10px 7px 15px; ; width: 883px}
.path{background:#ffffff;font-size:11px;
       padding: 7 15 7 15 ; 
	   border-left:1px solid #006633;border-right:1px solid #006633;}
*/
.path{background:#ffffff;font-size:11px;
       padding: 7 15 7 7 ; color: #343735	;}
/*.contentarea{background-color:#ffffff;
			 line-height:1.35em;
			 border-left:1px solid #dbd2bf;
			 border-right:1px solid #dbd2bf;
             border-bottom-style:solid;
			 border-bottom-width: 5px;
			 border-bottom-color : #dbd2bf;
			 padding: 0 0 0 0; margin: 0 0 0 0}*/

.contentarea{background-color:#ffffff;
			 line-height:1.35em;

			 padding: 0 0 0 0; margin: 0 0 0 0}

/*.tier2 .contentarea{background-color:#ffffff;
			 line-height:1.35em;
			 border-left-style: none;
			 border-right-style: none;
             border-bottom-style:solid;
			 border-bottom-width: 5px;
			 border-bottom-color : #dbd2bf;
			 padding: 0 0 0 0; margin: 0 0 0 0}		*/

.tier2 .contentarea{background-color:#ffffff;
			 line-height:1.35em;
			 padding: 0 0 0 0; margin: 0 0 0 0}

	.contentarea li{padding:0 0 5px 0;}
	.contentarea a{color: #101010;}

/* Left Column */
.childpages{width:184px;float:left;margin:0px 5px 15px 0px;
             display:inline;background:#c9d0c6}
	.childpages a{text-decoration:none;}
	.childpages table {border-collapse:collapse;
	                   background-color:#486B60;
					   border-bottom:4px solid #c9d0c6;}
	.childpages table td table {border-collapse:collapse;
	                  border-bottom:1px solid #ffffff;
					  background-color:#dbd2bf;}
	.childpages table td table td table{border-collapse:collapse;
	                  border-bottom:1px solid #9c9c9c;background-color:#dbd2bf;}
	.childpages table td table td table td table{border:none !important;}
	.childpages .header{border-left:none !important;border-right:none !important;
	                    background-color:#cad8dc}
	
	
	a.header{display:block;background:#cad8dc;padding:5px 8px;font-size:11px;
	         color:#000000;font-weight:bold;margin:0 !important;line-height:1em}
	a.header:hover{background:#a0b9af;color: #ffffff}
	a.headerSelected{display:block;background:#cad8dc;padding:5px 8px;
	             font-size:11px;color:#000000;font-weight:bold;line-height:1em;}
	a.headerSelected:hover{background:#a0b9af; color: #ffffff}

	a.item{display:block;font-size:11px;background:#e7ecda;
	       padding:4px 8px 4px 22px;color:#000000;font-weight:normal;
		   line-height:1em;}
	a.item:hover{background:#97a697;color: #ffffff}
	a.itemSelected{display:block;font-size:11px;background:#e7ecda;
	               padding:4px 8px 4px 22px;color:#000000;line-height:1em;}
	a.itemSelected:hover{background:#97a697;color: #ffffff}

/* Centre Column */

.tier1 .content{float:none;;width:900px;padding: 0px 0px 0px 0px;
         font-family: Verdana,Arial,Helvetica,Geneva, sans-serif;
         font-size: 12px; margin:0px 0px 0px 0px;}

.tier2 .content{float:right;width:705px; height: 100%;
         font-family: Verdana,Arial,Helvetica,Geneva, sans-serif;
         font-size: 12px; margin:0px 0px 0px 0px;
		  border-left:1px solid #c9d0c6;
		 }

.tier1 .content .ctable {width: 900px; margin: 0px}

/* for Calendar Event Page  */
.tier1 .content #Table1 .ctable {width: 896px; margin: 0px; float:left}

.tier1 .content .ctable td {vertical-align: top; text-align: left;
                          padding:  5px; padding-left: 14px;margin: 0px ;						  
                          font-family: Verdana,Arial,Helvetica,Geneva, sans-serif;
                          font-size: 12px;}

.tier2 .content .ctable {width: 705px;  margin: 0px}
.tier2 .content .ctable td {vertical-align: top;text-align: left;
						   padding:  5px; padding-left: 14px;margin: 0px;
						   font-family: Verdana,Arial,Helvetica,Geneva, sans-serif;
                           font-size: 12px;}

/* for Calendar Event Page  */
.tier1 .content #Table1 .ctable td{padding-left: 10px}

.content .ctable td img {margin: 0px}

.content .ctable td a {color: #0033CC; text-decoration : none}
.content .ctable td a:visited {color: #0033CC; text-decoration : none}
.content .ctable td a:hover {color: #0033CC; text-decoration : underline}

.content .ctable td ul {list-style-image: url(../images/EmpDev/bullet_green.gif)}

.content .ctable .important {color: #8C1717; font-weight : bold}

.content p.endingSentence {padding-left:14px ;
							font-family: Verdana,Arial,Helvetica,Geneva, sans-serif;
							font-size: 12px;}
.content p.endingSentence a{color: #0033CC; text-decoration : none}
.content p.endingSentence a:visited {color: #0033CC; text-decoration : none}
.content p.endingSentence a:hover {color: #0033CC; text-decoration : underline}

/* Calendar Event page */
div.ipf-calendarevent-lbldatetimediv, div.ipf-calendarevent-lbllocationdiv 
      {padding-left: 10px; font-weight: bold; font-size: 13px   }

/* no gradient footer*/
 .footer{margin:0 auto;text-align:center;font-size:10px;
		width:900px;padding:0px 0px 0px 0px ;
		background: #d2d0b5 ; }

.tier2{}

   
.tier2 .nonav{}
	.tier2.nonav .path{padding:7px 10px 5px 15px;}
	.tier2.nonav .contentarea{background:#ffffff;}
	.tier2.nonav .content{float:none;width:746px;border:1px solid #dbd2bf;
	                       border-top:none;margin:0 auto 10px auto}
	.tier2.nonav .dividerbottom{background-image:none}
	
 .footer .copyText {text-align:center; color: #000000}

 .tier0  .introCell 
      {margin: 15px 15px 15px 15px;
	    background: #ffffff url(../images/EmpDev/EmpDev_entimg1.jpg) right bottom no-repeat;  }


/* Google search  */
form {padding: 0px 0px 0px 0px;
      margin: 0px 0px 0px 0px;
	 }

input{
padding: 0px 0px 0px 0px;
margin: 8px 3px 0px 0px;
font-size: 11px;
}
.searchBtn{
padding: 0px 8px 0px 5px;
margin: 8px 3px 0px 0px;
height:20px;
}
#searchBox{
float: right;
margin: 0px 0px 0px 0px;
padding: 0 0 0 0;
}
						 
							 
/* Legacy Styling */
.feature{font-family: arial;font-size: 12px;	font-style: normal;	color: #000000;text-decoration: underline;}
.feature:hover{color: #666666;text-decoration: none;}
.featuresTitle1{font-size: 13px; font-style: normal; color: #000000; font-family: arial; font-weight: bold;	margin:0 0 0 5px;text-align:left;}
.redfeature{font-family: arial;font-size: 12px;	font-weight: bold;font-style: normal;	color: #990000;	text-decoration: underline;}
.myBorderColor {border-style: solid;border-color:  #CBCCC0;border-left-width: 1px;border-right-width: 1px;border-top-width: 1px;border-bottom-width: 1px;}
.tblBgColor1 {background-color:#E2E3D5;}
.MenuSmall {color: #FFFFFF;  font-size: 11.5px;  text-decoration: none;}
.MenuSmall:visited {color: #FFFFFF; font-size: 11.5px; text-decoration: none;}
.MenuSmall:hover{color: #FFFFFF; font-size: 11.5px; text-decoration: underline;}
.tblBgcolor2{background-color:#eeeeee;}
.tblBgColorGray {background-color:#4D5651;}
.imagepad{margin-left: 10px;padding-left: 10px;margin-bottom: 10px;padding-bottom: 10px;}
.textpad{margin-left: 10px;padding-left: 10px;margin-bottom: 10px;padding-bottom: 10px;margin-right: 10px;padding-right: 10px;margin-top: 10px;padding-top: 10px;}
.frontfeature{color: #000000; padding: 6px;}
.ulfrontpage{padding: 0;margin: 0;margin-left: 10px;padding-left: 10px; margin-top: 3px;padding-top: 3px; }
ul.menu1{padding: 0;margin: 0;margin-left: 11px;padding-left: 11px; margin-right: 3px;padding-right: 3px;margin-top: 5px;padding-top: 5px; list-style-image:url(images/EmpDev/bullet-small.gif)}

@media print{
table.Outerlayout{display: block }
.toolbar {display: none;}
.headerimage {display: none;}
.nav {display: none;}
.childpages{display: block;}
.childpages TABLE {
	BORDER-BOTTOM: none; }

 /*div.contentarea{ display: block;visibility: visible; 
              background:#ffffff;line-height:1.35em;
			  border-bottom:0px;
              border-left:0px;
			  border-right:0px;}*/

 div.header{display: none;}
.path{display: block;}
.content{ display: table;  }
 h1.pagetitle{display: block;border-bottom: 1px solid #000000}
 .footer {display: none;}
 
#shadow4 {display: none}
#shadow5 {display: none}
#shadow6 {display: none}
#shadow7 {display: none}
#table_topshadow {display: none}
#table_bottomshadow {display:none }

/*.topshadow { background: url(../images/EmpDev/top_shadow.gif) 0 0 repeat-x; height: 23px;}
.bottomshadow {background: url(../images/EmpDev/bottom_shadow.gif) 0 0 repeat-x; height: 23px;
               text-align: center; color: #999999; font-size: 9px;}
.rightshadow {background: url(../images/EmpDev/right_shadow.gif) 0 0 repeat-y; width: 23px;}
.leftshadow {background: url(../images/EmpDev/left_shadow.gif) 0 0 repeat-y; width: 23px;}
*/
}

@media screen{
.printheaderimage{display: none;}
}