/* @override http://xerxes/HHZ/css/layout.css */

/* general styles
------------------------------------------------------------------------------------- */
html {background: url(../res/bg-tile.gif)}
body {margin: 0; padding: 0; background: url(../res/bg-html.gif) repeat-x; font-family: verdana, arial, sans-serif; font-size: 12px; color: #000000}
ul {list-style-type: none; padding-left: 25px;}
ul li {margin: 8px 0; list-style-type: disc;}
img {display: block}
a img {border: none}
img, form {margin: 0; padding: 0}
p {line-height: 17px;}

h1 {margin: 0; padding: 0; font-size: 17px; color: #342a1a; font-family: georgia, serif;}
h2 {margin: 0; padding: 0; font-size: 14px; color: #342a1a; font-family: georgia, serif;}
h3 {font-family: georgia, serif;}
h4 {font-family: georgia, serif;}

a:hover {text-decoration: none}
.clear {clear: both;}
ul.list {margin: 0 0 0 8px; padding: 0}
ul.list li {margin: 0; padding: 0 0 3px 10px; background: url(../res/bullet-list-dot.gif) no-repeat 0 4px;  list-style: none;}
ol li {margin: 0 0 10px 0; font-size: 12px; line-height: 19px;}
/* general structure
------------------------------------------------------------------------------------- */
#wrap-outside {width: 764px; margin: 0 auto; padding: 0; background: url(../res/bg-wrap-outside.gif) repeat-y top}
#wrap-inside {width: 744px; margin: 0 auto; padding: 0}
#wrap-body {_height: 1%; overflow: auto} /* firefox background fix */

.clear {clear: both} /* for clearing floats */

/* top nav structure
------------------------------------------------------------------------------------- */
#nav {height: 41px; margin: 0; padding: 0; background: url(../res/bg-nav-top.gif) no-repeat}
#tabs {height: 25px; margin: 15px 0 0 10px; padding: 0; position: absolute}
#tabs span {font-size: 12px;}
#tabs li, #tabs a {height: 19px; width: 118px; margin: 0 3px 0 0; padding: 0; display: block}
#tabs li a {background: url(../res/bg-tab.gif) no-repeat; color: #000; text-decoration: none; padding: 6px 0 0 0; text-align: center;}
#tabs li a:hover {background: url(../res/bg-tab.gif) no-repeat 0 -25px; color: #fef5c8;}
#tabs li {float: left; display: inline}

/* masthead and logo/client login structure
------------------------------------------------------------------------------------- */
#masthead {height: 161px; width: 744px; background: url(../res/bg-masthead.gif) no-repeat; clear: both}
#logo {height: 161px; width: 220px; float: left}
#client {height: 161px; width: 207px; float: right}


/* client log-in content styles
------------------------------------------------------------------------------------- */
#login-box {margin: 0 16px; padding: 0}
#login-box dl.email {height: 28px; width: 159px; margin: 10px 0 0 16px; padding: 0}
#login-box dl.password {height: 28px; width: 175px; margin: 0; padding: 0}
#login-box dl.button {width: 175px; margin: 0; padding: 0}
#login-box dt {margin: 5px 0 0 0; padding: 0; float: left}
#login-box dd {margin: 0; padding: 0}
.orange {color: #C08000; padding: 10px 15px 0 15px; margin: 0;}
#login-box dt {color: #DBD2A1}
#login-box dd input.field {width: 100px; float: right}
#login-box dd input.button {margin: 3px 0 0 0; padding: 0; float: right}
#login-box a {font-size: 10px; color: #8C8669}

/* body structure
------------------------------------------------------------------------------------- */
#wrap-body {width: 744px; background: url(../res/bg-body.jpg) repeat-y; clear: both}

#col-left {width: 502px; margin: 20px 0 0 18px; padding: 0; float: left; display: inline}
#col-left h1 {margin: 15px 0 5px 0}
#col-left h2 {margin: 15px 0 5px 0}
#col-left a {color: #2f428a;}
#col-left img.need-help, #awards img.awards {margin: 0 0 0 2px}
#col-left img.assistant {margin: 0 10px 0 0; float: left; display: inline}

/* sub nav styles / structure
------------------------------------------------------------------------------------- */
#subnav {margin-bottom: 20px; float: left;}
#subnav ul {margin: 0; padding: 0;}
#subnav ul li {float: left; margin-right: 9px; list-style: none;}
#subnav ul li a {
	background: url(../res/btn-subnav.png) 0 -1px; 
	width: 158px; 
	height: 22px; 
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	color: #fcf2c4;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding-top: 4px;
}
#subnav ul li a:hover {
	background-position: bottom;
}

/* home page styles
------------------------------------------------------------------------------------- */
#homepage-intro {margin-top: 20px;}
#homepage-intro ul.list {float: left; width: 220px; margin: 0;}
#homepage-intro ul.list li {
	margin-bottom: 2px;
}
#homePagePhoto {float: left; margin-right: 10px;}


#help-services dd a, #awards dd a {color: #BE0000}
#help-services {width: 465px; margin: 0; padding: 0 15px 10px 15px; background: url(../res/bg-help-services.gif) no-repeat top; border: 1px solid #CCC2A3; clear: both}
#help-services dl {height: 70px;}
#help-services dt {margin-right: 6px; float: left; clear: both}
#help-services dd {margin-top: 2px;}
#help-services img.help-services {margin: 15px 0 0 15px}

#awards {width: 490px; clear: both}
#awards dl {height: 90px; width: 235px; padding-bottom: 10px; float: left}
#wrap-body #awards dt {float: left; padding: 0 5px 5px 5px; margin: 0;}


/* what's this drop down 
------------------------------------------------------------------------------------- */
.whats-this-drop-down {height: 54px; width: 207px; margin: 0; padding: 0; background: url(../res/bg-client-drop-down.gif)}
.whats-this-drop-down-ext {height: 134px; width: 207px; margin: 0; padding: 0; background: url(../res/bg-client-drop-down-ex.gif)}
.whats-this-drop-down img, .whats-this-drop-down-ext img {margin: 0 0 0 45px}
#whatsThisDropDownText {height: 80px; width: 207px; margin: 0; padding: 0; display:none}
#whatsThisDropDownText p {margin: 0 15px; color: #F2E8B6}

.whats-this-hidden {height: 54px; width: 207px; margin: 0; padding: 0; background: url(../res/misc-whats-this-hidden.gif)}
/* right column structures
------------------------------------------------------------------------------------- */
#col-right a {color: #BE0000;}
#col-right {width: 207px; margin: 0; padding: 0; float: right; background: url(../res/bg-colRight.gif) repeat-y;}
#col-right ul {margin: 0 15px; padding: 0}
#col-right li {margin: 0; padding: 0 0 7px 20px; background: url(../res/icon-video.gif) no-repeat 0 0; list-style-type: none; font-size: 11px;}

#col-right ul.info {margin: 0 15px; padding: 0}
#col-right ul.info li {margin: 0; padding: 0 0 7px 20px; background: url(../res/icon-information-sheet.gif) no-repeat 0 0}

#col-right h3 {margin-left: 15px; color: #504c3f;}


#extra-container-rightTop{
height: 28px; width: 207px; margin: 12px 0 0 0; padding: 1px 0 0 0; background: url(../res/bg-extras-containerTop.gif); clear: both
}
#extra-container-rightMiddle{
width: 207px; padding: 1px 0 0 0;
}
#extra-container-rightMiddle p {margin: 0 15px; padding: 3px 0;}
p.redlink {text-align:center; margin: 15px 0;}
#extra-container-rightMiddle img.other-sites {margin: 19px 0 0 0}
#extra-container-rightBottom{
height: 25px; width: 207px; margin: 0 0 12px 0; padding: 1px 0 0 0; background: url(../res/bg-extras-containerBottom.gif);
}

