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

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/*background-color: #F7F7F7;
	letter-spacing: .2px;*/
	background-color: #FFF;
	font-family: tahoma,Arial, Verdana, Helvetica, sans-serif;
  	font-size: 11px;  
	
}

.left_block{
	float:left; 
	width:10%; 
	margin-top:10px; 
	font-weight:lighter; 
	font-family:Verdana, Geneva, sans-serif;
}
.right_block{
	float:left; 
	margin-left:10px; 
	margin-right:10px; 
	margin-top:10px; 
	width:88%;
	background:#BBDEF7;
 	padding-bottom:10px; 
 	min-height:600px;
}
.right_block .header
{
	background:#0657B0; 
	height:25px; 
	font-family:Verdana, Geneva, sans-serif; 
	color:#FFF; padding-top:5px; 
    padding-left:5px;
	font-weight:bold;
	font-size:14px;
}

table.table_right_block{
	font-family:Verdana, Geneva, sans-serif; 
	font-size:12px; 
	font-weight:lighter;
}

.clear
{
	clear:both;
}

.login1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight: bold;
	color: #FFF;
	padding-left:70px;
}

.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #006;
}
.style2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333;
	letter-spacing: .2px;
}
.style3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	color: #000;
	letter-spacing: .2px;
}

.style4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.style5 {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333;	
}
.style_drop_down1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	color: #000;
	letter-spacing: .2px;
	padding-bottom:5px;
}

.style_drop_down2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	color: #00C;
	letter-spacing: .2px;
	padding-bottom:5px;	
}


.style_drop_down3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	color: #903;
	letter-spacing: .2px;
	padding-bottom:5px;
	font-weight: bold;
}

.style_drop_down4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
    letter-spacing: .2px;

    height: 36px;
    min-width: 180px;
    padding: 6px 10px;

    background-color: #fff;
    border: 1px solid #cfd6dd;
    border-radius: 5px;

    outline: none;
    cursor: pointer;
}

.style_drop_down4:hover {
    border-color: #8aa4bd;
}

.style_drop_down4:focus {
    border-color: #5b9bd5;
    box-shadow: 0 0 0 2px rgba(91, 155, 213, 0.15);
}

/* Space between options */
.style_drop_down4 option {
    padding: 8px 10px;
    line-height: 35px;
}



.bill_main_heading {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;	
	font-weight: bold;
	color:#000;	
}

.billheading {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;	
	font-weight: bold;
	color:#000;	
}
.billnormal {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;	
	color:#000;	
}


.bill_main_heading_big {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;	
	font-weight: bold;
	color:#000;	
}

.billheading_big {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;	
	font-weight: bold;
	color:#000;	
}
.billnormal_big {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;	
	color:#000;	
}

.red1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*font-weight: bold;*/
	color: #F00;
}





.error_strings{ 
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #F00;
/*background-color:#F2D2B3;*/
width:20px;
}

#top{
width:990px;
height:50px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border:0px solid #ccc;
background-color:#FFFFFF;
-webkit-box-shadow: #B3B3B3 5px 5px 5px;
-moz-box-shadow: #B3B3B3 5px 5px 5px; 
box-shadow: #B3B3B3 5px 5px 5px;	
}

#rotator1{
width:990px;
height:230px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border:0px solid #ccc;
background-color:#FFFFFF;
-webkit-box-shadow: #B3B3B3 5px 5px 5px;
-moz-box-shadow: #B3B3B3 5px 5px 5px; 
box-shadow: #B3B3B3 5px 5px 5px;	
}

.rotator-header {
	width:900px;	
}

.main_div{
	width:100%; 
	min-height:700px; 
	background:#E6F2F9; 
	margin-left:auto;
	margin-right:auto; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	height:auto
}


#main{
width:100%;
-webkit-border-radius: 0px 0px 15px 15px;
-moz-border-radius: 0px 0px 15px 15px;
border-radius: 0px 0px 15px 15px;
border:0px solid #ccc;
background-color:#FFFFFF;
/*-webkit-box-shadow: #B3B3B3 5px 5px 5px;
-moz-box-shadow: #B3B3B3 5px 5px 5px; 
box-shadow: #B3B3B3 5px 5px 5px;"*/
}

#main_top{
width:100%;
/*-webkit-border-radius: 0px 0px 15px 15px;
-moz-border-radius: 0px 0px 15px 15px;
border-radius: 0px 0px 15px 15px;*/
border:0px solid #ccc;
background-color:#FFFFFF;
-webkit-box-shadow: #B3B3B3 5px 5px 5px;
-moz-box-shadow: #B3B3B3 5px 5px 5px; 
box-shadow: #B3B3B3 5px 5px 5px;"
}
#big-content{
width:100%
-webkit-border-radius: 0px 0px 15px 15px;
-moz-border-radius: 0px 0px 15px 15px;
border-radius: 0px 0px 15px 15px;
border:0px solid #ccc;
background-color:#FFFFFF;
-webkit-box-shadow: #B3B3B3 5px 5px 5px;
-moz-box-shadow: #B3B3B3 5px 5px 5px; 
box-shadow: #B3B3B3 5px 5px 5px;"
}

