/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : CareerTest.org Screen, Projection CSS
Author : Lina Liu / relwayliu@yahoo.com

Created : 7/01/2008

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
html { font-size: 15px;}
 html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,blockquote,fieldset,input { margin: 0; padding: 0; }
img, div, a {border: 0; }
p {margin:12px 0;}
body{background: #f6f6f6;font-family:Arial, Helvetica, sans-serif;color: #333333;text-align:center;margin:0;padding:0;}
a{ color:#0054c6;}
a:hover	{text-decoration:underline;}
a img { border: 0; text-decoration:none; }


#container{
width: 950px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
border: 1px solid #6f9092;
background: #ffffff;
}

div#logoHead{
margin-top:5px;
height: 80px;
}

div#logo{
float:left;
width: 340px;
margin-top:6px;
}
div#topBanner{
float: right;
margin-right:0;
margin-bottom:0;
text-align:right;
}

div#login{
width: 180;
height: 31px;
text-align:right;
padding-right: 20px;
}

.Content{
padding-top: 8px;
height: 400px;
background: #ffffff;
vertical-align: top;
text-align:left;
}

.LeftContent{

background: #ffffff;

/*padding-left: 20px;
padding-right:15px;*/
padding-bottom: 15px;
text-align:left;
vertical-align: top;

}

.RightContent{
background: #ffffff;

padding-top: 10px;
padding-bottom: 15px;

vertical-align: top;
}

.footer{text-align: center;color:#216e8e;padding: 5px; clear: left;}


/* top nav  */
div.topNav{background: #b2cacb;height:30px;padding-top: 10px;padding-left: 5px;padding-bottom: 0; text-align:left;}
a.navTab {color: #fdfefe;font-size:12px;font-weight:bold;text-decoration: none;cursor:pointer;padding:0 15px 0 0;display:-moz-inline-block;	display:-moz-inline-box;	display:inline-block;	background: url(../../images/nav_right.png) no-repeat 100% 0;}
a.navTab_on{color: #2f7a7e;	font-size:12px;	font-weight:bold;text-decoration: none;	cursor:pointer;padding:0 15px 0 0;	display:-moz-inline-block;	display:-moz-inline-box;display:inline-block;background: url(../../images/nav_right_hover.png) no-repeat 100% 0; }
a.navTab_on span {white-space: no-wrap;	padding:8px 0 8px 15px;	display:-moz-inline-block;	display:-moz-inline-box;display:inline-block;background: url(../../images/nav_left_hover.png) no-repeat left top;}	
a.navTab span {	white-space: no-wrap;padding:8px 0 8px 15px;display:-moz-inline-block;display:-moz-inline-box;display:inline-block;	background:url(../../images/nav_left.png) no-repeat left top;}
a.navTab:hover { background: url(../../images/nav_right_hover.png) no-repeat 100% 0; text-decoration: none; color:#2f7a7e; }
a.navTab:hover span { background: url(../../images/nav_left_hover.png) no-repeat left top;}
/* end of top nav  */

/* sub nav  */
div.subNav{background: #f6f6f6;height: 34px; padding-left:15px;}
div.subNav ul{margin:0;padding: 0; list-style-type: none; float:left;}
div.subNav li{margin: 0; padding-top: 7px; float:left;/* this is correct IE whitespace*/ }
div.subNav a{display: block; text-decoration: none; line-height: 1.6; float:left; width: 200px; text-align:center; color:#0054c6; font-weight:bold;}
div.subNav a:hover{border: 1px dotted #b9dc57;}
div.subNav a:visited{color:#0054c6;}
div.subNav li.current a{background: #b9dc57; border: 1px dotted #b9dc57;}
/* end of sub nav  */


/* fixWidthBox */
div.fixWidthBox {background:url(../../images/fbox_top.png) top no-repeat;	width:228px;}
div.fixWidthBox div.title {padding:5px 0 0 6px;font-size:8pt;text-indent:10px;height:19px;	font-weight: bold;}
div.fixWidthBox div.content {background:url(../../images/fbox_center.png) repeat-y;margin-left:auto;margin-right:auto;	padding-left:1px;;}
div.fixWidthBox div.text {padding: 6px;}
div.fixWidthBox div.footer {background:url(../../images/fbox_bottom.png) top no-repeat;height:7px;}


/* font */
h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bold;
}

h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
}

h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}

h4{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

h5{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}

h6{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}

h1.title{
font-size:24px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color: #1151a7;
}

h2.title{
font-size:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color: #1151a7;
}

h3.title{
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color: #1151a7;
}

h4.title{
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color: #1151a7;
}

h5.title{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color: #1151a7;
}

h6.title{
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color: #1151a7;
}

.LargerFonts14 {
	
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
}

.content A:Link{
font-family: Arial, Helvetica,  sans-serif;
font-size:12px;
color: #0072BC;
text-decoration:underline;
}

.content A:Visited{
font-family: Arial,  Helvetica, sans-serif;
font-size:12px;
color:#002157;
text-decoration:underline;
}

.content A:Hover{
font-family: Arial,   Helvetica, sans-serif;
font-size:12px;
color: #D34806;
text-decoration:underline;
}

.GreenBox{
 background-color: #e9eedd;
 border:1px solid #eeeeee;
}


.inputbox{
border:1px solid #cccccc;
height: 15px;
}

.inputbtn{
background:#377f83;
border-top:1px solid #559092;
border-left:1px solid #559092;
border-right:1px solid #045c5f;
border-bottom:1px solid #045c5f;
color:#FFFFFF;

}


 /**********************************************************
 * Font 
 **********************************************************/
 .t8{font-size: 8px;}
 .t9{font-size: 9px;}
.t10{font-size: 10px;}
.t11{font-size: 11px;}
.t12{font-size: 12px;}
.t13{font-size: 13px;}
.t14{font-size: 14px;}
.t14b{font-size: 14px;font-weight: bold;}
.t15{font-size: 15px;}
.t16{font-size: 16px;}
.t16b{font-size: 16px;font-weight: bold;}
.t18{font-size: 18px;}
.t20{font-size: 20px;}
.t22{font-size: 22px;}
.t24{font-size: 24px;}
.t26{font-size: 26px;}
.t28{font-size: 28px;}
.t30{font-size: 30px;}
.t32{font-size: 32px;}

.green{color: #73AA27; }
.white{color: #ffffff; }
.blue{color: #7B81D2;}
.grey{color: #888888; }


ul {list-style-type: disc; margin-left: 40px;}