/* Reed Style Sheet for 6 Nations microsite
Created: 30 Dec 2009
Modified: Becky Bird
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	font-weight: normal;
	font-size: 1em;
	line-height: 1em;
	background: url(../images/background_top.jpg) #a9cafe top center no-repeat;
	width: 1006px;
	margin:0 auto;
	height: 100%;
}

a img {
	border: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	color: #00317a;
}

h2 {
	color: #3b3b3b;
}

h3, h2 {
	line-height: 1.2em;
}

#compClosed {
	position: absolute;
	top: 0;
	left: -10px;
	z-index: 20;
}

/***********/
/* colours */

a { color: #00317a; }
.blue { color: #00317a; }
.error { color: #a71300; }
#footer p, #footer a, #footer p a { color: #FFFFFF; } 
#main_inner { background-color: rgba(255,255,255,0.65) !important;  }
#nav p, #nav a, #nav p a { color: #00317a; }
#rssBox a, #rssBox p { color: #FFFFFF; }
#pageContent { color: #3b3b3b; }
#indexPage .button { border: 1px solid #999999; background-color: #ffffff; }
#indexPage #greenPanel .button { border: 1px solid #999999; background-color: #7fad61; }
#indexPage .button img { border: none; }
#aboutPage .linkPanel { border: 1px solid #999999; background-color: rgba(255,255,255,0.65) !important; background-color: #ffffff; }
#aboutPage .linkPanel li, #submit.button, #compUpdate.button, #compSubmit.button { background-color: #00317a; }

#submitHolder {
	background-color: #00317a;	
}

#passPage #passFormHolder { border: 1px solid #999999;background-color: rgba(255,255,255,0.65) !important; background-color: #ffffff;  } 

/* end of colours */
/******************/

/*********/
/* fonts */

p, li , dd, dt { font-family: Helvetica, Arial, sans-serif; font-size: 0.8em; color: #3b3b3b; line-height: 1.4em;  }
p {
	margin: 1em 0;
}
li p, dd p {
	font-size: 1em; line-height: 1em;
}
.strong { font-weight: bold; }
.upper { text-transform: uppercase; }
#rssBox a { text-decoration: underline; }
#indexPage .button p { color: #192209; font-size: 0.75em; }
#indexPage p.small { font-size: 0.7em; margin: 10px 0px 0px 0px; }
#indexPage #greenPanel .button p { color: #192209; font-size: 1.1em; line-height: 1.1em; }
#aboutPage .linkPanel ul { list-style: none; }
#aboutPage .linkPanel a, #submit.button, #compUpdate.button, #compSubmit.button { color: #ffffff; text-decoration: none; text-transform: uppercase; font-weight: bold; }

/* end of fonts */
/****************/

/**********/
/* images */

.imageReplace { /* Although styles relating to position, the class is only for images */
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	left:0;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	z-index:1;
}

#main { background-repeat:repeat-y; }
#rubgy_ball { background-repeat:no-repeat; background-position: bottom left; }

#rssBox img { border: none; }
#mainPage { background:  url(../images/background_bottom.jpg) bottom center no-repeat; }
#header { background-repeat: no-repeat; }

/* end of images */
/*****************/

/**********/
/* layout */

div.shunt {
	margin-top: 20px;
}

#mainPage { width: 1005px; position:absolute;  min-height: 746px; background-color: #a9cafe; height: auto !important; height: 746px; border:1px solid #00317a; }
#mainContent { padding: 0px 20px 51px 20px; top:5px; width: 965px; display: inline; }
#home_content { position: relative; }
#main { width: 885px; margin: 0px auto 90px auto; padding: 0 25px ; margin-top: 60px; z-index: 1; }
#main_inner { 
	width: 100%; 
	height: 100%; 
	position: relative;
	z-index: 1;
}
#pageContent {  
	padding-left: 66px; 
	padding-right: 17px; 
	padding-bottom: 15px;  
	min-height: 482px; 
	height: auto !important;
	height: 482px; 
	padding-top: 130px; 
	position: relative;
	z-index: 1;
}

#pageContent p {
	position: relative;
	z-index: 1;
}
#header { 
	height:204px;
	overflow: visible;
	left:0px;
	position:absolute;
	width:1006px;
	top: 6px; 
	z-index: 50;
}

