/* @override 
	http://edinburgh.threeweeks.co.uk/css/main.css
	http://brighton.threeweeks.co.uk/css/main.css
	http://archive.threeweeks.co.uk/css/main.css
*/

/**********************************
FILENAME: $File: //depot/threeweeks.co.uk/www_p2/css/main.css $
VERSION: $Revision: #19 $ $Change: 925 $
COPYRIGHT / LAST MODIFIED: $DateTime: 2010/08/06 08:52:04 $
AUTHOR: $Author: alano $
UNLIMITED DIGITAL / UNLIMITED MEDIA - Licensed to ThreeWeeks
***********************************
*/
html, body {
	height: 100.5%;
}
body {
	margin: 0px;
	padding: 0px;
	background-color:#ccc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 13px;
	color: #333;
}
body.arc {
	color: #333;
}
body.bri {
	color: #333;
}
form {
	margin:0px !important; padding:0px !important;
}
.skipLink {
	position: absolute;
	left: -999px;
	width: 990px;
}
#mainContainer {
	clear:both;
	width: 100%;
}
#mainContainer div.mainbg {
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	background-color:#fff;
	padding-left:5px;
	padding-right:5px;
	margin-top:8px;
}
#maincontent {
	width:940px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	background-color:transparent;
	padding-top: 0px;
	padding-bottom:10px;
}
#unltdnav_global, #footbanner {
	font-size:11px;
	line-height:16px;
	padding:0px;
	margin:0px;
	height:1.75em;
}
#unltdnav_global {
	padding-top: 4px;
}
#unltdnav_global, #unltdnav_global a, #unltdnav_global a:visited, #unltdnav_global a:hover {
	color: #0099FF !important;
}
.bri #unltdnav_global, .bri #unltdnav_global a, .bri #unltdnav_global a:visited, .bri #unltdnav_global a:hover {
	color: #C82C65 !important;
}
.arc #unltdnav_global, .arc #unltdnav_global a, .arc #unltdnav_global a:visited, .arc #unltdnav_global a:hover {
	color: #333 !important;
}
#topbanners {
	margin: 0;
	padding: 0;
	height: 50px;
	padding-top:2px;
}
#unltdnav_global a, #unltdnav_global a:visited, #unltdnav_global a:hover, #unltdnav_global a:link, #footbanner a, #footbanner a:visited, #footbanner a:hover, #footbanner a:link {
	text-decoration:underline;
	color:#006;
}
#unltdnav, .bri #unltdnav {
	float: right;
	width:260px;
	font-size:7px;
	line-height:3px;
	padding-top:0px;
	white-space: nowrap;
	background-color:#fff;
}
.arc #unltdnav {
	float: right;
	width:260px;
	font-size:10px;
	padding-top:0px;
	text-indent:8px;
	white-space: nowrap;
	background-color:#fff;
}

