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

/*-----------------------    Norm HTML ------------------*/

body {
	margin: 0; padding: 0; 
	background: #ECECEC url(../images/bg.png) repeat-x;color: #000; 
	text-align: center;font: .70em/1.5em  Verdana, Tahoma, Helvetica, sans-serif;
}

input{
	border:#000 1px solid ;
	width: 70px ;height: 15px ;
}

a{	color:#000 ; text-decoration:none ;font-weight:bold ; }

a img, img{ border-style: none; 	}
 
a.button{ border:#000 1px solid;  width:50px ; }

INPUT[type="radio"] {border: none;}

INPUT[type="button"] { 
	width:auto ;height: auto;
}

INPUT[type="submit"] { 
	width:auto ;height: auto;
	
}

/*------------------------------------------------------*/

.page-container {
	margin: 0px auto; border-left: rgb(255,255,255)  10px solid ;border-right:rgb(255,255,255)  10px solid ;
	width: 975px;  
	background: rgb(255,255,255) ;
}

.header {
	border-bottom: rgb(26,26,26) 1px solid;
	height: auto;
}

.banner {float:left;}

.header-top{ height:149px; }

.header-bottom{
	background: url('../images/navmenu-bg.png') repeat-x;
	border-bottom: #000 solid 1px;
	clear: both;
	display: block;
	height: 23px;
	margin-left: 0px;
	margin-top: 3px;
	_margin-top: 0;
	padding-bottom: 1px;
	_padding-bottom: 0;
	text-align: left;
}

.logo {float: left;}

.login {
	text-align:right ;	
	padding-top:3px ;padding-bottom:2px ; margin-right:40px ;
}

DIV.login FORM{ margin-top:0px; margin-bottom:0px;	}

.main { padding-top: 5px ;  width : 100% ; }

.main-navigation {
	display: inline; float: left; overflow: visible! important; width: 212px ; clear:left ;
}
/* for 3 column */
.main-content {
	display: inline; float: left; overflow: visible! important; margin: 0px 0px 0px 0px; width: 500px ; text-align:left ;
	
}
/* for left and center */
.main-content-lc {
	display: inline; float: left; overflow: visible! important; margin: 0px 0px 0px 0px; width: 725px ; text-align:left ;
}
/* for right and center */
.main-content-cr {
	display: inline; float: left; overflow: visible! important; margin: 0px 0px 0px 0px; width: 753px ; padding-left:10px ; text-align:left ;
}
.main-subcontent {
	display: inline; float: right; overflow: visible! important; width: 250px ; clear:right ;
}

.footer {
	clear: both; padding-right: 0px; padding-left: 20px; font-size: 1em; padding-bottom: 0px; overflow: visible! important; width: 100%; padding-top: 0.1em; height: 4.7em ; margin-top: 10px;
}

.footer table { margin:0 auto; }
.footer a{
	float:left ;
	margin-right:41px ;
}

.footer 

/* Mudule Left & Right */

.side-box{
	 ;
}

.side-box dl{


	width:100% ; height:auto ; 	
/*
	background:url(../images/side-box-b.png) bottom left no-repeat;
	*/
	margin-top:0px ;padding-left:0px;padding-bottom: 12px;margin-bottom:5px;

}

.side-box dt{
	
	height:12px ;
/*background:url(../images/side-box-t.png) no-repeat top left ; */
}

.side-box dd{
	
	margin-left:0px;
	/*background:url(../images/side-box-c.png)  repeat-y;*/
	
}

.module{
	padding-bottom:5px;
}

.right-module{
	padding-bottom:5px;
}

/* Menu  [begin]*/
.nav2{ float: left; font-size: 11px; height:100%; padding-left: 0px; }
.nav2 UL { list-style: none; height:100%; margin-top:0px; margin-left:0px; padding-left:0px; }

.nav2 UL LI{
	border-right: #FFF 2px solid;
	display: block;
	float: left;
 	height: 100%;
	padding-top: 2px;
	position: relative; 
	z-index: 1000;
	
}

.nav2 UL LI a {
	color: #FFFFFF;
	display: block;
	font-weight: normal;
	padding: 0 10px;
	text-decoration: none;	
}

.nav2 UL LI A:hover { text-decoration: none }



/* Level 2 */

.nav2 UL LI UL {
	DISPLAY: none; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}

.nav2 UL LI UL {
	
}

.nav2 UL LI:hover UL {
	MARGIN-TOP: 0.1em; DISPLAY: block; Z-INDEX: 998; LEFT: 0px; POSITION: absolute; TOP: 22px ;
}

.nav2 UL LI:hover UL LI{
	BACKGROUND-COLOR: rgb(237,237,237) ;DISPLAY: inline-block; BORDER-BOTTOM: rgb(175,175,175) 1px solid;
	border-right:#000 1px solid ;text-align:left ;WIDTH: 12em; height:auto ;min-height:23px ;
}

.nav2 UL LI:hover UL LI A {
	color:#000  ; 
	DISPLAY: block;   height:inherit;
 	 
}

.nav2 UL LI  UL LI:hover {
	BACKGROUND-COLOR: rgb(210,210,210); TEXT-DECORATION: none
}

#topmenuStart {
 	border-right: #FFF 2px solid;
	float: left;
	height: 100%;
	width: 205px;
}

#topmenuEnd {
	margin-left:2px ;	
	background: url('../images/navmenu-bg.png') repeat-x ;
	display:inline-block ;
		display:inline;
	height:100% ;width:100% ;
	float:left ;
 	position: relative;
	overflow: hidden;
}

