/* CSS Document */
html, body{margin:0px;}

body{background:url(../images/ZONE-BG-TOP.png) repeat-x top white;}

.header{display:block; position:relative; height:282px; color:white; background:url(../images/ZONE-BG-TOP-search.png) bottom left no-repeat;}
.header .logo{display:block; position:absolute; top:70px; left:0px; width:219px; height:156px; background:url(../images/zonelogo193x100.png) no-repeat;}
.header .navigation{display:block; position:absolute; top:178px; left:0px; width:600px; height:40px;}
.header .quote{display:block; position:absolute; top:165px; left:635px; width:305px; height:45px; background:url(../images/ZONE-BG-TOP-quote.png) no-repeat;}
.header .advertisement{display:block; position:absolute; top:60px; left:210px /*248px*/; width:728px; height:90px; overflow:hidden; /*outline:red solid 1px;*/ /*width:692px; height:92px;*/}
.header .advertisement .templateFramed{float:right;}
.header .searchObj{display:block; position:absolute; top:226px; left:730px; width:305px; height:45px;}
.header .searchObj label{display:block; font-size:0.75em; color:white; margin-bottom:7px;}
.header .searchObj input{border:none; margin-left:5px; width:160px; float:left}
.header .searchObj .btn{float:left;}
.header .searchObj .btn input{ width:60px;}

