/* 
    Document   : style
    Created on : Nov 8, 2009, 7:15:59 PM
    Author     : Halalit.net
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

body {
	
	margin:0px auto;
	padding: 0px 0px 0px 0px ;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: white;
	background-color:white;
	width: 100%;
	
}



.error{
	color: red;
	font-weight: normal;
	font-size:11px;
}

#container{

	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
	width:780px;
	background-color:white;
	/*border-left: 2px solid #1E0204;
	border-right: 2px solid #1E0204;
	border-bottom: 2px solid #1E0204;*/
}

#header{
    width: 753px;

}

#logo{
    float:left;
    background-image: url(template-logo.png);
    width: 362px;
    height: 128px;
	
}

#login{
	
	float: right;
    background: url(template-login.png) no-repeat; 
    width: 386px;
    height: 128px;
}


#login-title{
margin:14px 0 0 40px;
color:white;
font-weight:bold;
text-align:center;
}

span,span a{
margin-left:3px;
color:white;
text-decoration:underline;
}

#login form{
padding-right:10px;
padding-top:0px;
color:black;
float:right;
width:260px;
margin:5px 20px;
}

#login form.two{
padding-top:5px;
color:black;
float:right;
width:300px;
margin:5px 5px;
font-size:11px;
}

#login form label{
font-weight:bold;
padding:5px 5px 5px 0px;
}

#login input{
/*background-image: url(template-textbox-back.png); 
margin-left:20px;
margin-top:5px;
width:150px;
*/
}

#login span input{
margin-left:0px;
margin-top:px;
margin-right:10px;
width:100px;
clear:both;
float:right;
/*background-image: url(template-textbox-back.png); */
}

#login form a{
text-decoration:none;
color:#F3661F;
font-weight:bold;
}

span.item{
color:black;
text-decoration:none;
padding:0px 2px 0px 0px;
font-weight:bold;
}

span.itemuser{
color:#F3661F;
text-decoration:none;
padding:0px 2px 0px 0px;
font-weight:bold;
}

#login form a:hover{
text-decoration:none;
color:green;

}

#pass,#pass a{
text-decoration:none;
float:left;
margin:5px 5px 0 0;
color:#F3661F;

}

#pass a:hover{
text-decoration:underline;
}

#button {
	
	width:96px;
	background-image: url(template-button.png); 
	line-height:1.5em;
	border: none;
	font-size: 12px;
	font-weight: bold;
	height: 21px;
	text-align: center;
	margin:5px 0px 0px 150px;	
}

#button a{color:#F3661F;text-decoration:none;}

#court{
	clear:both;
    background-image: url(template-court.png);
    width: 753px;
    height: 45px;
    
}


#content{
}

#mainframe{
	float: right;
	position: relative;
	width:520px;
	padding: 0px 0 0 0px;
	margin-right:20px;
}

#mainframe-top {
float: right;
position: relative;
width:520px;
background: url("template-content-top.png") no-repeat;
margin-left:0px;
padding-bottom:0px;
margin-right:10px;

}

#mainframe-mid p{

text-align:justify;
width:450px;
margin:10px 0px 0px 0px;
line-height:1.5em;
}

.title{
font-family: cursive,serif,Times,serif;
padding:0px 0 0 20px;
color:#F3661F;
text-align:left;
font-weight:bold;
font-size:22px;
text-shadow:black 3px 4px 5px;
}
#mainframe-mid{
	padding:0px 0px 0px 10px;
	color:black;
	background: url("template-content-mid.png") repeat-y ;
    margin-left:0px;  
	margin-bottom:0px;  
	float: right;
	position: relative;
	width:520px;
	
	
	}
	
#mainframe-mid-content{
margin-left:30px;
width:440px;
padding:0px 0px 0px 0px;
margin-bottom:30px;
min-height: 330px;

}	

#mainframe-bottom{
	margin-right:0px;
	padding:0px 0px 7px 10px;
	/*color:black;*/
	background: url("template-content-bottom.png") no-repeat;
    margin-left:0px;
    float: right;
	position: relative;
	width:520px;

    
}

#left-column {
	float: left;
	width: 200px;
	padding: 10px 10px 0 0px;
}


#leftbar-top{
	position:relative;
	clear:both;
	color:black;
	background-image: url(template-sidebar-top.png) ;
	float:left;
    width:192px;
    margin-left: 6px;
    margin-right: 0px;
    margin-top: 14px;
	
}

#leftbar-center{
	position:relative;
	clear:both;
	color:black;
	background-image: url(template-sidebar-middle.png);
    float:left;
    width:192px;
    margin-left: 6px;
    margin-right: 0px;
	font-weight: bold;
    
}

