@charset "UTF-8";
/* CSS Document */

/* Basic */

*
{
	margin: 0em;
	padding: 0em;
}

h1,h2
{
}

body
{
/*	font-family: "trebuchet ms", "arial", sans-serif;*/
	font-family: "arial", sans-serif; 
	color: #555555;
	font-size: 9pt;
	min-width: 960px;
	margin: 0em;
	padding: 0em;
}

/* Required for firefox background-position images */
html,body {
  padding: 0;
  margin: 0;
  height: 100%;
}

a
{
	color: #669911;
	//color: #006600;
}

a img {
	border: none;
}

/* Outer */
#outer
{
}

/* Header */

#preheader
{
	height:35px;
	background-image: url('../images/design/logo_hardcourt2.png'), url('../images/design/design_01.png');
	background-repeat:no-repeat;
	background-position: top left, top right;
/*	padding-left: 40px; */
	padding-top: 65px;
}

#preheader p
{
	height:45px;
	padding-top: 0px;
	padding-right:15px;
	font-family: "trebuchet ms", sans-serif;
	color: #dfa737;
	text-decoration: none;
	font-size: 1.5em;
	text-align:right; 
	vertical-align:text-top;
	vertical-align:top;
}


#headerstrip
{
	background-image: url('../images/design/design_03.png');
	background-position: top left;
	background-repeat:repeat-x;
	padding-left: 40px;
	padding-top: 30px;
	border: 0px;
}

#headerstrip h1 a
{
	color: #fff;
	text-decoration: none;
	font-size: 1.5em;
}

#headerstrip h1
{
	text-transform: lowercase;
	font-size: 1.6em;
}

#headerstrip h2
{
	position: relative;
	top: -0.3em;
	color: #E8EFC2;
	font-weight: normal;
	font-size: 1.1em;
	text-transform: lowercase;
}

/* Menu */
#menu
{
	/*background-image: url('../images/layout/a3.gif');*/
	background-repeat: repeat-x;
	background-position: bottom left;
	height: 38px;
	background-color: #000000; 
	padding: 1em 2.5em 1em 2.5em;
	border: 0px;
}

#menu ul
{
	list-style: none;
}

#menu li
{
	display: inline;
}

#menu li a
{
	font-size: 1.0em;
	font-weight: bold;
	text-transform: lowercase;
	color: #FFFFFF; /* #5D5F53; */
	text-decoration: none;
	margin-right: 1em;
}

#menu li a:hover
{
	color: #FF9900;
	text-decoration: underline;
}

#menu p
{
	font-size: 1.0em;
	font-weight: bold;
	text-transform: lowercase;
	color: #FFFFFF;
	text-decoration: none;
	margin-right: 1em;
	text-align:right;
}


/* Content */
#content
{
	padding: 1.5em 15px 1em 15px;
	line-height: 1.3em;
	background: url('../images/layout/a4.gif') repeat-x top left;
}

#content p
{
	margin-bottom: 1.5em;
}

#content h2,h3,h4,h5,h6
{
	margin-bottom: 1em;
}

#content ul
{
	margin-bottom: 1.5em;
	padding-left: 1em;
}

#content blockquote
{
	padding: 1em;
	margin-bottom: 1.5em;
	background-color: #FFFCD8;
	background-image: url('../images/layout/a5.gif');
	background-repeat: no-repeat;
	background-position: top left;
	border: dotted 1px #DFD999;
}

#content blockquote p
{
	margin-bottom: 0em;
}

#content table
{
	margin-bottom: 1.5em;
}

#content table th
{
	text-align: left;
	font-weight: bold;
	padding: 0.5em;
}

#content table td
{
	padding: 0.25em;
	vertical-align:top;
}

#content table tr.rowA
{
	background-color: #EAEFE0;
	color: inherit;
}

#content table tr.rowB
{
	background-color: #F9FFEF;
	color: inherit;
}

/* Primary Content */

#primaryContentContainer
{
/*	position:relative; */
	float: left;
	margin-right: -520px;
	width: 100%;
	min-width: 700;
/*	border: dotted 1px $000000;*/
}

