/**
 *	Copyright 2010. Demandforce, Inc.  The copyright for all material 
 *	provided on this site ("Site") is held by Demandforce, Inc. Except as 
 *	stated herein, none of the material may be copied, reproduced, 
 *	distributed, republished, downloaded, displayed, posted or transmitted 
 *	in any form or by any means, including, but not limited to, 
 *	electronic, mechanical, photocopying, recording, or otherwise, without 
 *	the prior written permission of Demandforce, Inc. and all materials 
 *	are provided as-is without expressed or implied warranty. Permission 
 *	is granted to use, display, copy, distribute and download the 
 *	materials on this Site for provided you do not modify the materials 
 *	and that you retain all copyright and other proprietary notices 
 *	contained in the materials. You also may not, without Demandforce, 
 *	Inc. permission, "mirror" any material contained on this Site on any 
 *	other server. This permission terminates automatically if you breach 
 *	any of these terms or conditions. Upon termination, you will 
 *	immediately destroy any downloaded and printed materials. Any 
 *	unauthorized use of any material contained on this Site may violate 
 *	copyright laws, trademark laws, the laws of privacy and publicity, and 
 *	communications regulations and statutes.
 */ 
 
 /* 
 * ------
 * Demandforce Consumer Portal CSS -- http://www.demandforce.com
 * ------
 */
a:link {
	color: #000;
}

a:hover {
	cursor: pointer; color: #B8D4E3;
}

body {
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000;
}

* {
	margin: 0; padding: 0;
}

.clear {
	clear: both; height: 0; overflow: hidden;
}

.auto {
	overflow: auto;
}

img,a img {
	border: 0;
}

.left {
	float: left;
}

.right {
	float: right;
}

.fontSize22 {
	font-size: 22px;
}

.yellow {
	color: #fff65b;
}

.red {
	color: red;
}

.blue {
	color: #396FA5;
}

input[type="text"]:focus, textarea:focus, select:focus {
	-moz-outline-radius-bottomleft: 5px !important;
	-moz-outline-radius-bottomright: 5px !important;
	-moz-outline-radius-topleft: 5px !important;
	-moz-outline-radius-topright: 5px !important;
	border-top: 2px solid SteelBlue;
	border-right: 2px solid LightSkyBlue;
	border-bottom: 2px solid LightSteelBlue;
	border-left: 2px solid LightSteelBlue;
	outline-color: CornflowerBlue ;
	outline-offset: 0;
	outline-style: solid;
	outline-width: 1px;
}

/**
 **---------- Header CSS ----------**
 **/
.headerWrap {
	margin-bottom:15px;
	margin-top: 20px;
/*	width: 981px;*/
	width: 500px;
}

#header {
/*	width: 980px;*/
	width: 499px;
	background: url(images/top-border.gif) top left no-repeat;
	margin: 10px 0;
	padding-top: 16px;
}

.headerContent {
	border-left: 1px solid #609fc0;
	border-right: 1px solid #609fc0;
	border-bottom: 5px solid #609fc0;
	text-align: left;
	padding: 0 0 0 14px;
}

.headerBusinessInfoWrap {
	width: 100%;
}

.businessHeader {
	border-collapse: collapse;
	height: 60px;
}

.businessHeaderRight {
	width: 254px;
}

.businessLogo {
	margin-right: 15px;
}

#businessName {
	font-size: 42px;
	color: #639ebe;
}

.blueSquare {
	background: url(images/blueSquare.gif) left center no-repeat;
	color: #7d7d7d;
	padding: 0 20px 0 15px;
}


.subscribeWrap {
	vertical-align: top;
	font-size: 14px;
	text-align: right;
	color: #396ea4;
	padding: 10px 14px 10px 20px;
}

.subscribe img{
padding:0 5px;
vertical-align:middle;
}

.topImage {
	height: 189px;
	position: relative;
	margin-top: 15px;
}

.topImageLeft {
	float: left;
/*	width: 663px;*/
	width: 100px;
	height: 186px;
}

.topImageMainImg {
	background: transparent url(images/main-image-left-blue-dental.gif)
		no-repeat scroll left center;
}

.topImageMainImgAuto {
	background: transparent url(images/main-image-left-blue-auto.gif)
		no-repeat scroll left center;
}

.topImageMainImgDental {
	background: transparent url(images/main-image-left-blue-dental.gif)
		no-repeat scroll left center;
}

.topImageRight {
	background: url(images/main-image-right-background-blue.gif)
		no-repeat;
	float: left;
	height: 186px;
	width: 287px;
}

.topImageBottom {
	background: transparent url(images/main-image-bottom-shadow.gif)
		no-repeat scroll right bottom;
	clear: both;
	height: 3px;
	line-height: 3px;
/*	width: 949px;*/
	width: 100px;
}

.headerBranding {
	background: transparent url(images/poweredby-border.gif) no-repeat
		scroll right bottom;
	line-height: 22px;
	margin: 0 auto;
	padding: 5px 0;
	text-align: right;
}

.headAppointment {
	background: url(images/requestAnAppointment.gif) no-repeat;
	height: 118px;
	width: 226px;
	position: absolute;
	right: 0;
	top: 36px;
	padding: 0 10px 0 20px;
}

.headAppointmentDate {
	width: 124px;
	margin: 50px 0 0 0;
}

.headAppointmentTime {
	width: 124px;
	margin-top: 5px;
}

.headAppointmentTimeOpt {
	width: 128px;
	margin-top: 5px;
}

.btnSubmitShort {
	background: url(images/Request-Submit.gif);
	height: 25px;
	width: 81px;
	border: 0;
	cursor: pointer;
	margin-left: 8px;
	vertical-align: bottom;
}

.btnSubmitShortDisabled{
	background: url(images/Request-Submit-gray.gif);
	cursor: auto;
}

.intro {
	background: url(images/intro-top-border.gif) no-repeat;
/*	width: 949px;*/
	width: 500px;
	padding: 13px 0 0 0;
	margin: 1px 0 0 0;
}