#rubgy_ball { 
	bottom:-60px;
	left: 0px;
	height:207px;
	margin-bottom:77px;
	margin-top:-235px;
	position:relative;
	width:135px;
	z-index: 100; 
}

#nav { 
	display:block;
	float:right;
	position:absolute;
	top:0px;
	right: 15px;
	z-index:200; 
}

#nav p {
	padding: 0;
	margin: 0;
}

#rssBox { 
	float:right;
	position:relative;
	right:107px;
	height: 39px;
	z-index: 50;
	top: -4px;
}

#rssBox img { position:absolute; top:-7px; right: -50px; }

#rssBox p { 
	font-size: 1em;
}

#footer {
	background-color:#00317A;
	bottom:10px;
	left:0px;
	margin-top:0;
	padding-left:60px;
	padding-top:18px;
	position:relative;
	width:946px;
	margin-bottom: -18px;
}

#footer p {
	margin: 0; padding: 0;
}

a span { cursor: hand; cursor: pointer; }

#logo span.imageReplace, #logo a { height:98px; width:147px; }

#logo {	height:98px; position:absolute; width:147px; top: 30px; left: 40px; overflow:hidden; }
#logo p {	font-weight: bold; }
#roundelHolder {
	position: absolute;
	top: 17px;
	right: 0px;
	width: 183px;
	height: 190px;
}
#roundel { width: 183px; height: 190px; right: 0px; top: 17px; }
#roundel h3 {
	position: relative;
}
#roundel h3 a {
	width: 114px; height: 117px; display: block;
}
#logo a, #indexPage .button h3 a {
	position: relative;
	display: block;
}

#header p {
	margin: 0;
}

#header h3.title span.imageReplace { height:117px; width:114px; }
#header h3.title { height:117px; position:absolute; width:114px;  overflow:hidden; left: 38px; top: 37px; overflow:hidden; } 


#header h1.title span.imageReplace {  width:616px; height:93px;}
#header h1.title { height:93px; position:absolute; width:616px; left: 203px; top: 30px; overflow:hidden; line-height: 60px; font-size: 2.2em; }

#header h2.title span.imageReplace { height:43px; width:616px; }
#header h2.title { height:43px; position:absolute; width:616px; left: 203px; top: 123px; overflow:hidden; font-size: 1.1em; }

#indexPage h3 span.imageReplace, #indexPage .button h3 a { width:300px; height:38px;}
#indexPage h3 { height:38px; margin:10px 0; position:relative; width:300px; overflow:hidden; }

#indexPage #greenPanel h3 span.imageReplace, #indexPage .button h3 a { width:222px; height:55px;}
#indexPage #greenPanel h3 { height:55px; margin:10px 0 10px 0; position:relative; width:222px; overflow:hidden; }


#aboutPage h4 span.imageReplace { width:427px; height:52px;}
#aboutPage h4 { height:52px; position:relative; width:427px; overflow:hidden; }


#indexPage li span.team {
	font-weight: bold;
	color: #00317a;
}

.floatHolder { /* used for divs surrounding floating elements */
	position: relative;
	z-index: 10;
	height: auto !important;
	height: 1%;
}

.floatHolder:after {
	content:".";
	clear:both;
	height:0;
	visibility:hidden;
	display:block;
}


