/* DEFAULTS
----------------------------------------------------------*/
body {
	background: #82001c url(../Images/state.png) 50% 0 no-repeat; 
	font-size: 13px;
	font-family: 'Oxygen', sans-serif;
	margin: 0px;
	padding: 0px;
	 }
a:link { color: rgb(0,80,255); text-decoration: none; }
		a:hover { color: rgb(0,0,0); text-decoration: underline; }
		a:active { color: rgb(140,50,180); text-decoration: none; }
		a:visited { color: rgb(140,50,180); text-decoration: none; }	
		a:active, a:focus {
			outline: 0; }
p { 
	margin-bottom: 10px;
   line-height: 1.6em; }
.split { margin-top }

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.page
{
   /*width: 980px;
    background-color: #fff;
    margin-left:25%;*/
    width: 980px;
    background-color: #fff;
    margin: 0px auto 0px auto;
    border: 0px solid #496077;
}

.pageTabular
{
    width: 980px;
    background-color: #fff;
    margin: 0px auto 0px auto;
    border: 0px solid #496077;
}

.clear
{
    clear: both;
    width: 1026px;
}


.poweredBy
{
    text-align:right;
    padding: 0px;
    border:0;
    color:#9a3034;
    /*color:#9a3034;*/
    font-weight:normal;
}

/*Style from SOS*/

.masterNavigationBar
{	
    font: 14px ;
    color: #4E4F4E; /*background-color:rgb(78,79,78);*/
    background-color: rgb(214,210,187);
}
.mapTabNavigation
{
	/*originally it was 13.5px(based on the document sent by client) but it was too large so I changed it to 10.5*/
	margin: 0;
	padding: 0;
	border-top: 1px solid rgb(150,150,150);
	border-bottom: 1px solid rgb(150,150,150);
    background-color: #ba0027;
}

.hr
{
    border-top: 1px solid #9A9A9A;
    border-left: none;
    border-right: none;
    background: url('/img/hr.png');
}

.masterNavigationLink
{ /* word-spacing:6px;*/
    font: 16.5px;
    text-decoration: none;
    vertical-align:middle;
    line-height:normal;
	padding: 4px;
}

.linkImage
{
    border: none;
}

.userControl
{
    width: 780px;
    background-color: #fff;
    margin: 0px auto 0px auto;
    border: 1px solid #496077;
}

.userControl_1
{
    width: 782px;
    background-color: #fff;
    
}
.mapDataBox
{
    width: 10px;
    height: 540px;
    background-color: #fff;
    margin: 0px auto 0px auto;
    border: 1px solid #496077;
}

.aParent
{
    float: left;
    clear: none;
}

.tabularDataConntentBox
{
    width: 120px;
    background-color: #fff;
    margin: 0px auto 0px auto;
    border: 1px solid #496077;
}

.tabularData
{
    font: 12px Tahoma;
    color: #4E4F4E;
    font-weight: 200;
}

.Precincts_Pie_Box
{
    width: 360px;
    background-color: #fff;
    margin: 0px auto 0px auto;
    border: 1px solid #496077;
}
.Precincts_Pie_BoxHeader
{
    font-size: 18px;
    font-weight: bold;
    color: #000000;
}

.mapPoliticalPartyHeader
{
    font: 19.5px; /*originally it was 13.5px(based on the document sent by client) but it was too large so I changed it to 10.5*/
    color: #6D6C66;
    font-variant: small-caps;
    background-color: rgb(214,210,187);
}

.MasterFooterBackColor
{
	background: rgb(243,238,216) url(../Images/pattern_footer.png) repeat-x;
	border-top: 1px solid #4e4f4e;
}
.ColorRange
{
    width: 8px;
    margin: 0px auto 0px auto;
    border: 1px solid #496077;
}

 .MenuNav
{
      background-color: #ba0027;
      margin-right:5px;
      height:18px;
      width: 133px;
       vertical-align:middle;
      text-align:center;
}   

 .MenuNavTabular
{
      background-color:#ba0027;
      margin-right:3px;
      height:16px;
      width:auto;
      vertical-align:middle;
      text-align:center;
} 

