@charset "utf-8";

/*
	blankweb.css -- Main CSS for the DPCC Vote Information Office Vote Management Website
	11/26/12
	rev:11/28
	rev: 11/25/18
*/

	body {
		font-family:Arial, Helvetica, sans-serif;
		font-size:100%;
		border:0;
		padding:0;
		margin:0;
		background-color:#ffffff;			/* used by staff website: #515d81;  lighter: #54618c;*/
		/* background used by staff website: background-image:url(../images/dhcdev-back2.png);
		background-repeat:repeat-x;
		text-align:center; */
	}
	
	/* a:link	{ color:#000000; } note - caused problems for superfish */
	a:active	{ color:#BCBDC0; }
	/* a:visited	{ color:#000000; } note - caused problems for superfish */
	a:hover		{ color:#FF0000; }
	
	p, form {
		font-size:10pt;
		margin:0;
		padding:10px 10px 0 10px;
	}
	
	h1 {
		font-size:20pt;
		margin:0;
		padding:10px 10px 0 10px;
	}
	
	h2 {
		font-size:16pt;
		margin:0;
		padding:10px 10px 0 10px;
	}
	
	h3 {
		font-size:14pt;
		margin:0;
		padding:10px 10px 0 10px;
	}
	
	h4 {
		font-size:12pt;
		margin:0;
		padding:10px 10px 0 10px;
	}
	
	/* settings allow the spacing between paragraphs and unordered lists to be consistent */
	ul {
		font-size:10pt;
		margin:0;
		padding:10px 10px 0 30px;
	}
	
	li {
		margin:5px 10px;
	}

	.emphasis {
		font-style:italic;
	}
	
	
	
	/* properties listed with the mainContent id will override those in p above; rest will be inherited */

	/*
	#mainContent p {
		margin-left:0;
	}
	*/
	
	/* 
		text return class used to create the page-specific links in upper/left of the basic display area for
		listing links (e.g., New/Word/pdf links in report_chron.cfm).
	*/
	#mainContent p.textReturn {
		font-size:13px;
		text-align:left;
		padding:10px;
		color:#444444;
		background-color:#ffffff;
		margin:0;
		/* width:250px;  this probably isn't needed for the vote website */
		position:relative;
		left:-9px;
		top:-9px;
	}
	
	#mainContent .textReturn a {
		color:#999999;
	}

	#mainContent .textReturn a:hover {
		color:#000000;
	}

	#mainContent .emphasize {
		color:#999999;
	}

	#contentWrapper {
		position:relative;
		margin: 0 auto;
		padding:0;
		text-align:left;
		width:100%;				/* 962px in staff website; controls the overall width of the page */
		/*border:1px solid #2D2D2D; */
	}

	
	/* mainContent */
	
	#mainContent {
		font-size:100%;
		min-height:700px;
		margin:0;
		padding:0;
		background:#eaedf2;
		border:1px solid #aaaaaa;	
	}
	
	/* loginBar */
	
	#loginBarFull {
		width:100%;
		height:25px;
		padding:5px;
		margin:0;
		background-color:#000000;
		border-bottom:1px solid #aaaaaa;
	}
		
	#loginBarWrapper {
		position:relative;
		margin: 0 auto;
		padding:0;
		text-align:left;
		width:962px;				/* controls the overall width of the page */
		height:20px;
		background-color:#000000;
		border-bottom:1px solid #aaaaaa;
	}
	
	#loginBar {
		height:20px;
		width:100%;
		background-color:#000000;
		margin:0;
		padding:5px;
		/* padding-right:400px; */
		/* padding-left:870px;*/
		text-align:right;
		color:#ffffff;
		font-size:12px;
		border-bottom:1px solid #aaaaaa;
	}
	
	#loginBar a {
		color:#999999;
	}
	
	#loginBar a:hover {
		color:#ffffff;
	}
	
	#loginBar p {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#dddddd;
		padding:1px 5px 5px 0;
	}
	
	#loginBar form {
		color:white;
		font-size:11px;
		padding:0 5px 6px 0;
	}
	
	/* applies to drop-down menu */
	#loginBar select {
		color:white;
		background-color:#595959;
		border:none;
		margin:0 0 0 5px;
	}
	
	/* text input field */
	#loginBar input {
		color:white;
		background-color:#595959;
		border:none;
		margin:0 0 0 5px;
	}
	
	#loginBar .button {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		border:1px solid #000000;
		background-color:#595959;
		color:#fefefe;
		margin:0 0 0 5px;
		padding:0 2px 0 2px;
	}
	
	#loginBar .charSpacing {
		padding:0 6px;
	}	

	/* page banner */
	#bannerWrapper {
		font-size:100%;
		min-height:95px;
		margin:0;
		padding:0;
		/*border:1px solid #3b4462;
		border-bottom:none;
		background-image:url(../images/banner_dpc3.png); */
		position:relative;
		background-color:#515d81;
	}

	#bannerWrapper h1 {
		/* margin:25px 0 0 -35px; correct position for logo_dpc1.png */
		margin:0 0 0 0;
		padding-top:5px;
		min-height:70px;
		/* min-height:121px; correct position for logo_dpc1.png */
		/* min-height:100px; */
		/*background-image:url(../images/logo_dpc7.png); */
		background-image:url(../images/logo_dpcc.png);
		background-repeat:no-repeat;
		background-position:25px 16px;
	}
	
	#bannerWrapper p {
		color:#eeeeee;
		font-family:"Arial";
		font-weight:"bold";
		font-size:27px;
		position:absolute;
		top:5px;
		left:120px;	
	}
	
	#bannerWrapper p.nextLine {
		color:#eeeeee;
		font-family:"Arial";
		font-weight:normal;
		font-size:16px;
		position:absolute;
		top:39px;
		left:120px;	
	}

	/* menu -- contains Superfish menu */
	#menuWrapper {
		position:relative;		/* for ie bug re superfish */
		z-index:100;			/* for ie bug re superfish */
		font-size:100%;
		min-height:32px;
		min-width:1260px;		/* keeps menu items from wrapping to the next line when resizing window */
		margin:0;
		padding:0;
		padding-top:1px;	/* corrects an alignment issue with the superfish menu */
		padding-left:35px;	/* controls position of Superfish menu bar */
		/* border-left:1px solid #525a77; */
		/* border-right:1px solid #525a77; */
		/* background-image:url(../images/dpc_back_menu.png);  */
		background-image:url(../images/dpc_back_menu2.png); 
		background-repeat:repeat-x;
		/* background-color:#525a77; */
	}
	
	/* this style draws the vertical line to the right of the last menu item in the superfish menu */
	#menuWrapper .finishRight {
		margin:0;
		padding:0;
		min-height:32px;
		border-left:1px solid #ffffff;		
		float:left;
	}	

	/* footer */
	#footerWrapper {
		/* font-size:100%; */
		min-height:50px;
		margin:0;
		padding:0;
		background-color:#6C6C6C;
		border:1px solid #818181;
	}
	
	#footerWrapper p {
		padding:10px;
		font-size:12px;
		text-align:center;
		color:#EAEAEA;
	}

	/* 
		The following containers are placed within mainContent and contain the primary layout of the home page
	 */
	
	/* containerFull -  a class that extends the full width of mainContent within margin
		CSS note:
		When multiple divs with class containerFull follow each other within mainContent, the sum of the
		margins between divs is 10px, NOT 20px. The margins collapse in this case.
	 */
 
	.containerFull {
		border:1px solid #aaaaaa;
		background:#ffffff;
		min-height:655px;
		margin:10px;
		padding:10px;
	}

	.clearfloat { 
		clear:both;
		height:0;
		font-size: 1px;
		line-height: 0px;
	}

	/* ----------------------------------------------------------------------------------------------- */
	
	/* styles for the inside pages */

	/* primary display container for pages inside the site */
	.containerInformation {
		text-align:left;
		border:1px solid #aaaaaa;
		background:#ffffff;
		background-repeat:repeat-x;
		width:700px;
		min-height:500px;
		margin:10px;
		padding:0;
		float:left;
	}
	
	/* doclist is the documents retrieved from a search */
	.containerInformation p.doclist  {
		/* font-size:80%; */
		/* padding:5px; */
		
		font-size:90%;
		padding:10px 35px 0 40px;
		background-image:url(../images/dpc_bullet_red2.png);
		background-repeat:no-repeat;
		background-position: 20px 15px;
	}
	
	.containerInformation p.doclist a {
		text-decoration:none;
	}
	
	.doc-date {
		font-style:italic;
	}

	/* primary display container for pages inside the site - right column */
	.containerInformationRight {
		border:1px solid #aaaaaa;
		background:#ffffff;
		background-image:url(images/gradient-silver.png);
		background-repeat:repeat-x;	
		width:226px;
		min-height:500px;
		margin:10px 0 0 0;
		padding:0;
		float:left;
	}

	/* standard bulleted list with links style (adapted from votewatch) for items in the right margin */

	/* needed? not currently used */
	#stdListContainer {
		margin:0;
		padding:0;
		/* border: 1px solid #999999; */
	}		
	
	ul#stdList {
		margin-left:0;
		padding-left:0;
		list-style-type:none;
		font-size:13px;
	}
	
	ul#stdList a {
		display:block;
		text-decoration:none;
		background-color:#EAEAEA;
		color:#666666;
		padding:.3em .5em;
		border-bottom:1px solid #ffffff;
		/* width:200px; */
		margin-left:10px; 			/* left margin within the right column container */
		margin-right:10px;			/* right margin within the right column container */
	}

	ul#stdList a:hover {
		background:#69c;
		color:#ffffff;
	}
	
	ul#stdList li {
		display:inline;	/* overcome some browser spacing problems. See CSS in 10 p.129 */
	}


	/* ----------------------------------------------------------------------------------------------- */


	/* the following are for constructing standard forms (e.g., blank_form.cfm) */

	.formContent {
		margin:10px 0 10px 0;
		padding:0;
		/* border: 1px solid #999999; */
		width:100%;
		/* min-height:600px; */
	}
	
	/* testing - sets the width of the formContent container in vote_data_entry.cfm */
	.formContentWidth {
		width:820px;
		/* border: 1px solid #999999;		*/
	}

	.formContent p.leftSide {
		font-weight:bold;
		float:left;
		clear:left;
		width:250px;
		/* border:1px solid #999999; */
		margin:4px;
		padding:2px 5px 0 0;
		text-align:right;
		padding-left:3px;
	}
	
	.formContent p.rightSide {
		float:left;
		width:650px;
		/* border:1px solid #999999; */
		margin:4px;
		padding:0;
		padding-right:3px;
		text-align:left;
		/* this large value keeps the right cell from wrapping in IE 
		margin-right:250px;*/
	}

	/* highlights headers between fields (see blank_form.cfm) */
	.formContent p.formSubtitle {
		color:#ffffff;
		background-color:#999999;
		margin-top:15px;
		margin-bottom:5px;
		padding:4px;
	}
			
	.formContent .formField {
		font-family:"Courier New", Courier, monospace;
		font-size:12px;
		width:550px;
	}
	
	.formContent .formFieldLarge {
		font-family:"Courier New", Courier, monospace;
		font-size:12px;
		width:650px;
	}
	
	.formContent .numberField {
		font-family:"Courier New", Courier, monospace;
		font-size:12px;
		width:50px;
	}
		
	.formContent .nameField {
		font-family:"Courier New", Courier, monospace;
		font-size:12px;
		width:100px;
	}
		
	.formContent .dateField {
		font-family:"Courier New", Courier, monospace;
		font-size:12px;
		width:150px;
	}	
	
	/* use for standard text areas */
	.formContent .textField {
		width:550px;
		height:100px;
	}
	
	/* use for larger text areas */
	.formContent .textFieldLarge {
		width:650px;
		height:200px;
	}
	
	.formContent .menuField {
		font-family:"Courier New", Courier, monospace;
		font-size:12px;
	}
	
	.formContent .buttonField {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	}

	/* help text next to a field */
	.formContent .textInfo {
		margin-left:15px;
	}


	/* ----------------------------------------------------------------------------------------------- */

	/* the following are for constructing a standard table (e.g., blank_formtable.cfm) */

	table {
		width:100%;
		font-family:Arial, Helvetica, sans-serif;
		border-collapse:collapse;
		margin-top:20px;
		margin-left:10px;
	}
	
	tr.odd {
		background-color:#eaedf2;
	}
	
	td {
		font-size:12px;
		padding:10px 7px;
		/* background-color:#CCCCCC; */
		/* border:1px solid #999999;*/
		/* border:none; */
		border:1px dotted #cccccc;
		border-bottom:none;
		border-top:none;
		vertical-align:top;
	}
	
	/* CLOTURE and LEGISLATION: slightly small text trial - use for tables with largers amounts of data */
	td.smallText {
		/* font-size:10px; */
		font-size:8pt;
		padding:8px 5px;
		/* background-color:#CCCCCC; */
		border:1px dotted #cccccc;
		/* border:none; */
		/* border:1px dotted #999999; */
		/* border-bottom:none; */
		border-top:none;
		vertical-align:top;
	}
	
	td.center {
		text-align:center;
	}
	
	td.right {
		text-align:right;
	}	
	
	td a {
		text-decoration:underline;
		font-style:italic;
		color:#0033CC;		
	}
	
	/* the header uses the standard silver shaded background graphic */
	th {
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		padding:5px;
		text-align:center;
		font-weight:bold;
		color:#515d81;
		background-image:url(../images/dpc_back_menu2.png);
		background-repeat:repeat-x;
		border-top:1px solid #aaaaaa;
	}
	
	/* CLOTURE and LEGISLATION:  header, slightly small then the standard (above) */
	th.smallText {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		padding:5px;
		text-align:center;
		font-weight:bold;
		color:#515d81;
		background-image:url(../images/dpc_back_menu2.png);
		background-repeat:repeat-x;
		border-top:1px solid #aaaaaa;
	}
	

	/*	----------------------------------------------------------------------------------------------- */
	/*	added 10/29 */
	/*	public votes management styles - pvm 
		Styles used to organize database table information in a tabular format.  See votes_public.cfm
	*/
	
	.containerTabularData {
		border:1px solid #aaaaaa;
		background:#ffffff;
		min-height:655px;
		margin:10px;
		padding:10px;
	}
	
	p.pvmTitle {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:13px;
		font-weight:bold;
		border:1px solid #aaaaaa;
		background-color:#eeeeee;
		margin:0;
		padding:3px 0 1px 0;
		clear:both;
	}
	
	p.pvmColWidth1 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		border: 1px solid #aaaaaa;
		margin:0;
		padding:2px 0;
		width:200px;
		float:left;
	}
	
	p.pvmColWidth2 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		border: 1px solid #aaaaaa;
		margin:0;
		padding:2px 4px 2px 0;
		width:75px;
		float:left;
	}
	
	p.pvmColWidth3 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		border: 1px solid #aaaaaa;
		margin:0;
		padding:2px 0;
		width:420px;
		float:left;
	}
	
	.alignRight {
		text-align:right;
	}
	
	
	
