@charset "utf-8";

body{
	background-position:0 -154px !important;
}

.profileBox{
	word-wrap: break-word;
	padding:10px;
	margin:3px;
}

#profileColor{
	float:right;
	text-align:center;
	font-weight:bold;
}

#profileColor .colorPicker{
	width:20px;
	height:20px;
	margin:5px;
	border-style:solid;
	border-color:#666666;
	border-width:1px;
	float:left;
}

#profileError{
	text-align:center;
}

#profilePicture {
	text-align:center;
}

#profileThumbs {
	text-align:center;
	color:#666666;
}

div.sc_menu {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  height: 50px;
  width: 260px;
  /* Add scroll-bars */
  overflow: auto;
}
ul.sc_menu {
  height: 50px;
  /* Max width here, for users without Javascript */
  width: 1500px;
  padding: 0;
  /* Remove default margin */
  margin: 0;
}
.sc_menu li {
  float: left;
  padding: 0 4px;
  margin:0;
  width:50px;
  height:50px;
}

#profileDetails .content {
	width:100%;
	min-height:280px;
	height:100%;
	min-height:280px;
}

.content ul {
  display:table;
  height: 50px;
  padding: 0;
  margin: 0;
}
.content li {
  float: left;
  padding: 0 4px;
  margin:0;
}

#profileBooking, #profileOthers {
	width:612px;
	float:left;
	margin-right:0;
}

#profileBooking .title {
	font-weight:bold;
	text-align:center;
	color:#666;
}

#leftProfile {
	float:left;
	width:310px;
}

#rightProfile {
	float:right;
	width:310px;
}
#leftProfile .profileBox, #rightProfile .profileBox{
	width:290px;
}

.input{
	margin-top:1px;
	padding:2px;
	color:#666;
	border:1px solid #B7B7B7;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width:200px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
}

.textarea{
	margin-top:1px;
	padding:2px;
	color:#666;
	border:1px solid #B7B7B7;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width:400px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
}

#profileBooking .select{
	margin-top:1px;
	padding:2px;
	color:#666;
	border:1px solid #B7B7B7;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width:206px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
}

#current_timezone_schd {
	color:#333;
	font-size:10px;
	text-align:center;
}

#zodiac {
	filter:alpha(opacity=20);
	-moz-opacity:.20;
	opacity:.20;
}

#schedule {
	color:#CCC;
	text-align:center;
	display:none;
}

#listFunctions{
	list-style: none;
	display:table;
	margin:0 auto;
	padding:0;
	height:35px;
	width:215px;
}

#listFunctions li{
	margin:0;
	display:block;
	width:32px;
	padding-right:20px;
	float:left;
	font-weight: bold; 
}

#listFunctions li a{
	text-decoration:none;
	color:#666666;
	font-size:11px;
	display:table;
}
#listFunctions li a:hover{
	color:#000;
}

#steps{
text-align:center;
}
#steps ul{
	list-style: none;
	margin:0 auto;
	padding:0;
	min-width:200px;
	width:100%;
	display:table;
	height:20px;
}

#steps ul li{
	margin:1px;
	display:inline;
	background-color:#666;
	padding:5px !important;
	border: none;
	border-bottom: 1px solid #666;
	margin-bottom:0;
	height:20px;
}

.stepSelected {
	background-color:#333 !important;
	border-color:#333 !important;
}

#steps a:link, #steps a:visited, #steps a:active {
	font-size:9px;
	margin:3px;
	text-decoration:none;
	color:#FFF;
	text-transform:uppercase;
	font-family:Verdana;
	text-shadow: #000000 1px 1px 0px;
}

#steps a:hover {
	text-decoration:none;
	color:#000000;
	text-shadow: #FFFFFF 1px 1px 0px;
}

#steps {
	text-align:center;
}

#nextDates a:link, #nextDates a:visited, #nextDates a:active {
	text-decoration:none;
	color:green;
}

#nextDates a:hover {
	text-decoration:none;
	color:#666;
}

.playvideo{
	text-decoration:none;
	color:#333;
}

hr {
	height: 5px;
	color: #fff;
	margin: 0;
	border: none;
	border-top: 1px solid #333;
	*margin-top:2px;
}

#step4 #title td{
	font-weight: bold;
	text-align:center;
	text-transform:uppercase;
	width:150px;
	color:#333;
}

#step4 #content td{
	text-align:center;
	width:150px;
}

.button{
	margin-top:3px;
	padding:1px;
	border:1px solid #B7B7B7;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
}

#steperrors{
	text-align:center;
	color:red;
	font-size:14px;
	font-weight:bold;
	margin:5px;
}
.servicetable td{
	text-align:left;
	padding:5px;
}

#dispList{
		list-style: none;
		display:table;
		width:190px;
		padding:0;
		margin:0 auto;
	}

	#dispList li{
		display:block;
		width:25px;
		height:25px;
		margin:2px;
		float:left;
		color:#000;
		text-align:center;
	}
	#dispText{
		font-size:10px;
		padding-top:8px;
		margin:0 auto;
		line-height:90%;
	}
	#dispText a:link, #dispText a:visited, #dispText a:active {
		font-size:10px;
		padding-top:3px;
		margin:0 auto;
		line-height:90%;
		text-decoration:none;
		color:#000;
	}
	#dispCheck {
		width:15px;
		margin:0 auto;
	}
	#dispColor {
		width:15px;
		height:15px;
		margin:0 auto;
	}
	.checkbox{
		padding:2px;
		color:#666;
		border:1px solid #B7B7B7;
		width:15px;
		height:15px;
		margin:0;
		margin-top:2px;
	}
	.hourSelected {
	background-color:#00cccc !important;
	}
	
#colorSelector {
	margin: 0 auto;
	position: relative;
	width: 36px;
	height: 36px;
	background: url(../images/colorpicker/select2.png);
}
#colorSelector div {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 30px;
	height: 30px;
	background: url(../images/colorpicker/select2.png) center;
}