@import url("login.css");

.body-content .hd h1{padding-left: 33px;}

.hd h1 {background: transparent url(../img/icons/sidebar-icons.png) no-repeat 2px 0;}
.rava #admin-menu .hd h1{background-image:none;}
#fwab-start-box .hd h1,.fwab .hd  h1{ padding-left:33px; background: transparent url(../img/icons/sidebar-icons.png) no-repeat 2px -200px;}
#create-account .hd h1, #change-password .hd h2, .voter-account-page .hd h2, .rava-login .hd h2{background: transparent url(../img/icons/sidebar-icons.png) no-repeat 2px -120px;}

.bd h1{font-size:14px; color:#cc0000;}
.bd h2{ font-size: 14px;}
.bd h3{ font-size: 13px;}
.bd h4{ font-size: 13px;}

.rava .page-form .bd h1 { font-weight: bold; }

/** Overlay stuff **/
.progress-bar {
	position: absolute;
	top: 0px; left: 415px;
	width: 176px; height: 25px;
	padding-top: 7px;
}
.progress-bar img {
	display: block; float: left;
}
.break {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
/*.wide-content .ft { display:none;}*/

.progress-text {
	text-align: center;
	font-style: italic;
	line-height: 11px;
}

.fwab-start { line-height: 18px; }
.fwab-start .column-left { float: left; width: 370px; }
.fwab-start .column-right { float: right; width: 186px; }
.fwab-start .column-right h2 { text-align: center;}
.fwab-start .bd h2 { font-size: 13px; color:#c00; line-height: 16px; }
.fwab-start p { padding-bottom: 5px; margin: 0; }
.fwab-start .go-button-container {
	margin: 5px auto; display:block; width: 57px; height: 27px;
	background: transparent url(../img/buttons/start-button-gray.jpg) no-repeat;
}
.fwab-start .go-button-container .go-button {
	height: 27px; width: 57px; display: block;
}
.fwab-start .who-can-use-fwab h2 { padding-bottom: 10px; line-height: 1.1;}
.fwab-start .who-can-use-fwab h2 em { color: #787878; font-weight: normal; font-style: italic; font-size: 92%; }
.fwab-start .who-can-use-fwab p { padding-top: 5px; padding-left: 2em; }

.fwab-start .column-right a img {
	border: 1px solid #ccc;
}
.fwab-start .caption { font-style: italic; text-align: center; }
.fwab-start .what-is-fwab,
.fwab-start .who-can-use-fwab { padding-bottom: 15px; }
.fwab-start .notes { font-size: 10px; }
.fwab-start .who-can-use-fwab label {
	display: block; clear:both; padding: 3px 0; height: 1%;
}
.fwab-start .who-can-use-fwab label .field {
	width: 2em; text-align:center; padding-top: 0.15em; height: 1.27em;
	float: left; display: block; border: 0; background:transparent;
}
.fwab-start .who-can-use-fwab label .field input { margin: 0; }
.fwab-start .who-can-use-fwab label .label {
	margin-left: 2em; display: block;
}
.fwab-start #ready-box {
	padding-top: 1em; padding-left: 2em;
}
.fwab-start p.em { color: #c00;}

.fwabAddon #ravaForm {
	width: 100%;
}
.hd { position: relative; }
.hd h2 { padding-left: 15px; }

.fwabAddon .representatives-group {
	width: 100%; background-color: #e5e5e5; display: table;
}
.fwabAddon .representatives-group th {
	text-align: left; vertical-align: bottom;
	padding: 4px 8px 2px; font-size: 13px;
}
.fwabAddon .representatives-group td {
	 padding: 5px 12px;
}
.fwabAddon .representatives-group .odd td {
	background: #fff;
}

.fwab-last-page p { font-weight: normal !important; margin: 0; }
.fwab-last-page h2 { font-weight: bold !important; }
.fwab-last-page h3 { padding: 10px 0px 5px 0px; }
.fwab-last-page #ravaForm { width: 100% !important; }
.fwab-last-page .continue { padding: 15px 0px 0px 0px;}

.fwab-last-page .download-box {
	padding: 10px; background: #fff; font-style: italic;
}
.fwab-last-page .download-box h3 { color: #c00; }
.fwab-last-page .question {
	padding: 10px; background: #fff; 
}
.fwab-last-page .express-your-vote {
	padding: 10px 10px 0; background: #fff; margin: 10px 0px 10px 0px;
}
.fwab-last-page .express-your-vote a {
	display: block; padding: 5px 110px; font-size: 25px; font-weight: lighter;
	color: #c00; text-decoration: none; height: 39px; line-height: 39px;
	background: transparent url(../img/icons/express-your-vote-letters.png) 330px center no-repeat;
}
.security-recommendation {
	padding-top: 5px;
	font-size: 10px; font-style: italic;
}
.fwab-last-page .security-recommendation h2 {
	font-size: 10px !important; font-style: italic; font-weight: normal; padding-bottom: 0;
}

.fwab-last-page #download-link {margin:20px auto; margin-bottom:20px; width:207px; }

#ravaForm {
	width: 100%;	
}

.bd ol {padding-left: 30px;}

.bd blockquote {margin: 0px;}

#overseas-vote-foundation-short h1 {
	font-size: 15px;
	line-height: 18px;
	padding: 6px 0px 8px 0px;
}
#overseas-vote-foundation-short h2 {
	color: #c00;
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
}

#rava-edit-question .bd {
	min-height: 300px;
	padding: 20px 100px;
}

