/*
===============================================================
Power League Stylesheet
===============================================================
AUTHOR			: Christian Wach <needle@haystack.co.uk>
LAST MODIFIED	: 12/11/2007
---------------------------------------------------------------
NOTES

This is the main stylesheet for all sensible browsers

---------------------------------------------------------------
*/ 




/*	
------------------------------
Overrides all browser defaults
------------------------------
	
Notes:

text-align: left; is not a default as such but it overrides the center 
declaration in the body tag that is used by IE to center all elements,
as margin auto is broke

The longhand way of defining this, rather than using * is so that we 
keep iframe and textarea styling consistent with the browser's usual
way of displaying them.

*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	text-align: left; 
}




/* 
 * ------------------------------------------------------------
 * specific tag styles
 * ------------------------------------------------------------
 */
 
body 
{ 
	margin: 0px;
	padding: 0px;
	font-size: 76%;
	font-family: Helvetica, Arial, sans-serif;
	text-align: center; /* this makes sure the container div centres in IE/PC */
	line-height: 150%;
	color: #666666; 
	background: #fff;
}




tr, td, th 
{
	vertical-align: top;
}



/* Headers */

h1 
{
	margin: 0px;
	padding: 0.4em 0 0.4em 0;
	font-weight: bold;
	font-size: 200%;
	color: #894172;
	background-color: transparent;
}


h2 
{
	margin: 0px;
	padding: 0.4em 0 0.6em 0;
	font-weight: bold;
	font-size: 170%;
	line-height: 1.2;
	color: #894172;
	border: 0px solid red;
}


h3 
{
	margin: 0px;
	padding: 0.7em 0 1.1em 0;
	font-weight: bold;
	font-size: 140%;
	color: #894172;
	background-color: transparent;
}


h4 
{
	margin: 0px;
	padding: 0 0 1.1em 0;
	font-weight: bold;
	font-size: 120%;
	color: #894172;
	background-color: transparent;
}


h5
{
	margin: 0px;
	padding: 0 0 0.4em 0;
	font-size: 110%;
	font-weight: bold;
	color: #894172;
	background-color: transparent;
}


form 
{
	margin: 0px;
	padding: 0px;
	background-color: transparent;
}


legend
{
	color: #894172;
}


label
{
	font-size: 110%;
	color: #666;
}


textarea 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	width: 95%; 
	height: 200px;
}


input 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}


input.submit,
.nocaps
{
	text-transform: lowercase;
}


ul, ol 
{
	list-style: none;
}


p 
{
	font-size: 100%;
	padding: 0 0 1em 0;
	margin: 0;
	line-height: 140%;
}


p.error
{
	color: red;
}


address 
{
	margin: 0;
	padding: 0 0 1em 0;
	line-height: 140%;
}


strong 
{ 
	font-weight: bold;
}


ul, ol 
{
	margin: 0px;
	padding: 0 0 0.5em 3em;
	line-height: 140%;
	list-style: none;
}


li 
{
	margin: 0px;
	padding: 0 0 0.7em 0;
	line-height: 120%;
}


dfn
{
	text-decoration: underline;
}





/*
---------------------------------------
links
---------------------------------------
*/

a:link, 
a:visited 
{
	color: #666;
	font-weight: normal;
	text-decoration: underline;
}


a:hover 
{
	color: #894172;
	text-decoration: underline;
}


a:link img, 
a:visited img,
a:hover img
{
	border: 0;
}








/*
---------------------------------------
Structural Stuff
---------------------------------------
*/

#container 
{
	padding: 0px;
	background-color: #fff;
}


#header 
{
	margin: 0;
	padding: 0;
	background-color: #fbfbfb;
	overflow: auto;
	border-bottom: 1px solid #cccccc;
}


#content 
{
	padding: 20px 0;
	border: 0px solid red;
	overflow: auto;
}


#left_col 
{
	float: left;
	width: 190px;
	margin: 0px;
	padding: 0px;
	background: transparent;
	border: 0px solid red;
}


#main_col 
{
	margin: 0;
	padding: 0;
	width: 688px;
	background: transparent;
	border: 0px solid red;
	overflow: auto;
}


#footer 
{
	clear: both;
	padding: 0 10px 10px 10px;
	border-top: 1px solid #cccccc;
	background: url('/powerleague/images/interface/footer_bg.jpg') repeat-x 0 0;
}


div#footer:after
{
	content: "";
	display: block;
	height: 0px;
	clear: both;
}






/*
---------------------------------------
Header Content
---------------------------------------
*/

div#header_wrap
{
	width: 900px;
	border: 0px solid blue;
}


div#header_wrap:after
{
	content: "";
	display: block;
	height: 0px;
	clear: both;
}


#header h1
{
	margin: 0 0 0 24px;
	padding: 0 0 10px 0;
	width: 571px;
	height: 80px;
	float: left;
	background: transparent url('/powerleague/images/interface/powerleague_bch_logo.gif') no-repeat scroll 0%;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	border: 0px solid blue;
}


#header_menu
{
	float: left;
	width: 295px;
	border: 0px solid green;
	padding: 10px 0 0 0;
}


#header_menu ul
{
	float: right;
	background: transparent;
	border: 0px solid yellow;
	margin: 0;
	padding: 0;
}


#header_menu ul li
{
	list-style: none;
	float: left;
	margin: 0;
	padding: 5px 8px 0 0;
	border: 0px solid white;
}


#header ul#user_widget
{
	clear: right;
	float: right;
	background: transparent;
	border: 0px solid black;
}


#header ul#user_widget li
{
	list-style: none;
	float: right;
	text-align: right;
	padding: 5px 8px 0 0;
}


