/* CSS Document */

/************
WHERE YOU SEE A FOLLOWING COMMENT "[IE]" 
THERE IS A SPECIAL INTERNET EXPLORER ONLY STYLE DEFINED IN /css/ie.css 

THIS STYLESHEET COPYRIGHT 2006 FLY ON THE WIRE LTD 
*************/


/* Global styles */

body {margin: 0px; padding: 0px; background-color: #323232; text-align: center; font-size: 1em; font-family:Verdana, Arial, Helvetica, sans-serif;}

h2 {width: 570px; border-bottom: 1px solid #323232; font-weight: normal; color: #9c4912; font-size: 1.8em; padding: 0px 0px 0.2em 0px; background-image:url(/images/layout/header-cirlces.gif); background-repeat: no-repeat; background-position: right top;}

h3 {font-size: 1.4em; color: #2c5376; font-weight: normal; margin: 0px 0px -0.7em 0px;}
h4 {font-size: 1.2em; color: #9c4912; font-weight: bold; margin: 0px 0px -0.7em 0px;}

form th, form td {background: none; border-bottom: 1px solid #ccc; vertical-align: bottom;}
label {color:#2c5376;}
input, textarea {font-family: Verdana, Arial, Helvetica, sans-serif;}
textarea {font-size: 0.9em;}
fieldset {padding: 20px; margin: 0px 0px 20px 0px;}
legend {color: #9c4912; font-weight: bold; display:block;}

.inputHundred {width: 100%;}

img {border: 0;}


#content a, #content2Col a, #content-home a {color: #9c4912; text-decoration: underline;}
#content a:hover, #content2Col a:hover, #content-home a:hover {color: #77a6d0; text-decoration: none;}

.separator {display: block; margin: 10px 0px 0px 25px; width: 570px; background: url(/images/layout/separator.gif) center center no-repeat; height: 11px; clear: both;}

.off_left {position: absolute; left: -9999px;}

.threehunner {width: 300px;}

.notBold {font-weight: normal;}

blockquote {margin-top: 0.3em ; border-bottom: 1px dashed #ccc; margin-bottom: 2em; padding-bottom: 1em;}

caption {color:#618294; font-style: italic; text-align: left;}

table {border: 0px}

#content th { vertical-align: top; background-color:#323232; color: #fff; text-align: left;}

td {border-bottom: 1px solid #ccc; padding: 2px; vertical-align: top;}

.cell1 {border: 1px solid #ccc; vertical-align: top; background-color:#f6eee3;}
.cell2 {border: 1px solid #ccc; vertical-align: top; background-color:#e4ecf9;}
.cell3 {border: 1px solid #ccc; vertical-align: top; background-color:#ededed;}



#daregalleryholder table, #daregalleryholder th {border: 0px;}
/* Global layout */

#outer_container {width: 856px; margin: auto;}

#inner_container {width: 856px; float: left; background-image:url(/images/layout/banner_back.jpg); background-repeat: no-repeat;  position: relative;}

/*************** login ********************/

#loginBoxGlobal {position: absolute; width: 402px; height: 56px; top: 165px; left: 17px; text-align: left; font-size: 0.8em; top: 165px; padding: 0; margin: 0;}

#loginBoxGlobal form {padding: 0; margin: 0;}

#loginBoxGlobal #loggedOut {position: relative; background:url(/images/layout/login-box.jpg); width: 402px; height: 56px; margin: 0; padding: 0;}

input#username, input#password {width: 65px; font-size: 0.8em; top: 10px; position: absolute; }

input#username {left: 55px; border: 1px solid #ccc; }
input#password {left: 130px; border: 1px solid #ccc; }
#remember-label {position: absolute; top: 10px; left: 205px; color: #fff; font-size: 0.8em;}
input#remember {margin-bottom: -1px;}


#loginButton {position: absolute; right: 0px; bottom: 20px;}

#registerLink {background:url(/images/layout/not-reg-button.gif); width: 249px; height: 20px; position: absolute; right: 0px; bottom: 0px;}

#loginBoxGlobal #loggedIn {background:url(/images/layout/logged-in-message-box.jpg); position: relative; width: 402px; height: 56px; color: #fff;}

#loginBoxGlobal #loggedIn a {color: #fff;}

.greeting {position: absolute; top: 8px; left: 90px; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold;}

.message {position: absolute; bottom: 7px; right: 5px; font-size: 0.75em; width: 250px;}

/*************** End of Login **************/

#banner {float: left; width: 856px;}

#rotating_banner {float: right; width: 400px;} 

#content_container /*[IE]*/{float: left; width: 856px; background-image:url(/images/layout/back_strip.gif); background-color: #f8f8f8; background-repeat: repeat-y; background-position: 0px 8px;}

#nav_container {float: left; background-image: url(/images/layout/nav_top.gif); background-repeat: no-repeat; background-position: right top; width: 155px; clear: both; position: relative;}

#nav_inner {float: right; width: 133px; margin: 50px 0px 20px 0px; text-align: left; font-size: 0.8em; padding-right: 1px;}

#banner_text /*IE*/ {padding: 45px 0px 0px 320px; text-align: left; color: #fff; font-size: 0.7em; line-height: 0.95em;}

#banner_text a {color: #fff;}
#banner_text a:hover {color: #6cf; text-decoration: none;}

.GameInfoHeader /*[IE]*/ {font-size: 1.3em; margin-bottom: -0.5em; font-weight: bold; font-family: Arial, sans-serif; display: block;}

#content {float: left; width: 570px; padding: 0px 20px; text-align: left; color: #323232; font-size: 0.75em; line-height: 1.6em; margin: 0px 0px 20px 0px;}

#content2Col {float: left; width: 570px; padding: 0px 20px; text-align: left; color: #323232; font-size: 0.75em; line-height: 1.6em; margin: 0px 0px 20px 0px;}

#content-home {float: left; width: 594px; padding: 0px 6px 0 10px; text-align: left; color: #323232; font-size: 0.8em; margin: 0px 0px 20px 0px;}







#foot_bar {float:left; width: 856px; height: 16px; clear: both; background-image: url(/images/layout/foot.gif); background-position: left top; background-repeat: no-repeat;}

#footer_wrapper {float: left; clear: both; padding: 0px 0px 0px 17px;}

#footer_text {background-color: #d37536; width: 729px; color: #f8f8f8; border-top: 1px solid #333; font-size: 0.7em; padding: 4px 10px 6px 10px; text-align: left;}

#valid {float: right; text-align: right;}

#footer_text a {color: #fff;}
#footer_text a:hover {text-decoration: none;}

/*************EASYNAV******************/
ul#navrsn
{
	margin:0px;
	padding:0px;
	list-style-type:none;
	width:133px;
}
ul#navrsn ul
{
	margin:0px;
	padding:0 0 0 0.5em;
	list-style-type:none;

}
ul#navrsn li{
	margin:10px 0px;
	border-bottom: 1px solid #373535;
}

#navrsn li ul {display: none;}

#navrsn li#active ul {display: block;}

#navrsn li.parent ul {display: block;}

#navrsn li#active {background-image: url(/images/layout/activebullet.gif); background-repeat: no-repeat; background-position: 0px 4px; text-align: right; padding-right: 0.5em;}

#navrsn li a,#navrsn li strong{
}

#navrsn li#active ul {text-align: left;}

#navrsn a{
	color:#373535;
	text-decoration:none;
}
#navrsn a:hover{
	color: #CC3300;
	text-decoration:none;
}
#navrsn li#active,
#navrsn li.parent{

	color:#373535;
	font-weight:bold;
}

#navrsn li.parent li,#navrsn li#active li{
	font-weight:normal;
		font-size: 0.85em;
}
#navrsn li.parent li#active{
	
}
#navrsn li.parent li.parent {
	border: none;
	 font-weight:bold;
}


#navrsn li.parent li.parent li#active{
	border: none;
	 font-weight:bold;
}

ul#host-nav
{
	margin:0px;
	padding:0px;
	list-style-type:none;
	width:133px;
}
ul#host-nav ul
{
	margin:0px;
	padding:0 0 0 0.5em;
	list-style-type:none;

}
ul#host-nav li{
	margin:10px 0px;
	border-bottom: 1px solid #373535;
}

#host-nav li ul {display: none;}

#host-nav li#active ul {display: block;}

#host-nav li.parent ul {display: block;}

#host-nav li#active {background-image: url(/images/layout/activebullet.gif); background-repeat: no-repeat; background-position: 0px 4px; text-align: right; padding-right: 0.5em;}

#host-nav li a,#host-nav li strong{
}

#host-nav li#active ul {text-align: left;}

#host-nav a{
	color:#373535;
	text-decoration:none;
}
#host-nav a:hover{
	color: #CC3300;
	text-decoration:none;
}
#host-nav li#active,
#host-nav li.parent{

	color:#373535;
	font-weight:bold;
}

