@CHARSET "UTF-8";

/**********************************************************************\
 * Default Class Styles
 *
 * Palette: 
 *		Grey Text 				= #555555
 * 		Light Grey	 			= #C2CBCF
 *		Light Cream				= #EFEBDB
 *		Dark Cream				= #E8E2CD 
 *		Red						= #B13524
 *		Light Red				= #FFEFEF
 *		Blue (Title text)		= #2f5b78
 *		Blue Light (boder)		= #abcce5
 *		Blue Mid (alt row)		= #eaeaea
 *		Blue Just (tile back)	= #EAEAEA
 *
\**********************************************************************/

body {
	color: #555555;
	background: #3A4449 none;
	font-style: normal; 
	font-variant: normal; 
	font-weight: normal;  
	margin: 0;
	padding: 0;
	height: auto;
	min-height: 100%;
	
}

html {
	height: 100%;
}

body, div, p, input, select, label, button, textarea, th, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
}

h5 {
	font-size: 14px;
}
h4, h5 {
	font-family: "Trebuchet MS",Arial,Times,serif;
	font-size: 18px;
}

div, p, input, select, label, button {
	color: #555555;
	vertical-align: top;
}

input, select {
	padding: 2px;
}
input[type="checkbox"] {
	margin: 0;
}
label {
 	font-weight: bold; 
}

form, label, button {
	padding: 0;
	margin: 0;	
}

form {
	border: none;
	display: inline;
}

textarea {
	color: #555555;
	overflow: auto;
	width: 90%;
	border: 1px solid #D8D8D8;
	padding: 2px;
	margin: 2px;
}

img {
	border: 0px;	
}
h4, h5 {
	color: #555555;
	vertical-align: top;
	margin: 0px;
}

table {
	width: 100%;
}

th {
	text-align: left;	
}
th, td {
	vertical-align: top;
}

fieldset, fieldset legend {
	 border-width: 1px;
	 border-style: solid;
	 border-color: #999999;
	 padding: 5px;
}

a:link, a:visited {
	color: #555555;
}

.errors, .notice, .error {
	color: red;	
}

.errors ul {
	padding-left: 20px;
}

.error_box {
	background:	#FFEBE8 none repeat scroll 0 0;
	border: 1px solid #DD3C10;
	padding: 5px;
	margin: 0 0 10px;
	font-weight: bold;
}

.disabled, .disabled label, .disabled a {
	color: #BBBBBB;	
}

.billboard {
	text-align: center;
	border-top: 1px solid #f9554f;
	border-bottom: 1px solid #f9554f;
	background-color: #f1c8ba;
	padding: 5px;
	font-weight: bold;
}

/**********************************************************************\
Layout Styles
\**********************************************************************/


#wrap {
	width: 908px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
	height: auto;
}

#innerwrap {
	width: 878px;
	margin: 0 15px;
	padding: 8px 0;
}

#header_outer {	
	background: #eaeaea url("../image/sprites_head_foot.png") repeat-x 0 0;
	height: 154px;
	padding-top: 30px;
}

#header_outer #wrap {	
	background: #eaeaea url("../image/sprites_head_foot.png") repeat-x 0 -184px;
	height: 154px;	
}

#header_outer #innerwrap, #footer_outer #innerwrap {
	padding: 0;
	position: relative;
}
	
#header_logo {
	background: transparent url("../image/sprites_logo.png") no-repeat 0 0;
	height: 94px;
	width: 202px;
	position: absolute;
	float: left;
}

#header_players {
	background: transparent url("../image/sprites_logo.png") no-repeat 0 -94px;
	height: 154px;
	width: 360px;
	position: absolute;
	top: 0;
	right: 20px;
	float: left;
}

#header_login {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #FFFFFF;
	width: 200px;
	height: 100px;
}

#header_login input[type="text"], #header_login input[type="password"] {
	width: 120px;
	padding: 2px;
}

#header_spacer {
	background: #eaeaea url("../image/background_top.png") no-repeat center 10px;
	height: 40px;
}

#main_outer {	
				background: #eaeaea url("../image/background.png") repeat-y center;	
}

#mainbody {
	width: 100%;
    margin: 0;
    padding: 0;
    min-height: 500px;
    float: none;
    /* IE6 Hack to allow for Min-Height usage */
  	height:auto !important;	
 	height: 500px;
}


#footer_outer {	
	background: #3a4449 url("../image/sprites_head_foot.png") repeat-x 0 -338px;
	height: 140px;
}

#footer_logo {
	background: #3a4449 url("../image/sprites_logo.png") repeat-x 0 -248px;
	height: 134px;
	width: 77px;
	right: 10px;
	position: absolute;
}

