@import url(reset.css);
@import url(base.css);

/*------------------------------------*/
/*Basic Page Styles                   */
/*------------------------------------*/

body{
  background:url('../img/bottom_back.png') repeat;
  min-width:800px;
}
p{
  line-height:1.5em !important;
  padding:3px;
}
#content h1{
  margin:0px;
  padding:25px 0px 15px 0px;
  font:bold 150% tahoma,arial,sans-serif;
  color:#666;
}
#content h2{
  padding:0px;
  margin:0px;
  font:bold 140% tahoma,arial,sans-serif;
  color:#414141;
}
#content a{
  text-decoration:none;
  color:#525F91;
}
#content a:hover{
  color:#7384C3;
  text-decoration:none;
  border-bottom:1px dashed #7384C3;
}
#content a.nohover:hover{
  border:0px;
}
div.benefit{
  border:1px solid #d0d0d0;
  border-bottom:2px solid #d0d0d0;
}

/*------------------------------------*/
/*Custom Page Styles                  */
/*------------------------------------*/

#top{
  height:120px;
  //background:url('../img/top_back.png') repeat #534031;
  background:url('../img/top_back.png') repeat #3E6B39;
  color:#d0d0d0;
}
#menu{
  height:35px;
  background:url('../img/menu_back.png') repeat-x white;
  font:bold 85% arial,sans-serif;
  line-height:normal;
}
div.floatLeft{
  width:150px;
  color:#d0d0d0;
}
#menu{
  height:35px;
  background:url('../img/menu_back.png') repeat-x white;
  font:bold 85% arial,sans-serif;
  line-height:normal;
}
div.floatLeft{
  width:150px;
  float:left;
}
div.floatRight{
  width:650px;
  float:right;
}
#content{
  background-color:white;
  padding-bottom:20px;
}
#bottom{
  padding:10px;
  clear:both;
  background:url('../img/bottom_back.png') repeat;
}
#content div.leftSide{
  float:left;
  width:578px;
  border-right:1px dashed #e0e0e0;
}
#content p{
  font:93% tahoma,arial,sans-serif;
  color:#414141;
}
#content div.rightSide{
  float:right;
  width:218px;
  padding-left:2px;
}
div.centered{
  width:800px;
  text-align:left;
  margin:0px auto;
  padding:0px;
}
#bottom div.column{
  float:left;
  width:265px;
  background:url('../img/box.png') bottom center;
}
#bottom div.columnTop{
  height:20px;
  width:265px;
  background:url('../img/box.png') top center;
}
div.box{
  font:93% arial,sans-serif;
  color:#333;
  padding:10px 15px 30px 15px;
}
#sponsors{
  padding:0px;
  margin:0px;
  list-style:none;
}
#sponsors li{
  display:inline;
  padding:3px;
}
#sponsors li img{
  border:1px solid #999;
}
#donate,#login,#details{
  border:1px solid #999;
  width:200px;
}
#donate div.inner,#details div.inner{
  border:2px solid white;
  background-color:#e0e0e0;
  padding:10px;
}
#login div.inner input.text{
  font:85% arial,sans-serif !important;
}
#login div.inner{
  border:2px solid white;
  background-color:#DCDDF3;
  padding:10px;
}
#donate p,#login p{
  font:77% tahoma,arial,sans-serif;
  color:#414141;
  padding:3px 0px;
}
#details p{
  font:85% tahoma,arial,sans-serif;
  color:#414141;
  padding:3px 0px;
}
#details div.heading{
  font:bold 93% tahoma,arial,sans-serif;
  color:#333;
  padding:3px 0px;
}
#donate div.inner div span{
  font:bold 85% tahoma,arial,sans-serif;
  float:left;
  width:100px;
  display:block;
}
#login div.inner div span{
  font:85% tahoma,arial,sans-serif;
  float:left;
  width:75px;
  display:block;
}
#donate div.inner select{
  width:175px;
}
#benefit p{
  font:85% tahoma,arial,sans-serif;
}

/*------------------------------------*/
/*Tab Styles                          */
/*------------------------------------*/

#menu ul{
  margin:0px;
  padding:0px;
  list-style:none;
  float:right
}
#menu li{
  display:inline;
  float:left;
  margin:0px;
  padding:0px;
}
#menu a{
  float:left;
  margin:0px;
  padding:0px;
  text-decoration:none;
}
#menu a span{
  float:left;
  display:block;
  background:url('../img/tab.png') no-repeat right top;
  padding:13px 10px 8px 14px;
  color:#555;
}
#menu a span.selected, #menu a:hover span.selected{
  background:url('../img/selected.png') no-repeat left top;
}
#menu a:hover span{
  color:white;
}
#menu a:hover span.selected{
  color:#555;
}
#menu a:hover{
  background-position:0% -35px;
}
#menu a:hover span{
  background-position:100% -35px;
}
#footer{
  list-style:none;
  margin:0px;
  padding:0px;
}
#footer li{
  font:77% arial,sans-serif;
  list-style:none;
  display:inline;
  color:#999;
  padding:0px 10px 0px 0px;
}
#footer li a{
  font:100% arial,sans-serif;
  color:#666;
}
#map_canvas{
  border:1px solid #d0d0d0;
}


