*, html, body, h1, h2, h3, h4, h5, h6, table, tr, td, p, b, div, form, input, img {
	margin:0px;
	padding:0px;
}

body {
	margin:0;
	padding:0;
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#504E4E;
	background:url(../images/bg.gif) repeat;
	min-height:870px;
}
.cl {
	clear:both;
}
.vl {
	vertical-align:middle;
}
img {
	border:0;
}
a {
	transition:0.30s; text-decoration:underline; color:#0066FF;
}
a:hover {
	transition:0.30s; text-decoration:none;
}
.fright {
	float:right;
}
.fleft {
	float:left;
}
p {
	color:#504E4E;
	padding:10px 0;
	margin:0;
	font-size:15px;
	line-height:19px;
	text-align:justify;
}
.bg{ border-top:10px solid #5a5a5a; padding:40px 0px 0px 0px;}
.main{ width:900px; margin:0px auto;}
.logo{ text-align:center; padding:0px 20px 0px 20px;}
.logo img{ max-width:100%;}
.logo2{ float:left; width:560px;  font-size:26px; text-transform:uppercase; text-align:left; padding:0px 0px 0px 0px; font-weight:bold; color:#575151;}
.logo2 a{ text-decoration:none;color:#575151;}
.logo2 img{ max-width:100%;}
.co_name{ font-size:26px; text-transform:uppercase; text-align:center; padding:0px 0px 10px 0px; font-weight:bold; color:#575151;}
.co_name a{ text-decoration:none;color:#575151;}
.right_cont{ float:right; width:300px; text-align:right; font-size:13px; color:#000000;}
.welcome{ padding:0px 0px 20px 0px;}
.name{ font-weight:bold;}

.copy_right{ text-align:center; padding:15px 0px; font-size:12px;}
/* Login Page CSS*/
.login_cont {
	padding:0px 50px;
}
.login_box_main {
	width:340px;
	margin:0px auto;
	padding:20px 50px;
	background:#5a5a5a;
	border-radius:5px;
	border:solid 5px #ffffff;
}
.login_title {
	font:normal 23px Arial, Helvetica, sans-serif;
	padding:8px 0 25px;
	text-align:center;
	color:#ffffff;
}
.login_area_textbox {
	width:316px;
	border:solid 1px #ced3d3;
	color:#302d2d;
	padding:8px 10px;
	margin:0 0 15px 0;
	background:#f8f8f8;
}
.login_area_textbox:focus {
	background:#fffee5;
}
.login_area_checkbox {
	padding:10px 0 20px;
	color:#fff;
	font-size:14px;
}
.checkbox_input {
	margin:0 5px 0 0;
}
.login_area_submit_button {
	background:url(../images/login_box_button_bg.jpg) top left repeat-x;
	padding:5px 12px;
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#ffffff;
	cursor:pointer;
	float:left;
	border:0;
}
.login_area_submit_button:hover {
	background:url(../images/login_box_button_bg_hover.jpg) top left repeat-x;
	padding:5px 12px;
}
.forgot_pass_login_area {
	font:normal 15px Arial, Helvetica, sans-serif;
	padding:10px 0 0 0;
	color:#ffffff;
	float:right;
}
.forgot_pass_login_area a {
	font:normal 15px Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color:#ffffff;
}
.forgot_pass_login_area a:hover {
	text-decoration:underline;
	color:#ffd450;
}
.new_user {
	font-size:13px;
	color:#ffffff;
	padding:10px 0;
	border-top:solid 1px #74767a;
	text-align:center;
	margin:20px 0 0 0;
}
.new_user a {
	font:normal 15px Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color:#ffc645;
	padding:8px 0 0 0;
	display:block;
}
.new_user a:hover {
	text-decoration:underline;
	color:#ffd450;
}


/* register Page CSS*/

.register_cont {
padding:0px 50px;
}
.register_form_area {
	max-width:887px;
	margin:0 auto;
	padding:0;
	background:#fafafa;
	border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	box-shadow:0 0 12px #626262;
}
.register_page_title_bg {
	background:#313030 url(../images/register-title-bg.jpg) top left no-repeat;
	font-size:22px;
	color:#fff;
	padding:8px 15px;
}
.register_page_title_bg span {
	font-size:14px;
	padding:5px 0 0 0;
}
.register_form_mid_area {
	padding:0px 0px 15px 15px; background:#FFFFFF; z-index:0; width:98% !important;
}

.client_list_mid_area {
	padding:0px; z-index:0;
}
.client_cont{ background:#FFF; padding:20px; border-bottom:1px solid #bebebe;
		border-left:1px solid #bebebe;
		border-right:1px solid #bebebe;}

.register_form_mid_area2 {
	padding:30px 60px; 
}
.register_form_mid_area3 {
	padding:30px 60px; 
}
.register_form_input_area {
	float:left;
	width:48%;
	margin:0 12px 0px 0;
	
}
.register_form_input {
	background: none repeat scroll 0 0 #ffffff;
	border: 1px solid #CED3D3;
	color: #8c8b8b;
	margin: 10px 0;
	padding: 7px;
	width: 94%;
	box-shadow:inset 0 0 8px #dbdbdb;
	font-size:15px;
	float:right;
}


.register_form_input:hover,
.register_form_input:focus{ 
	border-color: #8e8e8e; 
	color:#000000;
	}
.register_form_input_country_code {
	background: none repeat scroll 0 0 #ffffff;
	border: 1px solid #CED3D3;
	color: #302D2D;
	margin: 10px 0;
	padding: 7px;
	width:30%;
	box-shadow:inset 0 0 8px #dbdbdb;
	font-size:15px;
}


.register_form_input_country_code:hover,
.register_form_input_country_code:focus{
	border-color: #8e8e8e; 
	color:#000000;
}


.register_form_input_area_code {
	background: none repeat scroll 0 0 #ffffff;
	border: 1px solid #CED3D3;
	color: #302D2D;
	margin: 10px 10px;
	padding: 7px;
	width: 20%;
	box-shadow:inset 0 0 8px #dbdbdb;
	font-size:15px;
}


.register_form_input_area_code:hover,
.register_form_input_area_code:focus{
	border-color: #8e8e8e; 
	color:#000000;
}


.register_form_input_phone {
	background: none repeat scroll 0 0 #ffffff;
	border: 1px solid #CED3D3;
	color: #302D2D;
	margin: 10px 0;
	padding: 7px;
	width:31%;
	box-shadow:inset 0 0 8px #dbdbdb;
	font-size:15px;
}


.register_form_input_phone:hover,
.register_form_input_phone:focus{
	border-color: #8e8e8e; 
	color:#000000;
}

.register_form_input_password {
	background: none repeat scroll 0 0 #ffffff;
	border: 1px solid #CED3D3;
	color: #302D2D;
	margin: 10px 0;
	padding: 7px;
	width: 45%;
	box-shadow:inset 0 0 8px #dbdbdb;
	font-size:15px;
}
.register_form_text_area {
	background: none repeat scroll 0 0 #ffffff;
	border: 1px solid #CED3D3;
	color: #302D2D;
	margin: 10px 0;
	padding: 7px;
	width: 95%;
	height:73px;
	box-shadow:inset 0 0 8px #dbdbdb;
	font-size:15px;
}
.register_page_button {
	background:#eb2f2f;
	padding:8px 25px;
	color:#fff;
	font-size:16px;
	margin:	10px 0 0 0;
	border:0;
	border-radius:5px;
}
.register_page_button:hover {
	background:#b22424;
	cursor:pointer;
}
.room_head{ font-size:15px; padding:10px 0px 10px 0px; font-weight:bold;}

#cssmenu {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 15px;
  text-transform: uppercase;
  text-align: left;
  margin:0px 0px 20px 0px;

}
#cssmenu > ul {
  width: auto;
  list-style-type: none;
  padding: 0;
  margin: 0;
  background: #ffffff;
  border: 1px solid #ece6e8;
  border-bottom: 3px solid #d9ced2;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  text-align:center;
}
#cssmenu > ul li#responsive-tab {
  display: none;
  /* Hide for large screens */

}
#cssmenu > ul li {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
#cssmenu > ul li.right {
  float: right;
}
#cssmenu > ul li.has-sub {
  position: relative;
}
#cssmenu > ul li.has-sub:hover ul {
  display: block;
}
#cssmenu > ul li.has-sub ul {
  display: none;
  width: 250px;
  position: absolute;
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: #ffffff;
  border: 1px solid #ece6e8;
  border-bottom: 3px solid #d9ced2;
  border-top: 0 none;
  z-index:999;
}
#cssmenu > ul li.has-sub ul li {
  display: block;
}
#cssmenu > ul li.has-sub > a {
  background-image: url('../images/caret.png');
  background-repeat: no-repeat;
  background-position: 90% -95%;
}
#cssmenu > ul li.has-sub > a.active,
#cssmenu > ul li.has-sub > a:hover {
  background: #d80041 url('../images/caret.png') no-repeat;
  background-position: 90% 195%;
}
#cssmenu > ul li a {
  display: block;
  padding: 12px 24px 11px 24px;
  text-decoration: none;
  color: #747474;
  text-shadow: 0px 1px 0px #fff;
}
#cssmenu > ul li a.active,
#cssmenu > ul li a:hover {
  background: #d80041;
  color: #fff;
  text-shadow: 0px 1px 0px #000;
}

