/******************************************************/
/* Screen media style sheet														*/
/******************************************************/
/******************************************************/
/* Main styles for page                               */
body {
  margin: 0;
  padding: 0;
}
img {
  border: none;                 /* Stop surrounding blue box on all IMG links */
  padding: 0;
  margin: 0;
}
.doNotDisplay {
  display: none;
}

/******************************************************/
/* Useful - enable it to see table boundaries         */
/*TABLE, TR, TD {
  border: 1px solid red;
}*/

/******************************************************/
/* Layout styles                                      */
.layout {
  border: none;
  border-collapse: collapse;
  width: 100%;
}

#header {
}

#mainbody {
}

#contentbody {
  clear: left;
  vertical-align: top;
  padding: 0.5mm 5mm 5mm 5mm;
  width: 100%;
  text-align: left;
}

#sidebar {
  vertical-align: top;
  float: left;
  width: 180px;
  margin: 0;
  padding: 0;
}

#footer {
  margin: 0;
  padding: 1.5mm 1.5mm 1.5mm 1.5mm;
}

#superHeader {
  height: 20px;
  margin-left: 96px;
  margin-right: 5px;
  text-align: right;
  padding: 2px 0.5ex 0 0.25ex;
}

#mainHeader {
  height: 80px;
}

#subHeader {
  margin: 0;
  padding: 1ex 1ex 1ex 1.5mm;
}
#subHeader a {
  margin: 0;
  padding: 0 0.75ex 0 0.5ex;
}  

#overlayHeader {
	position: absolute;
	top: 0;
}

/******************************************************/
/* Side bar styles																		*/
/******************************************************/
.sideBarBlock {
  margin: 0 0 24px 0;
  border-top: 1px solid rgb(128,128,128);
}
#sidebar {
  background-image: url(../images/BiddingBox.gif);
  background-repeat : no-repeat;
}
#visitsmap, #loginarea {
  padding: 0px 0 12px 0;
}

/******************************************************/
/* Styles used to set colors and font sizes						*/
/* Separated out here to allow color/style changes to */
/* be made easily without affecting the page layout   */
/* and geometry.																			*/
/* Note that fixed font sizes are used for the header,*/
/* sidebar and footer to avoid layout mess when using */
/* different sized fonts.															*/
/******************************************************/

/******************************************************/
/* Overall page																				*/
body {
  background-color: rgb(235, 235, 235);
  color: black;
  font-family: verdana, sans-serif;
  font-size: 73%;  /* Sets font size scaling in MSIE compatible with other browsers */
}
.layout {
  background-color: rgb(235, 235, 235);
}
p {
  padding: 0;
  margin: 0;
}
/******************************************************/
/* The following hacks for MSIE set the font size to
	 be compatible with other browsers 									*/
* html table, p {
  font-size: 100%;
}
* html h1 {
	font-size: 200%;
}
* html h2 {
	font-size: 150%;
}
* html h3 {
	font-size: 115%;
}
* html h4 {
	font-size: 100%;
}
* html h5 {
	font-size: 80%;
}
* html h6 {
	font-size: 70%;
}

/******************************************************/
/* Header 																						*/
#header {
  background-color: rgb(100,135,220);
	font-size: 11px;
}
#superHeader {
  color: white;
  background-color: transparent;
}
#superHeader a {
  color: white;
  text-decoration: underline;
}
#superHeader a:hover {
  color: rgb(253,160,91);
}
#mainHeader {
  background-color: rgb(140,170,230);
}
#subHeader {
  color: white;
  background-color: rgb(0,51,153);
}
#subHeader a {
  color: white;
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
}  
#subHeader a:hover {
  text-decoration: underline;
}
#superHeader .highlight, #subHeader .highlight {
  color: rgb(253,160,91);
  background-color: transparent;
}

/******************************************************/
/* Side bar																						*/
#sidebar {
  background-color: rgb(235,235,235);
}
p.sideBarTitle {
  text-align: center;
  background-color: rgb(204,204,204);
  font-size: 14px;
  font-weight: bold;
}

