/* layout styling */
* {padding:0; margin:0;}
body {margin: 0 0 5px 0;text-align:center;
background-color:white;
background-repeat:repeat-x;
}
#outerborder {
position: relative;
  margin-left:auto;margin-right:auto;
  margin-top:0px;
  width:902px;
}
#container, #footer
{
position: relative;
  margin-left:auto;margin-right:auto;
  margin-top:0px;
  width:880px;
  color:black;
  margin-bottom:5px;
  font-family:Arial, Verdana, sans-serif;
  font-size:1em;text-align:left;
  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;}

/* header styling */
#top {
  height:170px;
  background-repeat: no-repeat;
  background-position: left top;
}
#printbanner { display: none; }
#printfooter { display: none; }
.printonly { display: none; }
.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;}
thead tr, h3, h1 {
  font-family: Georgia, "Times New Roman", serif;
  border-bottom:1px solid #bab5a9; 
  padding-left:6px;
  font-weight:normal;
  color:black;
  text-transform:capitalize;
  margin-right:5px;
  height: 23px;
}
h1 {    
  font-size: 22px;
  line-height:28px;
  padding-bottom:8px;
  color: #2D4E38;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #DAD2C5;
  margin-bottom: 10px;
  padding-left: 0px;
  letter-spacing: normal;
  text-transform: none;
}
#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:1em;}
#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;}

div#latestcomp, div#upcomingcomps, div#previouscomps, div#myupcoming, div.announcements {
 margin-bottom: 30px;
}

#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;
}

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

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

/* FOOTER STYLING */
#footer {
clear:both;width:100%;
text-align:center;text-decoration:none;
height:110px;
background-repeat: repeat-x;
padding-top:25px;
margin-bottom:0px;
}
#footer a {text-decoration:none;}
#footer a:hover {text-decoration:underline;}
.copyright {font-size:x-small;}
/* menu styling */
#footer a {
color: black;
}
#ig {
display:none;
position: relative;
left: 540px;
top: 0px;
width:100px;
}
#ig img {
border:0;
}

/* menu */
/*position*/
#topmenu {     /* ________ AMENDED BY AW ________ */
  width:780px;
  font-size:14px;
  background-repeat: repeat;
  position:relative;
  top:88px;
  left:95px;
  z-index: 51;
/* 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: capitalize;
  color:black;            /* ________ AMENDED BY AW ________ */
  letter-spacing: normal;
} 
#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:-3px 0 0 0;
}
#nav li li {
padding-right:1em;
} 
#nav li ul a {
width:13em;w\idth:9em;
letter-spacing:0px;
padding: 0.25em 1.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;
font-weight:normal;
color:#5e8625;
}
#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:#cccccc;
z-index:51;
} 
#nav li li {
border-bottom:1px solid black;
} 
#nav a {
text-decoration: none;
} 
#nav li:hover, #nav li.sfhover {
background: none;
}
#nav li a:hover  {
  color:blue;
} 

div#global p, div#body p {
  margin-bottom: 8px;
  font-size:13px;
  line-height:18px;
  margin-top:0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  letter-spacing: normal;
  word-spacing: normal;
  color: #666666;
  margin-left: 0px;

}

/* Table styling */
table { border-collapse: collapse;border: 1px solid #dedede;}
tr { border: 1px solid #dedede; }
  
tr.odd {
        background-color: #cccccc;
        border: 1px solid #dedede;
} 
td.odd {
   background-color: #cccccc;
}
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;
margin: 10px;
border: 1px solid #dedede;
}
.comment { 
font-size: xx-small;
font-style: italic;
}
fieldset {
width:90%;
margin-left:10px;
}

a.button {
  background:url(/images/resources/harborne/sideArrow.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(file:///Macintosh%20HD/Applications/MAMP/htdocs/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(file:///Macintosh%20HD/Applications/MAMP/htdocs/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(file:///Macintosh%20HD/Applications/MAMP/htdocs/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;
}

div#sidebar {
margin-top:30px;
}

div#sidebar h2 {
clear:both;
line-height: 20px;
list-style-position:outside;
font-style:italic;
border-bottom:1px solid #cccccc;
padding-bottom:10px;
background-image:none;
background-color:none;
display:block;
font-weight:normal;
font-size:15px;
font-family:Georgia, "Times New Roman";
width:100%;
}
h2 a.sidemenu:hover {
background-color:white;
}
div#rightsidebody {
background-repeat:repeat-y;
background-position:right;
}