#contact-box p {margin: 0 10px 8px 10px; font-size: 11px}
#contact-box {width: 175px; margin: 15px 0 20px 15px; padding: 0 0 2px 0; border: 1px solid #C7BB9D; clear: both; background: url(../res/bg-contactBox.gif) repeat-y;}
#contact-box p em {margin: 0 10px 8px 0; font-size: 12px; font-weight: bold !important}
#map {height: 400px;}
dd.drop {margin-bottom: 2px}
.view-more {padding: 0 8px 0 0; font-size: 10px; background: url(../res/bullet-red-arrow.gif) no-repeat 100% 5px}

#contact-box ul li {
	margin: 0 0 4px 0;
}

#contact-box ul {
	margin: 0 0 0 10px;
}

#contact-box #phone {
	font-weight: bold;
	background: url(../res/ico-phone.png) no-repeat;
	padding: 1px 0 3px 22px;
}

#contact-box #fax {
	background: url(../res/ico-fax.png) no-repeat;
	padding: 1px 0 3px 22px;	
}

#contact-box #email {
	background: url(../res/ico-email.png) no-repeat;
	padding: 1px 0 3px 22px;	
}

.payment {margin: 5px 0px 15px 15px; display: block;}

/* profile header box container 
------------------------------------------------------------------------------------- */
#profile-top {width: 465px; padding: 15px; background: url(../res/bg-profile.gif) no-repeat; border-top: 1px solid #9E9168; border-left: 1px solid #9E9168; border-right: 1px solid #9E9168; overflow: hidden}
#profile-top dl {margin: 10px 0 0 0; paddding: 0}
#profile-top dt {margin: 0 15px 15px 0; float: left}
#profile-top dt.below-address {margin: 0 15px 15px 0; float: left}
#profile-top img {margin: 0 10px 0 0; float: left; display: inline}
#profile-top p.name {margin: 0; font-size: 13px}
#profile-top p.clear {margin: 20px 0 0 0; clear: both}
#profile-top dl.below-address dt p {margin: 0 0 3px 0; font-weight: bold}
#profile-top dl.below-address dd p {margin: 0 0 3px 0}
#profile-top a {color: #BE0000}