#header p
{
	width: 200px;
	clear: right;
	float: right;
	text-align: right;
	font-size: 90%;
	line-height: 90%;
	background: transparent;
	padding: 20px 8px 0px 5px;
}





/*
---------------------------------------
LHS menu
---------------------------------------
*/

#left_col ul#side_nav 
{
	font-size: 100%;
	margin: 10px 0 20px 30px;
	padding: 0;
	text-transform: uppercase;
	background: transparent;
}


#left_col ul#side_nav li 
{
	margin: 0;
	padding: 0 0 0.6em 0;
}


#left_col ul#side_nav li a:link, 
#left_col ul#side_nav li a:visited 
{
	display: block;
	color: #666;
	font-weight: bold;
	text-decoration: none;
	padding: 2px 0 2px 20px;
	background: url('/powerleague/images/interface/menu_bullet.gif') no-repeat 0 50%;
}


#left_col ul#side_nav li a:hover 
{
	color: #894172;
	text-decoration: none;
	background: url('/powerleague/images/interface/menu_bullet.gif') no-repeat 0 50%;
}


#left_col ul#side_nav li.menu_active a,
#left_col ul#side_nav li.menu_active a:link,
#left_col ul#side_nav li.menu_active a:hover,
#left_col ul#side_nav li.menu_active a:visited
{
	color: #900574;
	background: url('/powerleague/images/interface/menu_bullet_active.gif') no-repeat 0 50%;
}






/*
---------------------------------------
Footer Content
---------------------------------------
*/

#footer_left
{
	float: left;
	padding: 10px 0 0 20px;
}


#footer_right
{
	margin: 0 0 0 520px;
	padding: 15px 0 0 0;
	width: 395px;
}


#footer ul
{
	margin: 0;
	padding: 0;
	background: transparent;
}


#footer_left ul
{
	width: 440px;
	height: 60px;
}


#footer_right ul
{
	width: 394px;
	height: 2em;
}


#footer ul li
{
	list-style: none;
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	font-size: 80%;
	line-height: 140%;
}


#footer ul li.border_left
{
	padding: 0 5px;
	border-left: 1px solid #cccccc;
}


#footer p
{
	font-size: 80%;
	line-height: 140%;
	background: transparent;
	padding: 10px 0 10px 0;
}





/*
---------------------------------------
Preview page
---------------------------------------
*/

#container_preview
{
	margin: 0;
	padding: 0px;
	width: 690px; 
	background-color: #fff;
	border: 0px solid #ccc;
}


#container_preview #content
{
	padding: 10px;
	background: #fff;
	overflow: auto;
}


#footer_preview 
{
	clear: both;
	padding: 2px 10px 10px 10px;
	border-top: 1px solid #cccccc;
	background: url('/powerleague/images/interface/footer_bg.jpg') repeat-x 0 0;
}


#footer_preview img
{
	padding: 0 15px 5px 0;
	vertical-align: top;
}







/*
----------------------------------------
Utilities
----------------------------------------
*/

.right
{
	clear: right;
	float: right;
}


.left
{
	clear: left;
	float: left;
}






/*
----------------------------------------
Common Widget backgrounds
----------------------------------------
*/

div.form_main 
{
	width: 688px;
	padding: 0;
	margin: 0 0 2em 0;
	background: url('/powerleague/images/interface/form_top.jpg') no-repeat 0 0;
}


div.form_inner
{
	padding: 16px 0 4px 16px;
}


div.form_bottom 
{
	width: 688px;
	height: 13px;
	padding: 0;
	margin: 0;
	background: url('/powerleague/images/interface/form_bottom.jpg') no-repeat 0 0;
}


div.side_bottom
{
	clear: left;
	height: 13px;
	background: url('/powerleague/images/interface/side_bottom.jpg') no-repeat 0 0;
}


div.table_main 
{
	width: 688px;
	padding: 0;
	margin: 0 0 2em 0;
	background: url('/powerleague/images/interface/table_top.gif') no-repeat 0 0;
}


div.table_bottom 
{
	width: 688px;
	height: 13px;
	padding: 0;
	margin: 0;
	background: url('/powerleague/images/interface/form_bottom.jpg') no-repeat 0 0;
}


div.main_narrow_bottom
{
	height: 13px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background: url('/powerleague/images/interface/form_narrow_bottom.gif') no-repeat 0 0;
}


div.widget 
{
	width: 238px;
	padding: 0;
	margin: 0 0 12px 0;
	background: url('/powerleague/images/interface/widget_top.gif') no-repeat 0 0;
}


div.widget_inner
{
	padding: 12px 12px 0 12px;
}


div.widget_inner h3
{
	padding: 8px 0;
}


div.widget_inner p
{
	padding: 0 0 4px 0;
}


div.widget_bottom
{
	height: 13px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background: url('/powerleague/images/interface/widget_bottom.gif') no-repeat 0 0;
}


div.widget_mod
{
	width: 151px;
	padding: 0;
	margin: 0 0 20px 20px;
	background: url('/powerleague/images/interface/widget_moderate_top.gif') no-repeat 0 0;
}


div.widget_mod h3
{
	margin: 0;
	padding-bottom: 0.4em;
	text-transform: uppercase;
	color: #eee;
	font-size: 140%;
}


div.widget_mod h3 span
{
	font-weight: normal;
}


div.widget_mod p.mod_link
{
	padding: 0;
	margin: 0;
	text-align: right;
}


div.widget_mod_inner
{
	padding: 0 12px;
}


div.widget_mod_bottom
{
	height: 14px;
	padding: 0;
	margin: 0;
	background: url('/powerleague/images/interface/widget_moderate_bottom.gif') no-repeat 0 0;
}







/*
----------------------------------------
League View Navigation
----------------------------------------
*/

