/* Default font is arial for entire site */ 
*  { font-family: Arial; }

/* Banner is the scrolling message in the master page for the ENR site*/       
.banner { width: 980px; border: none 1px silver;  }

/* #2c4979 405e90 */
.TextGlobalNav { color: #335387; font-family: tahoma, verdana, sans-serif;font-size:11px;font-weight:bold;padding-top:4px; }
.TextGlobalNav a { color: #335387 !important; font-family: tahoma, verdana, sans-serif;font-weight:bold; text-decoration: none; }
.TextGlobalNav a:hover { color: #335387; font-weight:bold; text-decoration: underline; }


body  {
/* text-align: center;  background-color:#0D2541;   */ 
font-family: @Arial;
border: 0px;
margin: 0px;
padding: 0px;
background: #173a78 url('Images/Master/body-bg2.gif') repeat-x;
}


#container {margin:0 auto; width:1190px; text-align:left;}      

.mastheadA {width:1180px;height:26px;background:#1a4085 url(Images/Master/ElectionBanner2010a.jpg) no-repeat; padding:0;}

/* mainframe controls the width of the entire website and ensures that it is centered on the 
clients screen.  Also sets the background to a color like Navy Blue 
.mainframe {  margin-right:auto; margin-left:auto; width: 992px; background-color: #0D2541; } */


/* background sets the background of the content-pannel portion each web page  */
.background {
text-align: center;
/*background-image: url(Images/skybluegradient2010a.jpg);*/
background-image: url(Images/skybluegradient1.jpg);
width: 994px; 
background-repeat: repeat-x;
font-family:Arial;
border: 0; 
margin:0; 
padding-top:5px; 
/*background-color:#5981bf;*/
background-color:#A3CDF5;
}

a:link { color: #9D050D;}
a:visited {color: Blue;}
a:hover{ color: Red; }



.bold { font-weight:bold; }
.normal { font-weight:normal; }

/* fakelink  fakes a standard web link for use with Radcontrols that use a click event */      
.fakelink {
text-decoration:underline; 
font-family:Arial; 
font-size:medium;
cursor:pointer;
color:Purple;
}

/* tableshadow places a shadow on html tables or div sections
filter... works with I.E. only.  -webkit... works with Safari and Chrome.  
No support for Firefox until the release of the next version */
.tableshadow {
filter:progid:DXImageTransform.Microsoft.Shadow(color='#111111', Direction='135', Strength='10');
-webkit-box-shadow: 10px 10px 10px #555; -webkit-border-radius: 5px;
}   

/* barshadow places a shadow on html tables or div sections. Similar to tableshadow above,
* but with different shadow attributes
* filter... works with I.E. only.  -webkit... works with Safari and Chrome.  
* No support for Firefox until the release of the next version */   
.barshadow  {
filter:progid:DXImageTransform.Microsoft.Shadow(color='#111111', Direction='135', Strength='10');
-webkit-box-shadow: 5px 5px 10px #111; -webkit-border-radius: 5px;
}  

/* repshadow is the color of the shadow of a republican candidate.  Currently a fairly dark red
* filter... works with I.E. only.  -webkit... works with Safari and Chrome.  
* No support for Firefox until the release of the next version */
.repshadow {
filter:progid:DXImageTransform.Microsoft.Shadow(color=#900000, Direction=135, Strength=10);
-webkit-box-shadow: 5px 5px 10px #F00; -webkit-border-radius: 5px;
}

/* demshadow is the color of the shadow of a democratic candidate.  Currently a fairly dark blue
* filter... works with I.E. only.  -webkit... works with Safari and Chrome.  
* No support for Firefox until the release of the next version */
.demshadow {
filter:progid:DXImageTransform.Microsoft.Shadow(color=#204DA2, Direction=135, Strength=10);
-webkit-box-shadow: 5px 5px 10px #00F; -webkit-border-radius: 5px;
}

/* othshadow is the color of the shadow of all minor party candidates.  Currently a bright yellow.
* filter... works with I.E. only.  -webkit... works with Safari and Chrome.  
* No support for Firefox until the release of the next version */
.othshadow {
filter:progid:DXImageTransform.Microsoft.Shadow(color=#888800, Direction=135, Strength=10);
-webkit-box-shadow: 5px 5px 10px #880; -webkit-border-radius: 5px;
}

/* photoshadow is the color of the shadow of a picture that the candidates party is not known.
* Currently a light gray
* filter... works with I.E. only.  -webkit... works with Safari and Chrome.  
* No support for Firefox until the release of the next version */
.photoshadow {
filter:progid:DXImageTransform.Microsoft.Shadow(color='#111111', Direction='135', Strength='10');
-webkit-box-shadow: 5px 5px 10px #111; -webkit-border-radius: 5px;
}

/* textshadow is the color of the shadow behind text.  Used only on large fonts sizes.
* Currently a light gray in color
* filter... works with I.E. only.  -webkit... works with Safari and Chrome.  
* No support for Firefox until the release of the next version */
.textshadow  {
filter:progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction='135', Strength='5');
text-shadow: 1px 1px 5px #111; -webkit-border-radius: 5px;
}

/* Color of shadows on images other than candidate photos. */
img.shadow  { filter:progid:DXImageTransform.Microsoft.Shadow(color='#111111', Direction='135', Strength='5');
-webkit-box-shadow: 5px 5px 10px #111; -webkit-border-radius: 5px;
}

/* Set pointer over images to be a hand in all major browsers */  
img.img {  cursor: pointer; } 
a.specialLink:link { color: white; }
a.specialLink:visited { color: white; }
a.specialLink:hover { color: red; }

/* Used to float left Parenthesis closer to contained text */
#mapparen { position: absolute;
top: 45px;
left: 348px;
font-family: Arial; 
font-size:18px;
color: #9D050D;
}

/* Used to positon contained text to the left parenthesis */
#mapmessage { position: absolute;
top: 45px;
left: 353px;
font-family: Arial; 
font-size:18px;
color: #9D050D;
}

/* Used to float link under the Presidential photos on the home page */
#preslink {position: absolute;
top: 350px;
left: 75px;
font-family: Arial; 
font-size:18px;               
}
/* Used to float the "Terms of Use" link on the home page*/          
#copyright {position: absolute;
top: 652px;
left: 350px;
font-family: Arial; 
font-size:18px;
}                                              

#clicktitle {position: relative;
top: 40px;
left: -80px;
font-family: Arial; 
font-size:18px;
}

#clicktitle1 {position: relative;
top: 40px;
left: 200px;
font-family: Arial; 
font-size:18px;
}

/* All link with all states set to black */       
a.blacklink:link { color: #9D050D; }
a.blacklink:visited { color: blue; }
a.blacklink:hover { color: Red; }

.instructions {
font: Arial;
color: Black;
font-size: x-large;
text-align: left;
width:700px; }


/* RAD CONTROLS */  

/* Override standard RadControl setting for the multi-page control */            
#CurrentResults { font-size:large;  color:#9D050D;}

#multirace{ font-size:large; }   

/* rad Control override for the title bar on the voter turnout statistics tool on the election
* center page*/
.robotic {
background  :transparent url(Images/bkg.gif) left bottom repeat;
border-bottom:1px solid #A6A6A6;
font:11px arial, sans-serif;
line-height:13px;
white-space:normal;
}

/* rad control overrides for the statistics tool on the Election Center page */
.multiPage {
float:left;
border:1px solid #94A7B5;
background-color:#F0F1EB;
padding:4px;
padding-left:0;
width:565px;
margin-left:-1px;           
}

.multiPageshadow {
float:left;
border:1px solid #94A7B5;
background-color:#F0F1EB;
padding:4px;
padding-left:0;
width:565px;
margin-left:-1px; 
filter:progid:DXImageTransform.Microsoft.Shadow(color='#111111', Direction='135', Strength='10');
-webkit-box-shadow: 10px 10px 10px #555; -webkit-border-radius: 5px;               
}

.multiPage div {
border:1px solid #94A7B5;
border-left:0;    
}

.multiPage img { cursor:no-drop; }