/* recommended for compatibility with Chrome */
#content { clear: left; }

/* body {font-family: Arial, Tahoma, Monospace; font-size: smaller; color: White; background-color: Black; } */
body { font-family: 'Lato', Arial, Tahoma, sans-serif; font-size: smaller; color: White; background-color: Black; }

.spacer		{clear:both;font-size: 1px;height: 1px;}

.header			{ text-align: center; text-decoration: none;
	border-bottom-color: transparent;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-weight: bold; font-size: larger; }
.companyname	{font-size: 20pt;font-weight: bold;padding: 5px; }
.pagetitle		{font-size: 20pt;font-weight: bold;padding: 5px; }
.smaller		{font-size: 12pt; }
.footer			{text-align:right; font-style:italic; text-decoration:none; }
.footer a:link, .footer a:visited {	text-decoration:none; }
.clientfooter	{ border-bottom-color:transparent; border-bottom-style:solid; border-bottom-width:1px; }
.version		{ color:Black !important; }

.HelpText { font-size: 11pt; font-style:italic; padding: 5px 5px 5px 5px; }


/*
 * Appt page panels 
 */
/* 
	border color #d3d3d3; = gray
	border color #696969; = dark gray
	background color dark blue:  #33425C;
	background color lighter blue: #607393;

 */
.ApptTitle
{
	text-align: center;
	color: Blue;
	font-size: 18pt;
	font-weight: bold;
}
.ApptPanel { margin-top:0px; margin-bottom: 12px; padding: 0px 0px 0px 0px; font-size: 9pt; color:White;}
.ApptPanel legend { color:white; }
.ApptPanel fieldset { border-color:white; border-style:solid; border-width:1px; }