div.widget_view
{
	width: 238px;
	padding: 30px 0 0 0;
	margin: 0 0 12px 0;
	background: url('/powerleague/images/interface/widget_about.gif') no-repeat 0 0;
}








/*
----------------------------------------
League About Navigation
----------------------------------------
*/

div.widget_about 
{
	width: 238px;
	padding: 30px 0 0 0;
	margin: 0 0 12px 0;
	background: url('/powerleague/images/interface/widget_view.gif') no-repeat 0 0;
}


div.widget_view p,
div.widget_about p
{	
	text-align: right;
}


p.view_button
{
	margin: 0;
	padding: 0;
}






/*
----------------------------------------
Vote Again Call to Action
----------------------------------------
*/

div.vote_again 
{
	width: 238px;
	padding: 0;
	margin: 0 0 12px 0;
	background: url('/powerleague/images/interface/vote_again_bg.gif') no-repeat 0 0;
}


div.vote_again h3
{
	height: 12px;
	text-indent: -9999px;
}


div.vote_again p.vote_link
{
	text-align: right;
	padding: 0 0 0 8px;
	margin: 0;
}








/*
----------------------------------------
Sidebar League Status
----------------------------------------
*/

p.league_status
{
	margin: 10px 0 10px 30px;
	padding: 0;
}


p.league_status span
{
	color: #894172;
}


ul#view_league_actions
{
	margin: 0 0 20px 30px;
	padding: 0;
}


ul#view_league_actions li
{
	list-style: none;
	margin: 0;
	padding: 0;
}


ul#view_league_actions li a
{
	text-transform: none;
	margin: 0;
	padding: 0;
}






/*
----------------------------------------
Sidebar Call to Action
----------------------------------------
*/

div#create_side 
{
	width: 151px;
	padding: 0;
	margin: 0 0 20px 20px;
	background: url('/powerleague/images/interface/get_involved_side_top.jpg') no-repeat 0 0;
}


div#create_side h3
{
	height: 5px;
	text-indent: -9999px;
}


div#create_side p
{
	padding: 0 0 10px 10px;
	margin: 0;
}


div#create_side p.create_link
{
	padding: 0 0 0 8px;
	margin: 0;
}







/*
----------------------------------------
Main Call to Action
----------------------------------------
*/

div#create_main
{
	float: left;
	width: 331px;
	margin: 0 20px 10px 0;
	padding: 16px 0 0 0;
	background: url('/powerleague/images/interface/get_involved_main_top.jpg') no-repeat 0 0;
}


div#create_main h3
{
	height: 5px;
	text-indent: -9999px;
}


div#create_main p
{
	padding: 0 0 10px 18px;
	margin: 0;
}


div#create_main p.create_link
{
	padding: 0 0 0 16px;
	margin: 0;
}






/*
---------------------------------------
Error Colours
---------------------------------------
*/

p.user_message
{
	padding: 0 0 8px 0;
	text-align: left;
	color: #666666;
}


p.user_alerts
{
	padding: 0 0 8px 0;
	text-align: left;
	color: red;
}


p.dev_debug
{
	padding: 0 0 8px 0;
	text-align: left;
	color: red;
}






/*
----------------------------------------
Sidebar Login form
----------------------------------------
*/

div#login_side 
{
	width: 151px;
	padding: 12px 0 0 0;
	margin: 0 0 20px 20px;
	background: url('/powerleague/images/interface/login_side_top.jpg') no-repeat 0 0;
}


form#login_form_side 
{
	clear: left;
	font-size: 80%;
	padding: 0 0 0 8px;
	margin: 0;
}


form#login_form_side fieldset 
{
	padding: 0;
	margin-bottom: 0;
	border: 0px solid red;
}


form#login_form_side legend 
{
	text-indent: -9999px;
	margin: 0 0.3em;
	padding: 0;
	font-weight: bold;
	font-size: 140%;
}


form#login_form_side label 
{
	display: block;
	vertical-align: top;
}


form#login_form_side fieldset ol 
{
	margin: 0;
	padding: 0;
}


form#login_form_side fieldset li 
{
	list-style: none;
	padding: 0.5em;
	margin: 0;
}


form#login_form_side fieldset fieldset 
{
	border: none;
	margin: 0.3em 0 0;
}


form#login_form_side fieldset fieldset legend 
{
	padding: 0 0 0.5em;
	font-weight: normal;
}


form#login_form_side fieldset fieldset label 
{
	display: block;
	width: auto;
}


form#login_form_side em 
{
	font-weight: bold;
	font-style: normal;
	color: #f00;
}


form#login_form_side label 
{
	width: 120px;
}


form#login_form_side fieldset fieldset label 
{
	margin-left: 123px;
	background: red;
}


form#login_form_side p.buttons
{
	padding: 5px 10px 0 5px;
	text-align: right;
}


form#login_form_side p.user_alerts
{
	padding: 5px 10px 0 5px;
}


form#login_form_side p span
{
	float: left;
}


form#login_form_side p span a
{
	float: left;
}


form#login_form_side input
{
	width: 120px;
}


form#login_form_side p input
{
	width: auto;
}







/*
----------------------------------------
User logged in forms
----------------------------------------
*/

div#user_widget_side
{
	font-size: 80%;
	background: #eee;
	border: 0px solid #ddd;
	padding: 1em 2em;
	margin: 0 0 1em 0;
}


div#moderate_widget_side
{
	font-size: 80%;
	background: #eee;
	border: 0px solid #ddd;
	padding: 1em 2em;
	margin: 0 0 1em 0;
}







/*
----------------------------------------
Login form
----------------------------------------
*/

div#login_main
{
	float: left;
	width: 331px;
	padding: 12px 0 0 0;
	margin: 0 0 20px 0;
	background: url('/powerleague/images/interface/login_main_top.jpg') no-repeat 0 0;
}


