@charset "utf-8";
/* CSS Document */
.login1 {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size:16px;
	font-weight: bold;
	color:#666;
	padding-left:20px;
}
.clear{
	clear:both;
}
.divHeading1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	background-color:#ED1E24; 
	width:100%; 	
	padding-top:10px;
	height:30px; 	
	padding-left:10px;
}
.divHeading2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	float:left; 
	background-color:#CCC; 	
	border-right:#666 solid 1px; 
	border-bottom:#666 solid 1px; 
	text-align:center;
	padding-top:10px;		
	min-height:30px;	
	margin-bottom:10px;
	
}
.divHeading3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#EDEDED; 
	margin-top:10px; 
	padding-top:5px;
	padding-bottom:5px;
	height:60px;
}

.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 {	
		
}
.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;
}

.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;
}

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

.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{
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:990px;
/*-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:900px;
-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: 70% !important;
   border:#CCC solid 1px;;
   
   /*background-color:#F0F0F0;*/

}	
											
form .small-input {
                width: 17% !important;
                }
                
form .medium-input {
                width: 50% !important;				
                }
								
form .large-input {
                width: 97.5% !important;
				border:#CCC solid 1px;;
   				/*background-color:#F0F0F0;				
				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;
                }
/************ Table ************/

#main-content table {
                width: 100%;
                border-collapse: collapse;
                }
                
#main-content table thead th {
                font-weight: bold;
                font-size: 15px;
                border-bottom: 1px solid #ddd;
                }
                
#main-content tbody {
                border-bottom: 1px solid #ddd;
                }
                
#main-content tbody tr {
                background: #fff;
                }
              
#main-content tbody tr.alt-row {
                background: #f3f3f3;
                }
                
#main-content table td,
#main-content table th {
                padding: 10px;
                line-height: 1.3em;
				vertical-align:top;
                }        
				
#main-content table tfoot td .bulk-actions {
                padding: 15px 0 5px 0;
                } 
				
#main-content table tfoot td .bulk-actions select {
                padding: 4px;
				border: 1px solid #ccc;
                }      
				
#menu8 {
	width: 170px;
	margin-top: 10px;
	font: 11pt Arial, Verdana, Helvetica, sans-serif;
	letter-spacing: .2px;
}
	
#menu8 li a {
	text-decoration: none;
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
}
	
#menu8 li a:link, #menu8 li a:visited {
	color: #777;
	display: block;
	background: url(../images/menu8.gif);
	padding: 8px 0 0 20px;
}
	
#menu8 li a:hover {
	color: #257EB7;
	background: url(../images/menu8.gif) 0 -32px;
	padding: 8px 0 0 25px;
}
	
#menu8 li a:active {
	color: #fff;
	background: url(../images/menu8.gif) 0 -64px;
	padding: 8px 0 0 25px;
}

#menu8 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/************ Button ************/
.button {
				/*font-family: Verdana, Arial, sans-serif;*/
                display: inline-block;
               /* background: #459300 url('../images/bg-button-green.gif') top left repeat-x !important;*/
				background: #7CAA0E url('../images/bg-button-green.gif') top left repeat-x !important;
                border: 1px solid #360 !important;
                padding: 4px 7px 4px 7px !important;
                color: #fff !important;
                font-size: 14px !important;
                cursor: pointer;
				height:40px;
				width:100px;
				font-weight:bold;
                }
                
.button:hover {
                text-decoration: underline;
                }
                
.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: #E9E9E9;
	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: #CCCCCC;
	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: #008080;
	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;}

.saveDiv{padding:10px; margin:10px 0; margin-left:10px; margin-right:10px; font-size: 12px; border:1px solid #348B1E; background:#E6FFDF; color:#348B1E; -moz-border-radius:2px; -webkit-border-radius:2px; width:75px; text-align:center; line-height:0px;}
/*#Table_Row_Highlight:hover { background-color: #F0F0F0; text-decoration:none;}*/


.top-link
{ 
position:fixed;
text-align:right;
right:5px; 
bottom:5px; 
color:green; 
font-weight:bold; 
text-decoration:none; 
border:1px solid #333; 
padding:10px; 
background-color: hsl(0, 0%, 40%);
border-radius: 3px 3px 3px 3px;
cursor: pointer;
opacity: 0.3;
}
.top-link:hover{
	opacity: 1;
}

.bottom-link
{ 
position:fixed;
text-align:right;
right:5px; 
top:150px; 
color:green; 
font-weight:bold; 
text-decoration:none; 
border:1px solid #333; 
padding:10px; 
background-color: hsl(0, 0%, 40%);
border-radius: 3px 3px 3px 3px;
cursor: pointer;
opacity: 0.3;
}
.bottom-link:hover{
	opacity: 1;
}