.introCenter {
	background: url(images/intro.gif);
	font-size: 13px;
	color: #4c8bb6;
	padding: 0 30px;
	font-weight: bold;
	font-family: Verdana;
	line-height: 18px;
}

.introCenter p {
	padding: 3px 0;
}

.introBottom {
	background: url(images/intro-bottom-border.gif);
	height: 26px;
}

/* ---- Menu ---- */
.tab_menu {
	height: 21px;
	padding: 10px 0 0;
}

.tab_wrap {
	padding-bottom: 14px;
	float: left;
	margin-bottom: -19px;
}

.tab_wrap_on {
	background: url(images/tab_bottom.gif) no-repeat bottom center;
	position: relative;
}

.tab_left_off {
	background: url(images/left_off.gif) left center no-repeat;
	float: left;
	padding-left: 4px;
	line-height: 21px;
	margin: 0 2px 0 0;
}

.tab_right_off {
	background: url(images/right_off.gif) right center no-repeat;
	float: left;
	padding-right: 4px;
	line-height: 21px;
}

.tab_off {
	background: url(images/center_off.gif) right center repeat-x;
	float: left;
	line-height: 21px;
	font-size: 14px;
	padding: 0 10px;
	width: 100px;
	text-align: center;
}

.tab_off a {
	color: #468db7;
	text-decoration: none;
	font-family: Helvetica;
	outline: none;
}

.tab_off a:hover {
	text-decoration: underline;
	color: #468db7;
}

.tab_left_on {
	background-image: url(images/left_on.gif);
}

.tab_right_on {
	background-image: url(images/right_on.gif);
}

.tab_on {
	background-image: url(images/center_on.gif);
}

.tab_right_on .tab_on a {
	color: #fff;
	font-weight: bold;
}

.tab_right_on .tab_on a:hover {
	color: #fff;
}

/* ---- End Menu ---- */

/**
 **---------- END Header CSS ----------**
 **/



/**
 **---------- Main Body And RightSide CSS ----------**
 **/
.mainBodyWrap {
	border: 0 none;
/*	width: 981px;*/
	width: 500px;
}

.leftBodyWrap {
	border: 0 none;
/*	width: 647px;*/
	width: 500px;
}

.leftBodyBorderTop {
	background:transparent url(images/sectionbluetop.jpg) no-repeat scroll left center;
	height:18px;
/*	width: 647px;*/
	width: 500px;
}

.rightSideGraySection {
	border: 0 none;
	width: 323px;
}

.rightSideGraySectionBorderTop {
	background:transparent url(images/sectiongreytop.jpg) no-repeat scroll left center;
	border:0 none;
	height:18px;
	width:323px;
}

.rightSideGrayBox {
	background: #eee;
	width: 323px;
	text-align: center;
}

.rightSideGraySectionBorderBottom {
	background:transparent url(images/sectiongreybottom.jpg) no-repeat scroll left center;
	border:0 none;
	height:18px;
	width:323px;
}
.couponBox {
	width: 323px;
	background: url(images/coupon-center.gif) repeat-y;
	font-size: 15px;
	text-align: left;
	font-weight: bold;
	cursor: pointer;
}

.couponBoxTop {
	background: url(images/coupon-top.gif) top no-repeat;
	padding: 25px 15px 10px;
	color: #fff;
}

.couponBoxBottom {
	background: url(images/coupon-bottom.gif) bottom no-repeat;
	padding: 0 15px 13px;
}

.couponBox p {
	padding: 5px 0;
}

.affWrap img {
	margin: 0 2px;
}

.googleMap {
	background: #eee;
	width: 323px;
	text-align: center;
}

.rightSideBusinessInfo {
	margin: 0 12px 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	color: #464646;
	line-height: 20px;
	background: #fff;
	padding: 0 10px 20px;
	width: 279px;
}

.rightSideBusinessInfo a {
	color: #4851c6;
	text-decoration: none;
}

.rightSideBusinessInfo a:hover {
	color: #069;
}

.rightSideBusinessInfo a.getDirection {
	float: right;
}

.rightSideBusinessInfo .businessName {
	font-size: 13px;
	font-weight: bold;
	color: #386fa5;
	clear: both;
}

/**
 **---------- END Main Body And RightSide CSS ----------**
 **/
 


/**
 **---------- Footer CSS ----------**
 **/
.footer {
	background: url(images/footer-image.gif) top no-repeat;
/*	width: 981px;*/
	width: 500px;
	padding: 30px 0 20px;
	font-size: 11px;
	line-height: 22px;
}
.bottomLogo {
	text-align: right;
	background: #f1f1f1;
	border-top: 1px solid #D7D7D7;
	padding: 10px;
/*	min-width: 981px;*/
	min-width: 500px;
}
/**
 **---------- END Footer CSS ----------**
 **/

.appointMinBox {
	background: url(images/appointment.jpg) no-repeat;
	height: 160px;
	width: 177px;
	margin: 15px 0 0 0;
	padding: 10px 0 0 0px;
	text-align: left;
}

.appointMinBox input {
	font-size: 14px;
	font-family: arial;
}

.requestMinCom {
	font-size: 18px;
	font-family: comic Sans MS;
	padding: 10px 0 15px 15px;
	/*background:url(images/activeA.gif) 65px bottom  no-repeat;*/
}

.contactButton {
	position: absolute;
	right: 5px;
	top: -40px;
}

.address {
	background: url(images/bottom.gif) no-repeat;
	padding: 10px 0 0 0;
	text-align: center;
	line-height: 25px;
	height: 25px;
	color: #fff;
	position: relative;
	z-index: 1;
}

.address a {
	color: #fff;
	padding: 0 15px;
}

.address a:hover {
	color: #B8D4E3;
}

.copyright {
	color: #000;
	background: #fff;
	text-align: center;
	padding: 10px 0 20px;
}