form#login_form 
{
	background: transparent;
	margin: 0;
	padding: 0 15px;
}


form#login_form fieldset 
{
	padding: 1em 0 0 0;
	border: 0px solid red;
}


form#login_form fieldset legend 
{
	margin: 0;
	padding: 0 0.6em 0.2em 0.6em;
	font-weight: bold;
	font-size: 140%;
	text-indent: -9999px;
}


form#login_form fieldset ol 
{
	margin: 0;
	padding: 0;
}


form#login_form fieldset ol li 
{
	float: left;
	list-style: none;
	width: 150px;
	padding: 0 0 0 0;
	margin: 0;
	border: 0px solid red;
}


form#login_form fieldset ol li input
{
	width: 140px;
}


form#login_form fieldset ol li label 
{
	vertical-align: top;
	font-size: 100%;
	display: block;
	width: auto;
	padding: 0 0 0 0;
}


form#login_form em 
{
	font-weight: bold;
	font-style: normal;
	color: #f00;
}


form#login_form input,
form#login_form p.buttons
{
	margin: 0;
	padding: 0;
}


form#login_form p.buttons
{
	font-size: 100%;
	padding: 10px 0 0 0;
	text-align: right;
}


form#login_form p span
{
	float: left;
}


div#user_widget 
{
	width: 300px;
	font-size: 80%;
	background: #eee;
	border: 0px solid #ddd;
	padding: 1em 2em;
	margin: 0 0 1em 0;
}






/*
----------------------------------------
Registration form
----------------------------------------
*/

form#reg_form 
{
	background: transparent;
	border: 0px solid #ddd;
	padding: 16px 16px 4px 16px;
}


form#reg_form fieldset 
{
	padding: 0;
	margin: 0;
	border: 0px solid #ddd;
}


form#reg_form legend 
{
	margin: 0 0.2em;
	padding: 0;
	font-weight: bold;
	font-size: 140%;
	border: 0px solid #ddd;
}


form#reg_form label 
{
	float: left;
	vertical-align: top;
	text-align: right;
	padding: 0 1em 0 0;
	width: 120px;
}


form#reg_form fieldset ol 
{
	margin: 0;
	padding: 0;
}


form#reg_form fieldset li 
{
	list-style: none;
	padding: 2em 0.5em 1em 0.5em;
	margin: 0;
	clear: right;
	vertical-align: middle;
}


form#reg_form fieldset li div.reg_label,
form#league_form div.box_label
{
	background: #fff;
	display: inline-block;
	width: 250px;
	float: right;
	padding: 1em;
	border: 1px solid #aaa;
}


form#league_form div.box_label
{
	width: 380px;
}


form#reg_form fieldset ol li input
{
	width: 200px;
}


form#reg_form fieldset fieldset 
{
	border: none;
	margin: 0.3em 0 0;
}


form#reg_form em 
{
	font-weight: bold;
	font-style: normal;
	color: #f00;
}


form#reg_form fieldset fieldset 
{
	padding: 1em 0 0 0;
	border: 0px solid #666;
}


form#reg_form fieldset fieldset legend 
{
	margin: 0 1em;
	padding: 0 0 0.2em 0;
	font-weight: normal;
	font-size: 120%;
	font-weight: bold;
}


form#reg_form fieldset fieldset label 
{
	width: 120px;
	padding: 0 1em 0 0;
}


form#reg_form fieldset fieldset ol
{
	padding: 0 0 0.5em 0;
}


form#reg_form fieldset fieldset ol li 
{
	padding: 0.5em 0 1.3em 0;
}


form#reg_form input.reg_button
{
	font-size: 100%;
	margin: 0 10px 0 0;
	padding: 0;
	text-transform: lowercase;
}


form#reg_form h3
{
}


form#reg_form p
{
	padding: 20px 0 0 0;
	clear: right;
}


form#reg_form fieldset ol li input#reg_password_new,
form#reg_form fieldset ol li input#reg_password_conf
{
	width: 180px;
}








/*
---------------------------------------
Profile List
---------------------------------------
*/

div#profile_list h3,
div#profile_list p
{
	margin: 0 16px;
	padding: 16px 0;
}


div#profile_list table 
{
	margin: 0 10px;
	border: 0px solid #999;
	border-top: 0px solid #999;
	background: transparent;
	width: 668px;
}


div#profile_list th
{
	font-size: 110%;
	padding: 3px;
	padding-bottom: 5px;
	background: transparent;
	border-bottom: 1px solid #dfdede;
	font-weight: bold;
	color: #894172;
}


div#profile_list td 
{
	padding: 3px;
	padding-bottom: 5px;
	background: transparent;
	border-bottom: 1px solid #dfdede;
}


div#profile_list th.th_user 
{
	width: 40%;
}


div#profile_list th.th_status,
div#profile_list th.th_action
{
	width: 15%;
}


div#profile_list th.th_suspensions
{
	width: 20%;
}


div#profile_list th.th_delete
{
	width: 10%;
}


div#profile_list td.td_suspension
{
	text-align: center;
}






/*
---------------------------------------
League Form Styles
---------------------------------------
*/

div#league_top
{
	clear: both;
	border: 0px solid red;
}


div#league_top:after
{
	content: "";
	display: block;
	height: 0px;
	clear: both;
}


div#league_info
{
	float: left;
	width: 480px;
}


div#league_info_narrow
{
	float: left;
	width: 440px;
}


div#league_info_narrow h4
{
	color: #666666;
}


div#container_preview div#league_info_narrow
{
	float: left;
	width: 400px;
}


div#league_new
{
	float: right;
	background: transparent;
	border: 4px solid #ddd;
	padding: 1em 2em;
}