#indexPage .textLeft { width: 396px; float: left; }
#indexPage .button { float:left; padding:0 0 0px 10px; width:327px; margin:12px 0; position: relative; }
#indexPage #greenPanel .button { float:left; padding:0 0 0px 20px; width:387px; margin:12px 0; position: relative; }
#indexPage .button h3 { position: absolute; left: 0px; top: 0; }
#indexPage .button img { float: right; }
#indexPage .button div.desc { float: left; width: 199px; }
#indexPage #greenPanel .button div.desc { float: left; width: 199px; margin-bottom: -30px; }
#indexPage .panelHolder { float:right; position:relative; right:0; top:0px; width:347px; }
#indexPage .button p { 	margin-bottom: 7px;	margin-top: 50px;}
#indexPage #greenPanel .button p { 	margin-bottom: 7px;	margin-top: 0px; margin-right: 10px; }
#indexPage .button img.button3 { position: relative; top: 64px; right: 7px; }
#indexPage #greenPanel .button img.button3 { position: relative; top: -44px; right: -26px; }
#indexPage #greenPanel .button img.trophy { position: absolute; bottom: 13px; right: 0px; margin-bottom: -13px; }
#aboutPage { position: relative; top: 25px; margin-bottom: 25px; }
#aboutPage .linkPanel { width:448px; float: right; padding: 10px; }
#aboutPage .linkPanel ul { width:448px; padding: 0px; margin: 0px; }
#aboutPage .linkPanel li { display: block; float: left; background-repeat:no-repeat; width: 204px; margin: 5px 10px; }
#aboutPage .leftText { width: 322px; float: left; }
#aboutPage .leftText  p { margin-top: 0px; } 
#aboutPage .linkPanel li a { display: block; width: 100%; height: 100%;  }
#aboutPage .linkPanel li a span { display:table-cell; height:40px; line-height:1em; padding:4px 40px 0 14px; vertical-align:middle; }

#passPage #passInfo  { float: left; width: 355px; }
#passPage #passFormHolder { float: right; width: 390px; padding: 12px; }
#passPage { position: relative; top: 20px; margin-bottom: 20px; }

.twenty { width: 25%; float: left; height: 30px; }
.eighty { margin: 0px; width: 70%; float: right; margin-right:5%; height: 30px; }
.all { margin: 0px; width: 95%; float: right; margin-right: 5%; height: 30px; }
dd { margin: 0px 0px 15px 0px; }
dd input { width: 100%; }
#favTeam input { width: auto; }
#favTeam ul { padding-left: 0px; }
#favTeam ul li { margin-bottom: 20px; }
#favTeam ul li span.small { display: block; font-size: 0.8em; padding-left: 20px; }

#passPage #passFormHolder #plans { width: 100%; }
dd li { list-style: none; font-size: 1em; width: 150px; float: left; }
#passPage #passFormHolder #submit, #passPage #passFormHolder #submitHolder { margin: 0px; float: right; }

#submit.button, #compUpdate.button, #compSubmit.button { 
 height:38px;
width:204px;border:medium none;padding:0 0px 0 0px; background: none; cursor: pointer; margin: 0px;  }

#submitHolder {
background-repeat:no-repeat;

display:block;

height:38px;
width:204px;
cursor: pointer;	
}

#termsHolder {
	padding: 14px 20px;
	border:1px solid #999999;
	background-color: #ffffff;
	width: 792px;
	position: relative;
	left: -40px;
}

#wallpaperHolder {
	margin: auto;
	border:1px solid #999999;
	background-color: #ffffff;
	width: 600px;
	padding: 20px 40px;
	text-align: center;
}

#wallpaperHolder img {
	border: 1px solid #00317a; 
}

#wallpaperHolder p {
	font-size: 1em;
	font-weight: bold;
}

#termsHolder ol {
	padding-left: 45px;
	
}

#termsHolder ol li {
	font-weight: bold;
	color: #000066;
}

#termsHolder ol li p {
	font-weight: normal;
}

dt.plans {
 margin-top: 15px;
 margin-bottom:8px;
}


/* Competition specific */
/*****************/
p.deadline {
	font-size: 0.8em;
	font-weight: bold;
	color: #00317a;
	margin: 0;
}

p.deadline span.date {
	color: #000000;
}

#selectionTitle {
	position: relative;
	overflow: hidden;
}

#selectionTitle, #selectionTitle span.imageReplace {
	width: 269px;
	height: 44px;
}

#selectionTitle span.imageReplace {
	background-image: url(../images/competition/teamSelector.gif);

}

#forwards {
	position: relative;
	overflow: hidden;
}

#forwards span.imageReplace {
	background-image: url(../images/competition/forwards.gif);

}

#backs {
	position: relative;
	overflow: hidden;
}

#backs, #backs span.imageReplace, #forwards, #forwards span.imageReplace {
	width: 100px;
	height: 33px;
}

#backs span.imageReplace {
	background-image: url(../images/competition/backs.gif);

}


