 /*
-------------------------------------
	Spectator Magazine
  http://www.spectator.co.uk/
	author: Wide Area Communications / Leanne Tite
	http://www.widearea.co.uk

  Last updated: 10-03-08

  Global style sheet

-------------------------------------- */

/* Universal & resets 
------------------------------------*/

body {
	background: #aaa09a url("/images/background-slice.png") center repeat-y;
	margin: 0 auto;
	font-size: 62.5%;
	font-family: Arial, Verdana, sans-serif;
}
.body-nobg {
	background: #ffffff;
	margin: 0 auto;
	font:62.5% Arial, Verdana, sans-serif;
}
h1, h2, h3, h4, h5, h6, ol, ul, li {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: 0;
	text-decoration: none;
}
.spacer {
	margin-bottom: 10px;
}
.hide {
	visibility: hidden
}
.clear {
	clear: both;
	display:block;
}
.bold,
strong {
	font-weight: bold!important;
}
span.screenreader {
	 position:absolute;
	 left:0px;
	 top:-5000px;
	 overflow:hidden;
}

/* GLOBAL TYPOGRAPHY 
------------------------------------*/
h1 {
	font: normal 28px/100% Georgia, Times, serif;
	color: #c00;
	margin-top: 4px;
	margin-bottom: 10px;
}
h2 {
	font: normal 16px Georgia, Times, serif;
	color: #c00;
	margin-top: 2px;
	margin-bottom: 2px;
}
h2 a {
	color: #c00;
}
h2.black,
h2.black a {
	color: #000;
	font-size: 18px;
}
h4.box {
	text-transform: uppercase;
	font:bold 11px Arial, Verdana, sans-serif;
	color: #000;
	margin: 0;
}
h5.box {
	font: bold 14px Arial, Verdana, sans-serif;
	color: #333;
	letter-spacing: -.5px;
	margin-top: 0;
	margin-bottom: 0;
}
p,
blockquote, 
blockquote p, 
p blockquote {
	font: 13px Arial, Verdana, sans-serif;
	color: #000;
}
p a {
	color: #c00;
}
p.quote {
	margin-left: 20px;
}
#shopbox-bottom p, 
#hotelsbox-bottom p, 
#eventsbox-bottom p {
	margin-top: 6px;
	margin-left: 3px;
}
#spectator-recommends-body p,
#spectator-classifieds-body p { 
	margin-top: 4px;
	font-size: 10px
}
#spectator-recommends-body h2, 
#spectator-classifieds-body h2 {
	font-size: 14px
}
#links p,
#links p a {
	margin-bottom: 9px;
	font-size: 10px;
	color: #666;
}
.name,
.name a,
.text-size {
	text-transform: uppercase;
	font: bold 11px Arial, Verdana, sans-serif;
	color: #666;
}
.box-grey {
	font: bold 1.1em Arial, Verdana, sans-serif;
	color: #333;
}
.box-bold,
.box-bold a {
	font: bold 1.1em Arial, Verdana, sans-serif;
	color: #000;
  margin-top: 9px;
	margin-bottom: 7px;
}
.cartoon,
#cartoon p {
	font: italic 12px Georgia, Times, serif;
	color: #000;
	text-align: center;
	margin-top: 4px;
}
.advertisement,
#home .advertisement {
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #8c8c8c;
	font: 10px Arial, Verdana, sans-serif;
  margin-left: 85px;
	margin-bottom: 4px;
}
.advertisement {	
	margin-top: 0;
}
#crumbtrail p {
	margin-top: 2px;
	margin-bottom: 0;
}
#crumbs span,
#date-crumbs p,
#crumbtrail p a {
	text-transform: uppercase;
	font: bold 11px Arial, Verdana, sans-serif;
	color: #666;
}
#crumbs span {
	text-transform: none;
}
#crumbs span a,
#crumbs span.breadcrumbNoLink {
	color: #c00;
}
#date-crumbs p {
	color: #c00;
	letter-spacing: .5px;
	margin-right: 38px;
}
#itwm .pink-header h3 a, 
#itwm .blue-header h3 a, 
#itwm .green-header h3 a {
	color: #fff;
	font-size: 18px;
}
#yesterdays-comment h2, 
#coffeehouse-masthead h2, 
#yesterdays-comment h2 a p {
	font: 13px Georgia, Times, serif;
	color: #c00;
}
#yesterdays-comment h2 a:hover p {
	text-decoration: underline;
}
#current-issue {
	margin-bottom: 20px;
	padding-bottom: 5px;
	background-color: #e2eaf7;
	border-bottom: solid 1px #d9d9d9;
	font: normal 16px Georgia, Times, serif;
	font-weight: bold;
	text-align: center;
}
#current-issue-header {
	padding: 5px 5px 4px 8px;
	margin-bottom: 3px;
	background-color: #c0c7d2;
	font: normal 16px Georgia, Times, serif;
	font-weight: bold;
	text-align: center;
	line-height: 140%;
}

