﻿/* CSS Document */


/* Clerk Two-Column layout */

.oneColumn {
width: 690px;
clear: both;
margin: 0 auto;
}


.doubleColumnLeft {
background-image: url(../images/columnBackground.gif);
background-repeat: no-repeat;
padding: 2px 0px 0px 0px;
width: 315px;
float: left;
text-align:left;
border-bottom: 1px solid #000000;
height: 250px;
}


.doubleColumnRight {
background-image: url(../images/columnBackground.gif); 
background-repeat: no-repeat;
padding: 2px 0px 0px 0px;
width: 315px;
float: right;
text-align:left;
border-bottom: 1px solid #000000;
height: 250px;
}

.singleColumnCenter {
background-image: url(../images/fullcolumnBackground.gif); 
background-repeat: no-repeat;
padding: 2px 0px 0px 0px;
width: 100%;
text-align:left;
border-bottom: 1px solid #000000;
height: 300px;
margin-left:auto;
margin-right:auto;
 
}


.leftColumn {
width:330px;
float:left;
padding:0px;
margin-top:0px;
}


.rightColumn {
width:330px;
float:right;
padding:0px;
margin-top:0px;
}


h3.columnHeader {
font-size: 1.2em;
color:#FFFFFF;
margin-top: 10px;
vertical-align:middle;
}


/* End */




/* Clerk Styles */


body.clerk {
font-size: .95em;
background-color:#FFFFED;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}

/*
*/


body.clerkFormPage {
font-size: .90em;
padding: 0px;

}


body.leftMenuClerk {
margin-top: 0px;
margin-left: 0px;
top: 0px;
height: 95%;
}


.clerkFormPage h1 {
text-align: center;
font-size: 1.75em;
font-style:italic;
}

.clerkFormPage h2 {
text-align: center;
font-size: 1.45em;
padding-bottom: -10px;
}

.ckerkFormPage h3 {
text-align: center;
font-size: 1.00em;
}

.clerkFormPage td, th {
vertical-align: top;
text-align:left;
}


.clerkFormPage .clerkUseOnly {
border: 1px dotted #FF0000;

}

.clerkUseOnly td {
padding: 3px;
}


.clerkUseOnly h2 {
margin: 0px;
}


.currentResults {
top:inherit;
margin: 0 auto;
border: 1px solid #000000;
padding: 5px;
width:90%;
text-align:center;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;

}


#redDashed {
width: 300px;
margin: 0 auto;
text-align:center;
border: 1px dashed #FF0000;
padding: 5px 5px 5px 5px;
}





/* Form fields */

fieldset#clerkSearch {
width: 600px;
padding: 5px;
border: 1px solid #3366CC;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
margin: 0 auto;
}

fieldset#clerkSearch legend {
font-size: 1.3em;
font-weight: bold;
}


fieldset#clerkInput {
width: 600px;
padding: 5px;
border: 1px solid #FF0000;
margin-left: auto;
margin-right: auto;

}

fieldset#clerkInput legend {
font-size: 1.3em;
font-weight: bold;
color:#0000FF;
}

fieldset#clerkInput label {
font-size: .80em;
}

fieldset#clerkInput span {
font-size: .80em;
font-weight:bold;
}


table.clerkPollingTable {
vertical-align: top;
}

table.clerkPollingTable th {
vertical-align: top;
font-size: 120%;
}

table.clerkPollingTable td {
vertical-align: top;
}


td.clerkPollingTableRight {
text-align: right;
padding-right: 10px;
padding-bottom: 3px;

}

table.clerkResultsTable td {
vertical-align: top;

}

table.clerkResultsTable th { 
font-size: 120%;
color: #000080;
}

td.clerkTableStaticText {
color: #000080;
font-style: italic;
width: 35%;
}

td.clerkTableDynamicText {
color: #800000;
font-weight: bold;
width: 65%;
}

table.clerkResentElectionResults td {
vertical-align: top;

}

table.clerkInputTable td {
vertical-align: top;
text-align:left;
}

