/* THEME: Customizable Options */
#main h1 { width: 691px; height: 85px; line-height: 85px; background: url('../images/heading-bg-app.jpg') left top no-repeat; text-indent: -9999em;}

#sidebar h2 {background: url('../images/sidebar-h2-bg.jpg') left top no-repeat; }
#sidebar #voteUtah {margin: 30px 20px; padding: 20px 0; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc;}
#sidebar #voteUtah a {width: 100px;font-size: 15px;}
#sidebar #voteUtah a#last {margin-right: 0;}

.twoLine {clear:both;}
.twoLine .label {line-height:1.1em;}

/*option {min-width:200px;}*/
input[type=number], input[type=email], input[type=phone] {
	border-radius: 4px;
	background:#F2F2F2 none repeat scroll 0 0;
	border:1px solid #999999;
	font-size:13px;
	height:20px;
	line-height:20px;
	padding:4px 4px 0;
	width:280px;
}

/* ----------- Checkbox Paragraph ----------- */
#main p.checkboxes label {float: none; width: auto; display: inline; }
#main p.checkboxes input {margin: 0 6px 0 170px; }

#regPage.register .sb-bilinqual, #regPage.register .sb-spanishform {display: none;}
#regPage.start .sb-validIDrequired, #regPage.start .sb-pleasenote {display:none;}

