/*======================================
/* Menu                                 
/*======================================*/
#navigation {
	width:			100%;
	clear:			both;
	font-size:		14px;
	background:	        url(../images/menub_bg.gif) repeat-x scroll left top;
	font-family:		Verdana, Arial;
}
#navigation ul {
	margin:			auto;
	width:			900px;
}

#navigationhome {
	width:			100%;
	clear:			both;
	font-size:		14px;
	background:	        url(../images/menub_bg_home.gif) repeat-x scroll left top;
	font-family:		Verdana, Arial;
}
#navigationhome ul {
	margin:			auto;
	width:			900px;
}

/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */

.glossymenuhome {
	position: relative;
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	background: url(../images/menub_bg_home.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}
.glossymenuhome li {
	float:left;
}
.glossymenuhome li a {
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;
}
.glossymenuhome li a span {
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}
.glossymenuhome li.current a, .glossymenuhome li a:hover {
	color: #fff;
	background: url(../images/menub_hover_left_home.gif) no-repeat; /*left tab image path*/
	background-position: left;
}
.glossymenuhome li.current a span, .glossymenuhome li a:hover span {
	color: #fff;
	background: url(../images/menub_hover_right_home.gif) no-repeat right top; /*right tab image path*/
}

/*======================================
/* Styling for Homepage/Signup Screens                                   
/*======================================*/

body.homepage {
	background-image:	url(../images/backgroundhome.gif)
}
#mainhome {
	width:			885px;
	padding:		0px;
	margin:			0px auto;
	font-family:    Verdana, Arial;
	line-height:    250%;
}
#mainhome h1 {
	font-size:	        19px;
	font-weight:		bold;
}
#mainhome p {
	font-size:	16px;
}
#mainupper {
	padding:			0px 0px 12px 0px;
	color:				#ffffff;
	font-size:	        14px;
	font-weight:		bold;
	background:	        #00cdf5 url(../images/mainupperbottom.gif) repeat-x scroll left bottom;
}
#mainuppercontent {
	margin:         	0px auto 0px auto;
	padding:	        25px 0 20px 0;
	width:			900px;
	font-family:	Verdana, Arial;
}
#mainuppercontent h1 {
	text-align:		center;
}
#mainupper h1 {
	font-size:	        30px;
	font-weight:		bold;
	color:				#ffffff;
}
#mainupper h2 {
	font-size:		20px;
	font-weight:	bold;
}
#homepagebuttons {
	float:		right;
	margin-top:	10px;
}
#plans {
	width:		100%;
	margin:		0 auto;
	border:		1px solid #e3e3e3;
}
#plans th, #plans td {
	text-align:		center;
	width:			270px;
	padding:		10px;
	border-left:	1px solid #e3e3e3;
	border-right:	1px solid #e3e3e3;
	text-transform:  none;
	font-size:		 10px;
	border-bottom:	none;
	color:			#333333;
}
#planheader {
	font-weight:	bold;
	background-color:	#fdb831;
	color:			#000000;
	text-align:		center;
	margin:			10px 0px 0px 0px;
	padding:		0;
}
#createaccount {
	display:	block;
	width:		200px;
	margin:		0px auto;
}
#step3 {
	margin-left:	185px;
}

.barselected {
background-color: #ffffff;
color: #00cdf5;
height: 90px;
}

.barnormal {
background-color: #00cdf5;
color: #FFFFFF;
}

#leftsidebar {
float:     left;
padding:    4px;
margin:     0px 10px 20px 15px;
width:       260px;
text-align: center;
}

#rightsidebar {
float:     left;
padding:          4px;
margin:           0px 0px 10px 10px;
width:            260px;
text-align:     center;
}

#centerbar {
float:       left;
padding:          4px;
margin:           0px 10px 10px 10px;
width:            260px;
text-align:       center;
}

.leftfieldset {
	width:		600px;
	padding:	10px;
	margin-top:	20px;
	margin-left:	130px;
	margin-bottom:	20px;
	margin-right:	0px;
}
.leftfieldset legend {
	font-size:	20px;
}
div.cleardiv {
	clear:		both;
}
#login {
	margin-left:	10px;
}
#takethetour {
	float:		left;
}
#signup2 {
	margin-left:	10px;
}
#appt_hdr {
	margin-left:	100px;
}
#inst_hdr {
	margin-left:	233px;
}
#homebtns {
	margin:	      10px;
}
.homeblock {
	display:		block;
	float:			left;
	text-align:		right;
	line-height:	26px;
	font-size:		15px;
	clear:			both;
	width:			160px;
	padding-right:	10px;
}
.cardblock {
	display:		block;
	float:			left;
	text-align:		right;
	line-height:	16px;
	font-size:		16px;
	clear:			both;
	width:			100px;
	padding-right:	10px;
}

.inputbox-signup {
	border:			2px solid #E0E0E8;
	color:			#888888;
	font-weight:	normal;
	display:		block;
	float:			left;
	clear:			right;
	margin:			4px 0 4px 0;
	font-size:		15px;
}

#termscheck {
	margin:		0px 10px 0px 100px;
}
#google {
	margin-left:	350px;
}
#busacct {
	float:	   left;
	margin-top:	10px;
	margin-right:	20px;
}
#custacct {
	float:	   left;
	margin-right:	20px;
}
#createaccount {
	display:	block;
	width:		200px;
	margin:		10px auto;
}
#add2 {
	margin-left:	162px;
}
#googleemail {
	color:		#888888;
	font-weight:	normal;
	margin:		0;
	display:	block;
	float:		left;
	clear:		right;
	margin:		4px 0 4px 0;
	font-size:	16px;
}
#url {
	display:		block;
	border:			2px solid #E0E0E8;
	color:			#888888;
	font-weight:	normal;
	margin:			0;
	font-size:		16px;
}
#urlblock {
	display:		block;
	float:			left;
	clear:			both;
	text-align:		right;
	line-height:	16px;
	font-size:		16px;
}

