﻿/* Some of the style below overwrite styles created in the master style sheet for the DMV site. 
   This is done for formatting the online transactions pages.
*/
@media screen {
p {
	padding:0px;
	margin:7px 0;
}
.outer 
{
    padding-left:100px;
    padding-right:100px;

}
#right 
{
    margin-right:-100px;
	min-height:400px;
	padding-top:60px;
	padding-left:0px;
	padding-right:0px;
	width:100px;
	
}

* html #right 
{
    height:400px;
}

.contentWrap{
min-height:900px;
/*font-size:120%;*/
line-height:1.5em;
float:left;
width:100%;

}

* html .contentWrap
{
    height:900px;
}

/* Styles for form layout for accessibility */

#contentright 
{
    float:right;
     margin-top:5em;
     width: 300px;
      height: 60%;
      margin-left:1em;
      background-color:#cccc99;
      padding:10px;
           /* style="float:right; width: 15em; height: 60%;margin-top:1em;padding:5px;" */
}

.formlabel 
{
    display: inline-block;
	width: 15em;
	height:20px;
	float:left;
	/*margin-bottom: 10px;*/
	text-align: right;
	font-weight:bold;
	padding-right:10px;
	
}
.formtext 
{
    display: inline-block;
	width: 15em;
	height:20px;
	float: left;
	/*margin-bottom: 10px;*/
	margin-left:5px;
	
	padding: 0px;
	
}
.formcheckbox 
{
    display: inline-block;
	width: 15em;
	float:left;
	/*margin-bottom: 10px;*/
	text-align: right;
	padding-right:10px;
	
}
.formheading 
{
    /*margin-bottom: 10px;*/
    float:left;
	text-align: right;
	padding-right:10px;
	
}
.receiptlabel 
{
    display: block;
	width: 15em;
	float:left;
	margin-bottom: 10px;
	text-align: right;
	padding-right:10px;
	
}
.receipttext 
{
    display: block;
	width: 8em;
	float: left;
	margin-bottom: 10px;
	margin-left:5px;
	padding: 0px;
	
}

.radiobutton
{  
    /*display: block;*/
	width: 1em;
	float: left;
	margin-bottom: 10px;
	margin-left:15em;
	margin-right:25px;
	padding: 0px;
}



fieldset
{
   background-color:#e9deca;
   padding:15px;
   border:none;
   width:25em;
   margin-left: 50px;
   
   border-top-width:			2px;
	border-right-width:			2px;
	border-bottom-width:		2px;
	border-left-width:			2px;
	border-top-color:			#D4D0C8;
	border-right-color:			#D4D0C8;
	border-bottom-color:		#D4D0C8;
	border-left-color:			#D4D0C8;
	border-top-style:			outset;
	border-right-style:			outset;
	border-bottom-style:		outset;
	border-left-style:			outset;
   
}
form
{
	display:inline;
	margin:0;
}
input
{

}

input[type=submit] { /* For Firefox */
	color:#000;  
	}
INPUT {  /* For IE */
	color: expression(this.type=="submit"?'black':'black');
	 }
.firstbutton
{
   margin-left:50px;
    padding:0px;
}
.formbutton
{
   float:left;
   margin-right:10px;
   margin-top:15px;
   
 /*  	border-top-width:			2px;
	border-right-width:			2px;
	border-bottom-width:		2px;
	border-left-width:			2px;
	border-top-color:			#D4D0C8;
	border-right-color:			#D4D0C8;
	border-bottom-color:		#D4D0C8;
	border-left-color:			#D4D0C8;
	border-top-style:			outset;
	border-right-style:			outset;
	border-bottom-style:		outset;
	border-left-style:			outset;*/
}

.transactionheader
{
   
   background-color:#fff; /*#99865c;*/
   color:#26465F; /*#fff;*/
   padding: 5px 25px 5px 0px;
   margin-bottom:5px; /*20px;*/
   width: auto;
   font-size: 2.0em; /*1.3em;*/
   text-align:left;
}


.largenumber 
{
    font-size: 2.7em;
    padding:10px;
    margin:10px;
    
}
.headingtext
{
    font-size:140%;
}
.marginleft
{
    margin-left:25px;
}
/* this is temporary because the current header image is only 50px in height */

.boxtop div { 
  
   background: url(/images/netransaction.jpg) no-repeat top right;
   
 
  
}
.errortext {
  color:red;
  font-size:130%;
}

.centerimage {
	margin-left:auto;
	margin-right:auto;
	display:block;
}
.centerbuttons {
   /*width:30em;*/
    margin:auto;
    text-align:center;
    }

.clearboth {
	clear:both;
}
.displaynone {
   display:none;
   border:0px;
   border-type:none;
   border-style:none;
   padding:0px;
   margin:0px;
  }
  
.faq 
{
	font-weight:bold;
	padding-bottom:10px;
	padding-top:10px;
	font-size:110%;
	
}
}