/*------------------------------------*/
/*Form Styles                         */
/*------------------------------------*/

fieldset{
  border:0px;
  padding:0px;
}
fieldset.bordered{
  border:1px solid #d0d0d0 !important;
  width:545px;
  padding:10px;
  background-color:#f0f0f0;
}
fieldset.bordered label{
  width:120px;
  float:left;
  display:block;
  font:bold 93% arial,sans-serif;
  color:#797979;
}
fieldset.bordered a{
  font:85% arial,sans-serif;
}
fieldset div.fields{
  border:1px solid #dbdbdb;
  border-bottom:2px solid #dbdbdb;
  background-color:#F0F0F0;
  width:700px;
}
fieldset div.left{
  width:230px;
  padding:16px 10px 15px 10px;
  float:left;
  background-color:#F0F0F0;
  text-align:right;
}
fieldset div.left label{
  font:bold 93% arial,sans-serif;
  color:#797979;
}
fieldset div.right{
  width:430px;
  padding:15px 10px 15px 10px;
  background-color:#E9E9E9;
  float:left;
}
fieldset div.right a{
  font:85% arial,sans-serif;
}
fieldset.smaller div.fields{
  border:1px solid #dbdbdb;
  border-bottom:2px solid #dbdbdb;
  background-color:#F0F0F0;
  width:560px;
}
fieldset.smaller div.left{
  width:120px;
  padding:16px 10px 15px 10px;
  float:left;
  background-color:#F0F0F0;
  text-align:right;
}
fieldset.smaller div.left label{
  font:bold 93% arial,sans-serif;
  color:#797979;
}
fieldset.smaller div.right{
  width:400px;
  padding:15px 10px 15px 10px;
  background-color:#E9E9E9;
  float:left;
}
input.text{
  font:93% arial,sans-serif;
  color:#333;
  padding-left:3px;
  border:1px solid #D2D2D2;
}
input.button{
  font:93% arial,sans-serif;
  border:1px solid #999;
  color:#333;
  border:1px solid #333;
  padding:5px;
}
textarea{
  font:93% arial,sans-serif;
  color:#333;
  padding-left:3px;
  border:1px solid #D2D2D2;
  overflow:auto;
}
select{
  border:1px solid #d2d2d2;
  color:#333;
  font:85% arial,sans-serif;
}
.error{
  background-color:#FEC5C7;
  border:1px dashed #666 !important;
}
#message,#changePasswordMessage{
  padding:0px 0px 10px 20px;
  font:bold 93% arial,sans-serif;
  color: red;
}
#message.updated{
  padding:5px;
  background-color:#EDE9DD;
  border:1px solid #D2CFC3;
  color:#5A574F;
}
#loginMessage,#passwordMessage{
  padding:0px;
  font:bold 77% arial,sans-serif !important;
  color: red;
}
#emailMessage{
  padding:8px 0px 0px 0px;
  font:85% arial,sans-serif;;
}
.confirmMessage{
  padding:10px;
  border:1px solid #d0d0d0;
  background-color:#f6f6f6;
  font:93% arial,sans-serif;
}
div.autocomplete{
  position:absolute;
  width:250px;
  background-color:#FBFAEE;
  border:1px solid #A8A68E;
  margin:0px;
  padding:0px;
}
div.autocomplete ul{
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.autocomplete ul li.selected{
  background-color:#EEECD0;
  color:black;
}
div.autocomplete ul li{
  list-style-type:none;
  display:block;
  margin:0px;
  padding:5px;
  cursor:pointer;
  font:93% arial,sans-serif;
  color:#999;
}
div.autocomplete ul li span{
  padding:0px 0px 0px 10px;
  font:italic 93% arial,sans-serif;
}
div#contactInfo{
  padding:50px 10px;
}
div#contactInfo h2{
  margin:0px;
  padding:3px;
  font:bold 120% arial,sans-serif;
  color:#666;
}
div#contactInfo div{
  padding:3px;
  color:#666;
  font:93% arial,sans-serif;
}
div#playerProfile{
  background:url('../img/box.png') bottom left;
  width:570px;
}
div#playerProfile div.boxTop{
  height:8px;
  background:url('../img/box.png') top left;
}
div#playerProfile div{
  padding:2px;
  font:100% arial,sans-serif;
  color:#666;
  clear:both;
}
div#playerProfile div span{
  display:block;
  float:left;
  width:80px;
  font:bold 100% arial,sans-serif;
}
div#playerInfoContainer{
  padding:0px 20px 20px 20px !important;
}
div#amountCollected{
  font:bold 116% arial,sans-serif !important;
  color:black !important;
}
div#pName{
  font:bold 120% arial,sans-serif !important;
  color:#323652 !important;
}
a#donation_link{
  font:85% arial,sans-serif !important;
}
div#loading{
  text-align:center;
}
.player{
  padding-left:10px;
}
div#overlay{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:5000;
  background-color:black;
  -moz-opacity:0.7;
  opacity:.70;
  filter: alpha(opacity=70);
}
div#overlay[id]{
  position:fixed;
}
div#playerSearch,div#changePassword{
  position:absolute;
  width:500px;
  border:2px solid white;
  z-index:9998;
  background-color:#f0f0f0;
}
div#playerSearch[id],div#changePassword[id]{
  position:fixed;
}
div#playerSearch div.whiteBorder,div#changePassword div.whiteBorder{
  border:1px solid #999;
  padding:5px;
}
div#playerSearch div#boxLeft, div#changePassword div#boxLeft{
  width:300px;
  height:30px;
  float:left;
}
div#playerSearch div#boxRight, div#changePassword div#boxRight{
  width:31px;
  height:30px;
  float:right;
}
div#playerSearch fieldset label, div#changePassword fieldset label{
  font:bold 85% arial,sans-serif;
  color:#666;
}
div#changePassword fieldset label{
  display:block;
  width:120px;
  float:left;
}
div#playerSearch fieldset a, div#changePassword fieldset a{
  text-decoration:none;
  color:#525F91;
  font:85% arial,sans-serif;
}
div#playerSearch fieldset a:hover, div#changePassword fieldset a:hover{
  color:#7384C3;
  text-decoration:none;
  border-bottom:1px dashed #7384C3;
}
div#results{
  border:1px solid #d0d0d0;
  background-color:white;
  height:200px;
  overflow:auto;
  padding:5px;
}
div#results div a{
  text-decoration:none;
  color:#525F91;
  font:93% arial,sans-serif;
}
div#results div a:hover{
  color:#7384C3;
  text-decoration:none;
  border-bottom:1px dashed #7384C3;
}
div#donationResults div span{
  width:85px;
}
div#donationResults div.donation{
  border:1px solid #d0d0d0;
  background-color:#f0f0f0;
  padding:5px;
}
div#donationResults div.donationheader{
  font:93% arial,sans-serif;
  color:#333;
}
div#donationResults div.donationMessage{
  font:italic 85% arial,sans-serif;
  color:#666;
  padding-left:10px;
}
.beASponsor{
  float:right;
  padding:15px 15px 0px 0px;
}
.beASponsor a{
  text-decoration:none;
  color:#525F91;
}
.beASponsor a:hover{
  color:#7384C3;
  text-decoration:none;
  border-bottom:1px dashed #7384C3;
}