#footer_outer #links {
	position: absolute;
	padding-top: 50px;
	color: #EFEAB3;
}

#footer_outer #links ul {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

#footer_outer #links ul li {
	float: left;
	margin-right: 15px;
}

#footer_outer #links li a {
	color: #EFEAB3;
}

#sidecol {
    width:150px;
	height:700px;
    float: left;
    /*background-color: #B6CA89; /*#B6CA89;*/
    margin-top: 20px;
    padding: 0px;
	color:#FFFFFF;
	font-weight:bold;
}

#maincol {
	color: #555555;
	width: 75%;
	float: none;
	position: relative;
    margin-left: 160px;
    margin-bottom: 20px;
    padding: 0px;
}


.tabbed_para {
	padding-left: 20px;
}

.layouttable {
	width: 100%;
	vertical-align: top;
}

.layouttable td {
	vertical-align: top;
}

.layouttable .leftcol {
	width: 200px;
}

.layouttable .middlecol {
	width: auto;
}

.layouttable .rightcol {
	width: 160px;
}

.fineprint, .fineprint a {
	font-size: 7pt;
	color: #999999;
}

.no_overflow {
	overflow: hidden;
	width: 100%;
}

.greyout {
	color: #999999;	
}

.htmledit {
	height: 400px;
}

.divider_line {
	height: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #555555;
	margin: 4px;
}

.divider_line_left {
	border-left: 1px solid #555555;
	margin: 4px;
}

.divider_dots {
	background: #FFFFFF url('../image/sprites_skinny.gif') repeat-x 0 -288px;

	height:4px;
}

.image_with_border {
	border-width: 1px;
	border-style: solid;
	border-color: #aaaaaa;
}

/**	Custom Class Styles */
.errors {
	color: #FF0000;
}

/** Class Styles for Faces */

.panelGrid {

}

.panelGrid td, .panelGrid th {
	padding: 5px;
	color: #555555;
	font-weight: normal;
}

.panelGrid label {
	font-weight: bold;
}

.radio label {
	font-weight: normal;
}

.button {
	background: transparent url('../image/sprites_skinny.gif') no-repeat scroll -80px -80px;
	height: 24px;
	width: 100px;
	border: 0pt none;
	margin-right: 5px;
}

.button_small {
	background: transparent url('../image/sprites_skinny.gif') no-repeat scroll 0 -80px;
	height: 23px;
	width: 78px;
	border: 0pt none;
	margin-right: 5px;
}

.button_styled {
	background: transparent url('../image/sprites_skinny.gif') no-repeat scroll -180px -108px;
	height: 39px;
	width: 179px;
	border: 0pt none;
	text-align: left;
	padding-left: 10px;
	cursor: pointer;
	font-weight: bold;
	color: #FFFFFF;
	padding-bottom: 5px
}

.breadcrumbs {
	height: 14px;	
}

.breadcrumbs ul, ul.breadcrumbs {
	list-style: none;
	margin: 0px;
	padding: 0px;
	list-style-type: ;
}

.breadcrumbs li {
	float: left;
	padding-right: 5px;
	margin: 0px;
}

.breadcrumbs .active {
	font-weight: bold;	
}

.progress_gone {
	background-color: #555555; height: 8px;
}

.progress_yet {
	background-color: #eaeaea; height: 8px;
}

.tooltip {
	
}


.autocomplete {
	float: left;
	border: none;
	border: 1px solid #e1e1e1;
	border-right: none;
	margin-right: 0;
	height: 16px;
	padding: 2px 0 2px 2px;
}
.autocomplete.locked {
	text-decoration: underline;
}

.autocomplete.unresolved {
	text-decoration: underline;
	color: red;
}
.autocomplete_unlock {
	height: 20px;
	width: 16px;
	background: transparent url('../image/sprites_skinny.gif') no-repeat scroll -320px 2px;
	float: left;
	margin: 0 4px 4px 0;
	border: 1px solid #e1e1e1;
	border-left: none;
}

.autocomplete_dropdown {
	position: absolute;
	padding: 4px;
	cursor: pointer;
	background-color: white;
	margin-top: 24px;
	clear: both;
	border: 1px solid #e1e1e1;
}

.autocomplete_dropdown ul {
	padding: 0;
	margin: 0;
}

.autocomplete_dropdown li {
	list-style-type: none;
	padding: 3px;
}

.autocomplete_dropdown li a:hover {
	background-color: #F3F3F3;
	padding: 3px;
}
.autocomplete_dropdown li a {
	background-color: inherit;
	padding: 3px;
}

/**********************************************************************\
  Icons / Images
\**********************************************************************/