.copyright a {
	color: #000;
	text-decoration: underline;
}

.copyright a:hover {
	color: #069;
}

.ads {
	text-align: left;
	font-size: 25px;
	color: #069;
	padding: 50px 0 0 60px;
	line-height: 35px;
	font-style: italic;
}

.ads span {
	font-weight: bold;
	font-family: Monotype Corsiva;
	padding-right: 10px;
	font-size: 32px;
	color: #666;
}

a.appoint {
	color: #333;
	font-family: Monotype Corsiva;
	text-decoration: underline;
}

a.appoint:hover {
	text-decoration: none;
}

.adventure {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: black;
	float: left;
	margin-left: 0px;
}

.mainLeft {
	float: left;
	width: 536px;
}

.wrap2 {
	overflow: hidden;
	padding-top: 40px !important;
	padding-top: 20px;
	clear: both;
	margin-top: -40px;
}

.mainRight {
	float: right;
	background: #F2F5FA;
	border-left: 1px dashed #D6D6D6;
	margin-top: -20px;
	width: 200px;
	padding-top: 30px;
	padding-bottom: 5000px;
	margin-bottom: -5000px;
}

* html .wrap2 .mainRight {
	height: 1px;
	position: relative;
	z-index: -1;
}

.topWrap {
	overflow: auto;
	margin-bottom: 10px;
	text-align: center;
}

.businessdescription {
	font-size: 10pt;
	margin: 20px;
}

.infoTab {
	margin: 15px 0;
}

.reviews {
	margin: 10px 20px 10px 20px;
	overflow: auto;
	padding: 10px 0;
}

.reviewsLeft {
	float: left;
	text-align: center;
	width: 80px;
	color: #396FA5;
}

.customerImg {
	background: url(images/cn.gif) no-repeat center top;
	height:34px;
	width:35px;
}
.customerImgFemale {
	background: url(images/cf.gif);
}
.customerImgMale {
	background: url(images/cm.gif);
}

.rerviewsRight {
	width: 500px;
	float: right;
}

.reviewTitle {
	font-size: 20px;
	color: #396FA5;
	float: left;
	padding: 0 0 10px;
}

.reviewDate {
	color: #666;
	display: block;
	font-size: 12px;
}

.reviewComment {
	border-left: 2px solid rgb(0, 102, 153);
	padding-left: 10px;
	padding-right: 20px;
}

.reviewComment span {
	font-size: 8pt;
	color: gray;
	font-style: italic;
}

.starExplainStar {
	margin: 0;
	padding: 0 0 0 50px;
	background: url(images/5.0starMin.gif) no-repeat center left;
	font-size: 9px;
	color: #888;
}

.starExplainStar4 {
	background-image: url(images/4.0starMin.gif);
}

.starExplainStar3 {
	background-image: url(images/3.0starMin.gif);
}

.starExplainStar2 {
	background-image: url(images/2.0starMin.gif);
}

.starExplainStar1 {
	background-image: url(images/1.0starMin.gif);
}

.reviewRatingForeground {
	padding: 0 5px 0 0;
	float: right;
	width: 100px;
	text-align: right;
}
.reviewRatingStars {
	height: 17px;
	width: 100px;
}
.stars0 {
	background-image: url(images/0.0star.gif);
}

.stars10 {
	background-image: url(images/0.5star.gif);
}

.stars20 {
	background-image: url(images/1.0star.gif);
}

.stars30 {
	background-image: url(images/1.5star.gif);
}

.stars40 {
	background-image: url(images/2.0star.gif);
}

.stars50 {
	background-image: url(images/2.5star.gif);
}

.stars60 {
	background-image: url(images/3.0star.gif);
}

.stars70 {
	background-image: url(images/3.5star.gif);
}

.stars80 {
	background-image: url(images/4.0star.gif);
}

.stars90 {
	background-image: url(images/4.5star.gif);
}

.stars100 {
	background-image: url(images/5.0star.gif);
}

.reviewCertifiedSeal {
	background: url(images/certified.gif) no-repeat top right;
	height: 45px;
	width: 45px;
}

.reviewContent {
	clear: both;
	padding: 0 20px 0 0;
	line-height: 16px;
}

.video {
	width: 190px;
	border: 1px solid #666;
	margin: 0 auto;
	text-align: center;
	background: #fff;
}



.sectiongradient {
	background: url(images/sectiongradient.jpg) repeat-x;
/*	width: 647px;*/
	width: 400px;
	vertical-align: top;
	height: 500px;
}

.reviewBorder {
	background: #F3F3F3;
	margin-right: 20px;
	margin-left: 20px;
	border: 1px solid #006699;
	border-collapse: collapse;
/*	width: 607px;*/
	width: 360px;
}

.leftNum {
	padding-left: 30px;
	padding-top: 10px;
	width: 300px;
	color: #155da5;
}

.reviewNum {
	width: 300px;
	color: #155da5;
	border-collapse: collapse;
}

.gradeItem {
	font-size: 10pt;
	font-weight: bold;
}

.percent {
	font-size:18pt;
	line-height:18pt;
}

.reviewHead {
	vertical-align:top;
	width: 45px;
}

.csi_refer_sign {
	height: 34px;
	width: 34px;
}
.csi_refer_sign_good {
	background: url(images/tu.gif) no-repeat top left;	
}

.copyrightBlue {
	padding: 5px 0 20px;
}

.reviewRight {
	padding: 10px 0 0 20px;
	vertical-align: top;
	color: #155da5;
}

.thermometerWrap {
	padding: 3px 0 0 0;
	width: 80px;
}
.thermometer {
	height:14px;
	width: 69px;
}
.temperature0 {
	background-image: url(images/b0.gif);
}
.temperature20 {
	background-image: url(images/b20.gif);
}
.temperature40 {
	background-image: url(images/b40.gif);
}
.temperature60 {
	background-image: url(images/b60.gif);
}
.temperature80 {
	background-image: url(images/b80.gif);
}
.temperature100 {
	background-image: url(images/b100.gif);
}