#host-nav li.parent li,#host-nav li#active li{
	font-weight:normal;
		font-size: 0.85em;
}
#host-nav li.parent li#active{
	
}
#host-nav li.parent li.parent {
	border: none;
	 font-weight:bold;
}


#host-nav li.parent li.parent li#active{
	border: none;
	 font-weight:bold;
}

/*************HOME*****************/

/* HOME PAGE BOXES */

#content-home-inner {width: 594px; padding-top: 475px; background: url(/images/home-08/home-boxes-back.jpg) no-repeat center top; position: relative;}

#content-home #dare-intro { width: 200px; position: absolute; top: 35px; left: 25px; color: #fff; }

#read-more-link-home { display: block; width:200px; height: 28px; }
#latest-news-link-home { display: block; width:200px; height: 50px; }

#content-home #dare-intro h2 {color: #fff; font-size: 1em; line-height: 1.2em; font-weight: normal; width: 190px; border-bottom: 0px; background: none; margin-top: 0px;}

#content-home #dare-news-snips { color: #fff; font-size: 0.85em; position: absolute; top: 215px; left: 35px; width: 170px;}

#content-home #dare-news-snips p {margin: 0 0 15px 0;}

#content-home #dare-news-snips a {color: #fff;}

#main-home-ad { position: absolute; top: 0; right: 0;}