#current-issue img {
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 154px;
	padding-bottom: 5px;
}
#current-issue h4 a {
	color:#CC0000;
}
#ticker-home {
	margin-bottom:-15px;
}
#ticker-home #TICKER {
	width:620px !important;
}
#TICKER_BODY {
	margin-bottom:0 !important;
}
#TICKER_BODY a {
	font-weight:bold;
}
ol {
	margin-bottom:10px;
	padding-left:25px;
}
ol li {
	font-size:13px;
	margin:10px 0;
}

/* LAYOUt 
------------------------------------*/
#wrapper {
	margin: 0 auto;
	width: 970px;
	background-color: #fff;
	padding: 4px 10px 12px 10px;
	height: 100%;
}
/* =============== HORIZONTAL BANNER ADS TOP ============*/
#horizontal-banner-top {
	clear: both;
	margin-bottom: 14px;
	margin-top: 5px;
}
#banner-top {
	float: left;
	margin-right: 20px;
	width: 728px;
	height: 90px;
}
/* ======================= MASTHEADS ======================= */
#logo {
	float: left;
	width: 582px;
	height: 111px;
	margin: -5px 87px -7px 0;
	background: #fff url(/images/logo2.png) top left no-repeat;
	
}
#masthead {
	margin-bottom: -7px;
}
.masthead-specbus {
	margin-bottom: 0px!important
}
#coffeehouse-masthead {
	float: left;
	position: relative;
	width: 273px;
	height: 111px;
	padding: 14px 14px 0 14px;
	margin-bottom: -7px;
	background: transparent url("/images/bg-coffeehouse-masthead.png") 0 0 no-repeat;
}
.coffeehouse-content {
	float: left;
	height: 25px;
	width: 222px;
	overflow: hidden;
  padding-bottom: 45px;
}
#coffeehouse-masthead .coffeehouse-content h2 {
	font-size: 16px;
	line-height: 100%;
}
div.coffeehouse-mugshot img {
	float: left;
	width: 40px;
  margin-right: 10px;
}
img#coffeehouse-play,
img#coffeehouse-next,
img#coffeehouse-back {
	position: absolute;
	top: 92px;
	left: 250px;
}
img#coffeehouse-back {
	left: 226px;
}
img#coffeehouse-next {
	left: 274px;
}
.blogs-rotation h2 {
	font-size: 16px;
	margin-bottom: 2px;
	font-weight: normal;
}
.blogs-rotation h2 a {
	color: #c00;
}
/* ======================== NAV BAR ========================*/
/*-------- NAV TABS -----*/
#nav-tabs li,
ul.nav-tabs li {
	float: left;
	padding: 2px 24px 3px 10px;
	margin-bottom: -1px;
	list-style-type: none;
	color: #fff;
	font: bold 16px Georgia, Times, serif;
	background: #4e4d4d url(/images/sb-tab-off.gif) top right no-repeat;
	border-bottom: solid 1px #666;
}
#nav-tabs li a {
	color: #fff;
}
#nav-tabs li.active {
	border-left: solid 1px #666;
	background: #ccc url(/images/sb-tab-on.gif) top right no-repeat;
}
#nav-tabs li.active,
#nav-tabs li.active a {
	color: #333;
}
#nav-tabs ul li.subscribe-tab,
ul.nav-tabs li.subscribe-tab {
	background:#000 url(/images/bg-sub-tab2.png) no-repeat top right !important;
	border:none !important;
	padding-bottom:1px !important;
	color: #ffff3b;
	font-weight: normal;
}
#nav-tabs ul li.subscribe-tab a,
ul.nav-tabs li.subscribe-tab a {
	color:#ffff3b !important;
}
ul.nav-tabs li#on {
	background:#ffff3b url(/images/bg-sub-tab-yellow.png) no-repeat top right !important;
}
ul.nav-tabs li#on a {
	color:#000 !important;
	font-weight:bold;
}