.menuitemspace
{
    text-align: justify;
    word-spacing: 20px;
}

.panelPolPartyLegend
{
    text-align:center;
}

.politicalPartyLegend
{
    font: 10px Georgia; /*originally it was 13.5px(based on the document sent by client) but it was too large so I changed it to 10.5*/
    color: #6D6C66;
    font-variant: small-caps;
}
.menuItemStylePolParty
{
    margin-right:5px;
}

.mapHeaderDivider
{
	padding: 4px;
    color: #4E4F4E; /*background-color:rgb(78,79,78);*/
    background-color: rgb(214,210,187);
}

.floatMiddle
{
    vertical-align: bottom;
}

.mapInfoWindow
{
    font-family: sans-serif;
    overflow: visible;
}

.menuItemForeColor
{
    color:white;
}

.subMenuItemMapNavigation
{
    background-color: #a90f30;
    margin-right:2px;
    margin-left:2px;
}

.District_Pie_Box
{
    width: 770px;
    background-color: #fff;
    margin: 0px auto 0px auto;
    border: 1px solid #496077;
}

.PieChartValueText
{
    font-size: 11px;
    color: #000000;
    font-weight: bold;
}

.HeaderSpacing
{
    word-spacing:6px;
}
.dropdowndiv
{
   font-size:10pt;
   margin-top:3px;
  /*width:295px;*/
   border:1px solid #d5d5d5;
   text-transform:uppercase;
    vertical-align:middle;
    
    
}

/*tabular Grid Header  */
.tgh
{
   background-color: #9a3034;
    color: #ffffff;
   vertical-align:middle;
   text-align:center;
}

/*tabular Grid Row Style  */
.tgrs
{
    background-color: #ffffff;
}

/*tabular Grid Alternate Row Style  */
.tgars
{
    background-color: #d3d3d3;
     color: #000000;
     
}

/*tabular Grid Footer Style  */
.tgfs
{
    color: #ffffff;
    background-color: #767676;
    font-weight:bold;
}

/*tabular Data Row Cell 0  */
.tdrc0
{
   font-weight:bold;
   font-size:large;
   width:39%;
}

/*tabular Data Row Cell Candidates */
.tdrcc
{
   text-align:left;padding-left: 8px;
    width:39%;
}

/*tabular Data Row Cell 4  */
.tdrc4
{
   width:10%;
   vertical-align:top;
  text-align:right;
}

/*tabular Data Row Cell 3  */
.tdrc3
{
  width:10%;
  vertical-align:top;
  text-align:right;
}

/*tabular Data Row Cell 3 for appelate  */
.tdrc3_a
{
  width:13%;
  vertical-align:top;
  text-align:right;
  font-weight:bold;
}

.tdrc4_1
{
    width:100%;
  vertical-align:top;
  text-align:right;
  color:#82001c;
 font-weight :bold;
}

.tdrc5
{
   width:50%;
   vertical-align:top;
   text-align:right;
   color:#82001c;
   font-weight:bold;
   
}
/*tabular Data Row Cell 1  */
.tdrc1
{
   text-align:center;
   font-weight:bold;
}

/*tabular Data Row Cell 3  */
.tdrc3_1
{
   text-align:right;
   font-weight:bold;
}

.tdrc3_2
{
   width:0%;
}

/*tabular Data Row Cell 1_1  */
.tdrc1_1
{
   text-align:center;
   width:22%;
}

/*tabular Data Row Cell 1_1 for appellate  */
.tdrc1_1_a
{
  text-align:center;
  width:16%;
  font-weight:bold;
}


.tdrc1_2
{
   text-align:center;
   width:0%;
}


