@charset "utf-8";
/* CSS Document */

/* background wallpaper and set body elements*/
body{
 	margin: 0;
  	padding: 0;
	background-image: url(/assets/images/wallpaper.jpg);
	background-repeat: repeat-x;
	background-color: #000000;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	color: #555555;
	text-decoration: none;
	font-style: normal;
}

/* Full width table styles*/
table.fullWidth , table.fullWidth th, table.fullWidth td
{
    border-spacing: 0;
}

table.fullWidth th, table.fullWidth td
{
    text-align: left;
    padding: 4px;
}

table.fullWidth
{
    margin-top: 10px;
    width: 100%;
}

/* Prevent Chrome from resizing textarea */
textarea { 
    resize: none;
}

a
{
	color: #555555;
}

a:hover 
{
	color: #9561a9;
}

/* GridView */
.GridView 
{
	border: solid 1px #999999;
	width: 100%;
	border-collapse:collapse;
}

.GridView td
{
	border: solid 1px #999999;
	margin: 1px 1px 1px 1px;
	padding: 4px;
	text-align: left;
}

.GridView td[align=right]
{
	text-align:right;
}

.GridViewHeader
{
	border: solid 1px #9561a9;
	font-weight: bold;
	background-color: #9561a9;
	color: #ffffff;
	font-weight: bold;
}

.GridViewFooter
{
	border: solid 1px #999999;
	font-weight: bold;
	background-color: #999999;
	color: #ffffff;
	font-weight: bold;
}

.GridViewHeader th
{
	padding: 4px;
	text-align:left;
}

.GridViewItem
{
	background-color: #e6e6e6;
}

.GridViewAltItem
{
	background-color: white;
}

.LateClipBoardItem 
{
	background-color: #DD3E22;
	color: #FFFFFF;
}

.DisplayNone 
{
	display:none;
}

.Sub {
font-size:0.6em;
vertical-align:baseline;
}

/*homewrapper wraps home content and sets purple car background */
#homewrapper {
	width: 960px;
	height: auto;
	margin: 0 auto; /*Center wrapper on page*/
	margin-top: 0px;
	text-align: left;
	padding-top: 65px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-color: #000000;
	background-image: url(/assets/images/driverzone_purplecar_with_payment_cards.jpg);
	background-repeat: no-repeat;
}
	
	
/* Menu black strip navigation for all areas*/
#menutop {
	width: 960px;
	height: 35px;
}

/*Credits: CSSpplay * Black menu/ 
/*Modified from original source/
/*URL: http://www.cssplay.co.uk/menus/pro_one */

.menu1 {padding:0 0 0 10px; margin:0; list-style:none; height:35px; background:#000 url(/assets/images/button1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}

.menu1 li {float:left;}
.menu1 li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:10px; font-family:arial, verdana, sans-serif; font-weight:normal; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu1 li a b {float:left; display:block; padding:0 16px 0 8px;}
.menu1 li.current a {color:#fff; background:url(/assets/images/button3.gif);}
.menu1 li.current a b {background:url(/assets/images/button3.gif) no-repeat right top;}
.menu1 li a:hover {color:#dab8e6; background:#000 url(/assets/images/button2.gif);}
.menu1 li a:hover b {background:url(/assets/images/button2.gif) no-repeat right top;}
.menu1 li.current a:hover {color:#fff; background:#000 url(/assets/images/button3.gif); cursor:default;}
.menu1 li.current a:hover b {background:url(/assets/images/button3.gif) no-repeat right top;
}

/* container to house middle section content and floated columns*/
#container {
	width: 960px;
	height: auto;
	margin-top: 0px;
	text-align: left;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

/* left hand column for homepage what is driverzone text*/
#homeleftcontent{
	width: 430px;
	height: 210px;
	margin-left: 0px;
	margin-top: 0px;
	text-align: left;
	padding-top: 280px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 20px;
	float:left;	
}
/* promo content column containing VE103 slider and car hire content*/
#homepromocontent{
	width: 220px;
	height: auto;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	float:left;	
	background-color: #000000;	
}

/* main content column to contain login areas*/	
#regcontent{
	width: 240px;
	height: auto;
	margin-left: 0px;
	margin-top: 0px;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float:left;	
	}
/* activate now input area*/		
#regarea{
	width: 215px;
	height: auto;
	margin-left: 0px;
	margin-top: 0px;
	text-align: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 15px;
	background-color: #70b000;	
}
/* already activated input area*/
#alreadylogin{
	width: 215px;
	height: auto;
	margin-left: 0px;
	margin-top: 0px;
	text-align: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 15px;
	background-color: #9561a9;
	background-repeat: no-repeat;		
}
#alreadybotcurve{
	width: 240px;
	height: 29px;
	margin-left: 0px;
	margin-top: 0px;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-repeat: no-repeat;
	background-image: url(/assets/images/already_botcurve.jpg);
}
/* homepage loyalty content area*/
#loyaltyarea{
	width: 215px;
	height: auto;
	margin-left: 0px;
	margin-top: 0px;
	text-align: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 15px;	
	
}

