/*
Summit County Board of Elections
CSS Classes.
2009 John Dziurlaj
The first few classes describe the general layout of all pages.
The classes like DEFAULT can be used in most cases a ASP.NET page requires a class
The rest are specific to certain CssControls. I tried to name them logically.
*/
  
  a{display:inline; color:#284e98; }
  
  div 
  {
   /*padding: 0 0 0 0;**/
	 }

    img
    {
    border: 0px;	
    }
  body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: small;
		/*padding: 25px;*/
		
		background-color: #d3deef;
		
	}
  #wrapper 
   {
	 
	width:975px;
	margin: 0px auto;
	top:auto;
	/*padding:10px;		*/
	border: 1px  solid #507cd1; 
	background-color: White;
	
	overflow:auto;
				
	}
	#header {
		
		height:100px;
		padding:10px;
	}
	#header table td
	{
	   padding: 1px 0px 1px 0px;
	}
	#subheader {
		
		height:10px;
		padding: 10px 10px 10px 10px;
		margin: 20px 10px 10px 10px;
	}
	#content {
		margin-top:10px;
		padding-bottom:10px;
	}
	/* applies to all divs within the content div */
  #content div {
		/*padding:10px;*/
	    float:left;
	}
  #content-left {
  	width:150px;
  	padding: 10px;
  	/*background-color: #284e98;*/
	}
  #content-main {
		/*margin-left:10px;*/
		width:800px;
		/*width:700px;*/
	
	}
	#content-right {
		/*margin-right:10px;*/
		width:150px;
	
	}
  #content-box1, #content-box2, #content-box3 {
	padding:10px;
    position:absolute;
    margin-top:190px;
    height:120px;
	}
  #content-box1 {
		margin-left:212px;
		width:200px;
	}
  #content-box2 {
		margin-left:444px;
		width:200px;
	}
  #content-box3 {
		margin-left:676px;
		width:202px;
	}
  #footer {
		float:left;
		margin-top:10px;
		margin-bottom:10px;
	    padding:10px;
	    width:878px;
    	}
  #bottom {
		clear:both;
		text-align:right;
	}
	
	#boardLetterhead{
	font-size:18.0pt;
	font-family:  "Script MT Bold", Script;  
	color: #792324
	}
#boardColors{
	color: #792324	
	}
	


/* End Master Layout Classes */


/* General Layouts*/

.default
{
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
	display: inline;
	color: #284e98;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

body{
	
	
}
.boe{
	top:0px;
	margin-top:0px;
	background-color:white;
	
	}

p{margin:0 10px 10px;}
a{display:inline; color:#284e98; font-weight:bold; }
/*
a:hover{
	color: #FBF67E;
	font-weight:bold;
} */

h1{ 
	font-family: Arial, Helvetica, sans-serif; 
	font-size:16pt;
	color:#990000
 	}
h2{ 
	font-family: Arial, Helvetica, sans-serif; 
	font-size:14pt;
	color:#990000
 	}
 	
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12pt;	
	color:#990000

}
h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#990000
	}


	
td b{
	color: #792324	
}

td b{
	color: #792324		
	}
	



  .seal
        {
	background-color:#FBF67E;
	color:  #284e98;
	font-weight:bold;
	text-align:right;
	font-family:"Arial", Courier , Sans-Serif;
	font-size: small;		 
	padding: 2px 2px 2px 2px;		
		}
	
	.lower{
	
	background-color:#284e98;
		height:10px;
		
		}
	
/* Modal stuff */
    .blueBox
        {
         background-color:#d3deef;
            width: 100%;
            margin-bottom: 0px;
            
        }
    .parentModel
    {
    	background-color:White;
    	border-style: double;
    	border-width: thick;
    	border-color: Gray;
    	width: 800px;
    }
    .modalBackground {
	    background-color:Gray;
	    filter: alpha(opacity=70);
	    opacity: 0.7;
    }

    .modalPopup {
	    background-color:#FBF67E;
	    border-width:3px;
	    border-style:solid;
	    border-color:Gray;
	    padding:3px;
	    width:775px;
    }


		
.wizardPages
{
	margin: 50px 0px 50px 50px;
	border: 1px solid #2F4F4F;
	color: #000000;
	background-color: #FBF67E;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding: 0px;
	cursor: pointer;
	position: inherit;
	
}
.wizardContent
{
	background-color: #d3deef;
	border-top: none;
	padding: 5px;
	padding-top: 10px;
	border-width: 1px;
	border-color: #2F4F4F;
	width:50px;
	
	
}
		.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #284e98;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    width: 500px;
    padding: 10px 10px 10px 10px;
}

.accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
	
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
	border: 1px solid #2F4F4F;
	color: #000000;
	background-color: #FBF67E;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
	cursor: pointer;
	width: 500px;
	padding: 10px 10px 10px 10px;
}

.accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
	background-color: #d3deef;
	margin-top: 5px;
    padding: 10px 10px 10px 10px;	
	border-style: dashed;
	border-width: 1px;
	border-color: #2F4F4F;
	width: 500px;
}