#selectionPitch {
	background: url(../images/competition/compPitchBackFinal.jpg) #b2c397 top center no-repeat;
	width: 434px;
	height: 580px;
	float: left;
	margin-left: -10px;
	position: relative;
	left:-30px;
	margin-bottom: 20px;
}

#selectionPitch p.notice {
	display:table-cell;
font-size:2.2em;
font-weight:bold;
padding:30px;
text-align:center;
vertical-align:middle;
}

#selectionPitch div.shirt {
	width: 70px;
	height: 75px;
	position: absolute;
}

#selectionPitch div#looseProp {
	top: 15px;
	left: 22px;
}

#selectionPitch div#hooker {
	top: 15px;
	left: 111px;
}

#selectionPitch div#tightProp {
	top: 15px;
	left: 203px;
}

#selectionPitch div#lockOne {
	top: 94px;
	left: 64px;
}

#selectionPitch div#lockTwo {
	top: 94px;
	left: 163px;

}

#selectionPitch div#blindFlank {
	top: 160px;
	left: 9px;
}

#selectionPitch div#openFlank {
	top: 160px;
	left: 219px;
}

#selectionPitch div#noEight {
	top: 180px;
	left: 111px;
}

#selectionPitch div#scrumHalf {
	top: 259px;
	left: 111px;
}

#selectionPitch div#flyHalf {
	top: 333px;
	left: 111px;
}

#selectionPitch div#leftWing {
	top: 466px;
	left: 9px;
}

#selectionPitch div#inCentre {
	top: 377px;
	left: 189px;
}

#selectionPitch div#outCentre {
	top: 421px;
	left: 272px;
}
#selectionPitch div#rightWing {
	top: 466px;
	left: 357px;
}

#selectionPitch div#fullBack {
	top: 500px;
	left: 111px;
}

#compExplain {
	float: left;
	position: relative;
	width: 335px;
	margin-bottom: 1em;
}

#compExplain p {
	padding-right: 50px;
}
#editorPic {
	z-index: 60;
	position: absolute;
	top: -10px;
	right: -60px;
}

#editorPic a, #editorPic {
	width: 151px;
	height: 185px;
	display: block;
}

#selectionBoard {
	width: 335px;
	padding: 14px 20px;
	border:1px solid #999999;
	background-color: #ffffff;
	float: left;
}

#compForm input.button {
	width: 204px;
	margin-right: 0px;
	margin-bottom:0px;
}

#compForm ol {
	padding-left: 20px;
	margin-left: 0px;
}

#compForm select {
	width: 130px;
}

#compFormSelects li {
	width: 150px;
	float: left;
	margin-bottom: 15px;
}

#compForm li.alternate {
	margin-right: 15px;
}

#compForm label {
	display: block;
	font-size: 1.1em;
	font-weight: bold;
}

#compForm #compSubmit {
	
	
}

#selectNotice {
	font-size: 1.1em;
	font-weight: bold;
	padding-left: 10px;
	margin: 15px 0 10px 0;
}
#selectNotice p { margin: 0px; }
#tips_content #selectionPitch {
	display:table;
left:0;
margin-bottom:25px;
margin-right:15px;
top:15px;
}

#tipsContent {
	background-color:#FFFFFF;
border:1px solid #999999;
margin-right:38px;
padding:10px 40px 10px 30px;
width:auto;
margin-bottom:31px;
}

#paulsTips {
	position: relative;
}

#tipsContent {
	
}

/* end of layout */
/*****************/



/***********************************************************************/
/* The following is a list of id names which exist within the site,    */
/* please do not set any styles here, it is for reference only         */

/* temp.php *//*
#mainPage {}
#mainContent {}
#home_content {}
#main {}
#main_inner {}
#pageContent {}
#header {}
#roundel {}
#logo {}
#rubgy_ball {}
#nav {}
#rssBox {}
#footer {}*/

/* index.php *//*
#indexPage {} */

/* make-your-selection.php *//*
#selectContent {} */

/* about-reed.php *//*
#aboutPage {} */


/***********************************************************************/
/* The following is a list of class names which exist within the site, */
/* please do not set any styles here, it is for reference only         */
/*

.floatHolder {}
.title {}
.imageReplace {}


/* index.php *//*
.textLeft {}

*/