/*======================================
/* Footer for Signup screens                                   
/*======================================*/

#footerhome {
	color:            	#008ff5;
	text-align:       	center;
	clear:				both;
	margin:           	50px 10px 10px 10px;
	font-size:        	10px;
	line-height:		14px;
}
#footerhome a {
	font-size:			14px;
	color:				#008ff5;
}
#footerhome a:link, #footerhome a:visited {
	text-decoration:	none;
}
#footerhome a:hover, #footerhome a:active {
	text-decoration:	underline;
}

/*======================================
/* Styling for application screens                                   
/*======================================*/

body {
	background-image:	url(../images/background.gif);
	font-family:		Verdana, Arial;
	font-size:			10px;
}
img {
	border: 		0px;
}
h1 {
	font-size:		18px;
}
h2 {
	font-size:		15px;
}
h3 {
	font-size:		14px;
}
td {
	padding:		0px 0px 0px 0px;
}
a {
	color:			#71c20c;
}
fieldset {
	border:			1px solid #7a7a7a;
	margin:			0px 20px 10px 20px;
}
legend {
	font-size:		16px;
	font-weight:	600;
	text-transform:	none;
	color:			#000000;
	margin:			0px 10px 0px 10px;
	padding:		10px;
}
textarea {
	display:	block;
	float:		left;
	clear:		right;
	margin:		4px 0 4px 0;
	font-family:	Verdana, Arial;
	font-size:	16px;
}
select {
	display:	block;
	float:		left;
	margin:		6px 0 6px 0;
	font-family:	Verdana, Arial;
	font-size:	15px;
}
#allcontent {
	margin-left:		auto;
	margin-right:		auto;
	background-color:	#ffffff;
}
#lowercontent {
	background-color: 	#d4f2f7;
}
#logo {
	margin:			10px 0px 0px 0px;
	float:			left;
}
#notices {
    padding: 15px 0px 0px 120px;
	width: 800;
	float:left;
	font-size: 12px;
	text-align: center;
}
#topright {
    padding: 17px 10px 0px 0px;
	float:			right;
	font-size:		10px;
}
#topright a:link {
	text-decoration:	underline;
}
#topbar {
	background-color:	#ffffff;
	width:			900px;
	margin:			auto;
}
/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */

.glossymenu {
	position: relative;
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	background: url(../images/menub_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}
.glossymenu li {
	float:left;
}
.glossymenu li a {
	float: left;
	display: block;
	color:#fff;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;
}
.glossymenu li a span {
	float: left;
	display: block;
	padding: 0 20px 0 4px; /*Padding of menu items*/
}
.glossymenu li.current a, .glossymenu li a:hover {
	color: #000;
	background: url(../images/menub_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}
.glossymenu li.current a span, .glossymenu li a:hover span {
	color: #000;
	background: url(../images/menub_hover_right.gif) no-repeat right top; /*right tab image path*/
}
/* Rounded corners for application screens*/

#main {
	width:			885px;
	padding:		0px;
	margin:			0px auto;
	background:	    #ffffff url(../images/middle.gif) repeat-y center scroll;
	overflow: hidden;
}
#main-top {
	width:			885px;
	padding:		0px;
	height:			13px;
	margin:			0px auto;
	background:	    #ffffff url(../images/top.gif) no-repeat center scroll;
}
#main-bottom {
	width:			885px;
	padding:		0px;
	height:			13px;
	margin:			0px auto;
	background:	    #ffffff url(../images/bottom.gif) no-repeat center scroll;
}

/*======================================
/* Footer for application screens                                  
/*======================================*/

#footer {
	color:            	#007bf5;
	text-align:       	center;
	clear:				both;
	margin:           	30px 10px 10px 10px;
	font-size:        	10px;
	line-height:		14px;
}
#footer a {
	font-size:			14px;
	color:				#008ff5;
}
#footer a:link, #footer a:visited {
	text-decoration:	none;
}
#footer a:hover, #footer a:active {
	text-decoration:	underline;
}
.inputbox {
	border:		2px solid #E0E0E8;
	color:		#000000;
	font-weight:	normal;
	margin:		0;
	display:	block;
	margin:		4px 0 4px 0;
	font-size:	15px;
}
.checkstyle {
	margin:		0 5px 0 0;
	vertical-align: middle
}
br.clearbr {
	clear:		both;
	font-size: 0px;
	height: 0px;
}
br {
	height: 10px;  
	font-size: 10px;	  
}
.heading {
	font-size:	16px;
}
.heading a {
	font-size:		12px;
	color:			#94bf1b;
	text-transform:	none;
	font-weight:	normal;
}
#available {
	margin-left:	20px;
}
#required {
	margin-left:	20px;
	font-style:		italic;
}

/*======================================
/* Styling for search screens
/*======================================*/

