/* CSS Document */
html { overflow-y: scroll; }
html { overflow: -moz-scrollbars-vertical; }

body, html{
	margin:0;
	padding:0;
	background-color: #000;
	font: normal 13px Arial;

}

div#wrapper{

}

h1{
	background:transparent url(../_images/new614header.jpg) top center no-repeat;
	height:160px;
	margin:0;
	padding:0;
	position:relative;
	z-index:0;
}

h1 a{
	display:block;
	position:relative;
	z-index:1;
	width:970px;
	height:160px;
	border:0;
	text-decoration:none;
	margin:0 auto;
}

h1 a span{
	display:none;
}

h3{
	font:bold 27px Arial;
	margin:8px 0 0 0;
	padding:0;
	color:#09b1f2;
}

h4{
	font:bold 18px Arial;
	margin:18px 0 0 0;
	padding:0;
	color:#666;
}

a#fanbox{
	display:block;
	width:200px;
	height:72px;
	position:relative;
	margin: 0 auto;
	top:-130px;
	left:400px;
	z-index:20;
	border:0px solid yellow;
	text-indent:-5000px;


}

a img{
	border:0;
}

div#weather_header{
	width:1800px;
	margin:0 auto 0 auto;
	position:absolute;
	top:0;
}


div#main_content{
	width:970px;
	color:#fff;
	margin:-72px auto 0 auto;
	padding:0;
	overflow:hidden;
	position:relative;

}



/* ---------  Tab Navigation  ------------------------*/

div#navigation{
	margin:8px 0 10px 0;
	padding:0;
	background: transparent url(../_images/nav_bg.gif) top left repeat-x;
	width:970px;
	height:23px;
}

ul#nav{
	margin:0px 0 0 0;
	padding:0;
	list-style:none;
}

ul#nav li{
	margin:0;
	padding:0;
	display:inline;
	
}

ul#nav li a{
	display:block;
	float:left;
	height:18px;
	text-align:center;
	font:bold 13px/1 Arial;
	color:#e4e5e9;
	text-decoration:none;
	padding: 5px 25px 0px 25px;
	border-right:1px solid #000;
	background: transparent url(../_images/nav_bg.gif) top left repeat-x;

	

}


ul#nav li a:hover{
/*	background-color:#6a708b;*/
	background-position:0 -23px;
}

ul#nav li#sele a{

/*	background-color:#979cb2;*/
		background-position:0 -300px;
		background-color:#202329;

}

ul#nav li.find a{
	background-position: 0 -92px;
	color:#fff;
	float:right;
		border-left:1px solid #000;
		margin:0;
		border-right:0;
}




ul#nav li.find a:hover{
	background-position: 0 -115px;
}


/* -- Search area --*/
ul#nav li#search{position:relative;}
ul#nav li#search a{
	padding:0 37px 0 5px;
	height:30px;
	position:relative;
	
}

ul#nav li#search input{
	height:10px;
	*height:14px;
	width:150px;
	font:bold 13px Arial;
	background-color:#e0e2ea;
	border: 1px solid #ccc;
	border-width:0 0px 0px 0;
	margin:5px 0 0 0;
	*margin:3px 0 0 0;
	padding:5px 5px 5px 5px;
	*padding:4px;
	color:#9c9c9c;
}

/*-- Buttons -- */
ul#nav li#search a#go{ 
	position:absolute;
	right:5px;
	top:5px;
	display:block;
	height:20px;
	width:30px;
	border:0;
	background:transparent url(../_images/btn_go.gif) top left no-repeat;
	margin:0;
	padding:0;
}

ul#nav li#search a#go:hover{
	background-position: 0 -20px;
}

a#go span{display:none;}


/* --------- Sub Navigation  ------------------------*/

div#sub_navigation{
	margin:0px 0 10px 0;
	padding:0;
	width:970px;
	height:30px;
}

ul#sub_nav{
	margin:0px 0 0 0;
	padding:0;
	list-style:none;
}

ul#sub_nav li{
	margin:0;
	padding:0;
	display:inline;
	
}

ul#sub_nav li a{
	display:block;
	float:left;
	height:21px;
	text-align:center;
	font:bold 13px/1 Arial;
	color:#d3e7f7;
	text-decoration:none;
	padding: 9px 25px 0px 25px;
	border-right:1px solid #000;


	

}


ul#sub_nav li a:hover{
	color:#fff;
}

ul#sub_nav li#sele a{

/*	background-color:#979cb2;*/
	border:1px solid #d3e7f7;
	color:#d3e7f7;

}


div#rich_ad{
	margin:10px 0 0 10px;
}

/*--- Miain Divs --*/
div.main{
	background-color:#ededed;
	padding:0 8px 8px 8px;
	width:629px;
	margin: 0 0 5px 0;
	overflow:hidden;
}

div.main h2, div.side h2{
	margin:0px 0;
	padding:8px 0 6px 0;
	font:bold 18px/.8 Arial;
	color:#9c9c9c;
}
div.main h2 span, div.side h2 span{
	color:#00b0f1;
}

div.main div.content{
	width:609px;
	padding:10px;
	background-color:#fff;
	margin:0;
	color:#000;
}

div.side{
	background-color:#ededed;
	padding:0 8px 8px 8px;
	width:304px;
	margin:0 0 5px 0;
}

div.side_ad{
	background-color:#ededed;
padding:0 8px 8px 0;
	width:312px;
	margin:0 0 5px 0;
	text-align:left;
}

div.side_ad h2{
	font-size:11px;
	margin:0;
	padding:5px 10px 0 10px;
	color:#999;
}

div.side div.content{
	width:284px;
	padding:10px;
	background-color:#fff;
	margin:0;
	color:#000;
}



