/* CSS Document */

/* Select Tables ********************************************************************************************************* */

.NoSelection {
	display:table-cell;
	height:30px;
	vertical-align:bottom;
	padding-left:15px;
}

table.SelectTable {
	width:100%;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.SelectTable tr {
	height:30px;
	vertical-align:central;
}

.SelectTable td {
	border-bottom-style:solid;
	border-bottom-width:1px;
	padding:0;
/*	padding-left:15px;*/
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	max-width:0;
	cursor:pointer;
}

td.CatDesc {
	padding-left:15px;
}

td.SvcDesc {
	padding-left:15px;
}

td.SvcInfo, td.SvcInfoEmpty {
	padding-left:10px;
	min-width:20px;
	width:20px;
	text-align:center;
}
td.SvcInfo {
	background-repeat:no-repeat;
	background-position:center;
	background-image:url("/images/info.png");
}

td.SvcLen {
	padding-left:10px;
	padding-right:15px;
	text-align:right;
	width:1%;
	max-width:100%;
}

td.SvcPric {
	padding-left:10px;
	padding-right:15px;
	text-align:right;
	width:1%;
	max-width:100%;
}

td.OprDesc {
	padding-left:15px;
}

td.OprDescInd {
	padding-left:30px;
}

td.OprPric {
	padding-left:10px;
	padding-right:15px;
	text-align:right;
	width:1%;
	max-width:100%;
}

/* Select Catagory ********************************************************************************************************* */

.SelCategory {
	width:320px;
	padding:0;
}

.SelCategoryHead {
	width:320px;
	height:25px;
	padding:0;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
line-height: 20px;
padding-top: 5px;
}

.SelCategoryHead H3 {
	padding-left:15px;
	display:inline;
}

#CatSel {
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

/* Select Service ********************************************************************************************************* */

.SelService {
	width:320px;
	padding:0;
}

.SelServiceHead {
	width:320px;
	height:25px;
	padding:0;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
line-height: 20px;
padding-top: 5px;
}

.SelServiceHead H3 {
	padding-left:15px;
	display:inline;
}

#SvcSel {
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

/* Select Operator ********************************************************************************************************* */

.SelOperator {
	width:320px;
	padding:0;
}

.SelOperatorHead {
	width:320px;
	height:25px;
	padding:0;
line-height: 20px;
padding-top: 5px;
}

.SelOperatorHead H3 {
	padding-left:15px;
	display:inline;
}

/* Page Divider Line ********************************************************************************************************* */

.DivLineHeader {
	display:none;
}

.DivLineMyBooking {
	display:none;
}

/* My Booking ********************************************************************************************************* */

.MyBooking {
	width:320px;
	padding:0;
}

.MyBookingHead {
	width:320px;
	height:25px;
	padding:0;
line-height: 20px;
padding-top: 5px;
}

.MBTitle {
	padding-left:15px;
	display:inline-block;
	width:140px;
	margin:0;
	-webkit-margin-before:0;
	-webkit-margin-after:0;
}

.MyBooking .Table {
	width:100%;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display:block;
}

#ListIndicator {
	margin-left:10px;
}

.MyBooking .Row {
	display:block;
}

.MyBooking .Cell {
	padding:0;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	display:inline-block;
}

.Cell.MBCat {
/*	display:block;
	padding-left:15px;
	padding-right:5px;
	width:180px;
	min-width:180px;
	max-width:180px;*/
	display:none;
}

.Cell.MBSvc {
	display:block;
/*	padding-left:25px;*/
	padding-left:15px;
	padding-right:5px;
width: 25%;
float: left;
}

.Cell.MBOpr {
	padding-left:25px;
	padding-right:5px;
}

.Cell.MBPrc {
	padding-left:5px;
	padding-right:5px;
	text-align:right;
	float:right;
}

.MBRem {
	padding-left:5px;
	padding-right:0px;
	text-align:center;
	cursor:pointer;
/*	width:16px; */
	display:inline-block;
	vertical-align:bottom;
}

.MBTot {
/*	float:right; */
	border-top-width:1px;
	border-top-style:solid;
	margin-top:10px;
	padding-left:5px;
	padding-right:5px;
	text-align:left;
}

.MBTotTime {
	display:block;
	margin-top: 2px;
}

.MBTotTime .Label {
	padding-right:10px;
}

.MBTotTime .Data {
	float:right;
}

.MBTotPrc {
	display:block;
	margin-top: 2px;
}

.MBTotPrc .Label {
	padding-right:10px;
    width: 60%;
    display: block;
    float: left;
    text-align: left;
}
.MBTotPrc .Data {
	float:right;
}

/* Menu ********************************************************************************************************* */
.Menu {
/*	float:right; */
	padding:0;
	clear:right;
}

.Menu2 {
	float:left;
	padding:0;
	clear:left;
}

.MenuMob {
/*	float:left; */
	padding:0;
	clear:both;
}

.Menu .Btn, .Menu .BtnNxt {
	float:right;
	clear:right;
}

.Menu2 .Btn, .Menu2 .BtnNxt {
	float:right;
	clear:right;
}

.MenuMob .Btn, .MenuMob .BtnNxt {
	float:right;
	clear:right;
}

/* Service Added ********************************************************************************************************* */

.ServiceAdded {
	text-align:center;
/*	line-height:100px; */
	line-height: 400px;
	font-size:120%;
}

.AlertPopup {
	width:100%;
}

.AlertPopup .Text {
	position: relative;
    text-align: center;
    font-size: 120%;
    margin-top: 75% !important;
}

.AlertPopup .Buttons {
	position: relative;
}

.AlertPopup .Buttons .Btn {
	position: relative;
	border: 1px solid #fff;
    width: 50%;
    -ms-transform: translate(45%, 0%);
    transform: translate(45%, 0%);
}

/* Client Info */

.ServiceCliInfo {
	width:100%;
	padding:0;
	padding-top:10px;
	padding-left:15px;
	clear:both;
}

.MyInfo {
	text-decoration:underline;
	cursor:pointer;
}

.MyDetailsFrame {
	padding:0;
}

.MyDetailsLabel {
	text-align:right;
	width:90px;
	float:left;
	padding-right:10px;
	display:block;
}

.MyDetailsData {
	float:left;
	display:block;
	padding-right:10px;
}

.MyDetailsLine {
	clear:both;
	padding:5px;
}

.BtnRmv {
	padding: 2px 3px;;
	border-radius: 3px;
}
