﻿/********************************************************************
*****THIS STYLE SHEET HAS BEEN DESIGNED IN SECTIONS, FOR EXAMPLE*****
**THE NEXT COMMENT MESSAGE BELOW IDENTIFIES "SITE WIDE STYLES", BUT**
***LOOKING FUTHER DOWN THE PAGE YOU WILL NOTICE SECTIONS DESINATED***
******TO STYLES THAT BELONG TO SPECIFIC PAGES; THIS MEANING THE******
**ELEEMENTS THAT THESE STYLES BELONG TOO ARE NOT IDENTIFIES ANYWARE**
*******ELSE WITHIN THE SITE OR HAVE UNIQUE STYLES FOR THE PAGE*******
********************************************************************/

/********************************************************************
************************SITE WIDE STYLES*****************************
********************************************************************/

/********************************************************************
******************CLEAR MARGINS AND PADDING**************************
********************************************************************/
body, div, ul, li, h1, h2, h3, h4, h5, h6, p {margin:0; padding:0;}

/********************************************************************
************************DEFAULT HTML STYLES**************************
********************************************************************/
.clear{clear:both;}

body {
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	font-size: 12px;
	background:#000 url(../images/body-bg.jpg) fixed repeat-x 0 0;
}

hr{margin-left:1%; margin-right:1%; clear:both;}

h1
{
	font-family: Calibri, "Lucida Sans Grande", sans-serif;
	font-size: 22px;
	color: #800000;
	font-weight: bold;
    width: 313px;
}

a { color:#990000;}

a:hover {color: #660000;}   

img {
  border:0;
}

p {
	padding: 0px 5px 0px 2px;
	margin: 3px 0px 15px 0px;
}
/********************************************************************
**********************END DEFAULT HTML STYLES************************
********************************************************************/

/********************************************************************
**********************ASP CONTROL DEFAULT STYLES*********************
********************************************************************/
label 
{
	text-transform: uppercase; 
	font-size: 10px;
	font-weight: bold;
	margin-right: 5px;
}

input, .textbox, textarea
{
	font-family: Segoe UI, Lucida Sans Grande, Helvetica, Sans-Serif;
	background-color: #333;
	color: #FFF;
	border: 1px solid #900;
	font-size: 11px;
}

select
{
	font-family: Segoe UI, Lucida Sans Grande, Helvetica, Sans-Serif;
	background-color: #333;
	color: #FFF;
	border: 1px solid #900;
}
/********************************************************************
********************END ASP CONTROL DEFAULT STYLES*******************
********************************************************************/

/********************************************************************
*********************START MASTER CONTAINER**************************
********************************************************************/
#container {
	width:900px;
	margin:0 auto;
	background-color:#fff;
	border-left:3px solid #BC1313;
	border-right:3px solid #BC1313;
	color: #2E2E2E;
	font-size:12px;
}
/********************************************************************
************************END MASTER CONTAINER*************************
********************************************************************/

/********************************************************************
************************START MASTER HEADER**************************
********************************************************************/
#mstHeader{width:900px; background-color:#fff;}

#top {float:left; width:400px; height:105px;  background-color:#fff;}

#icons {
	float:right;
	width:495px;
	height:33px;
	padding-left:5px;
	background-color:#fff;
}

#callMessages {
	float:right;
	width:490px;
	padding:38px 10px 0px 0;
	text-align:right;
	font-weight: bold;
	font-family:Calibri, "Lucida Sans Grande", sans-serif;
	font-size: 14px;
	 background-color:#fff;
}

#phone {
	float:right;
	width:490px;
	padding-right:10px;
	padding-bottom:12px;
	text-align:right;
	font-weight: bold;
	font-family:Calibri, "Lucida Sans Grande", sans-serif;
	font-size: 30px;
	background-color:#fff;
}
/********************************************************************
***************************START MAIN NAV****************************
********************************************************************/ 
#nav {float:left; width:400px; background-color:#fff; height:49px}