#leftbar-bottom{
	position:relative;
	clear:both;
	color:black;
	background-image: url(template-sidebar-bottom.png) ;
    float:left;
    width:192px;
	height: 23px;
    margin-left: 6px;
    margin-right: 0px;
    
}

/*#leftbar-center ul{
list-style: none;
margin-left:0px;
padding-left:15px;

}


#leftbar-center ul a{
text-decoration: none;
}

#leftbar-center ul a li {
font-family: cursive,serif,Times,serif;
font-size:14px;
color: gray;
font-weight:normal;
text-indent:0.8cm;
background:url(template-menu.png)no-repeat;
margin-bottom:2px;
text-align: left
}

#leftbar-center ul a li:hover{
background:url(template-menu-hover.png)no-repeat;
text-shadow:gray 2px 4px 5px;
color:#F3661F;
}*/





label.black{
padding:0px 0px 0px 10px;
color:black;
font-weight:normal;
text-align:right;
font-size:12px;
/*text-shadow:black 1px 5px 5px;*/
}



#button2 {
	
	text-decoration:none;
	width:96px;
	background-image: url(template-button.png); 
	line-height:1.5em;
	border: none;
	font-size: 12px;
	font-weight: bold;
	height: 21px;
	text-align: center;
	margin:5px 0px 0px 46px;	
}
#button2 a{color:black;text-decoration:none;}
.cleaner{ clear: both; width: 100%; height: 0px; font-size: 1px; }

#footer {
	margin:0px 0px 0px 0px;
	position:relative;
	font-size:10px;
	clear: both;
	color: gray;
	text-align: center;
	width:99%;
	float:left;
	}

#footer a{
	color: gray;
	text-decoration:underline;
	padding-right:5px;
	padding-left:5px;
}
#footer a:hover{
color:darkgray;
}


a{text-decoration:none;}

.menu{
background:url(template-menu.png) no-repeat;
margin:0 0 1px 20px;
text-indent:0.8cm;
/*background-color:black;*/
width:150px;
height:18px;
text-decoration:none;
color:gray;
cursor:pointer;
}

.menuhov{
background:url(template-menu-hover.png) no-repeat;
margin:0 0 1px 20px;
text-indent:0.8cm;
/*background-color:black;*/
width:150px;
height:18px;
text-decoration:none;
color:gray;
cursor:pointer;
text-shadow:gray 2px 4px 5px;
color:#F3661F;
}

textarea{
width:165px;
height:60px;
}

#content form input{
margin-bottom:5px;
margin-top:5px;
width:184px;
clear:both;
background-image: url(template-textbox-back.png); 
padding-bottom:0px;
}

#content form input.frm{
background-image: url(template-textbox-back.png); 
width:15px;
height:11px;
margin-left:0px;
}

#content form input.rdo{
background-image: url(template-textbox-back.png); 
width:15px;
height:11px;
margin-left:0px;
visibility:visible;
}

#content form input.rdodis{
background-image: url(template-textbox-back.png); 
width:15px;
height:11px;
margin-left:0px;
visibility:hidden;
}

#content form input.btn{
text-align:center;
height:21px;
cursor:pointer;
width:100px;
background:url(btnlog.png) no-repeat;
color:black;
font-weight:bold;
font-size:11px;
border: 0px;
vertical-align:center;
}

#mmainframe-mid-content form input{
margin-bottom:5px;
margin-top:5px;
width:250px;
clear:both;
background-image: url(template-textbox-back.png); 
padding-bottom:0px;
}

#mmainframe-mid-content form select{
margin-bottom:5px;
margin-top:5px;
width:250px;
clear:both;

}

#content form select
{
margin-bottom:5px;
margin-top:5px;
width:184px;
clear:both;

}

#mmainframe-mid-content table td{
padding:5px 5px 0px 5px;
color:black;
font-weight:normal;
text-align:left;
font-size:12px;
/*text-shadow:black 1px 5px 5px;*/


}
#content table td{
padding:5px 5px 0px 5px;
color:black;
font-weight:normal;
text-align:left;
font-size:12px;

/*text-shadow:black 1px 5px 5px;*/
}

#content table td.rite{
padding:5px 5px 0px 5px;
color:black;
font-weight:normal;
text-align:center;
font-size:12px;

/*text-shadow:black 1px 5px 5px;*/
}

#content table td.rightaln{
float:right;
}

#content table td.rightalnt{
float:right;
color:black;
font-size:12px;
}

#content table td.rightalntw{
float:right;
color:white;
font-size:12px;
font-weight:bold;
}


