/* layout styling */
* {padding:0; margin:0;}
body {margin: 0 0 5px 0;text-align:center;background-image:url(bodybg.gif);}
#outerborder {
position: relative;
  margin-left:auto;margin-right:auto;
  margin-top:0px;
  width:902px;
background:url(images/outerborder.gif) center repeat-y;
}
#container 
{
position: relative;
  margin-left:auto;margin-right:auto;
  margin-top:0px;
  width:880px;color:#666666;
  margin-bottom:5px;font-family:Helvetica,Verdana, Arial, sans-serif;
  font-size:1em;text-align:left;letter-spacing:1px;
  background-image:none;
  background-color: white;
}
a, span.fakelink {color:#6a9bb9;text-decoration:none;}
a:hover, .fakelink:hover {color:#6a9bb9;text-decoration:underline;}
.fakelink:hover { cursor:pointer;}

h1 {background-color:#F0F8FA;border-bottom:1px solid #333399;padding-left:6px;font-size:1.2em;font-weight:bold;color:#363F5D;letter-spacing:-1px; text-transform:capitalize;}

/* header styling */
#top {height:177px;} /* previously 149px, increased again from 220 */
#printbanner { display: none; }
#printfooter { display: none; }
.printonly { display: none; }
/*#top form {position:relative;left:575px;top:125px;display: inline;margin-left: 5px;} */
.extrasmalltextbox{font-size: xx-small;}
#leftcontent { width: 42%;float:left;margin:5px;}
#rightcontent {width:55%;float:left;margin:5px;}
#global, div.global {margin:10px;}
#global li, #global ol { margin-left:20px; }
#centercontent {float:left;width:700px;text-align:center;clear:both;display:block;margin:5px;}
#leftcontent, #rightcontent, #global, div.global {margin-top:10px;}
thead tr, h3 {
  background-color:white;
  border-bottom:1px solid #dedede;
  padding-left:6px;font-weight:normal;
  color:#666666;text-transform:capitalize;
  letter-spacing:1px;
  background-image:none;
  height: 23px;
}
#leftcontent h4, #rightcontent h4, #global h4 {margin-top:2px;margin-bottom:0;padding-left:5px;}
#leftcontent p, #rightcontent p, #global p, #global table, #leftcontent li {padding:0px;margin:5px;font-size:normal;}
#leftcontent #latestcomp ul, #leftcontent #previouscomps ul, #leftcontent #upcomingcomps ul {list-style:none;margin:0;padding:2px 0 0 3px;}
#leftcontent #latestcomp li, #leftcontent #previouscomps li, #leftcontent #upcomingcomps li {display:block;}

#leftcontent #latestcomp li span.pos span.sup {vertical-align:super;font-size:60%;}
#leftcontent #halloffame ul {margin-left:20px;}
#leftcontent #halloffame ul li.hio {list-style-image:url(img/rib2.gif);list-style-position:outside;}
#leftcontent #halloffame ul li.lgs {list-style-image:url(img/rib1.gif);list-style-position:outside;}
#leftcontent #halloffame ul li.hss {list-style-image:url(img/rib1.gif);list-style-position:outside;}
#leftcontent #halloffame h4 span {font-size:62%; font-weight: normal;}
.newsbox { margin-left: 10px; }
#rightcontent .announcements h4 {clear:both;padding-left:5px;}
#rightcontent .announcements h4 span {font-size:62%; font-weight: normal;}

#leftcontent span.date{font-size:75%;}
span.sml {font-size:80%;}
span.str {font-weight:bold;}
div#leftcontent div, div#rightcontent div, div#playerinfo, div#global div, div#global, div.chartdiv, div#statistics, div.global
  { border: 1px solid #dedede;background-image:url(background.gif);margin-top:10px;}
/* FOOTER STYLING */
#footer {clear:both;width:100%;font-size:x-small;text-align:center;margin:0;text-decoration:none;}
#footer a {text-decoration:none;}
#footer a:hover {text-decoration:underline;}
.copyright {font-size:x-small;}

/* menu styling */
#ig {
display:none;
position: relative;
left: 540px;
top: 0px;
width:100px;
}
#ig img {
border:0;
}

/* menu */
/*position*/
#topmenu {
width:795px;
background-color:#474d45;font-size:9px;
position:relative;
top:42px;left:85px;
border-top: 0px solid #6699cc;
}
#nav, #nav ul {
  float:left;width:100%;list-style:none;padding:0;margin:0;
}
#nav a {
display:block;padding:0.25em 2em;text-transform: uppercase;letter-spacing: 1px;color:white;
} 
#nav li {
float:left;padding:0 2px 0 0;
} 
#nav li ul {
position:absolute;left:-999em;height:auto;width:14.4em;w\idth:13.9em;font-weight:normal;margin:0;
}
#nav li li {
padding-right:1em;
} 
#nav li ul a {
width:13em;w\idth:9em
;} 
#nav li ul ul {
margin:-1.75em 0 0 14em;
} 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
} 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left:  auto;
}
/*style*/
/*Dark blue hover on blue background, white text, pale blue drop down*/ #nav, #nav ul {
line-height:2;background:#474d45;font-weight:normal;
}
#nav a.moreright {
background: url(images/rightarrow.gif) center right no-repeat;
} 
#nav a.moredown {
background: url(images/downarrow.gif) center right no-repeat;
} 
#nav li {
} 
#nav li ul {
border-top:1px solid black;background:#474d45;
} 
#nav li li {
border-bottom:1px solid black;
} 
#nav a {
text-decoration: none;
} 
#nav li:hover, #nav li.sfhover {
background:#012351;
} /*Dark blue hover on blue background, white text, drop down same color*/