/*th {
	font-size:			16px;
	text-align:			left;
	border-bottom:		1px solid #7f7f7f;
	font-weight:		bold;
	color:				#00cdf5;
	text-transform:		uppercase;
}*/
th {
	font-size:			16px;
	text-align:			center;
	border-bottom:		1px solid #7f7f7f;
	font-weight:		normal;
	color:				#00cdf5;
	text-transform:		none;
}
.blank {
	color:				#ffffff;
	border:				none;
	background-color:	#ffffff;
}
#addbutton {
	float:				right;
	width:				175px;
	padding-top:		15px;
	margin-right:		50px;
}
.searchinputbox {
	border:		2px solid #E0E0E8;
	color:		#000000;
	font-weight:	normal;
	margin:		0;
	display:	block;
	float:		left;
	margin:		4px 0 4px 0;
	font-size:	16px;
}
#search {
	color:			#00cdf5;
	margin-left:	238px;
	padding:		15px 0px 0px 0px;
	text-align:	center;
	text-transform:	none;
	font-weight:	normal;
}
#search a {
	font-size:	12px;
	margin-left:	0px;
}
#customersearch {
	color:			#00cdf5;
	margin-left:	190px;
	padding:		15px 0px 0px 0px;
	text-align:		center;
	text-transform:	none;
	font-weight:	normal;
}
#customersearch a {
	font-size:	12px;
	margin-left:	0px;
}
#servicessearch {
	color:			#00cdf5;
	margin-left:	210px;
	padding:		15px 0px 0px 0px;
	text-align:		center;
	text-transform:	none;
	font-weight:	normal;
}
#servicessearch a {
	font-size:	12px;
	margin-left:	0px;
	width:			90px;
}
#search_results {
	clear:		both;
}
#search_results table {
	width:		90%;
	margin:		10px auto;
	border-collapse:	separate;
	border-spacing: 10px 2px;
}
#search_results td {
	text-align:			left;
	font-size:			16px;
	margin:				0px 20px;
}
#search_results tr 
{
    height: 25px;
}

#servicessearch_results table {
	width:		70%;
	margin:		10px auto;
	border-collapse:	separate;
	border-spacing:	10px 2px;
}
#servicessearch_results {
	clear:		both;
}
#servicessearch_results tr 
{
    height: 25px;
}

#servicessearch_results td {
	text-align:			left;
	font-size:			16px;
	margin:				0px 20px;
}
#searchicon {
	padding:	1px 0px 0px 2px;
	display:	block;
	float:		left;
}
.block {
	display:		block;
	float:			left;
	text-align:		right;
	line-height:	30px;
	font-size:	    16px;
	margin-right:   4px;
}
.blockcheck {
    margin-top: 5px;
    vertical-align: top;
    float: left;
}
.servicesblock {
	display:		block;
	float:			left;
	text-align:		right;
	line-height:	30px;
	font-size:	    16px;
	clear:			both;
	width:			200px;
	padding-right:	10px;
}
#viewall {
	clear:			both;
	font-size:		12px;
	text-align:		center;
	margin:			0px auto;
	display:		block;
	color:			#94bf1b;
	font-weight:	normal;
	text-transform: none;
	width:			100px;
}

/*======================================
/* Icons 
/*======================================*/

a.editicon:link, a.editicon:visited {
	display: 			block;
	width: 			20px;
	padding: 		    0px 0px 18px 0px;
	margin: 		    0px 0px 0px 0px;
	font: 			bold 80% Arial, Helvetica, sans-serif;
	color: 			#FF9900;
	background: 		url(../images/pencil.gif) top left no-repeat;
	text-decoration: none;
}
a.editicon:hover, a.editicon:active {
	background-position: 		0 -42px;
}

a.delicon:link, a.delicon:visited {
	display: 			block;
	width: 				20px;
	padding: 		    0px 0px 18px 0px;
	margin: 		    0px 0px 0px 0px;
	font: 				bold 80% Arial, Helvetica, sans-serif;
	color: 				#FF9900;
	background: 		url(../images/delicon.gif) top left no-repeat;
	text-decoration: 	none;
}
a.delicon:hover, a.delicon:active {
	background-position: 		0 -42px;
}

a.availicon:link, a.availicon:visited {
	display: 			block;
	width: 				24px;
	padding: 		    0px 0px 18px 0px;
	margin: 		    0px 0px 0px 0px;
	font: 				bold 80% Arial, Helvetica, sans-serif;
	color: 				#FF9900;
	background: 		url(../images/availicon.gif) top left no-repeat;
	text-decoration: 	none;
}
a.availicon:hover, a.availicon:active {
	background-position: 		0 -39px;
}

a.reporticon:link, a.reporticon:visited {
	display: 			block;
	width: 				24px;
	padding: 		    0px 0px 18px 0px;
	margin: 		    0px 0px 0px 0px;
	font: 				bold 80% Arial, Helvetica, sans-serif;
	color: 				#FF9900;
	background: 		url(../images/appointmenticon.gif) top left no-repeat;
	text-decoration: 	none;
}
a.reporticon:hover, a.reporticon:active {
	background-position: 		0 -39px;
}

a.scheduleicon:link, a.scheduleicon:visited {
	display: 			block;
	width: 				24px;
	padding: 		    0px 0px 18px 0px;
	margin: 		    0px 0px 0px 0px;
	font: 				bold 80% Arial, Helvetica, sans-serif;
	color: 				#FF9900;
	background: 		url(../images/clockicon.gif) top left no-repeat;
	text-decoration: 	none;
}
a.scheduleicon:hover, a.scheduleicon:active {
	background-position: 		0 -39px;
}