#mmainframe-mid-content th{
padding:0px 0px 10px 0px;
font-size:14px;
padding:0px 5px 0px 5px;
background-color:#F3661F;
color:white;
}

#content th{
padding:0px 0px 10px 0px;
font-size:12px;
padding:0px 5px 0px 5px;
background-color:#F3661F;
color:white;

}

#mmainframe-mid-content table td a{
color:#F3661F;

}

#content table td a{
color:#F3661F;

}

#content table td a span.green{
color:green;
text-decoration:none;
}

#content table td a span.green:hover{

color:red;
text-decoration:none;
}

#content table td a span.red{
color:red;
text-decoration:none;
}

#content table td a span.red:hover{

color:green;
text-decoration:none;
}

span.red{
color:red;
text-decoration:none;
}

span.green{
color:green;
text-decoration:none;
}

#mmainframe-mid-content table td a:hover{
background-color:#F3661F;
color:white;

}

#content table td a:hover{
/*background-color:#F3661F;*/
color:green;

}

#msg{
padding:1px 0px 1px 10px;
margin-bottom:10px;
text-align:left;
color:black;
font-weight:normal;
background-color:#E6FFEC;
border:black solid 1px;

filter:alpha(opacity=0);
opacity:0;
}

#msgerr{
padding:1px 0px 1px 10px;
margin-bottom:10px;
text-align:left;
color:red;
font-weight:normal;
background-color:#E6FFEC;
border:black solid 1px;

}

.srchead{
padding:0px 0px 0px 0px;
width:200px;
height:25px;
text-align:left;
color:#F3661F;
font-size:16px;
font-weight:bold;

}

.plrtitle{
text-decoration:none;
text-align:left;
color:black;
font-size:15px;
font-weight:bold;
float:left;
}

.srcttl{
clear:both;
width:417px;
padding:10px 10px 10px 10px;
color:#5C8465;
font-size:18px;
background-color:#E6FFEC;
font-weight:bold;
/*background:url(coursebg.png);*/
/*text-shadow:black -1px 3px 2px;*/
border-bottom: #5C8465 solid 1px;
}

.srcbodyl{
width:140px;
padding:5px 5px 5px 5px;
color:black;
float:left;
position:static;
background-color:gray;
}

.srcbodyr{
width:140px;
float:right;
color:black;
position:static;
padding:5px 5px 5px 5px;
background-color:darkgray;
/*display:block;
text-align:;*/
}

.srcttl input{
width:100px;
float:right;
}

.newsrc input{
float:right;
margin:0 14px;
}

span.newsrc{
float:right;
margin:0px 12px;
padding:5px;
text-align:center;
vertical-align:center;
height:21px;
cursor:pointer;
width:100px;
background:url(btnlog.png) no-repeat;
color:black;
font-weight:bold;
border: 0px;
font-size:11px;
text-decoration:none;
}

.btncart{
margin:0px 10px;
float:left;
padding:5px;
text-align:center;
height:21px;
cursor:pointer;
width:100px;
background:url(btnlog.png) no-repeat;
color:black;
font-weight:bold;
font-size:11px;
text-decoration:none;
}

span.cancell{
float:left;
padding:5px;
text-align:center;

height:21px;
cursor:pointer;
width:100px;
background:url(btnlog.png) no-repeat;
color:black;
font-weight:bold;
border: 0px;
font-size:11px;
text-decoration:none;
text-shadow:none;
}

span.cancel{
float:left;
height:17px;
cursor:pointer;
width:100px;
background-color:#F3661F;
color:white;
font-weight:bold;
font-size:12px;
text-decoration:none;
text-shadow:none;
text-align:left;
border:darkgray solid 1px;
margin-left:66px;
margin-top:30px;
margin-bottom:0px;
}

span.cancel:hover{
border:black solid 1px;
}


span.booknpay{
float:right;
padding:5px;
text-align:center;
vertical-align:center;
height:21px;
cursor:pointer;
width:100px;
background:url(btnlog.png) no-repeat;
color:black;
font-weight:bold;
border: 0px;
font-size:11px;
text-decoration:none;
text-shadow:none;
}

span.sp{
color:red;
text-decoration:none;
}

span.ed{
color:#F3661F;
text-decoration:none;
}

span.ed:hover{
color:blue;

}

#tblwrap{
border:#5C8465 solid 1px;

}


input.for{
width:200px;
background-image: url(template-textbox-back.png);
}

input.txt{
background-image: url(template-textbox-back.png);
width:150px;
margin:2px;
}

input.txt1{
background-image: url(template-textbox-back.png);
width:120px;
margin:2px;
}

input.txtlil{
background-image: url(template-textbox-back.png);
width:90px;
margin:2px;
}