#nav ul {padding:8px 0 18px 15px;	list-style-type:none;}

#nav ul li 
{
  background:none;
  display:inline;
  font-weight: bold;
  font-family:Calibri, "Lucida Sans Grande", sans-serif;
  font-size: 16px;
}

#nav ul li a {
  float:left;
  padding:6px 10px 3px 0;
  color:#4D4D4D;
  text-decoration:none;
}

#nav ul li a:hover {color:#BC1313; border-bottom: 1px solid #BC1313;}
/********************************************************************
*****************************END MAIN NAV****************************
********************************************************************/  

/********************************************************************
*************************END MASTER HEADER***************************
********************************************************************/

/********************************************************************
**************************USER CONTROLS******************************
********************************************************************/
#header {
	clear: both;
	width:890px;
	padding:5px;
	margin:0;
	background: url(../images/header-bg.jpg) repeat-x left top;
	border-bottom: 1px solid #BC1313;
	border-top: 1px solid #BC1313;
}

#header-message
{
    float:left;
	width:890px;
	padding:5px;
	height:157px;
	background: url(../images/header-bg.jpg) repeat-x left top;
	border-bottom: 1px solid #BC1313;
	border-top: 1px solid #BC1313;
}

#header-message .message
{
    width:500px;
    padding:30px 20px 0 20px;
    float:left;
}

#header-message .phone
{
    float:right;
}

#header-message h1
{
	width:500px;
	float:left;
}

.cjmenu
{
	float: right;
	text-align: right;
	font-size: 13px;
	line-height: 55px;
}

.cjmenu img
{
    padding: 10px;
    width: 32px;
    height: 32px;
}

.cjmenu a, .cjmenu a:visited
{
    font-weight: 600;
    color: #000;
    text-decoration: none;
    
}

.greeting
{
	font-size: 13px;
	line-height: 55px;
	float: left;
	text-align: left;
    font-weight: 600;
    color: #800000;	
}
/********************************************************************
***********************END USER CONTROLS*****************************
********************************************************************/

/********************************************************************
**************************MAIN CONTENT*******************************
********************************************************************/
#content {
	float:left;
	width:900px;
	background: #FFF repeat-y 0 0;
}

.tanback 
{
    background-color: #EED8AE; /*wheat2*/
}

.lineUp label {
	display: block;
	width: 100px;
	float: left;
	text-align: right;
}

div.lineUp {
    margin: 5px 0;
}

.lineUp input 
{
	width: 200px;
}
.lineUp input:radio
{
	width:25px;
}

.btnSubmit
{
    width:89%; 
    text-align:center;
}

#c3 
{
    height: 750px;
	width: 48%;
	float: right;
	border-left: 1px solid #BC1313;
	padding: 0 8px;
	font-size: 10px
}

div.fullPage, div.error, h1.pageTitle, h1.total
{
    margin-left:1%;
    margin-right:1%;  
    clear:both
}

div.clear
{
    clear:both;
    margin: 0 0 2px 0;
}

div.fullPage
{
    margin-bottom:2px;
    /*margin-top:250px;
    height:300px; 
    vertical-align:middle; 
    background-color:#800000; 
    text-align:center; 
    color:#fff; 
    font-size:xx-large;*/
}

div.innerfullpage
{
     height:300px; 
     line-height:150px; 
     vertical-align:bottom;
}

