/* layout styling */
* {padding:0; margin:0;}
body {margin: 0 0 0 0;text-align:center;
background-color: #5f7432;
}
#outerborder {
position: relative;
  margin-left:auto;margin-right:auto;
  margin-top:0px;
  width:902px;
background:url(/images/resources/hesketh/hesketh-pagebg.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:0px;
  background-image:none;
  background-color: white;
}
a, span.fakelink {
color:#5f7432;
text-decoration:none;}
a:hover, .fakelink:hover {
color:#5f7432;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:240px;} /* previously 149px, increased again from 220 */
#printbanner { display: none; }
#printfooter { display: none; }
.printonly { display: none; }
div#sidebar {
	background-color: #E9E9E9;
	background-image:url(/images/resources/hesketh/sideBarFoot.gif);
	border: 5px solid black;
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 45px;
	padding-top: 15px;
	padding-right: 4px;
	padding-left: 4px;
}
/*#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, table.global {margin:10px; _height:0; min-height:0;}
#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;}
h1 {font-size:large;font-weight:bold;}
thead tr, h3, h1 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	border-bottom:1px solid #dcbc67;
	padding-left:6px;
	font-weight:normal;
	color:#555555;
	text-transform:capitalize;
	letter-spacing:0px;
	background-image:none;
	margin-right:5px;
	height: 23px;
	clear:left;
}
#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:14px;
	line-height: 20px;
}
#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 h3, div#rightcontent div h3 {
margin-left:4px;
margin-right:9px;
padding:5px;
}

/* Styling for inbuilt content menus */
ul.leftnav {
padding: 10px;
list-style:none;
padding-left:5px;
float: left;
height: 100%;
margin-top:2em;
font-size:80%;
}
ul.leftnav li {
border-bottom: 1px solid #cccccc;
background-color: #0b0448;
padding: 5px;
width: 130px;
}
ul.leftnav li a {
color: white;
}

div#global p img, div#body p img,  div#sidebar p img  {
background: white none repeat scroll 0 0;
border: 1px solid #DDDDDD;
margin: 3px 20px 20px 0;
padding:5px;
}

div#sidebar p img[src*="googlemap.png"], div#global p img[src*="googlemap.png"] {
border: 10px solid red;
padding:0;
margin:0;
}

img.rightfloat {
float: right;
clear:right;
padding: 20px;
border: 0px;
}


/* FOOTER STYLING */
#footer {
	clear:both;
	width:100%;
	font-size:x-small;
	text-align:left;
	text-decoration:none;
	height: 70px;
	background-color: #ADADAD;
}
#footer a {text-decoration:none;}
#footer a:hover {text-decoration:underline;}
.copyright {font-size:x-small;}
/* menu styling */
#footer {
	border-top: 1px solid black;
	padding-top: 30px;
	background-color:#cccccc;
	color: black;
	border-top: 1px solid white;
	background-image: url(/images/resources/hesketh/footerBkg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#footer a {
color: black;
}
#footer img {
	float: right;
}
#footerInner {
	margin: 0px;
	float: left;
	width: 830px;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#footer p {
	float: left;
	font-size: 13px;
	color: #999999;
	padding-bottom: 10px;
}
#footer p a {
	color: #333333;
	padding-right: 10px;
	padding-left: 10px;
}
#footer span {
	color: #555555;
	display: block;
	margin: 0px;
	padding: 10px 0px 0px 10px;
}

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

/* menu */
/*position*/
#topmenu {
	width:880px;
	font-size:12px;
	background-image:url(/images/resources/hesketh/heskethnavbar.gif);
	background-repeat: repeat-x;
	position:relative;
	top:-5px;
	left:0px;
	padding-bottom: 7px;/* border-top: 0px solid #6699cc; */
	padding-top: 0px;
	background-position: left top;
}
#nav, #nav ul {
  float:left;width:100%;list-style:none;padding:0;margin:0;
height:27px;
}
#nav a {
	display:block;
	padding:5px 2em 5px;
	text-transform: capitalize;
	letter-spacing: 0px;
	color:#583e24;
} 
#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; hidden */
font-weight:normal;
}
#nav a.moreright {
background: url(/images/rightarrow.gif) center right no-repeat;
} 
#nav a.moredown {
background: url(/images/downarrow1.gif) center right no-repeat;
} 
#nav li {
} 
#nav li ul {
	border-top:1px solid #A6947F;
	/* background:#474d45; */
background-color: #F5ECD2;
	z-index:1;
} 
#nav li li {
	border-bottom:1px solid #D3B46D;
} 
#nav a {
text-decoration: none;
} 
#nav li:hover, #nav li.sfhover {
background-color: white;
} /*Dark blue hover on blue background, white text, drop down same color*/

div#global p, div#body p, div#sidebar p {
	margin-bottom: 10px;
}

/* Table styling */
table { border-collapse: collapse;border: 1px solid #dedede;}
tr { border: 1px solid #dedede; }
tr.odd {
        background-image:url(/darkbg.gif);
        border: 1px solid #dedede;
}
td.odd {
  background-image:url(/darkbg.gif);
}


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(/images/resources/hesketh/hesketh-button.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;
}
table.knockout {
background-color:white;
width:902px;
}
.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;
}
.albacard, .birdiecard, .parcard, .bogeycard, .eaglecard, .worsecard, .doublecard {
  font-family: verdana;
  border: 1px solid white;
  margin: 0px;
  width: 40px;
  padding: 0px;
  font-size: 15px;
  font-weight: bold;
  text-align:center;
}
.blankbox {
  background-color: white;
  color: black;
}

.birdiebox, .birdiecard {
  background-color: #6699ff;
  
  color: white;
  background-image: none;
}
.bogeybox, .bogeycard {
  background-color: black;
  color: white;
  background-image:none;
}
.doublebox, .doublecard {
  background-color: red;
  color: white;
  background-image:none;
}
.eaglebox, .eaglecard {
  background-color: #ffff00;
  color: #666666;
  background-image:none;
}
.albabox, .albacard {
  background-color: #66ff66;
  color: #666666;
  background-image:none;
}
.parbox, .parcard {
  color: #666666;
  border: 1px solid black !important;
  background-image:none;
}
.worsecard {
  color: white;
  background-color: purple;
  background-image:none;
}
.hfdesc h4 {
padding: 10px;
}
.hfdesc h4:hover {
cursor: pointer;
}
.hfdesc p {
margin-left: 10px;
}
table.myupcoming td {
background-color: 5px solid red;
}

ul.menulist {
	margin:0px 0px 0px -20px;
	padding:0px 0px 30px;
	float: left;
}

ul.menulist li {
list-style-type:none;
font-size:small;
color: #130a5a;
padding: 5px;
margin-bottom: 10px;
margin-left:0px;
margin:10px;
font-style:italic;
line-height:1em;
}
ul.menulist li br {
border: 5px solid red;
}

ul.menulist li a {
	color: #583E24;
	width: 250px;
	float: left;
	line-height:18px;
	margin-top:3px;
	font-style:normal;
	background-image:url(/images/resources/hesketh/heskethnavbarLink.gif);
	padding: 7px 5px 7px 10px;
	font-size:small;
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #d1ae63;
	border-bottom: 1px solid #A6947F;
}
ul.menulist li a:hover {
background-image:none;
background-color:white;
text-decoration:none;
}