/******************************************************************************
#                         Booking Script v1.0
#******************************************************************************
#      Author:     Sergey Suhanov
#      Email:      info@rxnk.com
#      Website:    http://www.rxnk.com
#	
#
#      Version:    1.0
#      Copyright:  (c) 2010 - Sergey Suhanov 
#	   Icons from PixelMixer - http://pixel-mixer.com/basic_set/
#      
#*******************************************************************************/
/***************************************************************************/
/************************** ADMINISTRATION STYLES **************************/ 

@font-face { font-family: "YanoneKaffeesatzRegular"; src: url("http://dermahyd.com/content/theme/master/fonts/YanoneKaffeesatz-Regular-webfont.eot"); src: local('-'), url("http://dermahyd.com/content/theme/master/fonts/YanoneKaffeesatz-Regular-webfont.woff") format('woff'), url("http://dermahyd.com/content/theme/master/fonts/YanoneKaffeesatz-Regular-webfont.ttf") format('truetype'), url("http://dermahyd.com/content/theme/master/fonts/YanoneKaffeesatz-Regular-webfont.svg") format('svg'); font-weight: normal; font-style: normal; }

body { margin:0 auto; font-family:"Segoe UI" , "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#333; }
#content { padding:15px 0 0 0; width:800px; margin:0 auto;}
	.login_container { padding:20px 20px 20px 20px;  border:1px solid #09F; background-color:#DDEEF9; width:420px;}
	.login { padding:20px 20px 20px 80px;  background:url(../images/key_64.png) no-repeat left center; line-height:200%; }

.menu { text-align:center; border-bottom:1px solid #666; }
	.item { text-align:center; width:80px; margin:0 10px 0 10px;}
	.item a { text-decoration:none; color:#333; font-size:13px; font-weight:bold;}
	
.left { float:left; }
.right { float:right; }

.topRow { background:#F63; color:#FFFFFF;}
.odd { background:#EFF3ED; font-size:11px;}
.even { background:#FFFFFF; font-size:11px;}

.paging a{ color:#06C;}

.extensions_text { font-size:9px;}


/************************************************************************/
/************************** BOOKINGS MAIN PAGE **************************/ 
/************************************************************************/
#index {padding:15px 0 0 0; width:600px; margin:0 auto;}
#index h1 { font-family:"YanoneKaffeesatzRegular", "Segoe UI", Arial, Helvetica, sans-serif; font-size:36px; font-weight: bold; color:#284d21;}
#index p { font-family:Arial, Helvetica, sans-serif; font-size:13px;}
#index .copy { font-size:11px; font-family:Arial, Helvetica, sans-serif;}
/************************************************************************/

.js_error {padding:15px; width:570px; margin:0 auto; font-size:25px; font-weight:bold; text-align:center; border:1px solid #F30; background-color:#FEDEDE; margin-top:15px;}
.js_error a { color:#F30;}

/***********************************************************************/
/************************** CALENDAR STYLES ****************************/ 
/***********************************************************************/
.calendar table {  font-family:Tahoma, Geneva, sans-serif; }
.dash_border { border-bottom:1px dotted #666;}
table tbody { color:#666666; font-size:14px; }
table tbody .weekend { color:#990000; font-size:14px;} /* RED HIGHLIGHTING FOR SUNDAY AND SATURDAY */
table tbody th { font-family:"YanoneKaffeesatzRegular", "Segoe UI", Arial, Helvetica, sans-serif; font-size:36px; font-weight:bold; color:#284d21; text-transform:uppercase;} /* TITLE OF CURRENT MONTH*/
.previous_month { color:#666666; font-size:18px; text-transform:uppercase; padding-left:20px; background:url(../images/arrow_left.jpg) no-repeat left top; text-decoration:none; line-height:26px; width:46px; display:block;}
.previous_month:hover {  background:url(../images/arrow_left_on.jpg) no-repeat left top;}
.next_month { color:#666666; font-size:18px; text-transform:uppercase; padding-right:20px; background:url(../images/arrow_right.jpg) no-repeat right top; text-decoration:none; line-height:26px; width:46px; display:block;}
.next_month:hover { background:url(../images/arrow_right_on.jpg) no-repeat right top;}

.cal_reg_on {vertical-align:top; background-color:#3c7331; width:76px; height:56px; color:#fff; font-size:18px;} /* REGULAR DAY WHICH FALLS UNDER 1 - 31 (dark grey area) */
.cal_reg_on a { font-size:11px;} /* href style for NO-JS version*/
.cal_reg_off {vertical-align:top; background-color:#E4E4E4; width:76px; height:56px;color:#666666; font-size:18px;} /* NOT AVAILABLE SQUARE OR TOTALLY BOOKED SQUARE */
.cal_reg_off a { font-size:11px;} /* href style for NO-JS version*/
.cal_reg_off noscript {font-size:11px;}
.cal_reg_off span {font-size:11px; padding:0; margin:0;}
.cal_reg_on_today {vertical-align:top; background-color:#FF9900; width:76px; height:56px;color:#666666; font-size:18px; } /* TODAY SQUARE - SQUARE AVAILABLE FOR BOOKING */
.cal_reg_on_today a { font-size:11px;} /* href style for NO-JS version*/
.cal_reg_off_today {vertical-align:top; background-color:#FF9900; width:76px; height:56px;color:#FFF; font-size:18px; } /* TODAY SQUARE - NOT AVAILABLE FOR BOOKING  */
.cal_reg_off_today noscript {font-size:11px;}
.cal_reg_off_today span {font-size:11px; padding:0; margin:0;}
.cal_reg_off_today a { font-size:11px;} /* href style for NO-JS version*/
.mainmenu5 {vertical-align:top; background-color:#284d21; width:76px; height:56px;color:#FFF; font-weight:bold; cursor:pointer; } /* HOVER SQUARE */ 
.mainmenu5 a { font-size:11px;} /* href style for NO-JS version*/

.error_msg {padding:15px; width:570px; margin:0 auto; font-size:14px;  text-align:center; border:1px solid #F30; background-color:#FEDEDE; margin-top:15px;}

.cal_text {font-size:11px;}
.cal_text a { color:#666;}
.cal_text a:visited { color:#666;}
noscript a { color:#666;}
noscript a:visited { color:#666;}
/***********************************************************************/

/***********************************************************************/
/************************** BOOKING FORM PAGE **************************/
/***********************************************************************/
.internal_booking_form { text-align:center;}
.internal_booking_form h2 {font-family:"YanoneKaffeesatzRegular", "Segoe UI", Arial, Helvetica, sans-serif; font-size:20px; color:#284d21; font-weight:bold;;}
.internal_booking_form p { padding-top:1px; padding-bottom:1px; border-bottom:1px dotted #666; border-top:1px dotted #666;}
.internal_booking_form input {font: 13px "Segoe UI", Arial, Helvetica, sans-serif; margin: 0px; padding: 5px; border: 1px solid #E2E2E2; background: #FEFEFE url(http://dermahyd.com/content/theme/master/images/input-bg.png) repeat-x left top;} 
.internal_booking_form textarea { font: 13px "Segoe UI", Arial, Helvetica, sans-serif; margin: 0px; padding: 5px; border: 1px solid #E2E2E2; background: #FEFEFE url(http://dermahyd.com/content/theme/master/images/input-bg.png) repeat-x left top; }

input {font: 13px "Segoe UI", Arial, Helvetica, sans-serif; margin: 0px; padding: 5px; border: 1px solid #E2E2E2; background: #FEFEFE url(http://dermahyd.com/content/theme/master/images/input-bg.png) repeat-x left top;} 


textarea { font: 13px "Segoe UI", Arial, Helvetica, sans-serif; margin: 0px; padding: 5px; border: 1px solid #E2E2E2; background: #FEFEFE url(http://dermahyd.com/content/theme/master/images/input-bg.png) repeat-x left top; }

select { font: 13px "Segoe UI", Arial, Helvetica, sans-serif; margin: 0px; padding: 5px; border: 1px solid #E2E2E2; background: #FEFEFE url(http://dermahyd.com/content/theme/master/images/input-bg.png) repeat-x left top; }


.button,a.button{ color:#fff; cursor:pointer; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background-color:#01485C; background-image:url(http://dermahyd.com/content/theme/master/images/button.png); background-repeat:repeat-x; background-position:left top; font-family:"Segoe UI", Arial, Helvetica, sans-serif; font-size:13px; text-shadow:#000 1px 1px 0; font-weight:600; border-width:0; margin:0; padding:5px 10px;outline:none }
.button:hover{ color:#FFF; background-color:#002A35; background-image: url(http://dermahyd.com/content/theme/master/images/button.png); background-repeat: repeat-x; background-position: left -30px; }


/***********************************************************************/

/***********************************************************************/
/************************** SCHEDULE FORM PAGE **************************/
/***********************************************************************/
.schedule_na td { height:35px; background-color:#FFE2DD; border-bottom:1px solid #F30; color:#000; padding:5px;}
.schedule_na td a { color:#F30;}
.schedule_na td  a:visited {color:#F30;}
.schedule_av td {height:35px; background-color:#D5EDF9; border-bottom:1px solid #06F;color:#000; padding:5px;}
.time { font-size:16px; font-weight:bold;}
.time sup { font-size:12px; text-decoration:underline; font-weight:normal;}
/***********************************************************************/

.Reserved
{
color: #ff0000;
}
.Available
{
color: #008800;
}