﻿/*-----------------------------------------------------------------------------
// Default.css
// Copyright: Copyright (C) 2009 CLTNet Pty Ltd (ACN: 132 335 427). All rights reserved.
// Initial author: Contact Solutions Pty Ltd o.b.o. Incalis Pty Ltd (http://www.incalis.com)
//---------------------------------------------------------------------------*/

/* ----- Global settings ----- */

H1 { color: #333; font: 2.0em "myriad pro", "lucida grande", "trebuchet ms", Arial, Helvetica, sans-serif; }


.hfirst { margin-top: 0 }
.pfirst { margin-top: 0; padding-top: 0 }
.plast { margin-bottom: 0; padding-bottom: 0 }
.rightAlign { text-align: right; margin-left: auto; margin-right: 0 }

/* ----- Resources ----- */
.hidden,
.print { display: none }
@media print
{
	.print { display: block; }
	.noprint { display: none }
}
.nowrap { white-space: nowrap; }
.invisible { visibility: hidden; }
.divClearing { display: block; clear: both; }
.divClearing1 { display: block; clear:inherit; height: 4px; 
font-size: 1px
}
.clearL { clear: left }
@media print { .noprint { display: none } }
.btn { }
.btnShort { width: 3em;background-image: url('../../images/button_grn_trn.gif');
	margin-left: 15px;
	 background-color: Transparent;
	width: 100px;
	height: 40px;
	text-align: center;
	color: White;
	font-size: small;
	font-weight: bold;
	font-family: Arial;
	cursor: pointer; }
.btnEditProfile{background-image: url('../../images/button_grn_150.gif'); width: 140px;
	height: 40px;
	text-align: center;
	color: White;
	font-size: small;
	font-weight: bold;
	font-family: Arial;
	cursor: pointer;
	border-style: none;
	border-color: inherit;
	border-width: medium;
	float:left;
	padding-left:10px;}
	.btnChangePassword{background-image: url('../../images/button_grn_150.gif'); width: 140px;
	height: 40px;
	text-align: center;
	color: White;
	font-size: small;
	font-weight: bold;
	font-family: Arial;
	cursor: pointer;
	border-style: none;
	border-color: inherit;
	border-width: medium;
   float:left;
   padding-left:200px;
	}
.btnMidShort { width: 9.8em;    
border-style: none;
	border-color: inherit;
	border-width: medium;
	float:left;    padding-left:10px;    background-image: url('../../images/button_grn_150.gif');
   
	 background-color: Transparent;
	width: 150px;
	height: 40px;
	text-align: center;
	color: White;
	font-size: small;
	font-weight: bold;
	font-family: Arial;
	cursor: pointer;
	 margin-left: 15px;
}
.btnMedium { width: 8em; }
.btnLong { width: 10em; }
.btnVeryLong { width: 12em; }
.btnExtraLong { width: 14em; background-image: url('../../images/button_grn_180.gif');
   
	 background-color: Transparent;
	width: 180px;
	height: 40px;
	text-align: center;
	color: White;
	font-size: small;
	font-weight: bold;
	font-family: Arial;
	cursor: pointer;}
.tbShort { width: 6em; }
.tbMedium { width: 8em; }
.tbLong { width: 10em; }
.tbExtraLong { width: 15em; }
.width100 { width: 100%; }
.validatorMarker { color: Red; font-weight: bold; }
.validationSummary { color: Red; }
.unpaddedValidationSummary { color: Red; margin-bottom: 0; padding-bottom: 0; margin-top: 0; padding-top: 0; }
.unpaddedValidationSummary UL { margin-bottom: 0; padding-bottom: 0; margin-top: 0; padding-top: 0; }
.unpaddedValidationSummary LI { margin-bottom: 0; padding-bottom: 0; margin-top: 0; padding-top: 0; }
.editWatermark { color: #A0A0A0; font-style: italic; }
.spacerStyle { font-size: 1px; height: 1px; }
.modal { position:relative; z-index: 1000; overflow:hidden; }
/*.modalBackground { filter: Alpha(Opacity=50); -moz-opacity:0.5; opacity: 0.5; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 500; background-color: #202020 }*/

/* ----- Calendar ----- */
.calExtender .ajax__calendar_container { color: #505050; border: 1px solid #505050; background-color: White; z-index: 5; }
.calExtender .ajax__calendar_other .ajax__calendar_day,
.calExtender .ajax__calendar_other .ajax__calendar_year { color: #b0b0b0; }
.calExtender .ajax__calendar_hover .ajax__calendar_day,
.calExtender .ajax__calendar_hover .ajax__calendar_month,
.calExtender .ajax__calendar_hover .ajax__calendar_year { background-color: #FFEEb7; color: #df7e30; }
.calExtender .ajax__calendar_active .ajax__calendar_day,
.calExtender .ajax__calendar_active .ajax__calendar_month,
.calExtender .ajax__calendar_active .ajax__calendar_year { background-color: #ffe299; }
.calExtender .ajax__calendar_dayname { color: #505050; font-weight: bold; }

/* ----- UtcDateInput ----- */
.ajax__utcdateinput_hidden { display: none }

/* ----- Ajax Update Progress ----- */
.divUpdateProgress
{
	/* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
	background-color: #f0f070; border: solid 2px #0f1d2c; color: #505050; padding: 4px; text-align: center; width: 120px; height: auto;
	position: absolute; top: 0px; left: 0px;
}
body > .divUpdateProgress,
HTML.IE7 .divUpdateProgress,
HTML.IE8 .divUpdateProgress,
HTML.ISNOTIE .divUpdateProgress
{
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed
}
HTML.IE5 .divUpdateProgress,
/*HTML.IE6 .divUpdateProgress
{
  /* IE5.5+/Win - this is more specific than the IE 5.0 version */
/*  left: expression( ( 5 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  top: expression( ( 5 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

/* ----- Fixes issue with ajax ----- */
HTML.ISNOTIE #ctl00_uppPageContent { height: 100% }

/* ----- Debug displays ----- */
.fuchsia { background-color: Fuchsia; }
.aqua { background-color: Aqua }
.divDebugStatus,
.divStagingStatus,
.divDevelopmentStatus
{ position: absolute; width: 100px; top: 8px; left: -50px; margin-left: 50%; color: White; font-weight: bold; padding: 1px 10px; text-align: center; background-color: Red; z-index: 10 }
.divStagingStatus { top: 35px; background-color: orange; }
.divDevelopmentStatus { top: 35px; background-color: green; }
HTML.IE .divDebugStatus,
HTML.IE .divStagingStatus,
HTML.IE .divDevelopmentStatus
{ font-size: x-small; }
/*.divDebugOutput { position: absolute; height: 60%; top: 50%; margin-top: -15%; right: 30px; z-index: 10; padding: 1px 5px; background-color: White; color: Black; opacity: 0.50; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); border: solid 2px Red; overflow-y: auto; overflow-x: hidden; }*/
.divDebugOutput TABLE { font-size: small; margin-right: 15px; }
HTML.IE .divDebugOutput TABLE { font-size: x-small; }
HTML.IE .divDebugOutput INPUT { margin-top: 0.3em; }
.divDebugOutputTitle { font-weight: bold; color: Red; text-decoration: underline; margin-bottom: 0.3em; }
HTML.IE .divDebugOutput { font-size: x-small; }
@media print
{
	.divDebugStatus,
	.divDebugOutput,
	.divStagingStatus,
	.divDevelopmentStatus
	{ display: none; }
}

/* ----- CSSFriendly: DetailsView.css ----- */
div.AspNet-DetailsView-Data ul { margin: 0; padding: 0; }
div.AspNet-DetailsView-Data li { margin: 0; padding: 0; list-style-type: none; position: relative; }

/* ----- CSSFriendly: TreeView.css ----- */
div.AspNet-TreeView { margin: 0; padding: 0 }
div.AspNet-TreeView ul { list-style: none; margin: 0; padding: 0 }
.AspNet-TreeView-Show { }
.AspNet-TreeView-Hide { display: none }

/* ----- CSSFriendly: Menu.css ----- */

.menuSelected {
background-color:Lime;
}

 /* padding-right: 29px; padding-left: 29px; */

ul.AspNet-Menu { position: relative; }
ul.AspNet-Menu, 
ul.AspNet-Menu ul
{ margin: 0; padding: 0; display: block;   }


ul.AspNet-Menu li { /*position: relative;*/ list-style: none; float: left;   /*background-color:Lime;*/}

ul.AspNet-Menu li a,
ul.AspNet-Menu li span
{ display: block; text-decoration: none; }
ul.AspNet-Menu ul { position: absolute; visibility: hidden; }
ul.AspNet-Menu li:hover ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul
{ visibility: hidden;  }
ul.AspNet-Menu li:hover ul,
ul.AspNet-Menu li li:hover ul,
ul.AspNet-Menu li li li:hover ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li.AspNet-Menu-Hover ul
{ visibility: visible; }
.AspNet-Menu-Vertical ul.AspNet-Menu li
{ width: 100%; }

														  

.divMainMenu div ul.AspNet-Menu li  .AspNet-Menu-Selected {color:White; background-color: #28656b; margin-top: -5px; 
														  background-image:url("../../images/menu_slct_arw.gif");
														 
														  background-position:bottom;
														  background-repeat: no-repeat;
														  height: 25px;
														 -moz-border-radius:5px;
														

														  }
  
														  

.divMainMenu div ul.AspNet-Menu li a {height: 17px;}



/* ----- CSSFriendly: TreeView.css ----- */
div.AspNet-TreeView { margin: 0; padding: 0; }
div.AspNet-TreeView ul { list-style: none; margin: 0; padding: 0; }
.AspNet-TreeView-Show { }
.AspNet-TreeView-Hide { display:none; }

/* ----- CSSFriendly: DetailsView.css ----- */
div.AspNet-DetailsView-Data ul { margin: 0; padding: 0; }
div.AspNet-DetailsView-Data li { margin: 0; padding: 0; list-style-type: none; position: relative; }

/* ----- Control: SignIn ----- */
.divSignInControlButton { padding-top: 5px }
.btnSignInControlButton { width: 6em; font-size: x-small }
.divSignInControlPwRecovery { padding-top: 5px }


/* ========================== */
/* ===== Default.master ===== */
/* ========================== */
A:link, A:visited { COLOR: #41718f; TEXT-DECORATION: underline }
A:hover, A:visited:hover { COLOR: #f05222; TEXT-DECORATION: none }
A:active { COLOR: #f05222 }

.divLogin {background-color: White;height:25px; font-size:1px;text-align:right}
.divBorderStripTop { background-color: white; height: 25px; font-size: 1px }
.divBorderStripTop .left { width: 5px; height: 5px; float: left; font-size: 1px }
.divBorderStripTop .right { width: 5px; height: 5px; float: right; font-size: 1px }
.divBorderStripBottom { background-color: #42328c; height: 5px; font-size: 1px }
.divBorderStripBottom .left { width: 5px; height: 5px; background: url("images/corner-bl.gif") White no-repeat left top; float: left; font-size: 1px }
.divBorderStripBottom .right { width: 5px; height: 5px; background: url("images/corner-br.gif") White no-repeat left top; float: right; font-size: 1px }

.divWrapper { width: 800px; margin: 0 auto;  padding: 0px 0px;
	min-height: 400px;margin-top:12px;
	 /*background-color: Lime;*/
}
.divLink{}
.divTopHeaderStrip { background-color:white}
.divTopHeaderStrip a { color: White; font-weight: bold }
.divTopHeaderStrip a:hover { text-decoration: none; color: #f05222 }
.divLoginStatus { float: right; padding: 1px 5px 0 0px; font-size: 12px; }
.divLogo { margin-bottom:-39px; }
.divLoginStatus a { text-decoration: none; }
.divLoginStatus1 { position: absolute; top: 1px; left: 50%; width: 449px; text-align: right; margin-left: auto; font-size: 0.8em }


.divHeader { background-color: White; height: 65px; padding-top: 5px; border-bottom: solid 2px #bfd0da /*#b3b3b3*/; text-align: center }
.divHeaderLogoCompany { float: left; padding-top: 10px; font-size: 12px }
.divHeaderLogoCompany .label { font-style: italic; width: 95px /* fixes IE7 issue displaying bottom scroll bar with italic fonts + float right */ }
.divHeaderLogoClient { float: right; text-align: right; position: relative; top: -5px }
.divHeaderEndorsement { position: relative; color: #a0a0a0; top: 12px; font-style: italic; font-size: 90% }
.divHeaderTitle { position: relative; top: -1em; color: #42328c; font-size: 22px; font-weight: bold }


HTML.IE6 .divLeftColumn { margin: 0px 0px 0px -7px }
/*.divLeftColumnInner { background: url("images/nav-top.gif") no-repeat left top }*/
.divLeftColumnInner { background-color: #2e737a}


/* Main menu */
.mnuMain { font-size: 0.95em; padding: 0 20px 0 20px; }
.mnuMain UL { width: 124px; FONT-FAMILY: Tahoma, Verdana, Arial, sans-serif }
.mnuMain UL UL { padding-top: 6px }
.mnuMain UL UL UL { padding-top: 6px }
.mnuMain LI { padding: 6px 0 6px 0; BORDER-TOP: #614ace 1px solid }
.mnuMain LI A { padding-left: 6px }
.mnuMain LI UL LI UL LI A { padding-left: 12px; font-size: 90% }
.mnuMain LI SPAN { padding-left: 6px }
.mnuMain LI UL LI UL LI SPAN { padding-left: 12px; font-size: 90% }
.mnuMain LI.AspNet-Menu-Selected { color:#b8e0ff /*#c7ddff;*/ /*#b8e0ff;*/ /*padding: 8px 0 8px 0*/ }
HTML.IE6 .mnuMain LI.AspNet-Menu-Selected { color: #b8f0ef; /*padding: 0 0*/ }
HTML.IE6 .mnuMain LI.AspNet-Menu-Selected SPAN { color: #b8f0ef; /*padding: 8px 0 8px 6px*/ }
.mnuMain LI:first-child { border-width: 0 }
.mnuMain UL LI UL LI:first-child { border-width: 1px }
.mnuMain LI A:link { DISPLAY: block; FONT-WEIGHT: bold; COLOR: white; TEXT-DECORATION: none }
.mnuMain LI A:visited { DISPLAY: block; FONT-WEIGHT: -hover; COLOR: white; TEXT-DECORATION: none }
.mnuMain LI A:hover { DISPLAY: block; BACKGROUND-COLOR: #5d86ca }
.mnuMain LI UL LI UL LI A:link { /*FONT-WEIGHT: normal;*/ COLOR: #fff; TEXT-DECORATION: none }
.mnuMain LI UL LI UL LI A:visited { /*FONT-WEIGHT: normal;*/ COLOR: #fff; TEXT-DECORATION: none }
.mnuMain UL .this A:link { FONT-WEIGHT: -hover; COLOR: #d7de90; TEXT-DECORATION: none }
.mnuMain UL .this A:visited { FONT-WEIGHT: -hover; COLOR: #d7de90; TEXT-DECORATION: none }
.mnuMain UL .this .secondary A:link { FONT-WEIGHT: normal; COLOR: #fff; TEXT-DECORATION: none }
.mnuMain UL .this .secondary A:visited { FONT-WEIGHT: normal; COLOR: #fff; TEXT-DECORATION: none }
.mnuMain ul.AspNet-Menu ul { position: static; visibility: visible; }
.mnuMain ul.AspNet-Menu li:hover ul ul,
.mnuMain ul.AspNet-Menu li.AspNet-Menu-Hover ul ul
{ visibility: visible }
HTML.IE6 .mnuMain ul.AspNet-Menu ul { display: block; }

.divBody {background-color:White }

.divBanner {position: relative;
	top: 10px;
}
.divTextTitle {position: absolute;top: 10px; left: 30px;width: 520px; font-size:large;text-align:left;}
.divTextBanner {position: absolute; top: 65px; left: 30px; width: 520px;font-size:12px;text-align:left}
.divTextPicture {position:relative;top: -39px; left:30px;width:400px;font-size:12px;text-align:left}
.divBannerButton {position: absolute; top: 183px; left: 30px;
	right: 1121px;
}


.header_left 
{
	width: 5px; 
	vertical-align: bottom; 
	background: url("Images/menu_left.gif") no-repeat 0 0;
}
.header_right 
{
	width: 5px; 
	vertical-align: bottom; 
	background: url("Images/menu_right.gif") no-repeat 0 0;
}
.header_centre
{
	
	  background-image: url("images/menu_repeat.gif");
	  
	  background-repeat: repeat-x;
}

.divMenuWrap 
{
height:30px;
margin-top:40px;
margin-bottom:0px;
padding-top: 0px;

}    
	
.divMainMenu{position:relative; display:block;
/*background-color: #2e737a; */
background-color: Transparent;
line-height: 0px;
   
	
}

.divMainMenu2{position:relative; display:block;
/*background-color: #2e737a; */
background-color: Transparent;
line-height: 0px;
   
	
}
.divMainMenu3{position:relative; display:block;
/*background-color: #2e737a; */
background-color: Transparent;
line-height: 0px;
   
	
}

.divMainMenu a 
{
	
	padding-top: 17px;
	height: 10px;
	font-size: 14px;
	color: White;
	padding-right: 42px; padding-left: 16px; 
}
.divMainMenu a:hover
{
	color: #4cb1bb;
}





.divMenuHome a{background: url("Images/menu_home.gif") no-repeat 0 0;

display:block;
float:left;
height:44px;
width:110px;
left:140px

}
.divMenuHome a:hover {background:url("images/menu_home.gif") repeat scroll 0 -44px transparent;}

.divMenuAbout a{background:url("Images/menu_about.gif") repeat scroll 0 0 transparent;
cursor:pointer;
display:block;
float:left;
height:44px;
width:110px;}
.divMenuAbout a:hover {background:url("images/menu_about.gif") repeat scroll 0 -44px transparent;}

.divMenuPracticeTest a 
{background:url("Images/menu_practice.gif") repeat scroll 0 0 transparent;
cursor:pointer;
display:block;
float:left;
height:44px;
width:165px;
 }
 .divMenuPracticeTest a:hover{background:url("images/menu_practice.gif") repeat scroll 0 -44px transparent;}
 
 .divMenuRoadCode a 
{background:url("Images/menu_roadcode.gif") repeat scroll 0 0 transparent;
cursor:pointer;
display:block;
float:left;
height:44px;
width:135px;
 }
 .divMenuRoadCode a:hover{background:url("images/menu_roadcode.gif") repeat scroll 0 -44px transparent;}
 
 .divMenuLinks a 
{background:url("Images/menu_links.gif") repeat scroll 0 0 transparent;
cursor:pointer;
display:block;
float:left;
height:44px;
width:110px;
 }
 .divMenuLinks a:hover{background:url("images/menu_links.gif") repeat scroll 0 -44px transparent;}
 
 .divMenuRegister a
{background:url("Images/menu_register.gif") repeat scroll 0 0 transparent;
cursor:pointer;
display:block;
float:left;
height:44px;
width:125px;
 }
 .divMenuRegister a:hover{background:url("images/menu_register.gif") repeat scroll 0 -44px transparent;}
 
 .divMenuContact a
{background:url("Images/menu_contact.gif") repeat scroll 0 0 transparent;
cursor:pointer;
display:block;
float:left;
height:44px;
width:140px;
 }
 .divMenuContact a:hover{background:url("images/menu_contact.gif") repeat scroll 0 -44px transparent;}
 
 
 
 
.divLeftColumn { float: left;
				 font-weight: bold; color: White; margin: 0px 0px 0px 0px;
background-repeat:repeat-x;
				 position:relative; 
	top: 0px;
}

/* Menu bottom */
.divMenuMainBottom { width: 164px; height: 115px; background: url("images/nav-bottom.gif") no-repeat left bottom }

/* Main section */
.divPanelBanner {left:110px}
.divLeftModules { background-color: White; color: Black; padding: 0 10px 0 15px; }

.divMainColumn 
{
	
position:relative;  /* border-top: solid 2px #bfd0da *#b3b3b3*/
	top: -30px; 
	
}

.divMainColumnFull
{
	background-color: White; width: 900px; /* border-top: solid 2px #bfd0da *#b3b3b3*/
}
.divPageNotice{}
.divPageTitleSection { color: #333;   
					   white-space: nowrap; font-size: x-large; vertical-align: bottom }

.divBreadCrumbs { padding-top: 3px; font-size: small; font-family: Tahoma, Verdana, Arial, Sans-Serif; min-height: 20px; color: Black; width: 715px }
.smpBreadCrumbs {}
.smpBreadCrumbs A { }
.divPageTitle { font-weight: bold }

.divCentreColumWithRight { width: 560px }
.divRightColumn { float: right; background-color: #f8f8f8; /*#e9ecc0;*/ width: 148px; text-align: center; margin-left: auto; margin-right: auto; padding-top: 5px; border-left: solid 1px #c0c0c0; border-right: solid 1px #c0c0c0; border-bottom: solid 1px #c0c0c0 }
.divSponsoredLinksLabel { font-size: xx-small; color: #808080; text-align: left; padding: 0 0 3px 6px }
.divLeftModules .divSponsoredLinksLabel { padding: 0 0 3px 2px }


.divErrorText { font-weight: bold; color: Red; background-color: #ffffd0; margin: 10px 0 10px 0; border: solid 2px Red; padding: 10px 15px; font-size: small; }
.divSuccessText { color: Green; background-color: #d0ffd0; margin: 10px 0 10px 0; border: solid 2px Green; padding: 10px 15px; }
.divNoticeText { color: Olive; background-color: #ffffd0; margin: 10px 0 10px 0; border: solid 2px Olive; padding: 10px 15px; }

.divFootnotes { color: #808080; float: left; margin-left: 145px }
.divLastReviewed { color: #808080; float: right }
.divPageFooterTopStrip { margin-top: 4px; }
.divPageFooter { margin-top:25px; }

.tblFooter { width:899px; padding:12px 0px 0 0px; margin: 0 auto;  }
.FooterText{}

.divFooterMenu { color: #b8f0ef; font-weight: bold; font-size: 10px; position:static; bottom: 0;
				 background-image:url("Images/footer_repeat.gif");background-repeat:repeat-x;

}
.divFooterMenu table tr td a { margin-right: 8px; margin-left: 8px; }
.nztaLogo{}
.TestGuy{width: 228px;
		  height:231px}
TestCorner{position:relative; top:-3px;left: 0px; height: 64px;}
.divFooterMenu a
{
	font-size: xx-small; 
	color: White;
	text-decoration: none;
}
.divFooterMenu a:hover
{
	text-decoration: underline;
	color: #4cb1bb;
}

/*.divFooterMenu a { color: White; font-weight: bold; margin-right:5px; text-decoration:none;position:relative;left:120px }*/
/*.divFooterMenu a:hover { text-decoration: none; color: #f05222; }*/
.divFooter{position:relative;left:120px;width:900px;}

.divFooterCopyright { background-color: #28656b; font-size: 0.8em; padding: 0 7px 0 7px; color: White;width: 1200px }
.divFooterCopyrightPrimary { float: left; font-size: 10px;background-color: #28656b;width: 1200px;bottom:5px }
.divFooterCopyrightSecondary { float: right;width: 1200px; }

.divNews { padding-bottom: 5px; margin-left: auto; margin-right: auto; width: 135px }
.divNewsHeader { width: 125px; height: 17px; background-color: #42328c; padding: 0 5px 2px 5px; text-align: left; color: White; font-weight: bold; font-size: 12px }
.divNewsContent { width: 133px; min-height: 40px; background-color: #f8f8f8; border-left: 1px solid #808080; border-right: 1px solid #808080; text-align: left }
.divNewsContent1 { width: 135px; min-height: 40px; background: url(images/news-middle.gif) #e9ecc0 repeat-y left top; text-align: left }
.divNewsContentSpacer { float: left; width: 1px; height: 80px }
.divNewsContentInner { float: left; padding: 5px 5px 5px 5px; font-weight: normal; font-size: 0.9em; width: 122px }
.divNewsFooter { width: 135px; height: 4px; background: url(images/news-bottom.gif) #f0f0f0 no-repeat left top; font-size: 1px }
.divNewsLink { padding: 0 0 4px 0 }

.divPracticeTestSummary{width:500px}
/* ====== Default.aspx ======= */

.maincenter{margin:0 auto;width:100%}
.divclearbanner {display:block; width:1500px;height:2px;background-color:#28656b;position:relative; top:-32px}
.divPanelPicture {position:relative; left:98px;width:80px}
.divPanelPictureBottom {position:relative;width:200px;height:50px; bottom:0px}
.divPanelQuiz {background-color:#fcd106; width:210px; height:350px;float:left;margin-right:30px}
.divPanelTest {background-color:#447121; width:199px; height:350px;margin-right:30px}
.divPanelRoadCode {background-color:white;width:210px; height:350px;margin-right:30px; }
.divPanelLogin {background-color:#cecece;width:210px;height:350px; line-height: 14px;}
.divPanelLogin1 {width:210px;height:350px; line-height: 14px;}
.divQuizTextHead {position:relative; left:15px;width:170px; top:5px;font-size:14px; color:Black;font-weight:bold}

.divQuizTextBody {position:relative; left:15px;
width:199px; 
top:0px;
font-size:12px; color:Black;font-weight:normal
}
.divTestTextHead {position:relative; left:15px;width:170px; top:5px;font-size:14px; color:Black;font-weight:bold;}
.divTestTextBody {position:relative; left:15px;
width:199px; 
top:0px;
font-size:12px; color:Black;font-weight:normal
}
.divLoginTextBody {position:relative; left:15px;width:190px; 
top:20px;font-size:14px; color:Black;font-weight:normal
}

.divMainPageNavAreaButton { float: left; margin: 0px 10px 0px 0px }
.divMainPageNavAreaButton table { font-size: 100% }
.divMainPageNavAreaButton td { width: 264px; height: 54px; vertical-align: middle; text-align: center; font-weight: bold; text-decoration: underline; color: White;
							   background: url(images/bigbutton.gif) #f05222 no-repeat left top }
.divMainPageNavAreaButton .selected { width: 264px; height: 54px; vertical-align: middle; text-align: center; font-weight: bold; color: #fffff0;
									  background: url(images/bigbutton-hover.gif) #fd7045 no-repeat left top }
.divMainPageNavAreaButton A, .divMainPageNavAreaButton A:visited { color: White; text-decoration: underline }
.divMainPageNavAreaButton A:hover, .divMainPageNavAreaButton A:visited:hover { color: White; text-decoration: none }
.divMainPageSingIn { font-size: 85%; position:relative; left:0px;top:20px; color: white; padding: 0 20px 15px 20px }
.divMainPageSingIn1 { position:relative; left:0px;top:20px; color: white; padding: 0 20px 15px 20px }
.divMultiColContainer { background-color: white; border: solid 1px #808080; padding: 0 10px 0 10px;width:900px }
.divMultiColContainer UL { padding-left: 1em; list-style-type: disc }
.divMultiColContainer P.title { font-weight: bold; color: #202060; text-decoration: underline }
 .ulWiderSpread LI { padding-bottom: 0.5em }
 
.divCol1_2 { width: 250px; float: left }
.divCol2_2 { width: 250px; float: right }

/* ======= Registration.aspx ======*/

.divRegister{position:absolute;top:-40px;left:137px}
.divRegister1{top:-81px;float:right;padding-right:220px}
.divRegistration {left:110px; }
/* ======= PracticeTestsAfterLogin.aspx ======*/

.divPractice {left:110px;}
/* ======= PracticeTests.aspx =======*/

.divPracticeAvailable {width:400px;height:20px}
.divPracticeBanner {width:405px;height:40px}
.divPracticeBanner1 {width:280px;height:20px}
.divPracticeBanner2 {width:500px;height:13px}
.divPurchase{position:absolute;top:-35px;left:160px}
.divPracticeSummary{position:absolute;top:-40px;left:160px}
.divPracticeSummary1{position:absolute;top:-25px;left:160px}
.divPracticeSummary2{position:absolute;top:-67px}
.divPracticeAvailableText{position:absolute;top:-34px;left:30px;width:220px}

.divPracticeTest {left:160px; }
ul.a {list-style-type:square;line-height:25px}

/* ======== RoadCode.aspx ======*/

.Link {}
.RoadCode {width:100%}
.divRoadCode {left:110px; }
.divPurchaseRoadCode{position:absolute;top:619px;left:14px}
/* ======= SignIn.aspx ======= */
.lgnLogonLoginLabel { text-align: left; width: 100px;padding-top:10px; }
.lgnLogonLoginTextBox { width: 150px; margin-top: 10px }
.lgnLogonLoginButton { margin-top: 5px; float:left; background-image: url('images/overlay.png');
	background-color: Transparent;
	border: none;
	width: 69px;
	height: 20px;
	text-align: center;
	color: White;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial;
	cursor: pointer;}

.lgnLogonLogin { border: solid 1px #ffffff; margin-left: auto; margin-right: auto; }
.lgnLogonLoginTitle { background-image:url("images/heading_bg.gif"); width:881px; font-weight: bold; color: White; padding-bottom: 9px ;text-align:left; padding-left:10px;padding-top:6px;}
.lgnLogonLoginInstructions { font-weight: bold; padding-bottom: 0em; font-style: italic; color: Red/*#808090;*/	 }
.lgnLogonLoginChallenge { text-align: left; font-size: 120%; color: Black; padding: 1em 1em 1em 1em; }

.signInForgotten { text-align: left; margin-left: auto; margin-right: auto }

/* == RecoverPassword.aspx === */
.rpRecoverPassword { margin-left:-5px; margin-right: auto; margin-top: 5px; }
.rpRecoverPassword1 { margin-left:13px; margin-right: auto; margin-top: 14px; }
.divRecoverPasswordBox { padding: 5px 5px }
.tblRecoverPassword TD { text-align: left;padding-left:10px; }
.lblRecoverPasswordLogin { text-align: left; width: 120px; padding-top: 5px }
.lblRecoverPasswordLogin1 { text-align: left; width: 120px; padding-top: 11px;padding-left:14px }
.lblRecoverPasswordLogin2 { padding-top: 11px }
.imgRecoverPasswordCaptcha { margin-top: 5px }
.divRecoverPasswordButton { margin: 0 0 0 auto; text-align: right;float:left; }

/* == Register/Default.aspx == */
.lblRegisterLabel { text-align: left; width: 170px; padding-top: 5px; margin-top:10px;padding-left:7px}
.lblRegisterConfirmLabel { text-align: left; padding-top: 10px; width:170px }
.lblRegisterConfirmValue { text-align: left; padding-top: 10px; width:250px }
.tbRegisterAge { width: 4em; margin-top: 10px }
.rblRegister INPUT { padding-right: 1em; margin-top:10px }
.ddlRegister { margin-top: 10px }
.tdRegisterNote { padding-top: 1em; padding-bottom: 1em; font-style: italic }
.divRegisterAckBox { display: block; margin-left: auto; margin-right: auto; border: solid 1px #808080; margin-top: 40px; padding: 5px 5px }

.LoginTextBox {width:150px;margin-top:10px}
.ProfileTextBox {width:150px;margin-top:10px}
.tbProfileAge { width: 4em; margin-top: 10px}
.rblProfile INPUT { padding-right: 1em; margin-top:10px }
.ddlProfile { margin-top: 10px }
.ddlPasswordQuestion {margin-top:10px}
.tdProfileNote {  font-style: italic}
.Note{font-style: italic}
/* == Admin/Search.aspx == */
.dvSearch { margin-top: 1em }
.dvStyle { border-top: solid 1px #C0C0C0; }
.dvHeaderStyle { height: 1px; font-size: 1px; }
.divDetailsViewHeader { width: 100%; border-bottom: solid 1px #C0C0C0; }
.dvFieldHeaderStyle { border-bottom: solid 1px #C0C0C0; padding: 0.1em 0 0.1em 0; vertical-align: middle; font-weight: bold; width: 150px; }
.dvTallFieldHeaderStyle { border-bottom: solid 1px #C0C0C0; padding: 0.2em 0 0.1em 0; vertical-align: top; font-weight: bold; width: 150px; }
.dvItemStyle { border-bottom: solid 1px #C0C0C0; padding: 0.1em 0 0.1em  0.3em; vertical-align: middle; }

/* ===== Practice/Default.aspx ===== */
.gvNext { margin-top: 1em }
.gv caption { text-align: left; font-weight: bold; border-bottom: solid 1px #527fdc; padding-bottom: 0.1em; white-space: nowrap }
.gvHeaderStyle { padding-left: 3px; padding-right: 3px; background-color: #f0f0f0; color: #808080; font-size: x-small; text-align: left; }
HTML.IE .gvHeaderStyle { font-size: xx-small; }
.gvHeaderStyleTH { font-weight: normal; text-align: left; padding: 0.3em 3px 0.3em 3px; }
.gv TD { padding: 0.1em 3px 0.1em 3px; }
@media print
{
	.gvCommandColumnItemStyle { display: none; }
	.gvCommandColumnHeaderStyle { display: none; }
}
.gvCommandColumnHeaderStyle,
.gvCommandColumnItemStyle { text-align: right; }



/* ===== Payment/Default.aspx ===== */

.spnPaymentLabel { padding-right: 1em; white-space: nowrap }
.btnPaymentNav { width: 80px; font-size: 12px }
.divPaymentNavButtons { margin-top: 1em; float: right; }
.divPaymentNavButtons2 { position: absolute; width: 100px; left: -50px; margin-left: 50%; padding: 10px 10px 10px 130px; border: solid 1px #a0a0a0; background-color: #f4f4e0; z-index: 10 }
.divPaymentNavButtons1 { margin-top: 1em;}
.tblPaymentBox {margin-left: 1px; margin-right: auto }
.tblPaymentBox TD { padding: 5px 5px }
.divRecoverPasswordBox { padding: 5px 5px }
.lblPaymentResultStatus { font-weight: bold }
.spnPaymentResultDeclined { font-weight: bold; color: Red }

/* ===== Practice/NewTest.aspx ===== */
.lblStartTestType { font-style: italic; font-weight: bold }
.divNewTestIntroImage { float: right }


/* ===== Profile/ChangePassword.aspx ===== */
.lblChangePassword { width: 170px; padding-right: 5px ;float:left;text-align:left;}
.cpChangePassword TD { float:left;text-align:left;margin-top:10px}
.lblChangePassword1 { width: 170px; padding-right: 5px ;}

/* ===== Profile/Default.aspx ===== */
.divProfileButtonEdit { text-align: center; margin:0 0 0 auto;float:left }


/* ===== Practice/TestFinding.aspx ===== */
.lblTestFindingLabel { text-align: left; width: 150px; padding-top: 5px }
.lblTestFindingValue { text-align: left; padding-bottom: 5px; width:225px }

/* ===== Practice/Practice.aspx ===== */

/* ===== Layouts ===== */
.tblLayoutQuestionSection { font-size: 1.2em; font-weight: bold; color: White; margin-left: 4px; margin-right: 4px; width: 844px }

.tdQuestionParchment { background: url("../../Content/1/q-footerbg.jpg") #93a0a3 repeat left top; padding: 3px 3px 0 3px; border-top: solid 1px White; border-right: solid 2px #666666; border-left: solid 1px White; vertical-align: top; width: 100% }
.tblQuestionParchmentInner { background-color: #00667c; width: 100%; height: 260px; border-right: solid 1px White; border-bottom: solid 1px White; border-left: solid 2px #666666; border-top: solid 2px #666666 }
.tdQuestionParchmentInnerNumber { vertical-align: top; padding: 0.2em 0.5em }
.tdQuestionParchmentInnerText { vertical-align: top; padding: 0.2em 0.5em }

.tdQuestionMedia { background: url("../../Content/1/q-footerbg.jpg") #93a0a3 repeat left top; padding: 3px 5px 3px 3px; border-top: solid 1px White; border-right: solid 2px #666666; border-left: solid 1px White; vertical-align: top }
.tblQuestionMediaInner { background-color: #00667c; width: 334px; height: 260px; border-right: solid 1px White; border-bottom: solid 1px White; border-left: solid 2px #666666; border-top: solid 2px #666666; text-align: center }

.tdQuestionFooter { background: url("../../Content/1/q-footerbg.jpg") #93a0a3 repeat left top; padding: 1px 4px 0 1px; border-bottom: solid 2px #666666; border-right: solid 2px #666666; border-left: solid 1px White; height: 51px }
.tdMediaFooter { background: url("../../Content/1/q-footerbg.jpg") #93a0a3 repeat left top; padding: 1px 1px; border-bottom: solid 2px #666666; border-right: solid 2px #666666; border-left: solid 1px White; height: 51px }
.divLayoutFooter { background: url("../../Content/1/q-footerbg.jpg") #93a0a3 repeat left top; border-top: solid 1px White }
.tblLayoutFooter { width: 100%; height: 51px }
.tblLayoutFooter .logo { padding-left: 10px; padding-top: 5px }
.tblLayoutFooter .buttons { text-align: right; padding-right: 5px; padding-top: 3px }
.divLayoutWithoutMedia .tdQuestionParchmentSeparator,
.divLayoutWithoutMedia .tdMediaFooter,
.divLayoutWithoutMedia .tdQuestionMedia
{ display: none }

.lblLayoutQuestionOrder { font-size: 1.5em }

.divDistracters { padding: 5px 0 5px 5px }
.distracter { float: left; font-size: 1.2em; font-weight: bold; color: White }
.distracter .inner { width: 100% }
.distracter .content { width: auto; padding: 0 0 0 0.3em }
.distracter .answer { width: 100px; padding: 0 5px 0 0.3em; text-align: center }
.distracter.notsel .answer SPAN { display: none }
.distracter.selected .answer SPAN { display: block }

.distracter1_3 { width: 847px }
.distracter1_3 .inner { height: 55px }
.distracter2_2 { width: 423px }
.distracter2_2 .inner { height: 70px }
.distracter3_2 { width: 282px }
.distracter3_2 .inner { height: 70px }
.distracter4_2 { width: 211px }
.distracter4_2 .inner { height: 70px }
.distracter4_3 { width: 211px }
.distracter4_3 .inner { height: 55px }


.distracter.up.notsel .d_tl { width: 9px; height: 9px; background: url("../../Content/1/d-uu-tl.gif") #00667c no-repeat left top; font-size: 1px }
.distracter.up.notsel .d_tr { width: 12px; height: 9px; background: url("../../Content/1/d-uu-tr.gif") #00667c no-repeat left top; font-size: 1px }
.distracter.up.notsel .d_bl { width: 9px; height: 12px; background: url("../../Content/1/d-uu-bl.gif") #00667c no-repeat left top; font-size: 1px }
.distracter.up.notsel .d_br { width: 12px; height: 12px; background: url("../../Content/1/d-uu-br.gif") #00667c no-repeat left top; font-size: 1px }
.distracter.up.notsel .d_t { height: 9px; background: url("../../Content/1/d-uu-t.gif") #00667c repeat-x left top; font-size: 1px }
.distracter.up.notsel .d_r { width: 12px; background: url("../../Content/1/d-uu-r.gif") #00667c repeat-y left top; font-size: 1px }
.distracter.up.notsel .d_b { height: 12px; background: url("../../Content/1/d-uu-b.gif") #00667c repeat-x left top; font-size: 1px }
.distracter.up.notsel .d_l { width: 9px; background: url("../../Content/1/d-uu-l.gif") #00667c repeat-y left top; font-size: 1px }
.distracter.up.notsel.nohov .d_c { background-color: #00667c }
.distracter.up.notsel.hover .d_c { background-color: #086d84 /* #009acf */}

.distracter.down.notsel .d_tl { width: 9px; height: 9px; background: url("../../Content/1/d-du-tl.gif") #00667c no-repeat left top; font-size: 1px }
.distracter.down.notsel .d_tr { width: 12px; height: 9px; background: url("../../Content/1/d-du-tr.gif") #00667c no-repeat left top; font-size: 1px }
.distracter.down.notsel .d_bl { width: 9px; height: 12px; background: url("../../Content/1/d-du-bl.gif") #00667c no-repeat left top; font-size: 1px }
.distracter.down.notsel .d_br { width: 12px; height: 12px; background: url("../../Content/1/d-du-br.gif") #00667c no-repeat left top; font-size: 1px }
.distracter.down.notsel .d_t { height: 9px; background: url("../../Content/1/d-du-t.gif") #00667c repeat-x left top; font-size: 1px }
.distracter.down.notsel .d_r { width: 12px; background: url("../../Content/1/d-du-r.gif") #00667c repeat-y left top; font-size: 1px }
.distracter.down.notsel .d_b { height: 12px; background: url("../../Content/1/d-du-b.gif") #00667c repeat-x left top; font-size: 1px }
.distracter.down.notsel .d_l { width: 9px; background: url("../../Content/1/d-du-l.gif") #00667c repeat-y left top; font-size: 1px }
.distracter.down.notsel .d_c { background-color: #00586b }

.distracter.up.selected .d_tl { width: 9px; height: 9px; background: url("../../Content/1/d-us-tl.gif") #00667c no-repeat left top; font-size: 1px }
.distracter.up.selected .d_tr { width: 12px; height: 9px; background: url("../../Content/1/d-us-tr.gif") #00667c no-repeat left top; font-size: 1px }
.distracter.up.selected .d_bl { width: 9px; height: 12px; background: url("../../Content/1/d-us-bl.gif") #00667c no-repeat left top; font-size: 1px }
.distracter.up.selected .d_br { width: 12px; height: 12px; background: url("../../Content/1/d-us-br.gif") #00667c no-repeat left top; font-size: 1px }
.distracter.up.selected .d_t { height: 9px; background: url("../../Content/1/d-us-t.gif") #00667c repeat-x left top; font-size: 1px }
.distracter.up.selected .d_r { width: 12px; background: url("../../Content/1/d-us-r.gif") #00667c repeat-y left top; font-size: 1px }
.distracter.up.selected .d_b { height: 12px; background: url("../../Content/1/d-us-b.gif") #00667c repeat-x left top; font-size: 1px }
.distracter.up.selected .d_l { width: 9px; background: url("../../Content/1/d-us-l.gif") #00667c repeat-y left top; font-size: 1px }
.distracter.up.selected.nohov .d_c { background-color: #009acf }
.distracter.up.selected.hover .d_c { background-color: #08a2d7 }

.distracter.down.selected .d_tl { width: 9px; height: 9px; background: url("../../Content/1/d-ds-tl.gif") #00667c no-repeat left top; font-size: 1px }
.distracter.down.selected .d_tr { width: 12px; height: 9px; background: url("../../Content/1/d-ds-tr.gif") #00667c no-repeat left top; font-size: 1px }
.distracter.down.selected .d_bl { width: 9px; height: 12px; background: url("../../Content/1/d-ds-bl.gif") #00667c no-repeat left top; font-size: 1px }
.distracter.down.selected .d_br { width: 12px; height: 12px; background: url("../../Content/1/d-ds-br.gif") #00667c no-repeat left top; font-size: 1px }
.distracter.down.selected .d_t { height: 9px; background: url("../../Content/1/d-ds-t.gif") #00667c repeat-x left top; font-size: 1px }
.distracter.down.selected .d_r { width: 12px; background: url("../../Content/1/d-ds-r.gif") #00667c repeat-y left top; font-size: 1px }
.distracter.down.selected .d_b { height: 12px; background: url("../../Content/1/d-ds-b.gif") #00667c repeat-x left top; font-size: 1px }
.distracter.down.selected .d_l { width: 9px; background: url("../../Content/1/d-ds-l.gif") #00667c repeat-y left top; font-size: 1px }
.distracter.down.selected .d_c { background-color: #008aba }

.divPopupIndex { width: 370px; height: 450px; background: url("../../Content/1/q-footerbg.jpg") #93a0a3 repeat left top;
				 padding: 10px 15px; border-top: solid 1px White; border-right: solid 2px #666666; border-left: solid 1px White; border-bottom: solid 1px #666666;
				 vertical-align: top; color: White; /*position: absolute; top: 100px; left: 225px*/ }
.divPopupIndex .title { font-size: 18pt; font-weight: bold; padding-bottom: 5px }
/*.divPopupIndex .list { background-color: White; height: 225px; width: 370px; overflow-x: none; overflow-y: none; color: Black }*/
.divPopupIndex .buttons { text-align: center; margin-left: auto; margin-right: auto; padding-top: 10px }
.divPopupIndex .buttons INPUT { font-size: 12pt; width: 100px }

.lbPopupList { width: 100%; height: 350px; font-size: 130% }

/* ===== TestReport.aspx ===== */
.spnTestReportPassed { color: Green; font-weight: bold }
.spnTestReportFailed { color: Red; font-weight: bold }
.spnTestReportScore { }



/* ===== FatalError.aspx ===== */
.divFatalErrorText { font-weight: bold; color: Red; background-color: #ffffd0; margin: 10px 10px 10px 10px; border: solid 2px Red; padding: 10px 15px }
.divFatalErrorText UL { margin-top: 0.5em; margin-bottom: 0; }

/* ===== Road Code ===== */
.tvIndex { margin-left: 2em }
.tvIndex .node a{ font-weight: bold; font-size: 115%; padding-top: 1em; padding-bottom: 0.2em;color:#2e737a }
.tvIndex .node a:hover{color:#6c9d32}
.tvIndex .parent a{ font-weight: normal; font-size: 100%; padding-top: 0;color:#2e737a }
.tvIndex .leaf a{ font-weight: normal; font-size: 100%; padding-top: 0;color:#2e737a }

.tvIndex .leaf a:hover{color:#6c9d32}
.tvIndex .selected { padding-top: 0 }
.tvIndex .selected A { color: Black; text-decoration: none }
.tvIndex .selected A:hover { text-decoration: none }

HTML.ISROADCODE .divPageContent { color:#333; font-family: Verdana, helvetica, sans-serif; font-size: 89%; line-height: 130% }
HTML.ISROADCODE H1 { background-color: #42328c; padding: 0.8em 0.2em 0.5em 0.2em; font-size: 170%; color: White }
HTML.ISROADCODE H2 { color: #f05222;font-size: 150%; font-family: Arial, helvetica, sans-serif; font-weight: bold }
HTML.ISROADCODE H3 { color:#555; font-family: Arial, helvetica, sans-serif; font-size: 135% }
HTML.ISROADCODE LI { padding-bottom: 0.5em }
HTML.ISROADCODE .imptbox { margin: 0; padding: 6px 20px 6px 20px; border:1px #000000 double; display:block; background:#eae4f1; }
HTML.ISROADCODE .imptbox h4 { font-variant: small-caps; padding-top:0; }
HTML.ISROADCODE table.contimage td { background-color:#ddd; text-align:center; }
HTML.ISROADCODE .contentimage { display:block; background-color:#ddd; text-align:center; margin:5px; padding:2px; }
HTML.ISROADCODE .contentimage img { margin-top:12px; }

a.bluebutton,
.bluebutton {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	background:url("../../images/overlay.png") repeat-x scroll 0 0 #2c6e75;
	border-bottom:1px solid rgba(0, 0, 0, 0.25);
	color:#FFFFFF !important;
	cursor:pointer;
	display:inline-block;
	font-size:13px;
	font-weight:bold;
	line-height:1;
	padding:7px 12px 8px;
	text-decoration:none;
	text-shadow:0 -1px 1px rgba(0, 0, 0, 0.5);
	width:auto;
	border:none;

}
.purchasebutton
{
float:right;
padding-top:55px;
padding-right:80px;   
}
.bluebutton:hover {
	background:url("../../images/overlay.png") repeat-x scroll 0 0 #215358;
}

/*.bluebutton:active {	background:#2c6e75; }*/

.loginbutton
{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	background:url("../../images/overlay.png") repeat-x scroll 0 0 #71841c;
	border-bottom:1px solid rgba(0, 0, 0, 0.25);
	color:#FFFFFF !important;
	cursor:pointer;
	display:inline-block;
	font-size:13px;
	font-weight:bold;
	line-height:1;
	padding:7px 12px 8px;
	text-decoration:none;
	text-shadow:0 -1px 1px rgba(0, 0, 0, 0.5);
	width:auto;
	border:none;
	float:left;
	
	}
	
   /* .loginbutton:hover {
	background:url("../../images/overlay.png") repeat-x scroll 0 0 #5c6c17;
}*/

.loginbutton:active {
	background:#71841c;
	
}
.greenbutton {
	border-style: none;
	border-color: inherit;
	border-width: medium;
	-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
		background:url("../../images/overlay.png") repeat-x scroll 0 0 #71841c;
		color:#FFFFFF !important;
		cursor:pointer;
		display:inline-block;
		font-size:13px;
		font-weight:bold;
		line-height:1;
		padding:7px 12px 8px;
		text-decoration:none;
		text-shadow:0 -1px 1px rgba(0, 0, 0, 0.5);
		width:auto;
		margin-left: 0px;
}


/*.greenbutton:hover {
	background:url("../../images/overlay.png") repeat-x scroll 0 0 #5c6c17;
}*/

.greenbutton:active {
	background:#71841c;
	}



.motorvehicles
{
	background-image: url('images/roadcode_mv.gif');
	border: none;
	width: 204px;
	height: 77px;
	display: block;
}
.motorvehicles:hover
{
	background: url('images/roadcode_mv.gif') 204px 0px;
}

.motorcycles
{
	background-image: url('images/roadcode_mcycles.gif');
	border: none;
	width: 204px;
	height: 77px;
	display: block;
}
.motorcycles:hover
{
	background: url('images/roadcode_mcycles.gif') 204px 0px;
}

.heavyvehicles
{
	background-image: url('images/roadcode_hv.gif');
	border: none;
	width: 204px;
	height: 77px;
	display: block;
}
.heavyvehicles:hover
{
	background: url('images/roadcode_hv.gif') 204px 0px;
}







.motorvehicles_main
{
	background-image: url('images/roadcode_mv_main.gif');
	border: none;
	width: 204px;
	height: 77px;
	cursor: pointer;
}
.motorvehicles_main:hover
{
	background: url('images/roadcode_mv_main.gif') 204px 0px;
}

.motorcycles_main
{
	background-image: url('images/roadcode_mcycles_main.gif');
	border: none;
	width: 204px;
	height: 77px;
	cursor: pointer;
}
.motorcycles_main:hover
{
	background: url('images/roadcode_mcycles_main.gif') 204px 0px;
}

.heavyvehicles_main
{
	background-image: url('images/roadcode_hv_main.gif');
	border: none;
	width: 204px;
	height: 77px;
	cursor: pointer;
}
.heavyvehicles_main:hover
{
	background: url('images/roadcode_hv_main.gif') 204px 0px;
}

.Facebook
{
	
	border: none;
	width: 84px;
	height: 84px;
	cursor: pointer;
	margin-top: -65px;
	margin-left:-90px;
}


.Twitter
{
	
	border: none;
	width: 84px;
	height: 84px;
	cursor: pointer;
	margin-top: -65px;
}

.Logincorner 
{
	position:relative;
	top:28px;
	left:0px;
	height:64px;
	width:199px;
}

.RoadCodePurchase{top:-191px}
.FooterLink{}
.QuizCorner{Position:relative; top: -3px; left: 0px;height: 64px; width: 199px;}
.RoadCodeCorner{position:relative;top:0px;left:0px;height:64px; width: 199px;}
.QuizGirl{width:228px; height:231px}
.QuizButton{padding-left:608px;padding-top:6px}
.PracticeTest{}
.PracticeAvailable{}