.icons, .icons li {
	margin: 0px;
    padding: 0px;
    list-style: none;
    float: left;
}

.icon, .icon_col, .img_icon {
	height: 16px;
	width: 16px;
}

.icon, .icon_col {
	cursor: pointer;
	display: block;
}

.icon.inline {
	display: inline;
}

.icon.edit, .img_icon.edit {
	background: transparent url('../image/sprites_skinny.gif') no-repeat scroll -256px 0;
}
.icon.info, .img_icon.info {
	background: transparent url('../image/sprites_skinny.gif') no-repeat scroll -96px -48px;
}
.icon.transfer, .img_icon.transfer {
	background: transparent url('../image/sprites_skinny.gif') no-repeat scroll -192px 0;
}
.icon.warning, .img_icon.warning {
	background: transparent url('../image/sprites_skinny.gif') no-repeat scroll -336px 0;
}
.icon.banned, .img_icon.banned {
	background: transparent url('../image/sprites_skinny.gif') no-repeat scroll -227px 0;
}
.icon.arrow_right, .img_icon.arrow_right {
	background: transparent url('../image/sprites_skinny.gif') no-repeat scroll -128px 0;
}
.icon.arrow_left, .img_icon.arrow_left {
	background: transparent url('../image/sprites_skinny.gif') no-repeat scroll -112px 0;
}
.icon.arrow_up, .img_icon.arrow_up {
	background: transparent url('../image/sprites_skinny.gif') no-repeat scroll -224px 0;
}
.icon.arrow_down, .img_icon.arrow_down {
	background: transparent url('../image/sprites_skinny.gif') no-repeat scroll -208px 0;
}
.icon.blue_star_mini, .img_icon.blue_star_mini {
	background: transparent url('../image/sprites_skinny.gif') no-repeat scroll -243px -3px;
	height: 10px;
	width: 10px;
}
.icon.addclub, .img_icon.addclub {
	background: url("../image/sprites_skinny.gif") no-repeat -8px -48px;
}
.icon.manageclubs, .img_icon.manageclubs {
	background: url("../image/sprites_skinny.gif") no-repeat 0 -48px;
}
.icon.editcompetition, .img_icon.editcompetition {
	background: url("../image/sprites_skinny.gif") no-repeat -32px -48px;
}
.icon.startdraft, .img_icon.startdraft {
	background: url("../image/sprites_skinny.gif") no-repeat -16px -48px;
}
.icon.skipdraft, .img_icon.skipdraft {
	background: url("../image/sprites_skinny.gif") no-repeat -24px -48px;
}
.icon.delete, .img_icon.delete {
	background: url("../image/sprites_skinny.gif") no-repeat scroll -320px -24px;
}
.icon.delete_mini, .img_icon.delete_mini {
	background: url("../image/sprites_skinny.gif") no-repeat scroll -338px -26px;
	height: 12px;
	width: 12px;
}
/**********************************************************************\
 Page Title
\**********************************************************************/


#menu {
	height: 20px;
	font-weight: bold;
	color: #003366;
	position: absolute;
	top: 132px;
}
	
#menu ul {
    margin: 0px;
    padding: 0px 10px 0px;				/* 	add padding to top and right of list block */
    list-style: none;					/* 	remove list marker */
}

#menu_box {
	background-color: #b13524;
	height: 14px;
	padding: 4px;
	
	color: #FFFFFF;
}

#menu li {
	float: left;	
	margin: 0px;
	/*padding: 0px 0px 0px 9px;			/* 	add padding to left of width of left image, pads the a tag out so left image is shown */
}

#menu a {
	vertical-align:bottom;
	text-decoration: none;
    font-weight: bold;
    color: #FFFFFF; 					/*#003366;*/
	padding: 5px 5px 5px 5px; 			/*  padding to push text from edges, 
											left_padding = right_padding - left_image_width added in padding in li tag above 
											bottom_padding = top_padding - 1 to allow background image bleed through */
}

#menu a:hover {
	color: #EFEAB3;
}
	  
#menu .current {
}

#menu .current a {
	text-decoration: underline;
	color: #FFFFFF;
	padding-bottom: 5px;				/*  bottom_padding increased by 1 px from #header a defined above
											this makes background hidded for current tab */
}

#imagepane {
	text-align: left;
	width: 100%;
	background-color:#FFFFFF;
	float: left;
}

#title_image {

}

#divider {
	width: 100%;
	margin-bottom: 4px;
	height: 20px;
}


/**********************************************************************\
 Tiles
\**********************************************************************/

.tile {
	margin: 8px;
	margin-left: 0;
	padding-bottom: 0;
}

.tile_mini {
	margin: 8px;
	padding-bottom: 0;
}