/* content specific to templates only */
/* wrapper for templates only no bg image */
#tempwrapper {
	width: 960px;
	height: auto;
	margin: 0 auto; /*Center wrapper on page*/
	margin-top: 0px;
	text-align: left;
	padding-top: 65px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-color: #000000;
	background-image: url(/assets/images/driverzone_purplecar_with_payment_cards.jpg);
	background-repeat: no-repeat;
}
/* template container to house middle section content and floated columns*/
#tempcontainer {
	width: 960px;
	height: auto;
	margin-top: 0px;
	text-align: left;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-color: #ffffff;
	background-image: url(/assets/images/tempbg.jpg);
	background-repeat: repeat-y;
}

#tempcontainerAdministration {
	width: 100%;
	height: auto;
	margin-top: 0px;
	text-align: left;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-color: #ffffff;
	background-image: url(/assets/images/tempbgAdministration.jpg);
	background-repeat: repeat-y;
}

/* template wider left hand content area*/	
#templeftcontent{
	width: 680px;
	height: auto;
	margin-left: 0px;
	margin-top: 0px;
	text-align: left;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	float:left;	
}
#temppromocontent{
	width: 220px;
	height: auto;
	margin-left: 0px;
	margin-top: 0px;
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	float:left;	
	background-color: #000000;	
}
/* purple car quote graphic*/	
.tempcarquote{
	width: 270px;
	height: 170px;
	margin-left: 0px;
	margin-top: 0px;
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 400px;
	background-image: url(/assets/images/template_carimage_quote.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}

/* template quote graphic*/	
.tempquote{
	width: 580px;
	height: 188px;
	margin-left: 0px;
	margin-top: 0px;
	text-align: left;
	padding-top: 3px;
	padding-right: 100px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(/assets/images/quotebg.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #9561a9;
}
.tempquoteimage{
	width: 200px;
	height: 150px;
	float:left;	
	padding-right: 10px;
}
/* clears the floats in the middle content area*/
.clearer {
	font-size: 0px;
	line-height: 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 0px;
	width: auto;
}

/* footer contents*/
#footer{
	width: 845px;
	height: 120px;
	margin-top: 0px;
	background-image: url(/assets/images/footer.jpg);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 115px;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #000000;
}

/* footer navigation area*/
#footernav{
	width: 380px;
	height: auto;
	margin-top: 0px;
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float:left;
}

.footernavtx {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    font-style: normal;
    line-height: 12px;
	display: inline;
	padding: 2px 0;
	padding-left: 5px;
	padding-right: 5px;
    padding-top: 0px;
	height: 12px;
	color: #ffffff;
	text-decoration: none;
}
.footernavtx a:link, .footernavtx a:visited, .footernavtx a:active {
	color: #FFFFFF;
	text-decoration: none;
}
.footernavtx:hover {
    background-color: #9561a9;
	color: #FFFFFF;
}

/* footer copyright and further credits*/
#footercopyright{
	width: 400px;
	height: auto;
	margin-top: 0px;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float:left;
}

/* Font classes*/
.whitebodtx{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	font-style: normal;
}
.whitebodtx a:link, .whitebodtx a:visited, .whitebodtx a:active {
	color: #ffffff;
	text-decoration: underline;
}
.whitebodtx a:hover {
    color: #bc8ace;
	text-decoration: none;
}
.whitebodtxbold{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	font-style: normal;
}
.whitebodtxbold a:link, .whitebodtxbold a:visited, .whitebodtxbold a:active {
	color: #ffffff;
	text-decoration: underline;
}
.whitebodtxbold a:hover {
    color: #bc8ace;
	text-decoration: none;
}
.greybodtx{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13px;
	font-weight: normal;
	color: #cccccc;
	text-decoration: none;
	font-style: normal;
}
.whitesmtx{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	font-style: normal;
}
.whitesmtxbold{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	font-style: normal;
}
.greysmtx{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 11px;
	font-weight: normal;
	color: #cccccc;
	text-decoration: none;
	font-style: normal;
}
.greysmtx a, greysmtx a:visited, greysmtx a:hover {
	color: #cccccc;
}
.midgreysmtx{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	font-weight: normal;
	color: #888888;
	text-decoration: none;
	font-style: normal;
}
.greysmtxbold{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
	color: #cccccc;
	text-decoration: none;
	font-style: normal;
}
.ltgreysmtxbold{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	color: #dddddd;
	text-decoration: none;
	font-style: normal;
}
.temphdtx{
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 24px;
	line-height: 26px;
	font-weight: normal;
	color: #888888;
	text-decoration: none;
	font-style: normal;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c0a6cf;
}