div#league_body
{
	clear: both;
}



form#league_form 
{
	background: transparent;
	border: 0px solid #ddd;
	padding: 0;
	margin: 0 0 1em 0;
}


form#league_form fieldset 
{
	padding: 0;
	margin: 0;
	border: 0px solid #ddd;
}


form#league_form legend 
{
	margin: 0;
	padding: 0 16px 12px 0;
	font-weight: bold;
	font-size: 140%;
	border: 0px solid #ddd;
}


form#league_form div#league_form_narrow h3 
{
	line-height: 1.4;
	padding: 0 16px 0 0;
}


form#league_form fieldset ol li label 
{
	float: left;
	vertical-align: top;
	text-align: right;
	padding: 0 1em 0 0;
	width: 120px;
}


form#league_form fieldset ol li input
{
	width: auto;
}


form#league_form fieldset ol li input.text_input_narrow
{
	width: 120px;
}


form#league_form fieldset ol li input.group_input
{
	width: 150px;
}


form#league_form fieldset ol li label.group_labels
{
	width: 80px;
}


form#league_form fieldset ol li input.text_input
{
	width: 250px;
}


form#league_form label.nofloat
{
	float: none;
	display: block;
	vertical-align: top;
	text-align: left;
	padding: 0 1em 0.3em 0;
	width: auto;
}


/* labels in twin column forms */
form#league_form label.fixedlabel
{
	width: 260px;
}


form#league_form label.radio
{
	float: none;
	text-align: left;
	padding: 0 0 0 1em;
	width: 300px;
}


form#league_form fieldset ol 
{
	margin: 0;
	padding: 0;
}


form#league_form fieldset li 
{
	list-style: none;
	padding: 1em 0.5em 0.5em 0.5em;
	margin: 0;
	clear: right;
	vertical-align: middle;
}


form#league_form fieldset li div.item_label
{
	background: #fff;
	display: inline-block;
	width: 250px;
	float: right;
	padding: 1em;
	border: 1px solid #aaa;
}


form#league_form fieldset li div.group_label
{
	padding: 0;
	margin: 0 16px 0 0;
}


form#league_form p.buttons
{
	padding: 20px 0 0 0;
	clear: right;
	border: 0px solid red;
}


form#league_form p.extra_desc
{
	padding: 0 0 1em 0;
}


form#league_form fieldset fieldset 
{
	margin: 0.3em 0 0;
	padding: 1em 0 0 0;
	border: 0px solid #666;
}


form#league_form em 
{
	font-weight: bold;
	font-style: normal;
	color: #f00;
}


form#league_form fieldset fieldset legend 
{
	margin: 0 0em;
	padding: 0 0 0.2em 0;
	font-weight: normal;
	font-size: 120%;
	font-weight: bold;
}


form#league_form fieldset fieldset label 
{
	width: 200px;
	padding: 0 2em 0 0;
}


form#league_form fieldset fieldset ol
{
	padding: 0 0 0 0;
}


form#league_form fieldset fieldset ol li 
{
	padding: 0.5em 0 0.5em 0;
}


form#league_form input.league_button
{
	font-size: 100%;
	margin: 0 10px 0 0;
	padding: 0;
	text-transform: lowercase;
}


form#league_form textarea.item_info 
{
	font-size: 100%;
	width: 250px; 
	height: 60px;
}


form#league_form textarea#league_background 
{
	font-size: 100%;
	width: 250px; 
	height: 100px;
}


form#league_form fieldset ol li input.text_input_item
{
	width: 250px;
}


form#league_form p.nav
{
	clear: both;
}


form#league_form fieldset ol li input.check_twocol
{
	float: left;
}


form#league_form fieldset ol li label.radio_twocol
{
	float: left;
	text-align: left;
	padding: 2px 0 0 10px;
	width: 220px;
}


form#league_form fieldset legend span.maxchars
{
	font-size: 60%;
}


form#league_form input.delete_button
{
	margin: 0 0 0 80px;
}


img.help_image
{
	vertical-align: top;
	margin: 0 0 0 10px;
}


div#step_footer
{
	clear: both;
	margin: 10px 20px 0 20px;
	padding: 10px;
	border: 2px solid #ddd;
}


div#step_footer p
{
	margin: 0;
	padding: 0;
}







/*
---------------------------------------
Comment Form
---------------------------------------
*/

form#league_form textarea#comment_body 
{
	font-size: 100%;
	width: 500px; 
	height: 100px;
}


form#league_form input#comment_name
{
	font-size: 100%;
	width: 500px; 
}






/*
---------------------------------------
Leagues List
---------------------------------------
*/

div#league_body
{
	overflow: auto;
}


div#league_body div.table_main h3,
div#league_body div.table_main p
{
	margin: 0 16px;
	padding: 16px 0;
}


div#league_body table 
{
	margin: 0 10px;
	border: 0px solid #999;
	border-top: 0px solid #999;
	background: transparent;
	width: 668px;
}


div#league_body th
{
	font-size: 110%;
	padding: 3px;
	padding-bottom: 5px;
	background: transparent;
	border-bottom: 1px solid #dfdede;
	font-weight: bold;
	color: #894172;
}


div#league_body td 
{
	padding: 3px;
	padding-bottom: 5px;
	background: transparent;
	border-bottom: 1px solid #dfdede;
}


div#league_body th
{
	font-weight: bold;
}


div#league_body th.th_status,
div#league_body th.th_action
{
	width: 12%;
}


div#league_body th.th_delete
{
	width: 10%;
}


div#league_body td.td_owner
{
	width: 17%;
}

div#league_body td.td_name
{
	width: 29%;
}

div#league_body td.td_state
{
	width: 11%;
}

div#league_body td.td_view
{
	width: 12%;
}