/******************************************************/
/* Side bar menu                                      */
#sidemenu {
	font-size: 12px;
}
#sidemenu DIV A {
  color: navy;
  text-decoration: none;
}
/*  sidemenu, level 1, normal state (NO) */
#sidemenu DIV.sidemenu-level1-no {
  width: 175px;
  border-bottom: 1px dotted #999999;
  font-size: 11px;
  padding-top:5px;
  padding-left:5px;
}
/*  sidemenu, level 1, active state (ACT) */
#sidemenu DIV.sidemenu-level1-act {
  width: 175px;
  border-bottom: 1px solid #999999;
  font-weight:bold;
  font-size: 11px;
  padding-top:5px;
  padding-left:5px;
  background-color: rgb(140,170,230);
  filter:alpha(opacity='70', style='0');
}
#sidemenu DIV.sidemenu-level1-act A {
  color:black;
}
/*  sidemenu, level 2, normal state (NO) */
#sidemenu DIV.sidemenu-level2-no {
  width: 165px;
  font-size: 10px;
  padding-left:15px;
}
/*  sidemenu, level 2, active state (ACT) */
#sidemenu DIV.sidemenu-level2-act {
  width: 165px;
  font-size: 10px;
  font-weight:bold;
  padding-left:15px;
  background-color: rgb(140,170,230);
  filter:alpha(opacity='70', style='0');
}
#sidemenu DIV.sidemenu-level2-act A {
  color:black;
}
/*  sidemenu, level 3, normal state (NO) */
#sidemenu DIV.sidemenu-level3-no {
  width: 155px;
  font-size: 9px;
  padding-left:25px;
}
/*  sidemenu, level 3, active state (ACT) */
#sidemenu DIV.sidemenu-level3-act {
  width: 155px;
  font-size: 9px;
  font-weight:bold;
  padding-left:25px;
  background-color: rgb(140,170,230);
  filter:alpha(opacity='70', style='0');
}
#sidemenu DIV.sidemenu-level3-act A {
  color:black;
}
#sidemenu DIV A:hover {
  color: rgb(253,160,91);
  background-color: transparent;
  text-decoration: none;
}

/******************************************************/
/* Login box styles                                   */
#loginarea .tx-newloginbox-pi1 {
  width: 175px;
  border-bottom: 1px dotted #999999;
  font-size: 11px;
  padding-top:5px;
  padding-left:5px;
}
#loginarea .tx-newloginbox-pi1 H3 {
  display: none;
}
#loginarea .tx-newloginbox-pi1 P {
  margin: 10px 0 0 0;
}
#loginarea .tx-newloginbox-pi1 INPUT {
  width: 90px;
}
#loginarea .tx-newloginbox-pi1 FORM {
  margin: 0;
}

/******************************************************/
/* Quick links menu																		*/
#subHeader a.quickmenu:hover {
  color: rgb(253,160,91);
  background-color: transparent;
  text-decoration: none;
}

/******************************************************/
/* Main body of page																	*/
#contentbody {
  color: black;
  background-color: white;
  text-align: left;
  line-height: 1.5em;
  border-left: 1px solid rgb(153,153,153);
}
#contentbody p {
  margin: 1em 1ex 1em 1ex;
  padding: 0;
}
#contentbody a {
  color: rgb(0,102,204);
  background-color: transparent;
  text-decoration: underline;
}
#contentbody a:hover {
  color: rgb(253,160,91);
}
#contentbody h1 {
  color: white;
  background-color: rgb(100,135,220);
  font-size: 150%;
  font-weight: bold;
  margin: 2em 0 0 0;
  padding: 0.5ex 0 0.5ex 1ex;
}
#contentbody h1.csc-firstHeader {
  color: rgb(0,51,153);
  background-color: transparent;
  font-size: 200%;
  margin: 0.5em 0 0 0;
  border-bottom: 1px solid rgb(102,153,255);
  text-align: left;
  padding: 0.5ex 0 0.5ex 0;
}
#contentbody h2, h3, h4, h5, h6 {
  color: rgb(0,51,153);
  margin: 1em 1ex 1em 0.5ex;
}
#contentbody .topOfPage {
  color: white;
  background-color: transparent;
  font-size: 91%;
  font-weight: bold;
  text-decoration: none;
  margin: 2.5ex 1ex 0 0;  /* For MSIE */
  padding: 0;
  float: right;
}
#contentbody > .topOfPage {
  margin: 2.75ex 1ex 0 0;  /* For fully standards-compliant user agents */
}
dl {
  margin: 1em 1ex 2em 1ex;
  padding: 0;
}
dt {
  font-weight: bold;
  margin: 0 0 0 0;
  padding: 0;
}
dd {
  margin: 0 0 2em 2em;
  padding: 0;
}
/******************************************************/
/* Various table styles															  */
TABLE.contenttable {
  border: 1px solid #D6DDE6;
  border-collapse: collapse;
  width: 90%;
  margin: 0 5% 0 5%;
}
TABLE.contenttable TD {
  border: 1px solid #D6DDE6;  
}
TABLE.contenttable P {
  margin: 0;
  padding: 0;
  line-height: 0;
	white-space: nowrap; 
}
TABLE.positions_table {
  border-color: rgb(102,255,153);
  border-width: medium;
  border-style: ridge;
  background: rgb(153,255,153);
  margin-left: 1.8em;
}
TABLE.hand_table, TABLE.compo_table, TABLE.bidding_table {
  margin: 1em 0 1em 2em;
}
TABLE.bidding_table {
  border-collapse: collapse;
  border: 1px solid rgb(70,130,180);
  text-align: center;
}
TABLE THEAD, TABLE.bidding_table TH {
  border: none;
  color: white;
  background-color: rgb(0,51,153);
  font-weight: bold;
}
#contentbody TABLE THEAD TD A {
  color: white;
}
TABLE.bidding_table TD {
  width: 5em;
}
TABLE.hand_table TD {
  text-align: left;
}