.ApptPanelDim { margin-top:0px; margin-bottom: 12px; padding: 0px 0px 0px 0px; font-size: 9pt; color:#d3d3d3;
}
.ApptPanelDim legend { color:#d3d3d3; }
.ApptPanelDim fieldset { border-color:#d3d3d3; border-style:solid; border-width:1px; }

.ApptPanelActive
{
	margin-top: 0px;
	margin-bottom: 12px;
	padding: 0px 0px 0px 0px;
	font-size: 9pt;
	color: white; /*#d3d3d3;*/
	background-color: #33425C;  /* #607393;*/
	border-color: White;
}
.ApptPanelActive legend { color:yellow;  font-weight:bold;}
.ApptPanelActive fieldset { border-color:yellow; border-style:solid; border-width:1px; }

.ApptSection {padding: 5px 5px 0px 5px; margin-bottom: 5px; }
.ApptSection .ApptLabel
{
	color: White !important; /*#d3d3d3;*/
	float: left;
	padding-right: 2px;
	padding-top: 3px;
	width: 111px;
	text-align: right;
	font-size: 8pt;
}

.ApptLabel
{
	color: White !important; /*#d3d3d3;*/
	white-space:nowrap;
	padding-right: 2px;
	width: 120px;
	text-align: right;
	font-size: 8pt;
	display:block;
}

.ApptLabel2
{
	color: White !important; /*#d3d3d3;*/
	white-space:nowrap;
	padding-right: 2px;
	width: 200px;
	text-align: right;
	font-size: 8pt;
	display:block;
}

.ApptLabelW70
{
	color: White !important; /*#d3d3d3;*/
	width: 70px !important;
	white-space:nowrap;
	padding-right: 2px;
	text-align: right;
	font-size: 8pt;
	display:block;
}

.ApptLabelW60
{
	color: White !important; /*#d3d3d3;*/
	width: 60px !important;
	white-space:nowrap;
	padding-right: 2px;
	text-align: right;
	font-size: 8pt;
	display:block;
}

.ApptLabelDim
{
	color: #d3d3d3;
	float: left;
	padding-right: 2px;
	padding-top: 3px;
	width: 100px;
	text-align: right;
	font-size: 8pt;
}
.ApptSection .ApptLabelDim
{
	color: #d3d3d3;
	float: left;
	padding-right: 2px;
	padding-top: 3px;
	width: 100px;
	text-align: right;
	font-size: 8pt;
}

.ApptSection a {  font-size: 9pt; color:#d3d3d3; text-decoration: underline; }
.ApptSection a[disabled]
{
	font-style:normal;
	font-size: 9pt;
	color: #cccccc;
	text-decoration: none;
}

.ApptTextboxReadOnly
{
	float: left;
	font-size: 10pt;
	color: white;
	background-color: Transparent;
	border-style:none;
}

.ApptTextbox
{
	float: left;
	font-size: 9pt;
	color: black;
	background-color: Transparent;
}

.ApptButton { background-color:#ece9d8; color: black; font-weight: normal; }
.ApptError { font-size: 11pt; color:Red; font-style:italic; padding: 5px 5px 5px 5px; }
.ApptSuccess { font-size: 11pt; color:#d3d3d3; font-style:italic; padding: 5px 5px 5px 5px; }
.ApptAjaxButton
{
	background-color: #d3d3d3;
	color: black;
	font-weight: normal;
	padding: 5px 20px 5px 20px;
}

/*
 * Appointment Confirmation Page 
 */
.ApptConfirmBody
{
	background-color: White;
	color: black;
	font-weight: normal;
	font-size: 10pt;
}

.ApptConfirmText
{
	background-color: White;
	color: black;
	font-weight: normal;
	font-size: 10pt;
	float: left;
	padding-top: 2px;
}
.ApptConfirmSection .ApptConfirmLabel
{
	float: left;
	padding-left: 10px;
	padding-right: 8px;
	padding-top: 3px;
	text-align: left;
	font-size: 9pt;
	color: #696969;
}
.ApptConfirmLabelSmall
{
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	text-align: left;
	font-size: 9pt;
	color: #696969;
}
.ApptPanelConfirm
{
	margin-top: 0px;
	margin-bottom: 2px;
	padding: 0px 0px 0px 0px;
	font-size: 9pt;
	color: #696969; /*#d3d3d3;*/
	background-color: white;  /* #607393;*/
	border-color: #d3d3d3;
}
.ApptPanelConfirm legend { color:#696969; }
.ApptPanelConfirm fieldset { border-color:#d3d3d3; }

.ApptConfirmH1 {  font-size: 14pt; font-weight: bold; }
.ApptConfirmH2 {  font-size: 14pt; font-weight: bold; }
.ApptConfirmPrint { float:right; }
.ApptUpcomingTable { }

/* Lounge Page Lounge Board */
.ApptUpcomingTable th	{text-align:left; border-bottom: thin 1px Gray; font-weight: normal; }

/* changed font-size from 17pt to 16pt 9/6/07 */
table.ApptUpcomingTable	{overflow: hidden; padding-top: 10px; padding-left: 2px;	border-collapse:collapse;	table-layout: fixed;}

/*
 * Button display
 */
.Button
{
	background: url(../images/modalBtnBg.gif);
	border: 0px;
	width: 78px;
	height: 20px;
	color: #333;
	font: normal 11px Verdana, Arial, Sans-serif;
	margin-bottom: 8px;				
}

.ButtonLong
{
	background: url(../images/modalBtnBgLong.gif);
	border: 0px;
	width: 120px;
	height: 20px;
	color: #333;
	font: normal 11px Verdana, Arial, Sans-serif;
	margin-bottom: 8px;				
}

/*
 * Coupon display
 */


.ApptCouponsTableShim
{
	height: 5px;
	background-color:Black;
}

.ApptCouponsTableInstruction
{
	height: 15px;
	background-color:Black;
	text-align:center;
	font-family:Verdana, Arial, Sans-serif;
	font-size:8pt;
	cursor:pointer;
}
	
.ApptCouponsTableBackground
{
	background-image: none;
	margin-top: 7px;
}

.ApptCouponBackground
{
	background-image: url(../images/background/coupon_table_empty.jpg);
	color: blue;
	font-size: 16pt;
	font-weight: normal;
	overflow: hidden;
	vertical-align: middle;
	text-align: center;
	height: 520px;  /* 3 * 170px + 2 * 5px shims */
	width: 255px;
	border: none;
	background-color: transparent;
}

.ApptAdSection0				{ color: #ffffff; font-size: 16pt; font-weight: bold; padding-left: 5px; padding-right: 5px; overflow: hidden;}
.ApptAdSection1				{ color: #ffffff; padding-bottom: 5px; font-size: 16pt; font-weight: bold; padding-left: 5px; padding-right: 5px; overflow: hidden; z-index: 1000;}
.ApptAdSection2				{ color: #ffffff; padding-top: 5px; font-size:12pt; padding-left: 5px; padding-right: 5px; overflow: hidden; z-index: 1001;}
.ApptAdSection3				{ color: #ffffff; padding-top: 5px; font-size:9pt; font-style: italic; padding-left: 5px; padding-right: 5px; overflow: hidden; z-index: 1002;}
.ApptAdHtmlOverride			{overflow: hidden;}
.ApptAdURL2ImageOverride	{overflow: hidden;background-repeat: no-repeat; height:170px; background-position: center center;}

.ApptCouponBg1
{
	color: #00bfff;
	font-size: 16pt;
	font-weight: normal;
	overflow: hidden;
	background-image: url(../images/background/coupon_bg_appt.jpg);
	background-repeat: no-repeat;
	vertical-align: middle;
	text-align: center;
	height: 170px;
	width: 256px;
	border: none;
	background-color: transparent;
	cursor:pointer;
}
.ApptCouponBg2
{
	color: #00bfff;
	font-size: 16pt; 
	font-weight: normal;	
	overflow: hidden; 
	background-image: url(../images/background/coupon_bg_appt.jpg);
	vertical-align: middle;
	text-align: center;
	height:170px;
	width:256px;
	border: none;
	background-color: transparent;
	cursor:pointer;
}
.ApptCouponBg1_NoClick
{
	color: #00bfff;
	font-size: 16pt;
	font-weight: normal;
	overflow: hidden;
	background-image: url(../images/background/coupon_bg_appt.jpg);
	background-repeat: no-repeat;
	vertical-align: middle;
	text-align: center;
	height: 170px;
	width: 256px;
	border: none;
	background-color: transparent;
}
.ApptCouponBg2_NoClick
{
	color: #00bfff;
	font-size: 16pt; 
	font-weight: normal;	
	overflow: hidden; 
	background-image: url(../images/background/coupon_bg_appt.jpg);
	vertical-align: middle;
	text-align: center;
	height:170px;
	width:256px;
	border: none;
	background-color: transparent;
}


.ApptCouponEmpty
{
	color: #00bfff; font-size: 16pt; font-weight: normal;	overflow: hidden; 
	/* background-image: url(../images/background/coupon_empty.jpg); */
	vertical-align: middle;
	text-align: center;
	height:170px;
	width:256px;
	border: none;
	background-color: transparent;
}

.ApptAdWithBackground		{color: #00bfff; font-size: 16pt; font-weight: normal;	overflow: hidden; 
	background-image:url('../images/background/coupon_bg_appt.jpg'); background-repeat: no-repeat; height:230px; background-position: center center;}

/*
 * Calendar popup special day display
 */
.ApptClosedDay a { background-color: silver !important; 	color: gray !important;  }
.ApptBookedDay a { background-color: #ffcccc !important;  color: gray !important;  }

.ApptCouponsTitle
{
	font-size: 10pt;
	font-weight: bolder;
	padding-left: 5px;
	height: 20px;
	text-align: left;
	background-color: White;
	background-image: url('../RadControls/Window/Skins/WebBlue/CssImg/RadWWrapperHeaderCenter.gif');
	background-position: bottom;
	background-repeat: repeat-x;
	margin-top: 7px;
}

.HelpDiv {overflow:auto; margin-top: 7px; height:510px; border-style:solid; border-width: 1px; padding-left:2px;}
.HelpTable { margin-top:15px; margin-left:15px; margin-right:15px; }
.HelpSeparator { height:20px; line-height:20px;  padding-left:5px; padding-right:5px; }
.HelpTopic { color:blue; text-align:center; font-size:13pt; font-weight:bold; padding-bottom:10px; }
.HelpSubTopic { color:White;}
.HelpTip { font-style: italic;  }
.HelpItem td { font-weight: normal; font-size:13pt !important; color:#d3d3d3;}
.HelpItem li { font-weight: normal;  color:#d3d3d3;}
.HelpItem ul { margin: 0 0 0 15pt;  color:#d3d3d3; }