/* Menu  [end]*/
.sidemenu {
  padding-top:0px;padding-bottom:20px; margin: 0 auto;
  text-align: left;  
}

.sidemenu ul, .login ul {
  margin: 0;padding: 0;
  line-height: normal;  
}

.sidemenu ul li, .login ul li {
  display: block;list-style: none;
  padding-left:0px;padding-top:2px ;
}


.sidemenu UL LI a { 
	padding-top: 3px;  padding-bottom: 5px;  padding-left:10px;
	margin-bottom:1px ;margin-left:15px ;margin-right:20px ;
	font-weight:bold ;
	display:block ;
}

.sidemenu UL LI.active a  { 
	color:#FFF ;text-decoration: none ;
	background: url('../images/sideMenu.png') no-repeat   ;     
}

.sidemenu UL LI:hover A{
	text-decoration: none ;
	background: #CCC   ;
}

.main-content h1 , .main-content-cr h1 , .main-content-lc h1{
	font-size:120% ; font-weight:bold ;
}

/*
	Extension  CSS
*/

/** Share EXT :  Data */
.box-header .csc-firstHeader{
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	margin:0;
	padding:0;
}

/** EXT news : [begin] */
DIV.news {
	background: url('../images/news-bg.png') no-repeat;
	float: left;
	height: 344px; 
	margin-right:7px;
	margin-top: 5px;
	overflow: hidden;
	width: 354px; 
}

DIV.news h2 {
	font-size:110% ;color:#FFF ;
	text-align:left ;
}

DIV.news-header .csc-firstHeader {
	padding-left:20px ; padding-top:10px ; padding-bottom:10px ;
}

DIV.news-detail {
	padding:0px 10px 10px 10px ;
}
DIV.news-detail p {
	margin-top:10px ;	margin-bottom:0px ; line-height:130% ;
}

/** EXT news : [end] */

/** EXT news from club : [begin] */

DIV.news-from-club {
	width: 248px; height: 134px; 	
	background: url('../images/news-from_club-bg.png') no-repeat ;
	overflow:hidden ;
}

DIV.news-from-club-header{
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 5px;
	text-align: center;
}

DIV.news-from-club-record{
	display: table-row;
	font-size: 11px;
	font-weight: normal;
	line-height: 130%;
	text-align: left;
	width: 100%;
}