/* assistant box on profile page
------------------------------------------------------------------------------------- */
#assistant {margin: 12px 17px; padding: 0}
#assistant p.who {margin: 0 0 3px 0}
#assistant p.info {margin: 0 0 3px 0}
#assistant a {padding: 0 10px 0 0; font-size: 10px; color: #BE0000; background: url(../res/bullet-red-arrow.gif) no-repeat 100% 5px}

#profile-lists {margin: 0 20px}
#profile-lists ul {margin: 5px 0 0 18px; padding: 0}
#profile-lists li {margin: 2px 0 0 0; padding: 0 0 0 8px; background: url(../res/bullet-list-dot-solid.gif) no-repeat 0 5px; list-style: none;}
#profile-lists p.title {padding: 0 0 0 18px; font-size: 12px; background: url(../res/profile-list-title-icon.gif) no-repeat 0 3px}
#profile-lists p.em {margin: 5px 18px}

/* contact us page
------------------------------------------------------------------------------------- */
#profile-top input.errorFields {margin: 0 0 10px 0; width: 355px; border: 1px solid red;}
#profile-top textarea.errorFields {margin: 0 0 10px 0; width: 355px; border: 1px solid red;}

.smalltextRed {color: red;}
.largetextRed {color: red; font-size: 18px;}
.largetextGreen {color: green; font-size: 18px;}
#profile-top p.no-mar {margin: 0; padding: 0}
#profile-top span.red {color: #FF0000}
#profile-top p.form-text {margin: 0 0 2px 0; padding: 0}
#profile-top input.form {margin: 0 0 10px 0; width: 355px}
#profile-top textarea.form-message {margin: 0 0 15px 0; height: 125px; width: 455px}
#profile-top textarea.form-messageError {border: 1px solid red; margin: 0 0 15px 0; height: 125px; width: 455px}
#profile-top input.form-button {margin: 0; padding: 0}
#map {width: 495px; margin: 15px 0 10px 0; padding: 0; border: 1px solid #5A4A32}
#col-left p.directions a {color: #BE0000}