.tile p, .tile_mini p {
	width: 100%;
}

.rightcol .tile {
	margin-right: 0px;
}

.tilehead {
	width: 100%;
}

.tilehead div {
	background: url("../image/sprites_boxes.png") no-repeat left top;
	margin: 0px;
	padding: 0px 0px 0px 9px;			/* 	add padding to left of width of left image, pads the a tag out so left image is shown */
	
}

.tilehead div a, .tiletop div a, .tileheadred div a {
    display: block;
	background: url("../image/sprites_boxes.png") no-repeat right top;
	text-decoration: none;
    font-weight: bold;
    color: #FFFFFF;
	height: 16px;
	padding: 5px 0px 4px 6px; 			/*  padding to push text from edges, 
											left_padding = right_padding - left_image_width added in padding in li tag above 
											bottom_padding = top_padding - 1 to allow background image bleed through */

}

.tiletop div a {
	background: url("../image/sprites_boxes.png") no-repeat right -78px;
	height: 10px;
}

.tiletop div {
	background: url("../image/sprites_boxes.png") no-repeat left -78px;
	margin: 0px;
	padding: 0px 0px 0px 9px;			/* 	add padding to left of width of left image, pads the a tag out so left image is shown */
	height: 10px;
}

.tilefoot div {
	background: url("../image/sprites_boxes.png") no-repeat left -163px;
	margin: 0px;
	padding: 0px 0px 0px 9px;			/* 	top,left,bottom,right - add padding to left of width of left image, pads the a tag out so left image is shown */
	height: 9px;
}

.tilefoot div a {
    display: block;
	background: url("../image/sprites_boxes.png") no-repeat right -163px;
	text-decoration: none;
    font-weight: bold;
    color: #ffffff;
	height: 9px;
	padding: 0px 0px 0px 6px;			/*  padding to push text from edges, 
											left_padding = right_padding - left_image_width added in padding in li tag above 
											bottom_padding = top_padding - 1 to allow background image bleed through */

}

.tilebody {
	background: transparent url("../image/sprites_head_foot.png") repeat-x scroll right -636px;
	padding: 10px;
	color: #555555;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	display: block;
}

/*.tilebody div { width: 100%; }*/	/* hack required to stop IE6 hacking up my tiles, man i hate IE! */

.tilebody.lesspadding {
	padding: 5px;	
}

.tiledivider {
	background: #FFFFFF url('../image/sprites_colourful.png') repeat-x 0 -143px;
	height: 4px;
}

.inner_tile {
	background-color: #eaeaea;
	padding: 5px;
}

.tilebody .inner {
	width: 100%;	
}

.form_table, .input_table, .output_table {
	border-collapse: collapse;
	clear: both;
	margin: 0pt;
	width: 100%;
}

.output_table td, .output_table th {
	padding: 2px;
}

.form_table tr, .input_table tr {
	background-color: #f3f3f3;
}

.form_table tr.no_highlight {
	background-color: #f3f3f3;
}

.form_table th, .form_table td, .input_table th, .input_table td {
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 8px;
	padding: 10px;
	text-align: left;
	vertical-align: top;
}

.form_table th.nogap, .form_table td.nogap {
	border-bottom-width: 0;
}

.form_table th {
	width: 20%;	
}

.form_table input[type="text"] {
	width: 300px;
}

.input_table textarea.expandable.hasFocus {
	height: 100px;
}
.miniladder, .ladder {
	width: 100%;
	overflow: hidden;
}

.minifixture, .login {
	text-align: center;
	font-weight: bold;
	overflow: hidden;
}

.fixturepanel {
	float: left; 
	width: 295px;
}

.banterpanel {
	width: 100%;	
}

.banter_entry {
	background-color: #f3f3f3;
}

.banter_avatar_box {
	width: 70px;
	height: 64px;
	text-align: center;
}

.banter_no_avatar {
	height: 64px;
}

.fixturepanel .roundpanel {
	min-height: 230px;
    /* IE6 Hack to allow for Min-Height usage */
  	height:auto !important;	
 	height: 230px;
}

.fixturepanel .roundpanel .homeclub {
	width: 80px;
	text-align: right;
	padding-top: 4px;
	padding-bottom: 4px;
}
.fixturepanel .roundpanel .awayclub {
	width: 80px;
	text-align: left;
}
.fixturepanel .roundpanel .vs {
	vertical-align: middle; 
	text-align: center;
	font-style: italic;
	width: 32px;
	padding: 4px;
}
.fixturepanel .roundpanel .score {
	border-left: 1px #333333 solid;
	border-right: 1px #333333 solid;
	text-align: center;
	width: 24px;
}
.fixturepanel .roundpanel .winner {
	font-weight: bold;
}
.fixturepanel .roundpanel .gamename {
	text-align: center;
	border-bottom: 1px #333333 solid;
}

