﻿/*	Defines the page layout. (Max column width = 950px) 
Column 1 is the menu and is in a span-24 section. Columns 2&3 are contained inside a span-19 section in the span-24.
*/



.container{ width: 1030px !important;}
.column1 { width: 190px; float: left; padding-bottom: 100px; }
.columns2-3 { width: 780px; float: right; }						/* columns 2 and 3 are contained in a div */
.column2 { width: 830px; float: left; padding-bottom: 5px; }	/* The grid styles are proportional to the column width 530-32 */
.column3 { width: 250px; float: right; padding-bottom: 5px; }	/* The grid styles are proportional to the column width 250-32 */
.columns4-5 { width: 780px; float: right; }						/* columns 4 and 5 are contained in a div */
.column4 { width: 370px; float: left; padding-bottom: 5px; }	
.column5 { width: 380px; float: right; padding-bottom: 5px; }	
.portlet { margin: 0 1em 1em 0; }
.corners{
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
-khtml-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;


-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
-khtml-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;

-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-khtml-border-top-right-radius: 5px;
border-top-right-radius: 5px;

-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-khtml-border-top-left-radius: 5px;
border-top-left-radius: 5px;

/*border: 1px solid #A6C9E2;*/
background: #FCFDFD  50% bottom repeat-x;
color: #222;
}

.portlet.corners::after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.portlet-header { margin: 0.3em; padding-bottom: 4px;padding-top: 4px; }
.portlet-header h1 { border: 1px solid transparent; }
.portlet-header .ui-icon { float: right; }
.portlet-content { padding: 7px; }
.portlet3-content { padding: 0px 4px 4px 4px; }
.portletbackground { background-color: #e1f1f9; font-size: .75em; }
.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }
.ui-sortable-placeholder * { visibility: hidden; }
		
		
/*	Defines the grids for the statewide results.
Grid for column2: NOTE that the rows are a precentage of the containing grid-box. */
/*changed font size from 0.75em to 0.8em */
.grid-box { width:498px; font-size: 0.8em;}	/* column2 width - 32px */
/* changed added font-size and right padding */
.grid-head { color: #fff; background-color: #0097db; background-image: url(../images/th_rx.gif); background-repeat: repeat-x; 
		width:100%; height:20px; vertical-align:middle; text-align:left; font-size: 12px;padding-left: 3px; }
.grid-odd { width:99.5%; color: #222; background-color: #e1f1f9; overflow:hidden; height:20px; 
		vertical-align:bottom; text-align:left; padding-left:2px; padding-top:3px; }
.grid-even { width:99.5%; color: #222; background-color: #fff; overflow:hidden; height:20px; 
		    vertical-align:bottom; text-align:left; padding-left:2px; padding-top:3px; }