p{
	font: normal 12px/1.5 Arial, sans-serif;
	margin: 11px 0;
	
}

 
.article{color: #333;font-size: 11px;padding: 0px;}
.article .text{padding: 5px;}
.article h2#big, .article h2{font-size: 45px;margin:0px 0 20px 0;color: #000;line-height: 1.1;letter-spacing:-1px;font-family:arial;background-color:transparent;background-image:none;padding:0;}
.article h2#med, .article h2{font-size: 35px;margin:0px 0 20px 0;color: #000;line-height: 1.1;letter-spacing:-1px;font-family:arial;background-color:transparent;background-image:none;padding:0;}
.article h2#small, .article h2{font-size: 25px;margin:0px 0 20px 0;color: #000;line-height: 1.1;letter-spacing:-1px;font-family:arial;background-color:transparent;background-image:none;padding:0;}
.article h5{font-size: 24px;margin: -10px 0 20px 0;color: #8C92A1;font-family:arial;font-weight:normal}
.article h3{font-size: 20px;margin: 35px 0 12px 0;color: #000;font-family:arial;font-weight:bold;}
.article h4{margin: 30px 0;color: #333;font-size: 14px;text-transform:uppercase;border-bottom:1px solid #333;}
.article p{font-size: 14px;color:#333; font-weight: normal;margin: 12px 0;line-height: 1.6;}
ul li, ol li {padding: 4px 0;}

.article ol.comm{
	margin: 0px 0px 0 35px;
	padding:0;
	border:0px solid #ff6600;
	list-style-position: outside;
}

.article ol.comm li{
	margin:0 0 0 0px;
	padding: 8px 30px 20px 5px;
	border-bottom: 1px dotted #999;
}

.article ol.comm li p{
	margin:0;
	padding:12px 0 0 0;
}

table.mar_l{margin: 6px 0px 18px 20px;padding:0;}
table.mar_l img{border: 0px solid #9c9c9c;}
table.mar_r{margin: 0px 18px 16px 0px;}
table.mar_t{margin: 20px 16px 16px 15px;}

img.mar_l{margin: 4px 0 18px 18px;border: 1px solid #666;}
img.mar_r{margin: 4px  16px 16px 0;border: 1px solid #666;}

div.story_img{
	float:right;
	margin:6px 0 15px 20px;
}
div.img_caption{
	background-color:#ededed;
	padding: 8px;
	color:#000;
	width:284px;
	border-top:1px solid #fff;
	overflow:hidden;
}

div.img_caption p{
	margin:0 0 4px 0;
	padding:0;
	font: normal 11px/1.3 Arial;
	color:#000;

}

p.photo_credit, div.img_caption p.photo_credit{
	color:#666;
	font-size:9px;
	letter-spacing: 1.5px;
}

div#comm_num a{
	display:block;
	font:bold 13px Arial;
	background:#ededed url(http://umediagroup.com/_base/images/comm.gif) top left no-repeat;
	background-position: 3px 3px;
	border:1px solid #ccc;
	border-width: 0 1px 1px 0;
	text-align:left;
	padding: 4px 4px 4px 20px;
	text-decoration:none;
	color:#d34848;
}

div#comm_num a:hover{
	background-color:#ffeded;
}

div#footer{

	margin-top:10px;
	padding:15px 15px 30px 15px;
	text-align:center;
}
div#foot_body{
	width:970px;
	margin:0 auto;
	font-size:10px;
	color:#ccc;
}

div#foot_menu{
	margin-top:12px;
}

div#foot_menu a{
	margin: 0 12px 012px;
	color:#ccc;
}
div#foot_menu a:hover{
	color:#fff;
}




div.pretty_table{
	margin:0;
	padding:0;

}

div.pretty_table h3{
	margin:0 0 3px 0;
	padding:0;
	font: bold 20px/1 Arial;
	text-transform:uppercase;
	color:#9c9c9c;
}

div.pretty_table a{
	margin:0;padding:0;
	height:0;
	display:inline;
}
div.pretty_table table{
	border: 0;
	font:normal 11px/1.3 Arial;
	margin:0;
	padding:0;
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #9c9c9c;
	text-align:left;
		width:598px;
	
}

div.pretty_table table th{
	background-color: #9c9c9c;
	color:#fff;
	padding: 4px 5px;
	text-align:left;
}

div.pretty_table table td{
	padding: 6px 6px;
	vertical-align:top;
	border-width:0 1px 0 0;
}

div.pretty_table table tr.shade{
	background-color:#ededed;
}

div.pretty_table table tr.high{
	background-color:#ffea00;
}




/*--------- Contest ------------------------- */
div#contest_wrap{
	height:64px;
}
ul#contest{
	margin:0;
	padding:0;
	list-style:none;
}

ul#contest li{
	display:inline;
	width:197px;
}

ul#contest li a{
	display:block;
	background-color:#ededed;
	float:left;
	padding:6px;
	font:bold 13px/1.3 Arial;
	color:#999;
	text-decoration:none;
	width:184px;
	height:42px;
	border:1px solid #ccc;
	border-width: 0 1px 1px 0;
	margin-right:10px;
}

ul#contest li a img{
	float:left;
	border:1px solid #fff;
	margin-right:8px;
}

ul#contest li a:hover{
	background-color:#f3f3f3;
}

ul#contest li#sele a{
	background-color:#28b9f1;
	color:#fff;
	border:0;
	height:43px;
}









/* ---- Photo thumbnails -----------------------------------*/
ul#photos{
	margin:0;
	padding:0;
	list-style:none;
	width:624px;
}

ul#photos li{
	float:left;
	margin: 0 10px 10px 0;
	width:192px;
}


ul#photos li div.npic{
	
	text-align:center;
	position:relative;
	height:167px;
	width:192px;

		
}