/*------------------------------------*/
/*Generic Styles                      */
/*------------------------------------*/

.clearboth{
  clear:both !important;
}
.padding1{
  padding:25px !important;
}
.padding2{
  padding:15px !important;
}
.padding3{
  padding:10px !important;
}
.padding4{
  padding:5px !important;
}
.paddingLeft1{
  padding-left:25px !important;
}
.paddingLeft2{
  padding-left:15px !important;
}
.paddingLeft3{
  padding-left:10px !important;
}
.alignright{
  text-align:right;
}
.header{
  height:10px;
  background-color:#A7A7BB;
}
.text0{
  font-size:110%;
}
.text1{
  font-size:100%;
}
.text2{
  font-size:93%;
}
.text3{
  font-size:85%;
}
.text4{
  font-size:77%;
}
.buffer1{
  height:25px;
  clear:both;
}
.buffer2{
  height:15px;
  clear:both;
}
.buffer3{
  height:10px;
  clear:both;
}
.buffer4{
  height:5px;
  clear:both;
}
.buffer5{
  height:3px;
  clear:both;
}
.paddingDiv{
  padding:1px 0px 2px 0px;
}
.borderRight{
  border-right:1px solid #E1E1E1;
}
.bold{
  font-weight:bold !important;
}
.italic{
  font-style:italic !important;
}
.pointer{
  cursor:pointer;
}
.warning{
  color:red !important;
}

td.large {font-family: Arial; font-weight:bold; color:blue;background-color:white;}
td.small {font-family: Arial; font-weight:bold; color: blue; background-color:white; font-size: 8pt;}
td.count {font-family:Arial; color:lime; background-color:black; font-weight:bold; font-size: 12pt}