/*
.tempgreybodtx{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	color: #888888;
	text-decoration: none;
	font-style: normal;
}
*/

.tempgreybodtx a:link, .tempgreybodtx a:visited, .tempgreybodtx a:active {
	color: #888888;
	text-decoration: underline;
}
.tempgreybodtx a:hover {
    color: #9561a9;
	text-decoration: none;
}
.tempgreyboldtx{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
	font-style: normal;
}
.tempgreyboldtx a:link, .tempgreyboldtx a:visited, .tempgreyboldtx a:active {
	color: #888888;
	text-decoration: underline;
}
.tempgreyboldtx a:hover {
    color: #9561a9;
	text-decoration: none;
}

.alignTop {
	vertical-align:top !important;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 24px;
	line-height: 26px;
	font-weight: normal;
	color: #888888;
	text-decoration: none;
	font-style: normal;
	display: block;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #c0a6cf;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #c0a6cf;
	background-image: url(/assets/images/form_bgAdministration.jpg);
	background-position: right;
	background-repeat: no-repeat;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 16px;
	font-weight:bold;
	line-height: 16px;
	color: #9561a9;
	text-decoration: none;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c0a6cf;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #c0a6cf;
	margin-top: 30px;
}

h3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	line-height: 16px;
	color: #9561a9;
	text-decoration: none;
}



/* Cancel hover effect on headers set as anchor targets */
h2 a:hover, h3 a:hover, h2 a, h3 a
{
	color: #9561a9;
}

.tempmedwhtx{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	font-style: normal;
}

/* Begin: Full Width Stylised Form */
.formwhFull 
{
	width: 680px;
}
.formwhtdFull
{
	padding: 0px;
	background-image: url(/assets/images/table_top_tab.jpg);
	height: 41px;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	font-style: normal;
	padding-left: 16px;
	padding-bottom: 0px;
	text-align: left;
}
.formwhfooterFull
{
	background-image: url(/assets/images/table_bottom_tab.jpg);
	background-repeat: no-repeat;
	height: 20px;
}
.formpadtxFull
{
	background-image: url(/assets/images/table_middle_bg.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	font-style: normal;
	padding-left: 20px;
}
/* End: Full Width Stylised Form */

/* Begin: Full Width Stylised Warning Form */
.formwhFullAlert
{
	width: 680px;
}
.formwhtdFullAlert
{
	padding: 0px;
	background-image: url(/assets/images/table_top_tab_warning.jpg);
	height: 41px;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 13px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	font-style: normal;
	padding-left: 16px;
	padding-bottom: 0px;
	text-align: left;
}
.formwhfooterFullAlert
{
	background-image: url(/assets/images/table_bottom_tab_warning.jpg);
	background-repeat: no-repeat;
	height: 20px;
}
.formpadtxFullAlert
{
	background-image: url(/assets/images/table_middle_bg_warning.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	font-style: normal;
	padding-left: 20px;
}
/* End: Full Width Stylised Warning Form */

/* Begin: Half Width Stylised Form */
.formwh 
{
	width: 335px;
}

.formwhtd
{
	padding: 0px;
	background-image: url(/assets/images/smaller_top_tab.jpg);
	height: 41px;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	font-style: normal;
	padding-left: 16px;
	padding-bottom: 0px;
	text-align: left;
}

.formwhfooter
{
	background-image: url(/assets/images/smaller_bottom_tab.jpg);
	background-repeat: no-repeat;
	height: 20px;
}

.formpadtx
{
	background-image: url(/assets/images/smaller_table_bg.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	font-style: normal;
	padding-left: 20px;
}
/* End: Half Width Stylised Form */


/* Common Stylised Form Elements */
.formblacktx{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	font-style: normal;
}


/* bullet list formatting*/
ul{
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	
}

.form td 
{
	padding-top: 4px;
}

.form td.label
{
	text-align: right;
	font-weight: bold;
	vertical-align: middle;
}

.form td.labelLeft
{
	text-align: left;
	font-weight: bold;
	vertical-align: middle;
}

.form .image-content td{
    width:1px;
}
/* form styles*/

.marginTop {
	margin-top: 14px;
}

.activatebox {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    height: 15px;
    width: 195px;
    color: #000000;
    text-decoration: none;
    border: 1px solid #a4d64f;
    background-color: #a4d64f;
    border-collapse: collapse;
}
.activatebutton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	height: 19px;
	color: #ffffff;
	text-decoration: none;
	border: 1px solid #a4d64f;
	background-color: #70b000;
	border-collapse: collapse;
}

.alreadybutton 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	height: 19px;
	color: #ffffff;
	background-color: #9561a9;
	text-decoration: none;
	border: 1px solid #e1c2ec;
	border-collapse: collapse;
}

.button {
	width: auto;
	cursor: pointer;
	border: none;
	overflow: visible;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 27px;
	font-weight: normal;
	color: #9561a9;
	text-align: center;
	text-decoration: none;
	background-image: url(/assets/images/button_bg.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 4px;
	padding-right: 3px;
	padding-bottom: 6px;
	padding-left: 3px;
    border-radius: 2px;
}

.button a:link, .button a:visited, .button a:active {
	color: #000000;
	text-decoration: none;
}
.button:hover {
	color: #000000;
	background-image: url(/assets/images/button_bg2.jpg);
}

.alreadybox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	height: 15px;
	width: 130px;
	text-decoration: none;
	border: 1px solid #b68dc6;
	background-color: #b68dc6;
	border-collapse: collapse;
	margin-top: 2px;
}

.mainformbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	height: 16px;
	width: 220px;
	text-decoration: none;
	border: 1px solid #9561a9;
	background-color: #ffffff;
	border-collapse: collapse;
	margin-top: 2px;
}