div.npic  div.overf{
	border:1px solid #333;
	width:192px;
	height:126px;
	overflow:hidden;
	vertical-align:middle;
}

ul#photos li div.npic p.title{
	margin:0;
	padding:5px 0 0 0;
	font: bold 11px/1 Arial;
	text-align:center;
	position:absolute;
	bottom:22px;
	left:0;
	width:190px;

}

ul#photos li div.npic p.date{
	margin:0;
	padding:3px 0 5px 0;
	font: bold 9px/1 Arial;
	position:absolute;
	bottom:5px;
	left:0;
	text-align:center;	
	width:190px;
}

ul#photos li a:link{
	color:#666;
	text-decoration:none;
}

ul#photos li a:hover{
	color:#999;
}

ul#photos li a:hover div.overf{
	border-color:#666;
}

ul#photos li a:visited{
	color:#999;
	text-decoration:none;
}

ul#photos li a:visited div.overf{
	border-color: #999;
}



/* ----------- NEW STORIES LEADS ---------------------------------
   ---------------------------------------------------------------	
*/

h4.mag_sec{

	margin:18px 0 0 0;
	padding:0px;
}

h4.mag_sec span{
	padding:2px 4px;
	font:bold 13px/.9 Arial;
	color:#fff;
	background-color:#00b0f1;
}

div.thumb_206{
	margin:10px 0 0 0;
	width:206px;
	text-align:left;
	
}

div.thumb_206 a, div.thumb_206 a:link, div.thumb_206 a:visited{
	display:block;
	background-color:#fff;
	border:0px solid #fff;
	padding: 0px;
	width: 206px;
	text-decoration:none;
}

div.thumb_206 a h5, div.cover h5{
	font: bold 16px/0 Arial,verdana, sans-serif;
	margin: 12px 0 0 0;
	padding: 0;
	color:#000;
}

html>body div.thumb_206 a h5, div.cover h5{
	margin-top: 14px;
}

div.thumb_206 a p{
	font: normal 12px/1.4 Arial, verdana, sans-serif;
	margin: 9px 0 0 0;
	padding:0;
	color: #666;
}
html>body div.thumb_206 a p{
	margin-top: 6px;
}
div.thumb_206 a img{
	margin:0;
	padding:0;
	border:1px solid #666;
}

div.thumb_206 a:hover{
	background-color:#ededed;
}


/*--------- Thumb 65 ----------------------------------*/

div.thumb_65{
	margin:0 0 3px 0;
	padding:5;
	width:206px;
	text-align:left;
}

div.thumb_65 a, div.thumb_65 a:link, div.thumb_65 a:visited{
	display:block;
	background-color:#fff;
	border:0px solid #fff;
	padding: 5px;
	width: 206px;
	height:67px;
}

div.thumb_65 a h5{
	font: bold 12px/0 Arial,verdana, sans-serif;
	margin: 12px 0 0 0;
	padding: 0;
	color:#000;
}

html>body div.thumb_65 a h5{
	margin-top: 8px;
}

div.thumb_65 a p{
	font: normal 10px/1.4 Arial, verdana, sans-serif;
	margin: 9px 0 0 0;
	padding:0;
	color: #000;
}
html>body div.thumb_65 a p{
	margin-top: 5px;
}
div.thumb_65 a img{
	float:left;
	margin:0 5px 0 0;
	padding:0;
	border:1px solid #666;
}

div.thumb_65 a:hover{
	background-color:#ededed;
}



/*--------- Cover ----------------------------------*/

div.cover{ 
	margin:0;
	padding:0px;
	
}

div.cover a, div.cover a:link, div.cover a:visited{
	display:block;
background-color:#ededed;
	padding: 6px;
	width:194px;
	text-decoration:none;
}

div.cover a.sports, div.cover a.sports:link, div.cover a.sports:visited{background:#840107 url(http://umediagroup.com/_base/images/sports_bg.jpg) bottom center no-repeat;}
div.cover a.news, div.news a.sports:link, div.news a.sports:visited{background:#555c6a url(http://umediagroup.com/_base/images/news_bg.jpg) bottom center no-repeat;}


div.cover a h4{
	font: bold 16px/0 Arial,verdana, sans-serif;
	margin: 0px 0 0 0;
	padding: 14px 7px 12px 7px;
	color:#fff;
}

html>body div.cover a h4{
	padding: 14px 7px 7px 7px;
}

div.cover a p{
	font: normal 12px/1.4 Arial, verdana, sans-serif;
	margin: 0px 0 0 0;
	padding:4px 0px 8px 0px;
	color: #666;
}
html>body div.cover a p{
	margin-top: 5px;
}
div.cover a img{
	margin:0 0px 0 0;
	padding:0;
	border:0px solid #666;
}

div.cover a:hover{
	background-color:#e3f6ff;
}

div.cover a.sports:hover{
	background-color:#901a1f;
	background-position: 0px 212px;
}

div.cover a.news:hover{
	background-color: #646a77;
	background-position: 0px 212px;
}

/*------------ Remainders -------*/
ul.remainders{
	margin:6px 0 0 0px;
	padding:0;
	list-style:none;
}

ul.remainders li{
	margin: 0px 0;
	padding:8px 0;
	font: bold 15px Arial;
	border-bottom: 1px dotted #ccc;
}

ul.remainders li a{
	color: #666;
	text-decoration:none;
}
ul.remainders li a p{
	margin:0;
	padding:0;
	font: normal 11px/1.3 Arial;
}


/*------------ Comments Box ----*/

span.comm{
	display:inline;
	background: transparent url(http://umediagroup.com/_base/images/comm.gif) top left no-repeat;
	margin:0 0px 0 6px;
	padding: 3px 4px 0px 18px;
	color:#d34848;
	border: 0px solid #af0000;
	font-weigh:bold;
}

html > body  span.comm{
		padding-top: 1px;
}


/*------------------ Ads ----------------- */
 
div#thin_ads{
	margin:15px 0 15px 0;
	position:relative;
	
}
div#thin_ads table{
	width:970px;
}

div#thin_ads a img{
	border:1px solid #333;
}

