/* Primary stylesheet for www.unstrung-racquets.org */
@import url(./undohtml.css); /* consistent starting point */
/* @import url(./members.css);  */ /* login and members only screens */
@import url(./filters.css); /* browser specific filters */

body {
   background: #999 url(../img/bg.gif) repeat scroll top;
   color: #FFF;
   font: 100%/1.5 Verdana, Arial, sans-serif;
}

table {
   font-size: 1em;
}

table td {
   background-color: transparent;
   color: #5C5095;
}

div#wrapper {
   margin: 2% auto;
   width: 95%;
   border: 1px solid #5C5095;
   font-size: 85%;
   background-color: #FFF;
   color: black;
}

/*----------------------------------------- Headmast -----------------------------------------*/
div#headmast {
   height: 167px;
   background-color: transparent;
   background-image: url(../img/unstrung-masthead_bg2.gif);
   background-repeat: repeat-x;
   color: black;
}

div#headmast h1 {
   height: 170px;
   margin: 0;
   padding: 0;
   text-indent: -5000px;  /* Phark Revisited image replacement technique */
   background-color: transparent;
   background-image: url(../img/unstrung-collage.gif);
   background-repeat: no-repeat; 
   background-position: bottom center;
}

/*------------------------------------------- Main -------------------------------------------*/
div#main {
   margin: 0;
   background-color: #FFF;
   color: #2e475e;
}

div#maincontent {
   float: left;
   width: 75%;
   margin: 0;
}

/*------------------------------------------ Links -------------------------------------------*/
div#links {
   float: left; 
   width: 200px;
   padding-bottom: 10px;
   background: #CFE6E0 url(../img/links_bg_grn_blu.gif) repeat-y;
   color: #5C5095;
   border: 0;
   border-right: 1px solid #5C5095;
}

div#links h3 {
   margin-top: 15px;
   padding-left: .5em;
   text-align: left;
   font-size: 100%;
   font-variant: normal;
   background-color: #D4D0E6;
   color: #5C5095;
   border-top: 2px solid #5C5095;
   border-bottom: 2px solid #5C5095;
}

div#links div.club h3 {
   margin-top: 0;
}

div#links ul {
   padding-left: 5px;
   list-style-type: none;
}

div#links ul li {
   border-bottom: solid 1px #ccc;
}

div#links ul a {
   display: block;
   padding-left: 4px;
   line-height: 1.5;
   text-decoration: none;
   font-size: 90%;
   background-color: transparent;
   color: #2E5697;
}

div#links ul a:hover {
   background-color: #86A5C4;
   color: #FFF;
}


/*----------------------------------------- Content ------------------------------------------*/
div#content {
   width: auto;
   margin-top: 15px;
   margin-left: 208px;
   padding-left: 2%;
}

div#content h1 {
   margin-top: 25px;
   padding: 5px;
   font-size: 150%;
   font-weight: bold;
   background-color: #CFE6E0;
   color: #86A5C4;
   border: 1px solid #86A5C4;
}

div#content h2 {
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size: 125%;
   text-align: center;
   background: transparent;
   color: #2E5697;
}

div#content h3 {
   margin-top: 0;
   margin-bottom: 0.5em;
   padding: 2px 2%;
   background-color: #D4D0E6;
   color: #525252;
   border: 1px solid #2E5697;
}

div#content p {
   font-family:Geneva, Arial, Helvetica, sans-serif;
   font-size: 1em;
   padding: .5em 0 .5em .5em;
}

div#content ul {
   padding-left: 5px;
   list-style-type: circle;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 0.9em;
   background-color: transparent;
   color: #5C5095;
}

div#content ul li {
   padding: 2px 0 3px 0;
   border-bottom: solid 1px #ccc;
}

div#content a {
   text-decoration: underline;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   background-color: transparent;
   color: #5C5095;
}
div#content a:link {
	background: transparent;
	color: #5C5095;
}

div#content a:visited, a:active {
   background-color: transparent;
   color: #5678AC;
}

div#content a:hover {
   background-color: transparent;
   color: #900;
}
.st_pats {
   color:#009933;
}
div#st_pat {
}
div#st_pat h2 {
   color:#009933;
}
div.emp_link {
    border: 2px #D4D0E6 solid;
	text-align: center;
    /* background-color: #D4D0E6; */
}
div.emp_link a {
   text-decoration: underline;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 16px;
   background-color: transparent;
   color: #5C5095;
}
div.emp_link a:link {
	background: transparent;
	color: #5C5095;
}

div.emp_link a:visited, a:active {
   background-color: transparent;
   color: #5678AC;
}