.currentEdition{
	display:block;
	background-color:#3f3f3d;
	color:white;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.currentEdition h2{float:left; color: white;}
.currentEdition a{color: white; text-decoration:none}
.currentEdition a:hover{ text-decoration:underline}

.grid_4 .currentEdition{width:210px; margin-top:-40px;}
.grid_4 .currentEdition img{float:right; width:100px;}
.grid_4 .currentEdition h2{float:left; width:80px;}
.skyscrapper .currentEdition{width:110px; margin-top:20px;}
.skyscrapper .currentEdition h2{}
.skyscrapper .currentEdition img{width:110px;}

.footercontainer{
	display:block;
	width:100%;
	min-height:300px;
	background:url(../images/ZONE-BG-BTM.png) bottom left repeat-x #3f3f3d;
}
.footercontainer .footersplash{display:block; width:1247px; height:25px; background: url(../images/ZONE-BG-BTM-splash.png) left no-repeat;}

.topstory, .homeInner{position:relative;}

.topstory{display:block; width:100%;}
.topstory .imgHolder{width:360px; height:254px; background-image:url(../images/ZONE-BG-Img360x254.jpg); float:left;}
.topstory .imgHolder img{display:block; margin:0px 5px 5px 5px; padding-top:11px; width:349px; height:223px;} 
.topstory .storyHolder{display:block; float:left; width:280px; height:240px; margin:0px 0px 0px 20px;}

.homeInner, .homeSideInner, .homeAlso{background: url(../images/grid_4_gradfillgrey.jpg) top left repeat-x; overflow:hidden;}
.homeInner{height:200px; line-height:1.35em;}
.homeInner .imgHolder{display:block; width:100%; height:159px; background:url(../images/ZONE-BG-Img220x159.jpg) no-repeat top left;}
.homeInner .imgHolder img{display:block; margin:0px 5px 5px 5px; padding-top:7px; width:245px; height:135px;} 

.homeAlso{margin-top:-15px;}
.homeAlso a.otherStories{display:block; width:100%; height:55px; overflow:hidden; margin-bottom:10px; color:#3f3f3d; font-size:0.85em; line-height:1.20em;}
.homeAlso a.otherStories:hover{text-decoration: underline; color: #0066ff;}
.homeAlso a.otherStories .copy h5:hover{text-decoration: underline; color: #0066ff;}
.homeAlso a.otherStories .copy, .homeAlso a.otherStories .imgSubs{display:block; width:95px; height:55px; overflow:hidden;}
.homeAlso a.otherStories .copy{float:left;}
.homeAlso a.otherStories .imgSubs{float:right;}
.homeAlso a.otherStories .imgSubs img{width:95px; height:55px;}

.imgHolder{display:block; margin:0px; width:100%; height:159px; background:url(../images/ZONE-BG-Img220x159.jpg) no-repeat top left;}
.imgHolder .imgCon{display:block; margin:0px 5px 5px 5px; padding-top:7px; width:210px; height:135px; overflow:hidden;}
.imgHolder .imgCon img{width:245px; height:135px; margin-left:-12px;} 

.skyscrapper{display:block; position:relative; margin:0px; padding:0px; width:120px; float:left; margin-right: 20px; margin-top:-14px;}
.skyscrapper #templateSlideShow3{display:block; width:120px; height:600px; overflow:hidden;}
.content{display:block; position:relative; margin:0px; padding:0px; padding-right:10px; width:545px; float:right;}
.greyBG{display:block; position:absolute; top:-25px; left:0px; width:1150px; height:270px; margin-left:-450px; background:url(../images/ZONE-BG-for-greyBG.jpg) repeat-x left;}

.pagedresults{display:block; width:inherit; height:918px; overflow:hidden;} 
.pagedresults .pagedButtons{display:block; width:inherit; height:14px; text-align:right; margin:0px 0px 5px 0px; padding:0px;} 
.pagedresults .pagedButtons a{font-size:0.78em; color: #df0f0f; text-decoration:none;}
.pagedresults .pagedButtons a:hover{text-decoration:underline;}

.searchWrap{display:block; width: inherit; height:90px; overflow:hidden; background:url(../images/newsBG5x85.png) repeat-x;}
.searchWrap .searchInner{display:block; float:left; width:370px;}
.searchWrap .imgHolder{display:block; width:155px; height:85px; overflow:hidden; background:none; margin:0px; padding:0px;}
.searchWrap .imgHolder img{display:block; border:none; width:155px; height:85px; /*margin-left:-15px; margin-top:-2px;*/}

.searchWrapper{display:block; width: inherit; background-color:#f5f5f5; margin-top:-5px; margin-bottom:5px; border-bottom:white solid 5px;}

.homeSideInner{margin-bottom:10px;}

#sidebar{padding:0px; margin-top:-5px; background-color:#FFFFFF}
#sidebar ul{line-height:1.35em;}
#sidebar ul li{margin-bottom:1.25em;}

#sidebar .facebookBox{display:block; width:210px; border: 5px  solid #3b5998;}
#sidebar .facebookBox .facebookLogo{width:210px; height:30px; overflow:hidden; color:white; background:#3b5998 url(../images/facebook-logo.png) no-repeat left; border-bottom: 5px  solid #3b5998;}
#sidebar .facebookBox p{margin:5px; width:200px; overflow:hidden;}

#sidebar .twitterBox{display:block; width:200px; border: 5px  solid #b0ebff; padding:5px; overflow: hidden}
#sidebar .twitterBox .twitterLogo{width:210px; height:30px; overflow:hidden; color:white; background:#fff url(../images/twitter-logo.png) no-repeat left; border-bottom: 5px  solid #fff;}
#sidebar .twitterBox p{margin:5px;}
#sidebar .twitterBox a:link, #sidebar .twitterBox a:visited{color:#3b5998;}

.sideAsVideo{display:block;}
.sideAsVideo .imgthumblet{display:block; width:inherit; height:165px; margin-top:5px; overflow:hidden;}
.sideAsVideo .imgthumblet img{width:inherit; width:220px; height:165px; /*margin-top:-30px;*/}

.getconnected{display:block; width:220px; height:520px; padding:37px 28px 0px 28px; background: url(../images/ZONE-getconnected-iphone-BG.jpg) no-repeat;}

.advertise{ display:block; float:left; width:275px;}
.advertise #templateSlideShow2, .advertise #templateSlideShow4{display:block; width:275px; height:275px; overflow:hidden;} /* <--- this is not good but should fix the colapsed effect in chrome */
.templateSpcr{display:block; width:100%; height:40px;}

.events{display:block; float:right; width:404px;}
.events .mgsUITAB{display:block; width:inherit; height:500px; overflow: auto;}
.mgsUITAB .pageTabs{display:block; width: inherit; height:90px; overflow:hidden; background:url(../images/newsBG5x85.png) repeat-x;}
.pageTabs .tabletInner{display:block; float:left; width:255px;}
.pageTabs .imgHolder{display:block; width:100px; height:85px; overflow:hidden; background:none; margin:0px; padding:0px;}
.pageTabs .imgHolder img{display:block; border:none; width:136px; height:75px; margin-left:-15px; margin-top:-2px;}

.events .pageAsThumbs{display:block; float:left; width:110px; height:90px; padding:0px; overflow:hidden; margin-left:10px; margin-bottom:10px; background-color:#fff;}
.events .pageAsThumbs:hover{display:block; float:left; width:110px; height:90px; padding:0px; overflow:hidden; margin-left:10px; margin-bottom:10px; background-color:#ccc;}
.pageAsThumbs .titlethumblet{display:block; float:left; width:110px; padding:0px; text-align:center}
.pageAsThumbs .imgthumblet{display:block; width:110px; height:75px; overflow:hidden; background:none; margin:0px; padding:0px;}
.pageAsThumbs .imgthumblet img{display:block; border:none; width:136px; height:75px; margin-left:-15px; margin-top:-2px;}

#commentPostback{display:block; margin:10px 0px 10px 0px; padding:10px; background: url("../images/grid_4_gradfillgrey.jpg") repeat-x;overflow-x: hidden;}
#commentPostback p{margin:0px 0px 5px 0px;}
#commentPostback label{display:block; width:100px; float:left;}
#commentPostback input.commentinput{width:420px;}
#commentPostback textarea.commentarea{width:520px;}
#commentPostback input.checkbox{float:left;}
#commentPostback label.checkboxLbl{display:block; width:500px; float:left;}
#commentPostback label.error{display:block; width:300px; font-weight:bold; color:red;}

.commentLeft, .commentRight{display:block; width:48%; margin-bottom:20px;}
.commentLeft{float:left;}
.commentRight{float:right; text-align:right;}

/*
.comment-postedby{display:block; width:100%; padding:0px; margin:-5px 0px 3px 0px;}
.comment-rating{display:block; width:100%; padding:0px; margin:0px 0px 10px 0px;}
*/

.comment-postedby{
	display:block;
	width:220px;
	padding:0px 5px;
	float:left;
	margin:0px;
}
.comment-postedby p{ padding:0px; margin:0px; margin-top:6px;}

.comment-rating{display:block; width:180px; padding:5px; float:right; margin:0px 0px 10px 0px;}
.comment-rating p{text-align:right; padding:0px; margin:0px;}

.reportAbuse{
	display:block;
	width:30px;
	padding:5px;
	float:right;
	margin:0px 0px 3px 5px;
	background-color:#df0f0f;
	color:#FFFFFF;
	font-size:0.77em;
}
.reportAbuse:hover{background-color:#df0f0f; color:white;}

.right{float:right; padding:0px; margin:0px;}
.ratethisTxt{float:left;}

.ratedBest{color:green; background: bottom left url(../images/rate-arrows-Enabled.png); padding-left:10px;}
.ratedWorst{color:red; background: bottom right url(../images/rate-arrows-Enabled.png); padding-left:10px;}

a.rateBest, a.rateDown, .rateBest-disabled, .rateDown-disabled{display:block; width:15px; height:15px; background-repeat: no-repeat; border:none; float:left; margin:3px 0px 0px 5px;}
a.rateBest{background-repeat: no-repeat; border:none; background-position: top left; background-image:url(../images/rate-arrows-Enabled.png);}
a.rateDown{background-repeat: no-repeat; border:none; background-position: top right; background-image:url(../images/rate-arrows-Enabled.png);}

a.rateBest:hover{ background-position: bottom left; background-image:url(../images/rate-arrows-Enabled.png);}
a.rateDown:hover{ background-position: bottom right; background-image:url(../images/rate-arrows-Enabled.png);}

.rateBest-disabled{ background-position: top left; background-image:url(../images/rate-arrows-Disabled.png);}
.rateDown-disabled{ background-position: top right; background-image:url(../images/rate-arrows-Disabled.png);}

.shaded{background: url("../images/grid_4_gradfillgrey.jpg") repeat-x; padding-top:5px; border-bottom:dashed 1px #999;}

.space10{padding:10px;}
.space5{padding:5px;}

/* Footer */
.footer {
	background: url(../images/ZONE_logo_footer.png) right top no-repeat;
	height: 170px;
}
.footer .pages{
	display:block;
	width:90px;
	float:left;
	padding:0;
}
.footer .pages .boxaThird{
	display:block;
	margin:0px 10px 0px 5px;
	min-height:10px;
	padding:0;
	width:85px;
	float:left;
	border-left:1px dotted #666666;
}
.footer .pages .boxaThird h2{margin:0; padding:0; font-size: 0.80em; color:white; font-weight:bold; text-transform:capitalize; margin-bottom: 8px; margin-left:5px;}
.footer .pages .omega{border:none;}
.footer .pages .boxaThird .hmPgWrap{font-size:0.70em; line-height:1.25em; font-weight:bold; margin-bottom:2px; margin-left:5px;}
.footer .pages .boxaThird .hmPgWrap a, .inner .footer .pages .boxaThird .hmPgWrap a:visited{color:#999; text-decoration:none;}

#chooserForm #LocationMap {
	float: left;
	clear: none;
}

.locChooser .day {
	float: left;
	font-size: 12px;
	color: #666666;
	padding-left: 7px;
	margin-bottom: 5px;
}

.locChooser .title {
	color: #FFFFFF;
	float: left;
	font-size: 14px;
	background-color: #666666;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
	width: 96%;
}

.locChooser .head {
	color: #FFFFFF;
	float: left;
	width: 126px;
	height:29px;
	padding-top: 10px;
	padding-left:3px;
	margin-bottom: 5px;
}
.dayChooser, .locChooser {
float: right;
width: 129px;
background-image: url("../images/dayChooserBG.jpg");
background-repeat: no-repeat;
padding-bottom: 10px;
}
.issues .issue {
	float: left;
	width: 115px;
	text-align: center;
	padding-right: 20px;
	padding-bottom: 25px;
}
.issues .issue img {
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #666666;
}
.issues .issue img:hover {
	text-decoration: none;
}