div#thin_ads a:hover img{
	border:1px solid #666;
}



ul#twitter_update_list{
	margin:0;
	padding:0;
	list-style:none;
}




/* ------ THE POLL  ----------------------------------- */
div.democracy_small{

	margin:0;
	padding:0;
	color:#000;
	font:bold 14px Arial;
}

div.dem-results ul{
	margin:10px 0;
	padding:0;
	list-style:none;
}

div.dem-results ul li{
	color:#666;
	margin:6px 0;
	padding:0;
}

div.past{
	color:#666;
}

div.past h3{
	font:bold 11px Arial;
	margin:5px 0 0 10px;
	color:#666;
}

div.past_poll{
	margin: 5px 0px;
}

div.past_poll a, div.past h3 a{
	color:#666;
	text-decoration:none;
}

.dem-graph {
position: relative;
font: 9px/10px arial, sans-serif; 
margin-top: 2px;
padding-right: 1px;
margin-bottom: 3px;
}

.dem-graph a, .dem-graph a:hover {
display: block;
float: left;
height: 5px;
cursor:default;
text-decoration: none;
border: 0;
}


.dem-archives div.democracy_small{padding:15px 25px;border-bottom: 1px solid #ddd;}
.dem-archives ul{
	display:none;
}

.dem-winner a, .dem-winner a:hover {
border-right: 0;
}

.dem-winner {
padding-right: 0;
}

.dem-graph b, .dem-graph i {
float: left;
display: block;
position: absolute;
margin-left: 3px;
font-weight: bold;
font-style: normal;
}

.dem-vote-button {
display: block;
margin: 6px 0;
}

.dem-vote-link {
	font-size: 15px;
	color:#ccc;
	font-weight:normal;
}

.democracy {
padding-bottom: 5px;
}

/* kubrick fixies */
.democracy form {
text-align: left;	
}

html>body .entry .democracy ul {
text-indent: 0 !important;
}


.democracy input {
vertical-align: middle;
}

.dem-graph a i, .dem-graph a:hover b {
display: none;
}

.dem-graph a:hover i {
display: block;
}

/* yay IE hack - display or visibility don't work */
* html .dem-graph a i, * html .dem-graph a:hover b {
filter: alpha(opacity=0);
display: block;
}

* html .dem-graph a:hover i {
filter: alpha(opacity=100);
display: block;
}


.dem-total-votes, .dem-added-by-guest {
margin: 3px 10px 3px 0;
}

.dem-user-added {
display: block;
}

.dem-archives .democracy {
margin-bottom: 30px;	
}

/*-------------------------------  SMALL STUFF -------------------*/

.dem-graph_small {
position: relative;
font: 9px/10px arial, sans-serif; 
margin-top: 2px;
padding-right: 1px;
margin-bottom: 3px;
}

.dem-graph_small a, .dem-graph_small a:hover {
display: block;
float: left;
cursor:default;
text-decoration: none;.
border: 0;
}


.dem-winner_small a, .dem-winner_small a:hover {
border-right: 0;
}

.dem-winner_small {
padding-right: 0;
}

.dem-graph_small b, .dem-graph_small i {
	float: left;
	display: block;
	position: absolute;
	margin-left: 3px;
	font-weight:bold;
	width:200px;
}


.democracy_small {
padding-bottom: 5px;
}

/* kubrick fixies */
.democracy_small form {
text-align: left;	
}

html>body .entry .democracy_small ul {
text-indent: 0 !important;
}


.democracy_small input {
vertical-align: middle;
}

.dem-graph_small a i, .dem-graph_small a:hover b {
display: none;
}

.dem-graph_small a:hover i {
display: block;
}

/* yay IE hack - display or visibility don't work */
* html .dem-graph_small a i, * html .dem-graph_small a:hover b {
	filter: alpha(opacity=0);
	display: block;
}

* html .dem-graph_small a:hover i {
	filter: alpha(opacity=100);
	display: block;
}


.dem-total-votes_small, .dem-added-by-guest {
display: block;
margin: 3px 0;
}


.dem-user-added {
display: block;
}

.dem-archives_small .democracy_small {
margin-bottom: 30px;	
}





.democracy_small {


}

.democracy {
margin-top:8px;
font: bold 26px Arial;
color:#111;
text-align:left;

}

.democracy img {

margin-bottom: 4px;
vertical-align: middle;
}

.democracy input {
vertical-align: middle;
margin-right: 5px;
width: auto;
}

.democracy .addAnswerText {
width: 80%;
font-weight: normal;
}

/* 
---------------------------------------------------
 Big */
.dem-graph {
border: 0px solid #ccc;
height: 20px;
background-color:#ededed;
}

.dem-graph a, .dem-graph a:link, .dem-graph a:hover, .dem-graph a:visited, .dem-graph a:active {
	background: #55DD45;
	padding-top:5px;
	height:5px;
	border-bottom: 10px solid #4dd33d;
	border-right: 1px solid #ccc;
	font-size: 14px;
	color:#000;
}




* html .dem-graph a, * html .dem-graph a:hover {
border-bottom-width: 11px;
}

* html .dem-graph {
height: 21px;
}

/* 
---------------------------------------------------
 small */
.dem-graph_small {

height: 20px;
margin-top: 2px;
background-color:#ededed;
}

.dem-graph_small a, .dem-graph_small a:link, .dem-graph_small a:hover, .dem-graph_small a:visited, .dem-graph_small a:active {
	background: #55DD45;
	padding-top:5px;
	height:5px;
	border-bottom: 10px solid #4dd33d;
	border-right: 1px solid #ccc;
	font-size: 11px;
	color:#000;
	
}




* html .dem-graph_small a, * html .dem-graph_small a:hover {
border-bottom-width: 11px;
}

* html .dem-graph_small {
height: 11px;
}


.dem-graph b, .dem-graph i {
color: #000;
}

.dem-voted-for-this {
border-color: #ff6600;
}

.dem-total-votes {
font-size: 9px;color:#666;
}


/* blix fix */
.democracy ul { padding: 0;margin:14px 0; } 
.democracy_small ul { padding: 0;margin:15px 0; } 
.democracy label {
float: none;
display: inline;
font-weight:normal;
font-size: 16px;
}

.democracy_small label {
float: none;
display: inline;
font-weight:normal;
font-size: 12px;
vertical-align:middle;
}

.democracy ul li {
margin:0px 0;
padding:14px 0;
list-style: none;
background: none;
font-weight: normal;
font-size: 16px;
border-bottom: 0px solid #999;

} 

.democracy_small ul li {
margin:0 0 0px 0;
padding:0px 0 0px 0;
list-style: none;
font-weight:normal;
font-size: 12px;


}






/*--- SUBSCRIBE!!! --*/

div#browser{
	position:relative;
	width:925px;
	height:450px;
	border:2px solid #b11520;
	margin:35px 0 0 10px;
	padding:0;
	background-color:#ededed;
}

