@CHARSET "UTF-8";

body {margin:0; padding:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:95%;}
table {border:0; }
img {border:0;}
li,ol {list-style-type: none;}
.clear {clear:both;}




/*------------------- Headers -------------------------*/
h1 {font-size:24px; color:#454D60; font-weight:normal; margin:25px 0 10px 0;}


/*------------------- Links -------------------------*/

a {color: #0066CC}
a:visited {color:#0066CC}
a:hover {}
.pager {margin:15px 0 0 0; float:left}
.pager a, .pager u {
	margin: 0 3px 0 3px;  
}


/*------------------- Sides -------------------------*/
#wrapper {margin:0 auto; padding:0 auto; width:960px;}
#header {height:200px;}
#main {width:960px; float:left; margin:0 0 30px 0;}
#left {}
#middle {}
#right {}
#container {width:960px; float:left; margin:0 0 30px 0; }
#footer {clear:both; height:50px; font-size:11px; margin: 40px 0 10px 0  ; text-align:left; color: #999; border-top:1px solid #CCC; padding:20px 0 0 0;  font-size:15px; }


/*------------------- Menu -------------------------*/
#menu {margin:0;padding:0; 
	 
}
#menu .rightconor {padding:0 12px 0 0; float:right; 
height:36px;  width:12px;
    background-image: url(../images/menu_cr.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #D49758;
	margin:20px 0 0 0;
	}
	
	
#menu ul {margin:0;padding:0;  }
#menu li {
	float:left;
	border-right:1px solid #FFF;
	background-image: url(../images/menu_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	font-size:12px;
	line-height:16px; 
}
#menu li a {color: #fff; text-decoration:none;   padding:10px 10px 10px 10px;        }
#menu li a:hover {
	color:#fff;
	background-color: #454D60; display:block;    

} 
#menu li .current  {     color:#fff;    
   background-color: #454D60;   display:block;    

 }


/*-----Header-------------------------------------------------------------------- */
#language {float:right; width:60px; font-size:13px; margin:4px 0 0 0; }
#language img {float:left; margin:0 7px 0 0;}
.active {
	 
}  