div.emp_link a:hover {
    font-size: 24px;
   background-color: transparent;
   color: #900;
}

div#content .address h3 {
   background-color: #CFE6E0;
   color: #2E5697;
   margin-top: 1em;
   padding: 0.5em;
}

div#content .address ul {
   padding-left: 5px;
   list-style-type: none;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 0.9em;
   background-color: transparent;
   color: #5C5095;
}

div#content .address ul li {
   padding: 2px 0 3px 0;
   border-bottom: solid 1px #ccc;
}

<!------------------ special contents ---------------->
.valentine {
  background-color:#FF99CC;
	background-image: url(../img/social_tennis.jpg);
  color: red;
	padding-top:  20px;
}
div#content .valentine {
  background-color: #CFE6E0;
	background-image: url(../img/social_tennis.jpg);
  color: black;
}
div#content .valentine h3{
  background-repeat: repeat-x;
  background-position: right bottom;
  background-color:#FF99FF;
  color:#990000;
}
div#content .valentine h3.heartimg {
  background-image: url(../img/heart_sm.gif);
  padding: 20px 25px 20px 25px;
}
.st_pats {
  background-color:#00CC33;
  color: #FFF;
}

div#content .st_pats {
  float: right;
  background-color: #CFE6E0;
  color: black;
}
div#content .st_pats h3{
  background-image: url(../img/sham1.gif);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-color:#FF99FF;
  background-color:#00CC33;
  color:#990000;
  color: #FFF;
}


div#content .waterwarning {
  float: right;
  background-color: #CFE6E0;
  color: black;
}
div#content .waterwarning li{
   list-style-type: none;
}
div#content #contact ul {
   padding-left: 25px;
   list-style-type: circle;
}

div#content #contact ul li {
   padding: 8px;
}

div#content #contact ul a {
   display: inline;
   padding-left: 4px;
   line-height: 1.5;
   font-size: 90%;
   background-color: transparent;
   color: #2E5697;
}

div#content #contact a:link {
   background-color: transparent;
   color: #5C5095;
}
div#content #contact a:visited, #contact a:active {
   background-color: transparent;
   color: #5678AC;
}
div#content #contact a:hover {
   background-color: transparent;
   color: #900;
}

div#ladder ol {
   padding-left: 20px;
   padding-top: 20px;
   list-style-type: decimal;
}
div#ladder p {
   padding-left: 20px;
}
div#ladder ol li {
  font-size: 0.9em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
  border-bottom: solid 1px #ccc;
}
div#ladder lh {
	 background-color:#CFE6E0;
	 border-top: 2px solid #86A5C4;
	 border-bottom: 1px solid #86A5C4;
}

/*------------------------------------------ Events ------------------------------------------*/
div#events {
   float: right;
   width: 23%;
   background-color: transparent;
   color: #86A5C4;
   border: 0;
}

div#events .eventgroup {
   background: #CFE6E0 url(../img/links_bg_grn_blu.gif) repeat-y; 
   background-position: right;
   color: #86A5C4;
   margin-bottom: 5px;
   padding: 0;
   border-left: 1px solid #5C5095; 
   border-bottom: 1px solid #5C5095;
}

div#events .eventgroup_xmas {
   background: #CFE6E0 url(../img/links_bg_grn_blu.gif) repeat-y; 
   background-position: right;
   color: #86A5C4;
   margin-bottom: 5px;
   padding: 0;
   border-left: 1px solid #5C5095; 
   border-bottom: 1px solid #5C5095;
}

div#events h3 {
   text-align: left;
   font-size: 100%;
   background-color: #D4D0E6;
   color: #5C5095;
   margin-top: 3em;
   padding-left: .5em;
   border-top: 2px solid #5C5095;
   border-bottom: 2px solid #5C5095;
}
div#events dl {
   margin:0; 
   padding:0; 
   height: auto; 
   background-color: transparent;
   color: #5678AC;
  }

div#events .eventgroup dl dt {
   padding-top: 3px;
   padding-left: 3px;
   text-align: left; 
   font-size: smaller; 
   font-weight: bold;
   background-color: transparent;
   color: #5678AC;
  }

div#events .eventgroup dl dd {
   margin: 0; 
   padding-left: 0;
   font-size: small;
   background-color: #CFE6E0;
   color: #5678AC;
   border-bottom:1px solid #5678AC;
}

div#events .eventgroup dl dd a {
   display: block;
   padding-left: 8px;
   line-height: 1.5;
   text-decoration: none;
   font-size: 90%;
   background-color: transparent;
   color: #7831AA;
}

div#events dl dd a:hover {
   background-color: #86A5C4;
   color: #FFF;
}