#primaryContentContainerAuthenticated
{
/*	position:relative;*/
	float: left;
	margin-right: -700px;
	width: 100%;
	min-width: 700;
}

#primaryContentAuthenticated
{
/*	position:relative; */
	width: 72%;
/*	margin: 0em 300px 0em 0em; */
	padding: 0em 1.5em 1.5em 1.5em;
}

#primaryContent
{
/*	position:relative; */
	margin: 0em 540px 0em 0em;
	padding: 0em 1.5em 1.5em 1.5em;
}

#primaryContent ol, #primaryContentAuthenticated ol
{
	list-style:decimal;
	list-style-position:outside;
	padding-left: 1em;
}
#primaryContent ol ul, #primaryContentAuthenticated ol ul
{
	list-style:lower-alpha;
	list-style-position:inside;
}

#primaryContent h2, #primaryContent h3, #primaryContentAuthenticated h2, #primaryContentAuthenticated h3
{
	text-transform: lowercase;
	color: #5D5F53;
	border-bottom: dotted 1px #ECEEDF;
	padding-bottom: 0.3em;
}

#secondaryContent h3, #tertiaryContent h3, #secondaryContentAuthenticated h3
{
	background: url('../images/layout/a1.gif') no-repeat;
	width: 185px;
	height: 27px;
	font-size: 1.0em;
	font-weight: bold;
	padding-left: 15px;
	padding-top: 5px;
	text-transform: lowercase;
	color: #5D5F53;
}

#secondaryContentAuthenticated h4
{
	background: url('../images/layout/a1.gif') no-repeat;
	width: 185px;
	height: 27px;
	font-size: 1.5em;
	font-weight: bold;
	padding-left: 15px;
	padding-top: 5px;
	text-transform: lowercase;
	color: #5D5F53;
}

/* Secondary Content */

#secondaryContent
{
	float: left;
	width: 250px;
	border: thin;
}

#secondaryContentAuthenticated
{
	float: right;
	width: 22%;	
	padding-right: 1em;
}

/* Tertiary Content */
#tertiaryContent
{
	float: right;
	width: 250px;
	padding-right: 1em;
}

/* Footer */
#footer
{
	background: url('../images/layout/a4.gif') repeat-x top left;
	border-top: solid 1px #D0D4BB;
	padding: 2.0em 3.5em 3.0em 3.5em;
	font-size: 0.8em;
}

.clear
{
	clear: both;
}

#map_canvas
{
	width: 100%; 
	height: 85%;
	float: none;
}

#welcomeheader {
	width: 100%;
  	background-image: url('../images/design/logo.png');
	background-repeat:no-repeat;
	background-position: center;
	height: 75px;
}
#welcomeheaderspacer {
	height:60px;
	background:#FFFFFF;
}
#welcomeleftcol {
  float: left;
  width: 49%;
  height: 500px;
  padding-left: 10px;
}
#welcomecontent {
  float: right;
  width: 40%;
  height: 500px;
  padding-top: 30px;
  padding-left: 10px;
  padding-right: 30px;
}
#welcomefooter {
  clear: both;
  width: 100%;
  font-size: 9px;
}

#welcomediv
{
	padding:10px;
}

#welcomedivinner
{
	background-color:inherit;
	padding:10px;
	height:400px;
	float: left;
}

#welcomespaceleft
{
	width: 20%;
	float:left;
}
#welcomespacecenter
{
	width: 60%;
}
#welcomespaceright
{
	width: 20%;
	float: right;
}

#welcomewrapper
{
  position: relative; 
	background-color:#dd9d22;
	font-family:Trebuchet MS, Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color: #333333;
	width: 100%;
	float: none;
}

.welcomeroundbox
{
	background: url('../images/layout/nt.gif') repeat;
	width: 90%; margin: 1em auto;
	
/*	background-color:#fbc862;
	height: 46%;
*/
	font-size:12px;
}

#welcomelogintable td {
}
#welcomelogintable tr {
	width: 100%;
}
.welcometextbox {
	max-width: 40;
	font-size: 9px; 
	background-color: #FFFFCC; 
	color:#000000;
	border: 1px solid #666666;
	width: 100%; 
}

