body
{
    font-size: .85em;
    font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    color: #232323;
    background-color: #fff;
}

header,
footer,
nav,
section {
    display: block;
}

/* Styles for basic forms
-----------------------------------------------------------*/

fieldset 
{
    border:1px solid #ddd;
    padding:0 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
}

/*override the fieldset above, lose the borders, adjust the left margin slightly*/
#PrintFriendlyAndPartialCountyMsg > fieldset{border:0px solid #ddd; margin-left: 5px;}

legend 
{
    font-size:1.2em;
    font-weight: bold;
}

textarea 
{
    min-height: 75px;
}

.editor-label 
{
    margin: 1em 0 0 0;
}

.editor-field 
{
    margin:0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}
.annotations
{
    font-size: x-small;
}


/* UpdateAddress and  New Voter pages */

		/*targets IE7*/
		* + html .myvote-info-update fieldset > div > input[type="text"] {width: 220px; margin-left: 9px; }/*targeted text boxes*/ 
		* + html .myvote-info-update fieldset > div > select  {margin-left: 9px;}
		* + html .myvote-info-update fieldset > div > label {font-size: 1.0em; margin-left: 9px;}
		* + html .myvote-info-update fieldset > div > table {margin-left: -1px}

		/*Up Broswsers*/		
		.myvote-info-update fieldset > div > input[type="text"] {width: 220px; margin-left: 2px; }/*targeted text boxes*/
		
		.myvote-info-update fieldset > div > select  {margin-left: 2px;}
		.myvote-info-update fieldset > div > label {font-size: 1.0em; margin-left: 2px;}
		.myvote-info-update fieldset > div > table {margin-left: -8px}
		
		/*used in the mailing address block - seems to work ok with IE7*/
		#deleteLinkContainer{ width: 100%; text-align:right;}
		#deleteLinkContainer > span {margin-right: 5px;}	
		
		/*used in virtually every page - seems to work ok with IE7*/
		.myvote-info-update fieldset{padding: 5px; border: 1px solid white; margin-top: -10px; }/*override the settings above*/	
		.myvote-info-update legend{font-size:1.0em; font-weight:bold;} /*override the settings above*/			
		.myvote-info-update .myvote-fieldset-lines {border: 1px solid white;}  /*hover lines #E4E4E4*/		
		
		.start-hidden{display:none;}
		
		/*used on UpdateAddress to display current residential and current mailing address. Seems ok with IE7*/
		.myvote-info-update fieldset > div > span > label {font-size: 1.0em;}	
		
		/*first class is used on UpdateAddress, second class is used on Oath page personal information review*/
		/*both seem to work just fine in IE7*/
		.myvote-info-update fieldset > div > div > label, .myvote-info-update fieldset > label
		{
			width: 170px;		margin:3px 1em 0 0em;
			color:gray;			display: inline-block;
			font-weight:bold;	vertical-align: top;			
			text-align:right;	white-space: normal;
		}	
			
		/*targets the two address editing divs on UpdateAddress.  The div Id's start with the text 'editDiv' */	
		.myvote-info-update div[id^='editDiv']{display: none; background-color:#F3F3F3; width: 390px; padding: 10px; margin: 15px;}
				
		.myvote-info-update .myvote-float-left {float:left;}		
		.myvote-info-update .myvote-clear-both {clear:both;}		
		.myvote-info-update .psudo-link{cursor: pointer; color: Blue; font-size: .8em; margin-left: 20px;}
		.instruction-block{margin: 5px 5px 15px 5px; padding: 10px; font-size: 1.1em; background-color:#FFFF99;  border: 1px solid gray;}			
		.comment{font-size: .9em; color: Gray;} 
		
		/*actually only used to display the precinct number*/
		.colorGray{ color: Gray;}	
		
		.indent-for-checkbox{margin-left: 25px;}
		.textbox-width{width: 220px;}
		
		/*specifically for the text boxes on UpdateAddresses*/
		
		.myvote-info-update fieldset div > div  > input[type="text"] {width: 220px;}
		
		.myvote-info-update > fieldset > div > div > span > input[type="text"] { width: 220px;}
		

/*targeted text boxes*/	 
		
		.myvote-info-update fieldset > div > div > #washington{margin-left: 2px; vertical-align:bottom;}
		
		.myvote-info-newvoter label{font-weight:bold;}
		.myvote-info-newvoter > fieldset > div > input[type="text"] { width: 220px;}/*targeted text boxes*/ 	
		.myvote-info-newvoter > fieldset > div > span > input[type="text"] { width: 220px;}/*targeted text boxes*/	
		.myvote-info-newvoter .myvote-float-left {float:left;}
		
		.back-color-display{background-color: #E9F0F2;}
		
	.closePhoto {
		text-decoration: none;
		font-weight: bold;
		color: #999999;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
		cursor:pointer;
		padding: 5px; 
		padding-right:8px;
	}
	
	#anchorDiv_LicenseID a:hover, #anchorDiv_IssueDate a:hover
	{ 
	background-color:#F5F2F3;
	}
		
	
/*specifically used in the partial _DeliveryMethods.cshtml
in UpdateMilitaryOverseas.cshtml and PersonalInformation.cshtml*/
	.rounded-div-corner-button{border-radius: 10px 0 0 10px;} /*topleft, topright, bottomright, bottomleft */
	.rounded-div-corner-textbox{border-radius: 0 10px 10px 10px;} /*topleft, topright, bottomright, bottomleft */
	.message-position{margin-left: 20px;}  
	.label-for-mail{padding:5px 35px 5px 5px;}
	.label-for-email{padding:5px 28px 5px 5px;}
	.label-for-fax{padding:5px 43px 5px 5px;}
	.textbox-div-email{padding:5px 8px 5px 5px; margin-top:18px;}
	.textbox-div-fax{padding:5px 8px 5px 5px; margin-top:10px;}  
	
	.wa-position{padding-top: 15px;border: 1px solid red;}
	.content-margin-top{margin-top: 15px;}
	.content-margin-left{margin-left: 8px;}
	.content-float-left{float:left;}
	.content-clear-float{clear:both;}
	.content-para-head{font-weight:bold; padding-bottom:3px;}
	.size-textbox-for > input[type="text"] { width: 220px;}/*targeted text boxes*/	
	.psudo-link{cursor: pointer; color: Blue; font-size: .8em; margin-left: 20px;}
	.content-psudo-table label
	{
		width: 120px;		margin:3px 1em 0 0em; 
		color:gray;			display: inline-block;
		font-weight:bold;	vertical-align: top;			
		text-align:right;	white-space: normal;
	}	
	
	.content-edit-box {
		display: none; 
		padding: 10px; 
		margin: 15px;
		background-image: repeating-linear-gradient(45deg, #e5eef8, aliceblue); 
		background: -webkit-linear-gradient(45deg, #e5eef8, aliceblue); /* For Safari 5.1 to 6.0  (it's sitting at 5.1.7 as of October 10, 2014')*/ 
		border-radius: 5px;
	}  
	
	.oathdeclarations{margin-top: -2px;}
	.errorText{ color: #ff0000;}

    .confirm-address{
		
		padding: 30px; 
		margin: 15px;
		border-radius: 15px;
        background-color: lightyellow;
        width:50%;
        border: 1px solid gray;
    }