/* ------------------------------------------------------------------------------------------- */
/*     Main Body and HTML styles...                                                            */
/* ------------------------------------------------------------------------------------------- */
html,body,td,th,li	{
	
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	font-size: 11px;
}

p	{
	padding: 0px 10px 0px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	font-size: 11px;
}
html,body { 
	text-align: center; 
	background-color: transparent; 
}

td,th,p,li { 
	text-align: left; 
}

html {	
    overflow-y: scroll;	
}


body	{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	background-color: #ffffff;
	text-align: center;
}

h1 	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 0px;
	margin: 10px 0px 10px 10px;
	color: #006892;
}

h2 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

h3 		{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

h4 	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}
h5 	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}


form {
	margin: 0px;
	padding: 0px;
}

/*input {  border: 1px solid #BEBFBF; color: #3F3D3D;}
textarea {  border: 1px solid #BEBFBF; color: #3F3D3D;}
select {  border: 1px solid #BEBFBF; color: #3F3D3D;}
.checkbox { border: 0px solid #BEBFBF;}*/

.searchbox,.searchBox 
{
    height:14px;  
    border-style: solid; 
    border-width:1px; 
    border-color: #7B7C7D;  
    font-family: verdana,sans-serif; 
    color: #000000; 
    font-size: 10px; 
    text-align:left;
}


/* ------------------------------------------------------------------------------------------- */
/*     Site Structure Styles - Used to control main work areas and structure of site           */
/* ------------------------------------------------------------------------------------------- */

#contentHolder {
	border: 0px solid green;
	text-align: left;
	width: 780px;
	padding: 0px;
	float: left;
}

#content {
	float: left;
	width: 780px;
	border: 0px solid red;
	vertical-align: top;
	text-align: left;
	margin: 0px;
	padding-top: 4px;
}