.collapsePanel
{
	
	overflow: hidden;
	
	
	width: 500px;
	/*
	border: 0px solid #2F4F4F;
	padding: 5px;
	margin-top: 5px;
*/
	/*background-color: #d3deef;*/

	padding: 5px;
	padding-top: 10px;
	/*//border-top: none;
	//border-style: dashed;
	//border-width: 1px;
	//border-color: #2F4F4F;
*/
}

.titlePanel
{
	border: 1px solid #2F4F4F;
	color: black;
	background-color: #FBF67E;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
	cursor: pointer;
	width: 500px;
	   padding: 10px 10px 10px 10px;
}
/* Section regarding Menus */
.MenuStyle
{
	 background-color:#d3deef;
	 font-family: Arial, Sans-Serif;
	 font-size: 1em;
	 /*fore#284E98" */ 
}

.StaticMenuItemStyle
{
	
 padding-left: 5px;
 /*margin-top:15px;*/
 padding-top: 15px;
  
}
.DynamicHoverStyle
{
	
 background-color: #284E98;
  /* White;*/
}
.DynamicMenuStyle
{
 background-color: #d3deef;
}
.DynamicSelectedStyle
{
 background-color:#507CD1;
}
.DynamicMenuItemStyle{
 padding-left: 5px;
 padding-top: 5px;
 background-color:#d3deef;
}

/* default layout */
.ajax__tab_default .ajax__tab_header {white-space:nowrap;}
.ajax__tab_default .ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_tab {margin-right:4px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}

/* xp theme */
.ajax__tab_xp .ajax__tab_header {font-family:verdana,tahoma,helvetica;font-size:11px;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-line.gif")%>) repeat-x bottom;}
.ajax__tab_xp .ajax__tab_outer {padding-right:4px;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-right.gif")%>) no-repeat right;height:21px;}
.ajax__tab_xp .ajax__tab_inner {padding-left:3px;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-left.gif")%>) no-repeat;}
.ajax__tab_xp .ajax__tab_tab {height:13px;padding:4px;margin:0;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab.gif")%>) repeat-x;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_outer {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover-right.gif")%>) no-repeat right;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_inner {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover-left.gif")%>) no-repeat;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_tab {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover.gif")%>) repeat-x;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_outer {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active-right.gif")%>) no-repeat right;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_inner {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active-left.gif")%>) no-repeat;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_tab {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active.gif")%>) repeat-x;}
.ajax__tab_xp .ajax__tab_body {font-family:verdana,tahoma,helvetica;font-size:10pt;border:1px solid #999999;border-top:0;padding:8px;background-color:#ffffff;}

/* scrolling */
.ajax__scroll_horiz {overflow-x:scroll;}
.ajax__scroll_vert {overflow-y:scroll;}
.ajax__scroll_both {overflow:scroll}
.ajax__scroll_auto {overflow:auto}

/* plain theme */
.ajax__tab_plain .ajax__tab_outer {text-align: center; vertical-align: middle; border:2px solid #999999;}
.ajax__tab_plain .ajax__tab_inner {text-align: center; vertical-align: middle; }
.ajax__tab_plain .ajax__tab_body {text-align: center; vertical-align: middle;}
.ajax__tab_plain .ajax__tab_header {text-align: center; vertical-align: middle;}
.ajax__tab_plain .ajax__tab_active .ajax__tab_outer {background:#FFFFE1;}


/* From TRIAD */

 
.errlist
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-style: italic;
    color: #FF0000;
}
.cmbsettings
{
    font-family: Arial;
    font-size: small;
    color: #000000;
}
.ballotgrid
{
    font-family: Arial;
    font-size: small;
    color: #000000;
}

.ballotgridheader
{
    font-family: Arial;
    font-size: large;
    font-variant: small-caps;
    color: #000000;
    background-color: #FFFFFF;
}

.PageTitle
{
    font-family: Arial;
    font-size: large;
    font-weight: bolder;
    color: #000000;
    font-style: italic;
    text-decoration: underline;
    text-align: left;
}

.PageFooter
{
    margin: auto;
    font-family: Arial;
    font-size: x-small;
    text-align: center;
    color: #800000;
    float: left;
    width: 100%;
}
.oddrow
{
    margin: 3px;
    border: thin solid #000000;
    padding: 3px;
    font-family: Arial;
    color: #000000;
    background-color: #FFFFFF;
    border-spacing: 2px;
    border-collapse: separate;
    table-layout: auto;
}
.evenrow
{
/*    border-style: solid;
    border-width: thin;
    padding: inherit;
    font-size: medium;
    background-color: #EAEAEA;
    font-family: Arial;
*/
    margin: 3px;
    border: thin solid #000000;
    padding: 3px;
    font-family: Arial;
    color: #000000;
    background-color: #EAEAEA;
    border-spacing: 2px;
    border-collapse: separate;
    table-layout: auto;
}
.table
{
    padding: 5px;
    border: thin solid #000000;
    margin-left: auto;
    margin-right: auto;
}
.officialmain
{
    width: 100%;
    float: left;
}
.official_name
{
float:left;
width:33%
}

.nodata
{
    font-size: medium;
    color: #FF0000;
}
.filedata
{
    padding: -20px;
    margin: auto;
    font-family: Arial;
    font-size: small;
    text-align: left;
    color: #800000;
    float: left;
    width: 100%;
    top: -10px;
}