.tfe_cont{ background:#FFF; border:1px solid #CCC; text-align:center; font-size:13px; font-weight:bold; padding:6px 0px; z-index:0;}
.tfe_cont label{ padding:0px 15px;}

 .box{
        padding: 0px 0px;
        display: none;
		
    }
  
	
	.calendar {
				font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif;
				font-size: 0.9em;
				background-color: #EEE;
				color: #333;
				border: 1px solid #DDD;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				border-radius: 4px;
				padding: 0.2em;
				width: 14em;
				
			}
			
			.calendar .months {
				background-color: #F6AF3A;
				border: 1px solid #E78F08;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				border-radius: 4px;
				color: #FFF;
				padding: 0.2em;
				text-align: center;
			}
			
			.calendar .prev-month,
			.calendar .next-month {
				padding: 0;
			}
			
			.calendar .prev-month {
				float: left;
			}
			
			.calendar .next-month {
				float: right;
			}
			
			.calendar .current-month {
				margin: 0 auto;
			}
			
			.calendar .months .prev-month,
			.calendar .months .next-month {
				color: #FFF;
				text-decoration: none;
				padding: 0 0.4em;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				border-radius: 4px;
				cursor: pointer;
			}
			
			.calendar .months .prev-month:hover,
			.calendar .months .next-month:hover {
				background-color: #FDF5CE;
				color: #C77405;
			}
			
			.calendar table {
				border-collapse: collapse;
				padding: 0;
				font-size: 0.8em;
				width: 100%;
			}
			
			.calendar th {
				text-align: center;
			}
			
			.calendar td {
				text-align: right;
				padding: 1px;
				width: 14.3%;
			}
			
			.calendar td span {
				display: block;
				color: #1C94C4;
				background-color: #F6F6F6;
				border: 1px solid #CCC;
				text-decoration: none;
				padding: 0.2em;
				cursor: pointer;
			}
			
			.calendar td span:hover {
				color: #C77405;
				background-color: #FDF5CE;
				border: 1px solid #FBCB09;
			}
			
			.calendar td.today span {
				background-color: #FFF0A5;
				border: 1px solid #FED22F;
				color: #363636;
			}
	
	.list_cont{  margin:10px 0px 0px 0px; padding:0px; width:100% !important;}
	.list_1{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
	
	.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

.span_1_of_9 {
	width: 18.68%; 
}
.span_1_of_9_pop {
	width: 98%; 
}
.list_head{ font-size:12px; font-weight:bold; text-align:center; background:#e15b19; padding:4px; margin:0px 0px 4px 0px; color:#FFF;}
.list_val{ text-align:center;}

.popup {
      background-color: #DDD; 
      height: auto; width:auto; 
      border: 5px solid #666; 
      position: absolute; visibility: hidden; 
      font-family: Verdana, Geneva, sans-serif; 
      font-size: small; text-align: justify; 
      padding: 5px; overflow: auto; 
      z-index: 2; 
}
.popup_bg {
      position: absolute; 
      visibility: hidden; 
      height: 100%; width: 100%; 
      left: 0px; top: 0px; 
      filter: alpha(opacity=70); /* for IE */ 
      opacity: 0.7; /* CSS3 standard */ 
      background-color: #ffffff; 
      z-index: 1; 
}
.close_button {
      font-family: Verdana, Geneva, sans-serif; 
      font-size: small; font-weight: bold; 
      float: right; color: #666; 
      display: block; text-decoration: none; 
      border: 2px solid #666; 
      padding: 0px 3px 0px 3px; 
}

.divstyle
{
display: none;
border: 1px solid #000;


}

table.gridtable {
	width:100%;
	font-size:12px;
	color:#333333;
	border-width: 1px;
	border-color: #000000;
	border-collapse: collapse;
}
table.gridtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #000000;
	background-color: #e15b19;
	color:#FFFFFF;
}
table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #000000;
	
}

.reuired{ float:left; padding:20px 0px 0px 0px; font-size:16px; font-weight:bold; text-align:left; color:#F00;}


.highlightRow
        {
            background-color: #FFD1B2;
            cursor: pointer;
        }
 .register_form_input_date {
background: none repeat scroll 0 0 #ffffff;
	border: 1px solid #CED3D3;
	color: #8c8b8b;
	margin: 10px 0;
	padding: 7px;
	width: 75%;
	box-shadow:inset 0 0 8px #dbdbdb;
	font-size:15px;

}

.register_form_input_date:hover,
.register_form_input_date:focus{ 
	border-color: #8e8e8e; 
	color:#000000;
	}

.register_form_input_room {
background: none repeat scroll 0 0 #ffffff;
	border: 1px solid #CED3D3;
	color: #8c8b8b;
	margin: 10px 0;
	padding: 7px;
	width: 20%;
	box-shadow:inset 0 0 8px #dbdbdb;
	font-size:15px;

}

.GridDock
{
    overflow-x: auto;
    overflow-y: hidden;
    /*width: 190px;*/
    padding: 0 0 17px 0;
}


/**{
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

.inputBtnSection{
    display:inline-block;
    vertical-align:top;
    font-size:0;
    font-family:verdana;
}
.disableInputField{
    display:inline-block;
    vertical-align:top;
    height: 27px;
    margin: 0;
    font-size:14px;
    padding:0 3px;
}

.fileUpload {
	position: relative;
	overflow: hidden;
    border:solid 1px gray;
    display:inline-block;
    vertical-align:top;
}
.uploadBtn{
    display:inline-block;
    vertical-align:top;
    background:rgba(0,0,0,0.5);
    font-size:14px;
    padding:0 10px;
    height:25px;
    line-height:22px;
    color:#fff;
}

.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}*/