.login div {
	padding: 2px;
	text-align: left;
}

.miniresults, .minitrading {
	font-size: 85%;
	width: 100%;
	font-weight: bold;
}

.miniladder .top, .ladder .top, .ladder .head, .minitrading .bold, .minifixture .bold, .miniresults .bold {
	font-weight: bold;
	overflow: hidden;
}

.miniladder .bottom, .ladder .bottom, .minitrading .normal, .minifixture .normal, .miniresults .normal  {
	font-weight: normal;
	vertical-align: bottom;	
}

.miniladder .bottom div, .miniladder .top div {
	overflow: hidden;
}

.miniladder .italic, .minitrading .italic, .minifixture .italic, .miniresults .italic {
	font-weight: normal;
	font-style: italic;
}

.miniresults td {
	vertical-align: middle;
}

.teamselection, .fixture, .clubs, .competition, .squad {
	width: 100%;
	font-weight: normal;
	border-width: 1px;
}

.editpane {
	font-size: 85%;
	font-weight: normal;
	border-width: 1px;
	width: 100%;
}

.loginnews {
	padding: 5px;
	background-color: #c57461;
	color: #FFFFFF;
}

.loginnews td, .loginnews a, .loginnews .footer {
	color: #FFFFFF;
}

.news .title {
	font-weight: bold;
}

.infobox  {
	width: 100%;
	font-weight: normal;
	border-width: 1px;
}

.teamselection .bold, .fixture .head, .squad .head {
	font-weight: bold;
}

.teamselection .stats_head {
	font-weight: bold;
	text-align: center;
	width: 4%;
}

.teamselection .stats {
	text-align: center;
	width: 4%;
}

.teamselection .stats_alt {
	text-align: center;
	background-color: #e3dcc0;
	border-color: #e3dcc0;
	width: 4%;
}

.links {
	font-size: 7pt;
	width: 100%;
	font-weight: normal;
	text-align: center;
}



.resultsGraph {
	background: url("../image/sprites_colourful.png") no-repeat left 0;
	height: 4px;
	vertical-align: middle;
}

.voteGraph {
	vertical-align: middle;	
	padding: 0px;
	margin: 0px;
}

.voteGraph .bar {
	vertical-align: middle;
	height: 20px;
	color: #ffffff;
	padding-left: 4px;
}

.voteGraph .filler {
	vertical-align: middle;
	height: 20px;
}

.voteGraph .option1 {
	background: url("../image/sprites_colourful.png") no-repeat left -24;
}

.voteGraph .option2 {
	background: url("../image/sprites_colourful.png") no-repeat left -48;
}

.voteGraph .option3 {
	background: url("../image/sprites_colourful.png") no-repeat left -72;
}

.voteGraph .option4 {
	background: url("../image/sprites_colourful.png") no-repeat left -96;
}

.voteGraph .option5 {
	background: url("../image/sprites_colourful.png") no-repeat left -120;
}


.help p, .help div, .help td, .help th, .help a, .help li {
}

.alternating_rows th {
	height: 25px;
	padding: 2px;
	vertical-align: middle;
}


.alternating_rows td {
	vertical-align: middle;
	padding-left: 2px;
	height: 16px;
}

.alternating_rows .alt, .alt_box, .alt {
	background-color: #f3f3f3;
}

.alt_box {
	padding: 4px;
}

.alternating_rows .top {
	font-weight: bold;
}
.alternating_rows .alt .highlight {
	background-color: #eaeaea;
}

.alternating_rows .base .highlight {
	background-color: #f3f3f3;
}

table.invoice, table.bordered_table {
	border-collapse: collapse;
	border-style: none;
	border-spacing: 0px;
}

.invoice td, .invoice th, .bordered_table td, .bordered_table th {
	border: 1px solid;
	border-color: #aaaaaa;
	padding: 5px;
}

.invoice th, .bordered_table th {
	background-color: #f3f3f3;
}

table.no_bordered_table {
	border-collapse: collapse;
	border-style: none;
	border-spacing: 0px;
}

.no_bordered_table td, .no_bordered_table th {
	border: none;
	padding: 0px;
}

#salarycap_step1, #salarycap_step2, #salarycap_step3, #salarycap_step4, #salarycap_step5, 
	#draft_step1, #draft_step2, #draft_step3, #draft_step4, #draft_step5  {
	height: 67px;
	width: 72px;
	float: left;
}

