﻿.tabDone {
	background: #fff url(images/done.png)  bottom repeat-x ;
	height:49px;
	width:49px;
	font-weight:bold;
	font-size: 25px;
	color : white;
	padding-top: 0.3rem;
	text-align: center;
	/*color:#444;background:#eee;background:-webkit-linear-gradient(#fff, #ddd);background:-moz-linear-gradient(#fff, #ddd);background:-o-linear-gradient(#fff, #ddd);background:-ms-linear-gradient(#fff, #ddd);background:linear-gradient(#fff, #ddd);border:1px solid #aaa;border-bottom-color:#919191;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.15);box-shadow:0 1px 2px rgba(0,0,0,0.15);-webkit-border-radius:3.01px;border-radius:3.01px;overflow:hidden;margin-bottom:2em;*/
}
.Done {
	font-weight:bold;
	font-size: 17px;
	color : #faaf3a;
	padding-top: 0.8rem;
}

.tabSelected {
	background: #fff url(images/now.png)  bottom repeat-x ;
	background-color:#8b1a1a;
	height:49px;
	width:49px;
	font-weight:bold;
	font-size: 25px;
	color : white;
	padding-top: 0.3rem;
	text-align: center;
}

.tabUnSelected {
	background: #fff url(images/pending.png) bottom repeat-x ;
	background-color:#f2f2f2;
	height:49px;
	width:49px;
	font-weight:bold;
	font-size: 25px;
	color : #8a8989;
	padding-top: 0.3rem;
	text-align: center;
}

.Now {
	font-weight:bold;
	font-size: 17px;
	color : #8b1a1a;
	padding-top: 0.8rem;
}

.UnSelect {
	font-weight:bold;
	font-size: 17px;
	color : #8A8989;
	padding-top: 0.8rem;
}

.book_now {
	width:70%; 
	border:none;
	outline: none;
	box-shadow: none;
	display: block; 
	padding: 0;
	height:44px;
	background-color:rgba(60, 60, 60, 1);
	color:rgba(250, 250, 250, 1);
	font-size:14px;
	font-weight:bold;
	border-radius: 10px;
}

.book_room {
	width:100%; 
	border:none;
	outline: none;
	box-shadow: none;
	display: block; 
	padding: 0;
	height:44px;
	background-color:rgba(60, 60, 60, 1);
	color:rgba(250, 250, 250, 1);
	font-size:14px;
	font-weight:normal;
	/*border-radius:3px;*/
	border: none;
}

.book_now:hover, .book_room:hover {
	background: #d71b21;
	color: #FFFFFF;
}

/*br{font-size:10px}
table{border:0px; border-collapse:collapse;	}

a{color:#70901B; text-decoration:underline} 
a:hover{text-decoration:none}
span a{color:#6D6C6C; text-decoration:underline}
b{ color:#414141} 
li{
	background:url(images/yes.png)  center left no-repeat;
	margin:0px;
	padding-left:18px;
}
li a{color:#FFFFFF;} 
ul{margin:0; padding:0; list-style:none; line-height:16px}*/

.style1
{
	font-weight:bold;
	font-size: 20px;
	color : #000;
}
.style2
{
	font-weight:bold;
	font-size: 15px;
	color : #000;
}

.style3
{
	font-size:12px;
	color:#666666;
	line-height:normal;
	vertical-align:top;
	padding-bottom:10px;
}
.style4
{
	font-size:9px;
	color:#454545;
	line-height:normal;
	vertical-align:top;
	padding-left:10px;
}
.style5
{
	font-size:11px;
	color:#000;
	line-height:normal;
	vertical-align:top;
	padding-left:10px;
}
.style6
{
    font-weight: normal;
    font-style: normal;
    line-height: 1.5;
	font-size: 14px;
	color:#454545;
	padding-left:15px;

}
.bgClr {
	width: 100%;
	/*min-width: 50%;*/
	height: auto;
	/*background: #fff url(images/bg.png) ;*/
}

.style7
{
	font-weight: normal;
    font-style: normal;
    line-height: 0.8;
	font-size: 40px;
	color : orange;

}
.style8
{
	font-weight: normal;
    font-style: normal;
    line-height: 2.5;
	font-size: 15px;
	color : orange;

}
/*#container
{
	height: 50px;
	width: 150px;
	position: relative;
	display: inline;
}
#images
{
	position: absolute;
	left: 0;
	top: 0;
}
#text
{
	z-index: 100;
	position: absolute;
	color: white;
	font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	left: 20px;
	top: 0px;
	line-height:normal;
}*/

.img_style 
{
	float: left;	
	margin: 0 0 10px 0;	
	padding: 2px; 
	vertical-align: middle;
}
.lable_style {
	font-size: 11px; 
	padding-top:2px;	
	padding-left:5px;
	color: #4d4d4d;
}

