/* Global styles */

.padding-left {
    padding-left: 2em;
}

.green_bold_link {
    text-decoration:none;
	font-weight: bold;
    color:#B1ADA7; 
}

/* START:notice */
#notice {
  border: 2px solid #ED008C;
  padding: 1em;
  margin-left: 7px;
  margin-right: 7px;
  margin-bottom: 2em;
  background-color: #f0f0f0;
  font: bold smaller sans-serif;
}
/* END:notice */

/* Styles for main page */
/*
#banner {
  background: #9c9;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 2px solid;
  font: small-caps 40px/40px "Times New Roman", serif;
  color: #282;
  text-align: center;
}

#banner img {
  float: left;
}*/

#modoroom-title {
  text-align: center;
  font-family: arial;
  font-weight: bold;
}

#side {
  float: left;
  padding-top: 1em;
  padding-left: 1em;
  padding-bottom: 1em;
  width: 14em;
  background: #141;
}

#side a {
  color: #bfb;
  font-size: small;
}

/* */

#user_box .field {
    background: #DDDDDD;
    font-size:8pt;
    border-width: 1px;
    border-color: #B1ADA7;
    font-family:arial;
}

/* Styles for our forms */
.tab-body {
	padding: 10px 8px;
	background: url(/images/wte_bgpage.gif) no-repeat;
}

.modoroom-form fieldset {
  background: #ffffff;
}

.modoroom-form legend {
  background: #C0CFFF;
  font-family: arial;
  padding: 0.2em 1em;
}

.modoroom-form label, .tab-body label {
  width: 10em;
  float: left;
  text-align: right;
  margin-right: 0.5em;
  display: block;
  clear: left;
}

.modoroom-form .field, .tab-body .field {
  border: solid 1px #717074;
  margin: 2px 0px 2px 0px;
  width: 200px;
}

.modoroom-form .submit, .tab-body .submit, .modoroom-form .right-align {
  margin-left: 136px;
}

/* Style for Salon boxes */
.salon_box {
	border: solid;
	border-width: 2px;
	cursor: pointer;
}

.salon_box_notover {
	width: 400px;
	height: 100px;
	border-color: #B1ADA7;
}

.salon_box_over {
	width: 450px;
	height: 100px;
	border-color: #ED008C;
}

.salon_box .salon_header {
  text-align: left;
  height: 18px;
  background-color: #D2EFB9;
}

.salon_box .salon_header .title {
	overflow: hidden;
	height: 18px;
	font-weight: bold;
	font-size: small;
	display: inline;
	float: left;
	word-break: break-all;
}

.salon_box_notover .salon_header .title {
	width: 160px;
}

.salon_box_over .salon_header .title {
	width: 185px;
}

.salon_box .salon_header .stars {
	overflow-x:hidden;
	width: 80px;
	height: 18px;
	display: inline;
	float: left;
}

.salon_box .salon_header .location {
	overflow-x:hidden;
	height: 18px;
	font-size: smaller;
	display: inline;
	text-align: right;
	float: left;
	color: #B1ADA7;
}

.salon_box_notover .salon_header .location {
	width: 155px;
}

.salon_box_over .salon_header .location {
	width: 180px;
}

.salon_box .salon_body {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: left;
  vertical-align: top;
  width: 300px;
}

.salon_box .image {
	padding-left: 5px;
	overflow: hidden;
	width: 100px;
	float: left;
}

/* The error box */

.fieldWithErrors {
  padding: 2px;
  background-color: #ED008C;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid #ED008C;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #E2DDD7;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #ED008C;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}
/* Style for sortable list */
ul.sortableList, ul.sortableListHeader {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
ul.sortableList li {
	/*cursor: move;*/
	padding: 0px 0px;
	margin: 0px 0px;
}

/* Style for Filter bar */
.filter_bar {
	border: solid;
	border-width: 2px;
	width: 100%;
	border-color: #B1ADA7;
	text-align: left;
	height: 40px;
	background-color: #D2EFB9;
}

.green_header {
	padding-left: 1em;
	text-align: left;
	color: #B1ADA7;
	font-size: medium;;
	font-weight: bold;
}

/* Mask page with gray fore-ground */
.mask {
	position: absolute; left: 0px; top: 0px;
	width: 100%;
	height: 100%;
}

.mask_background {
	z-index: 1; 
	position: absolute; left: 0px; top: 0px; 
	background-color: black; 
	width: 100%; 
	height: 100%;
	opacity: .5;
	filter: alpha(opacity=50);
}

.mask_comment {
	position: absolute; left: 0px; top: 40%; 
	width: 100%; 
	z-index: 2; 
	font-size: 12pt; 
	font-weight: bold; 
	color: black;
}
/* Voucher display */
div#voucherList {
	width: 550px;
}

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

ul#voucherValues li {
	float: left;
	margin: 0 2em 1em 0;
}