.colnameSummary     { 
color: #000080; 
font-style: italic; 
font-size:.85em; 
vertical-align:top;
text-align:left;
}

.coldataSummary    { 
color: #800000; 
font-weight: bold; 
text-align: left; 
font-size:.85em;
vertical-align:top;
}


.headSummary   { 
font-size:.95em;
text-decoration: underline; 
color: #000080; 
font-style: italic; 
vertical-align:top;
}


.currentElection h3, .electionInformation h3, .voterReg h3 {
text-align: center;
font-size: 180%;

}


.currentElection {
/*background-color:#E9E9E9;*/
background-image: url(/common/images/notepad.gif);
background-repeat: no-repeat;
padding: 23px 10px 0px 0px;
width: 300px;
margin: 5px;
float: left;
position: relative;
text-align:left;
}




.voterReg {
/*background-color:#FFFFFF;*/
background-image: url(/common/images/notepad.gif);
background-repeat: no-repeat;
padding: 23px 10px 10px 15px;
width: 225px;
margin: 5px;
float: left;
text-align:left;
}


.electionInformation {
/*background-color:#E9E9E9;*/
background-image: url(/common/images/notepad.gif);
background-repeat: no-repeat;
padding: 23px 5px 10px 15px;
width: 225px;
margin: 5px;
float: left;
text-align:left;
}


.searchFields {
width: 612px;
float: left;
}

.searchFieldsRight {
width: 180px;
float:left;
padding: 5px 5px 5px 5px;
}


.searchInstructions {
width: 175px;
margin: 0px;
padding: 5px;

}


/* Search Results */

table.searchResults {
font-size: .95em;
}


/* Lists */

.clerkListItems {
margin: 0px 0px 0px 5px;

}


/* Election Information Top Box */

table.clerkElectionInformation {
width: 80%;
text-align: center;
margin-left:auto;
margin-right:auto;

}

table.clerkElectionInformation th, td {
text-align: center;
padding: 5px;
}


/* Page Footer */

.pageFooter td {
font-size:.90em;
}

table.pageFooter {
width: 100%;

}


/* Voter Reg Application */


table.twoColumnData {
	width: 700px;
	padding: 3px;
	border-collapse: collapse;
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	margin-left: auto;
	margin-right: auto;
	border-collapse:collapse;
	
}

table.twoColumnData td.input {
	border: 1px solid #000000;
	text-align: left;
	padding: 5px;
	width: 70%;
	vertical-align:top;
	
}

table.twoColumnData td.coldata {
	border: 1px solid #000000;
	text-align: right;
	vertical-align:top;
	padding: 5px;
	width: 30%;
	
	

}




table.twoColumnData td.sectionhead {
	text-align: left;
	padding: 3px;

}

table.twoColumnData table#TableCellAlignBottom td {
vertical-align: bottom;
text-align:left;

}

fieldset#voterRegApp {
width: 800px;
padding-bottom: 10px;
border: 1px solid #3366CC;
margin-left:auto;
margin-right:auto;
}


fieldset#voterRegApp legend {
font-size: 1.5em;
font-weight: bold;
color:#000000;
}


/* Absentee Request pages */

table.absenteeRequest th {
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;

}

/* sample ballot request page */

fieldset#ballotForm {
width: 80%;
padding: 5px;
border: 1px solid #FF0000;
margin-left: auto;
margin-right: auto;

}


fieldset#ballotForm legend {
font-size: 1.3em;
font-weight: bold;
color:#090C69;
}

fieldset#ballotForm label {
font-weight: bold;
}

fieldset#ballotForm td.labelText {
text-align: right;
font-weight:bold;
width: 35%;
}

fieldset#ballotForm td.dataText {
text-align: left;
width: 65%;
}



.electionData {
width: 95%;
margin: 0 auto;
background-color: #FFFFFF;
border: 1px solid #006;
margin-bottom: 30px;
padding-left: 5px;
padding-bottom: 5px;
padding-right: 5px;
	
}


.electionData .title {
	
font-size: large;
}

.electionData .lastDay {
	
color: #F00;
}






/* End */