div#call{
	background-color:#b11520;
	padding:6px;
	font: normal 20px arial;
	color:#fff;
	
}


div#first_page, div#second_page, div#third_page,div#charity_page{
	position:absolute;
	padding-bottom:0px;
	border:1px solid #fff;
	height:310px;
	width:299px;
	top:42px;
	left:5px;
	background-color:#fff;
}

div#second_page{
	left:312px;

}

div.fade div.field_wrap{
	-moz-opacity:.20; 
	filter:alpha(opacity=20); 
	opacity:.20;
}

div#third_page{
	left:618px;
}
div#charity_page{
	left:618px;
	top:192px;
	background-color:#ffecfe;
	border:1px solid #ffbffc;
}

div.title{
	position:absolute;
	  top:5px;
	  left:5px;
}
div.title span{
  
  background-color:#06bcfd;
  padding:6px 7px 5px 7px;
  font: normal 13px Arial;
  color: #fff;
  border:0px solid #002b57;
  display:block;
}

div.field_wrap{
	margin:0;
	padding:0;
}
div.field_wrap label{
	font: bold 11px Arial;
	color:#222;
	display:block;
}

div.field_wrap select{
		font-size: 13.5px;
}
div.field_wrap input, div.field_wrap select{
	font: bold 14px Arial;
	margin-top:3px;
	margin-left:0;
	background-color:#fff;
	border: 1px solid #9c9c9c;
	border-width: 2px;
	background-color:#f7f7f7;
/*	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;*/
	-webkit-border-top-left-radius: 0px;
	
}

div#first_name_wrap{
	position:absolute;
	top:45px;
	left:5px;
}
div#first_name_wrap input{
	width: 108px;
}

div#last_name_wrap{
	position:absolute;
	top:45px;
	left:135px;
}
div#last_name_wrap input{
	width:152px;
}

div#addr_wrap{
	position:absolute;
	top:95px;
	left:5px;
}
div#addr_wrap input{
	width:282px;
}

div#addr2_wrap{
	position:absolute;
	top:145px;
	left:5px;
}
div#addr2_wrap input{
	width:282px;
}

div#city_wrap{
	position:absolute;
	top:195px;
	left:5px;
}
div#city_wrap input{
	width:145px;
}

div#state_wrap{
	position:absolute;
	top:195px;
	left:165px;
}
div#state_wrap select{
	font-size: 13.5px;
}


div#zip_wrap{
	position:absolute;
	top:195px;
	left:232px;
}

div#zip_wrap input{
	width:53px;
	
}





div#email_wrap{
	position:absolute;
	top:245px;
	left:5px;
}

div#email_wrap input{
	width:152px;
}


div#phone_wrap{
	position:absolute;
	top:245px;
	left:178px;
}
div#phone_wrap input{
	width:108px;
}





div#same_wrap{
	position:absolute;
	top:10px;
	left:80px;
		font: bold 11px Arial;
}

div#same_wrap label{
	display:inline;
}


div#bill_first_name_wrap{
	position:absolute;
	top:45px;
	left:5px;
}
div#bill_first_name_wrap input{
	width: 108px;
}

div#bill_last_name_wrap{
	position:absolute;
	top:45px;
	left:135px;
}
div#bill_last_name_wrap input{
	width:152px;
}

div#bill_addr_wrap{
	position:absolute;
	top:95px;
	left:5px;
}
div#bill_addr_wrap input{
	width:282px;
}

div#bill_addr2_wrap{
	position:absolute;
	top:145px;
	left:5px;
}
div#bill_addr2_wrap input{
	width:282px;
}

div#bill_city_wrap{
	position:absolute;
	top:195px;
	left:5px;
}
div#bill_city_wrap input{
	width:145px;
}

div#bill_state_wrap{
	position:absolute;
	top:195px;
	left:166px;
}
div#bill_state_wrap select{
	font-size: 13.5px;
}


div#bill_zip_wrap{
	position:absolute;
	top:195px;
	left:233px;
}

div#bill_zip_wrap input{
	width:53px;
	
}







div#card_wrap{
	position:absolute;
	top:3px;
	left:113px;
}

div#card_num_wrap{
	position:absolute;
	top:45px;
	left:5px;
}
div#card_num_wrap input{
	width:282px;
}