.continue #back-button {
	display: block;
	height: 30px; width: 54px;
	text-align: right;
	margin-left: 165px;
	line-height: 30px;
	float: left;
	color: #c00;
}
.fwab-last-page .continue #back-button {
	margin-left: 215px;
}
* html .continue #back-button,
* html .continue input,
* html .continue .spacer {
	display: inline;
}
.continue input,
.continue #cancel-button {
	float: left;
	padding-left: 10px;
}
.continue #dead-button {
	float: left;
	padding-left: 10px;
}
.continue .spacer {
	float: left;
	width: 267px; height: 30px;
}

.question-group {
	padding-bottom: 14px;
}
.question-group, .question {
	clear: both;
}
.question {
	font-size: 13px;
	padding: 0px 0px 0px 0px;
}

.one-line {
	display: block;
	margin: 3px 0px;
	clear: both;
}
.one-line span {
	display: block;
	float: left;
	width: 235px;
}
.one-line span.label {
	width: 250px;
	font-size: 13px;
	line-height:15px;
	text-align: right;
	padding-right: 8px;
	margin-bottom:11px;
}
.one-line span.label em {
	font-style: normal;
	color: #c00;
	font-weight: bold;
}

.one-line span select {
	overflow: hidden;
	width: 99%;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
    height: 22px;
    line-height: 20px;
}

.single-field span {
	width: 420px;
}
.single-field span.has-rava-bubble {
	width: 420px;
	padding-right: 5px;
	
}
.multiple-field span.has-rava-bubble {
	width: 235px;
	padding-right: 5px;
}

.radio-group p {
	width: 362px;
	float: left;
	line-height: 21px;
	margin: 3px 0px;
}
.checkbox span.label,
.radio-group .one-line span.label {
	display: inline-block; vertical-align: middle; float: none;
	width: 500px;
	text-align: left; margin-bottom: 0;
	padding-right: 0px; padding-left: 4px;
}
.checkbox span.checkbox,
.radio-group .one-line span.radio {
	display: inline-block; vertical-align: middle; float: none;
	width: 20px;
	text-align: center;
}
.radio-group .one-line .break {
	height: 0px; overflow: hidden;
}
.checkbox span.checkbox input,
.radio-group .one-line span.radio input {
	width: auto; margin-top: 2px;
}

div.one-line span.required,
.required {
	display: inline;
	width: auto;
	float: none;
	color: #c00;
}

div.one-line .rava-bubble,
div.radio-field-title .rava-bubble,
label.textarea .rava-bubble {
	float:left;
	height: 21px; width: 20px;
	overflow: hidden;
}

div.radio-field-title .rava-bubble,
label.textarea .rava-bubble {
	margin: 3px 0px;
}

.no-input ul{
	margin: 20px;
}

.no-input li{
	list-style-type:square;
	margin-bottom:10px;
}

label.textarea {
	width: 382px;
}
label.textarea .textarea-label {
	display: block;
	width: 100%; height: 21px;
	margin: 3px 0px;
	line-height: 21px;
}
label.has-rava-bubble .textarea-label {
	float: left;
	width: 362px;
}

div.textarea textarea {
	display: block;
	width: 98.4%;
	clear: both;
}
div.textarea .textarea-label {
	position: relative;
	height: 21px;
	margin: 3px 0px;
}
div.textarea .textarea-label .rava-bubble {
	position: absolute;
	top: 0px; right: 0px;
}