div#league_body td.td_edit
{
	width: 13%;
}

div#league_body td.td_copy

{
	width: 11%;
}

div#league_body td.td_remove
{
	width: 7%;
}


div#league_search
{
	padding: 10px 0 20px 0;
	border: 0px solid red;
}






/*
---------------------------------------
League Comment Moderation Table
---------------------------------------
*/

div#league_body td.td_mod_date
{
	width: 10%;
}


div#league_body td.td_mod_name
{
	width: 15%;
}


div#league_body td.td_mod_body
{
	width: 68%;
}


div#league_body td.td_mod_actions
{
	width: 7%;
}


div#league_body td.td_mod_actions ul
{
	margin: 0;
	padding: 0;
}






/*
---------------------------------------
League Make New Call to Action
---------------------------------------
*/

div#make_new 
{
	width: 238px;
	height: 78px;
	padding: 0;
	margin: 0 0 20px 0;
	background: url('/powerleague/images/interface/make_new_bg.jpg') no-repeat 0 0;
}


div#make_new h3
{
	margin: 0;
	padding: 0;
	font-size: 10%;
	line-height: 0;
	text-indent: -9999px;
	height: 40px;
	border: 0px solid red;
}


div#make_new p.create_link
{
	padding: 0 10px 0 0;
	text-align: right;
}





/*
---------------------------------------
League Administer Form
---------------------------------------
*/

form#league_admin_form 
{
	padding: 0;
	margin: 1em 0;
}






/*
---------------------------------------
League Preview Form
---------------------------------------
*/

form#league_preview_form 
{
	padding: 0 10px;
	margin: 0;
}


form#league_preview_form p
{
	padding: 10px;
	margin: 0;
}






/*
---------------------------------------
League Groups Form
---------------------------------------
*/

div#league_form_narrow
{
	float: left;
	width: 370px;
	padding: 0 0 0 0;
	margin: 0 0 2em 0;
	background: url('/powerleague/images/interface/form_narrow_top.gif') no-repeat 0 0;
}


div#tips
{
	margin: 0 0 0 10px;
	padding: 10px;
	float: right;
	width: 160px;
	background-color: #eee;
	border: 4px solid #ddd;
}


div#league_form_narrow form#league_form 
{
	width: 330px;
	background: transparent;
	border: 0px solid #ddd;
	padding: 0 20px;
	margin: 0 0 1em 0;
}






/*
---------------------------------------
League Item List (Thumbnails)
---------------------------------------
*/

div#league_view_wrapper
{
	padding: 5px 10px;
}


div#league_list_small_top
{
	height: 10px;
	background: #fff url('/powerleague/images/interface/arrow_top.gif') top left no-repeat;
}


div#league_list_small 
{
	margin: 0;
	padding: 0 0 10px 20px;
	border: 0px solid green;
	background: #fff url('/powerleague/images/interface/arrow_shaft.gif') top left repeat-y;
}


div#league_list_small_bottom
{
	clear: both;
	height: 10px;
	background: #fff url('/powerleague/images/interface/arrow_bottom.gif') bottom left no-repeat;
}


div.league_item_small 
{
	float: left;
	margin: 0 5px 5px 0;
	text-align: center;
	padding: 4px;
	border: 1px solid #ccc;
	background: #efefef;
}


div.league_item_small img
{
	border: 1px solid #ccc;
}


div.item_rank
{
	border: 0px solid red;
	clear: left;
	padding: 5px 5px 20px 5px;
	margin: 0 0 0 0;
	/*background: #f9f9f9;*/
}


div.item_rank:after
{
	content: "";
	display: block;
	height: 0px;
	clear: both;
}







/*
---------------------------------------
Hovering Items
---------------------------------------
*/

div.hover
{
	display: none;
	width: 280px;
	background: transparent;
	padding: 0;
	margin: 0;
}


div.hover_image
{
	float: left;
	border: 1px solid #900574;
	background: #efefef;
	margin: 0 0.5em 0.5em 0;
	padding: 8px;
}


div.hover_image img.item_image
{
	margin: 0;
	padding: 0;
	border: 1px solid #ccc;
}


div.hover_details
{
	margin: 60px 0 0 30px;
	padding: 0.5em;
	border: 1px solid #900574;
	background: #e8e8e8;
}


div.hover_details p
{
	padding: 0.2em 0 0 0;
	margin: 0;
}


div.hover_details p.item_info
{
	clear: left;
	padding: 0;
	margin: 0;
}


div.hover_details p strong
{
	font-weight: bold;
}


div.hover_details p.item_type,
div.hover_details p.item_desc,
div.hover_details p.item_link
{
	margin: 0 0 0 10px;
	padding: 10px 0 5px 0;
}


div.hover_details p.item_name
{
	font-size: 130%;
	line-height: 1;
	font-weight: bold;
	text-align: right;
	margin-bottom: 0;
	padding: 0;
	color: #900574;
}


div.hover_details p.item_type
{
	margin: 0;
	padding: 0 0 10px 0;
	font-style: italic;
	text-align: right;
	color: #900574;
}


div.hover_details p.item_desc
{
	margin: 0;
	padding: 0 0 15px 0;
}


/* Select-covering iFrame hack */
div.hover iframe#hover_iframe
{
	display: none;
	display/**/: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	filter: mask();
	height: 300px;
}


div.iframe_ff_hack
{
	height: 600px;
}


iframe#enclosing_iframe
{
	border: 1px solid #666;
	position: absolute;
}





/*
---------------------------------------
Homepage League Teaser
---------------------------------------
*/

div.league_teaser
{
	float: left;
	width: 331px;
	margin: 0 0 10px 0;
	padding: 16px 0 0 0;
	background: url('/powerleague/images/interface/teaser_top.jpg') no-repeat 0 0;
}