#content-home #sub-1, #content-home #sub-2, #content-home #sub-3, #content-home #sub-4 {width: 165px; height: 79px; padding: 10px; color: #efefef; font-size: 0.85em; line-height: normal; position: absolute; text-align: left;}

#content-home #sub-1 img, #content-home #sub-2 img, #content-home #sub-3 img, #content-home #sub-4 img {float: left; padding: 0 7px 0 0;}

#content-home #sub-1 p, #content-home #sub-2 p, #content-home #sub-3 p, #content-home #sub-4 p {margin: 0;}

#content-home #sub-1 a, #content-home #sub-2 a, #content-home #sub-3 a, #content-home #sub-4 a {color: #fff;}

#sub-1 { top: 227px; left: 211px;}
#sub-2 { top: 227px; left: 398px;}
#sub-3 { top: 328px; left: 211px;}
#sub-4 { top: 328px; left: 398px;}

#content-home #sub-text-home { padding: 0 20px 20px 20px; line-height: 1.7em; font-size: 0.9em; position: relative; }
#content-home #sub-text-home h3 {margin-bottom: 15px;}

#news-flash-highlight { color: #00FFFF;}

/* END HOME PAGE BOXES */

#homepage-ad {width: 120px; height: 600px; top: 2px; left: 637px; background: #000; border: 1px solid #666; position: absolute;}


.mapImage /*IE*/ {position: absolute; z-index: 150; right: -10px; top: 350px;}

#premier {width: 288px; height: 159px; float: right; background: url(/images/layout/premier.gif) center center no-repeat;}
.go {
	background: url(/images/go.gif) no-repeat;
	float: right;
	height: 56px;
	width: 54px;
	margin-left: 10px;
}
#innerContent2Col {background:url(/images/layout/stripey-strip.gif) repeat-y 381px top; float:left; width: 570px;}
#Left2Col {float: left; width: 351px; padding: 0 30px 0 0;}
#Right2Col {float: left; width: 169px; padding: 0 0 0 20px; text-align: center;}

#newsFlash { font-size: 0.85em; text-align: right; background: url(/images/newsflash-background.jpg) no-repeat right center; padding: 0 20px 7px 0; margin: 0 -20px 0 0;}
.impact {
	font-family: Impact, sans-serif;
	font-size: 1.7em;
	padding: 0 10px 0 0;
	color: #2C75B5;
}


.infoBoxHolder {position: relative; width: 150px; margin: 0 auto; padding: 0; text-align: left;}

.infoBoxMiddle {background:url(/images/layout/info-box-middle-RESIZED.gif) repeat-y;}