.reviewDec {
	padding: 10px 30px 15px;
	font-size: 10pt;
}

.pageNum {
	background: #ebf2f8;
	width: 215;
	font-weight: bold;
	line-height: 18px;
	color: #396FA5;
	padding-right: 30px;
}

.pageContent {
	width: 280px;
	vertical-align: middle;
}

.reviewItemTit {
/*	width: 150px;*/
	width: 100px;
	padding: 20px 10px 0 20px;
	font-size: 16px;
	text-align: left;
	font-weight: bold;
	vertical-align: top;
}

.reviewItemTit span {
	font-size: 16px;
}

.reviewItemRight {
	padding-top: 20px;
	text-align: left;
}

.reviewItemRight a{
	width: 30px;
}

.textareaWrap {
	height: 160px;
}
.captchaWrap {
	display:inline;
	float:right;
	height:27px;
	padding:0 1px 1px;
	vertical-align:bottom;
}
.btnSubmitReview {
	margin: 20px 0 0 0px;
	background: url(images/submitareview.gif);
	height: 25px;
	width: 152px;
	border: 0;
	cursor: pointer;
}

.submitComment {
	padding: -15px 90px 20px 20px;
	width: 400px;
}

.padding5 {
	padding: 5px;
}

.padding3 {
	padding: 3px;
}

.widthS {
	width: 103px;
}

.widthM {
	width: 224px;
}

.reviewText {
	padding: 5px;
	width: 375px;
}

.titNormal {
	font-size: 8pt;
	font-weight: normal;
}

.addComment {
	font-size: 16px;
	padding: 20px 20px 0 20px;
	width: 500px;
}

.borderBox {
	border: 1px solid #069;
	background: #F3F3F3;
	margin: 20px;
	padding: 10px;
	text-align: center;
}

.blueTit {
	color: #155DA5;
	font-size: 20px;
	text-align: center;
}

.italic {
	font-style: italic;
	padding: 10px 0 5px;
	font-size: 14px;
}

.linkContent,.linkContent a {
	font-size: 16px;
}

form.borderBox {
	text-align: left;
}

form.borderBox input {
	vertical-align: middel;
}

.formTit {
	font-weight: bold;
	background: #E8EEF7;
	padding: 5px 20px;
	font-size: 13px;
	margin-top: 20px;
}

.formItem {
	font-weight: bold;
	color: #396FA5;
	display: inline-block;
	width: 150px;
}

.formList {
	display: inline-block;
	width: 160px;
}

.paddingP {
	padding: 5px;
}

.checkboxSub {
	width: 380px;
	font-style: normal;
	display: inline-block;
	vertical-align: top;
}

.referWrap {
	padding: 0 0 20px;
}

.referWrap p {
	font-size: 14px;
}

.normalContent {
	text-indent: 2em;
	font-size: 14px;
	line-height: 22px;
}

.nameRefer {
	width: 90%;
	text-align: center;
	margin: 5px 0 10px;
}

.margin5 {
	margin: 5px;
}

.noBgFormTit {
	font-weight: bold;
	padding: 5px;
}

.mailName {
	padding-left: 20px;
	font-size: 20px;
}

.infoWrap {
	margin: 0 20px;
	width: 605px;
}

.ifm {
	background-color:transparent;
	border:0 none;
	height:500px;
	overflow:auto;
	width:100%;	
}

.sortReview {
	text-align: right;
	background: #006699;
	margin: 0 20px 0 20px;
	padding: 5px;
	color: #fff;
	font-weight: bold;
}

a.reviewOrder {
	padding: 0 12px 0 20px;
	color: #B8D4E3;
}

a.reviewOrder:hover {
	background: url(images/sortDescH.gif) right 5px no-repeat;
}

a.reviewOrderAsc {
	padding: 0 12px 0 20px;
	color: #B8D4E3;
	background: url(images/sortAsc.gif) right 5px no-repeat;
}

a.reviewOrderDesc {
	padding: 0 12px 0 20px;
	color: #B8D4E3;
	background: url(images/sortDesc.gif) right 5px no-repeat;
}

a.reviewOrderAsc:hover {
	background: url(images/sortDescH.gif) right 5px no-repeat;
}

a.reviewOrderDesc:hover {
	background: url(images/sortAscH.gif) right 5px no-repeat;
}

.pageReview {
	width: 475px;
	margin: 0 auto;
	text-align: center;
	background: url(images/smallbluetop.jpg) no-repeat top left #EBF2F8;
	padding: 12px 0 0;
}

.pageReviewBottom {
	width: 475px;
	margin: 0 auto;
	text-align: center;
	background: url(images/smallbluebottom.jpg) no-repeat bottom left
		#EBF2F8;
	padding: 0 0 12px;
}

.pageReview a {
	font-weight: bold;
}

.pageReview a {
	padding: 0 5px;
}

.bgWhite {
	background: #fff;
	padding: 20px 0;
}

.googleMap #map {
	margin: 0 auto;
}

.derectStreet,.derectCity,.derectState,.derectZip {
	margin: 0 5px;
}

.derectStreet {
	width: 200px;
}

.derectCity {
	width: 100px;
}

.derectState {
	width: 20px;
}

.derectZip {
	width: 40px;
}

.btnSubmit {
	background: url(images/submitPic.gif);
	height: 25px;
	width: 152px;
	border: 0;
	cursor: pointer;
}

.btnDelete {
	background: url(images/delete-button-long.gif);
	height: 25px;
	width: 152px;
	border: 0;
	cursor: pointer;
}

.wid100 {
	width: 100px;
}

.margin20 {
	margin: 20px;
}

.circleList {
	display: list-item;
	padding: 3px 0 3px 10px;
}

.staffePic {
	margin: 20px 40px 0 40px;
	font-size: 20px;
	font-style: italic;
	color: #396FA5;
	font-weight: bold;
}