/* Label Styles */
label {
  font-size: 14px;
  /*text-align: center;*/
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 0;
  /* Styles for required inputs */ }
  label.right {
    float: none !important;
    text-align: right; }
  label.inline {
    margin: 0 0 1rem 0;
    padding: 0.5625rem 0; }
  label small {
    text-transform: capitalize;
    color: #676767; }
	
/* END Label Styles */

/* Separate prefix and postfix styles when on span or label so buttons keep their own */
span.prefix, label.prefix {
  background: #f2f2f2;
  border-right: none;
  color: #333333;
  border-color: #cccccc; }

span.postfix, label.postfix {
  background: #f2f2f2;
  border-left: none;
  color: #333333;
  border-color: #cccccc; }

form .row .prefix-radius.row.collapse select {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }
form .row .prefix-radius.row.collapse .prefix {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }
form .row .postfix-radius.row.collapse select {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }
form .row .postfix-radius.row.collapse .postfix {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }
form .row .prefix-round.row.collapse select {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px; }
form .row .prefix-round.row.collapse .prefix {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }

form .row .postfix-round.row.collapse select {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }
form .row .postfix-round.row.collapse .postfix {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px; }

input[type="submit"] {
  -webkit-appearance: none;
  -webkit-border-radius: 0px; }

/* Respect enforced amount of rows for textarea */
textarea[rows] {
  height: auto; }

/* Not allow resize out of parent */
textarea {
  max-width: 100%; }

/* Add height value for select elements to match text input height */
select {
  -webkit-appearance: none !important;
  -webkit-border-radius: 0px;
  background-color: #fafafa;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
  background-position: 100% center;
  background-repeat: no-repeat;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  padding: 0.5rem;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.75);
  line-height: normal;
  border-radius: 0;
  height: 3rem; 
  width:100%;
  }
  select::-ms-expand {
    display: none; }
  select.radius {
    border-radius: 3px; }
  select:hover {
    background-color: #f3f3f3;
    border-color: #999999; }
  select:disabled {
    background-color: #dddddd;
    cursor: default; }

/* Adjust margin for form elements below */
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
  margin: 0 0 1rem 0; }

input[type="checkbox"] + label,
input[type="radio"] + label {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
  vertical-align: baseline; }

/* Normalize file input width */
input[type="file"] {
  width: 100%; }
  
  
/* TABLE DESIGN */
table {
  background: white;
  margin-bottom: 1.25rem;
  border: solid 1px #dddddd;
  table-layout: auto; }
  table caption {
    background: transparent;
    color: #222222;
    font-size: 1rem;
    font-weight: bold; }
  table thead {
    background: whitesmoke; }
    table thead tr th,
    table thead tr td {
      padding: 0.5rem 0.625rem 0.625rem;
      font-size: 0.875rem;
      font-weight: bold;
      color: #222222; }
  table tfoot {
    background: whitesmoke; }
    table tfoot tr th,
    table tfoot tr td {
      padding: 0.5rem 0.625rem 0.625rem;
      font-size: 0.875rem;
      font-weight: bold;
      color: #222222; }
  table tr th,
  table tr td {
    padding: 0.5625rem 0.625rem;
    font-size: 0.875rem;
    color: #222222;
    text-align: left; }
  table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: #f9f9f9; }
  table thead tr th,
  table tfoot tr th,
  table tfoot tr td,
  table tbody tr th,
  table tbody tr td,
  table tr td {
    display: table-cell;
    line-height: 1.125rem; }

/* Panels */
.panel {
  border-style: solid;
  border-width: 1px;
  border-color: #d8d8d8;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  background: #f2f2f2;
  color: #333333; }
  .panel > :first-child {
    margin-top: 0; }
  .panel > :last-child {
    margin-bottom: 0; }
  .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl {
    color: #333333; }
  .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
    line-height: 1;
    margin-bottom: 0.625rem; }
    .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
      line-height: 1.4; }
  .panel.callout {
    border-style: solid;
    border-width: 1px;
    border-color: #b6edff;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: #ecfaff;
    color: #333333; }
    .panel.callout > :first-child {
      margin-top: 0; }
    .panel.callout > :last-child {
      margin-bottom: 0; }
    .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p, .panel.callout li, .panel.callout dl {
      color: #333333; }
    .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
      line-height: 1;
      margin-bottom: 0.625rem; }
      .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
        line-height: 1.4; }
    .panel.callout a:not(.button) {
      color: #008cba; }
  .panel.radius {
    border-radius: 3px; }
	
	.panel.remark {
		border-style: solid;
		border-width: 1px;
		border-color: #fbc2c4;
		margin-bottom: 1.0rem;
		padding-bottom: 0.2rem;
		padding-left: 1.0rem;
		padding-top: 0.2rem;
		background: #fbe3e4;
		color: #333333; 
		font-size:12px;
		font-family:Tahoma;
		color:#de344b;}
		.panel.remark > :first-child {
		  margin-top: 0; }
		.panel.remark > :last-child {
		  margin-bottom: 0; }
		.panel.remark h1, .panel.remark h2, .panel.remark h3, .panel.remark h4, .panel.remark h5, .panel.remarkh6, .panel.remark p, .panel.remark li, .panel.remark dl {
		  color: #333333; }
		.panel.remark h1, .panel.remark h2, .panel.remark h3, .panel.remark h4, .panel.remark h5, .panel.remark h6 {
		  line-height: 1;
		  margin-bottom: 0.625rem; }
		  .panel.remark h1.subheader, .panel.remark h2.subheader, .panel.remark h3.subheader, .panel.remark h4.subheader, .panel.remark h5.subheader, .panel.remark h6.subheader {
			line-height: 1.4; }
		.panel.remark a:not(.button) {
		  color: #008cba; }
		  
/* INPUT TEXT BOX */  
.single-input {
  margin-top: 20px;
  margin-bottom: 20px;
  height: 50px;
}

.single-input input, form textarea{
  width: 90%;
  height: 100%;
  border:1px solid #dfdfdf;
  padding: 0 15px;
}

.single-input input:focus, form textarea:focus {
  border-color: #424040;
}