.infoBoxMiddleInner {padding: 10px 20px; color: #fff; line-height: normal; font-size: 0.85em;}

.infoBoxMiddle h4 /*IE*/ {margin: 1.1em 0 -0.5em 0; font-size: 0.8em;}
#content2Col .infoBoxMiddle a {color: #e08b53;}

.infoBoxBottom {background: url(/images/layout/info-box-bottom-RESIZED.gif); width: 150px; height: 22px;}

#newsBoxTop /*IE*/{width: 150px; height: 72px;}

#newsBoxTopLatestMedia /*IE*/{width: 150px; height: 20px;}

a.bonusButton {background:url(/images/layout/bonus-material.gif); width: 260px; height:79px; display: block;} 


/***********VACANCIES**************/


.vacancy_wrapper {width: 580px; float: left; clear: left;}
.vacancy_details {width: 290px; height: 230px; float: left; padding: 5px; border: 1px dashed #ccc; margin: 0px 10px 0px 0px; overflow: auto;}
.vacancy_contact {width: 250px; height: 230px; float: left; padding: 5px; border: 1px dashed #ccc; }

#vac_menu {float: right; background:url(/images/menu.jpg) 0px 0px no-repeat; width: 170px; height: 174px; padding: 40px 0px 0px 0px; margin: 0px 10px 0px 0px;}

#vac_menu a{width: 170px; height: 42px; display:block;}

/************ REASONS TO APPLY ***********/

#reason_menu {float: right; background: url(/images/menu2.jpg) 0px 0px no-repeat; width: 170px; height: 146px; padding: 80px 0px 0px 0px; margin: 0px 10px 0px 0px;}

#reason_menu a{width: 170px; height: 32px; display:block;}


/****************FAQ******************/

.questions {float: right; background:url(/images/questions.gif) center center no-repeat; width: 235px; height: 100px; margin: 0px 0px 0px 10px;}

/****************HOW TO APPLY******************/
.applynow {float: right; background:url(/images/apply-now.jpg) center center no-repeat; width: 250px; height: 270px; margin: 0px 0px 0px 10px;}

/****************Showcase******************/

.team_div {margin: 0px 0px 20px 0px;}

/********SPONSORS*************/

.sponsor_logo {padding: 0px 26px 22px 0px;}


/**********DIARIES****************/

.origdiary {width: 550px; color: #000; background-color: #ccc; border: 1px dashed #666; padding: 10px; height: 200px; overflow: auto; font-size: 0.85em;}

.subterms {
	list-style: lower-alpha;
}


/***********TERMS********************/

ol li {margin-bottom: 10px;}

/************ AWARDS ******************/

.awardsCont label  {
width: 200px;
float: left;
display: block;

}

.awardsCont p /*IE*/ {margin-bottom: -10px;}

.awardsCheckbox  {float: left; width: 300px; clear: left; margin-top: 20px;}

/***** PARTNER ******/

#partnerLink {background-image:url(/partnership/prospectus.gif); width: 230px; height: 358px; float: right;}

/* RSS */


.msnBack {
	background-image: url(/images/msn/chat-back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 15px;
	float: right;
	height: 182px;
	width: 196px;
}

#rss-feeds-home img {display: none; visibility: hidden;}

/************ MEDIA PLAYER ******************/

#mediaPlayer	{
	width:320px;
	height:320px;
	margin:0px;
	padding:0px;
	}
	
#videoRating	{
	position:absolute;
	top:231px;
	left:441px;
	width:126px;
	}
	
#mediaText	{
	position:absolute;
	top:50px;
	left:443px;
	width:120px;
	height:174px;
	overflow:auto;
	line-height:1.0em;
	}
	
#mediaText	p	{
	line-height:1.3em;
	}
	
table.mediaTable {margin: 10px 0 0 0;}
table.mediaTable td {text-align: center; font-size: 0.7em; border: 0;}
table.mediaTable th {text-align: center; font-size: 0.8em;}
#content table.mediaTable th {background: none; color:#2c5376; text-align: center;}
#content table.mediaTable th.day {border-right: 1px dotted #666;}

div.team_div h4 {margin: 0 0 3px 0; color: #fff; padding-left: 5px; font-size: 0.9em;border-top: none;
	border-left:none;
	border-right:none;
	border-bottom: solid 1px #fff;
	margin: 0px;
	padding: 2px;
	background:#3e71a2 url(/images/accordian-back.jpg) center top repeat-x;}

table#formTable th {background: none;}

.smaller {font-size: 0.85em;}



/*******************  Ragnarawk Page  *************************/

#rag-left {float: left; width: 357px;}
#rag-right {float: left; width: 208px; height:415px; background:url(/images/ragnarawk-side.jpg) no-repeat center top; position: relative; right: -10px; top: -67px;}

#rag-game { position: absolute; z-index: 200; width: 208px; height: 50px; top: 160px;}
#rag-vid { position: absolute; z-index: 200;  width: 208px; height: 80px; top: 220px;}
#rag-count { position: absolute; z-index: 100; top: 187px; left: 52px; color: #fff; font-size: 0.85em;}
#rag-art { position: absolute; z-index: 200; width: 208px; height: 80px; top: 315px; }
#rag-comments {position: relative; clear: left;}
#rag-bafta-pic { position: absolute; z-index: 300; top: 420px; text-align:center; font-size: 0.9em; font-style: italic;}

h2#rag-header { line-height: 1.1em; background: none;}