#nav-bar {
	clear: both;
	width: 964px;
	padding: 0 6px 0 0;
	border-top: solid 1px #666;
	background-color: #ccc;
}
#nav-bar ul li {
	float: left;
	display: inline;
	list-style-type: none;
	line-height: 25px;
	color: #ccc;
	background: url(/images/nav_bar.png) right center no-repeat;
}
#nav-bar a {
	font-size: 12px;
	font-weight: bold;
	font-family: Georgia, Times, serif;
	color: #666;
	text-decoration: none;
}
#nav-bar a:hover {
	color: #fff;
	background-color: #666;
}
#nav-bar a {
	display: block;
	padding: 0 6px;
}
#nav2 a {
	padding-left: 28px;
	background: url(/images/coffee_off.gif) left center no-repeat;
}
#nav2 a:hover {
	background: url(/images/coffee_on.gif) left center no-repeat #666;
}
#nav3 a {
	padding-left: 23px;
	background: url(/images/mag_off.gif) left center no-repeat;
}
#nav3 a:hover {
	background: url(/images/mag_on.gif) left center no-repeat #666;
}
#nav-tabs ul li.scoff-tab {
	background:#d01d1d url(/images/bg-scoff-tab2.png) no-repeat top right !important;
	border:none !important;
	padding-bottom:1px !important;
}
#nav-tabs ul li.scoff-tab a {
	color:#fff !important;
}



#search-bar {
	float: right;
	width: 182px;
}
#search-bar-full {
	float: right;
	width: 158px;
	padding: 10px 10px;
  display: none;
	z-index: 69;
	position: absolute;
	top: 265px;
	background: url(/images/searchgradient.png) left center #666;
}
.spec-search {
	top: 262px!important;
}
#searchText {
	font-weight: bold;
}
#search-bar-full img {
	float: right;
}
/*-----------*/

input#search {
	float: right;
	height: 15px;
  margin: 2px 8px 0 0;
	border-top: 1px solid #9a9a9a;
	border-left: 1px solid #9a9a9a;
}
input#search-button {
	float: right;
	margin-top: 5px;
}
#crumbtrail {
	background-color: #f0f0f0;
	padding: 4px 10px 5px 0;
	margin-bottom: 20px;
}
#crumbs {
	float: left;
	margin-left: 10px;
	max-width: 630px;
	margin-top: 2px;
}
#date-crumbs {
	float: right;
}
#rss {
	float: right;
}
.rss-link {
	float: left;
}
#rss img {
	float: left;
	margin: 1px 12px 0 4px;
}
#rss img .plusIcon {
	float: left;
	margin: 1px 2px 0 4px;
}
/* =========== LEFT-VERTICAL ============= */
#left-vertical {
	float: left;
	width: 160px;
	padding: 0;
	margin-right: 15px;
	margin-bottom: 20px;
}
#cover {
	margin-bottom: 14px;
	padding: 5px;
	background: transparent url("/images/bg-cover.png") 0 0 no-repeat;
}
#latest-cover {
	margin: 6px 0;
}
#coffee-house {
	margin-bottom: 20px;
}
.lhs-button {
	margin-bottom: 20px;
}
#email-reg {
	margin-bottom: 20px;
	background-color: #e2eaf7;
	border-bottom: solid 1px #d9d9d9;
}
#email-reg-header {
	padding: 5px 5px 4px 8px;
	margin-bottom: 8px;
	background-color: #c0c7d2;
}
#email-reg-bottom {
	margin: 0;
	padding: 0 2px 4px 6px
}
#email-reg-bottom img {
	margin: 8px 2px 2px 0px;
}
#special {
	margin-bottom: 18px;
	background-color: #e2eaf7;
}
#special-header {
	background-color: #c0c7d2;
	padding: 5px 5px 4px 8px;
	margin-bottom: 8px;
}
#special-header img {
	margin-top: 1px;
}
img#special {
	float: right;
}
#special-bottom {
	padding: 0 4px 6px 8px;
}
#special-bottom img {
	margin: 14px 0 4px 4px;
}
#myspectator {
	background-color: rgb(255,225,225);
}
#myspectator-header {
	padding: 5px 5px 4px 8px;
	background-color: #c0c7d2;
}
#myspectator1,
#myspectator2,
#myspectator3 {
	padding: 6px 8px 8px 8px;
	border-bottom: solid 1px #fff;
	background-color: rgb(255,225,225);
}
#myspectator3 {
	border:0;
}

