/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */
body {margin: 0;
padding: 0;
width: 100%;
background: #e2d29c;
}
#zone-branding {
	/* outer shadows  (note the rgba is red, green, blue, alpha) */
	-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4); 
	-moz-box-shadow: 0px 1px 6px rgba(23, 69, 88, .5);
	box-shadow: #666 0px 2px 3px;
	/* rounded corners */
	-webkit-border-radius: 12px;
	-moz-border-radius: 7px; 
	border-radius: 7px;
	/* gradients */
	background: white;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(white) to(#d5e4f3));
	background: -webkit-linear-gradient(white, #d5e4f3);
	background: -moz-linear-gradient(white, #d5e4f3);
	background: -ms-linear-gradient(white, #d5e4f3);
	background: -o-linear-gradient(white, #d5e4f3);
	background: linear-gradient(white, #d5e4f3);
	/*PIE*/
	-pie-background: linear-gradient(#ffffff, #d5e4f3);
	behavior: url(sites/all/libraries/PIE/PIE.php);
}
#zone-branding {
	margin-top: 1em;
	padding-top: 1em;
	padding-bottom: -1em;
}
#zone-header {
	background: #d5e4f3;
	-webkit-border-top-left-radius: 12px;
	-webkit-border-top-right-radius: 12px;
	-moz-border-top-left-radius: 7px;
	moz-border-top-right-radius: 7px;	
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	margin-bottom: -1em;
}
#zone-header-wrapper {
	margin-bottom: -1em;
	padding-bottom: -1em;
}
#zone-preface {
	background: #d5e4f3;
	margin-top: 1em;
	padding-top: 1em;
	padding-bottom: -1em;
}
#zone-postscript {
	background: #d5e4f3;
}
#region-postscript-first {
	background: #e2d29c;
}
#region-postscript-second {
	background: #e2d29c;
}
#region-postscript-third {
	background: #e2d29c;
}

/*Election CSS*/
.little {
font-size: 50%
}

.party {
font-size: 60%
}

table.one {
border-collapse: separate;
border-color: #ff0000 #0000ff #0000ff #ff0000;
border-style: ridge;
box-shadow: 8px 8px 2px blue;
width: 100%;
font-size: 85%
}
table.one th {
	background-color:#ffea00;
	font-weight:bold;
}

table.two {
border-collapse: separate;
border-color: #660000;
border-style: solid;
width: 100%;
font-size: 85%
}

table.small {
border-collapse: separate;
border-color: #660000;
border-style: solid;
width: 100%;
font-size:80%
}

.small {
font-size:80%;
}

table.three {
border-collapse: separate;
border-color: #00ff00;
border-style: ridge;
box-shadow: 8px 8px 2px green;
width: 100%;
}
table.three th {
	background-color:#b6f1f8;
	font-weight:bold;
}
tr:hover td,
tr.even:hover td.active,
tr.odd:hover td.active {
background: none;
}
/*END ELECTION CSS*/
img.desk {
display:none;
}
img.mobile {
display:inline;
}

table.republican {
border-collapse: separate;
border-color: #ff0000 #0000ff #0000ff #ff0000;
border-style: ridge;
box-shadow: 8px 8px 2px blue;
width: 100%;
font-size: 100%
}
table.republican th {
	background-color:#ff0000;
	font-weight:bold;
	color:white
}

table.democrat {
border-collapse: separate;
border-color: #0000ff #ff0000 #ff0000 #0000ff;
border-style: ridge;
box-shadow: 8px 8px 2px red;
width: 100%;
font-size: 100%
}
table.democrat th {
	background-color:#0000ff;
	font-weight:bold;
	color:white;
}
th {
font-weight:bold;
}
td.no-report {
color:gray;
}
td.report {
color:blue;
font-weight:bold;
}
a.reported {
text-decoration:none;
color:blue;
font-weight:bold;
background: yellow;
}
a.reported:hover {
text-decoration:none;
color:blue;
font-weight:bold;
background: yellow;
}