/* Table styling */
table { border-collapse: collapse;border: 1px solid #dedede;}
tr { 
/* background-image:url(background.gif); */
border: 1px solid #dedede; }
tr.odd {
        border: 1px solid #dedede;
}
td.odd {
}
td { padding: 5px; }
div#chartcontainer {
width: 504px;
float:right;
border:0;
margin:0;
}
div#statistics {
width: 350px;
float:left;
margin-top: 10px;
margin-left:10px;
}
div.chartbox {
width: 220px;
float: left;
background-image:url(bodybg.gif);
margin: 10px;
border: 1px solid #dedede;
}
.comment { 
font-size: xx-small;
font-style: italic;
}
fieldset {
border:0;
}

a.button {
  background:url(menudot.gif) no-repeat left;
        padding-left: 15px;
        padding-right: 5px;
        margin:0px;
        line-height: 2em;
        font-weight: normal;
        text-decoration: none;
}
a.button:hover {
text-decoration:underline;
}

/* KNOCKOUTS */
.knockout {
        font-size: x-small;
        border-collapse: collapse;
}
.toplayeven {
        border-bottom: 2px solid #999999;
        border-right: 2px solid #999999;
        padding-left: 5px;
        padding-bottom: 5px;
}
.toplayodd {
        border-bottom: 2px solid #999999;
        padding-left: 5px;
        padding-bottom: 5px;
}
.matchlink {
        border-right: 2px solid #999999;
}
.announcedate {
font-size: x-small;
}

/* Winter League */
#fixtures {
        padding: 10px;
        clear: left;
}

#fixtures .left, #leaderboard .left {
        float: left;
        width: 45%;
        margin-right: 10px;
        clear: left;
        margin-left: 10px;
}

#fixtures .right, #leaderboard .right {
        width: 45%;
        float: right;
        clear: right;
}

#fixtures table {
        width: 100%;
        background-color: white;
        font-size: x-small;
        border: 1px solid #666666;
        padding: 0;
        border-spacing: 0px;
        border-collapse: collapse;

}
#fixtures tr, #fixtures td {
        border: 1px solid #666666;
}

#fixtures .fivepctd {
        width: 5%;
}

#fixtures .player {
        width: 45%;
        border: 1px solid #666666;
        padding: 5px;
}

#fixtures h3 {
        margin-bottom: 0.1em;
        clear: both;
}
#teamdetail {
        margin-left: 50px;
        margin-right: 50px;
}

#teamdetail p.whitebox {
        background-color: white;
        width: 350px;
        border-left: 1px solid #333399;
        border-right: 1px solid #333399;
        border-bottom: 1px solid #333399;
        margin-top: 0px;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
        padding-left: 5px;

}

#teamdetail table {
        width: 350px;
        background-color: white;
        font-size: small;
        border: 1px solid #666666;
        padding: 0;
        border-spacing: 0px;
        border-collapse: collapse;
}
#teamdetail tr, #fixtures td {
        border: 1px solid #666666;
}
#leaderboard h3 {
        margin-left: 50px;
        clear: left;
}

#leaderboard table {
        font-size: x-small;
        border: 1px solid #666666;
        padding: 0;
        border-spacing: 0px;
        border-collapse: collapse;
        width: 100%;
        margin-bottom: 1em;
}
#leaderboard tr, #leaderboard td {
        border: 1px solid #666666;
}
#leaderboard .hidden {
        border: none;
        background-color: transparent;
}
#leaderboard .endcol {
        width: 20px;
        text-align: center;
}
#rulestext {
        margin-left: 50px;
        clear: left;
        margin-right: 50px;
        margin-bottom: 2em;
        padding: 10px;
        background-color: white;
}
#wlmenu {
margin-bottom: 10px;
margin-top: 5px;
margin-left: 10px;
font-size: 80%;
font-weight: bold;
}

#wlmenu ul, #wlmenu li  {
margin: 0;
padding: 0;
list-style-type: none;
display: inline;
}

#wlmenu a {
padding: 0.2em 1em;
text-decoration: none;
text-transform: capitalize;
color: black;
margin: 0px;
border: 1px solid black;
}


#wlmenu a:hover {
background-color: black;
background-image: none;
color: white;
}
#roundselect div, #roundselect form, #roundselect select {
        display: inline;
}
#roundselect form {
        margin-left: 10px;
        margin-top: 6px;
        display: inline;
}

#roundselect select {
        display: inline;
position: absolute;
left: 400px;
top: 175px;
}
div.clubbox {
border: 5px;
background-color: white;
background-image:none;
padding: 5px;
margin: 5px;
float: left;
height: 150px;
text-align: center;
}
div#successmessage {
  background-color: white;
  background-image: none;
  border: 2px solid blue;
  color: blue;
}
p#updatemsg {
  background-color: white;
  background-image: none;
  border: 2px solid blue;
  color: blue;
  padding: 10px;
}

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}

.birdiebox {
  background-color: #6699ff;
  color: white;
  background-image: none;
}
.bogeybox {
  background-color: #ff3333;
  color: white;
  background-image:none;
}
.eaglebox {
  background-color: #ffff00;
  color: #666666;
  background-image:none;
}
.albabox {
  background-color: #66ff66;
  color: #666666;
  background-image:none;
}