div#card_exp_wrap{
	position:absolute;
	top:95px;
	left:5px;
}
div#card_exp_wrap select{
	font-size:13.5px;
}

div#card_sec_wrap{
	position:absolute;
	top:95px;
	left:183px;
}
div#card_sec_wrap input{
	width:104px;
}

div#charity_mess{
	color:#8b0076;
	font:bold 12px Arial;
	position:absolute;
	top: 11px;
	left:87px;
}

div#charity_wrap{
	position:absolute;
	top:45px;
	left:5px;

}

div#agent_wrap{
	position:absolute;
	top:0px;
	left: 222px;
}

div#agent_wrap input{
	width:60px;
}

div#charity_desc{
	font: bold 11px arial;
	position:absolute;
	top: 95px;
	left:5px;
}

div#first_thanks{
	font: bold 25px Arial;
	color:#000;
	position:absolute;
	top:80px;
	left:12px;
}

div#first_iss_text{
	position:absolute;
	top:140px;
	left:12px;
	font: bold 25px Arial;
	color:#000;
}

div#first_iss{
	position:absolute;
	top:175px;
	left:12px;
	font: bold 55px Arial;
	color:#06bcfd;
}

.button {
  /* use absolute positioning and transforms as these will be subject to hardware transitions */
  position: absolute;
  -webkit-transform: translate(0px, 0px);
  /* the buttons should be displayed on top of the titles so that they can always receive touches */
  z-index: 1;
  /* set up the font appearance */
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  color: white;
  text-shadow: rgba(0, 0, 0, .6) 0px -1px 0px;
  /* set up the chrome background */
/*  -webkit-border-image : url('images/button_back.png') 0 20 0 4;
  border-width : 0 20px 0 4px;*/
  background: transparent url(images/button_back_2.png) top left no-repeat;
  padding-top: 7px;
  padding-left: 8px;
  /* base metrics used to ensure a minumum size and specify a max size that can be used to trim the contents */
  /*min-width: 40px;
    max-width: 60px;*/
  width: 54px;
  height: 21px; 
  /* enfore trimming if the label is too long */
  white-space : nowrap;
  overflow : hidden;
  text-overflow: ellipsis;
	
}
div#next_btn	{
	position:absolute;
	left:248px;
	top:75px;
}
div#prev_btn	{
	position:absolute;
	left:182px;
	top:75px;
	background-position: 0 -56px;
	padding: 7px 8px 0 0;
	text-align:right;
}

body.landscape .button {
  max-width: 90px;
}

.button_big {
  /* use absolute positioning and transforms as these will be subject to hardware transitions */
  position: absolute;
  -webkit-transform: translate(0px, 0px);
  /* the buttons should be displayed on top of the titles so that they can always receive touches */
  z-index: 1;
  /* set up the font appearance */
  font-size: 21px;
  font-weight: bold;
  text-align: left;
  color: black;
  text-shadow: rgba(225, 225, 225, .6) 0px 1px 0px;
  /* set up the chrome background */
/*  -webkit-border-image : url('images/button_back.png') 0 20 0 4;
  border-width : 0 20px 0 4px;*/
  background: transparent url(https://614columbus.com/staging/_iphone/subscribe/images/button_complete.png) top left no-repeat;
  padding-top: 14px;
  padding-left: 0px;
  /* base metrics used to ensure a minumum size and specify a max size that can be used to trim the contents */
  /*min-width: 40px;
    max-width: 60px;*/
  width: 298px;
  height: 38px; 
  /* enfore trimming if the label is too long */
  white-space : nowrap;
  overflow : hidden;
 text-align:center;
  text-overflow: ellipsis;
	
}

div#btn_wrap{
	position:relative;
	top:305px;
	right:5px;
	border:0px solid #af0000;
}

html > body div#btn_wrap{
	top:325px;
}

div#total_charge{
	position:absolute;
	right: 315px;
	top: 30px;
	font: bold 20px Arial;
	color:#af0000;
}

div#questions{
	position:absolute;
	font: bold 16px Arial;
	color:#666;
	top:10px;
	left:10px;
	height:62px;
	background: transparent url(http://614columbus.com/_images/subscribe/contact_icons.gif) top left no-repeat;
	width:200px;
	
}

div#questions span#phone{
	position:absolute;
	left: 36px;
	top: 7px;
}

div#questions span#email{
	position:absolute;
	left: 0px;
	top: 31px;
}

div#comp_btn{
	position:absolute;
	right:0px;
	top:15px;
	cursor:pointer;

}

div#new_btn	{
	position:absolute;
	left:12px;
	top:250px;

}

img#loading{
	position:absolute;
	right:18px;
	top:30px;
	z-index:12;


}

div#comp_btn:active, div#new_btn:active{
	background-position: 0 -52px;
}

/* touched state for the buttons */
.button:active {
  /*-webkit-border-image : url('images/back_button_touched.png') 0 4 0 13;*/
background-position: 0 -28px;
}

div#prev_btn:active{
	background-position: 0 -84px;
}

/*  Media*/

.media{
	width:270px;
	padding:46px 15px 15px 15px;
	margin:11px 0 15px 15px;
	float:right;
	border:0px solid #af0000;
	
}

html > body .media{
	padding-top:6px;
}

.media.mp3{
	border-left:0px solid #c1d3d7;
	background:#f3fafc url(../_images/listen_bg.jpg) top left no-repeat;
/*	background-position: -300px -500px;*/
}

.media.mp3 div{
	margin-top:14px;
}

.media.mp3 div h6{
	font:normal 16px Arial;
	padding-top:0;
	margin-bottom:3px;
}


/*------------ CBEST ---------------------*/
#cbest{
	width:940px;
	padding:15px;
	background-color:#f2fafe;
	color:#111;
	position:relative;
}