@charset "ISO-8859-1";
body {
  background-repeat: repeat-x;
  background-position: left top;
}
#container  #sidebar h2 {
  background-repeat: repeat-x;
  background-position: left top;
  margin: 0px;
  padding: 0px;
  background-color: #EBE2C9;
  border-top-style: solid;
  border-right-style: none;
  border-bottom-style: solid;
  border-left-style: none;
  border-top-width: 1px;
  border-top-color: #FFFFFF;
  border-bottom-width: 1px;
  border-bottom-color: #D5C9B2;
}
#container #sidebar h2 a {
  font-weight: normal;
  color: #7d5132;
  font-size: 16px;
  font-style: normal;
  line-height: 22px;
  margin: 0px;
  padding: 10px 0px 10px 30px;
  letter-spacing: normal;
  background-image: url(/images/resources/harborne/sideArrow.gif);
  background-repeat: no-repeat;
  background-position: 15px 17px;
  display: block;
  text-decoration: none;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
}
#container #sidebar h2 a:hover {
  color: #381b06;
}
#footer {
  background-repeat: repeat-x;
  background-position: left top;
        color: black;
}
#footer p {
  font-size: 12px;
  color: black;
}
#footer  span.copyright {
  background-repeat: repeat-x;
  background-position: left top;
  width: 570px !important;
  padding-top: 10px!important;
  margin-top: 0px!important;
  margin-right: 0px!important;
  margin-bottom: 0px!important;
  margin-left: 0px!important;
  padding-right: 0px!important;
  padding-bottom: 0px!important;
  padding-left: 0px!important;
  float: left;
  clear: left;
}
#footer .footerTopLinks {
  margin-top: 20px !important;
  float: left;
  margin-bottom: 10px;
  text-transform: capitalize;
}
#footer .footerTopLinks a {
  margin-left: 10px;
  margin-right: 10px;
}
#footer .footContact {
  float: right;
  width: 275px;
  text-align: left;
  padding-top: 18px;
  line-height: 18px;
  padding-right: 15px;
  padding-left: 10px;
}
table#AWtablestyle {
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
}
table#AWtablestyle tr {
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
}
table#AWtablestyle  .topTab  td, .topTab td {
  padding-top: 3px;
  padding-bottom: 3px;
  background-image: url(/images/resources/harborne/topTile.gif);
  background-repeat: repeat-x;
  background-position: left top;
  background-color: #2F324E;
  border-top-color: #5D5F7E;
}
#AWtablestyle td {
  margin: 0px;
  padding: 1px 0px;
  vertical-align: top;
  text-align: center;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #FFFFFF;
  border-bottom-color: #CCCCCC;
  background-image: url(/images/resources/harborne/tileGrey.gif);
  background-repeat: repeat-x;
  background-position: left top;
  border-right-style: none;
  border-left-style: none;
}
#AWtablestyle .tdAlt td, #AWtablestyle tr.odd td, tr.odd {
  background-image: url(/images/resources/harborne/tileGreyD.gif);
  background-repeat: repeat-x;
  background-position: left top;
  border-bottom-color: #B7B7B7;
} 
#AWtablestyle .topTab td p {
  font-size: 11px;
  line-height: 18px;
  color: #F3C548;
  margin: 0px;
  padding: 0px 0px 2px;
}
#AWtablestyle  td  h4, #AWtablestyle td {
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
  letter-spacing: normal;
  color: #666666;
  margin: 0px;
  padding: 0px;
}
#AWtablestyle a {
  color: #104221;
  font-weight: bold;
}
#AWtablestyle a:hover {
  color: #6A9BB9;
}
#AWtablestyle .tdSub td {
  background-image: url(/images/resources/harborne/tileGreen.gif);
  background-repeat: repeat-x;
  background-position: left top;
  border-top-color: #45805B;
  padding: 1px 0px 0px;
  border-bottom-color: #BA5E1D;
}
#AWtablestyle .tdSub td h4 {
  color: #C4D7D0;
  padding: 0px;
}
.teelegend td, #teelegend td {
  font-size: 13px;
  letter-spacing: normal;
  background-image: url(/images/resources/harborne/tileGrey.gif);
  background-repeat: repeat-x;
  background-position: left -1px;
  padding: 5px;
}