#unltdnav ul { 
	margin: 0px !important; padding: 0px !important;
	list-style: none !important;
}
#unltdnav ul li {
	margin: 0px !important; padding: 0px !important;
	list-style: none !important;
}
#unltdnav ul li, .bri #unltdnav ul li {
	width: 130px;
	float: left;
	height: 17px;
	overflow: hidden;
}
.arc #unltdnav ul li {
	border-left: 1px solid #fff;
	background-color:#139DEA;
	text-transform: uppercase;
	font-size:10px;
	width: 130px;
	float: left;
	margin-bottom:1px !important;
	line-height: 16px;
}
.bri #unltdnav ul li {
	background-color: #861d44;
}
.bri #unltdnav ul li:hover {
	background-color: #e53274;	
}
.arc #unltdnav ul li {
	background-color: #333;
}
.arc #unltdnav ul li:hover {
	background-color: #666;	
}
#unltdnav a {
	color:#fff;
	text-decoration: none;
	font-family:Trebuchet, Verdana, Arial, Helvetica, sans-serif;
}
#unltdnav a:hover {
	color:#fff;
	text-decoration: none;
}
#unltdnav a.current {
	font-weight: normal;
}
#unltdnav a.disabled {
	color:#CCCCCC;
}
#footbanner {
	clear:both;
	padding-top: 8px;
	text-align:right;
}
#footbanner, #footbanner a, #footbanner a:visited, #footbanner a:hover {
	color: #0099FF !important;
}
.bri #footbanner, .bri #footbanner a, .bri #footbanner a:visited, .bri #footbanner a:hover {
	color: #C82C65 !important;
}
.arc #footbanner, .arc #footbanner a, .arc #footbanner a:visited, .arc #footbanner a:hover {
	color: #333 !important;
}
#credit {
	display:none;
}
#headbanner {
	clear:both;
	height:85px;
	width:100%;
	font-size:1px;
	cursor:pointer; 
	cursor:hand;
}
.arc #headbanner {
	height: 84px;
	padding-top: 1px;	
}
#headbanner {
	background: #0099ff url(/img/twbannerblue680.gif) bottom left no-repeat;
}
.arc #headbanner {
	background: #333 url(/img/3wksarchiveheader.gif) top left no-repeat;
}
.bri #headbanner {
	background: #C82C65 url(/img/twbannerpink680.gif) bottom left no-repeat;
}
#headbannerlink, .bri #headbannerlink {
	width: 660px;
	height: 85px;
	float: left;
	background-color: transparent;
}
.arc #headbannerlink {
	height: 84px;	
}
#headbanner div.logogallery {
	float:left;
	width:950px;
	height:66px;
	font-size:1px;
	background: transparent url(/img/pictureslogo.gif) top left no-repeat;
	cursor:pointer; 
	cursor:hand;
}
#headbanner div.ads {
	float:left;
	width:587px;
}
div.ads div.one {
	float:left;
	width:302px;
}
div.ads div.two {
	float:left;
	width:285px;
}
#centralregion {
	clear:both;
	padding:18px 0px 5px 0px;
}
#editregion {
	width: 669px;
	-xmargin-right:271px !important;
}
* html #editregion {
	width: 669px;
	-xmargin-right:290px !important;	
}
#editregion p {
	margin: 0px !important; padding: 0px !important;
	margin-bottom:16px !important;
	font-size:12px;
	line-height:16px;
}
#globalnav {
	float:right;
	width:260px;
}
#rnav ul #rnav ul li, #rnav ul, #rnav ul li {
	margin: 0px !important; padding: 0px !important;
	list-style: none !important;
}
#rnav div.navsep {
	border-bottom: 1px solid #0099ff;
	height:1px;
	width:100%;
	clear: both;
	margin-bottom: 2px;
	padding-top: 2px;
}
.bri #rnav div.navsep {
	border-bottom: 1px solid #C82C65;
}
.arc #rnav div.navsep {
	border-bottom: 1px solid #333;
}
/* primary level... */
#rnav ul li {
	background-color:#fff;
	color:#000066;
	font-weight:bold;
	font-size:12px;
	margin-bottom:5px !important;
}
.arc #rnav ul li {
	color:#333;
}
/* secondary level... */
#rnav ul li ul li {
	margin-bottom:2px !important;
	margin-left: 2px !important;
	margin-top:2px !important;
	width:128px;
	float: left;
}
* html #rnav ul li ul li {
	width: 126px;
}
#rnav ul li ul li a {
	padding-top:1px !important;
	padding-bottom:2px !important;
	background: #0099ff url(/img/navbullet.gif) top left no-repeat;
	display:block;
	text-indent:16px;
	text-decoration:none;
	color:#fff;
	font-weight:normal;
	font-size:11px;
}
.bri #rnav ul li ul li a {
	background: #c82c65 url(/img/navbullet_bri.gif) top left no-repeat;
}
.arc #rnav ul li ul li a {
	background: #333 url(/img/navbullet_arc.gif) top left no-repeat;
}
.freestuff_anim1 {
	background-color:#FF0000 !important;
}
.freestuff_anim2 {
	background-color:#AB3254 !important;
}
#rnav ul li ul li a:hover {
	text-decoration: none;
	background: #66CCFF url(/img/navbullet_hover.gif) top left no-repeat;
}
.bri #rnav ul li ul li a:hover {
	background: #d36887 url(/img/navbullet_hover.gif) top left no-repeat;
}
.arc #rnav ul li ul li a:hover {
	background: #666 url(/img/navbullet_hover.gif) top left no-repeat;
}
#rnav ul li ul li.current a {
	text-decoration: none;
	background: #66CCFF url(/img/navbullet_hover.gif) top left no-repeat;
}
#rnav ul li ul li.empty a {
	background-image: none;
}
#rnav ul li ul li.empty a:hover {
	background: #0099ff;
}
.bri #rnav ul li ul li.empty a:hover {
	background: #c82c65;
}
.arc #rnav ul li ul li.empty a:hover {
	background: #333;
}
#rnav ul li ul li.disabled a {
	text-decoration: none;
	opacity: .2;
	filter: alpha(opacity=20);
}
.bri #rnav ul li ul li.current a{
	background: #d36887 url(/img/navbullet_hover.gif) top left no-repeat;
}
.arc #rnav ul li ul li.current a{
	background: #666 url(/img/navbullet_hover.gif) top left no-repeat;
}
#rnav ul li ul li.offline a, #rnav ul li ul li.offline a:hover {
	text-decoration:none;
	color:#fff;
	background: #ccc url(/img/navbullet_offline.gif) top left no-repeat;
}
.twkspanel {
	border:2px solid #0099ff;
	border-top: 23px solid #0099ff;
	margin-top: 2px;
	padding:7px 8px 7px 8px;
	position:relative;
}
.bri .twkspanel {
	border:2px solid #c82c65;
	border-top: 23px solid #c82c65;
}
.arc .twkspanel {
	border:2px solid #333;
	border-top: 23px solid #333;
}
.twkspanel p {
	clear:left;
}
.twkspanel p.flowbody {
	clear:none;
}