.active a {color:#FFF; text-decoration:none;}

.passive {
 
}  

.logout {font-size:12px; margin:0 5px 0 0;}
/*-----Main-------------------------------------------------------------------- */


/*-----Left-------------------------------------------------------------------- */

/*-----Middle-------------------------------------------------------------------- */


/*-----Right-------------------------------------------------------------------- */


/*-----Container-------------------------------------------------------------------- */

/*-----Footer-------------------------------------------------------------------- */
.copyright {float:left; width:180px;}
.footer_info {float:right; width:720px; margin:5px 0 0 0; padding:0 0 0 20px; font-size:11px;  }
.footer_info span {margin:0 5px 0 0;}
.footer_info  a {margin:0 2px 0 2px;}
.footer_info strong {color:#CE8640}


/*-----Calendar General -------------------------------------------------------------------- */
/*   */

#colors_help {width:300px; font-size:12px; margin:20px 0; float:left;}
#colors_help div {float:left; margin:0 0 10px 10px;} 
#colors_help span {width:15px; height:15px; border:#999 1px solid; float:left; margin:0 5px 0 0 ;}
.c_today span {background:#E5F0FF }
.c_available span {background:#FFFFCC }
.c_booked span {background:#F2F2F2 }
.c_booked span {background:#F2F2F2 }
.c_booked_by_me span {background:#D49758 }


.switch_weeks {border:#CCC 1px solid; border-bottom:none; padding:5px; width:934px;   background: #CCCCCC; color:#FFFFFF}
.switcher_date {width:300px; float:left; font-size:16px; color:#000000}
.switcher {width:200px; float:right; height:20px; font-size:12px; color: #666; text-align:right}
.switcher img {margin:0 0 -5px 0; }
.print_save_box {width:400px; float:left; }
.print {width:220px; float:left; padding:0 0 0 28px; margin:15px 0 0 0;	
    background-image: url(../images/print.jpg);
	background-repeat: no-repeat;
	background-position: left top; }

.print i {color:#999; font-size:11px;}
.save {width:350px; float:left; margin:20px 0 10px 0;}

.calendar {float:left; width:180px; margin:0 10px 20px 0;}
/*-----Customer Page-------------------------------------------------------------------- */      
#customer_profile_picture {float:left; margin:0 20px 0 20px;}
#customer_profile_picture img {border:3px #CCC solid}
#customer_personal_info {width:500px; padding:10px 0 0 0 }
#customer_personal_info .name {font-size:26px;}
#customer_personal_info a {color:#FF6600}

.customer_menu { float:left; width:960px; border-bottom:#CCC 1px solid; margin:10px 0 5px 0;}
.customer_menu ul   { }
.customer_menu   li {float:left; padding:3px 10px; margin:0 2px 0 0; text-align:center; border:#CCC 1px solid;  border-bottom:none;display:block; height:19px; background:#FFFFFF}
.customer_menu a, .menu a:visited {color: #454D60; text-decoration:none;cursor:pointer;}
.customer_menu a:hover {  border-bottom:1px solid  #FFF;  color:#000000 }
.customer_menu .current    { border-bottom:2px solid  #FFFFFF; margin-top:2px; color:#000; font-weight:bold;      }
.customer_menu  .current  a {color: #000000   !important}

/*-----Customer List of Session --------------------- */ 
.list_session {width:600px; float:left; padding:10px; border-bottom: 1px solid #CCC; }
.list_current {background:#FFFFE0}
.list_day {font-size:20px; font-weight:bold; float:left; margin:0 10px 0 0 ;}
.list_date {font-size:16px; color:#666;   float:left; margin:3px  0 0 0 ;}
.list_time { float:left; width:600px;}
.list_today {float:right;   font-size:24px; font-weight:normal; color:#666;  margin:-35px 20px 0 0;}
.list_unbook {
	float:right;
	font-size:14px;
	font-weight:normal;
	margin:-35px 20px 0 0;
	padding:0 0 0 18px;
	background-image: url(../images/delete.gif);
	background-repeat: no-repeat;
	background-position: left center;
	
}
.list_unbook a {display:block; color:#FF0000}



.list_book_session {float:right; width:300px; }
.list_book_session a {font-size:20px; font-weight:normal}


/*-----Customer Calendar --------------------- */ 
table.week_calendar { border-collapse: collapse; }
table.week_calendar  {border: solid 1px #CCCCCC !important;}
table.week_calendar td { border: solid 1px #CCCCCC !important; width:134px;  }
.day { font-size:12px; float:left; text-align:center}
.session {height:50px; width:134px; float:left;  //float:none; border-top:#E6E6E6 solid 1px;   border-bottom:#E6E6E6 solid 1px; margin-top:-1px; }
.holiday { width:134px; clear:right; color:#FF0000; font-weight:bold}
div.current_day {}
td.current_day {background:#E5F0FF; width:134px;  }
.holiday_day { background-color: #DCEDCA; }
.date {padding:5px 5px 0 0; text-align:right; float:right;  color: #000; font-weight:bold}
.book{ float:left; margin:0  0 0 5px; padding:5px 0 0 14px;
	background-image: url(../images/booksign.gif);
	background-repeat: no-repeat;
	background-position: left 7px;}
.book a {color: #0066CC }
.city { margin:20px 0 10px 0; float:left; padding: 0 0 0 10px; font-size:14px; font-weight:bold; color: #3D3D3D}
.city span {color:#999; font-size:13px;}
.city, .city span { cursor: default; }

.sess_booked {background: #ECEC74;  }
.sess_booked b { color: #999!important }
.sess_booked span {  color: #000000  }

.sess_booked_by_me {background:#D49758;  }
.sess_available {background:  #FFFFE0;  }
.sess_available b, .sess_booked_by_me b, .sess_booked b  {
	font-size:11px; font-weight:normal; color: #333333;
}

.sess_no_available b {
	font-size:11px; font-weight:normal; color: #999999;
}

.sess_no_available span {
	font-size:11px; font-weight:normal; color: #999999;
}


.day_available .sess_available { cursor: pointer;}
.day_no_available .sess_available { cursor: default; }
.day_no_available .sess_booked_by_me { cursor: pointer; }
#book_buttons { margin: -30px 0 0 0;   float: right; width:300px;}
#book_buttons a { margin: 0 20px; font-size: 12px;}
#unbook_all { color: red;}
a.link_disabled { color: #CCCCCC; cursor: default; }
.book_failed { color: red; }
.book_failed_some { color: #e48618;  }
.book_success { color: #236b0d; }
.book_message { margin: 20px;font-weight: bold; }
.unbook   {
	padding:0 0 0 17px;
	background-image: url(../images/delete.gif);
	background-repeat: no-repeat;
	background-position: left center;
	width: 40px;
	margin: 0 0 0 12px
	 
}

.unbook a {color: #FF0000 !important;}
.del_holiday {
	  background: #669933; font-weight:normal;
	padding: 2px 0 2px 9px;
    background-image: url(../images/delete.gif);
    background-repeat: no-repeat;
    background-position: 4px center;
   
}
.del_holiday a {color: #000000 !important;}

.success {padding:5px 8px; background:#CAE0A8; border:1px solid #669933; color: #006600; width:500px; margin:5px 0 20px 5px; font-size:12px!important; font-weight:normal !important}
.fail {padding:5px 8px; background:#FFC7C7; border:1px solid  #FF0000; color: #FF0000; width:500px; margin:10px 0 10px 5px; font-size:12px!important; font-weight:normal !important}
/*-----Admin Area --------------------- */ 

#admin {margin:left; margin:0 0 20px 10px; font-size:18px}
#admin a {margin:left; margin:0 0 10px 10px;}

.check_box {width:134px; background: #99CCFF; font-weight:normal}
.check {float:left; margin:0 3px 0 0;}
.who {font-size:11px;}
.grey {color:#999}
.notificaion {margin:10px 0;}
/*-----Customers List----------- */ 

.customer {width:400px; float:left; margin:10px 5px; padding:10px; font-size:12px; color:#666; border: 1px solid #CCC; line-height:20px;}
.customer_pic {  margin:0 12px 0 0;  width:60px; float:left; }
.customer_info {margin:0 0 0 85px; }
.customer_pic img {border:1px #CCC solid; padding:3px;}
.cname {font-size:18px; color: #000}
.customer_pic2 {  margin:0 32px 0 0;  width:60px; height:200px; float:left; }
.customer_pic2 img {border:1px #CCC solid; padding:3px;}
/* Calendar */
.calendar { width: 180px; height: 163px;   }
.calendar .calendar_day { float: left; width: 23px; height: 18px; font-size: 11px;
 margin: 1px;  background: #FFFFAA; cursor: pointer; }
.calendar .calendar_day a { text-decoration: none; color: #000000; display: block; }
.calendar .day_inside { margin: 1px 4px; text-align: center; }
 .calendar .out_month { background: #EEEEEE; }
.calendar .out_month a { color: #999999; }
.calendar .targ_week { background: #BDD8FF; }
.calendar .targ_day { border: solid 1px #333333; margin:0px; }
.calendar .curr_day { background: #669933; }
.calendar .curr_day a { color: #FFFFFF; font-weight: bold; }
.calendar .calendar_tool { width: 176px; clear: left; height: 20px; margin-bottom: 1px; }
.calendar .calendar_tool .month_switch,
.calendar .calendar_tool .month_select  { float: left; height: 18px; margin: 1px; }
.calendar .month_switch { width: 30px; //width: 26px; cursor: pointer; background: #CCCCCC; }
.calendar .month_switch div { text-align: center; }
.calendar .month_switch a { text-decoration: none; color: #000000; display:block; }
.calendar .month_select select { width:110px; border: solid 1px #CCCCCC; }
.calendar .calendar_weekdays { width: 176px; clear: left; height: 20px; margin-bottom: 1px;
background-color: #e5e5e5; margin-top: 2px; }
.calendar .cal_week_day { float: left; width: 23px; height: 18px; font-size: 9px; margin: 1px;}
.calendar .cal_week_day div { text-align: center; padding-top: 3px;}


.note {padding:5px; border:#D49758 solid 1px; width:933px; font-size:11px; margin:0 0 10px 0; background:#FFFFCC}
.note_word {font-weight:bold; font-size:12px;}

#post_reg_info {margin-left:10px;}