#left{
	margin-left:50px;
	width:100%;	
	border: 1px solid #ccc;	
	margin: 0 0 20px 0;
	background: #fff;	
	 -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
#left_add{
	margin-left:50px;
	width:100%;	
	border: 1px solid #ccc;	
	margin: 0px 0px 5px 5px;
	background: #fff;	
	 -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	
	
	
}
#left_top{
	margin-left:50px;
	width:100%;	
	border: 1px solid #ccc;	
	margin: 0px 0px 20px 5px;
	background: #fff;	
	 -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	position:relative;
	top:15px;
}
#right{
	margin-left:50px;
	width:100%;	
	border: 1px solid #ccc;	
	margin: 0 0 20px 0;
	background: #fff;	
	 -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	position:relative;
	margin-bottom:20px;
}
#spacer15{
	position:relative;
	left:10px;	
	top:15px;
}

#spacer1{
	position:relative;		
	top:15px;
}
#booked{
	/*background: #fff url('../images/booked.png') top left repeat-x;	*/
	background:#FFF1DF;
	position:relative;		
	top:0px;
	font: 9pt Arial, Verdana, Helvetica, sans-serif;
	letter-spacing: .2px;
}
#available{
	/*background: #fff url('../images/not_booked.png') top left repeat-x;*/	
	background:#EDFBFE;
	position:relative;		
	top:0px;
	font: 9pt Arial, Verdana, Helvetica, sans-serif;
	letter-spacing: .2px;
}

/*************** Forms ***************/

form label {
                display: block;
                padding: 0 0 10px;
                font-weight: bold;
                }
             
form fieldset legend {
                font-weight: bold;
                margin-bottom: 10px;
                padding-top: 10px;
                }
                
form p small {
                font-size: 0.75em;
                color: #777;
                }
				
				
form input.text-input,
form select,
form textarea,
form .wysiwyg {
	padding: 3px;
	font-size: 12px;
	background: #fff url('../images/bg-form-field.gif') top left repeat-x;
	border: 1px solid #d5d5d5;
	color: #333;
	/*height:auto;*/	
}
				
form input
{
	height:30px;
	/*-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;*/
}
form .smallest-input {
                width: 8% !important;
				position:relative;
				left:10px;
				top:10px;
                }
form .smallest2-input {
                width: 12% !important;
				position:relative;
				left:10px;
				top:10px;
                }
form .smallest3-input {
                width: 75% !important;
				position:relative;
				left:0px;
				top:0px;
                }
								
form .small3-input {
                width: 12% !important;
                }
				
form .small4-input {
                width: 80% !important;
                }	
											
form .small-input {
                width: 17% !important;
                }
                
form .medium-input {
                width: 50% !important;				
                }				
form .large-input {
                width: 97.5% !important;				
				/*font-size: 16px !important;
				padding: 8px !important;*/
				
                }               
form .large2-input {
                width: 97.5% !important;
				height:30px;
				/*font-size: 16px !important;
				padding: 8px !important;*/
				
                }
                
form textarea {
                width: 97.5% !important;
                font-family: Arial, Helvetica, sans-serif;
                }
                
form select {
                padding: 4px;
                background: #fff;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				border-radius: 4px;
                }
				
form input[type="checkbox"],
form input[type="radio"] {
				padding: 0;
                background: none;
				border: 0;
				height:auto;
                }



/************ Button ************/
.button {
				font-family: Verdana, Arial, sans-serif;
                display: inline-block;
              	background: #0657B0; 
			   /* background: #459300 url('../images/bg-button-green.gif') top left repeat-x !important;*/
				/*background: #0657B0 url('../images/bg-button-green.gif') top left repeat-x !important;*/
                border: 1px solid #23ABDC;
                padding: 4px 7px 4px 7px !important;
                color: #fff !important;
                font-size: 12px !important;
                cursor: pointer;
				height:35px;
				font-weight:bold;
				min-width:100px;
				
                }
                
.button:hover {
               /* text-decoration: underline;*/
				 background:#23ABDC;
				 border: 1px solid #E6F2F9;
                }
                
.button:active {
                padding: 5px 7px 3px 7px !important;
                }
				
a.remove-link {
				color: #bb0000;
				}

a.remove-link:hover {
				color: #000;
				}