input.log{
vertical-align:center;
margin:5px;
height:21px;
border: 0px;
cursor:pointer;
width:100px;
background:url(btnlog.png) no-repeat;
color:#/F3661F;
font-weight:bold;
float:right;
text-align:center;
/*background-color:#E7FFED;*/
}

input.btn{
text-align:center;
vertical-align:center;
height:21px;
cursor:pointer;
width:100px;
background:url(btnlog.png) no-repeat;
color:black;
font-weight:bold;
border: 0px;
margin-bottom:2px;
font-size:11px;
/*background-color:#E7FFED;*/
}

input.btnmail{
margin:10px 10px;
float:left;
width:100px;
background:url(template-contact.png) no-repeat;
font-weight:bold;
cursor:pointer;
}

textarea.txtarea{
background-image: url(template-textarea-back.png);
}

#venue{
margin:0 0 0 5px;
padding-left:5px;

}
input.venue{
vertical-align:center;
height:21px;
cursor:pointer;
width:100px;
background:url(btnlog.png) no-repeat;
color:black;
font-weight:bold;
border: 0px;
text-align:center;
}

span.orange{
font-weight:bold;
color:#F3661F;
padding-left:0px;
text-decoration:none;
}
#content span.player{
margin-left:24px;
font-size:16px;
color:black;
text-decoration:none;
}

span.cart{
font-size:16px;
font-weight:bold;
color:#F3661F;
padding-left:0px;
text-decoration:none;
}
span.carttnx{
margin-left:250px;
font-size:20px;
font-weight:bold;
color:#77965D;
padding-left:0px;
text-decoration:none;

}
.welcome1{
font-size:20px;
color:#F3661F;
font-weight:bold;
text-decoration:none;
}

a span.link{
color:#F3661F;
text-decoration:none;
font-weight:bold;
}

a span.link:hover{
color:green;


}

.tnx{
font-weight:bold;
color:black;
margin-right:10px;
float:right;
text-decoration:none;
font-size:16px;
}

.emtcrt{
background-color:#E6FFEC;
color:red;
border:black solid 1px;
text-indent:10px;
}

#holder{
padding-left:0px;
margin-bottom:0px;
float:left;
width:49%;
height:55px;

}

#errdiv{
height:10px;
}

#content-wide{
	padding:0px 0px 0px 0px;
	color:black;
	margin-left:5px;  
	margin-bottom:0px;  
	position: relative;
	width:480px;
	min-height: 330px;
	}
	
#content-wide form select{
margin-bottom:5px;
margin-top:5px;
width:180px;
clear:both;
}

#content-wide form input{
margin-bottom:5px;
margin-top:5px;
width:180px;
clear:both;
padding-bottom:0px;
background-image: url(template-textbox-back.png);

}

#content-wide form input.btn{
text-align:center;
height:21px;
cursor:pointer;
width:100px;
background:url(btnlog.png) no-repeat;
color:black;
font-weight:bold;
font-size:11px;
border: 0px;
vertical-align:center;
}	

#pair{
width:100%;
}

#pair2{
float:left;
}

table.coursemenu{
margin:3px 0px 0px 10px;
font-size:14px;
height:20px;
text-decoration:none;
font-weight:bold;
vertical-align:center;

}

.mnucov{
float:left;
position:relative;

}

.left{
float:left
}

table.coursemenu td{
color:#F3661F;
cursor:pointer;
}

table.coursemenu td:hover{
color:green;
}

table.mnu td a{
font-size:15px;
color:#F3661F;
font-weight:bold;
}

table.mnu td a:hover{
color:green;
}

table.addnew td a{
font-size:15px;
color:#F3661F;
font-weight:bold;
}

span.show{
margin-top:7px;
float:left;
padding:4px;
text-align:center;
height:21px;
cursor:pointer;
width:100px;
background:url(btnlog.png) no-repeat;
color:black;
font-weight:bold;
font-size:11px;
text-decoration:none;
}

#date select.day{
width:40px;
}

#date select.mon{
width:80px;
}

#date select.year{
width:60px;
}
#date{
display:inline;
}

div.transbox{
  position:absolute;
  z-index:100;
  left:0px;
  top:0px;
  background-color:black;  
  width: 100%;
  height: 130%;
  cursor:wait;
  filter:alpha(opacity=60);
  opacity:0.6;
}

#msgbox{
position:absolute;
z-index:101;
padding-bottom:5px;
text-indent:27px;
width: 400px;
height: 130px;
background-color:white;
left:0px;
top:50px;
color:black;
border: #F3661F solid 2px;
margin-left:30px;
}


