@charset "UTF-8";
/* CSS Document */

/* header */

.application_header { position:relative; margin:0; padding:0; background-color:#014B7E; clear:both; height:49px; }
.application_header h2.logo { text-indent:-9999px; font-family:Helvetica, Arial, sans-serif; margin:0; position:absolute; background:url(../images/application_logo.gif) top left no-repeat; background-position:0 0; width:450px; height:49px; }
.application_header h2.logo a { display:block; width:450px; height:49px; }

/* @group progress bar */
.progress-bar { margin:0; padding:7px; float: right; border: 1px solid #CCC;}
.progress-bar #bar-box { width: 20em; border: 1px solid #CCC; height: 10px; background: #E1E1E1; padding: 0 2px 2px 0;}
.progress-bar #bar-box #bar { font-size: .7em; height: 10px; background: #87CD7D; margin: 0; padding: 0 2px 2px 0; color:#FFF; text-align:right; }
.progress-bar #bar-box .prog1 { width: 25%; }
.progress-bar #bar-box .prog2 { width: 50%; }
.progress-bar #bar-box .prog3 { width: 75%; }
.progress-bar #bar-box .prog4 { width: 100%; }
.progress-bar .steps { color:#679B60; font-size: .75em; font-weight:bold; text-align:center; padding: 5px 0 0 0;}

/* @end */

/* @end */


.service-img { width: 200px; height: 250px; background: url(../images/DMR_logo_lg.gif) top left no-repeat; float: right;}
.content_col {float: left; width: 16em; padding-right: 3em; }
.note {padding-left: 15px;}

/* Form Custom */

.selection_note {
	padding: 0;
	margin: 10px 0 0 35px;
}

.selection_note p {
	font-size: 1em !important;
	line-height: 1em !important;
	color: #666;
}

.selection_note ul {
	font-size: 1.25em !important;
	line-height: 1em !important;
	margin: 5px 5px 10px;
	color: #666;
}

.start { padding: .5em .5em 2em 0em; clear:both; text-align:center;}
.steps { padding: .5em 1em 0 0; clear:both;}

ul.form_info_additional {
	border-top: 1px solid #CCC;
	list-style: none;
	font-size: .9em;
	color: #666;
    margin: 5px;
	padding-left: 20px; 
	padding-top: 5px;
}
ul.form_info_additional_sub {
	border-top: 1px solid #CCC;
	list-style: none;
	font-size: .9em;
	color: #666;
    margin: 5px;
	padding-left: 30px; 
	padding-top: 5px;
}

/* Back Navigation */

.back_nav {
	float: right;
	font-size: .70em;
	color: #666;
	padding: 6px;
	border: 1px solid #CCC;
	background: #F4F4F4;
	margin-right: 10px;
	margin-bottom: 5px;
}

/* Index Start Boxes */

fieldset.start_box {
	float:left;
	width: 16em;
	border: 1px solid #CCC;
	margin: .5em 1em;
}
fieldset.on_start_box {
	float:left;
	width: 16em;
	border: 1px solid #666;
	margin: .5em 1em;
}

.start_box legend {
	text-align:center;
	color: #333;
	font-size: 1.45em;
	padding: 0 .25em 0;
}
.on_start_box legend {
	text-align:center;
	color: #333;
	font-size: 1.45em;
	padding: 0 .25em 0;
}

.start_box_img {
	width: 16em;
	height: 8em;
}

.prescreening {
	background:url('../images/icon_det.png') center center no-repeat;
}

.apply {
	background:url('../images/icon_start.png') center center no-repeat;
}

.resume {
	background:url('../images/icon_resume.png') center center no-repeat;
}

.on_start_box_button {
	clear:both;
	margin: 0;
	text-align:center;
}

.on_start_box_text {
	clear:both;
	margin: 0;
	text-align:center;
	height: 2em;
	color: #666;
}

/* Login Box */

#pageaside ul.login-options { 
	font-size: .7em; 
	color: #666; 
}
#pageaside p { 
	font-size: .7em; 
	color: #666; 
	margin:10px 5px 5px 0; 
	padding:0 15px;
}
#pageaside .login-box { 
	margin: 10px;
}

/* Application Status */