#cbest h2{
	width: 970px;
	height: 326px;
	background:#fff url(../_images/comp-cbest.jpg) top left no-repeat;
	background-position: 0 -440px;
	margin:-15px 0 40px -15px;
	padding:0;
		text-indent:-3000px;
}
#cbest h3{
	font:bold 24px/.6 "OldSansBlack", Arial;
	margin:0;
	padding:6px 0 0px 0;
	border-bottom: 4px solid #2688c0;
	text-transform:uppercase;
	color:#2688c0;

}
html > body #best h3{
	line-height:0;
}


#cbest_login{
	width:735px;
	height:429px;
	background:#fff url(../_images/comp-cbest.jpg) top left no-repeat;
	position:relative;
}

#cbest_login #signup{
	position:absolute;
	top: 210px;
	left:15px;

}

#cbest_login #signup .show_errors{
	position:absolute;
	top:-100px;
	width:300px;
}
#cbest_login div label{
	display:block;
	font: bold 11px arial;
	color:#666;
}

#cbest_login div input[type=text]{
	border:1px solid #ccc;
	font:bold 11px arial;
	padding:6px;
	width:180px;
	margin-top:4px;
}

#cbest_login div#cb_email{
	position:absolute;
	left: 200px;
	top:0;
}

#cb_terms{
	width:370px;
	height:100px;
	margin-top:14px;
	padding:0 10px 10px 10px ;
	background-color:#fff;
	border:1px solid #ededed;
	overflow:scroll;
}
#cb_terms h6{
	margin: 14px 0 0 0;
	font:bold 11px Arial;
}
#cb_terms ul{
	margin:6px 0 0 15px;
	padding:0;
}
#cb_terms ul li{
	font: normal 11px/1.3 Arial;
	margin:3px;
	padding:0;
}
#cb_agree{
	margin-top:8px;
}
#cbest_login div#cb_agree label{
	display:inline;
}
#send_signup{
	position:absolute;
	right:0;
	top:50px;
}
#cbest_box, #cbest_vote{
	width:695px;
	height:340px;
	padding:20px;
	background-color:#f2fafe;
}

#cbest_box input{
	border: 2px solid #666;
	border-width: 0 0 2px 0;
	font:bold 16px Arial;
	background-color:transparent;
}

#cbest_box #cb_welcome{
	width:400px;
}

#cbest_box #cb_welcome p{
		font: normal 16px/1.7 Arial;
}


#facebox .footer {position:absolute;top:-9000px;}


.show_errors{
	background-color:#ffe400;
	padding:15px;
}
.show_errors p{
	font:bold 16px/1.6 Arial;
	margin:0;
	padding:0;
	color:#111;
}



/* Question list*/

ul.cb_que{
	margin:0;
	padding:0;
	list-style:none;
	width:299px;
}
ul.cb_que li{
	margin:0;
	padding:0;
	position:relative;
}

ul.cb_que li a{
	font:bold 10px Arial;
	position:absolute;
	right:0;
	top:12px;
}

ul.cb_que li a.que{
	display:block;
	position:static;
	width:299px;
	padding: 12px 0;
	font:bold 18px/1  Arial;
	text-decoration:none;
	color:#0e3a54;
}
ul.cb_que ul{
	margin-top:-5px;
}
ul.cb_que li ul li{padding:2px 0;}
ul.cb_que li ul a{
	position:static;
	font:normal 14px arial;
}


ul.cb_que li.voted a{
	color:#ccc;
}

#cbest_vote{
	height:auto;
	min-height:340px;
}
#cbest_vote h3{
	font:bold 18px/.6 "OldSansBlack", Arial;
	margin:27px 0 0 0;
	padding:0;
	border-bottom: 4px solid #2688c0;
	text-transform:uppercase;
	color:#2688c0;

}

html > body #cbest_vote h3{
	line-height: 0;
	margin-top:10px;
}

#cbest_vote h4{
	font:bold 30px/0 Arial;
	padding:20px 0 20px 0;
	margin:0;
	color:#18445d;
}


#cbest_vote .field_wrap{
	border-bottom: 1px solid #ededed;
	padding: 14px;
}

#cbest_vote .field_wrap label{
	font:bold 16px Arial;
	color:#9c9c9c;
}
#cbest_vote .field_wrap input{
	font:bold 16px Arial;
	padding:6px;
	width:350px;
	border:1px solid #9c9c9c;
}

/* voting */
#cbest_vote ul#cb_ans{
	list-style:none;
	margin:12px 0 0 15px;
	padding:0;
}

html > body #cbest_vote ul#cb_ans{
	margin-top:12px;
}

#cbest_vote ul#cb_ans li{
	margin:0;
	padding:0;
}
#cbest_vote ul#cb_ans li a{
	display:block;
	width:215px;
	font:bold 18px Arial;
	color:#18445d;
	background:#fff url(../_images/comp-cbest.jpg) top left no-repeat;
	background-position: -794px -2px;
	border-bottom:1px solid #ddf1fa;
	padding: 10px 0 9px 35px;
	text-decoration:none;
	
}
#cbest_vote ul#cb_ans li a:hover{
	background-position: -794px -103px;
}
#cbest_vote ul#cb_ans li.sele a{
	background-position: -794px -226px;
	color:#0ec301;
}

#cb_write{
	width:180px;
	height:250px;
	padding: 0 8px;
	position:absolute;
	left:308px;
	top:83px;
	border: 1px solid #c3e5f2;
	border-width: 0 1px 0 1px;
	vertical-align:top;
	font:bold 14px Arial;
	color:#9c9c9c;
}


#cb_write span#or{
	display:block;
	font:bold 20px/1 "OldSansBlack", Arial;
	margin:6px 0 8px 0;
	padding:0;
	text-transform:uppercase;
	color:#2688c0;
}