a.flagicon:link, a.flagicon:visited {
	display: 			block;
	width: 				24px;
	padding: 		    0px 0px 18px 0px;
	margin: 		    0px 0px 0px 0px;
	font: 				bold 80% Arial, Helvetica, sans-serif;
	color: 				#FF9900;
	background: 		url(../images/flagicon.gif) top left no-repeat;
	text-decoration: 	none;
}
a.flagicon:hover, a.flagicon:active {
	background-position: 		0 -39px;
}

.checkicon {
	width: 				20px;
	padding:		    0px 0px 0px 0px;
	margin: 		    10px 5px 0px 0px;
	font: 				bold 80% Arial, Helvetica, sans-serif;
	color: 				#FF9900;
	float:              left;
	background: 		url(../images/checkmarkicon.gif) top left no-repeat;
	text-decoration: 	none;
	text-align:         center;
}
.uncheckicon {
	width: 				20px;
	margin: 		    0px 5px 0px 0px;
	float:              left;
	color:              #777777;
	text-align:         center;	
}


a.keyicon
{
	display: 			block;
	width: 16px;
	height: 16px;
	background: url(/images/lock.png) top left no-repeat;
}

/*======================================
/* Styling for edit screens
/*======================================*/

input {
	font-family:	Verdana, Arial;
	font-size:	12px;
    height: 20px;
}
.labeltxt {
	font-size:	15px;
	margin:		2px 0px 2px 0px;
	text-align:	right;
	width:		130px;
	padding-right:	5px;
}	
}
#leftside input {
	margin:		2px 0px 2px 0px;
}
#rightside input {
	margin:		2px 0px 2px 0px;
}
#first_name, #last_name, #first, #last, #email, #address1, #address2, #city {
	width:		200px;
}
#state {
	width:		30px;
}
#zip {
	width:		60px;
}
#cell, #phone {
	width:		100px;
}
#leftside {
	float:		left;
	display:	inline;
	margin-top:	0px;
	margin-right:	0px;
	margin-bottom:	10px;
	margin-left:	60px;
	line-height: 20px;	
}
#rightside {
	float:		left;
	margin:		0px 0px 10px 0px;
	line-height: 20px;
}
#actions_bottom {
	clear:			both;
	text-align:		center;
}
#actions_bottom input {
	font-size: 14px;
	height: auto;
}
#screenname {
	font-weight:	normal;
	margin: 0px 0px 5px 15px;
	color:		  	#008ff5;
	text-transform: none;
}
#fieldsettwo {
	padding:	0px;
	font-size:	15px;	
}
#fieldsettwo checkbox {
	padding:	2px;
	border:		1px solid #ffffff;
}
#fset2col1 
{
	font-size:	15px;
	float:		left;
	width:		266px;
	margin:		-6px 18px 20px 20px;
}
#fset2col2 {
	font-size:	15px;
	float:		left;
	width:		266px;
	margin:		-6px 0px 20px 0px;
}
#fset2col3 {
	font-size:	15px;
	float:		right;
	width:		266px;
	margin:		-6px 0px 20px 0px;
}
.save, .cancel {
	width:		65px;
	margin-right:	10px;
	font-size:	16px;
}
.breadcrumb {
	font-size:	12px;
	margin-top:	0px;
	margin-left:	5px;
}
.breadcrumb a {
	background: 		transparent url(../images/arrow.gif) no-repeat center right;
	padding-right: 		18px; /*adjust bullet image padding*/
}
a:link {
	text-decoration:	underline;
}
/* Styling for settings screens */

#settings {
	margin-top:	0px;
	margin-left:	10px;
}
.settingsblock {
	display:		block;
	float:			left;
	text-align:		right;
	line-height:	30px;
	font-size:	    15px;
	clear:			both;
	width:			180px;
	padding-right:	10px;
}
.details {
	font-size:	12px;
	margin-left:	20px;
}
#businessname {
	display:	block;
	float:		left;
	clear:		right;
	margin:		4px 0 10px 0;
	font-family:	Verdana, Arial;
	font-size:	16px;
}
#businessinfo {
	clear:		both;
}

.off {
	text-decoration:	line-through;
}
/* Styling for Terms and Privacy */

#mainlegal h1 {
	font-size:		24px;
	font-weight:	bold;
}
#mainlegal h2 {
	font-size:		16px;
}
#mainlegal li {
	font-size:		14px;
}
#mainlegal p {
	font-size:		14px;
}
#mainlegal {
	width:			885px;
	padding:		0px;
	margin:			0px auto;
}
.legal p {
	font-size:	12px;
	padding:	10px;
}
.legal ul {
	list-style-type: 	disc;
	font-size:	12px;
	padding:	10px;
	margin:		20px;
}
.legal ol {
	list-style-type: 	decimal;
	font-size:	12px;
	padding:	10px;
	margin:		20px;
}
/*  For Business Selection  Pages */

#businesslist  {
	padding:			10px;
	margin:				0px 0px 0px 60px;
}

#businesslist  ul {
	list-style-type: 	disc;
	font-size:			12px;
}


#SelectAll 
{
    margin: 0px 0px 10px 20px;
}

#SelectAll span
{
    font-size: 12px;
    text-decoration: underline;
    color: #00cdf5;
    margin: 0px 5px 10px 5px;
    clear: both;
    cursor: pointer;
}

.error
{
    color: Red;
}

.error_summary
{
    margin: 0px 0px 15px 15px;
    height: 20px;
    font-size: 15px;
    color: Red;
}

.error_success
{
    margin-left: 10px;
    height: 20px;
    font-size: 14px;
    color: Black;
}

