@charset "utf-8";
/* CSS Document */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
 background-color:red;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 15px;
	bottom: 100%;
    left: 50%; 
    margin-left: -60px; 

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}
.tooltip .tooltiptext:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid red;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
}
.tooltiptext h4{border-bottom:1px solid #FFF; margin-bottom:2%; margin-top:2%;}
/* tool tip*/
a.tooltips {
  position: relative;
  display: inline;
}
a.tooltips span {
  position:absolute;
  width:200px;
  color: #FFFFFF;
  background: red;
  height: 30px;
  line-height: 30px;
  text-align: center;
  visibility: hidden;
  border-radius: 6px;
}
a.tooltips span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid red;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
a:hover.tooltips span {
  visibility: visible;
 bottom: 30px;
  left: 50%;
  margin-left: -76px;
  z-index: 999;
}
/* tool tip*/
.box { width:40%; border: 1px solid #F1E070; padding: 10px; text-align:center; margin-top:5%;}
 #test_row .box a{color:#000;}  #test_row .box a:hover{color:#000;}
 .close_button{font-weight:lighter; font-size:10px; margin-left:1%; cursor:pointer;}
 #anch{text-align:center; font-size:16px; margin: 5% 0 5% 0;}#anch a{color:#000;}#anch a:hover{color:#F00;}
 .box:hover { -moz-box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc; background-color:#F1E070;}
  #test_row a{color:#000;}   #test_row a:hover{color:#F00;}
  
 #test_row{width:90%; float:left; margin:0% 5% 2% 5%; text-align:left;border: 1px solid #DFDFDF; padding:2%;  border-radius: 5px;}
 
 #close {
	 text-align:center;

    display:inline-block;

	color:#818181;
   
}#close:hover {
 text-align:center;
    display:inline-block;
  
    color:#040404;
}
#price_table table{width:100%; }#price_table{margin-bottom:2%;}#price_table table th,td{border:1px solid #C9C9CA; text-align:center; padding:1%; } #price_table table th{color:#FFF; background-color:#656565;}
.book_button {background-color:#CB2028; padding: 12px; text-align:center; color:#FFF; border-radius: 6px; display:inline-block;float:right;}
.book_button:hover { background-color:#CD4046;}
#total_cost{float:right;  margin-top:0%; font-size:18px; } #total_cost b{font-size:22px; font-weight:bold;} #auth_sign{float:left;width: 100%; text-align:center;}#lab_list{float:left;width:100%;}#auth_sign h5{margin-top:2%; font-weight:normal; font-size:12px; font-style:italic;}#auth_sign h3{margin-top:2%; font-weight:normal; font-size:14px;} #pay table, th, td
{border: 0;}table{ border-collapse:collapse;}#pay table{width:100%; text-align:center;} .search_bttn_wrap	 input[type="text"]{
	border:1px solid #000;
	outline:medium none;
	height:15px;
	padding:5px 20px;
	width:75%;
	line-height:16px;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	border-radius:16px;
	text-align:left;

	}
	.search_bttn_wrap	{margin-bottom:10px;
	padding-right:10px;}
	.icon {
    vertical-align: bottom;
    margin-top: 2px;
    margin-bottom: 3px;
    cursor: pointer;
}
/* month picker* at cashwallet page*/
.month-year-input {
  width: 60px;
  margin-right: 2px;
}.month-picker{display:inline-block;position:absolute;z-index:9999}.month-picker table{border-collapse:separate;border-spacing:2px 2px}.month-picker td{padding:0}.month-picker .ui-button-text{padding:.4em 0}.month-picker-header{margin:3px 3px 0}.month-picker-year-table{width:100%;-ms-user-select:none;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;user-select:none}.month-picker-year-table a{border:1px solid transparent}.month-picker-year-table .ui-button{font-size:1.1em;width:1.5em;height:1.5em;cursor:default;margin:0}.month-picker-year-table .month-picker-title{text-align:center}.month-picker-year-table .month-picker-title .ui-button{font-size:1em;padding:.1em 0;width:100%;font-weight:700}.month-picker-year-table .ui-button-text{padding:0}.month-picker-month-table td{height:35px;text-align:center}.month-picker-month-table .ui-button{width:4.2em;margin:.2em}.month-picker-open-button{height:20px;width:20px;vertical-align:bottom}.month-picker-invalid-message{display:none;background-color:#ff0}.month-picker-disabled{background-color:#e1e1e1}
/* month picker* at cashwallet page*/
/* tool tip at table header */
.hasTooltip span {
    display: none;
    color: #000;
    text-decoration: none;
    padding: 3px;
}

.hasTooltip:hover span {
    display: block;
    position: absolute;
    background-color: #FFF;
    border: 1px solid #CCC;
    margin: 2px 10px;
    z-index: 1;
	text-align:center;
	font-weight:normal;
	font-size:13px;
	padding:15px;
	width:25%;
}
/* tool tip at table header ends */
 @media only screen and (min-width: 481px) {
	 
 }
 	 #test_row{width:90%; float:left; margin: 0% 5% 2% 2%;} 
 @media only screen and (min-width: 769px) {
	 #test_row{margin:0% 0% 2% 5%; width:40%; float:left;} #auth_sign{float:left;width: 30%; text-align:center;}#lab_list{float:left;width: 70%;}
	 #anch{margin: 2% 0 2% 0;}
 }