.news-from-club-record a { float: right; font-size: 10px; margin-right: 10px; margin-top: 10px;}
.news-from-club-recordtime { clear:both; float:left; margin: 0 7px; }
.news-from-club-recorddetail { padding-right: 5px; width:230px; *:width:170px; }
.news-from-club-recordtime a {color: #AAA }
.news-from-club-recordtime a, .news-from-club-recorddetail a { float:none; font-weight:normal; margin: 0px; }
 

/** EXT news from club : [end] */

/** EXT calendar from club : [begin] */

DIV.calendar {
	background: url('../images/calendar-bg.png') no-repeat;
	font-size: 11px;

	overflow: hidden;
	width: 246px;
}


DIV.calendar-row{
	display:table-row ;
	text-align:left ;
	width:100% ;line-height:130% ;
}

DIV.calendar-week{
	padding-left:10px;
	width:55px ; 
 	float:left ;
	color:rgb(90,109,129) ;
}

DIV.calendar-headday{
 	color:rgb(90,109,129) ;
	font-style:italic ;
	width:20px ; 
	float:left ;
}

DIV.calendar-day{
	width:20px ; 
	float:left ;
	border:#FFF 1px solid ;
}


DIV.calendar-day:hover{
	cursor:pointer;
	border:#000 1px solid ;
}

DIV.calendar-active{
	border:#000 1px solid ;
}

DIV.calendar-red{	
	background:rgb(255,1,3);
}

DIV.calendar-green{	
	background:rgb(2,254,13);
}

DIV.calendar-yellow{	
	background:rgb(255,255,3);
}


DIV.calendar-header {
	
	margin-top:6px ;	
	margin-bottom:5px ;
}

DIV.calendar-header a {
	color: #FFF ;
}

DIV.calendar-header a:hover {
	color: #000 ;
}

DIV.calendar-footer{
	margin-top:39px ;	
	text-align:left ;
	padding-left:10px;
	color:#FFF 
}

DIV.calendar-footer h2{
 	font-size:80% ; font-weight:bold ;
	margin-bottom:0px ;
	overflow:hidden ;
}

DIV.calendar-footer p{
	overflow:hidden ;
	margin-top:0px ;
}

DIV.calendar-month-event-detail{
	background:url(../images/calendar-bg-mid.png) repeat-y; 
	color:#fff; 
	margin-left:-25px;
	*:margin-left:0px;	
	margin-top:52px; 
	padding:0; 
	text-align:left; 
	width:247px;
}

DIV.calendar-month-event-detail a, DIV.calendar-month-event-detail strong{color:#fff; font-size:9px;}

DIV.calendar-month-event-detail strong{padding-left:10px;}

DIV.calendar-month-event-detail a{font-weight:normal;}

DIV.calendar-month-event-detail div{padding:0 10px; width:200px;}

DIV.calendar-month-event-detail div div{margin-bottom:10px;}

DIV.calendar-month-event-detail-footer{
	background:url(../images/calendar-bg-footer.png) no-repeat; 
	height:13px; 
	margin-left:-25px; 
	*:margin-left:0px; 
	margin-top:-10px; 
	*:margin-top:0px;
	width:247px;
}

/** EXT calendar from club : [end] */
.toplinks { font-size: 11px;   padding-left:0px ;  float:right ;  height:100%; }
.toplinks ul { 	list-style: none; 	height:100% ;margin-top:0px ;margin-left:0px ;padding-left:0px ;}
.toplinks ul li {padding-top:2px;border-right: #FFF 2px solid; z-index: 1000; float: left; position: relative ; }
ul.toplinks{height:28px;}
ul.toplinks li{display:inline;}
.toplinks a { font-weight: normal; }

.news-single-item{border:none;background:none;font: 11px  Verdana, Tahoma, Helvetica, sans-serif;}
.news-single-item h2{font-size: 16px;font-weight: bold;color: rgb(0,0,0);margin-bottom: 0px;}
.news-single-item h3{font-size: 14px;margin-bottom: 15px;}
.news-list-container{border:none;background:none;}
.news-list-item{border:none;background:none;}
.news-list-container h3{border:none;border-bottom: 1px solid #666666;background:none;}
.news-list-container h3 a,
.news-list-container h3 a:link, 
.news-list-container h3 a:visited, 
.news-list-container h3 a:hover,
.news-list-container h3 a:link,
.news-list-container h3 a:visited,
.news-list-container h3 a:hover{

	font-size: 12px;
	color:#666666;
}
.news-list-date{background-color:rgb(255,255,255);color:rgb(50,50,50);Verdana, Tahoma, Helvetica, sans-serif;font-size:10px;}

#main-news{
	float:left;
	width:530px;
}

#external-news{
	float:right;
	width:190px;
}



.tx-cal-controller { padding-left: 25px; *:padding-left: 0;}
.month-small tr, .month-small th, .month-small td { line-height: 14px; }
.month-small th, .month-small td { padding-left: 6px; }
.month-small .month-weekdays { color: #AAA; font-style: italic; font-weight: normal; }
.month-small .month-weeknums { color: #AAA; font-weight: normal; }
.sideback { padding-top: 5px; }
.sideback a { color: #FFF; }
.eventRegular { background-color: green; }
.eventPartlyClosedCourt { background-color: yellow; }
.eventCourtClosed { background-color: red; }
.eventActivity { background-color: green; }

.tx-cal-controller dl dd {padding:0;margin:0;padding-bottom:10px;border-bottom: 1px solid #999999;}
.tx-cal-controller dl dt {padding:0;margin:0;padding-top:10px;}



.footer td,.footer table{display:inline;float:left;clear:right;width:160px;text-align:left;padding:0 15px 0 15px 0; }
.footer td, .footer img{text-align:center;}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img{margin-top:10px;}