.tourleft  {
	display:		block;
	float:			left;
	width:			525px;
	clear:			both;
	padding-right:  9px;
}

.tourright  {
	display:		block;
	float:			left;
	width:			350px;
	clear:			right;
}	

.tourheading {
	font-size:		14px;
	font-weight:	bold;
	color:			#00cdf5;

}

.faqlist {
	font-size:		14px;
	list-style-type:decimal;
	margin-left:	60px;
}
.faqanswer {
	margin-left:	30px;
}

#sitemaplinks  {
	color:			#71C20C;
	font-size:		14px;
}

#sitemaplinks a:link, #sitemaplinks a:visited {
	text-decoration:	none;
}
#sitemaplinks a:hover, #sitemaplinks a:active {
	text-decoration:	underline;
}

.LinkSpan {
	color:			#71c20c;
    text-decoration: underline;
    cursor: pointer;
}

.short {
    width: 120px;
}

.long {
    width: 250px;
}

#LostPasswordLabel
{
    font-size: 14px;
    margin-bottom: 5px;
}

#LostPasswordSubmit
{
    float: left;
    font-size: 12px;
    margin: 3px 0px 0px 4px;
}

#accountsearch {
	color:			#00cdf5;
	margin-left:	40px;
	padding:		15px 0px 0px 0px;
	text-align:		center;
	text-transform:	uppercase;
	font-weight:	bold;
}

/* Business Homepages */

#HomeMain {
	width:			885px;
	padding:	    0px 0px 20px 0px;
	margin:			0px auto;
	background:	    #ffffff url(../images/middle.gif) repeat-y center scroll;
	overflow:       hidden;
}
#HomeTop {
    font-size:      0px;
	width:			885px;
	padding:		0px;
	height:			13px;
	margin:			0px auto;
	background:	    #ffffff url(../images/top.gif) no-repeat center scroll;
}
#HomeBottom
{
    font-size:      0px;
	width:			885px;
	padding:		0px;
	height:			13px;
	margin:			0px auto;
	background:	    #ffffff url(../images/bottom.gif) no-repeat center scroll;
}

.HomeBorder  {
	border-bottom:   #999999 inset thick;
	margin-top:		  10px;
	width:			  840px;
	margin:				auto;
	Clear:				both;
}

.HomeSmallBorder {
	border-bottom:   #999999 thin solid;
	width:			  380px;
	margin-bottom:	  5px;
	font-size: 0px;
	height: 5px;
}
#HomePage
{
    font-size: 12px;
    margin: 20px auto 20px auto;
    width: 885px;
	background-color: #ffffff;
}

#HomeTagline
{
    float: left;
	clear: both;
    font-size: 15px;
    font-weight: bold;
    margin: 20px 0 20px 30px;    
}

#HomeLogin
{
    float: right;
    font-size: 12px;
    margin: 10px 0px 0px 0px;
    padding: 0px 22px 0px 0px;
    width: 230px;
    height: 80px;
}

#HomeEmail
{
    text-align: right;
}

#HomeEmail input
{
    width: 150px;
    height: 16px;
}

#HomePassword
{
    text-align: right;
    margin: 3px 0px 3px 0px;
}

#HomePassword input
{
    width: 150px;
    height: 16px;
}

#HomeSubmit
{
    font-size: 10px;
    text-align: right;
}

#HomeSubmit input
{
    font-size: 11px;
    height: auto;
}

#HomeError
{
    padding-top: 5px;
    text-align: right;
    font-weight: bold;
    color: Red;
}

#HomeLogo
{
    width: 600px;
    float: left;
	margin:  10px 0px 0px 0px;
	padding: 0px 0px 0px 22px;
	overflow: hidden;
}

#HomeLogo img
{
	margin: 0px;
	padding: 0px;
}

#HomeAbout
{
    margin: 20px 30px 20px 30px;
    clear: both;
}

#HomeTeam
{
    margin: 0 0 20px 50px;
    float: left;
    width: 400px;
	clear:	both;
}

#HomeTeamTitle
{
    font-size: 14px;
    font-weight: bold;
}

#HomeServices
{
    float: left;
	margin: 0 0 20px 50px;
    width: 400px;
}

#HomeServicesTitle
{
    font-size: 14px;
    font-weight: bold;
}

#HomeContact
{
    margin: 10px 0px 5px 0px;
    clear: both;
	text-align:center;
}

#HomeBook
{
    font-size: 12px;
    font-weight: bold; 
    margin-bottom: 20px;   
    text-decoration: underline;
    color: #4466AA;
    cursor: pointer;       
}

.HomeColumn
{
    width: 270px;
    float: left;
	margin-left:  5px;
	font-size: 12px;
	overflow: hidden;
}

#SiteInit
{
    border: solid 2px black;
    background-color: #DDDDDD;
    padding: 20px;
    width: 740px;
    font-size: 14px;
}

/* Widget setup page */

#widgetpage
{
    font-size: 14px;
    margin-left: 15px;
}

#widgetpage iframe
{
    margin-top: 10px;
}

#code
{
    padding: 2px 0px 0px 4px;
    margin: 10px 0px 0px 0px;
    width: 550px;
    height: 40px;
    font-size: 12px;
    background-color: #EEEEEE;
    border: solid 1px #AAAAAA;
}

/*  Settings Stying Changes  */

.inputbox-settings {
    border: 2px solid #E0E0E8;
    color: #000000;
    font-weight: normal;
    display: block;
    float: left;
    clear: right;
    margin: 4px 0 4px 0;
    font-size: 15px;
}