div#events ul {
   list-style-type: none;
   padding-left: 5px;
}

div#events ul li {
   font-size: small;
   border-bottom: solid 1px #ccc;
}

div#events ul a {
   display: block;
   line-height: 1.5;
   text-decoration: none;
   font-size: 90%;
   padding-left: 4px;
   background-color: white;
   color: #2E5697;
}

div#events ul a:hover {
   background-color: #86A5C4;
   color: #FFF;
}
  
/*------------------------------------------ Footer ------------------------------------------*/
div#footer {
   clear:both;
   margin-top: 0;
   padding: .4em 0;
   background-color: #5C5095;
   color: #D4D0E6;
   font-weight: bold;
   font-size: 85%;
   text-align: center;
}

div#footer a {
   background-color: #5C5095;
   color: #D4D0E6;
   display: inline;
   text-decoration: underline;
}

div#footer a:hover {
   background-color: white;
   color: #86A5C4;
}

div#footer p {
   display: inline;
   margin: 0 4em;
}


/********************* Sidebar *************************************/
/*div.sidebar {
   float: right;
   background-color: #D4E0E6;
   color: #405980;
   border: 1px solid #5C5095;
}

div.sidebar p {
   
}

div.sidebar p a {
   display: block;
   padding-left: 4px;
   line-height: 1.5;
   text-decoration: none;
   font-size: 90%;
   background: white;
   color: #2E5697;
}
*/

/********************* Forms *************************************/
div#signup_form {
   background-color: #99FF00;
   color: black;
}

div#signup_form input {
	display: block;
	width: 175px;
	float: left;
	margin-bottom: 10px;
	background-color:#33FFFF;
	color: black;
}

div#signup_form label {
	display: block;
	text-align: right;
	float: left;
	width: 75px;
	padding-right: 20px;
	background-color:#FFFF33;
	color: black;
}

div#signup_form br {
	clear: right;
}

.btnSubmit {
   width: 75px;
   margin-left: 95px;
}


/********************* Misc *************************************/

a.forwardlink {
   float: right;
}
a.backlink {
   float: left;
}

div#reader {
   float: right;
   width: 200px;
   background: #CFE6D0;
   color: black;
   border: 1px solid #5C5095;
}

.special_note {
   padding: 1px;
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: 110%;
   background: white;
   color: #AA3164;
}
.special_note ul li{
   text-decoration: none;  
}

div#singles_links {
   
}

div#singles_links img{
   width: 212px;
   height: 38px;
   border: none;
}

div#credits {
   float: left;
   clear: both;
}
p.highlight {
	color: red;
}
/************** login form ****************************************/
#loginform {
	width: 400px;
	margin-left: 2px;
	border: solid black;
	border-width: 1px 2px 2px 1px;
   background-color: #D4D0E6; /* light purple */
   color: #5C5095; /* not so light purple */
   
}
#loginform label {
	background-color: #FC0;
   background-color: #D4D0E6; /* light purple */
	color: #030;
	font-weight: bold;n
	margin-bottom: 1.25em;
	padding: 4px;
	text-transform: uppercase;
	font: xx-small Verdana, Arial, Helvetica, sans-serif;
}
#loginform #username {
	display: block;
	margin-bottom: 1.25em;
	margin-left: 2px;
	padding-left: 0.3em;
	width: 150px;
	border: solid black;
	border-width: 1px 2px 2px 1px;
}
#loginform #password {
	display: block;
	margin-bottom: 1.25em;
	margin-left: 2px;
	padding-left: 0.3em;
	width: 150px;
	border: solid black;
	border-width: 1px 2px 2px 1px;
}
#loginform .btnSubmit {
	width: 75px;
	margin-left: 75px;
	background-color: #AA3164;
	color: black;
	text-transform: uppercase;
	border: solid black;
	border-width: 1px 2px 2px 1px;
}
#loginform .error {
	color: red;
	background: #CCC;
}

.errorText {
	color: red;
	background: #CCC;
}


/************** holiday party form ****************************************/

div#invitation {
	background-image: url(http://www.unstrung-racquets.org/img/dancingcouple_bg.gif);
	background-repeat: repeat;
}
div#invitation h2 {
   font-size:28px;
   font-weight: 600;
   color: #00BB00;
}
div#invitation h3 {
   text-align: center;
   font:Verdana, Arial, Helvetica, sans-serif;
   font-size:18px;
   font-style: italic;
   color: #EE0000;
}
div#invitation h4 {
   font:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   color: #EE0000;
   color: #2E5697;
}
  
/***************************** MISC **********************************/
li.newrule {
   color: #0099FF;
}