#pick-week {
	background-color: #e2eaf7;
}
#pick-week-header {
	padding: 5px 5px 4px 8px;
	background-color: #c0c7d2;
}
#pick-week1,
#pick-week2,
#pick-week3 {
	padding: 6px 8px 8px 8px;
	border-bottom: solid 1px #fff;
	background-color: #e2eaf7;
}
#pick-week3 {
	border:0;
}
#skyscraper {
	width: 120px;
	height: 600px;
	margin-bottom: 20px;
	background-color: #f0f0f0;
}
#diary-box {
	margin-bottom: 20px;
}
/* =================== RIGHT-VERTICAL ====================== */
#shop-box {
	background-color: #e8e8e8;
	margin-bottom: 20px;
}
#shop-box a:hover {
	text-decoration: none;
}
#shopbox-header {
	background-color: #c5c5c5;
	padding: 2px 4px 2px 8px;
}
#shopbox-header img, #hotelsbox-header img, #eventsbox-header img {
	margin-top: 4px;
	margin-bottom: 2px;
}
#shopbox-bottom {
	padding: 6px 5px 10px 6px;
	border-bottom: solid 1px #ddd;
}
#hotels-box {
	background-color: #e8e8e8;
	margin-bottom: 20px;
}
#hotelsbox-header {
	background-color: #c5c5c5;
	padding: 2px 4px 2px 8px;
}
#hotelsbox-bottom {
	padding: 6px 5px 10px 6px;
	border-bottom: solid 1px #ddd;
}
#events-box {
	background-color: #e8e8e8;
	margin-bottom: 20px;
}
#eventsbox-header {
	background-color: #c5c5c5;
	padding: 2px 4px 2px 8px;
}
#eventsbox-bottom {
	padding: 6px 5px 10px 6px;
	border-bottom: solid 1px #ddd;
}
#life-box {
	background-color: #e8e8e8;
	margin-bottom: 14px;
	width: 220px;
	float: right;
}
#lifebox-header {
	background-color: #c5c5c5;
	padding: 2px 4px 2px 8px;
}
#lifebox-bottom {
	padding: 6px 5px 10px 6px;
	border-bottom: solid 1px #ddd;
}
.flash-ad {
	margin:10px 0;
	}