.granted { color:#090; }
.denied { color:#C00; }
.saved { color:#F60; }

/* Important Text Tan */
.important_text p {padding: 0 3px 0;}
.important_text {border: 1px solid #A1987F; padding: 4px; margin: 0 0 4px 0; background:#F8F4ED;}

/* Form Customization */
.form_checkbox_benefits {
	font-size: .75em;
	padding: 0;
	margin: 0;
	float: left;
	width: 20px;
}
.form_checkbox_title_benefits {
	font-size: .75em;
	padding: 2px 0 0 0;
	margin: 2px 0 0 25px;
}
.form_checkbox_benefits_sub {
	font-size: .75em;
	padding: 0;
	margin: 0 0 0 25px;
	float: left;
	width: 25px;
}
.form_checkbox_title_benefits_sub {
	font-size: .75em;
	padding: 2px 0 0 0;
	margin: 2px 0 0 25px;
}

/* Application Progress */

#pageaside ul.progress-list li.open {
	list-style-image:url('https://apps.web.maine.gov/online/apps/images/icon_gray_arrow.gif');
	font-size: .8em;
	font-weight: normal;
	color: #666;
}

#pageaside ul.progress-list li.on_section {
	list-style-image:url('https://apps.web.maine.gov/online/apps/images/icon_black_arrow.gif');
	font-size: .8em;
	font-weight: bold;
	color: #000;
}

#pageaside ul.progress-list li {
	list-style-image:url('https://apps.web.maine.gov/online/apps/images/icon_green_arrow.gif');
	font-size: .8em;
	font-weight: bold;
	color: #008000;
	margin: 0;
	padding: 0;
}

#pageaside ul.progress-list {
	margin: .5em .5em 1em 2em;
}

/* Submit Incomplete Applications */

.submit_now {
	padding: 1em;
}
.submit_now p {
	color: #666; font-style:italic; font-size:.7em; margin: 0; padding: 0 0 10px 0;
}

fieldset.abr_start_box {
    border: 1px solid #CCCCCC;
    float: left;
    margin: 0.5em;
    width: 17em;
}
.abr_start_box legend {
    color: #333333;
    font-size: .9em;
    padding: 0 0.25em;
    text-align: left !important;
	font-weight:bold;
}
.all_other_p {
	padding-bottom: 190px;
}

.print_p {
	padding: 10px 0 0 0;
}
@media screen and (max-width:950px) {
	fieldset.start_box {width: 18em; margin: .5em 1.25em 1em .75em;}
}


.election_info { float:left; width:66%; margin-right:10px; }
.voter_resources { float: left; width: 30%; padding: 0 12px; border-left: 1px solid #ccc; }
.two_ballot_types { width:100%; }
.two_ballot_types fieldset { border: 3px solid #444!important; }
.two_ballot_types hr { border: 1.5px solid #444!important; }
.maine_voter_col fieldset { float:left; width:47%; }
.accessibleText { padding-top:33px; }
.maineVotes { float:right; padding:31px 5px 0 20px; width:35%; }
.accessibleSymbol { float:right; padding:5px 5px 7px; width:25%; }
.comingsoon { text-align:center; margin:31px auto 26px; font-size:.9em!important; }
.uocava_voter_col fieldset { float:left; width:46%; margin:5px -5px 10px 7px; }
.maine_voter_col h3 { font-size:100%; text-align: center; padding:16px 0 0; }
.maine_voter_col h2 , .uocava_voter_col h2 { text-align:center; font-size:150%; margin-bottom:10px; }
.uocavaimg { float:right; padding:5px; width:45%; }

.ballotButton { text-align:center; margin:16px 0; }
#regRequest { margin-bottom:17px; }
#accessibleRequest, #uocavaRequest { margin:10px; }

.awesome { background:none!important; -moz-border-radius: 3px!important; -webkit-border-radius: 3px!important; border-radius:3px!important; }
.blue.awesome, .blue.awesome:visited { background-color:#2b4872!important; color:#fff!important; }
.blue.awesome:hover { background-color:#203453!important; }
.green.awesome, .green.awesome:visited { background-color:#607c05!important; color:#fff!important; }
.green.awesome:hover { background-color:#475c04!important; }
.orange.awesome, .orange.awesome:visited { background-color:#c14700!important; color:#fff!important; }
.orange.awesome:hover { background-color:#a23b00!important; }
.black.awesome, .black.awesome:visited { background-color:#000!important; color:#fff; }
.black.awesome:hover { background-color:#444!important; color:#fff; }

.grey_message { border: 1px solid #d9d9d9; padding: 4px; margin-bottom: 4px; background: #E8E8E8; color: #000; }
.grey_message p { margin: 0; padding: 0; }

fieldset.inner { border: 1px solid #999!important; }
.inner legend { color: #666!important; }

#MEVoters h1 { text-align: center; margin-top: 19px; margin-bottom: 25px; }
#UOCAVAVoters h1 { text-align: center; }


@media only screen and (max-width: 950px) {
  .election_info {  width:62%!important; }
  .maine_voter_col fieldset { width:auto!important; }
  .maineVotes { padding:20px 5px 0 20px; width:22%; }
  .accessibleSymbol { padding:10px 5px; width:18%; }
  .uocava_voter_col fieldset { float:left; width:auto!important; margin-left:0; }
  .uocavaimg { float:right; padding:5px; width:22%; }
  .ballotButton { margin: 20px 0 10px; clear:both; }
  .comingsoon { margin:auto; clear:both; }
}