#salarycap_step1 { background: url("../image/sprites_colourful.png") no-repeat left -152px; }
#salarycap_step2 { background: url("../image/sprites_colourful.png") no-repeat -72px -152px; }
#salarycap_step3 { background: url("../image/sprites_colourful.png") no-repeat -144px -152px; }
#salarycap_step4 { background: url("../image/sprites_colourful.png") no-repeat -216px -152px; }
#salarycap_step5 { background: url("../image/sprites_colourful.png") no-repeat -288px -152px; }

#draft_step1 { background: url("../image/sprites_colourful.png") no-repeat left -224px; }
#draft_step2 { background: url("../image/sprites_colourful.png") no-repeat -72px -224px; }
#draft_step3 { background: url("../image/sprites_colourful.png") no-repeat -144px -224px; }
#draft_step4 { background: url("../image/sprites_colourful.png") no-repeat -216px -224px; }
#draft_step5 { background: url("../image/sprites_colourful.png") no-repeat -288px -224px; }

#salarycap_step1.done, #salarycap_step2.done, #salarycap_step3.done, #salarycap_step4.done, #salarycap_step5.done,
	#draft_step1.done, #draft_step2.done, #draft_step3.done, #draft_step4.done, #draft_step5.done {
	opacity: 0.4;
	filter: alpha(opacity=40);
}

#salarycap_arrow, #draft_arrow { background: url("../image/sprites_colourful.png") no-repeat left -304px; height: 17px; width: 19px; margin-left: 24px}

.addplayer { background: url("../image/sprites_skinny.gif") no-repeat -128px top; height: 16px; width: 16px;}

/* End home page layouts */

/* Roll Overs */
.registerRollOver a {
	display: block;
	background-repeat: no-repeat;
}
.registerRollOver a:hover img {
	visibility: hidden;
}
.registerRollOver a:hover {
	visibility: visible;
}

/* Table Row Highlight */
.alt_highlight, .base_highlight, .highlight_panel {
	background: #dcedff;
}

.altlink {
	cursor: pointer;
	text-decoration: underline;
}


/**********************************************************************\
  Coaches Box - Team Selection
\**********************************************************************/

.draggable_squadmember {
	float: left;
	text-align: center;
	width: 64px;
	font-weight: normal;
	vertical-align: bottom;
	text-align: center;
	cursor: pointer;
}

.locked .draggable_squadmember {
	cursor: default;	
}

.player {
	position: relative;
}

.player label, .playersearch label {
	color: #000000;
	font-weight: bold;
}

.player .labelrow {
	background-color: #FFFFFF;
	opacity: 0.7;
	filter: alpha(opacity=70);
	bottom: 0px;
	width: 64px;
	overflow: hidden;
	display: block;
}

.player .imagerow {
	bottom: 0px;
	height: 32px;
	width: 32px;
	margin: 0 auto 0 auto;
	position: relative;
}

.player .score {
	position: absolute;
	top: 2px;
	left: -16px;
}

.player .score label {
	padding: 1px;
	background-color: white;
	opacity: 0.80;
	filter: alpha(opacity=80);
	color: black;
	font-weight: bold;
}

.player .oop {
	display: none;
}

.positiongroup_label {
	position: absolute;
	background-color: white;
	opacity: 0.80;
	filter: alpha(opacity=80);
	position: absolute;
	bottom: 2px;
	left: 32px;
	padding: 0px 2px;
}

.playersearch .imagecol, .squad .imagecol {
	width: 50px;
}

.playersearch .player .imagerow, .squad .player .imagerow {
	margin: 0;
}

#squadList, #squadlist_outer {
	background-color: #f3f3f3;
}

#squadlist_outer {
	height: 430px;
	position: relative;
}

#squadList {
	overflow-y: auto;
	_overflow-y: none;
	height: 500px;
}

.y_scrollpanel {
	overflow-y: auto;
	height: 600px;
}

.x_scrollpanel {
	overflow-x: auto;
	width: 840px;
	border: 1px solid #e1e1e1;
}

.scrollpanel {
	overflow: auto;
	max-width: 840px;
}

#squads .squad ul {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
	width: 150px;
}
#squads .squad ul li {
	clear: both;
}

#squads .active {
	background-color: #FFEFEF;
}


#squadList .draggable_squadmember .labelrow {
	background-color: #f3f3f3;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#squadList .draggable_squadmember {
	margin: 2px auto;
	min-height: 60px;
    /* IE6 Hack to allow for Min-Height usage */
  	height:auto !important;	
 	height: 60px;
 	z-index: 200;
}

#team_selection_panel {
	width: 430px;
}

#teamSelectionBody {
	/*height: 580px;*/
}

#team_selection_panel #field {
	width: 430px;
	height: 430px;
	position: relative;
}

