
/* Reset */
* { margin: 0; padding: 0; text-decoration: none; outline: none; } code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext { font: inherit; font-size: 12pt; white-space: normal; } dfn, cite, var, address{ font-style: normal; } th, h1, h2, h3, h4, h5, h6 { font-weight: normal; } a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet, table { border: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td, center { text-align: left; vertical-align: top; } body { /*line-height: 1;*/ background: white; color: black; } q { quotes: "" ""; } ul, ol, dir, menu { list-style: none; } sub, sup { vertical-align: baseline; } a { color: inherit; } a:hover{ text-decoration: underline } font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */ marquee { overflow: inherit !important; -moz-binding: none; } blink { text-decoration: none; } nobr { white-space: normal; }

.ulList > li {
	list-style: disc;  
}

body { background:#6a207f; font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:87.4%; color:#282828;}
img { border:none; display:block;  padding:0; margin:0;}
div { padding:0; margin:0; border:none }

h1 { color:#6a207f; font-size:1.5em;}
h2 { font-size:1em;}
h3 {font-size:1em; font-weight:bold; margin-bottom:5px;}

a:link, a:visited { color: #78890d;font-weight: normal; text-decoration: underline; }


.hidden { display:none; }
.inline-block, .inline-block > li { display:inline-block; vertical-align: middle;*display:inline;zoom:1; text-align:left; }
#create-account .inline-block li, #register .inline-block li{ display:block;}
#create-account .inline-block.label li{ text-align:left; padding-bottom:6px;}
#register .inline-block.label li{ text-align:left; padding-bottom:40px;}
#register .inline-block.fields li{ text-align:left; padding-bottom:15px;}f
#create-account .inline-block.label li label{ text-align:left; width:250px}
#register .inline-block.label li label{ text-align:left; width:175px}
.center { text-align:center; }
.right { float:right }
.left { float:left }
.clear { clear:both; }
.pdf { display:inline; vertical-align:middle; }
.list li { display:block; margin-bottom:10px}
.block { display:block; }
.required { color: red; }

.BalanceMsg { color: red; padding-bottom: 20px; float:left;}

#ctl00_VDOTContentPlaceHolder_pnlInfo {padding: 5px;}
#ctl00_VDOTContentPlaceHolder_pnlInfo p {font-size:11px;}

#ctl00_VDOTContentPlaceHolder_pnlInfo ol li {font-size:11px;}


#ctl00_VDOTContentPlaceHolder_createAccWizard_ContactAddress_grdAdditionalUsers {padding: 5px;}

#ctl00_VDOTContentPlaceHolder_createAccWizard_ContactAddress_grdAdditionalUsers tbody tr {background-color:#6a207f;}


.pressrelease { float:left; width: 370px; }
.pressreleas {list-style: square  }
.pressrelease ul li 
{
  margin-top:25px;
  text-align: center left; 
  background-image: url(../images/next-generation-h1-dart.png); 
  background-position: center left; 
  background-repeat: no-repeat; 
  padding: .3em 0 0 1.1em;
}

.pressrelease span { font-size:11px; float:right; }


span.valerror[style*="inline"]
{
	display:block !Important;
	background-color: Yellow;
	border: 1px solid #cccccc;
	font-size:.9em;
}


#commonBanner {background: url(../images/common_feel_bg.jpg) repeat-x;font-family: Arial, sans-serif; height: 40px;}
#commonBanner .bannerInner {width: 958px;margin-left: 15px;}
#commonBanner a { text-decoration: none;}
#commonBanner .alignLeft { color: white;float: left;margin-left: 10px;padding-top: 13px;}
#commonBanner .alignLeft a {color: white;font-weight: bold;}
#commonBanner .virginiaLogo {float: left;}
#commonBanner #virginiaSearch { float: right;margin-top: 7px; }
.info-alert { background: url(../images/img-info-alert.png) no-repeat; margin-left:117px; width:149px; height:57px;}
.info-alert a { font-weight:bold; display:block; width:149px; height:57px; text-decoration:none; color:#000000; text-transform: uppercase; line-height:57px; text-align:center;}
#banner_bar #ezpass-logo { padding-left:245px; }
#banner_bar #ezpass-logo img{ }


div.layout-north { padding-top:15px; }

/* Main Navigation 977 */
#top_bar { width:977px; margin-left: 15px; position:relative; z-index:2;}
#rounded-top, #breadcrumbs { width:956px; margin:0 auto; }
#breadcrumbs { height:24px; background-color:#bdca37;}
#rounded-top { background:url(../images/rounded-top.png) no-repeat; height:12px}
#nav-bar { height:29px; background-color:#78890d; margin-right: 12px!important;}
#nav-bar ul { float:left; margin-left:264px; width: 702px; background-color: #000000; }
#nav-bar ul > li{ background-color: #000000; height:29px; line-height:29px; margin-left:-4px; position:relative;*margin-left:-4px;}
#nav-bar ul li  { display:inline-block; vertical-align: middle;*display:inline;zoom:1; text-align:left; }
#nav-bar ul li a{ background: url(../images/bg-nav-dart.png) no-repeat 98% 50%; text-decoration:none; color:#ffffff; font-size:13px; display:block; padding:0 17px 0 5px; background: url(../images/bg-nav-dart.png) no-repeat 95% 50%;}
#nav-bar ul > li > a:hover{ color:#78890D}
#nav-bar ul li.list-item{ background: url(../images/img-nav-crn.png) no-repeat 0 0;  width:21px; margin-left:0; padding:0; margin-right:-4px\9; background: url(../images/img-nav-crn.png) no-repeat 0 -2px\9;width:23px\9;*margin-right:0;*background: url(../images/img-nav-crn.png) no-repeat 0 0;*width:21px}
#nav-bar ul.submenu { float:none; padding: 10px 0 0 0; margin: 0; position: absolute; top: 29px; background-color: white; left: -999em; border-top:#cdcdce solid 1px;}
#nav-bar #toll-roads ul.submenu { padding-right:10px}
#nav-bar li:hover .submenu { left:auto; background-color:#6a207f; width:200px;}
#nav-bar .submenu li {display: block; padding-bottom:10px; margin: 0; background-color:#6a207f; height:auto; line-height:100%;}
#nav-bar .submenu li a {background:none; padding:0 0 0 10px; }
#nav-bar .submenu li a:hover, body.on-the-go li#on-the-go > a, body.new-flex li#new-flex > a, body.ezpass-news li#news > a, body.toll-roads li#toll-roads > a, body.resource-center li#resource-center > a, body.contact li#contact > a, body.child-of-about li#about > a, body.store-locations li#on-the-go > a, body.child-of-on-the-go li#on-the-go > a, body.child-of-new-flex li#new-flex > a, body.child-of-ezpass-news li#news > a, body.child-of-toll-roads li#toll-roads > a, body.child-of-resource-center li#resource-center > a{color:#afc234; }
.about #nav-bar ul li#about > a { color:#78890D; }
#nav-bar ul li#contact a { background:none;  }
#breadcrumbs p { padding-left:15px;}
#breadcrumbs a { text-decoration:none; font-size:90%;}
#breadcrumbs a:hover { text-decoration:underline;}
#breadcrumbs span {margin: 0px;} /*OP*/
.breadcrumbs-text { margin-left:20px;color:white;} /*OP*/
.breadcrumbs-text a { color:White }
/* Content */
#container { width:956px; background:url(../images/bg-container.png); margin-left:25px; padding-bottom:25px; border-bottom: black solid 10px;}
#sidebar { width:250px; width: 247px\9; }
#content { width:702px; padding-left:3px\9;*padding-left:7px;} /*OP added float*/

#entry-content { padding:0 20px; width:100%; padding-top: 10px;}
/*#entry-content a {text-decoration:none;}*/
#entry-content a:hover {text-decoration:underline;}

h1.entry-title { padding:25px 0 25px 15px; margin-left:-12px; background:url(../images/bg-h1-dart.png) no-repeat 0 50%;}
#entry-content p, img.block, #entry-content ul, #entry-content ol{ margin-bottom:6px;}
img.right { padding: 0 0 15px 15px; }
img.left { padding: 0 20px 15px 0; }
#entry-content p, #entry-content li{ line-height:1.3em;}
#video, #image { width:243px; float:right}
#video { height:245px; background:url(../images/bg-video.png) no-repeat; }
#video h3{ text-transform:uppercase; text-align:center; padding-top:10px; margin-bottom:14px; color: #6a207f;}
#video .div{ width:217px; margin:9px auto 0 auto; background-color:#e1e2e2;}
#video .div p{ padding:0px 0}

.bottom { width:217px; float:left; margin-left:10px; margin-top:4px;}
.bottom a img { float:left; margin-left: 10px; }

#sidebar ul li { background:url(../images/bg-sidebar-btn.png) no-repeat; width:207px; height:47px; margin-bottom:15px;}
#sidebar ul li a:hover { text-decoration:underline; }
#sidebar ul li a{ display:block; width:207px; height:47px; line-height:47px; text-decoration:none; color:#000000; font-size:13px;}
#sidebar ul li a img{ display:inline; line-height:47px; vertical-align:middle; padding:0 10px 0 20px;}
#sidebar ul { width:207px; margin:0 auto; padding-top:15px;}
#sidebar > img{ width:158px; margin:0 auto; padding-top:10px;}
#content.inline-block, #sidebar.inline-block { vertical-align:top; }

/*op*/
.content-text { padding:10px; padding-right:35px; }
/*VALIDATOR ERROR MSG*/	
.redtext
{
	color:Red;text-align:right;
}
/*VALIDATOR ERROR MSG*/	
.validateRed
{
	font-size:12px;
	color:Red;
}

#PasswordRequired 
{
	color:Blue;font-size:x-small;
}
	


/* Inner Pages */
.inner-page #entry-content { margin-top:15px; width:auto; }
.inner-page.contact #entry-content { margin-top:69px;}
#sub-nav { margin:30px 0 10px 0; padding:0 0 0 20px;}
#sub-nav a{text-decoration:none;}
#sub-nav a:hover{text-decoration:underline;}
#sub-nav span{padding:0 10px; color:#78890d}
#entry-content h2 { color:#6a207f; font-weight:bold; font-size:1.25em; margin-bottom:15px;}
#entry-content img.right { padding:0 0 10px 20px;}

/*.next-generation-h1 { color:#ffffff; margin:-39px 0 0 0; padding-left:25px; background: url(../images/next-generation-h1-dart.png) no-repeat 10px 50%; position:relative;} */
#entry-content h1 {color:#ffffff; margin:-55px 0 0 0; padding-left:25px; background: url(../images/next-generation-h1-dart.png) no-repeat 10px 50%; position:relative; margin-bottom:20px;}

.next-generation-home-h1 { color:#ffffff; margin:-39px 0 0 0; font-weight:bold; padding-left:25px; font-size:28px;  position:relative;}
.next-generation-home-h1 span { margin:-89px 0 0 0; color:yellow;} 
#service-center-table td a {display:block; padding-bottom:10px}

/* forms */
label { /*width: 100px;*/ padding-right:4px;padding-left:4px; text-align:right;  }
#login-form label { width: 100px; text-align:right; }
label, input { display:inline-block; vertical-align:middle; margin: 0 0 5px 0;}
input[type=text] { }
form { margin-bottom:15px; }

#ctl00_VDOTContentPlaceHolder_lblUserName,#ctl00_VDOTContentPlaceHolder_lblPWD { width: 110px; }

/* Footer */
.wrapper-south { padding:15px 30px; width:956px;}
#footer ul.inline-block li { padding-left:5px; }
.copyright {color: white;float: left; line-height: 14px; padding-bottom: 15px; font-size:10px; margin-left:15px;}
.copyright a {color: white;text-decoration: none;}
#footer-social { float: right; margin:0 15px 0 0;}
.white { float: left; text-align: right; color: white; font-size: 14px; margin-right: 20px; }


/* Account */
/* trx table */
#ctl00_VDOTContentPlaceHolder_grdTransaction td,th { padding-top: 4px; padding-bottom:4px; padding-left: 1px; padding-right: 1px; }
/* vehicles table */ 
#ctl00_VDOTContentPlaceHolder_grdTags td { padding:4px;}


#ctl00_VDOTContentPlaceHolder_grdAccountInfo { margin-top:20px;}

#ctl00_VDOTContentPlaceHolder_grdAccountInfo th { padding:4px;}
#ctl00_VDOTContentPlaceHolder_grdAccountInfo td { padding-top:4px; padding-bottom:4px;}

#topNav {padding-bottom:15px;}
#topNav a { }


#ctl00_VDOTContentPlaceHolder_ContactAddress_txtNotes {
	padding: 2px;
	border: 1px solid #DDDDDD;
	/*Applying CSS3 gradient*/
	background: -moz-linear-gradient(center top, #FFFFFF, #EEEEEE 1px, #FFFFFF 20px);
	background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');
	/*Applying CSS 3radius*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	/*Applying CSS3 box shadow*/
	-moz-box-shadow: 0 0 2px #DDDDDD;
	-webkit-box-shadow: 0 0 2px #DDDDDD;
	box-shadow: 0 0 2px #DDDDDD;
}

input[type="text"], input[type="password"], input[type="submit"] {
	padding: 2px;
	border: 1px solid #DDDDDD;
	/*Applying CSS3 gradient*/
	background: -moz-linear-gradient(center top, #FFFFFF, #EEEEEE 1px, #FFFFFF 20px);
	background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');
	/*Applying CSS 3radius*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	/*Applying CSS3 box shadow*/
	-moz-box-shadow: 0 0 2px #DDDDDD;
	-webkit-box-shadow: 0 0 2px #DDDDDD;
	box-shadow: 0 0 2px #DDDDDD;
}
input[type="text"]:hover
{
	border:1px solid #cccccc;
}
input[type="text"]:focus
{
	box-shadow:0 0 2px #FFFE00;
}



input[type="submit"],input[type="button"],btnlink 
{
  background-color: hsl(0, 0%, 16%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5b5b5b", endColorstr="#282828");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#5b5b5b), to(#282828));
  background-image: -moz-linear-gradient(top, #5b5b5b, #282828);
  background-image: -ms-linear-gradient(top, #5b5b5b, #282828);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5b5b5b), color-stop(100%, #282828));
  background-image: -webkit-linear-gradient(top, #5b5b5b, #282828);
  background-image: -o-linear-gradient(top, #5b5b5b, #282828);
  background-image: linear-gradient(#5b5b5b, #282828);
  border-color: #282828 #282828 hsl(0, 0%, 11%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
  -webkit-font-smoothing: antialiased;
  padding: 3px;
  border-radius: 3px;
  border: 1px solid black;
}

input[type="submit"][disabled="disabled"]
{
  background-color: hsl(0, 0%, 79%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#134134134", endColorstr="#c9c9c9");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#134134134), to(#c9c9c9));
  background-image: -moz-linear-gradient(top, #134134134, #c9c9c9);
  background-image: -ms-linear-gradient(top, #134134134, #c9c9c9);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #134134134), color-stop(100%, #c9c9c9));
  background-image: -webkit-linear-gradient(top, #134134134, #c9c9c9);
  background-image: -o-linear-gradient(top, #134134134, #c9c9c9);
  background-image: linear-gradient(#134134134, #c9c9c9);
  border-color: #c9c9c9 #c9c9c9 hsl(0, 0%, 68.5%);
  color: #333 !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.69);
  -webkit-font-smoothing: antialiased;
}

.ctl00_VDOTContentPlaceHolder_frmDetailsVehicles {border:none}




#ctl00_lbtnLogin
{
	color:Black;
	font-weight: bold;
}
#ctl00_lbtnLogout 
{
	color:Black;
	font-weight: bold;
}

.pdfIcon img
{
	display: inline;
	margin-top: 2px;
	padding-right: 3px;
	width: 10px;   
}

label { line-height: normal }

.alert p 
{
	font-size: 12px;
}
.alert  
{
	width: 93%;
	border: 1px solid red;
	padding: 10px;
	margin-bottom: 10px;
}

.retaillist h3
{
	color: #6a207f;
	font-size: 14px;
	padding-left: 25px;
}

.retaillist p 
{
	font-size: 12px;
}
.retaillist img 
{
	float:left;
}

/* retailers by name */

.bynamelist h3
{
	color: #6a207f;
	font-size: 14px;
	padding-left: 25px;
}

.bynamelist p 
{
	font-size: 12px;
}
.bynamelist img 
{
	float:left;
}






/* map section */
 #map-canvas {
		height: 500px;
		width: 650px;
		margin: 0px;
		padding: 0px
	  }
	  .controls {
		margin-top: 16px;
		border: 1px solid transparent;
		border-radius: 2px 0 0 2px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		height: 32px;
		outline: none;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
	  }
	  
	  
	 
	  #pac-input {
		background-color: #fff;
		padding: 0 11px 0 13px;
		width: 400px;
		font-family: Roboto;
		font-size: 15px;
		font-weight: 300;
		text-overflow: ellipsis;
	  }

	   
	  #pac-input:focus {
		border-color: #4d90fe;
		margin-left: -1px;
		padding-left: 14px;  
		width: 401px;
	  }
	  
	  .pac-container {
		font-family: Roboto;
	  }

	  #type-selector {
		color: #fff;
		background-color: #4d90fe;
		padding: 5px 11px 0px 11px;
	  }

	  #type-selector label {
		font-family: Roboto;
		font-size: 13px;
		font-weight: 300;
	  }
	  
	  .noscrollbar {
		line-height:1.35;
		overflow:hidden;
		white-space:nowrap;
		width: 120px;
		font-weight: normal;
		}
	   .info-windows 
	   {
		   width: 120px;
		   
	   }
	  
	   .description
	   {
		   font-weight: normal;
		   color: Gray;
	   }
	   
	   
	   
	   .ezpass-flash 
	   {
		   float: right;
		   width: 280px;
		   
		   /*
		   -webkit-box-shadow: 10px 10px 60px 0px rgba(0,0,0,0.75);
			-moz-box-shadow: 10px 10px 60px 0px rgba(0,0,0,0.75);
			box-shadow: 10px 10px 60px 0px rgba(0,0,0,0.75);
		   */
		   
	   }
	   
	   .ezpass-flash h4 
	   {
		   color: white;
		   font-weight: bold;
		   background-color: #6a207f;
		   text-align: center;
		   padding-top: 5px;
		   padding-bottom: 5px;
	 
	   }    
	   
	   .ezpass-flash h5
	   {
		   text-align: center;
		   padding-top: 10px;
		   padding-bottom: 5px;
		   color: #6a207f;
		   font-weight: bold;
	   }
	   
	   .ezpass-flash-content
	   {
		   /*border-style:solid;
		   border-bottom: 1px solid #C0C0C0;
		   border-top: none;
		   border-left: 1px solid #C0C0C0;
		   border-right: 1px solid #C0C0C0;*/
	   }
	   .ezpass-flash-content ul li 
	   {
		  clear:both;
		  height: 50px;
	   }
	   .ezpass-flash-content ul li img 
	   {
		   width: 70px;
		 
		   float: left;
		   margin: 5px;
		   margin-left: 10px;
	   }
	   .ezpass-flash-content ul li span
	   {
		   width: 175px;
		   float: right;
		   padding: 5px;
		   font-size: 12px;
		   color: Black;
		   margin-top: 3px;
		   padding-right: 10px;
	   }
	   .ezpass-flash-content ul li span:hover
	   {
		   text-decoration: underline;
	   }
	   .ezpass-flash-content ul li:last-child 
	   {
		   height: 60px;
	   }
	   
	   /*
	   #cboxContent 
	   {
		   border: 10px solid #78890d;
		   -webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		   background-color: White;
		   padding: 120px;
	   }
		*/
		
		
		.note 
		{
			font-size:12px;
			float:right;
			width: 180px;
			
		}
		
.strong 
{
	font-weight: bold;
}       
		
.storelocation
{
	margin-left: 25px;
}

/* eed03f*/
.homenewsblue 
{
   background-color: #0b68b3;
	margin: 10px;
	padding: 15px;
	margin-left: 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #000000;
	-moz-box-shadow: 0 0 2px #000000;
	-webkit-box-shadow: 0 0 2px #000000;
	box-shadow: 0 0 2px #000000;
}
.homenewsblue h3 
{
	color: #eed03f;
	text-align: center;
	font-size: 24px;
	padding: 0px;
}
.homenewsblue p 
{
	text-align: center;
	color: White;
	font-size: 13px;
}
.homenewsblue a 
{
	color: #eed03f;
}
.homenews 
{
	background-color: #f37736;
	margin: 10px;
	padding: 10px;
	margin-left: 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #000000;
	-moz-box-shadow: 0 0 2px #000000;
	-webkit-box-shadow: 0 0 2px #000000;
	box-shadow: 0 0 2px #000000;
}
.homenews p 
{
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.homenews a
{
	color: #ffffff;
}
.homenews ul li  
{
	color: #ffffff;
}
.homenews ul li a 
{
	text-decoration:underline;
	color: #ffffff;
	text-align: center;
}

.homenews-small 
{
	width: 320px;
}

.homenews-full
{
	width: 420px;
}


.orange 
{
	color: #f37736;
}

.bullet ol li
{
	list-style-type: decimal;
	margin-left: 35px;
	padding-bottom: 5px;
}

.easysteps ol li 
{
	list-style-type: decimal;
	margin-left: 35px;
	padding-bottom: 5px;
}
.easysteps ol li ul li 
{
	list-style-type: circle;
}


.flash h2  
	{
		color:#6a207f; font-weight:bold; font-size:1.25em; margin-bottom:20px;
		text-align: center;
		margin-top: 30px;
		font-weight: bold;
		font-family: helvetica, Arial;
		font-size: 20px;
	}
	.flash h2 u 
	{
		text-decoration: underline;
	}
	.flash 
	{
		width: 546px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.flash p 
	{
		padding-top: 15px;
		font-weight: bold;
		text-align: center;
		line-height: 20px;
	}
	.flash p u 
	{
		text-decoration: underline;
	}
	.flash ul 
	{
		padding-left: 30px;
	}
	.flash ul li 
	{
		margin: 5px;
	}
	.flash strong 
	{
		font-weight: bold;
	}
	h3 
	{
		font-size: 16px;
		font-weight: bold;
		padding-top: 20px;
		color:#6a207f; 
		/*text-align: center;*/
	}
	
	#ctl00_VDOTContentPlaceHolder_lblMessage 
	{
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
	#ctl00_VDOTContentPlaceHolder_lblChkCon 
	{
		width: 600px; margin-left: 2px; text-align:left;
		margin-top: 4px;
	}
.noteText ul {
	list-style: circle!important;
	padding-left: 15px;
}
.noteText ul li {
	padding:2px!important;
}
	.noteText {
	font-size: 12px;
	color: Black;
	background-color: #F0F0F0;   
	/*background-color: #F7F7F7;
		border: 1px solid #DDDDDD;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 1px;
		padding-bottom: 1px;
		margin-top: 1px;
		margin-bottom: 1px;*/
}
	.noteText p 
	{
		margin-left: 2px;
		padding: 2px;
	}
	.notemsg
	{
		font-size: 12px;
		padding: 10px;
		background-color: #F7F7F7;
		border: 1px solid #DDDDDD;
		margin-bottom: 2px;
		margin-top: 2px;
	}
	
	.popupmsg
	{
		font-size: 12px;
		color: Red;
		padding: 10px;
		background-color: #F7F7F7;
		border: 1px solid #DDDDDD;
		margin: 10px;

	}
	
	#ctl00_VDOTContentPlaceHolder_grdTransaction th a
	{
		background:url(../images/sort.png);
		background-repeat:no-repeat;
		padding-left: 11px;
		font-size: 9px;
	}
	
	.downloadexcel 
	{
		padding-left: 40px;
		color: Black;
		font-size: 12px;
		background:url(../images/excel-icon.png);
		background-repeat:no-repeat;
		padding-bottom: 8px;
		padding-top: 6px;
		padding-right: 40px;
		float: right;
	}
   .downloadcsv
	{
		padding-left: 40px;
		color: Black;
		font-size: 12px;
		background:url(../images/csv.png);
		background-repeat:no-repeat;
		padding-bottom: 8px;
		padding-top: 6px;
		padding-right: 40px;
		float: right;
	}
	.downloadprint
	{
		padding-left: 40px;
		color: Black;
		font-size: 12px;
		background:url(../images/print.png);
		background-repeat:no-repeat;
		padding-bottom: 8px;
		padding-top: 6px;
		padding-right: 40px;
		float: right;
	}
	  
  .AgreementLabel 
  {
	  font-size: 11px;
	  text-align: left;
  }
  .AgreeCheckbox input
  {
	  margin-top: 8px;
	  margin-left: 5px;  
  }
  
  .AgreementLabelNotifications
  {
	  font-size: 11px;
	  padding-top: 6px;
	  text-align: left;
  }
  .NotificationAgreement p
  {
	  font-size: 10px;
  }
  .NotificationAgreement h3
  {
	  padding-top: 3px;
  }
  .btnReset 
  {
	  float: right;
  }
  .PromoBox 
  {
	  float: left;
	  width: 625px;
	  padding: 10px;
	  padding-left: 20px;
	  background-color: #E6E6E6;
  }
  .PromoBox h3 
  {
	  padding-top: 3px;
  }
	  
  .PromoBox input[type=text]
  {
	  width: 100px;
  }
  .PromoBox span 
  {
  color: #6a207f;
  font-weight: bold;
  padding-right: 10px;
  }
  .AgreeCheckboxSingle input
  {
	  margin-top: 2px;
	  margin-left: 5px; 
  }
  
 
 .login 
 {
	 float:right;
	 margin-top: 0px;
 }
 
 #ctl00_SiteMapPath2
 {
	 float: left;
 }
 
 
 #ctl00_VDOTContentPlaceHolder_createAccWizard_lblAccTag, #ctl00_VDOTContentPlaceHolder_createAccWizard_lblAccFlexTag,
 #ctl00_VDOTContentPlaceHolder_createAccWizard_lblInitPay
 {
	 text-align: left;
 }
 
 
 .carpoolTable 
 {
	 width: 100%;
	 background-color: #F7F7F7;
	 margin-bottom: 10px;
	 margin-top: 10px;
	 padding-bottom: 10px;
	 padding-right: 7px;
 }
 
 
 .carpoolTable tr td
 {
	 padding:4px;
	 padding-left: 10px;   
 }
  .carpool-third td
  {
	  padding-bottom: 11px;
  }
  
#ctl00_VDOTContentPlaceHolder_createAccWizard_grdVehicles td,th
{
	padding-left:4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#ctl00_VDOTContentPlaceHolder_createAccWizard_frmDetailsVehicles_InsertButton 
{
	padding: 5px;
}

.tblAddVehicle 
{
	padding: 5px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.tblLicensePlate
{
	width: 95%;
	margin-bottom: 20px;
}
.tblLicensePlate tr td
{
   
}

#ctl00_VDOTContentPlaceHolder_createAccWizard_chckCarpool, #ctl00_VDOTContentPlaceHolder_chckCarpool
{
	margin-top: 23px;
}
#ctl00_VDOTContentPlaceHolder_createAccWizard_Label6, #ctl00_VDOTContentPlaceHolder_Label6
{
	text-align: left;
}

.homepage 
{
	width: 340px;
	background-color: #f3f3f3;
	float: left;
	padding: 10px;
}
.homepage p 
{
	font-size: 12px;
	padding-bottom: 9px;
	padding-top: 7px;
}
.homepage ul 
{
	list-style: circle;
	padding-left: 20px;
}
.homepage ul li 
{
	color: #6a207f;
	font-weight: bold;
	font-size: 12px;
}

.homepage-left 
{
	float: left;
	width: 50%;
}
.homepage-left img 
{
	width: 170px;
	
}

.homepage-left a 
{
	color: White;
   
}
#purple-box a 
{
	 text-decoration: underline;   
}
#purple-box 
{
	margin-top: 20px;
	background: #6a207f;
	padding: 7px;
	text-align: center;
	color: White;
	font-size: 12px;
	width: 80%;
	border: 5px double #ffffff;
}

.video
{
	padding: 10px;
	float: right;
}

.homepage-heading 
{
	background-color: #690f65;
	padding: 10px;
	padding-left: 27px;
}
.homepage-heading p 
{
	color: White;
	font-size: 16px;
}
.homepage-heading p span 
{
	font-style: italic;   
	font-weight: bold;
}
#homepage-highlighted 
{
	color: #690f65;
	font-weight: bold;
	text-decoration: underline;
}

.homepage-right 
{
	float: right;
	width: 380px;
}
.homepage-right-heading
{
	background-color: #e1e1e1;
	padding: 15px;
	padding-bottom: 10px;
	padding-top: 0px;
}
.homepage-right-heading img 
{
	width: 138px;
	float: right;
	text-shadow: 2px 2px;
	margin-top: 2px;
}
.homepage-line
{
	background-color: #b6cc2b;
	height: 8px;
	margin-top: 6px;
	margin-bottom: 6px;
}
.homepage-right-heading p
{
	margin-bottom: 0px;
	color: #6a207f;
	font-weight: bold;
	font-size: 20px;
	padding-top: 10px;
}
.homepage-right-heading p span 
{
	font-style: italic;
}
.homepage-customers
{
	float: left;
	color: #6a207f;
	font-size: 14px;
	font-weight: bold;
}
.homepage-participating p 
{
	color: #6a207f;
	font-size: 14px;
	text-align: center;
	padding-top: 5px;
}
.homepage-notices-and-alerts 
{
	background-color: #b6cc2d;
	padding: 8px;
	padding-bottom: 3px;
	margin-top: 10px;
}
.homepage-notices-and-alerts p
{
	color: White;
	font-size: 12px;
	text-transform: uppercase;
	padding-left: 10px;
	float: left;
}
.homepage-notices-and-alerts img 
{
	float: left;
	width: 19px!important;
	margin-left: 5px;
}
.homepage-notices-and-alerts-msg
{
	border: 4px #e8f2a8 solid;
	background-color: #f1f6d4;   
	padding: 8px;
	margin-top: 8px;
}
.homepage-notices-and-alerts-msg img
{
	float: left;
}
.homepage-notices-and-alerts-msg span
{
	color: #e72425;
	font-size: 16px;
	font-weight: bold;
	float: left;
	padding-left: 10px;
	padding-top: 8px;
}
.homepage-notices-and-alerts-msg p
{
	color: #464646;
	float: left;
	padding-left: 55px;
	
}
.homepage-notices-and-alerts-msg a
{
	color: #e72425;
	font-size: 12px;
}

.home-page-bg 
{
	 width:702px; background:url(../images/home-page-buttons-bg.png?v=1);
	 background-repeat: no-repeat;
	 height: 287px;
	 margin-bottom: 10px;
}
.home-page-tbl
{
	width:645px;
	margin-top: 55px;
	float: left;

}
.home-page-tbl tr td {
	padding: 10px;
	text-align: center;
}

.home-page-tbl tr td:nth-child(2){
	margin-top: 160px;
	margin-left: 30px;
	float: left;
}
.home-page-tbl tr td:nth-child(3){
	margin-top: 160px;
	margin-left: 33px;
	float: left;
}

.purple-btn {
	background-color: #a4189e;
	color: white!important;
	text-decoration: none!important;
	width: 120px!important;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	width: 150px!important;
	font-weight: bold!important;
	margin-top: 2px;
	float: left;
	margin-bottom: 2px;
}
.purple-btn:hover
{
	text-decoration: underline!important;
	background-color: #660066;
}
.home-page-left {
	background-color: #f7f7f7;
	float: left;
	width: 330px;
	padding: 10px;
	text-align: center;
	font-size: 12px;
}

.home-page-tbl
{

}

.home-page-tbl tr td
{

}

.home-page-tbl tr td:nth-child(1)
{
	width: 172px;
}
.home-page-tbl tr td:nth-child(2)
{
	width: 172px;
	margin-left: 35px;
}
.home-page-tbl tr td:nth-child(3)
{
	width: 168px;
	margin-left: 34px;
}

.fast-facts-bg
			{
			 background-image: url(../images/fast-facts-header.png);
			 background-repeat: no-repeat;

			 width: 680px;
			 height: 110px;
			 float: left;
			}

 .fast-facts-bg ul {

		  }

 .fast-facts-box {
	 float: left;
	 margin-left: 450px;
 }


 .fast-facts-box h4 
 {
	 padding-left: 24px;
 }

 nav {    
	display: block;
	text-align: center;
  }
  nav ul {
	margin: 0;
	padding:0;
	list-style: none;
  }
  .nav a {
	display:block; 
	color:#b7cd2c; 
	text-decoration: none;
	padding: .8em 1.8em;
	padding-top: 5px;
	font-size: 14px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: bold;
	position: relative;
  }
  .nav{  
	vertical-align: top; 
	display: inline-block;
	border-radius:6px;
  }
  .nav li{position: relative;}
  .nav > li { 
	float:left; 
	margin-right: 1px; 
  } 
  .nav > li > a { 
	margin-bottom:1px;

  }
  .nav > li:hover , .nav > li:hover >a{  border-bottom-color:#b7cd2c;}
  .nav li:hover > a { color:#b7cd2c; }
  .nav > li:first-child  { border-radius: 4px 0 0 4px;} 
  .nav > li:first-child>a{border-radius: 4px 0 0 0;}
  .nav > li:last-child  { 
	border-radius: 0 0 4px 0; 
	margin-right: 0;
  } 
  .nav > li:last-child >a{border-radius: 0 4px 0 0; }
  .nav li li a { margin-top:1px}
  
  
  
	.nav li a:first-child:nth-last-child(2):before { 
	 content:""; 
	 position: absolute; 
	 height:0; 
	 width: 0; 
	 border: 5px solid transparent; 
	 top: 50% ;
	 right:5px;  
   }
   
   
   
   
   
   /* submenu positioning*/
.nav ul {
  position: absolute;
  white-space: nowrap;
  border-bottom: 5px solid  #6a207f;
  z-index: 1;
  left: -99999em;
  background-color: white;
}
.nav > li:hover > ul {
  left: auto;
  padding-top: 5px  ;
  min-width: 100%;
}
.nav > li li ul {  border-left:1px solid #fff;}


.nav > li li:hover > ul { 
 /* margin-left: 1px */
  left: 100%;
  top: -1px;
}
/* arrow hover styling */
.nav > li > a:first-child:nth-last-child(2):before { 
  border-top-color: #b7cd2c; 
}
.nav > li:hover > a:first-child:nth-last-child(2):before {
  border: 5px solid transparent; 
  border-bottom-color: #b7cd2c; 
  margin-top:-5px
}
.nav li li > a:first-child:nth-last-child(2):before {  
  border-left-color: #b7cd2c; 
  margin-top: -5px
}
.nav li li:hover > a:first-child:nth-last-child(2):before {
  border: 5px solid transparent; 
  border-right-color: #b7cd2c;
  right: 10px; 
}


.fast-facts-top5,.fast-facts-getstarted
{
	float: left;
	width: 280px;
	padding-left: 20px;
	margin-top: 10px;
}

.fast-facts-top5 span {
	color: #6a207f;
	padding-left: 0px;
	font-weight: bold;
}
.fast-facts-top5 em {
	color: #b7cd2c;
	padding-left: 0px;
}
.fast-facts-top5 ul {
	list-style: decimal;
	color: #b7cd2c;
	font-size: 17px;
	font-weight: bold;
}
.fast-facts-top5 ul li {
	padding-left: 10px;

}
.fast-facts-top5 ul li span {
	color: black;
	padding-left: 0px;
	font-weight: normal;
	font-size: 12px;
}
.purple-line {
	color: #6a207f;
	height: 3px;
	background-color: #a4189e;
	border: 0px;
	margin-bottom: 10px;
}

.video-title
{
	background-color: #ebebeb;
	color: #6a207f;
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;
	font-weight: bold;
	font-style: italic;
}



.fast-facts-getstarted span {
	color: #6a207f;
	font-weight: bold;
	padding-left: 0px;
	margin-top: 10px;

}
.fast-facts-getstarted em {
	color: #b7cd2c;
	padding-left: 65px;
}
.fast-facts-getstarted ul {
	list-style: none;
	color: #b7cd2c;
	font-size: 17px;
	font-weight: bold;
	padding-top: 0px;
		line-height: 40px;
}
.fast-facts-getstarted ul li {
	padding-left: 50px;
	background-repeat: no-repeat;
	line-height: 40px!important;
	font-size: 13px;
	color: black;

}

	.fast-facts-getstarted ul li:nth-child(1) {
		background-image: url(../images/car-icon.png);
	}
	.fast-facts-getstarted ul li:nth-child(2) {
		background-image: url(../images/marker-icon.png);
	}
	.fast-facts-getstarted ul li:nth-child(3) {
		background-image: url(../images/website-icon.png);
	}

.fast-facts-download-btn {
	padding: 10px;
	background-color: #a4189e;
	color: white!important;
	width: 190px;
	float: left;
	padding-top: 12px;
	margin: auto auto;
	margin-left: 40px;
}
.fast-facts-download-btn img 
{
	padding-left: 10px;
	float: right;
}

.video 
{
	border: solid 1px #b7cd2c;
	margin-bottom: 10px;
	padding: 3px;
}

.FailureErrorMsg 
{
	font-size: 15px!important;
	font-weight: bold!important;
	/*padding-left: 25px;
	background-image: url('../images/error-icon.png');
	background-repeat: no-repeat;*/
}
.MaintenanceMsg
{
	color:red;
	font-weight: bold!important;
	padding:5px;
	font-size: 13px;
	border: 1px red solid;   
	background-color: hsl(0, 0%, 79%);
	max-width: 430px;
	margin-bottom: 10px;
}


.disabled {border: 1px solid #999; color: #333; opacity: 0.5;}
.disabled option {color: #000; opacity: 1;}

.checkBoxRetailer{
	font-size:small;
}

.info-message { 
	padding-bottom: 10px;
	float: left;
	font-size: 13px;
}


#confirm {display:none;}
/* Overlay */
#confirm-overlay {background-color:#eee;}
/* Container */
#confirm-container {height:200px; width:360px; font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; background:#fff; border:2px solid #6a207f;}
#confirm-container .header {height:30px; line-height:30px; width:100%; background:url(/images/header.png) repeat-x; color:#fff; font-weight:bold;}
#confirm-container .header span {padding-left:8px;}
#confirm-container .message {color:#333; font-size:14px; margin:0; padding:12px 4px 12px 8px;}
#confirm-container .buttons {line-height:26px; float:right; padding:10px 8px 0;} 
#confirm-container .buttons div {float:right; margin-left:4px; width:70px; height:26px; color:#666; font-weight:bold; text-align:center; border:1px solid #bbb; cursor:pointer;} 
#confirm-container .buttons input { width: 70px;}
#confirm-container a.modal-close,
#confirm-container a.modal-close:link,
#confirm-container a.modal-close:active,
#confirm-container a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;}
#confirm-container a.modal-close:hover {color:#ccc;}

#confirmAlert-container {height:500px; width:600px; font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; background:#fff; border:2px solid #056f42;}
#confirmAlert-container .header {height:50px; line-height:50px; width:100%; background:url(/images/header-alert-bg.png) repeat-x; color:#fff; font-weight:bold;}
#confirmAlert-container .header span {padding-left:8px;}
#confirmAlert-container .message {color:#333; font-size:14px; margin:0; padding:12px 4px 12px 8px;}
#confirmAlert-container .buttons {line-height:26px; float:right; padding:10px 8px 0;} 
#confirmAlert-container .buttons div {float:right; margin-left:4px; width:70px; height:26px; color:#666; font-weight:bold; text-align:center; border:1px solid #bbb; cursor:pointer;} 
#confirmAlert-container .buttons input { width: 70px;}
#confirmAlert-container a.modal-close,
#confirmAlert-container a.modal-close:link,
#confirmAlert-container a.modal-close:active,
#confirmAlert-container a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;}
#confirmAlert-container a.modal-close:hover {color:#ccc;}


#payment-container {height:150px; width:350px; font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; background:#fff; border:2px solid #6a207f; padding: 40px;}
#payment-container .header span {padding-left:8px;}
#payment-container p {text-align: center; padding-top: 20px;}
#payment-container img {padding-left: 150px; margin-bottom: 20px;}
#payment-container .message {color:#333; font-size:14px; margin:0; padding:12px 4px 12px 8px;}
#payment-container .buttons {line-height:26px; float:right; padding:10px 8px 0;} 
#payment-container .buttons div {float:right; margin-left:4px; width:70px; height:26px; color:#666; font-weight:bold; text-align:center; border:1px solid #bbb; cursor:pointer;} 
#payment-container .buttons input { width: 70px;}
#payment-container a.modal-close ,
#payment-container a.modal-close:link,
#payment-container a.modal-close:active,
#payment-container a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;display: none}
#payment-container a.modal-close:hover {color:#ccc;}

#popupAlert-container {
	height: auto !important;
    min-height: 20%;
	width: 85% !important;
	font: 16px/22px 'Trebuchet MS', Verdana, Arial;
	text-align: left;
	background: #fff;
	border-radius: 5px;
	box-shadow: 2px 2px 6px black;
}

#popupAlert-container .simplemodal-data:first-child {
	display: block;
	margin: 40px 10% 80px 10%;
}

#popupAlert-container .header {
	height: 50px;
	line-height: 50px;
	width: 100%;
	background: url(/images/header-alert-bg.png) repeat-x;
	color: #fff;
	font-weight: bold;
}

#confirm {
    margin-top: 34px !important;
}

#popupAlert-container .header span {
	padding-left: 8px;
}

#popupAlert-container .message {
	color: #333;
	font-size: 14px;
	margin: 0;
	padding: 12px 4px 12px 8px;
}

#popupAlert-container .buttons {
	line-height: 26px;
	/*float: right;*/
	/*padding: 10px 8px 0;*/
	/*left: auto !important;*/
	/*right: 0px;*/
    position: absolute;
    bottom: 5%;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
}

#popupAlert-container .buttons div {
	float: right;
	margin-left: 4px;
	width: 70px;
	height: 26px;
	color: #666;
	font-weight: bold;
	text-align: center;
	border: 1px solid #bbb;
	cursor: pointer;
}

#popupAlert-container .buttons input {
    box-shadow: 2px 2px 6px grey;
    background-image: none;
    background-color: #6a207f;
    border-color: transparent;
    border-radius: 5px;
    padding-left: 1.5em;
    padding-right: 1.5em;
}

#popupAlert-container a.modal-close,
#popupAlert-container a.modal-close:link,
#popupAlert-container a.modal-close:active,
#popupAlert-container a.modal-close:visited {
	text-decoration: none;
	font-weight: bold;
	position: absolute;
	right: 10px;
	top: 2px;
	color: #fff;
}

#popupAlert-container a.modal-close:hover {
	color: #ccc;
}

.simplemodal-close:hover {
	cursor: pointer;
}

#ctl00_VDOTContentPlaceHolder_btnNoUpdate {
	background-color: gray !important;
	background-image: none;
	background-repeat: no-repeat;
}

#ctl00_VDOTContentPlaceHolder_btnShowModal {
	padding: 3px;
	border-radius:3px;
}

#ctl00_VDOTContentPlaceHolder_btnConfirmNo {
	background-color: gray!important;
	background-image: none;
}

#ctl00_VDOTContentPlaceHolder_imgDriveSmart{
   width: 50px;
	display: inline;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: middle;  
}

.noteTextDriveSmart{   
	text-decoration: underline;   
}


.pdfbtn {background-image: url('/images/ico-pdf.png')!important; 
				 /*background-color: white!important;*/ 
				 background-repeat: no-repeat!important; 
				 width: 18px; 
				 height: 18px;
				 margin-top: 2px;
				 padding-left: 20px;
	font-size: 13px;
}
.pdfbtn:hover {
	cursor: pointer; 
}

#ctl00_VDOTContentPlaceHolder_btnAlertConfirmYes {
	background-color: #87be3d !important;
	background-image: none;
	border: 1px solid black;
	padding: 10px;
}

#ctl00_VDOTContentPlaceHolder_btnAlertConfirmNo {
	background-color: #e13f3f !important;
	background-image: none;
	border: 1px solid black;
	padding: 2px;
}

.ie-div-position-customer-chat {
	z-index: 20!important;
}
    .ie-div-position-customer-chat > iframe {
        width: 160px !important;       
    }


.map-tag {
    margin: 0 10px;
    padding: 0;
    display: inline-block;
    content: "";
    width: 35px;
    height: 14px;
}


.tag-purple {
	background: #894094;
}
.tag-gray {
	background: #ababab;
}
.tag-green {
	background: #659597;
}

#ctl00_VDOTContentPlaceHolder_frmDetailsVehicles_calStart tbody tr td {
	text-align: center!important;
}
#ctl00_VDOTContentPlaceHolder_frmDetailsVehicles_calEnd tbody tr td {
	text-align: center !important;
}
#ctl00_VDOTContentPlaceHolder_grdVehicles tbody tr th {
	font-size: 10px;
	text-align: center !important;
}
#ctl00_VDOTContentPlaceHolder_grdVehicles tbody tr td {
	font-size: 10px;
	text-align: center !important;
}

#ctl00_VDOTContentPlaceHolder_createAccWizard_grdVehicles tbody tr td {
	font-size: 10px;
	text-align: center !important;
}
#ctl00_VDOTContentPlaceHolder_createAccWizard_grdVehicles tbody tr th {
	font-size: 10px!important;
	text-align: center !important;
}

.VehicleTableFooter td table tr td {
	padding: 2px;
	font-size: 12px;
}

.vehicleLinks {
	padding-left: 10px;
}
.lblMessage {
	margin-bottom: 10px !important;
	padding-bottom: 10px !important;
	float: left;
}

#ctl00_VDOTContentPlaceHolder_DataWebArticles {
	width: 100%!important;
	float: left;
	margin-bottom: 10px;
}
.NewArticle {
	float: left;
	width: 100%;
}
.NewArticle h2 {
	width: 100%!important;
	margin-top: 5px;
}
.front-image > img {
	margin-left: 8px;
	margin-top: 5px;
	padding: 2px;
}
.front-image > img:hover {
	border-bottom: 2px solid #78890d;
	padding-bottom: 0px;
}