.inputbox-file {
    color: #000000;
    font-weight: normal;
    display: block;
    float: left;
    clear: right;
    margin: 4px 0 4px 0;
    font-size: 15px;
    height: 26px;
    width: 400px;
}

/* Misc */

.ServicesRadio
{
    margin-left: 20px;
    float: left;
    font-size: 14px;
    height: 40px;
}

#QuickSchedule
{
    text-align: center;
}

/*Added by Pete  */

#settingslogo  {

	margin-left:	20px;
}

/* For Getting Started */

#gettingstarted  {
	margin:				0 0 20px 20px;
}

#gettingstartedfields {
	list-style-type:	disc;
	margin:				10px 0 0 40px;
	font-size:			15px;
	line-height:		33px;
	color:				#00cdf5;
}

#gettingstarted h1 {
	font-size:			18px;
	font-weight:		bold;
	color:				#00cdf5;
}

#gettingstarted h2 {
	font-size:			16px;
}

.startlist {
	color:				#000000;
}

#startprompt {
	font-size: 12px;
	margin: 25px 0px 10px 0px;
	height: 20px;
	padding: 0px;
}

#startprompt #flag
{
    float: left;  
    vertical-align: bottom;  
}

#startprompt div
{
    float: left;
    margin: 4px 0px 0px 4px;
}

#startprompt #submit
{
    height: auto;
    float: left;
}

/* For dialog  */

.dialogheader  {
	display:		block;
	float:			left;
	text-align:		right;
	line-height:	10px;
	font-size:		16px;
	clear:			both;
	width:			70px;
	padding-right:	10px;
	margin-left:	10px;
}
.dialogheadertxt  {
	display:		block;
	text-align:		center;
	line-height:	10px;
	font-size:		16px;
	width:			200px;
	margin-left:	4px;
}

.dialogblock {
	display:		block;
	float:			left;
	text-align:		right;
	line-height:	32px;
	font-size:		15px;
	clear:			both;
	width:			150px;
	padding-right:	10px;
}

.dialoglink {
	display:		block;
	float:			left;
	line-height:	32px;
	font-size:		15px;
    cursor: pointer;
	padding-left:	10px;
    text-decoration: underline;
    color:			#71C20C;
}

.dialogbox-signup {
	border:			2px solid #E0E0E8;
	color:			#444444;
	font-weight:	normal;
	display:		block;
	float:			left;
	clear:			right;
	margin:			4px 0 4px 0px;
	font-size:		15px;
}

.dialogadd  {
	font-weight:	normal;
	color:			#71c20c;
	display:		block;
	float:			left;
	clear:			right;
	margin:			4px 0 0px 8px;
	font-size:		15px;
	text-decoration:	underline;
	cursor:			pointer;
}
.dialogdiv  {
	width:			450px;
}

.dialogborder {
	padding-left:	12px;
}

body.dialogbody {
	background-color:	#ffffff;
	background-image:	none;
}
#dialogactions {
	margin-top:		10px;
    text-align:     center;	
	width: 100%;
}
#dialogactions input
{
    height: auto;
}

/* Styling for Availability Dialog */

.availabilitycheck  {
	display:		block;
	float:			left;
	clear:			right;
	margin:			10px 0px 0 20px;
	font-size:		15px;
}
.availabilityrepeat  {
	float:			left;
	display:		block;
	clear:			right;
	margin:			6px 0 0 5px;
	font-size:		15px;
}
.repeatblock {
	display:		block;
	float:			left;
	text-align:		right;
	line-height:	16px;
	font-size:		15px;
	clear:			both;
	width:			120px;
	padding-right:	10px;
}
.repeatentry {
	border:			2px solid #E0E0E8;
	color:			#888888;
	font-weight:	normal;
	display:		block;
	float:			left;
	clear:			right;
	width:			50px;
	margin:			4px 0 4px 0px;
	font-size:		15px;
}
.repeaticon  {
	float:			left;
	clear:			right;
}
.repeatspan  {
	margin:			0px 0 0 5px;
	font-size:		15px;
}
.repeatuntilblock {
	display:		block;
	float:			left;
	text-align:		right;
	line-height:	16px;
	font-size:		15px;
	clear:			both;
	width:			40px;
	padding-right:	10px;
}


#repeatday  {
	float:			left;
	margin:			0 0 0 0px;
	width:			450px;
}

#repeatweeks  {
	margin:			0 0 0 70px;
}

#repeatmonths  {
	margin:			0 0 0 10px;
}

#EventHeader  {
	color:			#00cdf5;
	text-align:		center;
	font-size:		20px;
	font-weight:	bold;
	margin: 0px 0px 10px 0px;
}

#EventDate {
    width: 120px;
    float: left;
    height: 20px;
}
#EndDate {
    width: 120px;
    float: left;
    height: 20px;
}


.EventButton { 
	width:		    80px;
	font-size:	    14px;
	height:         24px;
	line-height:    16px;
	vertical-align: top;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}	

.availabilitylegend  {
	font-size:		10px;
}

#RepeatFieldset {
    padding: 0px 0px 10px 5px;
}

#RepeatOptionsDiv  {
	width:			450px;
	float:			left;
	display:		block;
	clear:			right;
	margin:			5px 0 0 5px;
	font-size:		15px;
	vertical-align: top;
}

#RepeatDiv {
    padding: 10px 5px 5px 10px; 
    overflow: visible;
}

#EventFields 
{ 
    height: 520px;
}