#msgbox a{text-decoration:none;cursor:pointer;}

div.top{
padding-top:2px;
color:white;
font-weight:bold;
font-size:15px;
height:23px;
background-color:#F3661F;
width:100%;
text-indent:5px;
}

span.x{
float:right;
color:white;
text-decoration:none;
font-weight:normal;
cursor:pointer;
}

#msgbox a:hover{cursor:pointer;color:black;cursor:pointer;}

#showmenu{
position:absolute;
z-index:101;
padding-bottom:5px;
text-indent:27px;
width: 200px;
height: 140px;
background-color:white;
left:150px;
top:220px;
color:black;
border: #F3661F solid 2px;
margin-left:30px;
}

span.mnu{
float:left;
font-size:14px;
color:black;
border:black solid thin;
}

#menu2{
float:left;
margin-left:30px;
position:absolute;
padding-left:10px;
padding-top:5px;
/*visibility:hidden;
border:black solid thin;*/

}

span.btnright{
float:right;
margin-right:20px;
text-align:center;
height:21px;
cursor:pointer;
width:100px;
background:url(btnlog.png) no-repeat;
color:black;
font-weight:bold;
border: 0px;
font-size:11px;
text-shadow:none;
text-decoration:none;
padding-top:3px;
}

span.btnrightt{
float:right;
margin-right:40px;
margin-top:5px;

border: 0px;
font-size:11px;
text-shadow:none;
text-decoration:none;
padding-top:3px;

text-align:center;
height:21px;
cursor:pointer;
width:100px;
background:url(btnlog.png) no-repeat;
color:black;
font-weight:bold;
vertical-align:center;
}

#box {
	
	
	
	padding: 10px 10px 10px 10px;
	height: 210px;
	width: 210;
	background:url(emailback.png) no-repeat;
	border:none;
	color:black;
	}
	
#box-outer {

	
	float:left;
	/*position:fixed;
	bottom:0px;*/
	overflow: hidden;
	height: 210px;
	width: 210px;
	clear:left;
	margin-left:0px;
	margin-top:0px;
	border:none;
	color:black;
	/*border:black solid 1px;*/
}

#btnblind {
	
	float:left;
	/*position:fixed;*/
	
	height: 20px;
	width: 210px;
	clear:left;
	/*margin-left:0px;
	margin-top:0px;*/
	bottom:0px;
	border:none;
	/*border:black solid 1px;*/
}


#box td{
text-align:left;
color:black;
font-size:11px;
}

#box form{
border:none;
}

.clss{
cursor:pointer;
background:url(x.png);
padding-bottom:12px;
text-decoration:none;
}

.res{
cursor:pointer;
width:30px;
height:30px;
border:none;
background:url(refresh.png) bottom no-repeat;
text-decoration:none;
}

textarea.txtarea{
width:182px;
height:45px;
background:url(template-textarea-back.png);
border:#009343 solid 1px;
}

.btncon{
margin: 0px 0px 0 0 ;
height:18px;
width:220px;
background:url(contus.png) no-repeat;
color:black;
font-weight:bold;
border:none;
cursor:pointer;
float:left;
text-decoration:none;
/*border:black solid 1px;*/
}

.btncon2{
margin: 20px 0px 0 0 ;
height:22px;
width:99px;
background:url(btneml.png) no-repeat;
color:white;
font-weight:bold;
border:none;
cursor:pointer;
float:left;
}

#box form input.txt{
width:120px;
background: url(textbox-back.png);
border:#009343 solid 1px;
text-decoration:none;

}

#blind{
margin: 0px 0px 0 0 ;
height:22px;
width:210px;
background:url(contus.png) no-repeat;
color:black;
font-weight:bold;
border:none;
cursor:pointer;
float:left;
text-decoration:none;
}

.member{
background:url(img_mem.png) no-repeat;
padding-left:20px;
height:20px;
float:left;
margin-right:5px;
padding-top: 7px;
}

.nonmember{
background:url(img_nonmem.png) no-repeat;
padding-left:20px;
height:20px;
float:left;
padding-top: 7px;
}
#rdos{
float:right;
}

.ntot{
margin:auto;
background-color:#F3661F;
text-align:center;
width:250px;
height:30px;
border:solid black 1px;
color:white;
font-weight:bold;
}

/* Menu 2*/

#menu2 ul li{
float:left;

margin-right:10px;
padding:0px;
list-style:none;
}

#menu2 ul li a{
margin-left:0px;
padding-left:0px;
text-decoration:none;
font-size:14px;
color:#F3661F;
}

#menu2 ul{
display: inline;

}

#menu2 ul li a:hover{
color:green;
}
/* Menu 2 */