div.halfPageLeft
{
    padding: 5px 0 5px  0;
    width:49%;
    text-align:left;
    float:left;
}
div.halfPageRight
{
    padding: 5px 0 5px  0;
    width:49%;
    text-align:left;
    float:right;
}
div.modalTitle
{
    color:White;
}
div.oneThirdPageLeft
{
    padding: 5px 0 5px  0;
    width:32%;
    text-align:left;
    float:left;
}
div.twoThirdPageRight
{
    padding: 5px 0 5px  0;
    width:64%;
    text-align:right;
    float:right;
}
div.oneQuarterPageLeft
{
    width:24%;
    float:left;
    text-align:right;
    padding: 5px 0 0 0 ;
}
div.threeQuarterPageLeft
{
    width:65%;
    float:left;
    text-align:right;
    padding: 5px 0 0 0 ;
    margin: 0 0 0 0;
}
div.oneQuarterPageRight
{
    width:24%;
    float:left;
    text-align:left;
    padding: 5px 0 0 0 ;
}
div.threeQuarterPageRight
{
    width:65%;
    float:right;
    text-align:left;
    padding: 5px 0 0 0 ;
    margin: 0 10% 0 0;
}
div.quarterColumnOne
{
    margin:0 0 2px 4%;
    width: 20%;
    padding: 0 0 0 0;
    float:left;
    text-align:right;
}
div.quarterColumnTwo
{
    margin:0 1% 2px 0;
    width: 23%;
    padding: 0 0 0 0;
    float:left;
    text-align:left;
}
div.quarterColumnThree
{
    margin:0 0 2px 1%;
    width: 14%;
    padding: 0 0 0 0;
    float:left;
    text-align:right;
}
div.quarterColumnFour
{
    margin:0 1% 2px 0;
    width: 23%;
    padding: 0 0 0 0;
    float:left;
    text-align:left;
}
div.styleGuideReportColumnOne
{
    padding: 0 0 0 0;
    width:30%;
    text-align:left;
    float:left;
    border-bottom: solid 1px #000;
}
div.styleGuideReportColumnTwo, div.styleGuideReportColumnFour
{
    padding: 0 0 0 0;
    width:5%;
    text-align:center;
    float:left;
}
div.styleGuideReportColumnThree
{
    padding: 0 0 0 0;
    width:50%;
    text-align:left;
    float:left;
    border-bottom: solid 1px #000;
}
div.styleGuideReportColumnFive
{
    padding: 0 0 0 0;
    text-align:left;
    float:left;
}
div.error
{
    margin-top:25px;
    padding:25px 0 25px 0;
    color:#fff;
    font-size:large;
    font-weight:bold;
    text-align:center;
    background-color:#FF0000;
}
div.noData
{
    height:150px;
    background-color:#800000;
    color:#fff; 
    font-weight:bold;
    font-size:large;
    vertical-align:middle;
    line-height:150px;
    text-align:center;
}
div.trackingReportClient, div.trackingReportAds, div.trackingReportNav
{
    float:left;
    margin: 5px 0 0 0;
    padding: 10px 0 10px 0;   
    text-align:center;
    height: 35px;
    font-weight: bold;
    color: #fff;
}
div.trackingReportClient
{
    width: 40%;
    line-height:30px;
    background-color: #000;
}
div.trackingReportAds, div.trackingReportNav
{
    width:30%;
    line-height:15px;
    background-color: #800000;
}
div.directoryInfo
{
    background-color:#000;
    color:#fff;
    text-align:center;
    clear:both;
    width:100%;
}

#pnlMessageAlert
{
    Background-Color:#A9A9A9; 
    Width:50%; 
    Border: 2px solid #fff;
}
/********************************************************************
************************END MAIN CONTENT*****************************
********************************************************************/

/********************************************************************
*************************FOOTER CONTAINER****************************
********************************************************************/
#footer {
	float:left;
	width:880px;
	height:22px;
	padding:10px 10px 0 10px;
	background: url(../images/footer-bg.jpg) repeat-x left top;
	color:#2E2E2E;
	border-bottom:2px solid #BC1313;
}

#footer a {color:#2E2E2E; text-decoration:none;}

#footer a:hover {color:#660000;	text-decoration:none;}

#footer .copyWrite{float:left;}

#footer .topAnchor{float:right; text-align:right;}
/********************************************************************
***********************END FOOTER CONTAINER**************************
********************************************************************/

