/* 
	Kazaam Web Concepts: Altrazeal.com
	
	Title: style.css
	Description: Altrazeal Theme Page Styles
	Author: T.J. Stevens
	Last modified: October 17, 2008
	
	Revision History
	- Baseline styles created for v0 site
	
*/

/* GLOBAL SELECTOR STYLES */
* { font-size: 11px; margin: 0; padding: 0; }
body { font-size: 100%; background: #F4F4F4; font-family: Helvetica; color: #010101; text-align: center; line-height: 123.1%; margin: 0; padding: 0; }
input { color: #010101; }
textarea, select { color: #010101; }
textarea {min-width:450px;min-height:80px;}
h1, h2, h3, h4, h5, h6 { }
h1 { font-size: 153.9%; color: #010101; font-weight: bold; margin-bottom: 0.5em; line-height: 108%; }/* was 108%*/
h2 { font-size: 100%; color: #010101; font-weight: bold; margin: 0; }/*was 93%*/
h3 { font-size: 182%; color: #010101; font-weight: bold; margin-bottom: 0.5em; }/*was blank*/
h4 { font-size: 123.1%; color: #010101; margin-bottom: 0.5em; line-height: 100%; }
h5 { font-size: 100%; color: #010101; margin: 0; }
h6 { font-size: 100%; color: #010101; font-weight: bold; margin: 0; }
ul, quote, code, fieldset {  }
p { }/*I had to remove the font-size:85% because the first paragraph in CMS pages is not in a p tag*/
strong { }
a:link, a:visited { color: #005295; text-decoration: underline; }
a:hover { color: #00294A; text-decoration: none; }
a:active, a.active { color: #00294A; }
img, a img {  }
hr {  }
sup, a sup, span .wikilink a sup { font-size: 85%; vertical-align: baseline; position: relative; bottom: 0.33em; text-decoration: none !important; }
i { font-size: 100%; }

/**** THEME SPECIFIC STYLES ****/

/* LAYOUTS */
.clear-block {clear: both; }
.float-left { float: left; }
.float-right { float: right; }
#wrapper { width: 100%; text-align: center; margin: 0 auto; }
#container, #admin-footer { width: 955px; margin: 0 auto; padding: 0; background: #FFF; text-align: left; }

/* HEADER */
#header { position: relative; width: 955px; height: 128px; text-align: left; background: url(../../images/hdr-background.jpg) no-repeat; }

/* BREADCRUMB */
.breadcrumb { float: left; padding: 15px 0 5px 0; color: #999; height: 15px; }
.breadcrumb a:link, .breadcrumb a:visited { font-size: 77%; color: #999; text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline; }

/* UTILITY NAV */
#utility { float: right; margin-bottom: 10px; }
#utility ul { margin-right: 70px; list-style-type: none; padding: 0; }
#utility ul li { float: left; padding: 0 10px 0 0; border-right: 1px solid #000; background: none; }
#utility ul li.last { border-right: 0; }
#utility ul li a:link, #utility ul li a:visited { font-size: 77%; color: #FFF; text-decoration: none; }
#utility ul li a:hover { text-decoration: underline; }

ul.links {list-style-type:none;list-style-image: none;}
ul.links li, ul.links li.collapsed {list-style-type:none;list-style-image: none;display:inline;float:left;}

/* SEARCH / LOGIN */
#search { float: right; color: #FFF; font-size: 77%; margin: 50px 28px 0 0; text-align: left; }
#search p { font-size: 85%; }
#search a:link, #search a:visited { color: #FFF; text-decoration: none; font-size: 123.1%; }
#search input.form-text {width:195px;}

/* PRIMARY NAV */
#primaryNav { clear: both; text-align: left; line-height: 100%; margin: 5px 0 0 25px; width: 903px; }
ul.primary-links { background: url(../../images/primary-nav-border-bottom.gif) no-repeat bottom right; list-style-type: none; padding: 0 0 1px 0; margin: 0; height: 26px; /*border-bottom: 10px solid #82A5CF;*/ }
ul.primary-links li { float: left; background: #ED9C74; margin: 0 3px 0 0; padding: 0; width: 139px; }
ul.primary-links li.first { width: 51px !important; }
ul.primary-links li a:link, ul.primary-links li a:visited { font-size: 108%; display: block; font-weight: bold; background: #ED9C74; color: #FFF; padding: 3px 0 3px 10px; text-decoration: none; /*border-bottom: 10px solid #FFF;*/ }
ul.primary-links li.active-trail a:link, ul.primary-links li.active-trail a:visited, ul.primary-links li a:hover, ul.primary-links li a.active:link, ul.primary-links li a.active:visited { background: #005295; color: #FFF; text-decoration: none; /*border-bottom: 10px solid #82A5CF;*/ }
ul.primary-links li.last { margin-right: 0; }
	
/* CONTENT WRAPPER */
#contentWrapper { width: 910px; margin-left: 25px; text-align: left; }
	
/* LEFT NAV */
#sidebar-left { float: left; width: 152px; text-align: left; padding: 0; margin: 0; }
#sidebar-left ul { list-style-type: none; padding: 0; margin: 0; border-left: 1px solid #82A5CF; border-right: 3px solid #FFF; }
#sidebar-left ul li { background: none; padding: 5px 0 5px 10px; margin: 0; border-bottom: 3px solid #82A5CF; display:block; clear:both;}
#sidebar-left ul li ul { border-left: none; }
#sidebar-left ul li ul li { padding: 2px 0 2px 10px;border-bottom: none; }
#sidebar-left ul li a:link, #sidebar-left ul li a:visited { font-weight: bold; color: #005295; text-decoration: none; }
	#sidebar-left ul li a:hover, #sidebar-left ul li a.active:link, #sidebar-left ul li a.active:visited { color: #BE3F26; }

/* HOME PAGE */
#home-left-menu { }
#home-left-menu h1 { color: #00356A; font-size: 135%; padding-top: 15px; font-style: italic; }
#home-left-menu h2 { color: #FFF; font-size: 116%; background: #004776; border: 1px solid #749BB4; padding: 2px 5px; margin: 0 2px 0 0 !important; font-style: italic; }
#home-left-menu p { color: #004776; padding: 2px 2px 2px 6px; font-style: italic; margin-bottom: 0.5em !important; }
#home-left-menu a:link, #home-left-menu a:visited { text-decoration: none; font-size: 11px; }
#home-top-story { background: url(../../images/home-landing-content-background.jpg) no-repeat; padding: 25px 10px 10px 10px; margin-top: 15px; }

/* MAIN CONTENT */
#mainContent { float: left; width: 751px; padding: 15px 0 15px 0; text-align: left; margin-top: 0px; }
#mainContent ul { list-style-type: disc; }
#mainContent ul li {  background: url(../../images/list-disc.gif) no-repeat 0 2px; }
#mainContent ul.star li {  background: url(../../images/list-disc.gif) no-repeat 0 2px; }

/* FOOTER */
#footer { position: relative; text-align: left; width: 910px; margin-left: 25px; padding-bottom: 15px; }
#footer ul li { background: none; padding: 0; margin: 0; }

/* TABS */
#footertabs-left { position: absolute; bottom: 65px; left: 100px; z-index: 900; }
#footertabs-right { position: absolute; bottom: 65px; left: 543px; z-index: 901; }
.tabs-left { float: left; margin-left: 52px; }
.tabs-close { float: right; margin-right: 10px; }
.tabs-left ul, .tabs-right ul { margin:0;padding:0;}
.tabs-left ul li, .tabs-right ul li {padding-left:5px;}


/* Content Styles */
.full-prescribing-info {font-size:80%; width:500px; margin-bottom:1em;}
.full-prescribing-info a {font-size:100%}
.content-left {float:left;width:506px; margin-right: 15px; }
.content-left ul li { }
.content-sidebar { float:right; width:200px; }
.content-sidebar a {font-size:80%;}
#footnotes { clear: both; }
#footnotes ol li { font-size: 93%; }
#footnotes ol li sup { font-size: 100%; }

.blue-callout { margin-top: 45px; background: url(../../images/blue-callout-bottom.gif) bottom left no-repeat #005395; padding: 10px 10px 42px 10px; font-size: 108%; color: white; font-style: italic; line-height: 140%; }
.blue-callout a:link, .blue-callout a:visited { color: #FFF; text-decoration: none; }
.yellowBackground { margin-top: 10px !important; background: #FFEDCE; padding: 15px !important; width: 721px !important; }
.yellowBackgroundNoRightMargin { margin-top: 10px !important; background: #FFEDCE; padding: 15px 0 15px 15px !important; width: 736px !important; }

/** Forms**/
fieldset {margin:0 0 15px 0; padding: 5px 15px 5px 15px; border: 1px solid #dddddd;}
#signin-want-account {width:330px;margin-right:10px;}
#signin-have-account {width:330px;}
legend {font-size:135%; line-height:1em;padding: 0 0.25em 0 0.25em; margin:0;}
.fieldset-footer {top: -1px; padding: 5px 0 5px 5px;}
.form-item {margin-top:1em;margin-bottom:0;}
span.form-required {color:#FF0000;}

/** FAQ Accordion**/
ul#faq-list {list-style:none;}
ul#faq-list li {list-style-type:none;background-color:#FFF;background-image:none;margin:0;padding:10px;}
ul#faq-list a.head,ul#faq-list a.nothead {font-size:116%;font-weight:bold;display:block;color:#000;margin:0;line-height:140%;text-decoration: none;border-bottom: 2px solid #82A5CF;padding-bottom:4px;}
ul#faq-list span.clickme {font-size:85%;color:#005295;margin:0 0 0 10px;line-height:140%;text-decoration: underline;}
ul#faq-list span.link {font-size:100%;color:#005295;text-decoration: underline;}
ul#faq-list li div {font-size:100%;}
ul#faq-list li div p {margin-top:0.1em; margin-bottom:0.8em;}

/** Search Results **/
.search-hit {margin-bottom:1em;}