.EventReadOnly { 
    float: left; 
    width: 80px; 
    background-color: #EEEEEE; 
    border: solid 1px #AAAAAA; 
}

/* for new marketing site */

#mainleft  {
	width:				450px;
	float:				left;
	padding-right:	    10px;
}
#mainright  {

	width:				430px;
	float:				left;  
}


/*======================================
/* Quick Scheduler v2                                   
/*======================================*/

#QuickHeader 
{
    margin:			0 0 0 26px;
	font-size:		24px;
	color:          #888888;
}

#QuickOptions 
{
    margin:			0 0 0 32px;
    height: 30px;
    overflow: hidden;
    color: #333333;
}

#QuickSelected 
{
    color: Black;    
    font-weight: bold;
}

.QuickStepHeader  {
	float:			left;
	margin:			0px;
	width:			165px;
	text-align:		center;
}

.QuickStep  {
	margin-left:	5px;
}

#QuickServices  {
	margin:	30px 0 0 5px;
}

#QuickServices Table {
	width:		90%;
	margin:		0 auto;
	text-align:	left;
	vertical-align:	top;
}

#QuickServices td {
	vertical-align:	top;
	padding:	    0.10px;
	font-size:		14px;
}	

#QuickServices th  {
	font-size:		16px;
	text-align:		center;
	padding:		0.10px;
}

#QuickServices .QuickServiceLink  {
    color: Green;
    text-decoration: underline;
    cursor: pointer;
}

.quickservice  {
	width:			100px;
}

.quickduration {
	width:			80px;
}

.quickdescription  {
	width:			200px;
}

#QuickStaff {
	margin: 20px 0px 0px 20px;
	width: 500px;
	line-height: 100%;
}

#wizardtable  {
	border-collapse: collapse;
	width:				840px;
	margin-left:		20px;
	font-size:		14px;
}

#wizardtable a:link, #wizardtable a:visited  {
	text-decoration:  none;
}

#wizardtable a:hover, #wizardtable a:active  {
	text-decoration:	underline;
	cursor:				pointer;
}

#wizardheader {
	text-align:		center;
	font-weight:	bold;
}

wizard-signup
{
    vertical-align: top;
}

.namecol {
	width:			60px;
}

.wizardname {
	text-align:		right;
	border-top:		#dddddd thin solid;
}

.wizarddata {
	text-align:		right;
}

.next  {
	float:			right;
	margin-top:		20px;
	margin-right:	20px;
}

.back  {
	float:			left;
	margin-top:		20px;
	margin-left:	20px;
}

#datebox {
	float:		left;
	border:		2px solid #E0E0E8;
	color:		#000000;
	font-weight:	normal;
	display:	block;
	margin:		4px 0 4px 395px;
	font-size:	12px;
	width:		40px;
}

#calendarimage  {
	float:	left;
}

#selectedservice  {
	float:		left;
	width:		175px;
	margin:		0 0 0 20px;
	text-align:  center;
}

#selectedstaff  {
	float:		left;
	width:		170px;

}
#selectedtime  {
	float:		left;
	width:		160px;
	text-align:	center;
}

#selectedname  {
	float:		left;
	width:		160px;
	text-align:	center;
}

#QuickStaff input
{
    float: left;
}

#QuickStaff span
{
    padding: 3px;
    float: left;
}

#stafftable  {
	margin:		0 auto;
}

#quicksummary
{
    margin-top: 20px;
	text-align: center;
}

.quickblock {
	display:		block;
	float:			left;
	text-align:		right;
	line-height:	20px;
	font-size:		14px;
	clear:			both;
	margin:			4px 0 0 0px;
	width:			315px;
	padding-right:	2px;
}

.inputbox-quick {
	border:			2px solid #E0E0E8;
	color:			#888888;
	font-weight:	normal;
	display:		block;
	float:			left;
	clear:			right;
	margin:			4px 0 4px 0;
	font-size:		14px;
	width:			100px;
}

.inputbox-quick-check {
	display:		block;
	float:			left;
	margin:			5px 5px 4px 0;
	font-size:		14px;
    vertical-align: middle;
}

#customerselectleft 
{
    width:          620px;
	float:			left;
	padding: 0px;
	overflow: hidden;
}

#customerselect {
	margin:			0px 0 0 10px;
	float:			left;
}

#wizardconfirm  h2 {
	font-size:		14px;
	font-weight:	normal;
	text-align:		center;
}

#quickconfirm  {
	margin-left:	350px;
}
.wizard-option  {
	font-size:		14px;
	font-weight:	normal;
	margin:			6px 0 4px 6px;
	width:			50px;

}

/* Top next/prev buttons */

#WeekPrev
{
    background-image: url(/images/leftarrow48.gif);
    width: 48px;
    height: 48px;
    float: left;
    cursor: pointer;    
}

#WeekNext
{
    background-image: url(/images/rightarrow48.gif);
    width: 48px;
    height: 48px;
    float: left;
    cursor: pointer;        
}

/* Bottom next/prev buttons */

#QuickNav
{
    margin: 20px 0px 10px 20px;
}

#QuickNavLeft
{
    float: left;
    width: 125px;   
    cursor: pointer;  
}

#QuickNavRight
{
    margin-right: 20px;
    width: 125px;     
    float: right;
    cursor: pointer;  
}

#QuickNext
{
    width: 125px;
    height: 38px;
}

/* Availability Grid */

#NoAvail
{
    padding: 20px;
    text-align: center;
    font-size:  14px;
}

#QuickAvailability
{
    margin: 10px 0px 0px 0px;
}