.twkspanel h1.short, .twkspanel h1.medium, .twkspanel h1.long, .twkspanel h2.short, .twkspanel h2.medium, .twkspanel h2.long {
	margin: -25px 0px 10px 0px;
	color:#fff;
	font-size:10px;
	line-height: 14px;
	font-weight:bold;
	text-transform:uppercase;
}
* html .twkspanel h1.short, * html .twkspanel h1.medium, * html .twkspanel h1.long, * html .twkspanel h2.short, * html .twkspanel h2.medium, * html .twkspanel h2.long {
	position: relative;
}
.foottab {
	position:relative;
	background-color:#0099ff;
	height:15px;
	float:right;
	padding-right:7px;
	padding-left:7px;
}
.bri .foottab {
	background-color:#c82c65;
}
.arc .foottab {
	background-color:#333;
}
.foottab a, .foottab a:link, .foottab a:hover, .foottab a:visited {
	color:#FFFFFF;
}
.arc .foottab a, .arc .foottab a:link, .arc .foottab a:hover, .arc .foottab a:visited {
	color:#FFFFFF;
}
.twkspanel div {
	clear:none;
}
.twkspanel_col {
	margin:0px; padding:0px;
	-xmargin-bottom: 38px !important;
}
.hrprint {
	clear:both;
	height:1px;
	margin:0px !important; padding:0px !important;
	display:none;
}
ul.reviewlist, ul.featurelist, ul.reviewlistHome, ul.featurelistHome, ul.relatedlist, ul.freestuff, ul.radioplaylist {
	list-style: none;
	padding:0px; margin:0px;
}
ul.reviewlistHome {
	height:230px;
	overflow:hidden;
}
ul.freestuff, ul.radioplaylist {
	margin-left:10px;
}
ul.freestuff li, ul.radioplaylist.li {
	margin-bottom:10px;
	font-size:12px;
}
ul.radioplaylist {
	list-style-type: square;
}
ul.reviewlist li, ul.featurelist li {
	padding:3px;
	display:inline;
	float:left;
	vertical-align:top;
	margin-bottom:8px;
	width:32%;
	height:100px;
	cursor:pointer; 
	cursor:hand;
}
ul.featurelist li {
	width:49%;
	height:70px;
}
ul.featurelist li img.featthumb, ul.featurelistHome li img.featthumb {
	float:left;border: 1px solid #0000CC;margin-top:2px;margin-right:6px;margin-bottom:3px;
}
.arc ul.featurelist li img.featthumb, .arc ul.featurelistHome li img.featthumb {
	float:left;border: 1px solid #333;margin-top:2px;margin-right:6px;margin-bottom:3px;
}
.featmainimg {
	clear:left;float:left;border: 1px solid #0000CC;margin-top:-5px;margin-right:15px;margin-bottom:3px;
}
.arc .featmainimg {
	clear:left;float:left;border: 1px solid #333;margin-top:-5px;margin-right:15px;margin-bottom:3px;
}
.bri .featmainimg {
	clear:left;float:left;border: 1px solid #333;margin-top:5px;margin-right:15px;margin-bottom:3px;	
}
div>.featmainimg {
	margin-top:2px;
}
ul.reviewlist li.altcell,  ul.featurelist li.altcell {
	background-color:#EEE;
}
ul.reviewlist li:hover,  ul.featurelist li:hover{
	background:#DDD;
}
ul.reviewlistHome li, ul.featurelistHome li {
	padding:3px;
	display:inline;
	float:left;
	vertical-align:top;
	margin-bottom:8px;
	width:170px;
	cursor:pointer; 
	cursor:hand;
}
ul.relatedlist {
	list-style-type:square;
	margin-left:10px;
}
ul.relatedlist li {
	margin-bottom:2px;
}
ul.featurelistHome li {
	width:365px;
}
ul.reviewlistHome li.altcell, ul.featurelistHome li.altcell {
	background-color:#EEE;
}
ul.reviewlistHome li:hover, ul.featurelistHome li:hover {
	background-color:#DDD;
}
.homereviewdiv {
	width:180px;
	height:230px;
}
div>.homereviewdiv {
	height:230px;
}
.homereviewdiv h1.short {
	width:180px;
}
.homefeaturediv {
	width:375px;
	height:230px;
}
div>.homefeaturediv {
	height:230px;
}
.homefeaturediv h1.short {
	width:375px;
}
.twkspanel_col_homereview {
	margin-bottom:5px;margin-top:5px;float:right;
	width:200px;
}
div>.twkspanel_col_homereview {
	width:198px;
}
.twkspanel_col_homefeat {
	margin-bottom:5px;margin-top:5px;float:left;
	width:395px;
}
div>.twkspanel_col_homefeat {
	width:393px;
}
hr.hrStretch {
	clear:left;
	width:1px;
	text-align:right;
	margin:0 0 0 auto;
	padding:0px;
	border:none 0;
	color:#fff;
	height:1px;
}