.staffePic img {
	vertical-align: middle;
	overflow: auto;
}

/* ===== styles for the review star rater ==== */
.star-rating{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 120px; /* star width*5 */
	height: 24px;	/* single star height */
	position: relative;
	background: url(images/star.gif) top left repeat-x; 
}
.star-rating li{
	padding:0px;
	margin:0px;
	float: left;
}
.star-rating li a{
	display:block;
	width:12px;	/* half star width */
	height: 24px;	/* single star height */
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
.star-rating li a:hover{
	background: url(images/star.gif) left bottom;
	z-index: 1;
	left: 0px;
}
.star-rating li a.selected{
	background: url(images/star.gif) left bottom;
}
.star-rating a.half-star{
	left: 0px;
}
.star-rating a.half-star:hover{
	width: 12px;	/* half star width */
}
.star-rating a.half-star-selected{
	left:0px;
	width:12px;
}
.star-rating a.half-star-selected:hover{
	left: 0px;
}
.star-rating a.one-star{
	left: 12px; /* half star width */
}
.star-rating a.one-star:hover{
	width:24px;	/* one star width */
}
.star-rating a.one-star-selected{
	left:0px;
	width:24px;
}
.star-rating a.one-star-half{
	left:24px;	/* one star width */
}
.star-rating a.one-star-half:hover{
	width: 36px;
}
.star-rating a.one-star-half-selected{
	left:0px;
	width:36px;
}
.star-rating a.two-stars{
	left:36px;	
}
.star-rating a.two-stars:hover{
	width: 48px;
}
.star-rating a.two-stars-selected{
	left:0px;
	width:48px;
}
.star-rating a.two-stars-half{
	left: 48px;
}
.star-rating a.two-stars-half:hover{
	width: 60px;
}
.star-rating a.two-stars-half-selected{
	left:0px;
	width:60px;
}
.star-rating a.three-stars{
	left: 60px;
}
.star-rating a.three-stars:hover{
	width: 72px;
}
.star-rating a.three-stars-selected{
	left:0px;
	width:72px;
}
.star-rating a.three-stars-half{
	left: 72px;
} 
.star-rating a.three-stars-half:hover{
	width: 84px;
}
.star-rating a.three-stars-half-selected{
	left:0px;
	width:84px;
}
.star-rating a.four-stars{
	left: 84px;
} 
.star-rating a.four-stars:hover{
	width: 96px;
}
.star-rating a.four-stars-selected{
	left:0px;
	width:96px;
}
.star-rating a.four-stars-half{
	left: 96px;
}
.star-rating a.four-stars-half:hover{
	width: 108px;
}
.star-rating a.four-stars-half-selected{
	left:0px;
	width:108px;
}
.star-rating a.five-stars{
	left: 108px;
}
.star-rating a.five-stars:hover{
	width: 120px;
}
.star-rating a.five-stars-selected{
	left:0px;
	width:120px;
}



/*=====staff css start here====*/
#staffInfo .staffImg {
	background: url(images/s.gif) no-repeat;
	overflow: auto;
	border: 0px;
	max-height: 100px;
	max-width: 100px;
}

#staffInfo .female {
	background-image: url(images/female.png);
	height: 100px;
	width: 100px;
}

#staffInfo .male {
	background-image: url(images/male.png);
	height: 100px;
	width: 100px;
}

#staffInfo .unknown_sex {
	background-image: url(images/nosex.png);
	height: 100px;
	width: 100px;
}

#staffInfo .StaffName {
	float: left;
	padding-left: 20px;
}

#staffInfo .StaffName span {
	color: #000;
	display: block;
	font-style: normal;
	font-size: 16px;
	padding: 5px;
}

#staffInfo .borderBox {
	border: 0;
	width: 560px;
	margin: 10px 20px;
	padding: 0;
	clear: both;
	background: none;
}

#staffInfo .reviewItemTit {
	vertical-align: top;
	width: 140px;
}

a.staffReview {
	font-weight: normal;
}

#staffInfo .rerviewsRight {
	width: 435px;
}

#staffInfo .reviewItemTit {
	padding-top: 10px;
}

#staffInfo .reviews {
	margin: 0;
	padding: 0 0 20px 40px;
}

#staffInfo .reviewItemRight {
	padding-top: 10px;
}

.staffImgWrap {
	width: 100px;
	height: 100px;
	float: left;
}


/*=====appointment css start here====*/
input.txtCalendarInputField {
	margin: 5px 0 3px;
	vertical-align: middle;
	width: 75px;
}

input.btnCalendarTrigger {
	background: url(images/calendar-trigger-bttn.gif) no-repeat;
	width: 28px;
	height: 25px;
	border: 0;
	cursor: pointer;
	veritcal-align: bottom;
}

input.sbmtRequestAppointment {
	background: url(images/requestAppointment.gif) no-repeat;
	width: 152px;
	height: 25px;
	border: 0;
	cursor: pointer;
	margin: 20px 0 0;
}

#appointment table.wrapContent {
	width: 100%;
}

/*=====contact css start here====*/
#contact .twoButton {
	padding: 20px 0 0;
	text-align: center;
}

#contact .twoButton a {
	margin: 0 20px;
}

#contact .wrapContent {
	margin: 0 auto 20px;
}

#contact .reviewItemTit {
	width: 80px;
}

#contact .reviewItemTit span {
	font-size: 14px;
}

#contact .reviewItemRight {
	font-size: 14px;
}

#contactForm table {
	width: 100%;
}

input.sbmtReferFriend {
	background: url(images/referFriend.gif);
	border: 0;
	width: 152px;
	height: 25px;
	margin: 10px;
	cursor: pointer;
}

#appointment .dateInput {
	float: left;
	width: 400px;
}

#appointment .dateInput input {
	margin: 5px 0 3px;
	vertical-align: middle;
}

#appointment .calendarWrap {
	float: left;
}

#preferences {
	width: 100%;
}