/* Customisation */

/* Main styles */
body {background: #E5EEC0 url(/images/resources/dartmouth/background-gold.jpg) repeat-x}
.footer {background: #e5eec0 url(/images/resources/dartmouth/footer-bgd-new.gif) 0 100%}
#outerborder, #container {background: transparent}
#container {background: #ffffff}
.footerTop {background-color:#2E642F; border-top:1px solid #6A9258; border-bottom: 1px solid #6A9258; clear:both; display:block; height:18px; width:955px;}
#globalwrap {border-left: 22px solid #4D7B4E}
.footer a img {border: none}
.footer {text-align: right}
.footer p {padding-top: 25px; padding-right: 20px}

/* Main layout */
#top, #topmenu {height: auto; position: static}
#outerborder, #container, .header {width: 955px;}
.header {overflow: hidden}
.footer {height: 90px}
#globalwrap {padding-bottom: 2em;}
.header img {display: block}
#global, div.global {margin-top: 0}

/* Lists */
ul {margin-left: 1em}

/* Headers */
h1, h3 {color:#044405; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:15px; font-weight:bold; letter-spacing:-0.1em; padding:0; border: none; background: url(/images/resources/dartmouth/heading_bkd_strip_new.jpg) no-repeat; line-height: 1.7}
h1, h3 {margin-left: -10px; margin-right: -10px; padding-left: 30px; padding-right: 0; padding-top:0; padding-bottom: 0; height: 27px}
div#leftcontent div h3, div#rightcontent div h3 {padding-left: 30px; padding-right: 0; padding-top:0; padding-bottom: 0; }
h1, h3 {margin-bottom: 10px}
h3 img {position: relative; top: 2px; left: 3px}

/* Menu */
#topmenu {width: 100%}
#topmenu {background: #346a0b}
#nav a {color: #b5cd7d; font-size: 12px}
#nav li a:hover {color: #5d9939}
#nav li li a:hover {color: #9db26d}
#nav li a {padding-top: 0; padding-bottom: 2px}
#nav li a.moredown {background-image: url(images/resources/dartmouth/downarrow.gif)}
#nav li a.moredown {background-position: 95% 48%}
#nav li li, #nav li li:hover {padding: 0; width: 100%; background: #669715}
#nav li li a {background: transparent; width: auto}
#nav li li a:hover {background: #2e6f0d}
#nav li li {border: none}
#nav li ul {border: none}
#nav li li a {display: block;}
#nav li li a {border-bottom: 1px solid #6fa437}
#nav li li a {padding: 0 1em}
#nav li ul {background: transparent}
#nav li ul li:last-child, #nav li ul li:last-child a {-moz-border-radius: 0 0 5px 5px; overflow: hidden}

/* Form */
fieldset {margin: 10px 0; padding: 10px; width: auto}
input {padding: 4px}

/* Footer */
.footer .main {font-weight: bold}
.footer ul {float: left; width: 26.5%; text-align: left; padding-top: 16px}
.footer ul li {display: block; font-size: 11px}
.footer ul li a, .footer li {color: #9DD882}
.footer .main a, .footer .main {font-weight: bold; color: white}
.footer span {color: white}


fieldset {border: 1px solid #eeeeee; padding: 10px; font-size: 13px; background: #f3f3f3; width: auto; margin: 20px 0}
fieldset legend {border: 1px solid #eeeeee; padding: 5px 10px; font-size: 13px; background: #f3f3f3;}

#date_form {font-size: 14px;}
#date_form .tabs {padding-bottom: 50px}
#globalwrap #date_form .picker {right: 0; bottom: 30px}
#date_form {float: left; width: 100%}

#global .tabs .note {font-size: 70%}
#globalwrap div#teebooking_players, #globalwrap #paymentbar {width: 400px}
#globalwrap .user-messages {padding: 20px !important}
#globalwrap .tabs ul {padding: 0; margin: 0}
#globalwrap {padding-right: 10px; padding-left: 10px}
.tee_process {margin-top: 10px !important}


table thead td, table th {background: #5E8625; color: white; font-size: 12px; padding: 5px}
table td {padding: 5px; background: #f9f9f9}
table {border-spacing: 2px 2px}
hr {margin: 10px 0}
#globalwrap p {margin: 1em 0}