/********************************************************************
*************************COLORED BUTTONS*****************************
********************************************************************/
.redButton 
{
    display: inline-block;
	background-color: #800000;
	height: 24px;
	border: 1px #fff solid;	
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.greenButton 
{
    display: inline-block;
	background-color: green;
	height: 24px;
	border: 0px green solid;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.greyButton 
{
    display: inline-block;
	width: 24px;
	height: 24px;
	background-color: #888;
	border: 1px #ccc solid;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	font-weight: bold;
}

.navButton
{
    width: 220px;   
    height: 100px;
    margin: 20px;
    background-color: #888;
    color: #fff;
    font-size: 14px;
    line-height: 100px;
    text-decoration: none;
    font-weight: bold;
}
/********************************************************************
**********************END COLORED BUTTONS****************************
********************************************************************/

/********************************************************************
********************END SITE WIDE STYLES*****************************
********************************************************************/

/********************************************************************
*******************DEFAULT PAGE SPECIFIC STYLES**********************
********************************************************************/
#c1 {
	float:left;
	width: 48%;
	height:100%;
	padding:0 8px;
	border-bottom: 1px solid #BC1313;
}

#c1 ul
{
    float: left;
    width: 360px;
    padding: 4px 4px 10px 4px;
    list-style-type:none;
}
 
#c1 ul li
{
    float: left;
    width: 170px;
    padding-left:10px;
}

#c2 {
	float:left;
	width: 48%;
	height:100%;
	padding: 0 8px;
}

#c2 p {
	font-weight:bold;
	font-size:14px;
	padding: 8px 15px;
}

p .p-error
{
    text-align:center; 
    color: #B00; 
    font-weight: bold;
}

#submission
{
    width:432px;
    text-align: center;
}

#submission h2
{
    text-align: center;
    margin-top: 50px;
}

#submission p
{
    text-align: center;
}
/********************************************************************
*******************END DEFAULT PAGE STYLES***************************
********************************************************************/

/********************************************************************
********************ABOUT PAGE SPECIFIC STYLES***********************
********************************************************************/
#aboutHeader
{
    display: block; 
    padding:5px; 
    height: 158px; 
    background: url(../images/header-bg.jpg) repeat-x left top;
	border-bottom: 1px solid #BC1313;
}

#aboutHeader .phone{float: right; height: 158px; width:200px;}

#aboutHeader .message{ width: 500px; padding: 0 20px; float: left;}

#aboutHeader h1{padding-bottom:15px}