.mainWorkArea {	
	padding: 0px 0px 0px 0px; 
	margin: 10px 0px 0px 10px; 
	float: left; 
	width: 770px; 
	border: solid 0px blue; 
}
html>body .mainWorkArea {margin: 0px 0px 0px 10px; 	width: 770px; }
.mainWorkArea p a:link { color:#004E73; text-decoration: underline;}
.mainWorkArea p a:visited { color:#004E73; text-decoration: underline;}
.mainWorkArea p a:hover { color:#71267F; text-decoration: underline;}
.mainWorkArea p a:active { color:#004E73; text-decoration: underline;}

.mainWorkArea ul { padding: 0px 0px 20px 10px ; margin: 0px;}
.mainWorkArea li {
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	list-style: none;
	padding: 0px 0px 0px 15px;
}
.mainWorkArea li a:link { color:#004E73; text-decoration: none;}
.mainWorkArea li a:visited { color:#004E73; text-decoration: none;}
.mainWorkArea li a:hover { color:#004E73; text-decoration: underline;}
.mainWorkArea li a:active { color:#004E73; text-decoration: none;}

/* ---------------------------------*/
/*    Header                        */
/* -------------------------------- */

#header {
	margin: 0px;
	padding: 0px;
	width: 780px;
	background-color: #ffffff;
	border:0px solid blue;
	float: left;
}
.headerLogo { width: 780px; float:left; padding: 20px 0px 8px 0px; border-bottom: solid 5px #71267f; margin: 0px 0px 3px 0px;}

.headerNav { width: 590px; float: left; border: solid 0px green; background-color:#B2B3B5; height: 28px;}
.headerNav ul {margin: 0px; list-style: none; padding: 7px 0px 0px 4px;}
.headerNav li {float: left; font-weight: bold;}
.headerNav li a { display: block; padding: 0px 6px 0px 6px; text-decoration: none;}
.headerNav li a:link { color: #004E73; background-color: #B2B3B5; }
.headerNav li a:visited { color: #004E73; background-color: #B2B3B5;}
.headerNav li a:hover { color: #FFFFFF; background-color: #004E73;}
.headerNav li a:active { color: #004E73; background-color: #B2B3B5;}

.headerDate { 
	width: 180px; 
	float: left; 
	height: 21px;
	text-align: right; 
	padding: 7px 10px 0px 0px; 
	background-color:#B2B3B5; 
	color: #FFFFFF; 
	border: solid 0px red; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}


/* ---------------------------------*/
/*    Footer                        */
/* -------------------------------- */

#footer {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	width: 601px;
	border:0px solid red;
	float: left;
	clear: both;
}


.footerBar { width: 581px; float: left; padding: 5px 10px 5px 10px; background-color: #D1DFE9; color: #000000; margin: 10px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}

.footerBarLeft { width: 250px; float: left; border: solid 0px red; font-weight: bold;}

.footerBarRight { width: 331px; float: left; border: solid 0px blue; }
.footerBarRight ul { margin: 0px; padding: 0px; list-style: none;  }
.footerBarRight li { float: right;  background-color: #D1DFE9}
.footerBarRight li a { display: block; padding: 0px 7px 0px 7px; }
.footerBarRight li a:link { color: #004E73; text-decoration: none; }
.footerBarRight li a:visited { color: #004E73; text-decoration: none;}
.footerBarRight li a:hover { color: #004E73; text-decoration: underline;}
.footerBarRight li a:active { color: #004E73; text-decoration: none;}

.copyright { width: 581px; float: left; padding: 10px 10px 10px 10px; font-weight: normal; color: #929395;}
.copyright a:link { color: #000000; text-decoration: underline; }
.copyright a:visited { color: #000000; text-decoration: underline;}
.copyright a:hover { color: #666666; text-decoration: underline;}
.copyright a:active { color: #000000; text-decoration: underline;}

/* ---------------------------------*/
/*    Popup Windows                 */
/* -------------------------------- */

#popupTab {
	margin: 2px;
	padding: 0px;
	position: relative;
	top: 1px;
	z-index: 101;
	float:left;
}

#popupTab img {	float:left;}

.popupTabContent {
	position:relative; 
	top:-2px;
	border: 1px solid #0098c1;
	float:left;
	padding: 20px;
	margin:2px;	
	background-color: #bfe1f3;
	border-top:0px;
	z-Index: 105;
}

.forgotPassword { width: 423px; float: left; padding: 7px;}
.forgotBlueBar { width: 399px; float: left; background-color: #63a5c9;  padding: 4px 10px 4px 0px; text-align: right; color: #63a5c9; }
.forgotBlueBar a:link { color: #FFFFFF; text-decoration: none;}
.forgotBlueBar a:visited { color: #FFFFFF; text-decoration: none;}
.forgotBlueBar a:hover { color: #FFFFFF; text-decoration: underline;}
.forgotBlueBar a:active { color: #FFFFFF; text-decoration: none;}
.forgotCentre { width: 397px; float: left; background-color: #f1f9fe; padding: 6px 6px 12px 6px; border-bottom: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF;}
.forgotCentre h1{ font-size: 12px; font-weight: bold; color: #006892;}
.forgotCentre p { font-size: 11px;  color: #006892; padding-left: 0px; }
.forgotCentre table { padding: 0px; margin: 0px;}
.forgotCentre td {font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #006892; padding: 0px 4px 0px 4px }
.forgotCentre input { margin: 0px 0px 0px 0px;}


/* ------------------------------------------------------------------------------------------- */
/*    Link Styles																	           */
/* ------------------------------------------------------------------------------------------- */

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

/* ------------------------------------------------------------------------------------------- */
/*    Miscellaneous -  Cursor styles, font weight etc..										   */
/* ------------------------------------------------------------------------------------------- */

.titleHelp {cursor: help;}
.bold {	font-weight: bold;}
.italic	{ font-style: italic;}
.underline { text-decoration:underline;}

/* ------------------------------------------------------------------------------------------- */
/*    Alignment Styles -  Left align, floatRight etc										   */
/* ------------------------------------------------------------------------------------------- */

.clear { clear:both; }  
.alignLeft {text-align:left;}
.alignCenter {text-align:center;}
.alignRight {text-align:right;}
.floatLeft {float: left;}
.floatRight {float:right;}
.hidden { display:none;}

/* ------------------------------------------------------------------------------------------- */
/*    TAB Styles -  Used via Tabs function													   */
/* ------------------------------------------------------------------------------------------- */

.mainTabs {
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
	top: 1px;
	z-index: 101;
}

.mainTabs h2 {
	margin:  0px 2px 0px 0px;
	font-size: xx-small;
	float: left;
	padding: 4px;
	text-align: center;
	width: 140px;
	border: solid 1px #0089D0;
	color: #000000;
	font-weight: bold;
}

.mainTabs h2 a {
	display: block;
	padding: 4px;
	font-size: xx-small;
	color: #000000;
	text-decoration: none;
}

.mainTabs h2 a:hover {
	color: #000000;
	background-color: #DDF2F9;
	font-size: xx-small;
}

.mainTabs h2 a:visited {
	color: #000000;
	font-size: xx-small;
	text-decoration: none;
}

.mainTabs h2.selNav {
	/* background-color: #94AE71; */
	border-bottom: 1px solid #DDF2F9;
	background-color: #DDF2F9;
	font-size: xx-small;
}

.mainTabs h2.accessDenied {
	/*background-color: #E7E7E7;*/
	background-color: #7B7C7D;
	font-size: xx-small;
}

#mainTabArea {
	font-size: xx-small;
	border: solid 1px #0089D0;
	background-color: #DDF2F9;
	padding: 5px;
	text-align:left;
	width: 610px ;
}

#mainTabAreaHeader {
	font-size: xx-small;
	border: solid 1px #0099CC;
	background-color: #F8FEF9;
	padding: 5px;
	text-align:left;
	margin-bottom: 5px;
}

#mainTabAreaHeader h2 {
	font-size: small;
}


/* ------------------------------------------ */
/*    homepage & book appointment page        */
/* ------------------------------------------ */

.banner { width: 780px; float: left; border: solid 0px green;  margin: 0px 0px 20px 0px;}
.homepageBanner { width: 589px; float: left; margin: 0px 12px 0px 0px; }
.bookAppointment { width: 168px; float: left; margin: 0px 0px 0px 0px; background-color: #F1F9FE; border: solid 0px red; height: 188px;}
.bookAppointment h1 { background-color: #3eb1f1; padding: 5px 0px 5px 8px; font-weight: bold; color: #FFFFFF; font-size: 12px; margin: 0px;}
.buttonProcess { margin: 37px 0px 0px 2px;}

.login { width: 168px; float: left; margin: 0px 0px 0px 0px; background-color: #F1F9FE; border: solid 0px red; height: 188px; }
.login h1 { background-color: #3eb1f1; padding: 5px 0px 5px 4px; font-weight: bold; color: #FFFFFF; font-size: 12px; margin: 0px 0px 8px 0px;}
.login td {font-family:Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #006892; padding: 0px 4px 0px 4px }
.login input { margin: 5px 0px 5px 0px;}

.loginForgotten { width: 430px; float: left; margin: 0px 0px 0px 0px; background-color: #F1F9FE; border: solid 0px red; height: 150px; }
.loginForgotten h1 { background-color: #63A5C9; padding: 5px 0px 5px 4px; font-weight: bold; color: #FFFFFF; font-size: 12px; margin: 0px 0px 8px 0px;}
.loginForgotten td {font-family:Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #006892; padding: 0px 4px 0px 4px }
.loginForgotten th {font-family:Arial, Helvetica, sans-serif; font-size: 13px;  color: #006892; padding: 0px 4px 0px 4px }
.loginForgotten input { margin: 5px 0px 5px 0px;}

.loginForgot { margin: 5px 0px 3px 0px;}
.loginForgot a {font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; }
.loginForgot a:link {color: #006892; text-decoration: underline;}
.loginForgot a:visited {color: #006892; text-decoration: underline;}
.loginForgot a:hover {color: #006892; text-decoration: underline;}
.loginForgot a:active {color: #006892; text-decoration: underline;}

.error { color:#FF0000; font-size: 10px; padding: 0px; margin: 0px; }


/* ------------------------------------------ */
/*    Download Documents		              */
/* ------------------------------------------ */


.downloadBoxHeader {background-color:#63A5C9; color: #FFFFFF; font-weight: bold; margin: 0px 565px 0px 10px; padding: 2px 0px 0px 8px; font-size: 13px; float: left; width: 165px;}

.downloadBox { float: left; width: 740px; border-top: solid 4px #63A5C9; color: #999A9A; background-color: #F6FAFC; padding: 10px; margin: 0px 0px 15px 10px;}

.downloadBox li {
	padding: 0px 0px 3px 15px;
	color: #999A9A;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	list-style: none ;
}
.downloadBox li a:link { color: #000000; text-decoration: none;}
.downloadBox li a:visited { color: #000000; text-decoration: none;}
.downloadBox li a:hover { color: #000000; text-decoration: underline;}
.downloadBox li a:active { color: #000000; text-decoration: none;}

/* ------------------------------------------ */
/*    Links Box 				              */
/* ------------------------------------------ */

.linksBoxHeader {background-color:#63A5C9; color: #FFFFFF; font-weight: bold; margin: 0px 565px 0px 10px; padding: 2px 0px 0px 8px; font-size: 13px; float: left; width: 165px;}

.linksBox { float: left; width: 740px; border-top: solid 4px #63A5C9; color: #999A9A; background-color: #F6FAFC; padding: 10px; margin: 0px 0px 15px 10px;}
.linksBox li {
	padding: 0px 0px 3px 15px;
	color: #999A9A;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	list-style: none;
}
.linksBox li a:link { color: #000000; text-decoration: none;}
.linksBox li a:visited { color: #000000; text-decoration: none;}
.linksBox li a:hover { color: #000000; text-decoration: underline;}
.linksBox li a:active { color: #000000; text-decoration: none;}


/* ------------------------------------------ */
/*    Buttons					              */
/* ------------------------------------------ */

.button { float:left; padding: 4px;}
/*.button input {
	background-color:#004E73; 
	height:20px; 
	font-size:12px; 
	color:#FFFFFF; 
	font-weight:bold; 
	font-family: Arial, Helvetica, sans-serif;  
	float:left; 
}*/

.buttonRight { float:right; padding: 0px 0px 0px 4px;}
/*.buttonRight input {
	background-color:#004E73; 
	height:20px; 
	font-size:12px; 
	color:#FFFFFF; 
	font-weight:bold; 
	font-family: Arial, Helvetica, sans-serif;  
	float:left;
}*/

.buttonCentre { margin-top: 10px; padding: 0px 0px 0px 280px;}

/* ------------------------------------------ */
/*    Appointment Process		              */
/* ------------------------------------------ */

.blueboxHeader {font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-weight: bold; background-color:#63A5C9; padding: 4px; float:left; width: 762px; margin-top:5px; }
.blueBox { width: 770px; float: left; padding: 20px 0px 20px 0px; background-color: #F1F9FE; margin: 0px 0px 17px 0px;}
html>body .blueBox {  width: 770px; padding: 6px 0px 10px 0px;}

.blueBox table{  float: left; margin: 6px 5px 6px 12px; }
html>body .blueBox table{  float: left; margin: 6px 5px 6px 23px; }
.blueBox td { font-family:Arial, Helvetica, sans-serif;  padding: 5px 0px 5px 0px;}
.blueBox input {font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #006892;}
.blueBox textarea {font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #006892;}
.blueBoxInput input {width: 265px; font-size: 11px; color: #006892;}
.blueBoxInput textarea {overflow-x:hidden;}
.blueBoxButton { float:left; padding: 4px;}
.blueBoxButton input {background-color:#004E73; 
	height:20px; 
	font-size:12px; 
	color:#FFFFFF; 
	font-weight:bold; 
	font-family: Arial, Helvetica, sans-serif;  
	float:left;}
.blueBox select {font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #006892;}

.blueBox radio { vertical-align: bottom;}
.blueBoxHint { font-size: 11px; color: #006892; font-weight: normal; padding-left: 15px;}
.blueBoxBold {font-size: 12px; color: #006892; font-weight: bold;}

.blueBox2 { width: 770px; float: left; padding: 20px 0px 20px 0px; background-color: #F1F9FE; margin: 0px 0px 17px 0px; }
.blueBox2 table{  float: left; margin: 6px 5px 6px 12px; }
.blueBox2 td { font-family:Arial, Helvetica, sans-serif;  padding: 5px 0px 5px 0px;}
.blueBox2 input {font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #006892; width: 25px;}
.blueBox2Bold {font-size: 12px; color: #006892; font-weight: bold;}


.sepLine { background-image: url(../images/sepline.gif); background-repeat: repeat-x; height: 17px; width: 770px; float: left;}

.termsBox textarea { border: solid 4px #63A5C9; width: 752px; padding: 4px; margin: 0px 0px 10px 0px; font-family:Arial, Helvetica, sans-serif; font-size: 11px;}

.paymentType { width: 200px; float:left; padding: 0px 0px 0px 10px; margin: 5px 0px 5px 0px}

.stepGraphic { margin: 10px 0px 10px 0px; }

.redText { color: #FF0000; }

.listingTableFrame { margin:10px 0px 0px 20px; width:728px; height:130px; border-top:1px solid #63A5C9; border-bottom:1px solid #63A5C9; overflow:scroll; overflow-x:hidden; padding-right:17px;}
html>body .listingTableFrame { margin:10px 0px 0px 20px; padding:0px; border-top:1px solid #63A5C9; }
.listingTable { padding:0px; margin: 0px 0px 0px 0px; }
.listingTable table { background-color: #63A5C9; border-left:1px solid #63A5C9; padding:0px; margin:0px}
.listingTable th { background-color: #63A5C9; padding: 2px 0px 2px 6px; font-weight: bold; color:#FFFFFF;}
.listingTable tr { background-color: #FFFFFF;}
.listingTable td { padding: 5px 0px 5px 6px; border-top:1px solid #63A5C9; height:28px;}
.listingTableAlt { background-color: #F1F9FE;}

.partyNameFrame {border: solid 1px #63A5C9; float: left; width: 178px; }
.partyNameFrame select { width: 178px;}
.partyNameTable td { padding: 3px 0px 3px 3px;}
.iconArrows { margin: 5px 0px 0px 0px;}

.partyNameReview th { border-bottom: solid 1px #63A5C9; padding: 4px; color: #006892; font-weight: bold; font-size: 12px;}
.partyNameReview td { border-bottom: solid 1px #D1DFE9; padding: 4px; color: #000000;}

.basketTable {  border-top: solid 1px #63A5C9; float: left; width: 730px; padding: 0px; margin: 0px;}
.basketTable th { background-color: #63A5C9; padding: 4px 0px 4px 6px; font-weight: bold; color:#FFFFFF;}
.basketTable td { padding: 6px 6px 6px 6px;}
.basketTableRow {  border-bottom: solid 1px #63A5C9; color: #006892; background-color:#FFFFFF;}
.basketTableRowLeft {  border-bottom: solid 1px #63A5C9; color: #006892; background-color:#FFFFFF; border-left: solid 1px #63A5C9;}
.basketTableRowRight {  border-bottom: solid 1px #63A5C9; color: #006892; background-color:#FFFFFF; border-right: solid 1px #63A5C9;}
.basketTableTotal { color: #FFFFFF; background-color:#63A5C9; font-weight: bold; }

.worldpayLogo { float: left; width: 770px; padding: 0px 0px 0px 0px; text-align: right; }

.blueText { color: #004E75; }


/* ------------------------------------------ */
/*    Fee Calculator			              */
/* ------------------------------------------ */

.feeCalcLeft { width: 428px; float: left; margin: 0px 10px 0px 0px; border: solid 0px green}
.feeCalcRight { width: 322px; float: left; border: solid 0px blue}
.feeCalcRightHeader {font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-weight: bold; background-color:#63A5C9; padding: 4px; float:left; width: 314px; }

.feeCalcBox { width: 314px; float: left; padding: 10px 0px 10px 8px; background-color: #F1F9FE; margin: 0px 0px 17px 0px; }
.feeCalcBox td { font-family:Arial, Helvetica, sans-serif;  padding: 5px 0px 5px 0px;}
.feeCalcBox input { width: 140px;}

.feeCalcResult {
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#FFFFFF; 
	font-weight: bold; 
	background-color:#71267f; 
	padding: 4px 4px 4px 8px; 
	margin: 17px 0px 0px 0px;
	float:left; 
	width: 314px; 
}


/*
=================================================================
        auto suggest box
=================================================================
*/

.autoSuggest 
{
    background-image: url(/images/autoSuggest/hintPanelBG.gif);
    border:1px solid black;
    height:180px; 
    position:absolute;
    overflow:auto;
    font-size:10px;
    visibility:hidden;
    z-index:1005;
    overflow-y:auto;
    overflow-x:hidden;
    margin-top: -1px;

}

.autoSuggestBox input { padding-right:16px; } 
.autoSuggestInput { font-size:10px; padding-right:18px; background-image: url(/images/autoSuggest/hintPanelIcon.gif); background-position: 99% 50%; background-repeat: no-repeat; }
.autoSuggestMultiple { border: 0px; overflow-y:auto; overflow-x:hidden; background-color:#ffffff;  }

.autoSuggest table,div { margin:0px; padding: 0px; }
.autoSuggest tr td { font-weight:normal; padding:0px; margin:0px; }
.autoSuggest td .greyText { color: #A8A295;}

.autoSuggest td a:link {  width:inherit; border: 1px solid transparent; display:block; color: #000000; padding:4px; }
.autoSuggest td a:visited {  display:block; color: #000000; padding:4px; }
.autoSuggest td a:hover {  border: 1px solid #bdbdbd; display:block; color: #000000; background-color: #feedb9; text-decoration: none; padding:4px; }
.autoSuggest td a:active {  display:block; color: #000000;  padding:4px;}
.autoSuggest td span { top:0px; left:0px; }


.autoSuggestHightlight
{
    background-color: #feedb9;
    border: 1px  solid  #bdbdbd;
    cursor:pointer;
}

.autoSuggestUnHightlight
{
    background-color:transparent;
    border: 1px solid transparent;
    background-image: url(/images/autoSuggest/hintPanelBG.gif);
}

.autoSuggestButton { margin-right:0px; float:right; text-align:center;height:13px; width:80px; position:relative; top:-2px; background-color:white; border: 1px solid #7b7c7d; border-top: 1px solid white; }
.autoSuggestButtonClose { float:right; text-align:center;height:13px; width:70px; visibility:hidden; position:absolute;   border: 1px solid #000000; border-top: 1px solid transparent; background-image: url(/images/autoSuggest/hintPanelBG.gif);z-Index:10000; }

/* Appointment Letter */

.letterContain { width: 592px;  margin-left: 30px; }

.letterHeader { width: 592px; float: left; border: solid 0px green; padding: 0px 0px 20px 0px;}
.contactDetails { width: 592px; float: left; padding: 10px 0px 0px 0px;}
.contactDetails td {font-size: 11px; font-weight: bold; }
.contactDetails td a:link { color:#000000; text-decoration:none; }
.contactDetails td a:visited { color:#000000; text-decoration:none; }
.contactDetails td a:hover { color:#000000; text-decoration:underline; }
.contactDetails td a:active { color:#000000; text-decoration:none; }

.appointer {width: 562px; float: left; border: solid 0px green; padding: 15px 0px 10px 30px; font-size: 10px; margin-left:15px;}
.letterDate {width: 300px; float:left; border: solid 0px blue; padding: 10px 0px 0px 292px; font-size: 10px;}
.letterContent { width: 562px; float: left; border: solid 0px purple; padding: 10px 0px 0px 30px; font-size: 11px;}
.letterContent table { margin-left: 10px; width: 528px;}
.letterContent th { border-bottom: solid 1px #000000; font-weight: bold; text-align: left; padding: 15px 0px 2px 0px;}
.letterContent td a:link { color: #333333; text-decoration: underline; }
.letterContent td a:active { color: #333333; text-decoration: underline; }
.letterContent td a:hover { color: #999999; text-decoration: underline; }
.letterContent td a:active { color: #333333; text-decoration: underline; }

.letterContent h1 { font-size: 23px; font-weight: bold; color: #000000; padding-top: 50px;}
.tableVertRule { border-left: solid 1px #000000;}
.tableHorzRule { border-top: solid 1px #000000;}

.letterFooter { padding: 10px 0px 10px 0px;}
.letterFooter p{width: 562px; float: left; font-size: 10px; color: #333333; border: solid 0px orange}
.letterFooter p a:link { color: #333333; text-decoration: underline; }
.letterFooter p a:visited { color: #333333; text-decoration: underline; }
.letterFooter p a:hover { color: #999999; text-decoration: underline; }
.letterFooter p a:active { color: #333333; text-decoration: underline; }