/******************************************************/
/* Sitemap Styles                                     */
DL.csc-menu.csc-menu-4 {
  margin: 0;
}
DL.csc-menu.csc-menu-4 DT {
  background-color: #F0F8FF;
  font-weight: bold;
  font-variant: small-caps;
  font-size: 120%;
  margin: 1em 1ex 0 1ex;
}
DL.csc-menu .csc-menu-4 DD {
  background-color: #FFFFFF;
}
DL.csc-menu .csc-menu-4 DD {
  font-weight: normal;
  font-variant: normal;
}

/******************************************************/
/* Club Scoring styles                                */

.user-clubscoring-pi1 TD.upload INPUT {
  width: 100%;
}

.user-clubscoring-pi2 P {
  text-align: center;
}

/* Main scoring table */
.user-clubscoring-pi2 TABLE {
  border: 1px solid rgb(130,130,130);
  border-collapse: collapse;
  width: 80%;
  margin: 1em 10% 2em 10%;
}
.user-clubscoring-pi2 TD {
  border: 1px solid rgb(214,214,214);  
  padding: 4px;
}
.user-clubscoring-pi2 TH {
  border: 1px solid rgb(130,130,130);
  background-color: rgb(188,188,188);
  font-weight: bold;
  text-align: left;
  padding-left: 4px;
}
.user-clubscoring-pi2 CAPTION {
  border: 1px solid rgb(130,130,130);
  background-color: rgb(214,214,214);
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 8px;
}
.user-clubscoring-pi2 TR.altrow {
  background-color: rgb(223,231,242);
  color: #000000;
}
.user-clubscoring-pi2 TR.dirrow {
  border: 1px solid rgb(130,130,130);
  font-weight: bold;
  text-align: left;
}

/* Personal score card */
.user-clubscoring-pi2 TR.psctotal {
  border: 1px solid rgb(130,130,130);
  background-color: rgb(188,188,188);
  font-weight: bold;
  text-align: left;
  padding-left: 4px;
}

/* Calendar */
.user-clubscoring-pi2 TABLE.calendar {
  text-align: center;
  width: 50%;
  margin: 1em 25% 2em 25%;
}
.user-clubscoring-pi2 TABLE.calendar TH {
  text-align: center;
  border: none;
  background-color: rgb(188,188,188);
  font-weight: bold;
}
.user-clubscoring-pi2 TABLE.calendar TH.daysofweek {
  border: 1px solid rgb(130,130,130);
}
.user-clubscoring-pi2 TABLE.calendar TD {
  width: 30px;
}
.user-clubscoring-pi2 TABLE.calendar TD.eventdate {
  background-color: rgb(177,203,225);
  color: rgb(43,80,112);
  border: 2px solid rgb(70,130,180);
}
.user-clubscoring-pi2 TABLE.calendar INPUT {
  width: 30px;
  padding: 0;
  margin: 0;
}

/******************************************************/
/* Footer																							*/
#footer {
  color: white;
  background-color: rgb(100,135,220);
  font-size: 11px;
  text-align: center;
}