/*	Ref World
	Screen Stylesheet */
	@import url("reset.css");

/*	HTML */
	body { font: 62.5%/150% Verdana, Arial, sans-serif; }
	ol, ul { list-style-position: outside; }
	li { margin-left: 2em; }
	ol li { list-style-type: decimal; }
	ul li { list-style-type: disc; }
	strong { font-weight: bold; }
	
	a { color: #c00; }
	a:hover { color: #000; }
	th a.colapse { color: #FFF !important; }
	th a { color: #CC0000 !important; }
	
	table.data { margin: 0px; padding: 0; } 
	table.data th, table.data td { padding: 3px 5px; }
	table.data th { color: #FFF; text-align: left; font-weight: bold; background: #a30204 url(../gfx/template/th.gif) center top repeat-x; }
	table.data td { background: #f5f5f5; border-top: 1px solid #fff; }
	table.data tr.alt td { background: #eaeaea;}
	
	table.file { margin: 0px; padding: 0;border-left: 1px solid #ccc;} 
	table.file th, table.file td { padding: 3px 5px;}
	table.file th { color: #FFF; text-align: left; font-weight: bold; background: #a30204 url(../gfx/template/th.gif) center top repeat-x; }
	table.file td { background: #f5f5f5; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
	table.file tr.alt td { background: #eaeaea;}

	h2 { font-weight: bold; text-transform: uppercase; }
	h2.spaced { margin-top: 1em !important; }
	h2 a { text-decoration: none; color: #000; }
	h3 { font-weight: bold; text-transform: uppercase; color: #C00; font-size: 0.9em; }
	.article h3 { font-size: 1.2em; }
	.article h4 { font-weight: bold; color:#c00; font-size: 1.1em; }
	hr { border: none; border-bottom: 1px solid #e0e0e0; padding: 0 0 0 0; height: 1px; clear: both; }
		
/*	Classes */
	.left { float: left; }
	.right { float: right; }
	.clear { clear: both; }
	.regular { font: 1em/1em Verdana, sans-serif; }
	.new { text-transform: uppercase; color: #d80011; font-weight: bold; }
	.boxout { margin: 10px 10px 0 0; width: 260px; }
	.boxout2 { margin: 0 0 0px 10px; width: 260px; float: right;}
	.caption { color: #7f7f7f; font-size: 0.9em; margin: 0; }
	a.viewall { display: block; color: #595959; text-decoration: none; font-weight: bold; background: url(../gfx/template/bullet_red.gif) left center no-repeat; padding-left: 10px; margin-left: 20px; } 
	.indent { margin-left: 5px !important; margin-right: 5px !important; }
	dd.feed { width: 100%; overflow: hidden; }
		dd.feed a { float: left !important; width: 120px !important; }
		dd.feed a.feed { float: right !important; width: 14px !important; }
		dd.feed a.feed img { padding-top: 4px; }
	img.border { border: 1px solid #000; }
		
/*	Article Tools */
	#article_tools { width: 100%; position: relative; border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; padding: 5px 0; margin: 5px 0 10px; }
		.tools { width: 100%; overflow: hidden; margin: 0 !important; }
		.tools li { float: left; display: block; list-style: none outside; margin: 0; padding: 0; }
		.tools li a { padding: 5px; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 0.9em; }
		
		#hidden_social, #hidden_form { background: #FFF; border: 1px solid #CCC; position: absolute; bottom: 1em; left: 5em; padding: 10px; }
		#hidden_form { left: 6em; bottom: 6em; }
		
		#hidden_social li { display: block; list-style: none outside; margin: 0; padding: 0; width: 15em; }
		#hidden_social li a { display: block; text-decoration: none; color: #333; padding: 2px 0; }
		#hidden_social li a:hover { color: #c00; }
		
		#hidden_form legend { display: none; }
		#hidden_form fieldset { width: 332px; }
		#hidden_form ul li { display: block; list-style: none outside; overflow: hidden; width: 100%; padding: 0; margin: 0; }
		#hidden_form ul li label { float: left; width: 160px; }
		#hidden_form ul li input { width: 150px; }
		#hidden_form p.submit { margin: 0; float: right; }
		#hidden_form a.close { position: absolute; right: 10px; top: 10px; height: 15px; width: 15px; overflow: hidden; text-align: center; line-height: 15px; border: 1px outset #dfdfdf; background: #dfdfdf; font-size: 1.2em; text-decoration: none; color: #000; }
		#hidden_form a.close:hover { border-style: inset; }
				
/*	Base Layout */
	body { background: #e2a7a7 url(../gfx/template/body_bg.gif) center top repeat-x; }
	#skip { position: absolute; top: -10em; }
	#wrapper { width: 957px; margin: 0 auto 0; padding: 9px 0 0; }
	#header { background: url(../gfx/template/header2_bg.gif) center top no-repeat; height: 121px; position: relative; }
	#bar { background: #FFF url(../gfx/template/bar_bg.png) center top no-repeat; padding: 0 10px; border-bottom: 3px solid #FFF; border-top: 3px solid #FFF; overflow: auto; width: 937px; }
	#main { background: #FFF; padding: 0 10px; width: 937px; position: relative; overflow: hidden; }
		#main .right { position: relative; overflow: hidden; width: 775px; }
		#subheader { width: 775px; height: 99px; position: relative; background: url(../gfx/template/subheader_bg.png) 0 0 no-repeat; }
		#subheader_login { width: 515px; height: 63px; position: relative; background: url(/images/refworld_youare.jpg) 0 0 no-repeat; }
		#ask-a-ref { margin: 5px 0 0; width: 775px; position: relative; overflow: hidden; background: url(../gfx/template/subheader_bg.png) 0 0 repeat-y; }
		#content { width: 480px; padding: 10px 15px 10px 17px; float: left; }
		#content_questions { width: 753px; padding: 10px 15px 10px 17px; float: left; }
		#sidebar { width: 260px; float: right; }
		#sidebar_left { width: 260px; float: left; padding: 10px 10px 0 17px; }
		#sidebar_left2 { width: 215px; float: left; padding: 10px 10px 0 0; }
		#nav { width: 159px; }
	#footer { clear: both; }

/*	Content */
	#main { font-size: 1.1em; line-height: 1.4em; }k
	#main h1, #main h2, #main h3, 
	#main p, #main blockquote, #main ol, #main ul { margin: 0 0 1em; }
	#content h1 { text-align: left;  }
	#content p { text-align: justify; }

	#content blockquote { 
		width: 200px;
		float: right;
		margin: 10px;
		padding: 10px 10px 10px 40px;
		border-top: 1px solid #ccc;
  	border-bottom: 1px solid #ccc;
		background:#F3F3F3 url(/images/blockquote.gif) no-repeat 0px 12px;
	}

/* Homepage Tabs */

#homepagetabs #box1, #homepagetabs #box2 {
	background: #F3F3F3;
	border-bottom: 1px solid  #ccc;
	border-right: 1px solid  #ccc;
	border-left: 1px solid  #ccc;
	float:left;
	min-height: 310px;
  width: 256px;
	}
	
		
#homepagetabs #topic {
	padding: 5px 11px 5px 12px !important;
	font-weight: bold;
	border: 1px solid  #ccc;
	float:left;
	background: #F3F3F3;
	text-decoration: none;
	width: 233px;
	}
		
#homepagetabs p, #homepagetabs li  {
	padding: 5px 5px 5px 30px;
	}
	
#homepagetabs a.not_active {
	background: #333333 !important;
	color: #ffffff;
	}
	
	#homepagetabs a.not_active:hover {
		color: #ccc;
		text-decoration: none;
		}
	
	#homepagetabs cite {
		padding: 0 0 0 30px;
		}
		
/*	Header */

	#header #logo { width: 315px; height: 52px; background: url(../gfx/template/logo_small_bg.gif) 0 0 no-repeat; position: absolute; left: 612px; top: 46px; overflow: hidden; text-indent: -1000em; }
	
	#header #logo1 { width: 54px; height: 52px; background: url(../gfx/template/logo_football_league.gif) 0 0 no-repeat; position: absolute; left: 612px; top: 46px; overflow: hidden; text-indent: -1000em; }
	#header #logo2 { width: 42px; height: 52px; background: url(../gfx/template/logo_fa.gif) 0 0 no-repeat; position: absolute; left: 667px; top: 46px; overflow: hidden; text-indent: -1000em; }
	#header #logo3 { width: 57px; height: 52px; background: url(../gfx/template/logo_premier_league.gif) 0 0 no-repeat; position: absolute; left: 709px; top: 46px; overflow: hidden; text-indent: -1000em; }
	#header #logo4 { width: 160px; height: 52px; background: url(../gfx/template/logo_text.gif) 0 0 no-repeat; position: absolute; left: 766px; top: 46px; overflow: hidden; text-indent: -1000em; }
	
	#header #ref_logo { width: 373px; height: 79px; background: url(../gfx/template/ref_logo.gif) 0 0 no-repeat; position: absolute; left: 42px; top: 40px; overflow: hidden; text-indent: -1000em; }
	#header img { display: none; }
	
/*	Bar */
	#bar form { padding: 5px; }
	#bar form fieldset { border: none; float: left; }
	#bar form legend { display: none; }
	#bar form label { float: left; color: #FFF; padding: 2px 4px 0; }
	#bar form input { background: #FFF; float: left; margin: 0 5px 0 0; border: 1px solid #bdc7d8; color: #666; font: 1.1em/1em Verdana, sans-serif; padding: 3px 5px; }
	#bar a { font-size: 1.1em; color: #FFF; text-decoration: none; padding: 0; line-height: 2em; float: left; }
	#bar a:hover { text-decoration: none;}
	#bar form .button { display: inline; border: none; background: none; cursor: pointer; color: #FFF !important; overflow: hidden; text-indent: -100em; }
	
	#bar #login { float: left; }
		#bar #login .button { background: url(../gfx/template/button_login.gif) 0 0 no-repeat; width: 58px; height: 22px; }
	#bar #search { float: right; }
		#bar #search .button { background: url(../gfx/template/button_look.gif) 0 0 no-repeat; width: 58px; height: 22px; }
		#bar #search label { display: block; float: left; background: url(../gfx/template/search.gif) left center no-repeat; width: 70px; padding: 3px 5px; margin: 0; overflow: hidden; text-indent: -1000em; text-align: left; }

	#bar p { float: left; line-height: 2em; color: #FFF; font-size: 1.1em; }
	#bar .right { float: right; }
	#bar .right a { float: none; padding-left: 10px; }

	.bar { background: url(../gfx/template/bar2_bg.png) 0 0 no-repeat; width: 775px; height: 32px; margin: 3px 0 0; }
	.pagination { width: 760px; padding-left: 15px; clear:left; }
	.pagination span, .pagination a { text-decoration: none; display: block; float: left; line-height: 22px; padding: 5px; color: #FFF; font-size: 1.1em; }
	.pagination span { font-weight: bold; line-height: 22px; padding: 0; margin: 5px 5px 0; color: #F00; }
	.pagination a:hover { color: #F00; }
	
	.pagination select { float: right; height: 22px; margin: 4px; }
	
/*	Navigation */
	#nav { font: 1em/1.9em Verdana; }
	#nav dl, #nav dl dt, #nav dl dd { margin: 0; }
	#nav dl a { display: block; width: 149px; color: #000; text-decoration: none; padding: 0 5px; }
	#nav dl a:hover { color: #999; }
	#nav dl dt { background: #e4e3e3; text-transform: uppercase; font-weight: bold; text-indent: 5px; }
	#nav dl dt a { padding-left: 0; }
	#nav dl.extra { background: #e4e3e3; }
	#nav dl.extra dt a { color: #d80011; }
	#nav dl dd a.current { color: #FFF !important; background: #d80011; }
	#nav dl dt a.current { color: #FFF !important; background: #7e0008 url(../gfx/template/nav_current.gif) right center no-repeat; }
	#nav dl dd dl dd { padding: 0 0 0 10px; }
	#nav dl dd dl dd a.current { background: none; color: #f00 !important;  }
	
/*	Subheader  */
	#subheader p.section { margin: 0; font: 1.8em/1em Arial; color: #bdbbac; text-transform: uppercase; margin-left: 20px; padding-top: 25px; }
	#subheader h1 { margin: 0; font: 3em/1em "Arial Black", Arial; color: #FFF; text-transform: uppercase; margin-left: 20px; }

/*	Ask A Ref */
	#ask-a-ref .thisweek { width: 49%; padding: 25px 0 25px; }
	#ask-a-ref .thisweek img { float: left; padding: 5px; border: 1px solid #CCC; background: #FFF; margin: 0 20px 0 40px; }
	#ask-a-ref .thisweek h2 { margin: 0; font: 1.8em/1em Arial; color: #bdbbac; text-transform: uppercase; margin-left: 20px; }
	#ask-a-ref .thisweek h2 .referee { font: 1.1em/1em "Arial Black", Arial; color: #FFF; text-transform: uppercase; display: block; }
	#ask-a-ref .thisweek h2 .referee a { font: 1em/1em "Arial Black", Arial; color: #FFF; text-transform: uppercase; display: block; }
	#ask-a-ref .ask { width: 50%; padding: 25px 0 25px; position: relative; color: #FFF; }
	#ask-a-ref .ask label { float: left; color: #FFF; margin-right: 10px; }
	#ask-a-ref .ask textarea { float: left; width: 240px; height: 7.8em; font: 1.1em/1.3em Verdana; color: #666; }
	#ask-a-ref .ask .button { width: 58px; padding-left: 58px; position: absolute; bottom: 25px; right: 10px; height: 22px; background: url(../gfx/template/button_ask.gif) 0 0 no-repeat; }
	#ask-a-ref #thanks a { color: #FFF; }

	#referee { padding: 25px 40px; }
	#referee img { float: left; padding: 5px; border: 1px solid #CCC; background: #FFF; display: block; margin-bottom: 10px; }
	#referee h2 { padding: 0; margin: 0 0 10px; font: 1.8em/1em Arial; color: #c00; text-transform: uppercase; margin-left: 110px; }
	#referee h2 .referee { font: 1.66em/1em "Arial Black", Arial; color: #000; text-transform: uppercase; display: block; }
	#referee h2 .referee a { font: 1em/1em "Arial Black", Arial; color: #000; text-transform: uppercase; display: block; }
	#referee p { margin: 0; margin-left: 110px; }
	
/*	Article */ 
	.area {float: left;}
	.article_right { float: right; padding: 10px 17px 10px 10px; width: 458px;}
	.article_right2 { float: left; padding: 10px 0 10px 10px; width: 245px;}
	.article h2, .article h1 { padding: 0; margin: 0 0 10px !important; font: 1.7em/1em Arial; font-weight: bold; color: #d80011; text-transform: uppercase; }
	.article h2 span, .article h1 span { font: 1.66em/1em "Arial Black", Arial; color: #000; text-transform: uppercase; display: block; }
	
	.prevnext { overflow: hidden; margin: 10px 0; }
	.prev { float: left; }
	.next { float: right; }

/*	Footer */
	#footer { padding: 3em 0 0; font-size: 1em; text-align: center; }
	#footer a { color: #000; text-decoration: none; }
	#footer a:hover { text-decoration: underline; }

/*	Bottom */
	#bottom { width: 957px; height: 19px; background: url(../gfx/template/footer_bg.png) center bottom no-repeat; behavior: url(css/iepngfix.htc); }
	* html #bottom { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='/gfx/template/footer_bg.png'); }

/*	Forms */
	form legend { height: 0px; overflow: hidden; visibility: hidden; }
	form ol li { width: 100%; margin: 0; overflow: hidden; list-style: outside none; padding-bottom: 1em; }
	form li label { font-weight: bold; float: left; width: 15em; text-align: right; margin-right: 1em; line-height: 2em; }
	form li input, form li textarea, form li select { font-size: 1em; font-family: Verdana; border: 1px solid #bec7d8; padding: 3px; color: #7f7f7f; }
	form li select { padding-left: 0; }
	form li.inline { padding: 0.5em 0 0; }
	form li.inline label { font-weight: normal; text-align: left; width: 100%; line-height: 1.4em; margin: 0; float: none; }
	form li.inline input { margin: 0 5px 0 0; border: none; padding: 0; float: left; }
	.button { margin: 0; display: block; border: none; text-indent: 1000em; cursor: pointer; color: #FFF !important; overflow: hidden; background-position: 0 0; background-repeat: no-repeat; } 
	.calendar .button { color: #000 !important; text-indent: 0; display: table-cell; overflow: auto; }
	
	#register { position: relative; }
	#register #register_agree { width: 300px; position: absolute; right: 10px; bottom: 50px; background: #ccc; padding: 10px; margin: 0; }
	#register #register_agree p { margin: 0; }
	#register .button { margin: 0 0 0 auto; padding-left: 116px; background-color: #FFF; background-image: url(../gfx/template/button_register.gif); width: 116px; height: 22px; } 
	#register #login { margin: 0 0 0 auto; padding-left: 116px; background-color: #FFF; background-image: url(../gfx/template/login_now.jpg); width: 116px; height: 22px; float:left;} 
	#register.myaccount .button { margin: 0 0 0 auto; padding-left: 116px; background-color: #FFF; background-image: url(../gfx/template/button_submit.gif); width: 60px; height: 22px; } 
  #register .buttons_box{width: 268px; padding-left: 202px;}
/*	Item Divisions */
	.item { border: 1px solid #CCC; margin: 3px 0 0; padding: 10px; height: auto; width: auto; overflow: hidden; position: relative; }
	.wide { width: 753px; }
	.wide .left { border-right: 1px solid #CCC; margin-right: 10px; }
	.wide .right { width: 575px !important; float: left; }
	.wide .button { margin: 0 0 0 auto; background-color: #FFF; background-image: url(../gfx/template/button_view.gif); width: 58px; height: 22px; } 
	.referee { position: relative; }
	.referee img { width: 80px; float: left; margin: 0; padding: 5px; border: 1px solid #CCC; background: #FFF; display: block;  }
	.referee .info { float: left; margin-left: 50px; width: 425px; padding-right: 25px; border-right: 1px solid #CCC; }
	.referee .info th { padding: 0.25em 2em 0.25em 0; }
	.referee .info td { padding: 0.25em 0; text-align: justify; }
	.referee .info a { font-weight: bold; color: #e65964; text-decoration: none; font-size: 1.1em; }
	.referee .info a:hover { text-decoration: underline; }
	.referee .buttons { float: left; padding: 0 0 0 20px; }
	.referee .button { margin-top: 5px; background-color: #FFF; line-height: 10000px; background-image: url(../gfx/template/button_view-profile.gif); width: 130px; height: 22px; }
		.referee .button .questions { background-image: url(../gfx/template/button_view-questions.gif); width: 122px; height: 22px; }
	.referee #ask.button { background-image: url(../gfx/template/button_ask-question.gif); } 
	.referee #view.button { background-image: url(../gfx/template/button_view-question.gif); } 
	.sponsors { height: 112px; position: relative; }
	.sponsors .left { border-right: 1px solid #CCC; margin-right: 40px; }
	.sponsors .right { width: 545px !important; float: left; } 
	.sponsors .name { font: 1.8em/1em "Arial Black", Arial; text-transform: uppercase; margin: 35px 0 0 !important; }
		.sponsors .name a { color: #000000; text-decoration: none; font-weight: bold; }
	.sponsors .title { font: 1.4em/1em "Arial Black", Arial; color: #d80011; letter-spacing: -1px; text-transform: uppercase; margin: 0 !important; }
		.sponsors .title a { color: #d80011; text-decoration: none; font-weight: bold; }
	.sponsors .button { position: absolute; right: 10px; top: 50px; background-color: #FFF; line-height: 10000px; background-image: url(/gfx/template/button_view-profile.gif); width: 128px; height: 22px; } 
	.link { height: 56px; }
	.link .name { margin: 13px 0 0 !important; font-size: 1.2em; }
	.link .title { font-size: 0.9em; letter-spacing: 0; margin-top: 2px !important; }
	.flow { height: auto; border: none; }
	.flow .left { border: none; margin-right: 30px; float: left }
	.flow .right { float: left; }
	.flow p { margin: 10px 0 0 !important; }
	.question p { padding-left: 5px; padding-right: 5px; }
	.question .user { color: #FFF; margin: 0; background: #990000; padding: 5px; line-height: 1em; font-weight: bold; font-size: 1.1em; }
	.question .answer { font-weight: bold; }
	.training h2 { padding: 0 0 0 85px; margin: 0 0 10px !important; font: 1.8em/1em "Arial Black", Arial; font-weight: bold; color: #000; text-transform: uppercase; }
	.training p { padding: 0 0 0 85px; }
	.training .week { left: auto; color: #FFF; text-transform: uppercase; margin: 0; padding: 0; background: #990000; padding: 5px; line-height: 1em; font-weight: bold; font-size: 1.1em; }
	.pad { margin: 0 !important; position: absolute; left: 10px; top: 45px; background: url(../gfx/template/pad_bg.gif) 0 0 no-repeat; text-align: center; padding: 18px 0 0 !important; width: 65px; height: 60px; color: #999; font: 1.2em/1em "Arial Black", Arial; text-transform: uppercase; }
	.pad span { color: #F00; font-size: 3em; line-height: 0.75em; font-weight: bold; }
	.weekpad { position: relative; left: auto; top: auto; float: right; }
	.training .button { margin: 0 0 0 auto; background-color: #FFF; line-height: 10000px; background-image: url(../gfx/template/button_view-routine.gif); width: 128px; height: 22px; } 

/*	Box */
	.box { background: #FFF; padding: 2px; border: 1px solid #CCC; margin-bottom: 1em; }
	.box fieldset { background: #f5f5f5; padding: 5px; }
	.box legend { display: none; }
	.box input { margin: 0; }

/*	News Stories */
	#content_full { width: 741px; padding: 10px 17px; float: left; text-align: justify;}
	#mainstory { height: 308px; width: 514px; overflow: hidden; position: relative; }
	#mainstory h1 { font: 2.4em/1em "Arial Black", Arial; color: #FFF; width: 400px; float: none; margin: 0; }
	#mainstory div.story { border: 0; position: absolute; bottom: 0; left: 0; z-index: 2; padding: 15px 25px; width: 464px; margin: 0; background: #000; background: url(../gfx/template/mainstory_bg.png) 0 0 repeat; // background-image: none; // filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../gfx/template/mainstory_bg.png,sizingMethod='scale'); }
	#mainstory #more { position: absolute; bottom: 10px; left: 444px; z-index: 3; } 
	#mainstory .button { position: absolute; right: 10px; bottom: 10px; background-image: url(../gfx/template/button_more.gif); width: 58px; height: 22px; } 
	
	.story { float: left; width: 238px; overflow: hidden; padding: 0 12px 0 0; margin: 3px 0 3px; text-align: left; }
	.story h1 { font-weight: bold; margin: 10px 0 0 0 !important; text-transform: uppercase; }
	.story h1 a { display: block; color: #000; text-decoration: none; font-weight: bold;}
	.story p { margin: 0.5em 0 0 !important; text-align: justify; clear: both;}
	.story img { width: 100px; float: left; margin: 0 5px 0 0; }
	
	.border { border-top: 1px solid #ccc; clear: both; }
	.bordertop { border: none; margin: 0; }
	
	.r { padding-left: 14px; }
	
	.storylist h2 { font: 1em/1em Verdana, sans-serif; font-weight: bold; text-transform: uppercase; }
	.storylist ul li, ul.lightlist li { background: url(/images/bullet.gif) left center no-repeat; list-style: none outside; padding: 2px 0 2px 20px; }
	.storylist ul li a, ul.lightlist li a { color: #595959; text-decoration: none; }
	ul.lightlist li { background: url(/images/bullet_text.gif) left center  no-repeat; }
	
	.storylist ul li.text { background: url(/images/bullet_text.gif) left center no-repeat; }
	.storylist ul li.audio { background: url(/images/bullet_audio.gif) left center no-repeat; }
	.storylist ul li.video { background: url(/images/bullet_video.gif) left center no-repeat; }

	.shortstory { width: 258px; overflow: hidden; border-bottom: 1px solid #ccc; padding-bottom: 3px; margin-bottom: 3px; }
	.shortstory img { float: left; width: 100px; overflow: hidden; }
	.shortstory p { float: right; width: 153px; font-weight: bold; }
	
	.prevnext { text-align: center; }

/*	Counter */
	#countdown { background: #000; color: #FFF; margin-bottom: 3px; }
	#countdown h2 { text-align: center; font-size: 1.2em; padding: 5px 0 5px; margin: 0; }
	#countdown h2 span { color: #f00; }
	#counter table { border-left: 2px solid #000; border-bottom: 2px solid #000; margin: 0 auto; }
	#counter table td { border-right: 2px solid #000; border-top: 2px solid #000; text-align: center; font-size: 0.75em; text-transform: uppercase; }
	#counter .numbers td { background: #a73a4f; font-size: 2.5em; padding: 5px; font-family: Arial; }

/*	Laws of the Game */
	#lawsofthegame {width: 228px; padding: 15px; color: #FFF; background: #3d3c3e url(../gfx/template/laws_bg.gif) left bottom repeat-x; } 
	#lawsofthegame_copy  { padding: 1px 25px 0 25px; margin: 0; background: url(../gfx/template/laws_p_bg.gif) 0 0 no-repeat;}
	#lawsofthegame p {  font-size: 1.4em; line-height: 1.3em; font-weight: bold; font-family: Arial, sans-serif; margin: 0 0 0 0;  padding-left:5px !important;}
	#lawsofthegame cite { padding-top: 20px; margin: 0; display: block; background: url(../gfx/template/laws_cite_bg.gif) 0 0 no-repeat; font-style: normal; text-transform: uppercase; text-indent: 25px; font-size: 0.8em; font-weight: bold; font-family: Verdana, sans-serif; } 

/*	Training & Fitness */
	.trainingfitness table.tdtopline { width: 100%; margin-top: 3px; }
	.trainingfitness table.tdtopline td { border-top: 1px solid #CCC; padding: 3px 5px; }
	.trainingfitness table.tdtopline td img { float: right; }
	.trainingfitness .storylist { border: none !important; padding: 0 !important; margin: 0; }

/*	Exercise of the Month */
	.exerciseofthemonth img { width: 258px; }
	#wrapper #main #content.exercise .main_image img { width: 483px !important; }
/*	Templates */ 

	/* Template Backend */
	.template_backend_1 #content { width: 739px; right: 0; } 
	.template_backend_2 #sidebar { padding: 10px 0 0; } 

	/* Template Home */ 
	.template_home #content { padding: 0; width: 514px; }	
	.template_home #content .storylist { padding: 10px 0 0 0;  }
	.template_home #imagelinks a { margin: 0; }
	.template_home #imagelinks a img { display: block; margin: 3px 0; }

	/* Template 01 */
	.template_01 #sidebar { margin-top: 3px; }
	
	/* Template 02 */
	.template_02 #sidebar { margin-top: 3px; }
	
	/* Template 03 */
	.template_03 #content { width: 775px; right: 0; padding: 0; }
	
	/* Template 04 */
	.template_04 #sidebar,
	#sidebar.top_margin { margin-top: 3px; }
	
	/* Template 05 */
	.template_05 #content { width: 775px; right: 0; padding: 0; }
	
	/* Template 06 */
	
	/* Template 07 */
	.template_07 #content { width: 739px; right: 0; margin-top: 1px; border: 1px solid #CCC; }
	
	/* Template 08 */
	.template_08 #content { padding: 0; width: 514px; }
	.template_08 #content h1,
	#content h1.week_highlight { margin: 5px 0 0; background: #c00; color: #FFF; text-transform: uppercase; padding: 0 0 0 20px; font-size: 1.1em; font-weight: bold; line-height: 2em; }
	.template_08 #sidebar { padding: 10px; width: 238px; }
	
	/* Template 09 */
	
	/* Template 10 */
	
	/* Template 11 */
	
	/* Template 12 */
	.template_12 #content { width: 775px; right: 0; padding: 0; }
	
	/* Template 13 */
	.template_13 #content,
	.template_13 #sidebar { margin-top: 3px; padding: 0; }
	.template_13 #content { width: 514px; }
	.template_13 #sidebar { }
	
	/* Template 14 */
	.template_14 #content,
	.template_14 #sidebar { margin-top: 3px; }




/*** Admin ***/
#sf_admin_content {
  width:100%;
  margin-right: 0 !important;
}

#sf_admin_container .sf_admin_list{
  width:99%;
}

#sf_admin_container .sf_admin_list th {
  background-color:#10175F;
  color: #FFF;
  padding:4px;
  text-align:left;
}

#sf_admin_container .sf_admin_row_1 td {
  background-color:#EDEDF3;
}

#sf_admin_container ul.sf_admin_td_actions {
  list-style-type:none;
}

#sf_admin_container ul.sf_admin_td_actions li {
  display:inline;
  list-style-type:none;
}

#sf_admin_container .sf_admin_actions{
  text-align: right;
}

#sf_admin_container .sf_admin_actions_custom{
  text-align: right;
  vertical-align:top;
  overflow:hidden;
}


#sf_admin_container ul.sf_admin_actions_custom {
  list-style-type:none;
  margin:0;
  padding:0;
  text-align:right;
}

#sf_admin_container ul.sf_admin_actions_custom li {
  display:inline;
  list-style-type:none;
}

#sf_admin_container ul.sf_admin_actions_custom input,img {
  border-style: none;
  margin:0;
  padding:0;
  vertical-align:top;
}

#sf_admin_container .save-ok h2 {
  background:#73B65A url(../images/ok.png) no-repeat scroll 5px 2px !important;
  font-size:11px;
}

#sf_admin_container fieldset h2 {
  background:transparent url(../gfx/template/bar2_bg.png) no-repeat scroll 0 0 !important;
  color:#FFFFFF !important;
  height:32px;
}

#sf_admin_container .sf_admin_list th {
background: #A30204 url(../gfx/template/th.gif) repeat-x scroll center top !important;
padding:2px;
color:#FFFFFF;
text-align:left;
}

#sf_admin_container textarea {
  width:95%;
}

ul.role {
	margin: 2px 0 !important;
	height: 22px;
	}
ul.role img {
vertical-align:middle !important;
	 }
	 
ul.role li {
	list-style: none;
	display: block;
	float: left;
	margin: 0;
	background: #e4e2e3;
		}
ul.role li a {
	color: #010101 !important;
	padding:  3px 3px 0 3px !important;
	font-weight: bold;
	text-decoration:none;
	width: 79px;
	border-left: 1px solid #FFF;
	height: 20px;
	float: left;
	}
ul.role li.active a {
	background: #990002;
	color: #fff !important;
	font-weight: bold;
	text-decoration:none;
	}
  ul.role li a:hover {
  	background: #990002;
  	color: #fff !important;
  	font-weight: bold;
  	text-decoration:none !important;
  	}
#box_to_update {
	 }
#box_to_update table {
 width: 100%;
 }
#box_to_update table {
	border-collapse:collapse;
	}
#box_to_update  tr.top td {
	color:#000;
	font-size: 11px;
	text-transform: uppercase !important;
	}
#box_to_update  td.header {
	font-weight: bold;
	}
#box_to_update  td {
	font-size:10px;
	padding: 6px 3px;
	color: #595959;
	}
p.heading {
	margin: 0;
	color: #000;
	text-transform:uppercase;
	margin: 0 !important;
	font-weight: bold;
}

.league_table{
  margin-bottom: 0px;
  width: 100%; 
	}
	
.league_table a{
text-decoration:none;
color: #666;
	}
	
.league_table a:hover{
text-decoration:underline;
color: #333;
	}
	
	.league_table .row_red {
		background: #d80011;
	}
tr.row_red p  {
padding: 5px;
color: #fff;
text-transform:uppercase;
margin: 0 !important;
font-weight: bold;
}
.league_table .row_dark {
		background: #ccc;
		}
.row_dark th, .row_normal th  {
	padding:  2px 5px 2px 0;
	color: #000;
	text-transform:uppercase;
	margin: 0 !important;
	font-weight: bold;
}
.row_red th.expand {
text-align:right;
padding-right: 5px;
		}
.row_red th.expand a {
text-decoration:none;
		}
td.padding {
padding-bottom: 5px;
}
		
.template_12 #content-narrow {
padding:0;
right:0;
width:500px;
float:left;
}

#sidebar ul li {
	list-style: none;
	display: block;
	margin: 0;
}

#sidebar a {
	padding:  2px 0px 2px 0;
	color: #666;
	text-transform:capitalize;
	margin: 0 !important;
	text-decoration: none;
	}
	#sidebar a:hover {
	color: #333;
	text-decoration: underline;
	}
ul.role li.active a, 
ul.role li a{
	color: #fff;
	font-weight: bold;
	text-decoration:none;
	}	
	ul.role li a{
	color: #000;
	}	

/* Referee history - Games officiated */
p.history {
	background: #d80011;
	padding: 5px;
	font-weight: bold;
	text-transform:uppercase;
	letter-spacing: -1px;
	color: #ffffff;
	margin: 0 !important;
	}
ul.month_list {
	margin: 2px 0 !important;
	background: #eeeeee;
	height: 34px;
	}
ul.month_list li {
	list-style: none;
	display: block;
	float: left;
	margin: 0;
	margin-top: -2px;
	}
ul.month_list li.active a {
	color: #9a0002 !important;
	font-weight: bold;
	text-decoration: underline !important;
	}
ul.month_list li a {
	color: #010101 !important;
	padding:  0 3px 3px 3px !important;
	font-weight: bold;
	text-decoration:none;
	text-transform: uppercase !important;
	width: 40px;
	float: left;
	}	
ul.month_list span {
  color: #bfbfbd;
  font-size: 0.9em;
}

.cta{
  padding: 3px 0;
}

.cta_button{
  float: left;
}

.cta_button img{
  width: 254px;
  height: 86px;
  float: left;
  padding: 0 3px 3px 0;
}

div.inline{
 float:left;
}

#footer_menu{
	border-top:1px dotted #CCCCCC;
	padding: 10px  0 0 159px;
	text-align:left;
}

	#footer_menu .left {
		padding: 0 20px 0 0;
	}

	#footer_menu ul li {
		list-style: none;
		margin: 0;
	}

	#footer_menu ul li a {
		color: #999;
	}

.search_item{
  padding-bottom: 5px;
}

.error{
  color: red;
  width: 757px; margin-left: 140px; margin-top: 5px; border-bottom-width: 5px;
}

#error_for_email_reg
{
  color: red;
  margin-left:129px;
}
#error_for_password
{
  color: red;
  margin-left:129px;
}
#content p#note{
  border-right-width: 10px; margin-top: 10px; margin-left: 50px;
}

/* Content Rounded corners */

.contentBox {
background:url(/images/box_shadow.gif) repeat-y scroll 0 0;
margin:0 0 0 7px;
width:492px;
}

.footshadow_login {
background:url(/images/box_shadow_foot.gif) no-repeat 0 0;
height:25px;
width:492px;
}


/* Backend */
.in_middle{
  vertical-align: middle !important;
}
.date{
  letter-spacing:-1px;
}
.box_width{
  width: 752px;
}