.mainformdropdownlist {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	height: 20px;
	width: 220px;
	text-decoration: none;
	border: 1px solid #9561a9;
	background-color: #ffffff;
	border-collapse: collapse;
	margin-top: 2px;
}

.ConfirmPopUp 
{
	background-color: #e1c2ec;
	padding: 10px;
	border: solid 2px #9561a9;
	text-align: center;
}

.ModelPopUp
{
	background-color: #ffffff;
	padding: 10px;
	border: solid 2px #9561a9;
	text-align: center;
}

.ui-dialog-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	line-height: 16px;
	color: #9561a9;
	text-decoration: none;
}

.ModelPopUpBackground
{
	background-color: #e1c2ec;
	filter: alpha(opacity=70);
	opacity: 0.7;
}



.hidden 
{
	display: none;
}

/* small form submenu*/
.formnavtx {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    font-style: normal;
    line-height: 12px;
	display: inline;
	padding: 2px 0;
	padding-left: 5px;
	padding-right: 5px;
    padding-top: 0px;
	height: 12px;
	color: #888888;
	text-decoration: none;
	border-radius: 6px;
}
.formnavtx a:link, .formnavtxa:visited, .formnavtx a:active {
	color: #888888;
	text-decoration: none;
}
.formnavtx:hover {
    background-color: #999999;
	color: #FFFFFF;
}
/* class for currently selected item*/
.formnavselected {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    font-style: normal;
    line-height: 12px;
	display: inline;
	padding: 2px 0;
	padding-left: 5px;
	padding-right: 5px;
    padding-top: 0px;
	height: 12px;
	color: #ffffff;
	background-color: #9561a9;
	text-decoration: none;
}

.warning 
{
	color: #DD3E22;
}

/* Begin: Calendar */
.calendar .ajax__calendar_container
{
	background-color: #e1c2ec;
	border:solid 10px #9561a9;
}
.calendar .ajax__calendar_header 
{
	background-color: #ffffff;
	margin-bottom: 4px;
}
.calendar .ajax__calendar_title,.cal_Theme1 .ajax__calendar_next,.cal_Theme1 .ajax__calendar_prev
{
	color: #004080;
	padding-top: 3px;
}
.calendar .ajax__calendar_body
{
	background-color: #e9e9e9;
	border: solid 2px #cccccc;
	height: 160px;
}
.calendar .ajax__calendar_dayname
{
	text-align:center;
	font-weight:bold;
	margin-bottom: 4px;
	margin-top: 2px;
}
.calendar .ajax__calendar_day
{
	text-align:center;
}
.calendar .ajax__calendar_hover .ajax__calendar_day,.calendar .ajax__calendar_hover .ajax__calendar_month,.calendar .ajax__calendar_hover .ajax__calendar_year,.calendar .ajax__calendar_active
{
	color: #004080;
	font-weight: bold;
	background-color: #ffffff;
	}