.LoginMsg {
    /*border: 1px solid #804092;*/
    margin-top: 10px;
    /*background-color: #804092;*/
    color: black;
    /*border-radius: 3px;*/
    padding: 5px;
    padding-bottom: 10px;
}

.BUTTON_HNW {
        background: #804092;
        background-image: -webkit-linear-gradient(top, #804092, #88379F);
        background-image: -moz-linear-gradient(top, #804092, #88379F);
        background-image: -ms-linear-gradient(top, #804092, #88379F);
        background-image: -o-linear-gradient(top, #804092, #88379F);
        background-image: linear-gradient(to bottom, #804092, #88379F);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        color: #FFFFFF!important;
        font-family: Open Sans;
        font-size: 16px;
        font-weight: 500;
        padding: 6px;
        /*box-shadow: 1px 1px 20px 0px #000000;
        -webkit-box-shadow: 1px 1px 10px 0px #000000;
        -moz-box-shadow: 1px 1px 10px 0px #000000;
        text-shadow: 1px 1px 10px #000000;*/
        border: solid #804092 1px;
        text-decoration: none;
        display: inline-block;
        cursor: pointer;
        text-align: center;
        text-decoration: none!important;
}

.BUTTON_HNW:hover {
        border: solid #804092 1px;
        background: #9B36B7;
        background-image: -webkit-linear-gradient(top, #9B36B7, #7F3992);
        background-image: -moz-linear-gradient(top, #9B36B7, #7F3992);
        background-image: -ms-linear-gradient(top, #9B36B7, #7F3992);
        background-image: -o-linear-gradient(top, #9B36B7, #7F3992);
        background-image: linear-gradient(to bottom, #9B36B7, #7F3992);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        text-decoration: none;
}



.main-mtoll {
    background-color: #a4189e;

}


.order-btn {
    background-color: white;
    color: white !important;
    text-decoration: none !important;
    width: 120px !important;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 10px;
    width: 150px !important;
    font-weight: bold !important;
    margin-top: 2px;
    float: left;
    margin-bottom: 2px;
   
    color: #a4189e!important;
}

.order-btn:hover {
        text-decoration: underline !important;
        background-color: #660066;
        color: white!important;
    }
.order-extra {
    margin-top: 130px;
}