.reviewTitle {
	padding:0px;
	padding-top:5px;
	margin:0px;
	clear:none;
	font-size: 14px;
	color: #333333;
	line-height:18px;
}
.reviewCompany {
	font-size:12px;
	clear:none;
	color: #666666;
	line-height:16px;
}
.browseInfoBar {
	padding: 2px 2px 4px 2px;
	margin:0px;
	margin-bottom:4px;
}
.searchBar{
	/*padding: 2px 2px 4px 2px;*/
	margin:0px;
	/*margin-bottom:4px;*/
}
.bri .browseInfoBar {
	border-bottom:2px solid #c82c65;
}
.arc .browseInfoBar, .arc .searchBar{
	border-bottom:2px solid #333;
}
 .searchBar .freetxtfld {
 	color:#000066;
	height:15px;
	vertical-align:middle;
	line-height:12px;
	font-size:10px;
	margin:0px; padding:0px;
	padding-top:1px;
	border: 1px solid #555;
	float: left;
	width: 100% !important;
 }
.searchBarField {
	width: 230px !important;
}
* html .searchBarField {
	width: 220px !important;	
}
.searchBarSubmit {
	width: 25px !important;
}
 .searchBar .submitsearch {
 	border: none;
	background-color: #555;
	color: #fff;
	vertical-align:middle;
	margin:0px; padding:0px;
	height:18px;
	line-height:8px;
	font-size: 10px;
 }
.bri .submitsearch {
	background-color: #861d44;
}
.browsePageNav_top, .browsePageNav_bottom{
	font-size:12px;
	font-weight:bold;
	border-top:2px solid #0099ff;
	margin-top: 2px;
	margin-bottom:2px;
	padding-top:2px;
	padding-bottom:2px;
}
.bri .browsePageNav_top, .bri .browsePageNav_bottom {
	border-top:2px solid #c82c65;
}
.arc .browsePageNav_top, .arc .browsePageNav_bottom {
	border-top:2px solid #333;
}
.browsePageNav_top {
	border-bottom:2px solid #0099ff;
	border-top: none;
}
.bri .browsePageNav_top {
	border-bottom:2px solid #c82c65;
}
.arc .browsePageNav_top {
	border-bottom:2px solid #333;
}
.browseList {
	cursor:pointer;
	cursor:hand;
}