.flash-ad-rhs {
	margin:30px 0;
}
/* ==================== SPECTATOR BOXES BOTTOM =================== */
#spectator-bottom {
	clear: both;
	padding: 20px 0 20px 0;
	border-bottom: solid 4px #ccc;
	margin-bottom: 10px;
	width: 970px;
	border-top: solid 3px #ccc;
}
#spectator-bottom-left {
	float: left;
}
#spectator-recommends-header {
	margin-right: 8px;
}
#spectator-recommends-body {
	height: 100px;
	overflow: hidden;
	width: 335px;
	padding: 0 0 0 12px;
	border-left: solid 4px #999;
	border-right: solid 4px #999;
	position:relative;
}
#spectator-recommends-body .recommends-ad {
	position:absolute;
	top:0;
	left:0;
}
#spectator-recommends-body-left {
	float: left;
	width: 155px;
	margin: 0 12px 6px 0;
}
#spectator-recommends-body-right {
	float: left;
	width: 151px;
	margin: 0 8px 6px 0;
}
#spectator-bottom-right {
	float: left;
	width: 606px;
}
#spectator-classifieds-body {
	height: 100px;
	float: left;
	border-left: solid 4px #999;
	border-right: solid 4px #999;
	padding: 0 0 0 12px;
}
#spectator-classifieds-body-left {
	height: 90px;
	overflow: hidden;
	float: left;
	margin: 0 20px 6px 0;
	width: 175px
}
#spectator-classifieds-body-centre {
	height: 90px;
	overflow: hidden;
	float: left;
	margin: 0 20px 6px 0;
	width: 175px
}
#spectator-classifieds-body-right {
	height: 90px;
	overflow: hidden;
	float: left;
	margin: 0 21px 6px 0;
	width: 174px;
}
/* ===================== HORIZONTAL BANNER BOTTOM ============ */
#horizontal-banner-bottom {
	border-bottom: solid 4px #ccc;
	padding-bottom: 12px;
}
#links {
	float: left;
	padding: 4px 8px;
	margin-right: 16px;
	width: 208px;
	background-color: #f0f0f0;
}
#banner-bottom {
	width: 728;
	height: 90;
	float: left;
	margin: 0;
	padding: 0;
	padding-top: 16px;
}
/* ==================== PAGINATION ============================= */
div.pagination-top {
	margin: 0 6px 20px;
	padding: 4px 0 3px;
	height: 20px;
	text-align: center;
	clear: both;
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	border-top: solid 2px #ccc;
	border-bottom: solid 2px #ccc;
}
div.pagination-top img {
	margin-bottom: -2px;
}
div.pagination-bottom {
	margin: 6px 0;
	padding: 4px 0 3px;
	height: 20px;
	text-align: center;
	clear: both;
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	border-top: solid 2px #ccc;
	border-bottom: solid 2px #ccc;
}
div.pagination-bottom img {
	margin-bottom: -2px;
}
span.prev-link {
	width: 85px;
	text-align: left;
	float: left;
	padding: 0;
	margin: 0;
}
span.pages-bar {
	width: 260px;
	text-align: center;
	float: left;
	padding: 0;
	margin: 0 0 0 40px;
}
span.next-link {
	width: 60px;
	text-align: right;
	float: right;
	padding: 0;
	margin: 0;
}
span.page-number {
	padding: 0;
	margin: 0;
}
div.pagination-top a, div.pagination-bottom a {
	text-decoration: none;
	color: rgb(204,0,0)
}
/* === SEARCH HIGHLIGHTING ==*/
.highlight {
	background-color: #339900;
}
/*=============== SPECTATOR BUSINESS ==================*/
/*----------------- Header ------------*/
.sb-logo {
	width: 416px!important;
	height: 96px!important;
	margin-right: 135px!important;
	margin-top: -5px;
}
.coffee-house-rotate {
	float: right!important;
	padding-right: 0!important;
	background: #fff url(/images/bg-coffeehouse-module.png) top left no-repeat!important;
	width: 387px!important;
}
.coffee-house-rotate img#coffeehouse-play {
	position: absolute;
	top: 92px;
	left: 350px;
}
.coffee-house-rotate img#coffeehouse-next {
	position: absolute;
	top: 92px;
	left: 374px;
}
.coffee-house-rotate img#coffeehouse-back {
	position: absolute;
	top: 92px;
	left: 326px;
}
.coffee-house-rotate .coffeehouse-content {
	width: 330px!important;
}
.trading-floor-rotate {
	float: right!important;
	padding-right: 0!important;
	background: #fff url(/images/bg-tradingfloor-module.gif) top left no-repeat!important;
	/*width: 387px!important;*/
	width:340px !important;
}
.trading-floor-rotate img#coffeehouse-play {
	position: absolute;
	top: 92px;
	left: 303px;
}
.trading-floor-rotate img#coffeehouse-next {
	position: absolute;
	top: 92px;
	left: 327px;
}
.trading-floor-rotate img#coffeehouse-back {
	position: absolute;
	top: 92px;
	left:279px;
}
.trading-floor-rotate .coffeehouse-content {
	/*width: 330px!important;*/
	width:283px !important;
}
#spec-business-listing #nav2 a {
	background: transparent url(/images/icon-hand.gif) bottom left no-repeat!important;
	padding-left: 24px;
}
#spec-business-listing #nav2 a:hover {
	background: #666 url(/images/icon-hand-on.gif) bottom left no-repeat!important;
}
#spec-business-listing #nav3 a {
	padding-left: 26px;
}
/*------ Right side --------*/
#sb-columnists {
	background: #fbe4a0 url(/images/bg-title-businesscolumnists.gif) top left no-repeat;
	padding: 34px 20px 20px;
}
#sb-weekly-update {
	margin-top: 16px;
}
.sb-wu {
	margin-top: 0!important;
}
#spec-issuedate {
	margin: 10px 0 -6px 0;
	font: bold 12px Arial, Verdana, sans-serif;
	color: #394d88;
}
#sb-columnists p {
	list-style-type: none;
	margin-top: 6px;
	margin-bottom: 0;
}
#sb-columnists p a {
	color: #000;
	font: bold 12px Georgia, Times, serif;
}
#sb-columnists-bottom {
	background: #fff url(/images/bus-columnists-bottom.gif) top left no-repeat;
	height: 20px;
}


/*------ Coffeehouse --------*/