ul#voucherValues li a {
	width: 94px;
	height: 65px;
	display : block;
	margin: 0;
	padding: 0;
	overflow: hidden;
	vertical-align: middle;
	text-align: center;
	text-indent: -1000em;
}

ul#voucherValues li a.gv25 {
	background: url(/images/voucher25.gif) no-repeat top left;
	}

ul#voucherValues li a.gv50 {
	background: url(/images/voucher50.gif) no-repeat top left;
	}

ul#voucherValues li a.gv75 {
	background: url(/images/voucher75.gif) no-repeat top left;
	}

ul#voucherValues li a.gv100 {
	background: url(/images/voucher100.gif) no-repeat top left;
	}

ul#voucherValues li a.gv150 {
	background: url(/images/voucher150.gif) no-repeat top left;
	}

ul#voucherValues li a.gv200 {
	background: url(/images/voucher200.gif) no-repeat top left;
	}

ul#voucherValues li a.gv250 {
	background: url(/images/voucher250.gif) no-repeat top left;
	}

ul#voucherValues li a.gv500 {
	background: url(/images/voucher500.gif) no-repeat top left;
	}

ul#voucherValues li a.gv25:hover, 
ul#voucherValues li a.gv50:hover, 
ul#voucherValues li a.gv75:hover, 
ul#voucherValues li a.gv100:hover, 
ul#voucherValues li a.gv150:hover, 
ul#voucherValues li a.gv200:hover, 
ul#voucherValues li a.gv250:hover, 
ul#voucherValues li a.gv500:hover{
	background-position: bottom left;
	}


/*
a:hover { color:red; text-decoration: underline; }

a.x { text-decoration:none; color: #0000ff; }
a.u { text-decoration:none; color: #F97802 }
a:hover.u { text-decoration:underline; }
a.l, a.m, a.msmall, a.n, .n, .o, .r, .m, .msmall, .s{ text-decoration:none; color:#ffffff; font-family:arial;}
a.l,  a.n, .n, .o, .r, .m { font-size:9pt  }
a.m, .s { font-size:9pt }
a.msmall { font-size:8pt }
a.l, a.n, .n, .r { font-weight: bold; }
a:hover.l, a:hover.m, a:hover.msmall { text-decoration:underline; color:#ffffff }
a:hover.n { color:#ffffff }

.p,.r,.s,.ft { color: #B1ADA7; }
.q { font-family: arial; color: #B1ADA7; font-size: 8pt; display:inline; }

.warning { font-size:12pt;font-family:arial; font-weight:bold; color:red; }
.smallWarning {font-size:8pt;font-family:arial,arial;color:red;}
.hb,.ha,.h { font-size:14pt; font-family:arial; font-size:15pt;}
.hb { color:#10107B;}
.ha { color:#FF8408; }

.f,.fw,.fNoDec,.fSmall,.fSmallNoDec,.fVSmall,.fmedium,.fBody, .p, .ft, .fbigger { font-family:arial;}
.f,.fw,.fNoDec { font-size:10pt; }
.fNoDec { text-decoration: none; color: #000000; }
.fSmall,.fSmallNoDec,.fbody { font-size:9pt; }
.fBody { line-height:15px; }
.fSmallNoDec { text-decoration: none; color: #000000; }
.fVSmall { font-size:8pt; }
.fmedium { font-size:9.5pt; }
.fBig, .p, .ft { font-family: arial; font-size: 12pt; font-weight:bold }
.ftitle,.ftitlew { font-family:Arial; font-size:16pt; font-weight:bold }
.ftitlew,.fw {color:#ffffff}
.fbigger { font-size: 13pt; }
.but1 { font-family: arial; font-weight: bold; font-size: 8pt; }
*/