.grid-candidate { color: #000; font-weight:600; text-align:left; }
.progressbar { color: #000; border:2 solid #003300; background-color: #FF9800; height:18px; vertical-align:middle; text-align:center; border-radius: 5px;}
.winner { background-color: #0c0; }
.loser { background-color: #FF9800; }
.party1 div { height: .7em; width: .7em; background-color: #989797; margin-right: 6px; float: left; margin-top: .4em; }
.party1.rep1 div { background-color: #e30000; }
.party1.dem1 div { background-color: #005cb9; }
		
/* Grid column3: Note rows are just slightly different from column2 with the padding-left the only difference.  */
.selector-box { font-size: 1.1em; }
.selector-link { width:100%; text-align:right; padding-bottom:4px; }
.grid3-box { width:233px;}	/* column3 width - 32px = 188*/
.grid3-head { color: #fff; background-color: #0097db; background-image: url(../images/th_rx.gif); background-repeat: repeat-x; 
		width:100%; height:16px; vertical-align:middle; text-align:left; font-size: 1.1em; padding-top:2px; }
/*changed font size to 1.2em */
.grid3-odd { width:99.5%; color: #222; overflow:hidden; height:20px; background-color: #e1f1f9; 
		    vertical-align:bottom; text-align:left; padding-left:7px; padding-top:3px; font-size: 1.2em; }
.grid3-even { width:99.5%; color: #222; overflow:hidden; height:20px; background-color: #fff; 
		    vertical-align:bottom; text-align:left; padding-left:7px; padding-top:3px; font-size: 1.2em; }

/*count contest*/
tr.oddRowCC td{ background: #cef;}
tr.evenRowCC td{ background: #fff;}

/* display Statewide votes on right */
.span-3.votesNum{text-align: right; width:100px; padding-right:10px;}        
/* make contest div static height for accross browser */
.contest{height: 38px;}
.iconGrid{ float: left;}
.iconGrid.rep{background-repeat: no-repeat; background: url(../images/icon-rep.png); width: 48px;height: 31px;}
.linkCounty{ text-decoration: underline; color: #069;}

/* division anouncments */
.divAn{ }
.divAn ul{ padding: 0px;margin: 0px;}
.divAn li{ list-style: none;padding-bottom: 10px;}
.divAn h4 {
    /*font-family: Georgia, "Times New Roman", Times, serif;*/
    color: #3E86C0;
    font-size: 16px;
    margin: 5px 0 5px 0;
    padding: 0px;
}

/* javascript countdown clock */
.clockHolder1{width: 260px; margin:0px auto; background:#FFF; padding:10px; border: 2px solid #a6c9e2; border-radius: 5px 5px 5px 5px;}
.jsCountdown{ font-family:Arial, Helvetica, sans-serif; border:none; width:260px;height: 70px; margin:0px;}
.jsNum{color:rgb(216,0,58);font-size:40px; text-align:center; padding:0px; margin:0px; width:60px; border:none; line-height:40px;}
.jsInfo{color:#3186bc;font-size:8px; text-align:center; padding:0px; margin:0px; border:none; line-height:8px;}


/* Congressional District */
div.districtR{}
div.districtR h2{max-width: 100%; color: #DD603B;}
div.districtR table.districtTable tr,th,td{border:none;}
.districtTable tr.oddRowDis{background: #E1F1F9;}
.districtTable tr.evenRowDis{background: #FFF;}
div.districtR .linkTop{float:right; padding-top:10px;}
.alRight{ text-align: right;}


/* h2 format */
div#navigation h2{
    font-variant: small-caps;
    background-color: #315c87;
	background-image: url(../images/h1_rx.gif);
    background-position: bottom;
	background-repeat: repeat-x;
	color: #fff;
    margin: 5px 0px 15px 0px;
	padding: 5px 0px 5px 5px;
	/*font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;*/
	font-size: 16px;
	display: block;
	
	-moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;


    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    border-top-right-radius: 5px;

    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
}


.portlet-subheader h2{
    background-color: #315c87;
	background-image: url(../images/h1_rx.gif);
    background-position: bottom;
	background-repeat: repeat-x;
	color: #fff;
    margin: 5px 5px 15px 5px;
	padding: 5px 0px 5px 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 16px;
	display: block;
	
	-moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;


    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    border-top-right-radius: 5px;

    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
}


.yellow-theam {
    /*background-color: #FDBD39 !important;
    background-image: url(../images/yellow.gif) !important;
    background-position: left -5px;
    background-repeat: repeat-x;*/   
    color:white !important;
    font-size: 21px !important;
    /*border: solid 1px #8F530C;*/
}

.yellow-theam-No-Background 
{
    background-color: white;
    background-image: none;
    background-position: left -5px;
    background-repeat: repeat-x;   
    color: #834C0B !important;
    border: solid 1px #8F530C;
}



/*--- orange */
.oragne-theam {
    background-color: #FDBD39 !important;
    background-image: url(../images/yellow.gif) !important;
    background-position: left -5px;
    background-repeat: repeat-x;   
    color: #834C0B !important;
    border: solid 1px #8F530C;
}

.orange-link {
    background-color: #EC9231;
    background-image: url(../images/orange_grad.gif);
    background-repeat: repeat-x;
    zoom: 1;
    display: block;
    padding: 5px 11px;
    font-weight: bold;
    float: left;
    color: black;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.orange-link:hover 
{
	background-color: #fec;
	color: #dd603b;
	background-image: none;   
}


.reportingTable td,th{
    border: solid 1px #A8D5EE;
    border-collapse:collapse;
}


.sitemap .corners {
    border: none !important;    
}

.sitemap h2
{
    display: none !important;
}

    
.sitemap a {
    color: #DD603B !important;
    text-decoration: none !important;
}

.sitemap a:hover {
    color: #315C87 !important;
    text-decoration: none !important;
}

.sitemap h5 {
    color: #315C87 !important;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 0;
}

.sitemap li {
    border: none !important;
    list-style: circle inside !important;
    color: #333 !important;
    margin: 0px 0px 0px 20px;
}
.sitemap .span-4 {
    width: auto !important;
}

.portlet-content h5 
{
    /*font-family: Georgia, "Times New Roman", Times, serif;*/
    color: #2B5680;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 0;
    
}