.browseListCell {
	padding: 5px 2px 5px 2px;
}
.browseListAlt {
	background-color:#DDDDDD;
	cursor:pointer;
	cursor:hand;
}

.browseList:hover, .browseListAlt:hover {
	background-color:#EEEEEE;
}

/* Previous styles from version 1 - some of which are still used... */
a {
	color: #FF0000;
	text-decoration:none;
}
.arc a {
	color: #6B0300;
}
a:hover {
	text-decoration:underline;
}
.smallPrint {
	font-size: 9px;
}

.mainTable {
	background-color: #FFFFFF;
}


.latestReviewBox_Heading {
	font-size: 10px;
	font-weight:bold;
	color: #E51340;
}
.arc .latestReviewBox_Heading {
	color: #6B0300;
}
.latestReviewBox_Body {
	font-size: 10px;
}
.latestReviewBox_Date {
	font-size: 10px;
	font-style:italic;
	display:none;
}
.fakeHand {
	cursor:pointer;
	cursor:hand;
}

.pageHeading {
	font-size: 16px;
	font-weight: bold;
	color: #E51340;
}



.actionTab {
	color: #FFFFFF;
	font-size: 11px;
	background-color: #E51340;
	padding:3px 4px 5px 4px;
	cursor:pointer;
	cursor:hand;
}

.actionTab a {
	color: #FFFFFF;
	text-decoration: none;
}

.actionTab:hover {
	background-color: #FF0000;
}

input[type='radio'] {
	border: none;
}

.flatButton {
	background-color: #E51340;
	border: 0px none transparent;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
}

.editTag {
	display: block;
	z-index: 9999;
	cursor: pointer;
	cursor: hand;
}

.keywordHighlight {
	background-color:#FFFF99;
}

input {
	font-size:12px;
	color:#000033;
}
.fieldCSS {
	border:1px solid #0099ff;
}
.bri .fieldCSS {
	border:1px solid #c82c65;
}
.arc .fieldCSS {
	border:1px solid #333;
}
#homeTable p {
	font-size:12px;
	line-height:14px;
	padding-bottom:0px !important;
	margin-bottom:9px !important;
}
div>#homeTable p {
	font-size:10px;
	line-height:12px;
}
hr.edaily {
	margin:0px !important;
	padding:0px !important;
	border:1px solid #0099ff;
	color:#0099ff;
	height:1px;
}
.bri hr.edaily {
	border:1px solid #c82c65;
}
.arc hr.edaily {
	border:1px solid #333;
}
ul.latestclipsrss {
	list-style: none;
	padding:0px; margin:0px;
}
ul.latestclipsrss li {
	overflow:visible;
	padding-left:30px !important;
	margin-bottom:10px !important;
	clear:left;
}
.googlenavads {
	text-align: center;
	padding-bottom: 10px;
}

/* Addition of the dynamic RSS content - July 2010*/
#socialnet {
	line-height: 10px;
}
.rss-box {
	margin: 0px;
	background-color: #CCCCCC !important;
}
.rss-items {
	margin-top:0px;
	padding:0.5em;
	margin-left:2px;
	margin-bottom:0px;
	color: #0099FF !important;
}
p.rss-title {
	padding:0.5em;
}
.rss-title {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	background-color:#FF9900 !important;
	color:white;
	font-weight:bold;
	margin: 0px;
	padding:0px;
	text-align: left;
}
.rss-item {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight : normal;
	list-style-type: none;
	padding-bottom:1em;
	line-height: 13px;
}
.rss-item a {
	text-decoration : none;
	color: #333333 !important;
	font-size: 12px;
	font-weight:light;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.rss-item a:visited {
	color: #333333 !important;
}
.rss-date {
	font-size: 10px;
	font-weight : normal;
	color: #666666;
}