#preferences .subList {
	display: block;
	padding: 0 0 5px 2em;
	text-indent: -2em;
}

#preferences .subListTit {
	font-weight: bold;
	padding: 0 5px;
}

#preferences .blue {
	white-space: nowrap;
	font-size: 14px;
}

#preferences #TypeCheck_Wrapper div {
	width: 380px;
}

#preferences #TypeCheck_Wrapper span {
	display: block;
	float: left;
	width: 25px;
}

#preferences #TypeCheck_Wrapper label {
	display: block;
	float: left;
	width: 350px;
	padding-bottom: 5px;
}

#preferences .formTitComment {
	font-size: 12px;
	font-weight: normal;
	padding-left: 20px;
}

#preferences .sectionTitle {
	background: url(images/email-reference.gif) left 20px no-repeat;
	font: normal normal bold 15px/ 25px Arial;
	color: #949494;
	padding: 20px 0 0 40px;
	border-top: 1px solid #AABFD5;
}

#preferences .emailSectionTitle {
	background: url(images/email-reference.gif) left 20px no-repeat;
}

#preferences .msgSectionTitle {
	background: url(images/cellphone-reference.gif) left 20px no-repeat;
}

#preferences .postcardSectionTitle {
	background: url(images/postcard-reference.gif) left 20px no-repeat;
}

.grayOrange {
	color: #b2935a;
	font-weight: bold;
}

.orangeComment {
	color:#EA5F00;
	float:right;
	font-size:12px;
	font-weight:normal;
	text-align:right;
	width:300px;
}




/*=== add review===*/
#reviewForm  .fiveStarWrap {
	overflow: auto;
	float: left;
	padding-top: 10px;
}

#reviewForm .starExplain {
	padding: 3px 3px 3px 0;
	float: left;
	background: #fefefe;
	width: 250px;
	border: 1px dotted #ccc;
	margin-left: 5px;
}

#surveyWrap table {
	width: 100%;
	padding: 0 20px 0;
}

#surveyWrap .sectionHeader {
	font-weight: bold;
	padding-top: 20px;
	color: #396fa5;
	font-size: 16px;
}

#surveyWrap .sectionHeader .titNormal {
	font-weight: normal;
	color: black;
}

#surveyWrap .questionScoreHeader {
	width: 25px;
	text-align: center;
	font-size: 14px;
	vertical-align: bottom;
}

#surveyWrap .questionOrder {
	text-align: right;
	width: 10px;
	padding-top: 8px;
	font-size: 14px;
	vertical-align: top;
}

#surveyWrap .question {
	width: 400px;
	padding-top: 8px;
	font-size: 14px;
}

#surveyWrap .questionScore {
	width: 25px;
	text-align: center;
	padding-top: 8px;
	vertical-align: top;
}

.wrapGraphBttns {
	margin:10px 30px;
	padding:20px 10px 0;
}
.graphBttns {
	display:inline;
	height:84px;
	line-height:61px;
	margin:15px 20px;
	width:240px;
}
.profileSiteLogo {
	height: 61px;
	width: 200px;
}
.profileYellowPages {
	background:transparent url(../images/prof-yellow-pages.png) no-repeat scroll center bottom;
}
.profileBing {
	background:transparent url(../images/prof-bing.png) no-repeat scroll center bottom;
}
.profileYelp {
	background:transparent url(../images/prof-yelp.png) no-repeat scroll center bottom;
}
.profileFacebook {
	background:transparent url(../images/prof-facebook.png) no-repeat scroll center bottom;
}
.profileYahoo {
	background:transparent url(../images/prof-yahoo.png) no-repeat scroll center bottom;
}
.profileGoogle {
	background:transparent url(../images/prof-google.png) no-repeat scroll center bottom;
}

/*===============*/
.fixDiv {
	padding: 0 10px 10px;
	margin: 20px 30px 0;
	overflow: auto;
}

.fixDiv .formTit {
	margin-top: 10px;
	clear: both;
}

.fixDiv .paddingP {
	clear: both;
}

.fixDiv .formItem {
	font-size:16px;
	line-height:20px;
	padding-left:20px;
	vertical-align:top;
}

.fixDiv .red {
	font-weight: normal;
}

.fixDiv .formList {
	font-size:14px;
	line-height:20px;
	width:330px;
}

.hrSlit {
	height: 1px;
	border: 0;
	border-bottom: 1px solid #aabfd5;
	background: #fff;
	margin: 20px 20px 0;
	clear: both;
}










.bottomBorder {
	text-align: right;
	border-bottom: 1px solid #069;
	padding: 5px 20px;
}

.rightMargin20 {
	margin-right: 20px;
}

.spaceWidth20 {
	display:inline-block;
	width:20px;
}

.bottomBorder img {
	float: right;
}

.emailIcon {
	background: url(images/email-icon.gif) no-repeat left center;
	padding-left: 30px;
	line-height: 24px;
}

.websiteIcon {
	background: url(images/website-icon.gif) no-repeat left center;
	padding-left: 30px;
	line-height: 24px;
}

a.writeReview,a.reviewPolicy,a.moreReviews {
	display:inline-block;
	height:25px;
	padding:0;
	vertical-align:middle;
	width:118px;
}

a.writeReview {
	background: url(images/writeReview.gif) no-repeat;
}

a.reviewPolicy {
	background: url(images/Review-policy.gif) no-repeat;
}

a.moreReviews {
	background: url(images/morereviews.gif) no-repeat;
}

a.getDrivingDirections,a.writeReviewWider,a.sendToEmail,a.sendToPhone,a.referFriend,a.downLoadCalendar
	{
	height: 25px;
	width: 152px;
	display: inline-block;
	vertical-align: middle;
}

a.getDrivingDirections {
	background: url(images/getDrivingDirections.gif) no-repeat;
}

a.writeReviewWider {
	background: url(images/writeReviewWider.gif) no-repeat;
}

