/* Stylesheet for Healthmatters */

/* Default Body styles */
html, body {margin:0; padding:0; width:100%; height:100%;}
html {}
body {font-family:Trebuchet MS, Helvetica, sans-serif; color:#004e63; font-size:14px; line-height:20px;}
body#page {text-align:center; margin:0; padding:0; background:#008bb0;}
#themeContainer {min-height:514px; clear:both; background:#dbeaa7 url('/site-grad-bg.gif') repeat-x;}
#siteContainer {margin:0 auto; text-align:left; width:944px; clear:both; background:#fff;}

div, p, img {border:0;}
p {margin:0 0 30px; padding:0;}

hr {height:1px; border:0; clear:both; color:#038cb1; background:#038cb1;}

a, a:link, a:visited {color:#5b7900; text-decoration:underline;}
a:active, a:hover, a:focus {outline:none;}

/* Heading Styles */
h1, h2, h3, h4, h5 {margin:0; padding:0; font-weight:bold; color:#004e63;}
h1 {font-size:18px; margin:0 0 15px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
h5 {font-size:10px;}

/* Header Styles */
#header {height:133px; margin:0 11px; position:relative; z-index:1; background:url('/header-bg.gif') no-repeat center top;}

a#logo, a#logo:link, a#logo:visited {display:block; position:absolute; top:30px; left:0; z-index:1;}
a#login, a#login:link, a#login:visited {display:block; position:absolute; top:0; right:0; z-index:1; width:90px; height:27px; text-align:center; color:#fff; font-size:18px; text-decoration:none; background:#008cb0 url('/login-btn.gif') no-repeat;}
a#login:active, a#login:hover, a#login:focus {text-decoration:underline;}
p#contactInfo {position:absolute; bottom:0; right:0; z-index:1; color:#008bb0; font-size:14px; text-align:right;}
p#contactInfo strong {font-size:24px;}

/* Slideshow / section image Styles */
#slideShow {margin:0 11px; width:922px; height:256px; overflow:hidden; position:relative;}
#sectionImage {margin:0 11px; width:922px; height:130px; overflow:hidden;}

/* Menu Styles */
#siteMenu {position:relative; z-index:100; height:42px; line-height:42px; margin:0; padding:0; background:#00b7e6 url('/menu-bg.gif') repeat-x;}
#Menu {margin:0 10px; padding:0; list-style:none; height:42px;}
#Menu li {float:left; display:inline; margin:0; padding:0; position:relative; z-index:100;}
#Menu li.item a, #Menu li.item a:link, #Menu li.item a:visited {display:block; text-decoration:none; color:#fff; font-size:16px; padding:0 15px;}
#Menu li.item a:active, #Menu li.item a:hover, #Menu li.item a:focus {background:url('/menu-hover.gif') no-repeat top center;}
#Menu li.separator {height:42px;}

#Menu li.item.hasChild>a, #Menu li.item.hasChild>a:link, #Menu li.item.hasChild>a:visited {background:#0cf;}

/* Sub Menu Styles */
#Menu li ul {display:none; position:absolute; top:42px; z-index:1000; line-height:20px; margin:0; padding:5px 0; width:250px; text-align:left; list-style:none; background-color:#0cf ! important;}
#Menu li ul, #Menu li ul li, #Menu li ul li a {background-image:none ! important;}
#Menu li ul li {position:relative; z-index:1000; line-height:30px; margin:0; padding:0; width:100%; display:block;}
#Menu li ul li a, #Menu li ul li a:link, #Menu li ul li a:visited {color:#fff; font-weight:normal; font-size:16px; float:none; line-height:20px; height:20px; display:block; border:0px; padding:0 10px;}
#Menu li ul li a:active, #Menu li ul li a:hover, #Menu li ul li a:focus {text-decoration:underline; background:#0091b6 ! important;}

#Menu li ul li ul {position:absolute; top:0; left:250px; z-index:1000;}
#subNavigation {display:none; position:relative; z-index:1000;}
span.menu-sub-indicator {float:right; display:block; line-height:25px; width:4px; height:100%; background-image:url('/nav-sub-arrow.gif') ! important; background-repeat:no-repeat; background-position:right center;}

/* Search */
#search {position:absolute; top:10px; right:13px; z-index:1; width:199px; height:21px; background:url('/search-bg.gif') no-repeat;}
#search input.txtSearch {width:160px; height:16px; position:absolute; top:2px; left:10px; border:0; color:#999; font-family:Trebuchet MS; font-size:12px;}
#search input.btnSearch {position:absolute; top:4px; right:5px; z-index:1;}

/* Content Area Styles */
#contentArea {margin:20px 11px; min-height:339px; line-height:20px; background:url('/content-border.gif') repeat-y 693px 0;}
body.home #contentArea {background-image:none;}
#contentArea #column1 {width:680px; float:left; display:inline;}
#contentArea #column2 {width:210px; float:left; display:inline; margin:0 0 0 30px;}
body.home #contentArea #column1 {width:100%; float:none; display:block;}

#pagesCTA {width:210px; height:145px; background:#ab4e17 url('/pages-cta-bg.gif') no-repeat;}
#pagesCTA p {margin:0; padding:20px 15px; color:#f5e59b;}
#pagesCTA p+p {padding:0 10px 0 15px; white-space:nowrap;}
#pagesCTA p a, #pagesCTA p a:link, #pagesCTA p a:visited {color:#fff; text-decoration:none;}

/* Home Page CTA */
#homeCTA {margin:15px 11px;}
#homeCTA div.item {width:298px; height:175px; float:left; display:inline; margin:0 14px 0 0; background:url('/shared-care-cta-bg.gif') no-repeat;}
#homeCTA div.item div.head {color:#fff; font-size:18px; margin:0; padding:0 20px; line-height:31px;}
#homeCTA div.item p {margin:20px 17px; padding:0; color:#000; font-size:14px; line-height:20px;}
#homeCTA div.item a, #homeCTA div.item a:link, #homeCTA div.item a:visited {display:block; margin:0 16px 0 auto; width:207px; height:22px; line-height:22px; color:#fff; font-size:14px; font-weight:bold; text-align:center; text-decoration:none; background:url('/shared-care-cta.gif') no-repeat;}
#homeCTA div.item.two {background:url('/frequently-asked-questions-cta-bg.gif') no-repeat;}
#homeCTA div.item.two a, #homeCTA div.item.two a:link, #homeCTA div.item.two a:visited {background:url('/frequently-asked-questions-cta.gif') no-repeat;}
#homeCTA div.item.three {margin:0; background:url('/participating-providers-cta-bg.gif') no-repeat;}
#homeCTA div.item.three a, #homeCTA div.item.three a:link, #homeCTA div.item.three a:visited {background:url('/participating-providers-cta.gif') no-repeat;}

/* In The News */
#newsFeed {margin:20px 0;}
#newsFeed h2 a, #newsFeed h2 a:link, #newsFeed h2 a:visited {color:#004e63; font-size:18px; font-weight:normal; text-decoration:none;}
#newsFeed a.link, #newsFeed a.link:link, #newsFeed a.link:visited {padding:5px 0 0; display:block;}
#newsFeed p {margin:0; padding:0;}

/* Photo gallery styles */
#photogalleryContainer {margin:0 0 0 81px}
#photoLargeImage {position:relative; width:515px; height:385px; text-align:center; overflow:hidden;}
#photoLargeImage img {margin: 0 auto; position:absolute; top:0; left:0; z-index:20; width:515px; height:385px;}
#photoLargeImage p#imageDescription {position:absolute; bottom:0; left:0; z-index:40; width:100%; margin:0; padding:0;}
#photoLargeImage p#imageDescription span {display:block; padding:5px;}
#photoItems {margin:5px 0; width:520px;}
.photoItem {float:left; margin:0 5px 15px 0; width: 125px; cursor:pointer; position:relative;}
.photoItem p.desc {display:none;}
#photoItems img {position:relative; z-index:10;}
#photoItems a img:hover {opacity:0.85;}
.loading {background-image:url('/loadingIcon.gif'); background-repeat:no-repeat; background-position: center 45%;}

/* Staff Page Styles */
.staffItems {}
.staffItems .item {}
.staffItems .item h2 {line-height:30px;}
.staffItems .item h2 a, .staffItems .item h2 a:link, .staffItems .item h2 a:visited {}
.staffItems .item a, .staffItems .item a:link, .staffItems .item a:visited {}

.staffDetail {}
.staffDetail span.staffInfoItem {display:block;}
.staffDetail span.staffInfoItem strong {font-weight:bold;}
.staffDetail span.staffInfoItem span.text {}
.staffDetail .jobTitle {}
.staffDetail .email {}
.staffDetail .phoneNumber {}

/* Event calendar styles */
.calendarList {}
.calendarListItems {float: left; width: 271px;}
.calendarListItems h2 a {font-size: 16px;}
#caledarDetail {}
#caledarDetail h1 {}
#calendarDetailDate {}
#calendarImage {float: right; margin: 0 0 10px 20px;}
.calendarPicker {float: right; display: block; margin: 0 0 15px 15px; width: 300px} /* Flash calendar */

/* Pagination */
.pagination {clear:both; display:block; line-height:25px;}
.pagination a, .pagination a:link, .pagination a:visited {padding:0 2px; text-decoration:none; font-size:12px;}
.pagination a.prevNext, .pagination a.prevNext:link, .pagination a.prevNext:visited {font-size:14px;}
.pagination span.current {font-weight:bold; padding:0 2px;}

/* Contact Form */
.hidden {display:none;}
dl.contactForm {width:400px;}
dl.contactForm dt {width:150px; float:left; display:block; margin:0 0 5px; padding:0; clear:left;}
dl.contactForm dd {width:225px; float:right; display:block; margin:0 0 5px 10px; padding:0; clear:right; position:relative;}
dl.contactForm dd span.error {position:absolute; top:0; left:230px; display:block; width:auto; color:#f00; font-weight:bold; white-space:nowrap;}
dl.contactForm dd.inputText input {width:225px; border:solid 1px #ddd;}
dl.contactForm dd textarea {width:225px; height:75px; border:solid 1px #ddd;}

/* Employer Form */
.hidden {display:none;}
dl.employerSurvey {width:500px;}
dl.employerSurvey dt {width:500px; float:left; display:block; margin:0 0 5px; padding:0; clear:left;}
dl.employerSurvey dd {width:250px; float:left; display:block; margin:0 0 5px 10px; padding:0; clear:right; position:relative;}
dl.employerSurvey dd  span.error {position:absolute; top:0; left:230px; display:block; width:auto; color:#f00; font-weight:bold; white-space:nowrap;}
dl.employerSurvey dd.inputText input {width:225px; border:solid 1px #ddd;}
dl.employerSurvey dd textarea {width:225px; height:75px; border:solid 1px #ddd;}

/* Footer Styles */
#footer {width:944px; height:155px; margin:0 auto; padding:0; text-align:left; line-height:16px; color:#a6ecff; clear:both; position:relative; background:url('/shared-care-footer-logo.gif') no-repeat 729px 19px;}
#footerContact {position:absolute; top:20px; left:20px;}
#footerContact p {margin:0; padding:0;}
#footerContact strong {font-size:14px;}
#footerMenu {margin:0; padding:0; position:absolute; top:20px; left:180px;}
#footerMenu li {margin:0; padding:0; list-style:none;}
#footerMenu li a, #footerMenu li a:link, #footerMenu li a:visited {color:#fff; font-size:12px;}
#footerTestimonials {position:absolute; top:11px; left:280px; width:431px; height:118px; border:solid 1px #4daec8; background:url('/footer-quote-bg.gif') no-repeat;}
#footerTestimonials p {margin:22px 20px 0; color:#fff; font-size:16px;}
#footerTestimonials p+p {margin-top:15px;}
a#smartzLink, a#smartzLink:link, a#smartzLink:visited {position:absolute; top:125px; right:10px; color:#a6ecff; font-size:10px; text-decoration:none;}
a#smartzLink img {vertical-align:middle;}

/* Faq Styles */
#faqs {}
#faqs .category {display: none;}
#faqs dt {font-weight: bold; cursor: hand; margin: 10px 0 0 0;}
#faqs dd {display: none;}

/* Misc Styles */
.clear {clear:both;}
.noMargin {margin:0;}
.noPadding {padding:0;}
.alignRight {text-align:right;}
.block {display:block;}
.marginFix {height:0px; line-height:0; overflow:hidden; background:transparent;} /* This is used to "fix" the collapsing top and bottom margin issue with nested DIVs (Not a bug!). */
.listItemImage {float:left; padding:0 10px 10px 0;}

/* Edit Styles */
.divEditBlock {position:relative;}
.divEditBlock div label {display:block; line-height:18px; font-weight:bold; margin:0 0 10px; padding:0 10px; color:#000; background:#ddd;}
.divEditBlock div {margin:0 0 20px;}
.divEditBlock div span input, .divEditBlock div span textarea {width:300px;}
.divEditBlock .error {font-weight:bold; color:#f00;}

span.divEditControls {}
span.divEditControls a {padding:0 5px;}

div.checkbox label {display:inline; font-weight:normal; margin:0; padding:0; color:#000; background:Transparent;}

.divEditBlock div.checkbox {margin:0;}
.divEditBlock div.checkbox input {width:auto;}

.divEditBlock div#editTitle {}
.divEditBlock div#editTitle input {}

.divEditBlock div#editBriefDescription {}
.divEditBlock div#editBriefDescription textarea {height:100px;}

.divEditBlock div#editFullDescription {}

.divEditBlock div#editItemUrl {}
.divEditBlock div#editItemUrl input {}

.divEditBlock div#editItemMetaDescription {}
.divEditBlock div#editItemMetaDescription input {}

.divEditBlock div#editItemMetaKeywords {}
.divEditBlock div#editItemMetaKeywords input {}