/* 
	Test Report Styles 
	These styles are specifically for vote reports (as opposed to any other page layout).  All styles in
	this group begin with "report".  During the development phase, "Test" will be appended to each, which
	should be removed when the style is finalized.
	
	The primary vote report style is based tables, which is required to replicate the classic DPC report
	layout, and to allow cutting/pasting into Word
	
	see blank_formreport.cfm
*/	

	#containerReportTest {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:10pt;
	}
	
	#containerReportTest p {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:10pt;
		/* commented out 11/1/11 - what were these required for?
		/* padding-left:100px; */
		/* text-indent:50px; */
	}
	
	#containerReportTest table {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:10pt;
	}
	
	#containerReportTest table td {
		vertical-align:top;
		line-height:normal;
		padding:5px 0 0 0;
	}
		
	#containerReportTest table th {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:10pt;
		text-align:center;
		color:#000000;
		background:none;
		border:none;
		border-top: 1px solid #000000;
		border-bottom: 1px solid #000000;
	}
	
	
	/* ----------------------------------------------------------------------------------------------- */
	/* 
		The boxRegion styles were copied from dpcstaffmain.css.  These styles are used to display
		three boxes on the page, which are used as follows: 1. the sum of entries box; 2. the select
		item to add box, and 3. the select item to remove box.  In the VIO website, look at
		manage_vote_sets_voteupdate.cfm for an example.
		
	*/
		
	.boxRegion {
		height:350px;
		width:270px;
		float:left;
		padding:10px;
		margin:10px 7px;
		border:1px solid #999999;
		overflow:auto;		/* added for vio */
	}
	
	.boxRegion h3 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#555555;
		background-color:#ABABAB;
		padding:4px;
		margin:0;
		text-align:center;
		background-image:url(../images/dpc_back_menu2.png);
		background-repeat:repeat-x;
	}
	
	.boxRegion .selectionList {
		width:240px;
	}

	.boxRegion .selectionForm {
		padding:5px;
		margin:10px;
	}

	.boxRegion .center {
		text-align:center;
	}		
	
	.boxRegion ul {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	}	
	
	.boxRegion p {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		margin:10px;
		padding:0 10px;
	}
	
	.boxRegion ul {
		margin:0;
		padding:10px;
	}
	
	.boxRegion li {
		padding:1px;
	}
	
	.linkButton {

                              font: 11px Arial;
                              text-decoration: none;
                              background-color: #EEEEEE;
                              color: #333333;
                              padding: 2px 6px 2px 6px;
                              border-top: 1px solid #CCCCCC;
                              border-right: 1px solid #CCCCCC;
                              border-bottom: 1px solid #CCCCCC;
                              border-left: 1px solid #CCCCCC;
                              border-radius: 3px;
     }

              

	a.linkButton:hover {
		color:#000000;
               background-color:#a9b8d0;
	}