.cal_Theme1 .ajax__calendar_today
{
	font-weight:bold;
}
.calendar .ajax__calendar_other,.calendar .ajax__calendar_hover .ajax__calendar_today,.calendar .ajax__calendar_hover .ajax__calendar_title
{
	color: #bbbbbb;
}
/* End: Calendar */

/* Begin: Auto Complete */
.completionList
{  
    visibility : hidden; 
    margin : 0px! important; 
    background-color : inherit; 
    color : black; 
    border : solid 1px #999999; 
    cursor : pointer; 
    text-align : left; 
    list-style-type : none; 
    font-family : Verdana; 
    font-size: 11px; 
    padding : 0; 
} 
.completionListItem 
{ 
    background-color: white; 
    padding : 1px; 
}      
.completionListItemHighLightedItem 
{ 
    background-color: #e1c2ec; 
    padding : 1px; 
}
/* End: Auto Complete */




/* Begin: TreeView */


.TreeView td
{
    line-height: 20px;
}

.TreeView td div
{
    height: 22px !important;
    vertical-align: top;
}

.TreeView input[type='checkbox']
{
    border: 3px #fff solid;
    margin-right: 2px;
}

.TreeViewPartiallyPopulated input[type='checkbox']
{
    border: 3px #ddd solid;
}
/* End: TreeView */


/* Begin: Validation */

@keyframes validationFailureAnimation 
{
    /*
    from {background-color: #FFFFFF;}
    to {background-color: #FFAEA1;}
    */
    0% {background-color: #FFFFFF;}
    30% {background-color: #FFAEA1;}
    60% {background-color: #FFFFFF;}
    100% {background-color: #FFAEA1;}
}

.ValidationFailed
{
	background-color:#FFAEA1 !Important; 
	animation-name: validationFailureAnimation;
    animation-duration: 1.0s;
}

#ValidationAdvice 
{
    color: #DD3E22;
    font-weight: bold;
}

/* End: Validation */


/* Begin: Operator Alert */

@keyframes operatorAlertAnimation 
{
    /*
    from {background-color: #FFFFFF;}
    to {background-color: #FFAEA1;}
    */
    0% {background-color: #FFFFFF;}
    30% {background-color: #FFAEA1;}
    60% {background-color: #FFFFFF;}
    100% {background-color: #FFAEA1;}
}

.OperatorAlertOuter, .OperatorAlertInner {
    display: block;
}

.OperatorAlertOuter {
    /* specify fixed width */
    width: 100%;
    padding: 0;
    border: 2px solid #c0a6cf;
    border-radius: 5px;
    margin-bottom: 20px;
    animation-name: operatorAlertAnimation;
    animation-duration: 2.0s;
}

.OperatorAlertInner {
    /* specify padding, can be changed while remaining fixed width of .outer */
    padding: 5px 10px 5px 10px;
    text-align: center;
    font-weight:bold;
    margin-bottom: 10px;
}

.OperatorAlertTitle 
{
    width:100%;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 14px;
    color: Red;
}

textarea,input[type],select  {
    border-radius: 4px;
}

textarea, input[type] {
    padding-left: 4px;
}

/* End: Operator Alert */

.horizontal-align-center {
	text-align: center;
}

.vertical-align-top {
	vertical-align: top;
}

.vertical-align-middle {
	vertical-align: middle;
}

.boldPurple {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	color: #9561a9;
}

ul.dashed {
	list-style-type: square;
	list-style-position: inside;
	margin-top: .5rem;
}

	ul.dashed > li {
		text-indent: -1rem;
		margin-left: 1rem;
	}

/* Privacy Policy */

#privacyPolicy p {
	margin: 0;
}

#privacyPolicy ol > li {
	margin: 1rem 0 0 2rem;
}

#privacyPolicy ol li .subheading {
	font-weight: bold;
}

/* End: Privacy Policy */


/* Driver Registration */

img[id$="ImageCompanyLogo"] {
	max-width:400px;
	max-height:150px;
}

/* End: Driver Registration */

/*
Color Ref
#9561a9 - Dark Purple
#e1c2ec - Light Purple
#999999 - Mid Grey
#DD3E22 - Red
#555555 - Grey
*/