html {height: 100%}

/*----------- core HTML tags --------------*/

body, td, input, select, button
{ 
  font: 12px verdana, arial, helvetica, sans-serif;
	color: #000;

}

body
{
	margin: 0;
	background: #111;
        text-align: center;
}

h1
{ 
	font-size: 145%;
}

table, form, img
{ 
	padding: 0; 
	margin: 0; 
	border: none;
	border-collapse: separate;
}

label, legend
{ 
	color: #333;
	font-weight: bold;
}

hr
{
	height: 1px;
	border: none;
	border-top: 1px solid #ccc;
}

fieldset
{ 
	margin: 10px 0;
}

acronym
{
	cursor: help; 
	border-bottom: #ccc solid 1px;
}

a, a:visited
{ 
	/*color: #00d;*/
	color: #336;
	text-decoration: none;
}

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


/*----------- form  field sizes ------*/
.short
{ width: 50px;}
.mediuma
{ width: 75px;}
.mediumb
{ width: 150px;}
.mediumc
{ width: 225px;}
.wide
{ width: 375px;}
.warning
{ color: #f00; font-weight: bold}
/*----------- tables ------------------*/

table.formtable td
{
	padding: 3px 10px 3px 0;
	white-space: nowrap;
	vertical-align: baseline;
}

table.listtable td
{
	padding: 3px;

	vertical-align: baseline;
}

table.listtable thead, table.listtable tr.tableheader td
{
	color: #67707f;
	padding: 3px;
	background: #c3d3ee;
	white-space: nowrap;
}

table.listtable tr.tableheader td a
{
	color: #fff;
}

table.listtable tr.altrow td
{
	background: #fff9e2;
}

/*----------- menu area --------------*/

div#menu
{
    position: static;
	width: 100%;
	background: #fff url('pics/button-meta-select.gif') repeat-x bottom;
	color:#fff;
	overflow: hidden;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}

div#menu select
{
	font-size: 11px;
}

div#menu div
{ 
        position: relative;
	float: left;
	width: 30px;

}
	
div#menu div select
{ 
	width: 110px;

}

div#menu a, div#menu span, .button
{

	position: relative;
    color: #fff;
	font-weight: bold;
	font-size: 11px;
	display: inline;
	float: left;	
	padding: 2px 10px 4px 10px;
	margin: 0;
}

html > body div#menu a, html > body div#menu span
{

    border: 1px solid transparent;
}


div#menu a:hover, .button:hover, div#menu span
{
	
	position: relative;
	background: #d94646;
	color:#fff;
	text-decoration: none;
}

div#menu span
{	

    display: relative;
	/*background: #fff;*/
	padding: 2px 10px 4px 10px;
	/*background: #fff url('pics/button-metal.gif') repeat-x top;*/
	background-color: #fff;
	color: #d41111;
    border-left-color: #ccc;
    border-right-color: #ccc;
    border-top-color: #ccc;
}
div#menu select
{	
	margin: 2px 5px; 
}

/*----------- banner area --------------*/

div#banner
{
	position: relative;
	width: 100%;
	height: 157px;
	margin: 0;
	overflow: visible;
	background: #fff url('pics/customized/banner-background.jpg') no-repeat top left;

}

img#leaguename
{
	display: none;
}

img#logo, img#logoprint
{

        position: absolute;
	top: 0; left: 13px;
	z-index: 100;
}

img#logoprint
{
	display: none;
}

img#customa
{
	display: none;
}

img#customb
{
	display: none;
}

img#bannerad, object#bannerad
{
	position: absolute;
	top: 2px; left: 230px;
	z-index: 101;
	display:none;
}
/*----------- main content area --------------*/

div#wrapper, #wrapperwide
{
    position: relative;
    width: 1024px;
    text-align: left;
    margin: 0 auto;
    /*border: #91a554 solid;
    border-width: 5px;*/
}

div#contentblock, div#contentblockwide
{

	position: relative;
	width: 1024px;
	background: #fff;
        clear: both;

}

/*----------- left column --------------*/

div#a
{
	display: inline;
	float: left;
	width: 193px;
	height: 100px;
	/*background: #fff url('pics/customized/background.gif') no-repeat top left;*/
	/*background-color:#ccc;*/
    padding-top: 1em;

}

html > body div#a
{
	height: auto;
	min-height: 100px;
}

div#submenu
{
        clear: both;
	padding: 12px 0;
	font-size: 11px;

}

div#submenu a, div#submenu a:visited, div#submenu span
{
	display: block;
	padding: 3px;
	padding-left: 6px;
	color: #336;
	
	text-decoration: none;
}
div#submenu span
{
	font-weight: bold;

	
}
div#submenu span.subheader
{
	margin: 0 0 3px 0;
	padding: 3px 6px;
	color: #000;
	font-weight: bold;
	background: #c3d3ee url('pics/button-metal.gif') repeat-x bottom;

}
div#submenu a:hover
{
	color: #111;
	background: transparent url('pics/button-metal.gif') repeat-x top;
}

/*----------- right column --------------*/

div#b, div#bwide
{
	position: relative;
	display: inline;
	float: left;
	margin: 0;
	padding: 1em 15px;
	height: 500px;
	background: #fff url('pics/customized/background.gif') no-repeat top left;
}
div#b
{
	width:580px;
}
div#bwide
{
	width:700px;
}

html > body div#b, html > body div#bwide
{
	height: auto;
	min-height: 500px;
}

body
{
	background: #686868 url(pics/customized/background.jpg) repeat-x top;
}

/*----------- right column --------------*/

div#c
{
    
	padding: 2em 5px;
    position: relative;
	font-size: 11px;
	display: inline;
	float: right;
	width: 210px;
	overflow: visible;
	min-height: 500px;
	background: #fff url('pics/customized/background.gif') no-repeat top left;
}
div#d
{	display: none;
	
}

div#c div.display, div#c p
{
	padding: 5px 0; margin: 0;
	
}
div#c div.display p
{
	font-size: 12px;
	padding: 3px 0;
	
}
div#c div.top label
{
	color: #000;
	
}
div#c td
{
	position: relative;
	vertical-align: baseline;
	width: 80px;
	font-size: 11px;
	overflow: visible;
	
}
div#c td a, div#c td a:visited
{
	color: #336;
}
div#c hr
{
	border-color: #77a;
}
div#c td.score
{
	width: 6ex; 
}

/*----------- footer area --------------*/

div#footerblock
{
	color: #600;
	position: relative;
	clear: both;
	font-size: 9px;
	background: #fff url('pics/customized/background-footer.gif') no-repeat bottom;
        padding: 5px 15px; 

}
div#footerblock a, div#footerblock a:visited
{
}


/*----------- generic divs --------------*/
#login
{
	position: absolute;
	top: -60px;
	left: 200px;
        padding: 0;
        clear: both;
        /*border-bottom: 1px solid #999;
        font-size:90%;*/
		z-index:1000;
		color:#fff;
		width: 600px;
}

#login2
{
position: absolute;
	top: -70px;
	left: 200px;
        padding: 0;
        clear: both;
        /*border-bottom: 1px solid #999;
        font-size:90%;*/
		z-index:1000;
		color:#fff;
}

#login2 input {margin: 0; font-size:10px; position:relative; right:-50px; bottom:10px; float:right;}

#login table
{ 
	/*margin: 3px;*/
}

#login input, div#login button, div#register button
{ 
	/*font-size: 10px;*/
	padding: 0;
	margin: 0;

}
#login input
{
font-size:10px;
}

#login input.mediuma
{ 
	width: 90px;
	height: 10px;
	margin: 0;
}

#login table td
{	
	padding: 0 5px 2px 0; 
	color:#fff;
	/*font-size: 10px; */
	font-weight: bold;
	white-space: nowrap;
	vertical-align: baseline;
}

#login p
{
	padding-right: 10px; 
	display: inline;
	color:#fff;
}

#login a, #login td label
{
font-weight: bold;
color:#fff;
}

#login td a
{
font-size: 10px; 
font-weight: normal; color:#fff;
}

#login img
{ 
	display: none;
}


#register
{
  padding: 1ex 1ex 2ex 1ex;
  float: left;
}


#e2elogo
{
	position: absolute;
	top: 118px; right: 5px;
	width: 116px; height: 39px;
}

.hide
{ display: none;}
.tips
{ font-weight: bold; color: #999;}

#lblPhoto {display: block; padding-bottom: 1em;} 
#lblNews a {font-size: 130%; color: #0b6798;}
.date
{ display: inline; font-size: 10px; color: #888;}
.date .divider
{ display: none;}
.alert, tr.alert td
{ background: #f00; color: #fff;}
#sub1, #sub2, .note
{
	padding: 10px; background: #eee;
}