/******** BODY ********/

body 
{
	background-color: #ffffff;
	background-image: none;
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align:left;
}


/******** PAGE LAYOUT  ********/

#webPage    {width:968px; height:auto; margin:0px auto; z-index:10 }
#header     {width:968px; height:68px; margin:0px auto; position: relative; top:0px; left:0px; z-index:10 }
#nav        {width:968px; height:38px; margin:0px auto;  }
#banner     {width:968px; height:auto; margin:0px auto; }
#main		{width:634px; float:right; }
#sidebar    {width:334px; float:right;}
#main2		{width:713px; float:right;padding-top:55px; padding-left:20px; padding-right:10px; text-align:left; background-image:url('../../student/en/images/inner_bg.gif'); background-repeat:no-repeat;  }
#sidebar2   {width:224px; float:right; padding-top:10px ; }
#main3      {width:968px; height:auto; margin: 0px auto; padding-top:55px }
#blueboxes  {width:968px; clear:both;}
#grayboxes  {width:968px; clear:both; padding-top:5px; padding-left:15px; padding-right:15px}
#footer     {width:968px; clear:both;}
#callout    {width:968px; height:68px; margin:0px auto; position: absolute; top:0px; left:0px; visibility:hidden }


/******** SIDEBAR LAYOUT ********/