a.sendToEmail {
	background: url(images/sendtoemail.gif) no-repeat;
}

a.sendToPhone {
	background: url(images/sendtophone.gif) no-repeat;
}

a.referFriend {
	background: url(images/referFriend.gif) no-repeat;
}

a.downLoadCalendar {
	background: url(images/downLoadCalendar.gif) no-repeat;
}



.coupon {
	background: url(images/Coupon-middle.gif) repeat-y;
	background-position: 50% 0%;
	font-size: 25px;
	text-align: center;
	font-weight: bold;
	font-family: arial;
	margin: 5px 8px;
	padding: 0px 20px;
	display: block;
	text-decoration: none;
	outline: 0;
	cursor: pointer;
}

.lightYellowBorder {
	border: 1px solid #FFCC66;
	padding: 5px;
	font-size: 14px;
}

.orangeCoupon {
	background-color: #ec6100;
	color: #fff;
	line-height: 60px;
	font-size: 52px;
	font-weight: bold;
}

.blueCoupon {
	color: #609fc0;
	font-size: 28px;
	font-family: arial;
	line-height: 40px;
}

.expirationInfo {
	font-size: 11px;
	font-family: arial;
	font-weight: normal;
	color: #000;
	line-height: 20px;
}

textarea.reviewText {
	height: 120px;
	width: 300px;
}




/* 
 * ------
 * END Demandforce Consumer Portal CSS -- http://www.demandforce.com
 * ------
 */ 
 

 

/* 
 * ------
 * JS Calendar CSS Style
 * ------
 */
.DynarchCalendar {
	border: 1px solid #aaa;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	background: #F1F6FC;
	font: 11px "lucida grande", tahoma, verdana, sans-serif;
	line-height: 14px;
	position: relative;
	cursor: default;
}

.DynarchCalendar table {
	border-collapse: collapse;
	font: 11px "lucida grande", tahoma, verdana, sans-serif;
	line-height: 14px;
	margin: auto;
}

.DynarchCalendar-topBar {
	border-bottom: 1px solid #aaa;
	background: #ddd;
	padding: 5px 0 0 0;
}

table.DynarchCalendar-titleCont {
	font-size: 130%;
	font-weight: bold;
	color: #444;
	text-align: center;
	z-index: 9;
	position: relative;
	margin-top: -6px;
}

.DynarchCalendar-title div {
	padding: 5px 17px;
	text-shadow: 1px 1px 1px #777;
}