div.league_teaser_first
{
	margin: 0 20px 10px 0;
}


div.main_bottom
{
	clear: left;
	height: 16px;
	background: url('/powerleague/images/interface/main_bottom.jpg') no-repeat 0 0;
}


div.league_teaser div.image_wrapper
{
	float: left;
	margin: 0 10px 0 16px;
	padding: 4px;
	border: 1px solid #ccc;
	background: #efefef;
}


div.league_teaser div.image_wrapper img
{
	margin: 0 0 0 0;
	border: 1px solid #ccc;
}


div.league_teaser h4
{
	padding: 0 16px 5px 0;
	color: #894172;
}


div.league_teaser p
{
	padding: 0 16px 5px 0;
	margin: 0;
}


div.league_teaser p.view_league
{
	padding: 5px 16px 0 0;
	margin: 0;
}


/* ensure word wrapping on URLs */
.league_teaser p.league_url
{
	font-size: 90%;
	white-space: pre; /* CSS2 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap; /* HP printers */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}






/*
---------------------------------------
League Items Filter
---------------------------------------
*/

.filter
{
	width: auto;
}


.filter fieldset
{
	padding: 4px 0 0 0;
	border: 0;
}


.filter fieldset legend
{
	margin: 0;
	padding: 0;
	font-size: 110%;
}


.filter input,
.filter select
{
	font-size: 100%;
}






/*
---------------------------------------
League Item
---------------------------------------
*/

div.league_item 
{
	width: 320px;
	height: 36em;
	position: relative;
	background: transparent;
	margin: 0 10px 10px 0;
}


.first
{
	float: left;
}


.second
{
	float: right;
}


.compare_content
{
	position: absolute;
	top: 100px;
	left: 60px;
	width: 250px;
	z-index: 20;
	border: 1px solid #ccc;
	background: #efefef;
	padding: 0 0 8px 0;
}


.compare_image
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 50;
	padding: 8px;
	border: 1px solid #ccc;
	background: #efefef;
}


.compare_image img
{
	margin: 0 0 0 0;
	border: 1px solid #ccc;
}






/*
---------------------------------------
League Item Text Styles
---------------------------------------
*/

.compare_content p
{
	color: #666;
	padding: 0;
	margin: 0 0 0 90px;
}


.compare_content p.item_type,
.compare_content p.item_desc,
.compare_content p.item_link
{
	margin: 0 0 0 10px;
	padding: 8px 8px 2px 8px;
}


.compare_content p.item_name
{
	font-size: 140%;
	line-height: 1;
	font-weight: bold;
	text-align: right;
	color: #894172;
	padding: 8px 8px 2px 12px;
}


.compare_content p.item_type
{
	margin: 0;
	padding: 0 0 20px 0;
	font-style: italic;
	text-align: right;
	color: #894172;
	padding: 0px 8px 16px 8px;
}


.compare_content p.item_desc
{
	margin: 0;
	padding: 0px 8px 8px 8px;
}


.compare_content p img
{
	padding: 12px 0;
}


.compare_content p.item_link
{
	margin: 0;
	padding: 0px 8px 2px 8px;
}


.compare_content p.vote_button a
{
	display: block;
	text-indent: -9999px;
	width: 68px;
	height: 31px;
	background-image: url('/powerleague/images/interface/vote_button_combined.gif');
}


.compare_content p.vote_button a:hover 
{
	background-position: 0 -31px;
}


/* ensure word wrapping on Image Info URLs on view */
.compare_content p.image_info
{
	margin: 0;
	padding: 0px 8px 2px 8px;
	white-space: pre; /* CSS2 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap; /* HP printers */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
	overflow-x: auto;
}


/* ensure word wrapping on Image Info URLs on view */
p.image_info
{
	margin: 0;
	padding: 0px 8px 2px 8px;
	white-space: pre; /* CSS2 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap; /* HP printers */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
	overflow-x: auto;
}







/*
---------------------------------------
League Vote Winner
---------------------------------------
*/

div#league_winner
{
	float: left;
	padding: 0;
	margin: 0 0 20px 0;
	border: 0px solid red;
	width: 440px;
}


div#league_winner_bottom
{
	clear: both;
	height: 13px;
	background: url('/powerleague/images/interface/vote_winner_bottom.gif') no-repeat 0 0;
}


div#league_winner h5
{
	border: 0px solid red;
}


.winner
{
	padding: 16px 16px 0 16px;
	background: url('/powerleague/images/interface/vote_winner_bg.gif') no-repeat 0 0;
}


.winner_image
{
	width: 80px;
	height: 80px;
}


.winner img.item_image
{
	float: none;
}


.winner p.winner_lower
{
	padding-bottom: 0;
}


.winner_info
{
	float: left;
	padding-right: 10px;
	width: 140px;
}


.winner_challenged
{
	float: left;
	width: 140px;
}


.rightalign
{
	float: right;
	width: 320px;
}






/*
---------------------------------------
League Send To A Friend Form
---------------------------------------
*/

div#league_send
{
	float: left;
}


div#league_send textarea
{
	height: 100px;
}






/*
---------------------------------------
League Info in Sidebar
---------------------------------------
*/

div#league_info_top
{
	clear: right;
	float: right;
	text-align: right;
	padding: 0 5px 20px 0;
	font-size: 80%;
}


div#league_info_top h3,
div#league_info_top h4,
div#league_info_top p
{
	text-align: right;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}


div#league_info_top h4
{
	padding: 2px 0 0 0;
}





/*
---------------------------------------
League Report Item 
---------------------------------------
*/

div#item_report
{
	float: left;
}


div#item_report p
{
	text-align: right;
}


div#item_report p.error
{
	text-align: left;
	padding: 0 0 1em 0;
}