/* footer structure
------------------------------------------------------------------------------------- */
#footer {min-height: 200px; width: 744px; background: url(../res/bg-footer.gif) repeat-y; border-bottom: 1px solid #4c3a21; position: relative;}
#foot-left {float: left;}
#accolades {
	position: absolute;
	top: 0;
	right: 0;
	margin: 55px 15px 0 0;
}
#foot-right {clear: both; text-align: right; margin: 0 15px 0 0;}
#foot-right p {
	font-size: 11px;
	margin: 5px 0;
}
div#social-media {
	position: absolute;
	right: 15px;
	top: 15px;
	float: right;
}
#footer #social-media ul {
	padding: 0;
	margin: 0;
}
#footer #social-media ul li {
	list-style-type: none;
	margin: 0;
}

#footer p {font-size: 12px; color: #8C8669;}
#footer a {color: #8C8669; text-decoration: none;}
#footer a:hover {
	text-decoration: underline;
}


div.link-list {
	float: left;
	margin: 0;
	padding: 0;
}
.link-list ul {
	margin: 15px 15px 0 15px;
	padding: 0;
}
.link-list ul li {
	margin: 0 0 5px 0;
	list-style-type: none;
}
#foot-left .link-list ul li a.main {
	font-weight: bold;
	color: #d0c5a6;
}

/* client intranet
------------------------------------------------------------------------------------- */
ul.case-documents {padding: 0 18px; margin-left: 20px;}
ul.case-documents li {font-size: 1.1em; margin-top: 5px;}
ul.case-documents li.pdf {background: url(../res/icon-pdf-document.gif) top left no-repeat; padding-left: 20px; padding-bottom: 2px;}
ul.case-documents li.doc {background: url(../res/icon-word-document.gif) top left no-repeat; padding-left: 20px; padding-bottom: 2px;}
ul.case-documents li.jpg {background: url(../res/icon-jpg.gif) top left no-repeat; padding-left: 20px; padding-bottom: 2px;}
ul.case-documents li.gif {background: url(../res/icon-gif.gif) top left no-repeat; padding-left: 20px; padding-bottom: 2px;}
ul.case-documents li.non {background: url(../res/icon-non.gif) top left no-repeat; padding-left: 20px; padding-bottom: 2px;}