/*New css added for buttons on tabular pages on 19/07/2012*/

.btn { 
color: rgb(0,24,64);
border: 1px solid rgb(150,150,150);
border-radius:5px;
padding: 3px 6px;
margin: 0 3px 0 3px; *margin: 10px 3px 0 0;
background-color: rgb(240,240,240);
background-image: -ms-linear-gradient(bottom, rgb(225,225,225) 16%, rgb(245,245,245) 58%);
}

a.btn:link { 
color: rgb(0,24,64); 
text-decoration: none; 
padding: 3px 6px;
font-size: 11px; }
a.btn:hover, .btn:hover { 
color: rgb(0,24,64); 
border-color: #999;
background-image: -ms-linear-gradient(bottom, rgb(190,190,190) 16%, rgb(220,220,220) 58%);
}

#navicons { 
	text-align: right;
	margin: 0 57px 8px 0; }
	
	.electionNameBanner
{
    color: #000000;
    font-variant: small-caps;
    font-weight:bold;
    font-size:25px;
}

.GridSpace{
    margin-left:50px;
    }
    
 /*******************************************************************************
Added by Ravendra on 10/02/2012 [MM/DD/YYYY]
 Style for asp.net disabled controls:-> do not delete this css as it is being used by disabled menu item for party and race title's
Note:> If you will search for "aspNetDisabled" text in project it won't show up any where as this css class is being generated by asp.net engine at runtime for disabled controls

 *******************************************************************************/
.aspNetDisabled
{
  background-color:#d9d9d9;
}


.TabularNoData
{
    color:Red;
    font-size:large;
    font-weight:bold;
   width: 100%;
   text-align: center;
}

/*******New Style for IO - ENR*********************/


.under
{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}
.over
{
position:absolute;
left:40px;
top:10px;
z-index:-1;
}

/*** Footer ***/

footer {
background: #eaeaea;
border-top: 1px solid #ccc;
-moz-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.4);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
clear: both;
height: 93px;
margin: 0 auto;
padding: 17px 20px 0 20px;
text-shadow: 0 1px 0 #fff;
width: 940px;
 }

footer a {
color: #333333; }

footer a:hover {
color: #82001c; }

footer .adr {
float: left; }

footer .links {
color: #bbb;
float:  right; 
text-align: right;
 }

header {
background: #eee url(../images/header.jpg) 0 0 no-repeat;
margin: 0 auto;
padding: 0 20px;
width: 940px; 
background-color:Red;
}

header h1 {
margin: 0; }

header img {
display: block; }

	.electionHeaderBanner
{
    color: #000000;
  }

.linkButton
{
    text-decoration:none;
}

.linksFooter {
color: #bbb;
float:  right; 
text-align: right;
 }
 
.linkForeColor
{
    color:Black;
}

a.PR:link
{ 
    text-decoration: underline;
    color: White;
}
a.PR:hover 
{ 
  color:#e6b380; 
   text-decoration: underline; 
}

a.PRD:link
{ 
    text-decoration: underline;
    color: White;
}

a.PRD:hover  /*Css for Disabled Precinct link*/
{ 
  color:#e6b380; 
   text-decoration: underline; 
   cursor:default; 
}

div.vertical-line{
  width: 0px; /* Use only border style */
  height: 100%;
  border: 1px inset red; /* This is default border style for <hr> tag */
  margin-left:21.1%;
}

.PageMainContentLogin
{
    border: 1px solid #496077;
    float:left;
    background-color:White;
    width: 978px;
    height:720px;
    margin-left:10%;
}

.PC    /*PC: Party Change css class*/
{
    width:0px;
    margin-left:15px;
}

/*tabular Grid Footer Style for county level grid  */
.clgTR    /* clgTR = County level grid Total row - This style is being used to bold the "Total" row for county level grid on specify a race tab */ 
{
    color: #ffffff;
    background-color: #767676;
    font-weight:bold;
}