#QuickConfirm
{
    margin: 10px 0px 0px 0px;
    text-align: center;
    font-size:  14px;    
}

.QuickTable
{
    width:		    840px;
	margin-left:    20px;
	font-size:	    14px;
    margin-bottom:  5px;    
}

.QuickHeaderColumn
{
	text-align:		center;
	width:			95px;
    float: left;
}

.QuickStaffColumn
{
    float: left;
    width: 120px;
	font-weight: bold;
	text-align: right;
}

.QuickColumn
{
    float: left;
	width: 95px;
}

.QuickCell
{
    padding: 0px 10px 0px 0px;
	width:  80px;
    text-decoration: underline;
    cursor: pointer;
	text-transform:	uppercase;  
	text-align: right;
	color:			#71c20c;	 
}

#QuickAvailability .QuickHeader
{
    font-weight: bold;
}



#Loading { 
    width: 300px; 
    height: 200px; 
    text-align: center; 
    padding-top: 50px; 
}

/* Customer Dashboard */

.HomeTitle  h1 {
	font-size:	  16px;
	color:			#333333;
	font-weight:	bold;
	margin:			0 0 0 40px;
}
        
#search_results2 {
	clear:		both;
}

#search_results2 table {
	width:		90%;
	margin:		10px auto;
	border-collapse:	separate;
	border-spacing: 10px 2px;
}

#search_results2 td {
	text-align:			left;
	font-size:			16px;
	margin:				0px 20px;
}

.thinborder  {
	border-bottom:      thin solid #7a7a7a;
	width:				90%;
	margin:				10px auto;
}

/* support page */

.supportleft  {
	display:		block;
	float:			left;
	width:			490px;
	clear:			both;
	padding:        0px 20px 0px 20px;
}

.supportright  {
	display:		block;
	float:			left;
	width:			320px;
	clear:			right;
}	

.supportheading {
	font-size:		14px;
	font-weight:	bold;
	color:			#00cdf5;
}

.supportlink {
	cursor: pointer;
	border: solid 1px black;
}

.confirmcheck  {
	text-align:center;
	padding: -5px 0 0 0;
}
.confirmbutton  {
	width:		65px;
	height:		25px;
	font-size:	14px;
}

.centercheck  {
	text-align: center;
}

.report_results {
	clear:		both;
}
.report_results table {
	width:		90%;
	margin:		10px auto;
	border-collapse:	separate;
	border-spacing: 10px 2px;
}
.report_results td {
	font-size:			16px;
	margin:				0px 20px;
}
.report_results tr 
{
    height: 25px;
}

/* Pricing Page */

.feature  {
	font-size:		16px;
	width:			285px;
	height:			20px;
}
.featuretext  {
	font-size:		16px;
	width:			200px;
	height:			20px;
	text-align:		center;
}


.highlight  {
	background-color: #eeeeee;
	height:				30px;
}

.nohighlight  {
	height:				30px;
}

.featurehdr {
	width:          200px;
	height:			60px;
	text-align:		center;
	font-size:		18px;
	color:			#000000;
}

.featurecheck  {
	width:          200px;
	text-align:		center;
	font-size:		18px;
	background-image:url(../images/checkincircle.gif);
	background-position:center;
	background-repeat:no-repeat;
}

.featurecheckh {
	width:          200px;
	text-align:		center;
	font-size:		18px;
	background-image:url(../images/checkincircle-highlight.gif);
	background-position:center;
	background-repeat:no-repeat;
}

.spacer  {
	background-color: #fdb832;
	height:			40px;
	font-size:		18px;
	text-align:		center;
	
}

.featuretitle {
	font-size:		18px;
	width:			285px;
	height:			20px;
	text-align:		center;
	vertical-align:bottom;
	padding-bottom:	15px;

}

.signuptitle  {
	text-align:			center;
	font-size:			24px;
}
.signuptitle2  {
	text-align:			center;
	font-size:			16px;
}

#pricetable  {
	width:				685px;
	margin-left:		100px;
}

/* Misc */

#Help {
    text-align: right;
    font-weight: bold;
    margin-right: 20px;
}

#Version {
    margin-left: 20px;
    font-size: 12px;
}

#LogoDiv
{
    margin: 4px 0px 0px 190px;
    width: 600px;
    height: 200px;
    border: solid 2px #BBBBBB;
}

.PadLeft
{
    margin: 10px 100px 10px 50px;
    font-size: 15px;
}

.hoursblock
{
	display:		block;
	float:			left;
	text-align:		left;
	line-height:	30px;
	font-size:	    16px;
    width:          70px;
}

.readonlyinput {
	border:		2px solid #EEEEEE;
	background-color: #EEEEEE;
	color:		#000000;
	font-weight:	normal;
	margin:		0;
	display:	block;
	float:		left;
	margin:		2px 0 4px 0;
	font-size:	16px;
}

#HomeDiv {
    font-size: 15px;
    margin-bottom: 10px;
    text-align: center;
}

.NoAppointments {
    font-size: 15px;
    padding: 0px 0px 20px 20px;
}

.Subsection {
    border-top: 1px solid #444444;
    border-bottom: 1px solid #444444;
    overflow: hidden;
    margin: 5px 0px 5px 0px;
    padding: 5px 0px 5px 0px;
}

.Medium {
    font-size: 15px;
}

#NewsDiv {
    font-size: 14px;
    margin: 100px auto 0px auto;
    width: 600px;
    border: solid 2px #AAAAAA;
    overflow: hidden;
    padding: 20px;
}