#field_image {
	background-image: url("../image/field_afl.png");
	width: 430px;
	height: 430px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	display: block;
}

div.field_position_drop_zone, .void_field_position {
	text-align: center;
	vertical-align: bottom;
	float: left;
	opacity: 1;
	height: 64px;
	width: 64px;
	position: absolute; 
	display: table;
}

.field_position_drop_zone label, .field_position_drop_zone div, .player label, .player div {
	font-size: 7.5pt;
}

.teammember_placeholder {
	height: 64px;
	width: 64px;
	opacity: 0.5;
	filter: alpha(opacity=50);
	background-color: #CCCCCC;
}

.selected_teammember {
	height: 64px;
	width: 64px;
}

.position_table td {
	padding: 2px;
	width: 64px;
	vertical-align: bottom;
}

.position_table .position {
	background-color: #000000;
	opacity: 0.85;	
	filter: alpha(opacity=85);
}

.position_table .player {

}

.field_position_drop_zone .position_label {
	filter: alpha(opacity=75);
	color: #ffffff;
	background-color: #000000;
	padding: 1px;
}

.droppable_team_highlight {
	background: #dcedff;
}


.squadmember_image {
	height: 32px;
	background: url("../image/players_afl.png") no-repeat left 0px;
	_background: url("../image/players_afl.gif") no-repeat left 0px;		/* hack for IE since it can't do png images */
}

.squadmember_image_cell {
	width: 32px;	
}

#playerSearchTable .squadmember_image, #squadTable .squadmember_image {
	width: 32px;
}

#squadTable .positive {
	color: #336600;
}

#squadTable .negative {
	color: maroon;
}

/* Club Images */
.squadmember_image.realClub_AD {
	background: url("../image/players_afl.png") no-repeat left -32px;
	_background: url("../image/players_afl.gif") no-repeat left -32px;
}
.squadmember_image.realClub_BL {
	background: url("../image/players_afl.png") no-repeat left -64px;
	_background: url("../image/players_afl.gif") no-repeat left -64px;
}
.squadmember_image.realClub_CA {
	background: url("../image/players_afl.png") no-repeat left -96px;
	_background: url("../image/players_afl.gif") no-repeat left -96px;
}
.squadmember_image.realClub_CW {
	background: url("../image/players_afl.png") no-repeat left -128px;
	_background: url("../image/players_afl.gif") no-repeat left -128px;
}
.squadmember_image.realClub_ES {
	background: url("../image/players_afl.png") no-repeat left -224px;
	_background: url("../image/players_afl.gif") no-repeat left -224px;
}
.squadmember_image.realClub_FE {
	background: url("../image/players_afl.png") no-repeat left -480px;
	_background: url("../image/players_afl.gif") no-repeat left -480px;
}
.squadmember_image.realClub_GE {
	background: url("../image/players_afl.png") no-repeat left -160px;
	_background: url("../image/players_afl.gif") no-repeat left -160px;
}
.squadmember_image.realClub_HW {
	background: url("../image/players_afl.png") no-repeat left -256px;
	_background: url("../image/players_afl.gif") no-repeat left -256px;
}
.squadmember_image.realClub_KA {
	background: url("../image/players_afl.png") no-repeat left -192px;
	_background: url("../image/players_afl.gif") no-repeat left -192px;
}
.squadmember_image.realClub_ME {
	background: url("../image/players_afl.png") no-repeat left -416px;
	_background: url("../image/players_afl.gif") no-repeat left -416px;
}
.squadmember_image.realClub_PA {
	background: url("../image/players_afl.png") no-repeat left -352px;
	_background: url("../image/players_afl.gif") no-repeat left -352px;
}
.squadmember_image.realClub_RI {
	background: url("../image/players_afl.png") no-repeat left -288px;
	_background: url("../image/players_afl.gif") no-repeat left -288px;
}
.squadmember_image.realClub_ST {
	background: url("../image/players_afl.png") no-repeat left -384px;
	_background: url("../image/players_afl.gif") no-repeat left -384px;
}
.squadmember_image.realClub_SY {
	background: url("../image/players_afl.png") no-repeat left -320px;
	_background: url("../image/players_afl.gif") no-repeat left -320px;
}
.squadmember_image.realClub_WB {
	background: url("../image/players_afl.png") no-repeat left -448px;
	_background: url("../image/players_afl.gif") no-repeat left -448px;
}
.squadmember_image.realClub_WC {
	background: url("../image/players_afl.png") no-repeat left -512px;
	_background: url("../image/players_afl.gif") no-repeat left -512px;
}