.blogs-new {
	background:transparent url(/images/bg-blogs2.png) no-repeat left top !important;
	float:right !important;
	margin:0 !important;
	padding:32px 0 0 5px !important;
	position:relative;
	width:225px !important;
	height:58px !important;
	overflow:hidden;
}
.blogs-new .blogs-rotation h2 {
	font-size:14px !important;
}
.blogs-new #blogs-body {
	height:53px !important;
	width:150px !important;
	overflow:hidden;
}
.blogs-new img.blogs-writer {
	left:auto;
	right:0;
	top:15px;
}
.blogs-new img#blogs-back,
.blogs-new img#blogs-play,
.blogs-new img#blogs-next {
	left:95px;
	z-index:3;
}
.blogs-new img#blogs-play {
	left:121px;
}
.blogs-new img#blogs-next {
	left:147px;
}

body #masthead .coffeehouse-logo {
	background:url(/images/logo-coffeehouse.png) no-repeat top left !important;
	height:59px !important;
	width:310px !important;
	float:left;
	margin-right:10px !important;
}
#chs {
	height:auto;
	width:auto;
	float:left;
	padding:0;
	text-align:left;
}

body .wine-club-logo {
	background:url(/images/wine-club-logo2.png) no-repeat top left !important;
	width:389px !important;
	height:65px !important;
}
body .trading-floor-rotate {
	width:230px !important;
	height:80px !important;
	padding:5px !important;
	margin:0 !important;
	float:right;
	background:url(/images/bg-tradingfloor-module2.png) no-repeat left top !important
}
body .trading-floor-rotate .coffeehouse-content {
	width:auto !important;
	height:62px !important;
}
body .trading-floor-rotate img#coffeehouse-next,
body .trading-floor-rotate img#coffeehouse-play,
body .trading-floor-rotate img#coffeehouse-back {
	left:215px;
	top:72px;
}
body .trading-floor-rotate img#coffeehouse-play {
	left:193px;
}
body .trading-floor-rotate img#coffeehouse-back {
	left:171px;
}
body .sb-logo {
	width:238px !important;
	height:55px !important;
	margin:0 0 5px 10px !important;
}
fieldset.competitions {
	margin-top:15px !important;
}
fieldset.competitions input.checkbox {
	float:left;
	margin:0 5px 0 0;
}
fieldset.competitions label.checkbox-q {
	margin-top:0;
	width:auto;
}
fieldset.competitions input.text {
	width:220px;
}
fieldset.competitions label.radio-q {
	width:auto;
	margin:0 10px 0 0;
}
fieldset.competitions input.radio {
	margin-top:0;
}
.comp hr {
	background-color:#ccc;
	border:none;
	color:#ccc;
	height:4px;
	clear:both;
	margin:10px 0 20px 0;
}
.comp-body img {
	float:left;
	margin:0 10px 10px 0;
}
.home-button {
	margin-bottom:20px;
}


/* Preference Centre */

body.preference-centre,
body#pref-index {
	background:#FFE1E1;
}
body.preference-centre #myspectator1,
body#pref-index #myspectator1,
body#pref-index #myspectator2,
body#pref-index #myspectator3 {
	border:none;
}
body.preference-centre fieldset.preference-centre {
	width:auto;
}
body.preference-centre ol li {
	width:400px;
}
body#pref-index ol li input {
	float:left;
}
body#pref-index ol li span.error {
	color:#000;
	width:260px;
	float:left;
	display:block;
	margin-left:10px;
}
body#pref-index fieldset {
	margin:0;
	padding:0;
	border:none;
}
.my-spectator {
	margin-bottom:20px;
}
.my-spectator .header {
	background-color:#ddd;
	font:bold 1.6em/140% Georgia, Times, serif;
	padding:5px 5px 4px 8px;
}
.my-spectator h4.box {
	color:#fff;
}
.my-spectator .content {
	padding:8px 4px 0px 8px;
	background:#FFE1E1 url(/images/my-s.png) no-repeat right 5px;
	min-height:102px;
	height:auto !important;
	height:102px;
	border:solid 1px #ddd;
	border-top:none;
}
.my-spectator p {
	margin-top:0;
	font:bold 1.1em Arial, Helvetica, sans-serif;
	width:100px;
}
.button-register-pref {
	display:block;
	width:113px;
	height:40px;
	background:url(/images/button-register-small.png) no-repeat 0 -40px;
}
.button-register-pref:hover {
	background-position:0 0;
}
.my-spectator .button-register-pref {
	margin:-5px 0 0 -10px;
}
li.progress img {
	display:block;
	margin:0 0 10px 0 !important;
}
#pref-centre-links {
	float:right;
}