/* set round box images */
.rbtop div { background: url('../images/layout/tl.gif') no-repeat top left; }
.rbtop { background: url('../images/layout/tr.gif') no-repeat top right; }
.rbbot div { background: url('../images/layout/bl.gif') no-repeat bottom left; }
.rbbot { background: url('../images/layout/br.gif') no-repeat bottom right; }

/* height and width stuff, width not really necessary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
.rbcontent { margin: 0 7px; }




#rndcontainer { 
  position: relative; 
	background-color:#dd9d22;
	font-family:Trebuchet MS, Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color: #333333;
	width: 100%;
	float: none;
	
			position: absolute;
  /* position the element vertically using top or bottom
     and define width as you like:                       */
	  top: 20px;     
	  width: 80%;   
	  /* set left and right to the same value! */
	  left: 0;
	  right: 0;
	  /* adding auto-margins left and right will
		 center the element horizontally!         */
	  margin-left: auto;
	  margin-right: auto;
}
    
    .rnd_top, .rnd_bottom {display:block; background:#FFFFFF; font-size:1px;}
    .rnd_b1, .rnd_b2, .rnd_b3, .rnd_b4 {display:block; overflow:hidden;}
    .rnd_b1, .rnd_b2, .rnd_b3 {height:1px;}
    .rnd_b2, .rnd_b3, .rnd_b4 {background:#dd9d22; border-left:1px solid #dd9d22; border-right:1px solid #dd9d22;}
    .rnd_b1 {margin:0 5px; background:#dd9d22;}
    .rnd_b2 {margin:0 3px; border-width:0 2px;}
    .rnd_b3 {margin:0 2px;}
    .rnd_b4 {height:2px; margin:0 1px;}
    
#rndcontent {
    /*display:block;*/
    border:0 solid #dd9d22;
    border-width:0 1px;
    padding: 4px;
    color:#000000;
	background-color:#dd9d22;

}


/*Statistics classes */
.statstable
{
	border:thin;
	padding:0.25em;
	min-width:0;
	max-width:600;
	width:600;
/*	clear:left; */
   clear: right; 
}

.statstable th
{
	background-color: #ffc75a;
	color: #FFFFFF;
}

.statstable td
{
	border: 1px;
	border-color: #000000;
}


.filtertable
{
	padding: 1em;
	margin-bottom: 1.5em;
	background-color: #FFFCD8;
	background-image: url('../images/layout/a5.gif');
	background-repeat: no-repeat;
	background-position: top left;
	border: dotted 1px #DFD999;	
}

.filtertable th
{
	background-color: ;
	color: #FFFFFF;
}

.filtertable td
{
	border: 1px;
	border-color: #000000;
}

/**
 ********************************************************************
 Tabs in My Matches
 *
*/
#tabs{
	margin-left: 0px;
	padding: 0px;
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
	padding-left: 0px;
	width:100%;
}
#tabs ul{
/*	font: bold 11px Arial, Verdana, sans-serif*/
	color:#FFFFFF;
	margin:0;
	padding:0;
	list-style:none;
}
#tabs li{
	display:inline;
	margin:0 2px 0 0;
	padding:0;
	text-transform:lowercase;
}
#tabs a{
	float:left;
	background: #000 url(images/tabs_left.gif) no-repeat left top;
	color:#FFFFFF;
	margin:0 2px 0 0;
	padding:0 0 1px 3px;
	text-decoration:none;
}
#tabs a span{
	float:left;
	display:block;
	background: url(images/tabs_right.gif) no-repeat right top; /*transparent */
	padding:4px 9px 2px 6px;
}
#tabs a span{float:none;}
#tabs a:hover{background-color: #FF9900;color: white;}
#tabs a:hover span{background-color: #FF9900;}
#tabHeaderActive span, #tabHeaderActive a { background-color: #FF9900; color:#fff;}
.tabContent {
	clear:both;
	border:1px;
	border-color:#000000;
	border-style:groove;
	padding: 2px 2px 2px 2px;
	background-color:#FFF;
}