a.document-link {color: #BB0200; font-weight: bold; text-decoration: none;}
a.document-link:hover {text-decoration: underline;}

div.seperator {background: url(../res/divider-hr.gif) top no-repeat; height: 13px; margin-bottom: 20px;}

img.updateButton {display: inline; padding: 0; margin-right: 18px; width: 133px; float: right;}

.update-box table {margin-left: 40px; margin-top: 10px;}
.update-box input {width: 250px;}
input#middle-initial {width: 35px;}
input#zip {width: 50px;}
input#phone {width: 110px;}

/*common classes*/
.update-box ul, .update-box li {padding: 0; margin: 0;}
.box {background: #F2E8CD; border: 1px solid #A8895D; margin-top: 10px; padding: 10px 0}
.update-box {background: #D9D3BD url(../res/bg-update-info-box.gif)repeat-x; border: 1px solid #A8895D; margin-top: 10px; padding: 10px 0}
.box p {padding: 0 18px; font-size: 1.3em;}
.box img, .update-box img{padding: 0 18px;}
.bottomBorder {border-bottom: 1px dotted #AA8858; margin: 3px 18px;}
.redText {color: #CF0005;}
.error {border: 1px solid red; background: #FFDFDF;}

/* client intranet navigation
------------------------------------------------------------------------------------- */
ul#intranetNav {padding: 0; margin: 10px 0 0 20px;}
ul#intranetNav li a{color: #F9F2C4; font-size: 1.2em; text-decoration: none;}
ul#intranetNav li a:hover {text-decoration: underline}
ul#intranetNav li {margin: 0 0 5px 0; padding: 0 0 0 22px;}

li#myhome {background: url(../res/icon-myHome.gif) no-repeat}
li#updateinfo {background: url(../res/icon-updateInfo.gif) no-repeat}
li#changepass {background: url(../res/icon-changePass.gif) no-repeat}
li#logout {background: url(../res/icon-logout.gif) no-repeat}

/* payment form 
-------------------------------------------------------------------------------------- */
#payment-form h1.one {color: #fbf0d2; font-size: 17px; background: #504227 url(../res/icon-1.gif) no-repeat 3px 4px; margin: 25px 0 10px 0; font-weight: normal; padding: 4px 4px 4px 30px; font-family: georgia, serif;}
#payment-form h1.two {color: #fbf0d2; font-size: 17px; background: #504227 url(../res/icon-2.gif) no-repeat 3px 4px; margin: 25px 0 10px 0; font-weight: normal; padding: 4px 4px 4px 30px;}
#payment-form h1.three {color: #fbf0d2; font-size: 17px; background: #504227 url(../res/icon-3.gif) no-repeat 3px 4px; margin: 25px 0 10px 0; font-weight: normal; padding: 4px 4px 4px 30px;}

#payment-form table {width: 98%;}
#payment-form input {padding: 4px; width: 200px; margin: 3px 0 3px 5px; color: #333; border: 1px solid #b3a885;}
#payment-form textarea {width: 100%; min-height: 150px; padding: 4px; color: #333; font-family: verdana, arial, sans-serif; font-size: 13px; line-height: 19px; border: 1px solid #b3a885;}
#payment-form input.zip {width: 75px;}
#payment-form input.xsmall {width: 35px;}
#payment-form select {padding: 4px; width: 200px; margin: 3px 0 3px 5px; color: #333; border: 1px solid #b3a885;}
#payment-form select.exp-mo {padding: 2px; width: 125px; margin: 3px 0 3px 5px; color: #333;}
#payment-form select.exp-yr {padding: 2px; width: 75px; margin: 3px 0 3px 5px; color: #333;}
#payment-form select.state {padding: 2px; width: 150px; margin: 3px 0 3px 5px; color: #333;}
#payment-form input.button {width: auto; border: 0; margin: 6px 0 0 0; padding: 0;}
#payment-form label {font-size: 12px; font-family: verdana, arial, sans-serif; color: #333;}
#payment-form img.img-cc {margin: 6px;}
.required {color: #990000;}
.pay-error {border: 2px solid #d95f5f !important;}
.error-text {border: 2px solid #d95f5f; background: #FFDFDF; padding:5px; color: #990000; font-weight: bold; }
ul.error-list {color: #990000;list-style: outside;}

ul.links {padding: 0; margin: 0;}
ul.links li {margin: 0 0 10px 0;}

#col-left div.article-content h1 {font-size: 20px; color: #691515; margin-bottom: 20px; margin-left: 0; line-height: 26px; font-family: verdana, arial, sans-serif; font-weight: normal;}
#col-left div.article-content h2 {font-size: 15px; color: #53462e; font-style: italic; margin-top: 0; margin-left: 0;}
.article-content p {font-size: 12px; line-height: 20px; margin-bottom: 20px;}
.article-content a {color: #be0000;}

#col-left div.article-content ul {margin: 0 0 20px 0; padding: 0 15px;} 
#col-left div.article-content ul li {margin: 0 0 10px 0; font-size: 12px; line-height: 19px; list-style: outside;}