#cb_write span{
	display:block;
	font-weight:normal;
	font-size:11px;
	margin-top:8px;
}

#cb_write textarea{
	width:177px;
	height:125px;
	margin-top:4px;
}


a#cb_close, a#cb_vote, a#cb_start{
	display:block;
	width:181px;
	height:33px;
	padding: 16px 0 0 0;
	background:#fff url(../_images/comp-cbest.jpg) top left no-repeat;
	background-position: -1200px -0px;
	font: bold 16px Arial;
	color:#fff;
	text-decoration:none;
	text-align:center;

	
}
a#cb_vote:hover, a#cb_start:hover{
	background-position: -1200px -49px;
}



a#cb_close{
	background-position: -1200px -99px;
	border:6px solid #f2fafe;
	border-width: 1px 0px 0 0px;
	margin-top:5px;
}

#cb_thanks{
	font: bold 18px Arial;
	margin-bottom:12px;

}

/* -- Email Form -- */
#cbest_vote #cb_email_form{
	width:480px;
	padding:0 0 0 15px;
	display:none;
	position:absolute;
	top:80px;
	left:10px;
	border:0px solid green;
	z-index:40;
		background-color:#f2fafe;
}

.share{
	display:block;
	width:60px;
	height:18px;
	margin-top:8px;
	background:#fff url(../_images/comp-cbest.jpg) top left no-repeat;
	background-position: -1200px -500px;
	text-indent:-4000px;
}

#cb_email_share.share{
	background-position: -1200px -544px;
}
#cb_tweet_share.share{
	background-position: -1201px -518px;
}

#cb_link_share{
	font:bold 11px Arial;
	margin-top:8px;
}
#cb_link_share span{
	font-weight:normal;
}

#cb_tools{
	position:absolute;
	top:83px;
	left:515px;
}

#cb_share_tools{
	font: bold 11px/1 Arial;
	color:#9c9c9c;
	border-bottom:1px solid #9c9c9c;
	padding-bottom:3px;
	margin: 32px 0 12px 0;
}

#cb_retweet{
	margin-top:12px;
}
#cbest_vote ul.tools{
	list-style:none;
	margin:14px 0 0 14px;
	position:relative;
}
#cbest_vote ul.tools li{
	width:160px;
}
#cbest_vote ul.tools li a{
	display:block;
	width:160px;
	height:32px;
	padding: 13px 0 0 0;
	font:bold 18px Arial;
	color:#222;
	background-color:#ededed;
	border:2px solid #ccc;
	-moz-border-radius:4px;	
	-webkit-border-radius:4px;
	text-align:center;
	vertical-align:center;
	text-decoration:none;
	
}
#cbest_vote ul li.save a{
	position:absolute;
	top:0px;
	left:0px;
	background-color:#01810e;
	color:#fff;
	border-color:#005f0a;
}
#cbest_vote ul li.hide a{
	position:absolute;
	top:0px;
	left:174px;
	
}
#cbest_vote ul li.close a{
	position:absolute;
	top:0px;
	right:0px;
	
}

#cbest_vote #cbest_login{
	margin: 0px 0 -20px -20px;
}

#cb_person{
	width:173px;
	position:absolute;
	left:0;
	top:170px;
	text-align:center;
	font: bold 16px/1.2 Arial;
	color:#1e89d5;
}
#cb_person strong{
	display:block;
	margin: 4px 0;
	font:bold 48px/1 Arial;
	color:#045b98;
}
#cb_person a, .logout{
	font-size:10px;
	margin: 0px 5px 0 5px;
	padding-top:7px;
}
#cb_fineprint{
	padding:30px;
	font: normal 11px/1.4 Arial;
	color:#666;
}
#runner {
  height: 133px;
  width: 967px;
  margin: 0 auto;
  position: relative;
}
#cb_runner{
	height:81px;
	background:#d8f1fe url(../_images/comp-cbest.jpg) bottom left repeat-x;
}
#cb_runner #cb_wrap{
	width:970px;
	height:81px;
	margin: 0 auto;
	background:transparent url(../_images/comp-cbest.jpg) top left no-repeat;
	background-position: -1200px -367px;
	position:relative;
}

a#cb_desc{
	display:block;
	width:187px;
	height:65px;
	padding: 16px 10px 0 95px;
	font:bold 20px/1 Arial;
	color:#004b76;
	text-decoration:none;
}
a#cb_desc span{
	display:block;
	margin-top:3px;
	color:#0072b4;
	font-size:11px;
	line-height:1.3;
}

a#cb_votes_needed{
	display:block;
	height:68px;
	padding: 13px 200px 0 0px;
	font:bold 56px/1 Arial;
	text-decoration:none;
	color:#63b4d8;
	position:absolute;
	left:500px;
	top:0;
	background:transparent url(../_images/comp-cbest.jpg) top right no-repeat;
}

a#cb_total_votes{
	display:block;
	height:44px;
	background:transparent url(../_images/comp-cbest.jpg) top left no-repeat;
	background-position:-1202px -612px;
	padding: 27px 0px 0 194px;
	font:bold 28px/1 Arial;
	text-decoration:none;
	color:#63b4d8;
	position:absolute;
	left:296px;
	top:0;
}

a#cb_start{
	position:absolute;
	background-position: -1600px -100px;
	top:16px;
	right:0px;
	
}

a#cb_welcome{
	display:block;
	height:65px;
	padding: 19px 0px 0 0px;
	font:bold 36px/1 Arial;
	text-decoration:none;
	color:#63b4d8;
	position:absolute;
	left:300px;
	top:0;

}
a#cb_welcome span{
	display:block;
	font-size:11px;
}
#cb_runner a.logout{
	color:#666;
	position:absolute;
	right:0px;
	top:4px;
	text-decoration:none;
}