.sidebarBlueBlock
{
	background-color:#439ab8;
	background-image:url('../../student/en/images/boxout_teal_base.gif');
	background-position: 0 100%;
	background-repeat: no-repeat;
	margin-bottom:20px;
	padding:10px;
}
.sidebarBlueBlock h2        { background-color:#439ab8; background-image:url('../../student/en/images/boxout_teal_top.gif'); background-position: 0 0; background-repeat: no-repeat;border-bottom:1px dotted #ffffff; text-align:center; margin: -10px -10px 8px; padding: 8px 10px 6px; color: #ffffff; font-size:1.3em;}
.sidebarBlueBlock a:link    { font-family: Arial; font-size: 12px; color: #ffffff; text-decoration: underline;}
.sidebarBlueBlock a:visited { font-family: Arial; font-size: 12px; color: #ffffff; text-decoration: underline;}
.sidebarBlueBlock a:hover   { font-family: Arial; font-size: 12px; color: #ffffff; text-decoration: underline;}
.sidebarBlueBlock .scroll   { border:1px solid #ffffff;width:205px; height:200px; overflow:auto;/*scrollbar-base-color:#ffffff*/}		
.sidebarBlueBlock hr        { color:#ffffff}

.sidebarBeigeBlock
{
	background-color:#f1e7dd;
	background-image:url('../../student/en/images/boxout_beige_base.gif');
	background-position: 0 100%;
	background-repeat: no-repeat;
	margin-bottom:20px;
	padding:10px;
}
.sidebarBeigeBlock h2        { background-color:#f1e7dd; background-image:url('../../student/en/images/boxout_beige_top.gif'); background-position: 0 0; background-repeat: no-repeat; border-bottom:1px dotted #8f9264; text-align:center; margin: -10px -10px 8px; padding: 8px 10px 6px; color: #439ab8; font-size:1.4em;}
.sidebarBeigeBlock a:link    { font-family: Arial; font-size: 12px; color: #000000; text-decoration: underline;}
.sidebarBeigeBlock a:visited { font-family: Arial; font-size: 12px; color: #000000; text-decoration: underline;}
.sidebarBeigeBlock a:hover   { font-family: Arial; font-size: 12px; color: #000000; text-decoration: underline;}
.sidebarBeigeBlock hr        { color:#439ab8}


/******** ORANGE BUTTONS ********/

table.DefensiveDrivingButtons { width:700px; table-layout:fixed; text-align:right; padding-right:10px;  }
table.button { border-collapse:collapse; white-space: nowrap; margin: 0px 2px 0px 0px; padding: 0px; height:20px;  display:inline;}
table.button td { margin: 0px; padding: 0px; background-color: #ff9933;}
table.button td:hover { background-color: #666666;}
table.button a { padding: 8px 20px; }
table.button a:link, table.button a:visited { color: #ffffff !important; background-color: #ff9933 !important; text-decoration: none !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 12px !important; font-weight: bold !important; }
table.button a:hover { color: #ffffff !important; background-color: #666666 !important; text-decoration: none !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 12px !important; font-weight: bold !important; }
span.button { white-space: nowrap; }
span.button a { padding: 3px 20px; display:inline-block; }
span.button input { padding: 3px 12px; display:inline-block; border:none; }
span.button a:link,
span.button a:visited,
span.button input { color: #ffffff !important; background-color: #ff9933 !important; text-decoration: none !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 12px !important; font-weight: normal !important; }
span.button a:hover,
span.button input:hover { color: #ffffff !important; background-color: #666666 !important; text-decoration: none !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 12px !important; font-weight: normal !important; }

	
/******* PRIMARY AREA *******/

#primeareabook { width:800px; margin: 0px auto; background-color: #ffffff; text-align:left; z-index:10}
#primehead { text-align:center;}
#primebody { padding-top:10px; }
	
	
/******* HEADER *******/

div#header table                {width:100%; height:69px; border:0px; padding:0px; table-layout:fixed; border-collapse:collapse ; vertical-align:top; background-repeat:no-repeat}
div#header .TrafficSchoolLogo   {width:425px; height:68px; border: 0px}
div#header .language            {width:auto; text-align:right;}
div#header img                  {width:389px; height:39px; border:0px; margin-left:20px; margin-right:20px}


/********  MENU  ********/

table.TrafficSchoolMenu { width:968px; height:38px; border-collapse:collapse; table-layout:fixed; white-space: nowrap; margin: 0px auto; padding: 0px; background-repeat:no-repeat}
table.menu              { white-space: nowrap;  }
table.menu td           { margin:0px; padding:4px 0px; border:solid 1px #FFF; background-color:#666666; }
table.menu td:hover     { background-color: #ff9933;}
table.menu a            { padding: 5px 11px; background-color:Transparent; }
table.menu a:link       { color: #ffffff; background-color: Transparent; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}
table.menu a:visited    { color: #ffffff; background-color: Transparent; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}
table.menu a:hover      { color: #ffffff; background-color: Transparent; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}
div#nav .items          { width:650px; text-align:left; }
div#nav .name           { width:200px; border:0px; text-align:right; vertical-align:middle; padding-right:2px; }
div#nav .login          { width:115px; text-align:left; padding-left:2px; }
div#nav .login a        { text-align:left; padding:3px 12px; }


/******** HOMEPAGE BANNERS  ********/

.banner                 {height:219px; table-layout:fixed; background-repeat:no-repeat}
table.states            { white-space: nowrap; display:inline-block  }
table.states td         { margin:0px; padding: 3px 0px; background-color: #cc0000; }
table.states td:hover   { background-color: #666666;}
table.states a          { padding: 4px 6px; background-color:Transparent;  }
table.states a:link     { color: #ffffff; background-color: Transparent; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal;}
table.states a:visited  { color: #ffffff; background-color: Transparent; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal;}
table.states a:hover    { color: #ffffff; background-color: Transparent; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal;}
div#banner .programs    { text-align:left; vertical-align:top; }
div#banner .goto        { width:635px; padding-bottom:10px; vertical-align:bottom; text-align:right;  }
div#banner .items       { width:328px; padding-bottom:10px; vertical-align:bottom; text-align:center;}
table#MainBanner td		{ vertical-align:top; }


/******** LANDING PAGE BANNERS ********/

.statebanner            { height:219px; table-layout:fixed; background-repeat:no-repeat; }
table.counties          { white-space: nowrap; }
table.counties td       { margin:0px 2px; padding: 1px 12px; background-color: #cc0000; }
table.counties td:hover { background-color: #666666;}
table.counties a        { padding: 0px 0px; background-color:Transparent }
table.counties a:link   { color: #ffffff; background-color: Transparent; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold;}
table.counties a:visited{ color: #ffffff; background-color: Transparent; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold;}
table.counties a:hover  { color: #ffffff; background-color: Transparent; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold;}
div#banner .gotocounty  { width:270px;  padding-bottom:10px; vertical-align:bottom; text-align:right}
div#banner .countyitems { width:298px; padding-bottom:10px; vertical-align:bottom; text-align:center}
table.statebanner h1    { font-family: Arial, Helvetica, sans-serif; font-size: 30px; font-weight: normal; color: #FFFFFF; margin:0px; padding:0px; }
table.statebanner h2    { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: normal; color: #FFFFFF; margin:0px; padding:0px; }
table.statebanner h3    { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #666666; margin:0px; padding:0px; }
table.statebanner h4    { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FE8300; margin:0px; padding:0px; }
table.statebanner h5    { font-family: Arial, Helvetica, sans-serif; font-size: 44px; font-weight: bold; color: #FE8300; margin:0px; padding:0px; }


/******* HOMEPAGE SIDEBAR *******/

div#sidebar .TrafficSchoolTestimonials {width:334px;  table-layout:fixed; border-collapse:collapse; background-repeat:no-repeat}
div#sidebar .testimonialheader         {height:30px; padding-left:15px; text-align:left}
div#sidebar .testimonialbody           {height:211px; text-align:left; vertical-align:top; padding-left:7px; padding-top:20px}
div#sidebar .testimonialcallout        {width:180px; height:120px; table-layout:fixed; border-collapse:collapse}
div#sidebar .topnotch                  {text-align:left; padding-left:15px; padding-right:15px}
div#sidebar .payoptions                {height:26px;text-align:center; padding-top:5px; vertical-align:middle; border-top:1px dotted #aaaaaa}


/******* LANDING PAGE SIDEBAR *******/

div#sidebar .TrafficSchoolBenefits     { width:334px;  table-layout:fixed; border-collapse:collapse; background-repeat:no-repeat}
div#sidebar .header                    { text-align:left; height:30px; padding-left:15px; border-bottom:1px dotted #666666}
div#sidebar .body                      { text-align:left; vertical-align:top; padding-top:20px}
div#sidebar .body li                   { font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 16px; font-weight: bold; color: #333333;}
div#sidebar .body li span              { font-size: 12px; color: #333333; font-weight:normal }
div#sidebar .body li span a            { font-size: 12px; color: #ff7700; font-weight:bold; }
div#sidebar a:link					   { font-size: 12px; color: #ff7700; text-decoration:none; }
div#sidebar a:visited				   { font-size: 12px; color: #ff7700; text-decoration:none; }
div#sidebar a:hover					   { font-size: 12px; color: #ff7700; text-decoration:underline; }


/******** CONTENT PAGE SIDEBAR *******/

div#sidebar2 .ApprovedStates { table-layout:fixed; border-collapse:collapse; padding:0px; border:0px; }
div#sidebar2 table.ApprovedStates td.cola { width:15px; text-align:left;}
div#sidebar2 table.ApprovedStates td.colb { width:185px; text-align:left;}
div#sidebar2 .ApprovedCourts { table-layout:fixed; border-collapse:collapse; padding:0px; border:0px; }
div#sidebar2 table.ApprovedCourts td.cola { width:10px; text-align:left;}
div#sidebar2 table.ApprovedCourts td.colb { width:190px; text-align:left;}


/******** MAIN HOMEPAGE ********/

table.main-banner
{
	width:960px;
	height:311px;
	background-repeat:no-repeat;
}

table.main-banner td
{
	padding:15px;
}

table.main-banner h3
{
	font-size:14pt;
	/*color:#FFF;*/
	/*color:#004C5D;*/
	color:#000;
	padding:0;
	margin:0;
}

table.main-content h3
{
	font-size:11pt;
	color:#FF7700;
	padding:0;
	margin:0;
}

table.main-banner ul
{
	margin-left:10px;
	padding-left:10px;
}

table.main-banner ul li
{
	color:#1E6676;
	line-height:20pt;
	text-indent:20px;
	list-style-type:none;
	background:url('../../student/en/images/bluearrow.png') left no-repeat;
}

ul#courseOfferings a:link
{
	color:#003b48;
	text-decoration:underline;
	border-bottom:none;
}

ul#courseOfferings a:visited
{
	/*color:#006981;*/
	text-decoration:underline;
	border-bottom:none;
}

ul#courseOfferings a:hover
{
	text-decoration:none;
	border-bottom:1px dotted #003b48;
}

div#main-content
{
	margin-top:25px;
}

table.main-content
{
	width:960px;
	/*border:1px solid #F00;*/
}

div#testimonial
{
	background:url('../../student/en/images/feedback.jpg') top left no-repeat;
	width:311px;
	height:225px;
	text-align:left;
}

div#testimonial a:link
{
	color:#1E6676;
	text-decoration:underline;
	border-bottom:none;
}

div#testimonial a:visited
{
	/*color:#666;*/
	text-decoration:underline;
	border-bottom:none;
}

div#testimonial a:hover
{
	text-decoration:none;
	border-bottom:1px dotted #1E6676;
}

table.main-content td
{
	vertical-align:top;
	text-align:left;
}

div.main-content-tab
{
	position:relative;
	background:url('../../student/en/images/lightBlue_horizontal_gradient.jpg') top left repeat-x;
	height:90px;
	padding:0 15px;
	margin-bottom:15px;
	border-bottom:1px solid #53BED5;
	font-size:10pt;
}

div.main-content-tab a:link
{
	/*
	color:#FF7700;
	text-decoration:none;
	font-weight:bold;
	margin-top:30px;*/
	font-size:12pt;
	font-weight:bold;
	color:#1E6676;
	text-decoration:underline;
	border-bottom:none;
}

div.main-content-tab a:visited
{
	font-size:12pt;
	font-weight:bold;
	/*color:#666;*/
	text-decoration:underline;
	border-bottom:none;
}

div.main-content-tab a:hover
{
	/*text-decoration:underline !important;*/
	text-decoration:none;
	border-bottom:1px dotted #1E6676;
}

div.main-content-tab ul
{
	padding:0;
	margin:15px;
}

div#course-list
{
	/*border:1px solid #F00;*/
	/*background:url('../../student/en/images/white_arrow.png') bottom center no-repeat;*/
	margin-top:10px;
	border:1px solid #999;
	width:315px;
	height:225px;
	position:relative;
	overflow:auto;
}

div#course-list table 
{
	border-collapse:collapse;
}

div#course-list a
{
	display:block;
	font-weight:normal;
	width:100%;
	color:#1E6676;
	/*color:#FF7700;*/
}

div#course-list a:link,
div#course-list a:visited
{
	text-decoration:underline;
}

div#course-list a:hover
{
	text-decoration:none;
	border-bottom:1px dotted #1E6676;
}

div#state-list 
{
	background-color:#FF9900;
	margin-top:10px;
	border:1px solid #FFF;

}

div#state-list select
{
	font-size:9pt;
}

/*div#state-list td
{
	padding:2px !important;
	vertical-align:middle;
}*/

div#state-list td
  {
  	padding:0 !important;
  }

div.state-course-list
{
	position:absolute;
	visibility:hidden;
	background-color:Transparent;
	border:1px solid #FFF;
	/*width:310px;*/
	width:295px !important;
	/*height:230px;*/
	height:auto !important;
	font-size:9pt;
}

div.state-course-list
{
	position:absolute;
	visibility:hidden;
	/*background-color:#FF9900;*/
	border:1px solid #FFF;
	width:310px;
	height:230px;
	background-color:#FFF;
	font-size:9pt;
}

div.state-course-list table
{
	background-color:#FFF;
	/*width:310px;*/
	width:100%;
	border-collapse:collapse;
}


div.state-course-list td
{
	padding:7px !important;
}

div.state-course-list a:link
{
	font-weight:normal;
	font-size:9pt;
}

/******** US MAP ********/

#usMap
{
	position:relative;
	background:url('../../student/en/images/usa.png') top left no-repeat;
	width:335px;
	height:224px;
}

#usMap a
{
	display:block;
	position:absolute;
	text-decoration:none;
	color:#CC0000;
	font-size:9pt;
	font-weight:bold;
	padding:5px;
}

#texas-shape
{
	position:absolute;
	top:110px;
	left:90px;
	background:url('../../student/en/images/texas.png') top left no-repeat;
	width:81px;
	height:79px;
}

#washington-shape
{
	position:absolute;
	top:1px;
	left:16px;
	background:url('../../student/en/images/washington.png') top left no-repeat;
	width:41px;
	height:32px;
}

#idaho-shape
{
	position:absolute;
	top:7px;
	left:41px;
	background:url('../../student/en/images/idaho.png') top left no-repeat;
	width:37px;
	height:58px;
}

#nevada-shape
{
	position:absolute;
	top:52px;
	left:21px;
	background:url('../../student/en/images/nevada.png') top left no-repeat;
	width:40px;
	height:60px;
}

#california-shape
{
	position:absolute;
	top:46px;
	left:0px;
	background:url('../../student/en/images/california.png') top left no-repeat;
	width:49px;
	height:85px;
}

#arizona-shape
{
	position:absolute;
	top:96px;
	left:41px;
	background:url('../../student/en/images/arizona.png') top left no-repeat;
	width:43px;
	height:51px;
}

#newmexico-shape
{
	position:absolute;
	top:102px;
	left:74px;
	background:url('../../student/en/images/newmexico.png') top left no-repeat;
	width:44px;
	height:46px;
}

#northdakota-shape
{
	position:absolute;
	top:17px;
	left:112px;
	background:url('../../student/en/images/northdakota.png') top left no-repeat;
	width:44px;
	height:27px;
}

#virginia-shape
{
	position:absolute;
	top:79px;
	left:229px;
	background:url('../../student/en/images/virginia.png') top left no-repeat;
	width:44px;
	height:27px;
}

#newjersey-shape
{
	position:absolute;
	top:62px;
	left:267px;
	background:url('../../student/en/images/newjersey.png') top left no-repeat;
	width:10px;
	height:18px;
}

#delaware-shape
{
	position:absolute;
	top:74px;
	left:265px;
	background:url('../../student/en/images/delaware.png') top left no-repeat;
	width:10px;
	height:11px;
	/*border:1px solid #F00;*/
}


div#main .main { width:634px;height:301px; table-layout:fixed; border-collapse:collapse; background-image:url('../images/folder.jpg'); background-repeat:no-repeat;}
div#main .map  { width:335px; height:282px; background-repeat:no-repeat; text-align:center; }
.pricelist     { width:242px; table-layout:fixed; border-collapse:collapse}
.col0          { width:240px; padding-left:5px; padding-top:3px; text-align:left}
.col1          { width:170px; padding-left:5px; padding-top:3px; text-align:left}
.col2          { width:auto;  padding-right:5px; padding-top:3px; text-align:right}
.col01          { width:auto; padding-left:5px; padding-top:3px; text-align:left;}
.col02          { width:auto;  padding-right:5px; padding-top:3px; text-align:right;}
.main a:link    { font-family: Arial; font-size: 11px; color: #333333; text-decoration: none;}
.main a:visited { font-family: Arial; font-size: 11px; color: #333333; text-decoration: none;}
.main a:hover   { font-family: Arial; font-size: 11px; color: #333333; text-decoration: none;}
a#AsLowAs:link    { font-family: Arial; font-size: 11px; color: #ff7700; text-decoration:underline; }
a#AsLowAs:visited { font-family: Arial; font-size: 11px; color: #ff7700; text-decoration:underline; }
a#AsLowAs:hover   { font-family: Arial; font-size: 11px; color: #ff7700; text-decoration:underline; }


/******** LANDING PAGE MAIN ********/

.pricelistframe { border:1px solid #50a4c0;width:242px; height:200px; overflow:auto;/*scrollbar-base-color:#b3dbe7*/}
.pricelisttable { width:222px; border-collapse:collapse}


/******** FOOTER ********/

div#footer table     { width:100%; border-top:1px solid #cccccc; padding:0px; margin-top:20px; table-layout:fixed; border-collapse:collapse; }
div#footer a         { color:#333333; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; padding-right:10px; }
div#footer a:hover   { color:#ff7700; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; padding-right:10px; }
div#footer .links    { height:35px; width:800px; text-align:left; vertical-align:top; padding-top:15px }
div#footer .geotrust {text-align:right; vertical-align:top}
trust {text-align:right; vertical-align:top}
div#footer .godaddy {text-align:right; vertical-align:top; padding-top:5px;}
/*div#footer .address {vertical-align:top; padding-top:15px; text-align:center;width:300px;}*/


/******** CONTENT PAGE MAIN ********/

div#main2 table.heading       { margin:0 auto;}
div#main2 table.heading td    { text-align:center}
div#main2 table.heading td h1 { font-family:"Arial";font-size:20pt; font-weight: bold; color:#307d9b;}
div#main2 table.heading td h2 { font-family:"Arial";font-size:16pt; font-weight: bold; color:#307d9b;}
div#main3 table.heading       {  margin:0 auto; }
div#main3 table.heading td    { text-align:center}
div#main3 table.heading td h1 { font-family:"Arial";font-size:20pt; font-weight: bold; color:#307d9b;}
div#main3 table.heading td h2 { font-family:"Arial";font-size:16pt; font-weight: bold; color:#307d9b;}


/******** BOOK, QUIZ, EXAM, GRADE ********/

a.done:link       { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #ff7700; font-weight:bold; text-decoration: none; padding-left:2px; padding-right:2px}
a.done:visited    { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #ff7700; font-weight:bold; text-decoration: none; padding-left:2px; padding-right:2px}
a.done:hover      { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #666666; font-weight:bold; text-decoration: none; padding-left:2px; padding-right:2px}
a.current:link    { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #ff7700; font-weight:bold; text-decoration: none; padding-left:2px; padding-right:2px}
a.current:visited { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #ff7700; font-weight:bold; text-decoration: none; padding-left:2px; padding-right:2px}
a.current:hover   { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #666666; font-weight:bold; text-decoration: none; padding-left:2px; padding-right:2px}
a.next:link       { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #307d9b; font-weight:bold; text-decoration: none; padding-left:2px; padding-right:2px}
a.next:visited    { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #307d9b; font-weight:bold; text-decoration: none; padding-left:2px; padding-right:2px}
a.next:hover      { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #ff7700; font-weight:bold; text-decoration: none; padding-left:2px; padding-right:2px}
a.soon:link       { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #307d9b; font-weight:bold; text-decoration: none; cursor:default; padding-left:2px; padding-right:2px}
a.soon:visited    { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #307d9b; font-weight:bold; text-decoration: none; cursor:default; padding-left:2px; padding-right:2px}
a.soon:hover      { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #307d9b; font-weight:bold; text-decoration: none; cursor:default; padding-left:2px; padding-right:2px}
.quizTable        {  margin: 0px auto; border:1px solid #307d9b}
.BookButtons      { width:968px; text-align:right; padding-right:10px }


/******** BLUE BOXES ********/

div#blueboxes .blueboxes { width:100%; height:150px;border:0px; table-layout:fixed; border-collapse:collapse; background-position:center; background-repeat:no-repeat;}


/******** GRAY BOXES********/

div#grayboxes h2        { font-family:"Arial";font-size: 11pt; font-weight: normal; color:#555555; padding:0px; margin:0px}
div#grayboxes h3        { font-family:"Arial";font-size: 10pt; font-weight: normal; color:#555555; padding:0px; margin:0px}
div#grayboxes p         { font-family:"Arial";font-size: 8pt; font-weight: normal; color:#555555;}
div#grayboxes a         { font-family: Arial; font-size: 8px; color: #555555; text-decoration: underline;}
div#grayboxes a:link    { font-family: Arial; font-size: 11px; color: #555555; text-decoration: underline;}
div#grayboxes a:visited { font-family: Arial; font-size: 11px; color: #555555; text-decoration: underline;}
div#grayboxes a:hover   { font-family: Arial; font-size: 11px; color: #555555; text-decoration: underline;}


/******** ANCHORS FOR MAIN BODY AREAS ********/

div#main2 a:link     { font-family: Arial; color: #ff7700; font-weight:bold; text-decoration: underline;}
div#main2 a:visited  { font-family: Arial; color: #ff7700; font-weight:bold; text-decoration: underline;}
div#main2 a:hover    { font-family: Arial; color: #ff7700; font-weight:bold; text-decoration: none;}
div#main3 a:link     { font-family: Arial; color: #ff7700; font-weight:bold; text-decoration: underline;}
div#main3 a:visited  { font-family: Arial; color: #ff7700; font-weight:bold; text-decoration: underline;}
div#main3 a:hover    { font-family: Arial; color: #ff7700; font-weight:bold; text-decoration: none;}


/********  ANCHORS IN TABLE HEADERS IN MAIN CONTENT AREA ********/

.primeAreaTableHeader a:link        { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; text-decoration: none;}
.primeAreaTableHeader a:visited     { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; text-decoration: none;}
.primeAreaTableHeader a:hover       { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ff7700; text-decoration: none;}
a.primeAreaTableItem:link          { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none;}
a.primeAreaTableItem:visited       { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none;}
a.primeAreaTableItem:hover         { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ff7700; text-decoration: none;}


/******** PRIMARY AREA ********/

.primeAreaTable {table-layout:fixed; border-collapse:collapse;border-width:2px; border-color:#ffffff; border-style:ridge}
.primeAreaTableFixed {table-layout:fixed; width:100%; }
.primeAreaTableHeader {background-color:#307d9b;}
.primeAreaTableHeaderText {font-family:Arial;font-size:10pt;font-weight:bold; color:#ffffff}
.primeAreaTableHeaderTextWhite {font-family:"Arial";font-size:10pt;font-weight:bold; color:#ffffff}
.primeAreaTableHeaderTextDisabled {font-family:"Arial";font-size:10pt;font-weight:bold; color:#307d9b}
.primeAreaTableTextBlue {font-family:"Arial";font-size:10pt;font-weight:bold; color:#307d9b}
.primeAreaTableHilite {table-layout:fixed; border-collapse:collapse;border-width:2px; border-color:#6699ff; border-style:ridge}
.primeAreaTableHeaderTextHilite   {font-family:"Arial";font-size:10pt;font-weight:bold; color:#6699ff}
.primeAreaTableItemText{font-family:"Arial";font-size:10pt;font-weight:normal; color:#000000}
.primeAreaTableWithoutBorders {table-layout:fixed; border-collapse:collapse; margin: 20px 3px 20px 3px; text-align:left; }
.primeheadtext{font-family:"Arial";font-size:20pt; font-weight: bold; color:#307d9b; padding-bottom:0px; margin-bottom:0px}
.primehead2text {font-family:"Arial";font-size:14pt; font-weight: bold; color:#307d9b}
.primehead3text {font-family:"Arial";font-size:12pt; font-weight: bold; color:#307d9b}
.primesubheadtext{font-family:"Arial";font-size:12pt; font-weight: bold; color:#307d9b;padding-bottom:0px; margin: 24px 3px 5px 3px}
.primesubhead2text{font-family:"Arial";font-size:10pt; font-weight: bold; color:#000000;padding-bottom:0px; margin: 24px 3px 5px 3px}
.primesubhead3text{font-family:"Arial";font-size:12pt; font-weight: bold; color:#000000;padding-bottom:0px; margin: 24px 3px 5px 3px}
.primebodytext{font-family:Arial;font-size:12pt; font-weight: normal; color:#000000;}
.primebody2text{font-family:"Arial";font-size:10pt; font-weight: normal; color:#000000}
.primetableheadtext{font-family:"Arial";font-size:12pt; font-weight: bold; color:#000000}


/******** SIDEBAR ********/	

.secondAreaTopHeaderBackground{ background-color:#ffe699;}
.secondAreaMiddleHeaderBackground{ background-color:#ffe699;}
.secondAreaTopHeaderAccent {width:20px ; background-image: url("https://www.safe2drive.com/student/en/images/top-square.gif"); background-repeat:no-repeat }

.secondareatopsubheadtext{font-family:"Arial";font-size:12pt; font-weight: bold; color:#444444;text-align:center;}
.secondAreaHeaderText{font-family:"Arial";font-size:12pt; font-weight: bold; color:#444444;}	
#secondareaprogresstable {table-layout:fixed; border-collapse:collapse;border-width:1px; border-color:#ffbbbb; border-style:outset; margin:0px 0px 0px 0px; }		

.second-area-middle-subheadtext{font-family:"Arial";font-size:12pt; font-weight: bold; color:#444444;}
/*Note second-area-table-fixed requires border-width:0px. Not sure why. */
.second-area-table-fixed {table-layout:fixed; border-collapse:collapse; padding:0px; border:0px; }
/*.secondareaprogresstable2 {table-layout:fixed; border-collapse:collapse;border-width:1px; border-color:#ffbbbb; border-style:outset; margin:0px 0px 0px 0px; }		*/
.secondareaprogresstable2 {table-layout:fixed; border-collapse:collapse; border-width:0px; border-style:none; margin:0px 0px 0px 0px; }		

.secondbodytext{font-family:"Arial";font-size:8pt; font-weight: normal; color:#000000}
.secondbodytextbold{font-family:"Arial";font-size:8pt; font-weight: bold; color:#000000}
.secondbodycelltext{font-family:"Arial";font-size:7pt; font-weight: normal; color:#000000}
.secondbodytexthighlight{font-family:"Arial";font-size:8pt; font-weight: normal; color:#339933}	
.secondtableheadtext{font-family:"Arial";font-size:8pt; font-weight: normal; color:#000000}
.secondtableheadtexthighlight{font-family:"Arial";font-size:8pt; font-weight: bold; color:#000000}
.second-tbody{background-color:#003366}
.secondareatablecell_inset {background-color:#ffeeee; border-width:1px; border-color:#ffbbbb; border-style:inset; padding-left:2px}
.secondareatablecell_head {background-color:#ff8888; border-width:2px; border-color:#ffbbbb; border-style:inset; padding-left:2px}
.inputlabeltext {font-family:"Arial";font-size:10pt; font-weight: bold; color:#000000;margin: 16px 3px 8px 3px}
.inputfield {font-family:"Arial";font-size:10pt; font-weight: normal; color:#000000;}
.sidebarlistbox {width:200px; margin: 0px 0px 10px 0px;padding: 3px 3px 3px 3px;	list-style:disc;color:#000000;}	
.sidebarlistitem {display: list-item; margin-left:20px; padding: 1px 1px 1px 1px; text-align:left;}
.sidebarlistboxheader {width:220px;text-align:center; background: #6699ff; border-bottom-width: 2px; border-bottom-style:ridge; border-bottom-color:white;}
.bold           { font-weight:bold}


/******** OVERVIEW PAGE ********/

.normalcell { border-bottom-width:2px; border-bottom-color:#ff0000; border-style:solid; padding:0px; margin:0px}
	
	
/******** GENERAL FONT ********/

.eightBlackN{ font-family:Arial, Helvetica, sans-serif; font-size :8pt; color:#000000; font-weight: normal }
.eightTealN{ font-family:Arial, Helvetica, sans-serif; font-size :8pt; color:#307d9b; font-weight: normal }
.eightWhiteB{ font-family:Arial, Helvetica, sans-serif; font-size :8pt; color:#ffffff; font-weight: bold; }
.eightOrangeB{ font-family:Arial, Helvetica, sans-serif; font-size :8pt; color:#ff7700; font-weight: normal; }
.nineBlackN{ font-family:Arial, Helvetica, sans-serif; font-size :9pt; color:#000000; font-weight: normal }
.tenBlackN  { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight:normal;}
.tenBlackB  { font-family: Arial, Helvetica, sans-serif;	font-size: 10px; color: #000000; font-weight:bold;}
.tenRedN  { font-family: Arial, Helvetica, sans-serif;	font-size: 12px; color: #cc0000; font-weight:normal;}
.tenRedB  { font-family: Arial, Helvetica, sans-serif;	font-size: 10px; color: #cc0000; font-weight:bold;}
.tenWhiteN  { font-family: Arial, Helvetica, sans-serif;	font-size: 10px; color: #ffffff; font-weight:normal;}
.tenWhiteB  { font-family: Arial, Helvetica, sans-serif;	font-size: 10px; color: #ffffff; font-weight:bold;}
.tenOrangeN{ font-family:Arial, Helvetica, sans-serif; font-size :10pt; color:#ff7700; font-weight: normal; }
.elevenBlackN  { font-family: Arial, Helvetica, sans-serif;	font-size: 11px; color: #000000; font-weight:normal;}
.elevenWhiteN  { font-family: Arial, Helvetica, sans-serif;	font-size: 11px; color: #ffffff; font-weight:normal;}
.elevenWhiteB  { font-family: Arial, Helvetica, sans-serif;	font-size: 11px; color: #ffffff; font-weight:normal;}
.twelveBlackN  { font-family: Arial, Helvetica, sans-serif;	font-size: 12px; color: #000000; font-weight:normal;}
.twelveBlackB  { font-family: Arial, Helvetica, sans-serif;	font-size: 12px; color: #000000; font-weight:bold;}
.twelveWhiteB  { font-family: Arial, Helvetica, sans-serif;	font-size: 12px; color: #ffffff; font-weight:bold;}
.onefourWhiteN  { font-family: Arial, Helvetica, sans-serif;	font-size: 14px; color: #ffffff; font-weight:normal;}
.onefourWhiteB  { font-family: Arial, Helvetica, sans-serif;	font-size: 14px; color: #ffffff; font-weight:bold;}
.onesixWhiteN  { font-family: Arial, Helvetica, sans-serif;	font-size: 16px; color: #ffffff; font-weight:normal;}
.oneeightWhiteN  { font-family: Arial, Helvetica, sans-serif;	font-size: 18px; color: #ffffff; font-weight:normal;}
.twentyWhiteN  { font-family: Arial, Helvetica, sans-serif;	font-size: 20px; color: #ffffff; font-weight:normal;}
.twentyWhiteB  { font-family: Arial, Helvetica, sans-serif;	font-size: 20px; color: #ffffff; font-weight:bold;}
.ten       { font-family: Arial, Helvetica, sans-serif;	font-size: 11px; color: #333333; font-weight:normal; line-height: 16px;}
.onesixTealB  { font-family: Arial, Helvetica, sans-serif;	font-size: 16px; color: #307d9b; font-weight:bold; }
.twozeroTealB  { font-family: Arial, Helvetica, sans-serif;	font-size: 20px; color: #307d9b; font-weight:bold; }
.twofourTealB  { font-family: Arial, Helvetica, sans-serif;	font-size: 24px; color: #307d9b; font-weight:bold; }
.style2       { font-size: 11px; color: #ff7700; font-weight: bold;}
.style6       { font-size: 11px; color: #333333; }
.textblue     { font-family: Arial, Helvetica, sans-serif; font-size: 14px;  font-weight: bold; color: #439AB8;}
.bottomlistheader { font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #FFFFFF; }
.bottom_list      { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; list-style-position: inside; margin: 0px; padding: 0px;}
.banner1          { font-family: Arial, Helvetica, sans-serif; font-size: 30px; font-weight: bold; color: #FFFFFF; }
.banner2          { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #FFFFFF; }
.banner3          { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #666666; }
.banner4          { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FE9900; }
.banner5          { font-family: Arial, Helvetica, sans-serif; font-size: 44px; font-weight: bold; color: #FE9900; }
.collapse         { border-collapse:collapse}
.fixedcollapse    { table-layout:fixed; border-collapse:collapse}
.fixed            { table-layout:fixed;}
.valText{font-family:"Arial";font-size:10pt; font-weight: normal; color:#ff7700}


/********  HTML  ********/

input {font-family: "Arial";font-size:8pt;}
select {font-family:"Arial";font-size:8pt}
img {margin:0px ; border:0px}
p {margin: 8px 3px 8px 3px}


/******** LESSON VIEWER ********/

div.mainContainer {
	margin:50px auto 0 auto;
	width:964px;
	text-align:justify;
}

div.mainContainer * {
	margin:0;
	padding:0;
}

div.mainContainer img {
	border:none;
}


/******** LESSON VIEWER: PAPER-CLIPPED AREA ********/

div.pageNavTop {
	position:absolute;
	background:url(../../student/en/images/pageNavTop_bg.png) no-repeat;
	width:325px;
	height:221px;
	margin:-15px 0 -300px 30px;
	padding:75px 0 0 30px;
	font-weight:bold;
}

span.lessonNumber {
	font-size:30px;
	color:#36708A;
}

span.lessonTitle {
	width:265px;
	font-size:18px;
	color:#333333;
}

table.lessonPages {
	/*table-layout:fixed;*/
	text-align:center;
}

table.lessonPages td {
	width:20px;
	margin: 2px;
	padding: 2px;
}


/******** LESSON VIEWER: PAGE NAVIGATION DECORATION ********/

a.pastPage:link       { font-size: 14px; color:#FC7700; background:transparent;	text-decoration:none;	cursor:default; border: 0px; padding: 0px 3px}
a.pastPage:visited    { font-size: 14px; color:#FC7700; background:transparent;	text-decoration:none;	cursor:default; border: 0px; padding: 0px 3px}
a.pastPage:hover      { font-size: 14px; color:#FFFFFF; background:#FC7700;	    text-decoration:none;	cursor:default; border: 0px; padding: 0px 3px}

a.currentPage:link    { font-size: 14px; color:#FC7700; background:transparent;	text-decoration:none;	cursor:default; border: 1px solid #FC7700; padding: 0px 3px; }
a.currentPage:visited { font-size: 14px; color:#FC7700; background:transparent;	text-decoration:none;	cursor:default; border: 1px solid #FC7700; padding: 0px 3px;}
a.currentPage:hover   { font-size: 14px; color:#FFFFFF; background:#FC7700;	    text-decoration:none;	cursor:default; border: 1px solid #FC7700; padding: 0px 3px; }

a.nextPage:link       {	font-size: 14px; color:#999999; background:transparent;	text-decoration:none;	cursor:default; border-bottom: 1px solid #FC7700; padding: 0px 3px}
a.nextPage:visited    {	font-size: 14px; color:#999999; background:transparent;	text-decoration:none;	cursor:default; border-bottom: 1px solid #FC7700; padding: 0px 3px}
a.nextPage:hover      {	font-size: 14px; color:#FFFFFF; background:#FC7700;	text-decoration:none;	cursor:default;     border-bottom: 1px solid #FC7700; padding: 0px 3px}

a.futurePage:link     {	font-size: 14px; color:#999999; background:transparent;	text-decoration:none;	cursor:default; border: 0px; padding: 0px 3px}
a.futurePage:visited  {	font-size: 14px; color:#999999; background:transparent;	text-decoration:none;	cursor:default; border: 0px; padding: 0px 3px}
a.futurePage:hover    {	font-size: 14px; color:#999999; background:transparent;	text-decoration:none;	cursor:default; border: 0px; padding: 0px 3px}
span.futurePage       {	font-size: 14px; color:#999999; background:transparent;	text-decoration:none;	}


/******** LESSON VIEWER: LINEAR LESSON NAVIGATION********/

div.lessonNav {
	background:url(../../student/en/images/lessonNav_bg.jpg) no-repeat ;
	margin:50px 0 0 0;
	width:964px;
	height:254px;
	font-size:16px;
	font-weight:bold;
	color:#36708A;
}

div.timerContainer {
	position:absolute;
	font-size:10px;
	/*color:#7EAACF;*/
	text-align:center;
	font-weight:bold;
	width:360px;
	margin:17px 0 0 375px;
}

div.currentLesson {
	position:absolute;
	margin:17px 0 0 750px;
	padding:0 0 0 0;
	width:200px;
}

div.currentLesson span {
	vertical-align:top;
}


/******** LESSON VIEWER: BACK AND NEXT PAGE BUTTONS ********/

div.pageNavBottom {
	background:url(../../student/en/images/pageNavBottom_bg.jpg) no-repeat;
	width:964px;
	height:45px;
}

div.topLink {
	width:200px;
	margin:-30px 0 0 450px;
}

div.topLink a:link, div.topLink a:visited, div.topLink a:hover {
	color:#FC7D00;
	font-size:12px;
	font-weight:bold;
}

input.backPage {
	margin:0 0 0 20px;
	padding:10px 0 0 0;
	width:87px;
	height:27px;
}

input.nextPage {
	margin:0 0 0 745px;
	width:87px;
	height:27px;
}

div.demo {
	margin:21px 0 0 -1px;
}


/******** HOMEPAGE VIDEOS ********/

div.demoFull {
	margin:8px 0 0 -1px;
}


/******** AVAILABLE COURSES LIST ********/

table.courseList {
	font-size:12px;
}

table.courseList a:link, table.courseList a:visited, table.courseList a:hover {
	color:#FF7700;
	font-weight:bold;
}

table.courseList td {
	line-height:10px;
}

table.courseList img {
	padding:0 10px 5px 0;
	vertical-align:middle;
}

table.courseList a:link, table.courseList a:visited {
	color:#FC7700;
	font-size:12px;
}

table.courseList a:hover {
	color:#FC7700;
	font-size:12px;
	text-decoration:underline;
}


/******** ALERTS TABLE ON RETURN PAGE ********/

div.alertsTable {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:605px;
	border:0;
	margin:0px auto;
}

div.alertsTable a:link {
	color:#FF9933;
}

div.alertsTable a:hover {
	text-decoration:none;
}

div.alertsTable a:visited {
	color:#CCCCCC;
}

div.alertsTable table {
	width:602px;
	margin:0 0 0 1px;
	border-collapse:collapse;
}

div.alertsTable table td {
	padding:5px;
}

div.alertsTable div.top {
	width:605px;
	height:39px;
	background:url(../../student/en/images/alerts_top.png) no-repeat;
}

div.alertsTable div.top_es {
	width:605px;
	height:39px;
	background:url(../../student/en/images/alertas_top.png) no-repeat;
}

div.alertsTable div.middle {
	width:605px;
	background:url(../../student/en/images/alerts_bg.png) repeat-y;
}

div.alertsTable tr.columnHeadings {
	background-color:#C0E2Ed;
	color:#276E8C;
	font-weight:bold;
}

div.alertsTable div.bottom {
	width:605px;
	height:22px;
	background:url(../../student/en/images/alerts_bottom.png) no-repeat;
}


/******** FAQS PAGE ********/

.categoriesHeader {
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	width:203px;
	height:14px;
	margin-top:5px;
	background-image:url(../../student/en/images/categoriesHeaderBg.png);
	background-color:#439AB8;
	background-position:0px 0px;
	background-position:top;
	background-repeat:no-repeat;
	/*cursor:hand;
	cursor:pointer;*/
	padding:7px 10px 7px 15px;
}

.categoriesText {
	/*display:none;*/
	width:206px;
	color:#FFFFFF;
	font-size:12px;
	background-color:#439AB8;
	margin:-1px 0 0 1px;
	padding:10px 10px;
	border-top:1px dotted #FFFFFF;
	background-image:url(../../student/en/images/categoriesFootBg.png);
	background-position:bottom;
	background-repeat:no-repeat;
}

.categoriesText a {
	color:#FFFFFF;
}

.smallLinks a:link {
	font-size:10px;
	text-decoration:underline;
}

.smallLinks a:visited {
	font-size:10px;
	text-decoration:underline;
}

.smallLinks a:hover {
	font-size:10px;
	text-decoration:underline;
}

div.category {
	color:#FFFFFF;
	font-weight:bold;
	height:14px;
	cursor:hand;
	cursor:pointer;
	background-image:url(../../student/en/images/categoryBg.png);
	background-position:0px 0px;
	background-repeat:repeat-y;
	padding:5px 10px 10px 20px
}

div.questionList {
	display:none;
}

.needHelpHeader {
	color:#439AB8;
	font-size:14px;
	font-weight:bold;
	margin:20px 0 0 0;
	width:204px;
	height:14px;
	background-image:url(../../student/en/images/needHelpBg.png);
	background-position:0px 0px;
	cursor:hand;
	cursor:pointer;
	padding:7px 10px 7px 15px;
}

.needHelpText 
{
	font-size:11px;
	display:none;
	width:206px;
	background-color:#F1E7DD;
	margin:-1px 0 20px 1px;
	padding:10px 10px;
	border-top:1px dotted #000000;
	background-image:url(../../student/en/images/needHelpFootBg.png);
	background-position:bottom;
	background-repeat:no-repeat;
}

.needHelpText a {
	color:#000000;
}

div#answers {
	position:relative;
	font-size:14px;
	min-height:768px;
	padding:0 15px;	
}

div#answers h4 {
	font-size:16px;
}

div.answer {
	position:absolute;
	visibility:hidden;
	width:680px;
}

div.answer img {
	padding:0 0 15px 0;
}


/******** COURT SEARACH BOX ON FIND COURT PAGE ********/

div#courtSearch2 {
	width:284px;
	height:72px;
	margin:0 auto;
	background:url(../../student/en/images/searchCourt2_bg.jpg) no-repeat;
	padding:0 0 20px 0;
	font-size:10pt;
}

div#courtSearch2 table {
	position:absolute;
	width:284px;
	margin:10px 0 0 10px;
}

div.largeBox {
	background:url(../../student/en/images/box_large.png) no-repeat;
	width:246px;
	height:205px;
	padding:40px 15px 0 15px;
}

.info-grid
{
	font-size:9pt;
	border:1px solid #000;	
}

.grid-cell
{
	border:1px solid #000;
	padding:5px;
}

.grid-header
{
	background-color:#2C6E98;
	color:#FFF;
	font-weight:bold;
	padding:5px;
}


/******** VIRGINIA TEST CENTER SEARCH PAGE ********/

div#testCenterSearch {
	width:284px;
	height:140px;
	margin:0 auto;
	background:url(../../student/en/images/tcSearch_bg.png) no-repeat;
	padding:0 0 20px 0;
}

div#testCenterSearch table {
	position:absolute;
	width:284px;
	margin:12px 0 0 10px;
}


/******** VIRGINIA OVERVIEW PAGE ********/

div.tabbedContent 
{	
	margin:0 auto;
	width:675px;
	border:1px solid #105D7A;
	padding:0 10px 20px 10px;
	border-top:4px solid #105D7A;
}

div#tabNav
{	
	margin:0 auto;
	width:697px;
	background-color:#439AB8;
}

div#tabNav table
{	
	margin:0 auto;
	width:400px;
	padding-right:1px;
	border-collapse:collapse;
}

div#tabNav tr
{	
	background-color:#439AB8;
	height:35px;
}

div#tabNav td
{	
	text-align:center;
	border-right:1px solid #8cc3d6;
	border-left:1px solid #8cc3d6;
}

div#tabNav table a:link, div#tabNav table a:visited
{	
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	padding:10px 10px;
}

div#tabNav a:hover
{	
	color:#FFFFFF;
	display:block;
	background-color:#105D7A;	
}

div#tabNav .currentPage
{	
	display:block;
	background-color:#307D9B;	
}


/******** PAYMENT PAGE ********/

div#primebody div#purchases table
{
	margin:0 auto;
	width:93%;
	vertical-align:top;
	border-collapse:collapse;
}

div#promo, div#paymentOptions, div#confirmPayment
{
	margin:0 auto;
	width:615px;
}

div#paymentOptions tr
{
	vertical-align:top;
}

div#total2
{
	margin:0 auto;
	width:615px;
	text-align:right;	
}

div#receipt_webPage 
{
	margin:0 auto;
	width:600px;
}

div#receipt_webPage h2
{
	color:#F57000;
	font-size:16px;
}

div#receipt_webPage span
{
	font-size:12px;
}

div#receipt_webPage span.boldtext
{
	font-weight:bold;
}

div#receipt_info
{
	padding:0 10px;
	border-top:2px solid #F57000;
	border-bottom:2px solid #F57000;
}

div#shippingDelivery, div#purchases
{
	margin:20px 0;
}

div#shippingDelivery table, div#purchases table
{
	width:100%;
}

div#shippingDelivery table td
{
	width:190px;
	vertical-align:top;
}

div#total table
{
	margin:0 0 20px 0;
	width:615px;
}

div#receipt_footer 
{
	margin:20px 0;
	padding:0 10px;
}


/******** INFORMATION TABLE ********/

.infoTable, .priceTable 
{
	font-size:12pt;	
	border-collapse:collapse;
}

.infoTable .columns, .priceTable .columns
{
	background-color:#307D9B;
	color:#FFFFFF;
	font-weight:bold;
	vertical-align:top;
}

.infoTable .altRow, .priceTable .altRow
{
	background-color:#EEEEEE;
}

.infoTable td
{
	padding:5px;
	border:solid 1px #999999;
	vertical-align:top;
}

.priceTable td
{
	padding:5px;
	border:solid 1px #999999;
	vertical-align:top;
	text-align:right;
}


/********* LANDING PAGE RIGHT SIDE *********/

td.rightSide {
	vertical-align:top;
}

td.rightSide div {
	margin:0 0 10px 0;
}

td.rightSide a:link,
td.rightSide a:visited
{
	color:#FF7700;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}

td.rightSide a:hover 
{
	color:#FF7700;
	font-size:12px;
	text-decoration: underline;
	font-weight:bold;
}

.rightSideContent
{
	font-size:12px;
}

.rightSideContent a:link,
.rightSideContent a:visited
{
	color:#FF7700;
	font-size:12px;	
	text-decoration:none;
	font-weight:bold;
}

.rightSideContent a:hover
{
	color:#FF7700;	
	text-decoration: underline;
	font-weight:bold;
}

div#courtSearch {
	background:url(../../student/en/images/searchCourt1_bg.png) no-repeat;
	width:268px;
	height:86px;
	margin:15px 0 10px 0;
	padding:40px 0 0 15px;
}

div#courtSearch1 {
	margin:8px 0 10px 0;
	width:268px;
	height:86px;
}

td.rightSide div#drButtons
{
	margin:20px 0 0 10px;
}


/********* IMPORTANT NOTES *********/

div.important 
{
	border:dotted 1px #FF0000;
	padding:15px;
	background:#FFF4F4;
	width:75%;
	margin:0 auto 12pt auto;
}

div.important span
{
	color:#F00;
}

div.important p
{
	margin:5px 0 5px 0;
}


/******* BUTTONS AT THE BOTTOM OF DETAILS PAGE *******/

.bottomButtons 
{
	text-align:center;
	margin:24px 0 24px 0;
}


/******* FOR TEXAS DRIVER EDUCATION HOMEPAGE LAYOUT ********/

#banner7     
{
	width:959px;
	height:312px;
	margin:10px 0 0 0;
	background:url('../../student/en/images/header_bg2.jpg') top no-repeat;
}

#banner7 table
{
	position:absolute;
	margin:10px 0 0 110px;
	width:840px;
	border-collapse:collapse;
}

#banner7 td
{
	vertical-align:top;
	/*border:solid 1px #F00;*/
}

#banner7 h1
{
	color:#FFFFFF;
	font-weight:normal;
	font-size:24pt;
}

#banner7 li, #main4 li
{
	list-style-image:url('../../student/en/images/arrow_bullet.png') ;
	padding-bottom:14pt;
}

#handingKeysImg 
{
	position:absolute;
	margin:5px 0 0 0;
	width:151px;
	height:336px;
	background:url('../../student/en/images/handing_keys.png') top no-repeat;
}

#bannerTitle 
{
	margin:40px 0 0 0;
	font-size:10pt;
	color:#107389;
	font-weight:bold;
}

#loginBox 
{
	width:197px;
	height:183px;
	padding:10px;
	margin:0 auto 10px 0;
	text-align:center;
	background:url('../../student/en/images/gray_box.png') top no-repeat;
}

#loginBox a:link,
#loginBox a:visited
{
	color:#999;
	text-decoration:none;
}

#loginBox a:hover
{
	color:#DDD;
	text-decoration:none;
}

#loginBox #btnLogin 
{
	margin:0 auto;
}

#loginBox #forgotPassword 
{
	margin:0 0 0 0;
}

.grayButton
{
	color:#999;
	display:block;
	padding:3px;
	background:#333;
	font-size:10pt;
	width:60px;
	margin:0 auto 0 95px;
}

.grayButtonLogout
{
	color:#999;
	display:block;
	padding:3px;
	background:#333;
	font-size:10pt;
	width:60px;
	margin:0 auto;
}

a.grayButton:link, a.grayButton:visited
{
	text-decoration:none;
}

a.grayButton:hover, input.grayButton:hover
{
	text-decoration:none;
	color:#CCC;
}

.orangeButton 
{
	display:block;
	width:208px;
	height:34px;	
	background:url('../../student/en/images/orange_btn.png') top no-repeat;
	color:#FFF;
	font-size:14pt;
	padding:12px 5px 0 5px;
	text-align:center;
	margin:0 auto;
	font-weight:bold;
}

a.orangeButton:link, a.orangeButton:visited
{
	text-decoration:none;
}

a.orangeButton:hover 
{
	text-decoration:none;
	background:url('../../student/en/images/orange_btn.png') bottom no-repeat;
	
}

.orangeButton-short
{
	display:block;
	width:148px;
	height:34px;	
	background:url('../../student/en/images/orange_btn_short.png') top no-repeat;
	color:#FFF;
	font-size:14pt;
	padding:12px 5px 0 5px;
	text-align:center;
	margin:0 auto;
	font-weight:bold;
}

a.orangeButton-short:link, a.orangeButton-short:visited
{
	text-decoration:none;
	color:#FFF;
	font-size:14pt;
}

a.orangeButton-short:hover 
{
	text-decoration:none;
	background:url('../../student/en/images/orange_btn_short.png') bottom no-repeat;
	
}

#main4
{
	width:959px;
	height:auto;
	font-size:11pt;
	margin:0 auto;
}

#main4 table
{
	margin:40px 0 0 0;
	width:959px;
	border-collapse:collapse;
}

#main4 td
{
	vertical-align:top;
}

#main4 h2
{
	color:#107389;
	font-weight:normal;
	font-size:22pt;
}

#main4 .column h2 
{
	margin:-50px 0 0 10px;
}

#main4 div.columnHead
{
	margin:-75px 0 40px 10px;
}

#main4 div.columnDescription
{
	color:#7E7E7E;
	width:140px;
	font-size:10pt;
	font-weight:bold;
	margin:20px 0 40px 10px;
}

#main4 div.column
{
	background-color:#F2F2F2;
	padding:10px 30px 10px 10px;
	width:270px;
	height:420px;
	margin:100px 7px 10px 0;
	float:left;
}

#main4 div.column ul li a
{
	color:#000;
	text-decoration:none;
	border-bottom:dotted 1px #000;
}

#main4 a.columnHeadLink:link, #main4 a.columnHeadLink:visited, #main4 a.columnHeadLink:hover
{
	text-decoration:none;
}

.blueButton
{
	display:block;
	width:138px;
	height:22px;	
	background:url('../../student/en/images/blue_btn.png') top no-repeat;
	color:#FFF;
	text-align:center;
	font-size:10pt;
	padding:4px 0 0 0;
	margin:0 auto;
}

a.blueButton:link, a.blueButton:visited
{
	color:#FFF;
	text-decoration:none;
}

a.blueButton:hover
{
	color:#FFF;
	text-decoration:none;
	background:url('../../student/en/images/blue_btn.png') bottom no-repeat;
}

.errorMessage 
{
	font-size:10pt;
	color:#FF8C19;
}


/******* MY INFO TABS *******/

#primebody a.myInfoTab:link, 
#primebody a.myInfoTab:visited, 
#primebody a.myInfoTab:hover
{
	display:block;
	padding:5px 10px 5px 10px;
	text-decoration:none;
	width:100px;
	font-size:12pt;
	float:left;
	background-color:#999;
	color:#CCC;
	margin:0 5px 0 0;
	text-align:center;
	
}

.tabContent
{
	position:relative;
	visibility:hidden;
	width:680px;
	clear:both;
	float:none;
	border-top:solid 2px #36708A;
}


/******* FOR ERRORS *******/
.boldOrange 
{
	font-weight:bold;
	color:#FF7700;
}


/******* FOR STATE HOMEPAGE COURSE TABS *******/
#courseTabs, #courseInfo
{
	margin-top:10px;
	float:left;
}

#courseTabs
{
	width:263px;
	padding-left:10px;
}

#courseTabs a.tab
{	
	margin-bottom:5px;
	background-color:#388EAD;
}

div#watchVideoButton
{
	width:181px;
	margin:20px auto;
}

#courseInfo
{
	position:relative;
	width:325px;
	height:300px;
	border-top:1px solid #388EAD;
	border-right:3px solid #388EAD;	
	border-bottom:3px solid #388EAD;
	border-left:1px solid #388EAD;
	font-size:10pt;
	margin-bottom:10px;
}

#courseInfo h3 
{
	width:280px;
	position:absolute;
	font-size:11pt;
	color:#388EAD;
	margin:15px 0 0 22px;
	padding-bottom:7px;
	z-index:9;
	text-align:center;
	/*text-decoration:underline;*/
	border-bottom:1px dotted #000;
	
}

#courseInfo div.info
{
	position:absolute;
	width:285px;
	height:230px;
	padding:50px 20px 20px 20px;
	margin-bottom:50px;
	text-align:left;
}

#courseInfo div.info a:link,
#courseInfo div.info a:visited
{
	color:#FC7700;
	font-weight:bold;
	font-size:9pt;
}

#courseInfo div.info a:hover
{
	color:#FC7700;
	font-size:9pt;
	font-weight:bold;
	text-decoration:underline;
}

#courseInfo div.info ul
{
	margin-top:15px;
}

/* Tab properties */
#courseTabs a#tKeys,
#courseTabs a#tInsurance,
#courseTabs a#tMature,
#courseTabs a#tSeatBelt,
#courseTabs a#tParentTeen,
#courseTabs a#tDriver
{
	display:block;
	height:40px;
	color:#FFF;
	font-size:15pt;
	padding:16px 0 0 70px;
	border:0;
}

/* Keys ta only */
#courseTabs a#tKeys
{
	background:#CCC url('../../student/en/images/keys-tab.jpg') 0 -56px no-repeat;
}

/* Insurance tab only */
#courseTabs a#tInsurance
{
	background:#CCC url('../../student/en/images/insurance-tab.jpg') 0 -56px no-repeat;
}

/* Mature tab only */
#courseTabs a#tMature
{
	background:#CCC url('../../student/en/images/mature-tab.jpg') 0 -56px no-repeat;
}

/* Seat Belt tab only */
#courseTabs a#tSeatBelt
{
	background:#CCC url('../../student/en/images/seatbelt-tab.jpg') 0 -56px no-repeat;
}

/* Parent Teen tab only */
#courseTabs a#tParentTeen
{
	background:#CCC url('../../student/en/images/parentteen-tab.jpg') 0 -56px no-repeat;
}

/* Driver tab only */
#courseTabs a#tDriver
{
	background:#CCC url('../../student/en/images/driver-tab.jpg') 0 -56px no-repeat;
}


/******* FOR MATURE DRIVER LAYOUTS *******/


div#mature-banner
{
	margin-top:10px;
}

table#MatureDriverBanner
{ 
	width:963px;
	height:268px;
	table-layout:fixed;
	background-position:top center;
	background-repeat:no-repeat;
}

table#MatureDriverBanner h1
{
	font-size:28pt;
	padding:0;
	margin:0;
	color:#11758B;
}

table#MatureDriverBanner h2
{
	font-size:20pt;
	padding:0;
	margin:0;
	color:#11758B;
}

table#MatureDriverMain td
{
	vertical-align:top;
	text-align:left;
}

table#MatureDriverBanner td
{
	text-align:left;
}

table#MatureDriverBanner .course-price
{ 
	color:#D96A00;
	font-size:20pt;
	font-weight:bold;
}

table#MatureDriverMain
{
	width:963px;
	border-collapse:collapse;
}

div#mature-main
{
	margin-top:7px;
}

table#MatureDriverMain td#left,
table#MatureDriverMain td#right
{
	width:22%;
	text-align:left;
}


table#MatureDriverMain td#middle
{
	width:56%;
	padding:0 15px;
}

ul.black-arrow-list
{
	font-size:12pt;
	font-weight:bold;
	padding:0;
	margin:0;	
	overflow:hidden;
}

ul.black-arrow-list li
{
	background:url('../../student/en/images/blackarrow.png') left center no-repeat;
	font-size:12pt;
	font-weight:bold;	
	padding-left: 14px;
	margin-bottom:14px;
}

table#MatureDriverMain div#loginBox
{
	width:190px;
	height:183px;
	padding:10px;
	background:url('../../student/en/images/gray_box.png') top no-repeat;
	text-align:center;
	margin:0 auto 10px 0;
}

table#MatureDriverMain #loginBox a:link,
table#MatureDriverMain #loginBox a:visited
{
	color:#999;
	text-decoration:none;
}

table#MatureDriverMain #loginBox a:hover
{
	color:#DDD;
	text-decoration:none;
}

table#MatureDriverMain .grayButton
{
	margin:0 auto 0 90px;
}

table#MatureDriverMain h1
{
	font-size:20pt;
	margin:12px 0;
	padding:0;
	color:#307D9B;
}

table#MatureDriverMain td#middle img
{
	padding:10px;
}

table#MatureDriverMain td#middle a:link,
table#MatureDriverMain td#middle a:visited
{
	color:#000;
	text-decoration:none;
	border-bottom:1px dotted #000;
}

table#MatureDriverMain td#middle a:hover
{
	font-weight:bold;
}

table#MatureDriverMain td#middle a.orangeButton  
{
	display:block;
	width:208px;
	height:34px;	
	background:url('../../student/en/images/orange_btn.png') top no-repeat;
	color:#FFF;
	font-size:14pt;
	padding:12px 5px 0 5px;
	text-align:center;
	margin:0 auto;
	font-weight:bold;
	border:none;
}

table#MatureDriverMain td#middle a.orangeButton:link,
table#MatureDriverMain td#middle a.orangeButton:visited
{
	text-decoration:none;
	color:#FFF;
}

table#MatureDriverMain td#middle a.orangeButton:hover 
{
	text-decoration:none;
	background:url('../../student/en/images/orange_btn.png') bottom no-repeat;
	color:#FFF;
}

.gray-faded-sidebar
{
	width:190px;
	height:400px;
	padding:10px;
	background:url('../../student/en/images/fading_sidebar.jpg') top no-repeat;
}

table#MatureDriverMain td .primebodytext
{
	font-size:11pt;
}

.yellow-box,
.blue-box,
.gray-box
{
	width:191px;
	height:195px;
	padding:10px;
	margin-bottom:10px;
	font-size:11pt;
}

.yellow-box a:link,
.yellow-box a:visited,
.blue-box a:link,
.blue-box a:visited,
.gray-box a:link,
.gray-box a:visited
{
	font-size:11pt;
	text-decoration:none;
	border-bottom:1px dotted #000;
	color:#000;
}

.yellow-box a:hover,
.blue-box a:hover,
.gray-box a:hover
{
	font-weight:bold;
}

.yellow-box h4,
.blue-box h4,
.gray-box h4
{
	text-align:center;
	font-size:11pt;
	margin:0;
	padding:0;
}


.yellow-box ol,
.blue-box ol,
.gray-box ol
{
	margin:20px 30px;
	padding:0;
}

.yellow-box ul,
.blue-box ul,
.gray-box ul
{
	margin:20px 25px;
	padding:0;
}

.yellow-box 
{
	background:url('../../student/en/images/yellow_gradient_box.jpg') top no-repeat;
}

.blue-box 
{
	background:url('../../student/en/images/blue_gradient_box.jpg') top no-repeat;
}

.gray-box 
{
	background:url('../../student/en/images/gray_gradient_box.jpg') top no-repeat;
}

ul#mature-navigation
{
	font-size:14pt;
	padding:0;
	margin:0 0 30px 0;
	overflow:hidden;
}

ul#mature-navigation li
{
	border-bottom:1px dotted #333;	
}

ul#mature-navigation li a:link,
ul#mature-navigation li a:visited
{
	font-size:11pt;
	text-decoration:none;
	display:block;
	padding:5px;
	color:#000;
}

ul#mature-navigation a:hover
{
	font-size:11pt;
	text-decoration:none;
	background-color:#FFF;
	font-weight:bold;
}

ul#mature-navigation li a img
{
	padding-right:5px;
}


/******** FOR AZ CHECK ELIGIBILITY BOX **********/

div#check-eligibility-box
{
	width:576px;
	height:215px;
	background:url('../../student/en/images/box_long.png') no-repeat;
	padding:40px 15px 0 15px;
	margin:15px auto 15px auto;
}

table#tblCheckEligibility td
{
	vertical-align:top;
	font-size:11pt;
}

table#tblCheckEligibility #divResults
{
	position:relative;
}