/* Club Images on field - all this is needed 'casue IE6 can't render PNG images ... IE6 is crap!!*/
#field .squadmember_image { 	_background-image: url("../image/player_grass.gif"); }	/* hack for IE since it can't do png images */
#field .squadmember_image.realClub_AD { _background: url("../image/players_afl.gif") no-repeat -32px -32px; }
#field .squadmember_image.realClub_BL { _background: url("../image/players_afl.gif") no-repeat -32px -64px; }
#field .squadmember_image.realClub_CA { _background: url("../image/players_afl.gif") no-repeat -32px -96px; }
#field .squadmember_image.realClub_CW { _background: url("../image/players_afl.gif") no-repeat -32px -128px; }
#field .squadmember_image.realClub_ES { _background: url("../image/players_afl.gif") no-repeat -32px -224px; }
#field .squadmember_image.realClub_FE { _background: url("../image/players_afl.gif") no-repeat -32px -480px; }
#field .squadmember_image.realClub_GE { _background: url("../image/players_afl.gif") no-repeat -32px -160px; }
#field .squadmember_image.realClub_HW { _background: url("../image/players_afl.gif") no-repeat -32px -256px; }
#field .squadmember_image.realClub_KA { _background: url("../image/players_afl.gif") no-repeat -32px -192px; }
#field .squadmember_image.realClub_ME { _background: url("../image/players_afl.gif") no-repeat -32px -416px; }
#field .squadmember_image.realClub_PA { _background: url("../image/players_afl.gif") no-repeat -32px -352px; }
#field .squadmember_image.realClub_RI { _background: url("../image/players_afl.gif") no-repeat -32px -288px; }
#field .squadmember_image.realClub_ST { _background: url("../image/players_afl.gif") no-repeat -32px -384px; }
#field .squadmember_image.realClub_SY { _background: url("../image/players_afl.gif") no-repeat -32px -320px; }
#field .squadmember_image.realClub_WB { _background: url("../image/players_afl.gif") no-repeat -32px -448px; }
#field .squadmember_image.realClub_WC { _background: url("../image/players_afl.gif") no-repeat -32px -512px; }

#field .squadmember_image {
	text-align: left;
}


/*Out of position*/
.positiongroup_AFL_FORWARD .AFL_MIDFIELDER, .positiongroup_AFL_FORWARD .AFL_RUCKMAN, .positiongroup_AFL_FORWARD .AFL_TACKLER,
.positiongroup_AFL_MIDFIELDER .AFL_FORWARD, .positiongroup_AFL_MIDFIELDER .AFL_RUCKMAN, .positiongroup_AFL_MIDFIELDER .AFL_TACKLER,
.positiongroup_AFL_RUCKMAN .AFL_FORWARD, .positiongroup_AFL_RUCKMAN .AFL_MIDFIELDER, .positiongroup_AFL_RUCKMAN .AFL_TACKLER,
.positiongroup_AFL_TACKLER .AFL_FORWARD, .positiongroup_AFL_TACKLER .AFL_RUCKMAN, .positiongroup_AFL_TACKLER .AFL_MIDFIELDER {
	borderx: 2px solid red;
}


.positiongroup_AFL_FORWARD .AFL_MIDFIELDER .oop, .positiongroup_AFL_FORWARD .AFL_RUCKMAN .oop, .positiongroup_AFL_FORWARD .AFL_TACKLER .oop,
.positiongroup_AFL_MIDFIELDER .AFL_FORWARD .oop, .positiongroup_AFL_MIDFIELDER .AFL_RUCKMAN .oop, .positiongroup_AFL_MIDFIELDER .AFL_TACKLER .oop,
.positiongroup_AFL_RUCKMAN .AFL_FORWARD .oop, .positiongroup_AFL_RUCKMAN .AFL_MIDFIELDER .oop, .positiongroup_AFL_RUCKMAN .AFL_TACKLER .oop,
.positiongroup_AFL_TACKLER .AFL_FORWARD .oop, .positiongroup_AFL_TACKLER .AFL_RUCKMAN .oop, .positiongroup_AFL_TACKLER .AFL_MIDFIELDER .oop {
	display:block;
	font-weight: bold;
	z-index: 25;
	position: absolute;
	background: transparent url("../image/sprites_skinny") no-repeat -80px 384px;
	_background: transparent url("../image/icon/error.gif");	/* IE6 hack */
	height: 16px;
	width: 16px;
	right: -16px;
	top: 0px;
}

.loading {
	height: 16px;
}

.hidden_popup {
	position: absolute;
	border: 1px solid #E1E1E1;
	padding: 8px;
	background-color: #F3F3F3;
	cursor: pointer;
	margin: 3px;
}

.hidden_popup table {
	width: auto;
	border-collapse: collapse;
}