/*.error { display: none; }*/
.error {
	color: #000;
}
.error-indicator .label {
	color: #000;
}
.error-indicator .label .required {
	color: #000;
}
.error-indicator .one-line span select{color:#cc0000;}

.ie6-tooltip {
	position: relative;
	height: 0px;
	overflow: hidden;
	clear: both;
}
.ie6-tooltip .tooltip {
	position: static;
	width: 246px;
	margin: 3px 0px 10px 120px;
	border: 2px solid #fff;
	background: #F3F9FB;
}
.ie6-tooltip .tooltip-title {
	padding: 5px 5px 0px 5px;
	background: #F3F9FB;
}
.ie6-tooltip .tooltip-title .close-tooltip {
	top: 5px; right: 5px;
}
.ie6-tooltip .tooltip-text {
	background: #F3F9FB;
	padding: 5px;
}

.tooltip {
	position: absolute;
	width: 290px;
    z-index:50;
}
.tooltip-icon {
	cursor: pointer;
}
.tooltip-title {
	position: relative;
	padding: 45px 15px 0px 20px;
	height: 19px;
	background: transparent url(../img/backgrounds/rava-bubble-hd.png) top center no-repeat;
}
.tooltip-title .close-tooltip {
	position: absolute;
	top: 45px; right: 15px;
	cursor: pointer;
}
.tooltip-text {
	line-height: 1.2;
	padding: 5px 15px 35px 20px;
	background: transparent url(../img/backgrounds/rava-bubble-ft.png) bottom center no-repeat;
}

.last-page .note {
	background-color:#FFFFAA;
	margin:5px 25px 20px;
	padding:10px;
}

.last-page .note label, .note input, .note a {  display: inline-block; }
.last-page .note label { width: 100px; text-align: right; }
.last-page .note input {  width: 200px; margin: 3px; }
.last-page .note a { font-size: .8em }

.last-page .instruction {
    border-top: solid 1px #ccc;
	margin:25px 0 0;
    padding: 10px 100px;
    text-align: center;
}

.last-page p {
	padding-bottom: 10px;
	position: relative;
}

.last-page p a {
	text-decoration: underline;
}

.last-page .note p {
	float:none;
	font-size:1.1em;
	line-height:1.2em;
	padding:0 0 5px;
	width:90%;
}

.last-page .note p b {
    color: #c00; 
}

#aligned-finish-button, #continue-button {
	margin-left:102px;
}

.download-box h3{padding-left:25px}

.download-box ol { 
	color:#444;
	padding-left:55px;	
	font-size:13px;
}

.download-box ol li{ margin-bottom:12px; }

.download-box #download-link { margin:40px auto; width:207px; }