.DynarchCalendar-hover-title div {
	background-color: #fff;
	border: 1px solid #000;
	padding: 4px 16px;
	background-image: url("images/js-cal-img/drop-down.gif");
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

.DynarchCalendar-pressed-title div {
	border: 1px solid #000;
	padding: 4px 16px;
	background-color: #76A4DF;
	color: #fff;
	background-image: url("images/js-cal-img/drop-up.gif");
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

.DynarchCalendar-bottomBar {
	border-top: 1px solid #aaa;
	background: #ddd;
	padding: 2px;
	position: relative;
	text-align: center;
}

.DynarchCalendar-bottomBar-today {
	padding: 2px 15px;
}

.DynarchCalendar-hover-bottomBar-today {
	border: 1px solid #000;
	background-color: #fff;
	padding: 1px 14px;
}

.DynarchCalendar-pressed-bottomBar-today {
	border: 1px solid #000;
	background-color: #76A4DF;
	color: #fff;
	padding: 1px 14px;
}

.DynarchCalendar-body {
	position: relative;
	overflow: hidden;
	padding-top: 5px;
	padding-bottom: 5px;
}

.DynarchCalendar-first-col {
	padding-left: 5px;
}

.DynarchCalendar-last-col {
	padding-right: 5px;
}

.DynarchCalendar-animBody-backYear {
	position: absolute;
	top: -100%;
	left: 0;
}

.DynarchCalendar-animBody-back {
	position: absolute;
	top: 5px;
	left: -100%;
}

.DynarchCalendar-animBody-fwd {
	position: absolute;
	top: 5px;
	left: 100%;
}

.DynarchCalendar-animBody-now {
	position: absolute;
	top: 5px;
	left: 0;
}

.DynarchCalendar-animBody-fwdYear {
	position: absolute;
	top: 100%;
	left: 0;
}

.DynarchCalendar-dayNames {
	padding-left: 5px;
	padding-right: 5px;
}

.DynarchCalendar-dayNames div {
	font-weight: bold;
	color: #444;
	text-shadow: 1px 1px 1px #777;
}

.DynarchCalendar-navBtn {
	position: absolute;
	top: 5px;
	z-index: 10;
}

.DynarchCalendar-navBtn div {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	height: 15px;
	width: 16px;
	padding: 1px;
}

.DynarchCalendar-hover-navBtn div {
	border: 1px solid #000;
	padding: 0;
	background-color: #fff;
}

.DynarchCalendar-navDisabled {
	opacity: 0.3;
	filter: alpha(opacity = 30);
}

.DynarchCalendar-pressed-navBtn div {
	border: 1px solid #000;
	padding: 0;
	background-color: #76A4DF;
	color: #fff;
}

.DynarchCalendar-prevMonth {
	left: 25px;
}

.DynarchCalendar-nextMonth {
	left: 100%;
	margin-left: -43px;
}

.DynarchCalendar-prevYear {
	left: 5px;
}

.DynarchCalendar-nextYear {
	left: 100%;
	margin-left: -23px;
}

.DynarchCalendar-prevMonth div {
	background-image: url("images/js-cal-img/nav-left.gif");
}

.DynarchCalendar-nextMonth div {
	background-image: url("images/js-cal-img/nav-right.gif");
}

.DynarchCalendar-prevYear div {
	background-image: url("images/js-cal-img/nav-left-x2.gif");
}

.DynarchCalendar-nextYear div {
	background-image: url("images/js-cal-img/nav-right-x2.gif");
}

.DynarchCalendar-menu {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #CCE3F1;
	overflow: hidden;
	opacity: 0.85;
	filter: alpha(opacity = 85);
}

.DynarchCalendar-menu table td div {
	text-align: center;
	font-weight: bold;
	padding: 3px 5px;
}

.DynarchCalendar-menu table td div.DynarchCalendar-menu-month {
	width: 4em;
	text-align: center;
}

.DynarchCalendar-menu table td div.DynarchCalendar-hover-navBtn {
	border: 1px solid #000;
	padding: 2px 4px;
	background-color: #fff;
	color: #000;
}

.DynarchCalendar-menu table td div.DynarchCalendar-pressed-navBtn {
	border: 1px solid #000;
	padding: 2px 4px;
	background-color: #76A4DF;
	color: #fff !important;
}

.DynarchCalendar-menu-year {
	text-align: center;
	font: 16px "lucida grande", tahoma, verdana, sans-serif;
	font-weight: bold;
}

.DynarchCalendar-menu-sep {
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	overflow: hidden;
	border-top: 1px solid #888;
	background: #fff;
	margin-top: 4px;
	margin-bottom: 3px;
}

.DynarchCalendar-time td {
	font-weight: bold;
	font-size: 120%;
}

.DynarchCalendar-time-hour,.DynarchCalendar-time-minute {
	padding: 1px 3px;
}

.DynarchCalendar-time-down {
	background: url("images/js-cal-img/time-down.png") no-repeat 50% 50%;
	width: 11px;
	height: 8px;
	opacity: 0.5;
}

.DynarchCalendar-time-up {
	background: url("images/js-cal-img/time-up.png") no-repeat 50% 50%;
	width: 11px;
	height: 8px;
	opacity: 0.5;
}

.DynarchCalendar-time-sep {
	padding: 0 2px;
}

.DynarchCalendar-hover-time {
	background-color: #444;
	color: #fff;
	opacity: 1;
}

.DynarchCalendar-pressed-time {
	background-color: #000;
	color: #fff;
	opacity: 1;
}

.DynarchCalendar-time-am {
	padding: 1px;
	width: 2.5em;
	text-align: center;
}

/* body */
.DynarchCalendar-hover-week {
	background-color: #ddd;
}

.DynarchCalendar-dayNames div,.DynarchCalendar-day,.DynarchCalendar-weekNumber
	{
	width: 1.7em;
	padding: 3px 4px;
	text-align: center;
}

.DynarchCalendar-weekNumber {
	border-right: 1px solid #aaa;
	margin-right: 4px;
	width: 2em !important;
	padding-right: 8px !important;
}

.DynarchCalendar-day {
	text-align: right;
	color: #222;
}

.DynarchCalendar-day-othermonth {
	color: #888;
}

.DynarchCalendar-weekend {
	color: #c22;
}

.DynarchCalendar-day-today {
	color: #00f;
	font-weight: bold;
}

.DynarchCalendar-day-disabled {
	opacity: 0.5;
	text-shadow: 2px 1px 1px #fff;
}

.DynarchCalendar-hover-date {
	padding: 2px 3px;
	background-color: #eef;
	border: 1px solid #88c;
	margin: 0 !important;
	color: #000;
}

.DynarchCalendar-day-othermonth.DynarchCalendar-hover-date {
	border-color: #aaa;
	color: #888;
}

.DynarchCalendar-dayNames .DynarchCalendar-weekend {
	color: #c22;
}

.DynarchCalendar-day-othermonth.DynarchCalendar-weekend {
	color: #d88;
}

.DynarchCalendar-day-selected {
	padding: 2px 3px;
	margin: 1px;
	background-color: #A8C8EF;
	color: #000 !important;
}

.DynarchCalendar-day-today.DynarchCalendar-day-selected {
	background-color: #99d;
}

/* focus */
.DynarchCalendar-focusLink {
	position: absolute;
	opacity: 0;
	filter: alpha(opacity = 0);
}

.DynarchCalendar-focused {
	border-color: #000;
}

.DynarchCalendar-focused .DynarchCalendar-topBar,.DynarchCalendar-focused .DynarchCalendar-bottomBar
	{
	background-color: #C5D9F2;
	border-color: #336;
}

.DynarchCalendar-focused .DynarchCalendar-hover-week {
	background-color: #A8C8EF;
}

.DynarchCalendar-tooltip {
	position: absolute;
	top: 100%;
	width: 100%;
}

.DynarchCalendar-tooltipCont {
	margin: 0 5px 0 5px;
	border: 1px solid #aaa;
	border-top: 0;
	padding: 3px 6px;
	background: #ddd;
}

.DynarchCalendar-focused .DynarchCalendar-tooltipCont {
	background: #A8C8EF;
	border-color: #000;
}

@media print {
	.DynarchCalendar-day-selected {
		padding: 2px 3px;
		border: 1px solid #000;
		margin: 0 !important;
	}
}

/* 
 * ------
 * END JS Calendar CSS Style
 * ------
 */ /* 
 * ------
 * JS Calendar CSS Style -- border-radius
 * ------
 */ /* This is for Gecko-based browsers */
.DynarchCalendar {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.DynarchCalendar-title,.DynarchCalendar-title div {
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}

.DynarchCalendar-topBar {
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px;
	border-radius: 4px 4px 0 0;
}

.DynarchCalendar-bottomBar {
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}

.DynarchCalendar-bottomBar-today {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.DynarchCalendar-navBtn,.DynarchCalendar-navBtn div {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.DynarchCalendar-menu {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.DynarchCalendar-menu table td div {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.DynarchCalendar-weekNumber {
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}

.DynarchCalendar-day {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.DynarchCalendar-day-disabled {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.DynarchCalendar-tooltipCont {
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 5px;
}

.DynarchCalendar-time-hour,.DynarchCalendar-time-minute {
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px;
}

.DynarchCalendar-time-am {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
/* 
 * ------
 * END JS Calendar CSS Style -- border-radius
 * ------
 */