#emailContainer
{
    float: right; 
    width: 325px; 
    height: 500px; 
    padding:8px 8px 8px 15px; 
    background-color: #D3D3D3; 
    border-left: 1px solid #b11;}

#emailContainer p .ecp{padding-left: 10px;}

#emailContainer .radio{width: 20px;}

#pnlContactForm h1{padding:5px 10px;}

#letter
{
    width:529px;
    float:left;
    padding:10px;
}

/********************************************************************
***********************END ABOUT PAGE STYLES*************************
********************************************************************/

/********************************************************************
*********************GRADESYSTEM PAGE STYLES*************************
********************************************************************/
.body-bg{background-color: #B03060;}

#grade-container
{
    width: 98%; 
    padding-left: 1%; 
    padding-right: 1%; 
    text-align: center; 
    background-color: #000;
}

.lblDirectoryName
{
    Font-Size:large;
    Font-weight:bold;
    Color:#fff;
}

#grade-header
{
    height:50px;
    background-color: #000;
}

#grade-container span
{
    color: #fff;
}

#gvGradeSystem-container
{
     background-color: #B03060; 
     clear:both;
}

#grade-container .lblMessage
{
    Color:#fff;
    Font-weight:bold;
}

#grade-container .btnClose-container
{
    height:50px; 
    background-color: #000; 
    clear:both; 
    padding-top:10px;
}

#btnClose
{
    Width:80px; 
    Border-Color:#fff;
    Border-Width:1px;
}
/********************************************************************
********************END GRADESYSTEM PAGE STYLES**********************
********************************************************************/

/********************************************************************
********************DIRECTORYUPLOADER PAGE STYLES********************
********************************************************************/
#uploader-container
{
    background-color:#000;
}

#uploader-h1-container
{  
    text-align:center;
}

#uploader-h1-container h1
{
    padding-top:5px; 
    padding-bottom:5px; 
    color:#fff;
}

#uploader-container .uploader-content-labels
{
    width:97%; 
    padding-left:2%; 
    padding-right:1%;
    background-color:#fff;
}

#uploader-container .pathInfoContainer
{
    width:98%; 
    padding-left:1%; 
    padding-right:1%; 
    background-color:#fff;
    text-align:center;
}

#uploader-container .lblUploaderMessage
{
    Width:75%;
    Font-weight:bold; 
    Color:#ff0000;
}

#uploader-container .btnContainer
{
    width:100%; 
    padding-top:15px; 
    background-color:#000; 
    text-align:center;
}

/********************************************************************
*****************END DIRECTORYUPLOADER PAGE STYLES*******************
********************************************************************/

/********************************************************************
**********************CLIENT HOME PAGE STYLES************************
********************************************************************/
#clientHomeContainer
{
    width:900px;
}

#clientAlertsContainer
{
    border-bottom: solid 1px #BC1313; 
    padding: 0 8px 15px 8px;
}

#clientAlertsContainer .alertMessage
{
    height: 36px;
    padding:4px 20px;
}

#clientAlertsContainer .alertMessage img
{
    float: left; 
    width: 41px;
    height: 36px;
}

#clientAlertsContainer .alertMessage h3
{
    float: left; 
    padding: 8px;
}

#pnlExtendYear
{
    display: none;
    Height:550px; 
    Width:600px;
}

#newOffice
{
    padding: 10px 5px; 
    margin: 0 25%; 
    background-color: #EEE;
}

#newOfficeHeader
{
    line-height: 30px; 
    background: #000; 
    color: #FFF;
    font-size: 14px; 
    font-weight: bold; 
    text-align: center;
}

#Codes
{
    width:97%;
    text-align:right;
    padding-bottom:15px;
}

#Codes .dirCodesleft
{
    float:left;
    width:103px;
    padding:0 4px 0 0;
}

#Codes .dirCodesMiddleLeft
{
    float:left;
    width:65px;
    height:24px;
}

#Codes .dirCodesMiddleRight
{
    float:left;
    width:100px;
}

#Codes .dirCodesRight
{
    float:left;
    width:63px;
}

#Codes .dirCodeInfo
{
     Font-Size:x-small;
}

#Codes .extendCost
{
    width:60px;
    height:24px;
}

#Dates
{
    width:97%;
    padding-bottom:15px;
}

#Dates .dateLabel
{
    width:104px;
    padding-right:3px;
    text-align:right;
    float:left;
    height:24px;
}

#Dates .dateValue
{
    width:60px;
    float:left;
    height:24px;
}

.extendComments
{
    Height:60px;  
    Width:225px;
}

.extendButtons
{
    width:100%; 
    text-align:center;
    padding-bottom:20px;
}

#c5, #c6
{
    height: 500px; 
    text-align: center;
    width:48%;
	float: right;
	border-left: 1px solid #BC1313;
	padding: 0 8px;
	font-size: 10px
}

#c6
{
    padding-top:80px;
    height: 420px;
}

#c5 h2
{
    margin-top:200px;
}

#pnlForm p .form
{ 
    text-align:center;
    color: #B00; 
    font-weight: bold;
}

#trackingRadio
{
    width:350px;
    padding-left:82px;
    padding-bottom:18px;
}

#trackingRadio .tRadioLeft
{
    width:100px;
    padding-top:10px;
    height:22px;
    float:left;
    text-align:right;
    padding-right:3px;
}

#trackingRadio .tRadioMiddle, #trackingRadio .tRadioRight
{
    float:left;
    width:80px;
}

#c5 .commentsLabel
{ 
    Height:60px;
    Width:225px;
}

#c6 .comments
{
    text-align:center; 
    width:100%;
}

#Local
{
    width:84%;
    padding-left:60px;
}

#pnlLocal
{
    display:none;
}

#Local .areaCode
{
    float:left;
}

#Local .prefix
{
    padding-left:5px;
    float:left;
}

#tollFree
{
    width:88%;
}

#tollFree .tollFreeLabel
{
    float:left;
    width:254px;
    text-align:right;  
    padding-right:4px;  
}

#tollFree .tollFreeValues
{
    float:left;
}

#buttons
{
    float:left;
    width:450px;
}

/********************************************************************
*********************CLIENTlIST PAGE STYLES**************************
********************************************************************/
#clientContactContainer
{
    width:900px;
}

#Contacts
{
    clear:both; 
    width:884px; 
    padding:0 8px 15px 8px;
}

#contactsLeft
{
    float:left;
    width:400px;
}

#contactsLeft h1
{
    padding-top:5px; 
    margin-top:0px;
    width:400px;
}

#contactsRight
{
    float:right;
    padding-top:5px;
    width:164px;
}

#printRegion
{ 
    width:98%; 
    margin-left:1%; 
    margin-right:1%;
}

#printRegion .printLabelContainer
{ 
    text-align:right; 
    margin-bottom:5px;
}

#printRegion .printLabel
{ 
    color:#800000; 
    font-size:large; 
    font-weight:bold;
}

#detailsContainer
{ 
    width:98%; 
    margin-left:1%; 
    margin-right:1%;
}

#pnlDetails
{ 
     Background-Color:#DB9370;  
     Width:50%; 
     padding-top:10px; 
     padding-bottom:5px; 
     display:none;
}

#pnlDetails .clientId
{
     width:98%;
     clear:both; 
     margin-left:1%; 
     margin-right:1%; 
     padding-bottom:5px; 
     text-align:right;
}

#contactsDetails
{ 
    width:98%;
    padding:0 1% 15px 1%;
}

#contactsDetails h3
{ 
    float:left; 
    padding-bottom:10px;
    width:250px;
}

#contactsDetails .contactsButtons
{ 
    text-align:right;
    width:250px;
    float:right;
    width:200px;
}

#timeZone
{ 
    width:100%;
    padding-bottom:5px;
}
 
#timeZone .timeZoneLeftSpacer
{ 
    width: 15%; 
    float:left; 
    text-align:right; 
    padding-bottom:inherit;
}

#timeZone .clientLabelContainer
{ 
    width: 35%; 
    float:left; 
    text-align:left; 
    padding-bottom:inherit;
}

#timeZone .clientLabelContainer .clientLabel
{ 
    Font-Size:Medium; 
    Font-weight:bold; 
    Color:#800000;
}

#timeZone .timeZoneLableContainer
{ 
    width: 15%; 
    float:left; 
    text-align:right;
}

#timeZone .ddlTimeZoneContainer
{ 
     width:15%;
      float:left; 
      padding-bottom:3px;
}

#contactInfoContainer
{
     width:100%;
     padding-bottom:5px;
}

#contactInfoContainer .contactLabel
{
     width: 15%; 
     float:left; 
     text-align:right; 
     padding-bottom:inherit;
}

#contactInfoContainer .contactName
{
     width: 35%; 
     float:left; 
     padding-bottom:inherit;
}

#contactInfoContainer .clientEmail
{
      width: 15%; 
      float:left; 
      text-align:right; 
      padding-bottom:inherit;
}

#contactInfoContainer .txtclientEmail
{
      width: 30%; 
      float:left; 
      padding-bottom:inherit;
}

#addressInfoContainer
{
    width:100%;
    padding-bottom:5px;
}

#addressInfoContainer .addressLabel, #adress2Container .addressLabel
{
     width: 15%; 
     float:left; 
     text-align:right; 
     padding-bottom:inherit;
}

#addressInfoContainer .txtAddress, #adress2Container .txtAddress
{
     width: 35%; 
     float:left;
     padding-bottom:inherit;
}

#addressInfoContainer .webURL
{
    width: 15%; 
    float:left; 
    text-align:right; 
    padding-bottom:inherit;
}

#addressInfoContainer .txtwebURL
{
     width: 30%; 
     float:left; 
     padding-bottom:inherit;
}

#adress2Container .phone1, #cityAndPhone2Container .pnone2
{
     width: 15%; 
     float:left; 
     text-align:right; 
     padding-bottom:inherit;
}

#address2Container .txtPhone1, #cityAndPhone2Container .txtPnone2
{
     width: 35%; 
     float:left; 
     padding-bottom:inherit;
}

#cityAndPhone2Container
{
     width:100%; 
     padding-bottom:5px;
}

#cityAndPhone2Container .city
{
     width: 15%;
     float:left; 
     text-align:right; 
     padding-bottom:inherit;
}

#cityAndPhone2Container .txtCity
{
      width: 35%; 
      float:left; 
      padding-bottom:inherit;
}

#locationContainer
{
     width:100%;  
     padding-bottom:5px;
}

#locationContainer .state
{
     width: 15%; 
     float:left; 
     text-align:right; 
     padding-bottom:inherit;
}

#locationContainer .ddlState
{
     width: 25%; 
     float:left; 
     padding-bottom:inherit;
}

#locationContainer .zip
{
     width: 5%; 
     float:left; 
     text-align:right; 
     padding-bottom:inherit;
}

#locationContainer .txtZip
{
     width: 5%; 
     float:left; 
     padding-bottom:inherit;
}

#locationContainer .fax
{
     width: 15%; 
     float:left; 
     text-align:right; 
     padding-bottom:inherit;
}

#locationContainer .txtFax
{
     width: 15%; 
     float:left; 
     padding-bottom:inherit;
}
 
#progressContainer
{
     width:98%; 
     padding-left:1%; 
     padding-right:1%; 
     text-align:center;
}

#progressContainer hr
{
    color:#fff; 
    clear:both;
}

#progressContainer span
{
     font-size:large; 
     color:#fff; 
     font-weight:bold;
}

#contactMessageContainer
{
    width:98%;
    padding-left:1%; 
    padding-right:1%;
    text-align:center;
}

#contactMessageContainer hr
{
   clear:both; 
   padding-bottom:0px; 
   margin-bottom:0px;
}

#contactMessageContainer .messageLabelSmall
{
   Font-weight:bold;
   Font-Size:small;
}

#contactMessageContainer .messageLabelLarge
{
   Font-weight:bold;
   Font-Size:large;
}

#contactMessageContainer .messageButton
{
   Color:#D3D3D3;
}
 
sortHeader
{
    color: Green;
    background-color:Blue;
}
 
/********************************************************************
*******************END CLIENTlIST PAGE STYLES************************
********************************************************************/

/********************************************************************
******************END CLIENT HOME PAGE STYLES************************
********************************************************************/

#header-container h1
{
    float:left;
}

#header-container h3
{
    float:right;
}

/********************************************************************
************************AJAX CONTROL STYLES**************************
********************************************************************/
.ajax__calendar_container {padding:4px;position:absolute;cursor:default;width:170px;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica;}
.ajax__calendar_body {height:139px;width:170px;position:relative;overflow:hidden;margin:auto;}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
.ajax__calendar_container TABLE {font-size:11px;}
.ajax__calendar_header {height:20px;width:100%;}
.ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-left.gif")%>);}
.ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-right.gif")%>);}
.ajax__calendar_title {cursor:pointer;font-weight:bold;}
.ajax__calendar_footer {height:15px;}
.ajax__calendar_today {cursor:pointer;padding-top:3px;}
.ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;}
.ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
.ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}

.ajax__calendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;}
.ajax__calendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_day {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_month {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_year {border:1px solid #ffffff;}

.ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}

.ajax__calendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.ajax__calendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}
/********************************************************************
********************END AJAX CONTROL STYLES**************************
********************************************************************/