/* Global Columns */
.column.left{float:left;}
.columnDivider{background-color:#dbdfe5; width:1px; height:150px; float:left; position:relative; left:10px; top:10px;}
.column.right{float:right; }
.column.right form {text-align:right; float:right;}

.state.select .one-line span{
    width:auto;
    margin-right:5px;
}

.state.select .select-state-field { 
	position:relative; 
	top:15px;
	margin-bottom:16px;
}

#overseas-vote-foundation .rava .state.select input.submit-button { margin-top: 6px; }

.column.right form.state.select p{ 
	text-align:left;
}

.intro h4 {margin:0;}

/*Login info*/
.rava.login .column{width:250px;}
.rava.login .column.left{width:270px;}
.rava.login .column.right{margin-left:-5px;}
.rava.login .column.left h2{margin-left:50px;}
.rava.login .continue.btn{float:right;}
.rava .column.right #userForm fieldset{text-align:left;}
.noAccount{position: relative; top: 57px; text-align: center;}

.rava #login-button { width:auto; } 

/*User Fields form*/
.rava .column.left,.rava .column.right{width:47%;}/*was 275*/
.rava .section{float:left; width:585px; border-top:solid #d4ceaf 1px; padding:12px 0;}
.rava .section.one{margin:12px 0;}
.rava .section.three{border:none; padding-top:0;}
.rava .content{margin-left:8px;}
.rava .userFields .required{color:#444;}

.rava .body-content .legend{padding:8px 0 12px 8px;}
.rava .body-content .legend span{font-size:110%; color:#444; font-weight:700;}
.rava .userFields fieldset label{display:block; margin-left:2px;}

.rava .userFields .split{float:left;}
.rava .userFields .split.right{margin-left:9px;}
.rava .userFields .clear{clear:both;}
.rava .userFields .tiny{width:55px;}
.rava .userFields .small{width:70px;}
.rava .userFields select.small{width:76px;}
.rava .userFields .firstName .medium{width:103px;}
.rava .userFields .medium{width:170px;}
.rava .large{width:255px;}
.rava .userFields input, .rava .userFields .large{width:255px;}
.rava .userFields .checkbox{width:auto; margin:0;}
.rava .userFields select{width:261px; margin-bottom:6px; margin-right:3px;}
.rava input.submit-button{width:75px; float: right;}

.rava form div input, .rava form div textarea{margin-bottom:5px;}
.rava .userFields fieldset.voterInfo label{display:inline;}

.rava .addressOptions{margin-bottom:8px;}
.rava .ruralRoute{float:left; margin-right:8px;}
.rava .addressDescribed {white-space:nowrap;}

.fbButton{margin:5px 0 15px;}
.fbButton #status{display:none; margin-top:5px; margin-left:8px; font-size:11px; line-height:12px; color:#0E275B;}

.rava .voterInfo div{margin:0 auto; width:500px; text-align:right;}
.rava .voterInfo div .errorMsg {text-align:left; width:auto; padding-left:110px;}
.rava .voterInfo div select{width:380px;}
.rava .confirmPassword{white-space: nowrap;}

.rava .birthInfo div{float:left;}
.rava .birthInfo select{width:85px;}
.rava #birthDYear{margin-right:0;}

.rava .personalInfo{position:relative; top:1px;}

.rava #forwardingAddress{display:none;}
.rava .errorMsg{display:block; padding:2px; color:#c00;}
.rava .gender{margin-right:5px; float:left;}

#change-password form{width:295px;}

.rava .rava-bubble{
	width:20px;
	display:inline;
	position:relative;
	top:5px;
	left:5px
}

/* Candidates */
.representatives-group {
    padding:5px;
    margin:5px;
    border-collapse:collapse;
}

.representatives-group th {
     font-weight: 700;
}

.representatives-group td {
    padding: 7px;
    border:solid 1px;
    border-collapse:collapse;
}

/* Domestic */
.rava .homeAddress.home{padding-bottom:50px;}
.rava .previousAddress .addressOptions{white-space:nowrap; margin-top:2px; font-size:12px;}

/* My Voter Account */
.mva.account.nav {
    float: right;
    font-size: 11px;
    margin-top: -28px;
    padding-right: 10px;
}

#overseas-vote-foundation .mva.account.nav{
	margin-top: -12px;
	padding-right: 2px;
}
.mva.account.nav li{display:inline;}
.mva.account.nav li a{color:#BC0000;}

.voter-account-page .bd p{padding:0;}
.voter-account-page .bd-inner ul{line-height:30px; padding-left:5px;}
.voter-account-page .bd-inner li{display:block; background:url("../img/icons/admin_arrow.gif") no-repeat 0 11px; padding-left:9px;}
.voter-account-page a{color: #CC0000;}
.voter-account-page .bd h2{font-size:15px; color:#cc0000;}
.voter-account-page .bd h2.eod{
	background: url("../img/icons/sidebar-icons.gif") no-repeat 0 -44px;
	padding-left: 30px;
	}
.voter-account-page .bd h2.mva{
	background: url("../img/icons/sidebar-icons.gif") no-repeat 0 -125px;
	padding-left: 30px;
	}
.voter-account-page .bd h3{font-size:13px; color:#1E4678;}

#create-password .progress-bar, #create-account .progress-bar{display:none;}

/* See variant_default.tag for details */

.transmission_method_option {
	position:relative;
	width:425px;
	background:#F9F9F9 url('../img/buttons/transmission-bg.jpg') repeat-x;
    border: 1px solid #cbd3d9;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin:0 auto 20px;
    cursor:pointer;
    behavior: url('/vote/js/PIE.htc');
}

.transmission_method_option .label h3 {
	font-size:18px;
	line-height:24px;
}

.one-line.transmission_method_option span.label {
    padding:12px 0 12px 80px;
    width:275px;
}

.transmission_method_option span.label div{
	font-size:12px;
}

.transmission_method_option_1 .label{ background:url(../img/buttons/email-bg.png) no-repeat 9px 20px; }
.transmission_method_option_2 .label{ background:url(../img/buttons/fax-bg.png) no-repeat 7px 12px; }
.transmission_method_option_3 .label{ background:url(../img/buttons/post-bg.png) no-repeat 0 21px; }

.one-line.transmission_method_option span.radio {
	width:auto;
	position:relative;
	top:32px;
	float:left;
	margin:0 12px;
}

.rava-intro p { padding:12px; }

.rava.video {
	float:right;
	text-align:center;
	margin-top:10px;
}

.rava.video img { padding:5px; }

.login-option { text-align:right; }

.fawco .login-option,
.vote411 .login-option,
.exxon .login-option,
.bipac .login-option {
	background-color: #fff;
	position:relative;
	float:right;
	top:-18px;
}

.kentucky .login-option {
	background-color: #fff;
	position:relative;
	float:right;
	top:50px;
	right:12px;
}

#progressbar .ui-progressbar-value {
	background-color: #F9f9f9;
	margin:0;border: none;
}

#progressbar .ui-progressbar .ui-progressbar-value { margin:0; }

.phone .intl-tel-input,
.alternatePhone .intl-tel-input {display:block;}

@media only screen and (max-width : 480px) { 
	.phone .intl-tel-input,
	.alternatePhone .intl-tel-input {margin-bottom:15px;}
}


#phone,
#alternatePhone {box-sizing: initial;}
.intl-tel-input input[type=tel] { width:211px; }