.instructionsStatic {display: block; position: absolute; top: 0; left: 490px; width: 146px; font-size: 11px; line-height: 14px; color: #333; text-align: left; font-style: italic; background: #ffffcc; font-weight: normal; padding: 6px; border: 1px solid #ccc; z-index: 200; border-radius: 4px; }

#tabs li {float:left; padding:5px; list-styletyle: none; border-width:1px 1px 0 1px; border-style:solid; border-color:#999; margin:0 5px;background-color: #fff;}
#main p.radio em.instructions, #main p.radio em.feedback {left:300px;}
#main p.hint, #main p span.hint {display:block; font-size:80%;line-height:1.1em; margin:10px 0 0 191px; color:#666; width:290px;}
#main p.hint {display:none; width:280px; margin-left:213px;line-height:1.4em; margin-bottom:10px;}
#main p#signatureFile {margin-left:200px; width:400px;}
#main input {color:#3c6489;}
#main input.date { width: 2em; }
#main input.ssn4digit { width:2.7em; }
#main input[disabled] {color:#999;}
#main #politicalParty {width:183px;}

/* input "column" widths */
#main input.multi1, #main span.multi1 { width:83px; display: block; text-align: left; margin-right:5px;}
#main input.multi2, #main span.multi2 { width:175px; display: block; text-align: left; margin-right:5px;}
#main label.ieMulti input.multi2, #main label.ieMulti input.multi2 { width:132px; }
#main input.mulit3, #main span.multi3 { width:290px; display: block; text-align: left; margin-right:5px;}
#main select.multi1 { width:93px; display: block; text-align: left;}
#main select.multi2 { width:183px;}
#main select.multi3 { width:290px;}
#main p.date input, #main p.date select { margin-right:5px;}
#main input#dob, #main input#dom, #main input#naturalizationDay {width:2em;}
#main input#naturalizationYear {width:3em;}
#main #zipMailing, #main #zipPrevious  {width:3.5em;}
#main select#prevState, #main select#stateMailing { width:130px; display: block; text-align: left;}
/*#main #otherParty {width:83px;}*/
/*  First, Middle and Last Name on one line */
#main .multiFieldAddress, #main .multiField {position: relative; height:30px; line-height: 30px; }
#main .multiField span.label {position: absolute; left:0px; width:180px; text-align: right;}
#main .multiField span.multiFields label {width:auto; margin:0}
#main .multiFields {position: absolute; left:190px; height:40px;}
#main .multiField input {margin:0 2px; float:left;}
#countyInfo {padding-left:210px; width:304px; position: relative; margin:0 0 15px;}
#countyInfo span.label {position: absolute; left:0; width:180px; text-align:right; display:block;}
#main form fieldset #countyInfo dl {position: absolute; left:200px; width:300px}

/*  Address, city and zip on two lines  */

#main .multiField select { margin-right:5px;}
#main .multiField label { position:relative; width:180px; margin:0; text-align:right;}

#main p.radio span {width:290px; display: block;}
#main h3 {border-bottom:none; margin:0 20px 1em;}

#main ul#shareIconLink {list-style: none;}
#main ul#shareIconLink li {float:left; margin:5px; height:40px;}
#tweetThis {background: url(../images/social-tweetThis.png) no-repeat; text-indent: -5555em; display: block; height:34px; width:110px;}
#facebookThis {background: url(../images/social-facebookThis.png) no-repeat; text-indent: -5555em; display: block; height:34px;width:160px;}

#main fieldset { border-radius: 4px; margin-top:-1px; position: relative;display:inline;}
#main fieldset h3 {margin:1em 20px;}
#printReg p input {height:147px; width:655px; cursor: pointer; border: 1px solid transparent;}

#main form fieldset p.radio .yesNo {left:-170px; width:140px;}

#main form fieldset .inline { position: relative; height:70px;}
#main form fieldset .inline .label { position: absolute; left:0px; width:180px; text-align: right; }
#main form fieldset .inline label { left:187px; position:absolute; text-align:left; width:20px; }
#main form fieldset .inline span.checkboxInfo { position: absolute; left:210px; width:270px; top:-3px; }

#main label.hideme {display:none;}

#main .privacyStatement { background-color:#eee; border:1px solid #ccc; margin:20px; width:640px; border-radius: 4px;}
#main .privacyStatement h4 {color:#333}

#main div.alert {width: 580px; background: #e6e6e6; padding: 10px 10px 0 10px; border: solid 1px #900;  border-radius: 4px; line-height: 18px; margin: 1em 20px;}
#main div.alert h3 {text-align: center; color: #900; width: auto; margin: 10px 0; }
#main div.alert p {width: auto; margin: 10px 0;}
#main div.alert strong {color: #900; }


/*OVERRIDES*/

#absentee-yes, #absentee-cal, #militaryOverseas-yes, #absenteeReception {padding: 0; margin-top: 0; overflow: hidden;}
#absenteeReception fieldset {overflow: hidden; display: block;}/*IE8 FIX*/
#absentee-ballot {overflow: hidden; clear:both;}
#absentee-international, #absentee-faxnum, #absentee-email, #absentee-domestic {overflow: hidden;}

#absentee-cal, #absentee-faxnum, #absentee-email {overflow: hidden; height: auto; position: relative;}
#absentee-domestic, #absentee-international {overflow: hidden; height: 130px; position: relative; width: 490px;}

#absentee-email input, #absentee-faxnum input, #absentee-international input, #absentee-domestic input {float: none !important; position: static !important; margin-left: 4px; margin-top: 2px;}
#absentee-email, #absentee-faxnum, #absentee-international, #absentee-domestic {padding-left: 192px !important;}
sub.signature {margin: 4px 0 0 190px; display: block;}

#absentee-domestic input, #absentee-domestic select {}
#absentee-domestic { width: 400px;}

#absentee-cal input {position: static !important;width: auto; margin-left: 192px;}
#absentee-cal label {background: none repeat scroll 0 0 #FFFFFF; color: #000000; display: block; float: left;line-height: 27px;margin-right: 10px;position: relative;text-align: right;width: 180px;}
.absentee-domestic input {position: static !important;}
.absentee-domestic label {position: static !important;}

span.instructions2 {font-size: 10px;}
span.instructions2 em.highlight {background-color: #ffeb90; padding: 2px !important;}

span.info {display: block; font-size: 11px; color: #666; text-align: left; font-style: italic;}

/* Form */
#houseNumebr {width:80px;}
#labelHouseNumber .instructionsStatic {left: 290px; width: 348px;}


ul#homeActions {    list-style-image: url("/shared-app-content/images/bullet.gif");}
ul#homeActions .register	{background: url("../images/voterreg-homepage-sprite.png") no-repeat scroll -2px -10px transparent;  display: block;  min-height: 40px;  line-height:40px; list-style-type: none;  padding-left: 40px;}
ul#homeActions .address		{background: url("../images/voterreg-homepage-sprite.png") no-repeat scroll -2px -130px transparent;  display: block; min-height: 40px;  line-height:40px; list-style-type: none;  padding-left:40px;}
ul#homeActions .change		{background: url("../images/voterreg-homepage-sprite.png") no-repeat scroll -2px -90px transparent;  display: block;  min-height: 40px;  line-height:40px; list-style-type: none;  padding-left: 40px;}
ul#homeActions .absentee	{background: url("../images/voterreg-homepage-sprite.png") no-repeat scroll -2px -50px transparent;  display: block;  min-height: 40px;  line-height:40px; list-style-type: none;  padding-left: 40px;}

/*LIGHTBOX INFO*/
/*#infobox-absentee, #infobox-permanentballot, #infobox-currentcycle*/
.infobox {border: 3px solid #FFF; padding: 14px 22px; width: 400px; position: relative; box-shadow: 0 2px 8px #333; border-radius: 10px; background: #F1F1F1; display: none; }
.infobox h4 {margin: 4px 4px 8px;}
.infobox p {margin: 4px 0 8px 0; font-size: 0.9em;}
.infobox .buttons a {
	background-color: #334F67;
	background: -moz-linear-gradient(center top , #7B98B3, #334F67) repeat scroll 0 0;
	border: 1px solid #334F67;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 1px 0 #dadada inset;
    color: #fff;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 13px;
    height: 24px;
    line-height: 26px;
    margin: 10px 10px 0 0;
    overflow: visible;
    padding: 0 10px 3px;
    text-align: center;
    text-decoration: none;
}

.infobox .buttons a.dlr {float: none; }


/* QR CODE IMG */
.QRcode {float: left; height: 140px; width: 140px; padding: 2px 10px 10px 0; }

#recaptcha_widget_div {
	margin: 1em 20px;
}


/* Lightbox */
.featherlight .featherlight-content {
	max-width: 450px;
}

.featherlight h4 {
	margin: 0 0 1em !important;
}