div#item_report ol li
{
	padding: 2em 0 0 0;
}


ol#content_report_list li
{
	clear: left;
}


div.league_mod_item
{
	margin: 0 0 0px 0;
	padding: 0 0px 0 0;
	border: 0px solid red;
	overflow: auto;
}


div.league_mod_item img
{
	vertical-align: top;
	border: 4px solid #ccc;
	margin: 0 0 0 5px;
}


ol#content_report_list li div.league_mod_item label.mod_check
{
	border: 0px solid red;
	float: right;
	display: block;
	text-align: left;
	padding: 0 0 0 0;
	width: 220px;
}







/*
---------------------------------------
Filtering and Search Forms
---------------------------------------
*/

form.search_form,
form#filter_form
{
	padding: 3px 0;
	border: 0px solid red;
}


form.search_form input#search_needle
{
	width: 180px;
}


form#filter_form fieldset p
{
	font-size: 110%;
	font-weight: bold;
	margin: 0;
	padding: 0 8px 0 0;
	color: #894172;
}


form#filter_form fieldset p select,
form#filter_form fieldset p select option
{
	font-size: 100%;
}


form.search_form input.league_search_string
{
	margin: 0 8px 0 0;
	padding: 0;
}


form#filter_form input#filter_submit,
form.search_form input#search_submit
{
	vertical-align: middle;
	margin: 0;
	padding: 0;
}


form#filter_form label.nofloat,
form.search_form label.nofloat
{
	float: none;
	display: block;
	width: auto;
	padding: 0 1em 0.3em 0;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	color: #894172;
}


form#filter_form label.leftfloat,
form.search_form label.leftfloat
{
	float: left;
	vertical-align: top;
	text-align: right;
	padding: 0 1em 0 0;
	width: auto;
}







/*
---------------------------------------
Moderation Action Forms
---------------------------------------
*/

div.shadow div.inner p.error
{
	color: red;
}





/*
---------------------------------------
Free Text Styles
---------------------------------------
*/

div#free_text
{
	float: left;
	width: 440px;
}


ul.bullets
{
	list-style-type: disc;
}


ol.numbered
{
	list-style-type: decimal;
}


.widget_inner ul li.menu_active a,
.widget_inner ul li.menu_active a:link,
.widget_inner ul li.menu_active a:hover,
.widget_inner ul li.menu_active a:visited
{
	color: #894172;
}


ul.submenu
{
	list-style-type: square;
	margin: 0.5em 0 0 1em;
	padding: 0;
}


ul.submenu li
{
	margin: 0;
	padding: 0 0 0.2em 0;
}


.shadow ul li.menu_active ul.submenu li a,
.shadow ul li.menu_active ul.submenu li a:link,
.shadow ul li.menu_active ul.submenu li a:visited
{
	color: #666;
}


.shadow ul li.menu_active ul.submenu li a:hover
{
	color: #bc4241;
}


div#free_text h4
{
	padding: 20px 0 10px 0;
}


div#free_text strong
{
	font-weight: bold;
}


div#free_text em
{
	font-style: italic;
}

.guidenext
{
	text-align: right;
}






/*
---------------------------------------
League Creation Wizard
---------------------------------------
*/

#wizard_nav
{
	clear: left;
	width: 672px;
	height: 103px;
	padding: 4px 0 0 16px;
	margin: 0 0 12px 0;
	background: url('/powerleague/images/interface/steps_bg.gif') no-repeat 0 0;
}


#wizard_nav ol,
#wizard_nav ol li,
.wizard_step_image
{
	margin: 0;
	padding: 0;
}


#wizard_nav ol li
{
	width: 103px;
	margin: 0 8px 0 0;
	float: left;
}


.wizard_step_image
{
}






/*
---------------------------------------
League Admin Page
---------------------------------------
*/

div#league_form_narrow p.user_message
{
	padding: 0 16px 12px 16px;
}


ul#admin_list
{
	padding: 4px 16px 0 16px;
}


ul#admin_list li
{
	padding: 0 0 0 0;
	list-style-type: disc;
}


ul#admin_list li.space_top
{
	padding: 32px 0 0 0;
}


ul#admin_list li a,
ul#admin_list li a:hover,
ul#admin_list li a:visited
{
	font-size: 130%;
	border: 0px solid #666;
}





/*
---------------------------------------
League Example Page
---------------------------------------
*/

div#league_item_centred
{
	margin: 20px auto;
}






/*
---------------------------------------
League Copy Help Links
---------------------------------------
*/

.whatsthis
{
	padding: 0 0 0 20px;
}

.mandatory
{
	font-size: 120%;
	line-height: 1;
	color: #894172;
}




/* 
------------------------------------------------------
#sitemap wraps the UL of all pages
------------------------------------------------------
*/

/* Top Level */
#sitemap ul
{
	padding: 0 0 24px 24px;
}

#sitemap ul li
{
	font-size: 1.5em;
	line-height: 1.5em;
	padding: 0 0 0 0;
}


/* Level One */
#sitemap ul li ul
{
	padding: 8px 0 12px 24px;
}

#sitemap ul li ul li
{
	font-size: 75%;
	line-height: 90%;
	padding: 0 0 6px 0;
}


/* Level Two */
#sitemap ul li ul li ul
{
	padding: 6px 0 12px 24px;
}

#sitemap ul li ul li ul li
{
	font-size: 75%;
	line-height: 90%;
	padding: 0 0 4px 0;
}


/* Level Three */
#sitemap ul li ul li ul li ul
{
	padding: 4px 0 12px 24px;
}

#sitemap ul li ul li ul li ul li
{
	font-size: 75%;
	line-height: 90%;
	padding: 0 0 2px 0;
}