table.table_main1{
	margin:auto;
	border: 0px;
	background-color: #E6F2F9;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}

table.table_main2 {
	margin:auto;
	border: 0px;
	background-color:#F0F0F0;
	text-align: center;
/*padding: 24px 12px 24px 4px;*/
}

table.table_main3 {
margin:auto;
border: 0px;
background-color: #008877
/*padding: 24px 12px 24px 4px;*/
}


tr.row0 {
border: 0px;
background-color:#2A96B1;
line-height:25px;
	color:#FFF ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;	
	font-weight: bold;
	text-align:center;
}

tr.row1 {
	border: 0px;
	font-size: 11px;
	font-family: Verdana;
	color:#333;
}

tr.row2 {
border: 0px;
background-color: #BBDEF7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	height:30px;
	vertical-align:middle;
}

tr.row2_style3 {
	border: 0px;
	background-color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;	
	color: #333;
	letter-spacing: .6px;
	vertical-align:middle;
	height:30px;	
}

tr.row3 {
border: 0px;
/*background:url(images/vline2.jpg);*/
	background-color: #666;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
}

tr.row3_left {
border: 0px;
background:url(images/vline2_green.jpg);
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	text-align:left;
}

tr.row4 {
	border: 0px;
	background-color:#F3F3F3;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

tr.row5 {
	border: 0px;
	background-color:#CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: bold;
	color:  #000;
}

tr.search {
border: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	height:30px;
	vertical-align:middle;
}
tr.row6 {
	border: 0px;
	background-color: #AACC88;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px;
	color:#FFF;
	font-weight: bold;
}
td.col2 {
	border: 0px solid;
	color:#333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align:left;
}

td.col2_right {
	border: 0px solid;
	color:#333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align:right;
}
td.col2_center {
	border: 0px solid;
	color:#333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

td.col3 {
border: 0px solid;
text-align:left;
font-size: 11px;
font-family: Verdana;
color:#333;
}

td.col3_center{
border: 0px solid;
color:#333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
}


/*For Calander*/
.toolbar .calendar_button_container {
	width:40em;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}	
#back_button, #forward_button, #today_button, #calendar_button 
{
	background: url(../images/calendar-buttons.png) no-repeat 0px 0px; width: 40px; height: 27px; margin: 8px 3px 0 3px; cursor: pointer;
}
#back_button:hover {background-position: 0px -27px;}
#back_button:active {background-position: 0px -54px;}
#today_button {background-position: -80px 0px; width: 69px;}
#today_button:hover {background-position: -80px -27px;}
#today_button:active {background-position: -80px -54px;}		
#calendar_button {background-position: -149px 0px; width: 46px;}
#calendar_button:hover {background-position: -149px -27px;}
#calendar_button:active {background-position: -149px -54px;}
#forward_button {background-position: -40px 0px;}
#forward_button:hover {background-position: -40px -27px;}
#forward_button:active {background-position: -40px -54px;}
#todays_date, #month_date {color:#34404b; font-size: 1.063em; font-weight: bold; margin-top: 12px;  text-align: center;}
#month_date {width: 11em; cursor: }



.icon {background: url(../images/icons.png) no-repeat; height: 16px; width: 16px; float: left; display: inline; overflow: hidden;}
	.icon.new {background-position: 0 -16px;}
	.icon.new_big {background-position: 0 -64px; height: 20px; width: 19px;}
	.icon.add {background-position: 0 -32px; height: 15px; width: 14px;}
	.icon.print {background-position: -16px 0;}
	.icon.calendar {background-position: 0 0;}
	.icon.data {background-position: -32px 0;}
	.icon.person {background-position: -16px -16px;}
	.icon.crayon {background-position: -32px -16px;}
	.icon.right_arrow {background-position: 0px -32px;}
	.icon.dropdown {background-position: -56px 0; height: 6px; width: 7px; margin: 6px 0 0 7px;}
		.data .icon.dropdown {margin: 6px 0 0 5px;}
	.icon.smallperson {background-position: -48px 0; height: 10px; width: 8px; margin: 6px 8px 0 14px;}
	.icon.smallservice {background-position: -48px -32px; height: 10px; width: 10px; margin: 6px 8px 0 16px;}
		.msie7 .icon.smallperson {margin: 7px 8px 0 14px;}
		.msie7 .icon.smallservice  {margin: 7px 8px 0 15px;}
	.icon.grouparrow {background-position: -49px -49px; width: 8px; height: 6px; margin: 9px 2px 0 1px;}
	
	
tr.rowCalender {
	border: 0px;
	background:url(../images/toolbar-tall-background.png);
	/*background-color: #666;*/
	font-weight: bold;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	letter-spacing: .2px;
}

.errorDiv{padding:10px; margin:10px 0;  margin-left:10px; margin-right:10px; font-size: 14px; border:1px solid #D55518; background:#FFE0DF; color:#CB1F02; -moz-border-radius:2px; -webkit-border-radius:2px; line-height: 22px;}

.successDiv{padding:10px; margin:10px 0; margin-left:10px; margin-right:10px; font-size: 14px; border:1px solid #348B1E; background:#E6FFDF; color:#348B1E; -moz-border-radius:2px; -webkit-border-radius:2px; line-height: 22px;}

#Table_Row_Highlight:hover { background-color: #BCEDF5; text-decoration:none;}

.class="active_btn"{
	background-color:#23ABDC;
}

.errorDiv2{padding:5px; margin:5px 0;  margin-left:5px; margin-right:5px; font-size: 14px; border:1px solid #D55518; background:#FFE0DF; color:#CB1F02; -moz-border-radius:2px; -webkit-border-radius:2px; line-height: 22px;	
}

.successDiv2{padding:5px;margin:5px 0; margin-left:5px; margin-right:5px; font-size: 14px; border:1px solid #348B1E; 
    background:#E6FFDF; color:#348B1E; -moz-border-radius:2px; -webkit-border-radius:2px; line-height: 22px;
}