﻿/******************************

 *      LeftNav Styles        *

 ******************************/



#leftNav {

	/* background styles in persuasion/images.css-dist */

	position: relative; 

	margin: 0px;

	margin: 12px 0px 12px 12px; 

	padding: 0px;

	float:left; 

	width: 200px;

	border-bottom: solid 1px #A7CEED;  
	
}



#leftNav .topLeft, #leftNav .topRight {

	 height:9px;

	 position:absolute;

	 top:0pt;

	 width:9px;

}



#leftNav .topLeft {

	/* background styles in persuasion/images.css-dist */

	 left:0pt;

}



#leftNav .topRight {

	/* background styles in persuasion/images.css-dist */

	right:0pt;

}



/* set general leftnav block styles */

.leftnav{

    padding: 0px 0px 10px 0px;

    border: solid 1px #A7CEED;

    border-width: 0 1px;

}

.leftnav a, .leftnav a:link, .leftnav a:visited {
	
	text-decoration: none;

}

.leftnav .ul{

	margin: 0px;
	
}

/* bold any top level menu items */

.leftnav li {

	padding: 0px 3px 0 17px;

	font-weight: bold;

	color: #104473;

	margin-bottom: 6px;

	text-indent: -8px;

}

.leftnav li a {

	color: #333e45;
		
	margin-bottom: 6px;

}

.leftnav li a:hover {
	text-decoration: underline
}



.leftnav li.navlistname {

	/* background styles in persuasion/images.css-dist */

	padding: 0px;

	color: #fff;

	font-weight: bold;
	
	padding: 7px 0px 0px 15px;
	
	height: 27px; 
}



.leftnav li ul li{

	line-height: 14px;
	
	font-weight: normal;
	
	font-size: 0.9em; 
}

.leftnav li ul li a {
	color: #333e45;
}	





body, html
{
	margin:0;
	padding:0;
	background:#fff;
}

ul, ol, li, h1, a, div {
	padding: 0px; margin: 0px;
}

p {
	margin: 0em 0px 1.5em;
}

ul {
	list-style: none;
}

h1 {
	margin: 0px;
	padding: 10px 0px 0px 30px;
}

#pageHead.reduced h1 {
	margin: 0 0 20px 0;
}

#pageHead.reduced h1 a {
	color: #fff;
}

a {
	text-decoration: underline;
}

a img {
	border: none;
}


/* form styles */

form {
	margin: 0px;
}

#pageBody {
/*	overflow:hidden;*/
	margin: 0 10px 0 10px;
}

#pageBody.withNavExt {
	margin: 12px 12px 12px 224px;
}

#pageBody .content {
	overflow:hidden;
	overflow:visible;
}

label.required {
	font-weight:bold;
	color:#222;
}

/* table styles */

table {
	border-collapse: collapse;
	border-spacing: 0px;
}

/* side drop shadows */
#page {
	/* edit styles/persuasion/images.css-dist to make changes to background */
	/*margin: 0 auto; */
	/* width: 756px; */
}

.layoutFixed {
	margin: 0 auto;
	width:756px;
}
#wrap {
	margin: 0 10px 0 10px;
}

/*footer drop shadow*/
#pageDrop {
	/* edit styles/persuasion/images.css-dist to make changes to background */
	height: 10px;
	width: 100%;
}

/* Copyright (post page drop)   */
DIV#copyright {
	color: #808080;
	font-size: 0.9em;
	margin: 10px 6px 12px 0;
	float: right;
}
	DIV#copyright A:link, DIV#copyright A:visited {
		text-decoration: underline;
		color: #808080;
	}

/* These styles control the wizard-launching button, which is coded as a list */	
.splashBtn {	
	font-size: 15px;
	font-weight: bold;
	list-style-type: none;	
}

.splashBtn li {
	height: 38px; 
	line-height: 35px;
	display: block;
	float: left; 
}
	
.splashBtn .splashBtnMid {
	/* edit styles/persuasion/images.css-dist to make changes to background */
	padding: 0px 5px; 
}
		
.splashBtn .splashBtnLt {
	/* edit styles/persuasion/images.css-dist to make changes to background */
	height: 38px; 
	width: 8px; 
}
	
.splashBtn .splashBtnRt {
	/* edit styles/persuasion/images.css-dist to make changes to background */
	height: 38px; 
	width: 8px; 
}

/*******************************************************/
/* error, success, warning */
/*******************************************************/
.messageBox {
	text-align: left;
	width: 95%;
}
.error {
	color: #cc3333;
}

div.notice, div.error, div.success, div.info, div.information, div.ok, div.warning {
/* should just be div.notice */
	margin-bottom: 5px;
	padding: 0.5em;
	font-weight: bold;
	border: 1px dotted;
}

div.error {
	background: #fee;
	border-color: #c33;
	color: #cc3333;
}

div.info, div.information {
	background: #DFEEFF;
	border-color: #2C598F;
	color: #2C598F;
}

div.success, div.ok {
	background: #D6FF9F;
	border-color:#339900;
	color: #339900;
}

div.warning {
	background: #ffc;
	color: #330;
	font-weight: bold;
	border-color: #fe5;
}

.errorsmall {
	color: #cc3333;
	font-size: x-small;
	text-align: left;
}

.warning {
	color: #FF6633;
	font-weight: bold;
}
.attention {
	color: #F29027;
	font-weight: bold
}
.attentionlink, .attentionlink a {
	color: #E16114;
	font-weight: bold
}
.note {
	font-weight: bold;
	color: #F29027
}
.notelink {
	font-weight: bold;
	color: #E16114
}

/* Simple style to make a smaller, less emphasized paragraph. */

.indent, .blockBody .indent { 
	font-size: 95%;
	margin: 0px 5px 20px 15px;
	padding: 0;
	color: #666;	
}


#container A.pdfLink, #page A.pdfLink, A.pdfLink  {
	color: #000;
	text-decoration: none;
}

.infoBlock {
	display: block;
	border: 1px dotted #CCCC00;
	background-color: #ffffcc;
	padding: 5px;
	text-align: left;
}

.noteBlock {
	border: 1px dotted #ccc000;
	color: #000;
	display: block;
	margin: 1em 3em;
	padding: 7px 7px 7px 35px!important;
	text-align: left;
}


/**************************
 *  luluNotice (LNotice)  *
 **************************/

div.luluNoticeContainer {
	width:500px;
	padding:10px 10px 10px 80px;
	margin:30px auto 30px auto;
	border-width:1px;
	border-style:solid;
	text-align:left;
	font-weight:normal;

	background-position: 20px 20px;
	background-repeat:no-repeat;
}

.luluNoticeContainerSuccess {
	color:#000;
	background-color:#dfffdf;
	border-color:#090;
/* background image property set in images.css-dist */	
}

.luluNoticeContainerInfo {
	color:#000;
	background-color:#DFEFFE;
	border-color:#99CCFF;
	margin-bottom:0;
/* background image property set in images.css-dist */	
}

.luluNoticeContainerError {
	color:#000;
	background-color:#fff9cc;
	border-color:#FF9F00;
	margin-bottom:0;
/* background image property set in images.css-dist */	
}


div.luluNotice {
	margin-bottom:5px;	
}


div.luluNotice div.details {
	margin:2px;
	padding:8px;
	background-color:#fff;
	opacity:.8;
}

div.luluNotice ul {
	list-style:disc;
	padding-left:20px;
}

div.luluNotice ol {
	list-style:decimal;
	padding-left:20px;
}


/***********************
 *   page body styles  *
 ***********************/

#contentHeader {
	margin:0 0 0 0;
	padding:0 0 0 15px;
	color:#ffffff;
	line-height:40px;
}

#contentBody {
	margin:0 5px 30px 180px;
}


/*******************************************************
 * Contextual help styles
 *******************************************************/
 
.whatIsHeader {
	position: absolute;
	right: 10px;
	top: 10px; 
}

.contextHelp, .whatIsContent{
	background: #ded;
	color: #000;
	padding: 5px;
	margin: 0 0 5px 0;
	font-size: small;
	border: 1px solid #9a9;
	border-color: #ded #9a9 #9a9 #ded;
	overflow: hidden;
	font-weight: normal;
}
.contextHelp h3, .whatIsContent h3 {
	font-size: small;
	margin: 0;
}
.contextHelp p, .whatIsContent p {
	font-size: inherit;
	margin-top: 0;
}

.contextHelp pre, .whatIsContent pre {
	white-space:normal;
}

.contextHelpClose, .whatIsClose {
	text-align: right;
}
.contextHelpClose a, .whatIsClose a {
	background: #9a9;
	color: #fff;
	padding: 1px 3px;
	text-decoration: none;
	font-size: x-small;
}
.contextHelpToggle, .whatIsClose {
	cursor: pointer;
	vertical-align: top;
}

.contextQuestion {
	font-weight: bold;
}

.contextAnswer {

}

.helpButton{
	cursor: pointer;
}

.whatIsButton{
	cursor: pointer;
}



/**********************************
 *  Common Text display Styles    *
 **********************************/
.invisible, .hidden {
	display: none;
}

.noteBlock {
	display: block;
	border: 1px dotted #CCCC00;
	/** Background color and image specified in lulu.css-dist for compiling purposes **/
	padding: 0.5em 0.5em 0.5em 35px;
	text-align: left;
	margin: 1em 3em;
	color: #000;
}

.publish {
	/*
	white-space: nowrap;
	*/
}

.xsmall {
	font-size: x-small;
}

.sticky {
	background: #ffeccf;
	padding: 5px;
	margin: 1em;
}


/**********************************
 *      Common link styles        *
 **********************************/
/******************************************************
 * Link styles
 ******************************************************/
.remove, .add{
	font-size: small;
	border: none;
	background: transparent;
	cursor: pointer;
	text-decoration: underline;
	vertical-align: top;
}

.remove{
	color: red;
}

.add{
	color: green;
	border: none;
	background-color: #fff;
}


/**********************************
 * block styles lifted from mockup
 * *******************************/

.block {
	width: auto;
	margin: 15px auto;
}

.blockHead {
	/* Background Styles in persuasion/images.css-dist */
	color:#F4F8FB;
	font-weight:bold;
	height:28px;
	line-height: 28px;
	padding:3px 3px 3px 15px;
	position:relative;
}

.blockHead h2 {
	padding: 0px;
	margin: 0;
}

.blockHead .topLeft {
	/* Background Styles in persuasion/images.css-dist */
	left:0pt;
}
.blockHead .topLeft, .blockHead .topRight {
	height:9px;
	position:absolute;
	top:0pt;
	width:9px;
}

.blockHead .topRight {
	/* Background Styles in persuasion/images.css-dist */
	right:0pt;
}

.blockBody{
	border-color: #a0c7e4;
	border-width: 0 1px;
	border-style: solid;
	padding: 0px;
/*	
	margin-top: -5px;
	padding-top: 5px;*/
}

.blockBody p {
	margin: 5px;
	padding: 5px;
}

.blockElement {
	margin: 10px;
}

.sectionHead {
	background-color: #bcd6e7;
	padding: 5px 15px;
	overflow: hidden;
}
.sectionHead h3 {
	padding: 0;
	margin: 0;
}

.blockFoot{
	/* Background Styles in persuasion/images.css-dist */
	position: relative;
/*	border: solid #a7ceed;
	border-width: 0 1px 1px 1px;*/
	padding: 0px 10px 6px;
	height: 20px;
}

.blockFoot .bottomLeft, .blockFoot .bottomRight{
	position: absolute;
/* 	bottom: -1px; */
	bottom: 0px;
	width: 6px;
	height: 6px;
}

.blockFoot .bottomLeft{
/* 	left: -1px; */
	left: 0px;
	/* Background Styles in persuasion/images.css-dist */
}

.blockFoot .bottomRight{
/* 	right: -1px;	 */
	right: 0px;	
	/* Background Styles in persuasion/images.css-dist */
}

/*.blockFooter {
	background: url(/images/persuasion/solid_block_bottom_repeat.gif) repeat-x;
	position: relative;
	padding: 3px 15px 3px 15px;
	color: #f4f8fb;
	font-weight: bold;
	height: 28px;
	text-align: right;
}*/

/**********************************
 * navigation styles
 * *******************************/
/* TODO: these are the same tabs as in the wizard, we need a common implementation ... */

#pageHead {
	/* Background Styles in persuasion/images.css-dist */
	overflow: hidden;
	zoom: 1; /* for IE hasLayout */
	margin-top: 2px;
}

#pageHead.reduced {
	margin: 0 0 10px 0;
	margin-top: 2px;
}

.sectionNav {
	color: #555;
	margin: 0px auto;
	overflow: hidden;
	line-height: 4em;
	padding-left: 16px;
}

/* nav bar tabs */

.sectionNav ul {
	float: left;
}

.sectionNav li {
	margin: 0px;
	padding: 0px;
	display: inline;
}

.sectionNav li a {
	text-decoration: none;
}

.sectionNav li span {
	display: block;
	float: left;
	padding: 0.29em 1.0em 0.43em;
	color: #fff;
	font-weight: bold;
	font-size: 1.17em; /* 14px */
	cursor: pointer;
}

.sectionNav li.selected span {
	/* Background styles in persuasion/images.css-dist	 */
	cursor: pointer;
}

.sectionNav li.visited span {
	/* Background styles in persuasion/images.css-dist	 */
	cursor: pointer;
}

/**********************************
 *          Form Styles           *
 **********************************/
.formContainer{
	overflow: hidden;
}

.formContainer .formRow{
	overflow: hidden;
	margin: 3px 0;
}

.formContainer .formRow label{
	color: #005288;
	float: left;
	width: 110px;
	font-size: .9em;
	text-align: right;
	margin: 0 10px 0 0;
}

.formContainer .formRow div.inputGroup{
	margin: 0 0 0 120px;
}


/**********************************
 * page specific styles
 * *******************************/

body.persuasion #pageBody {
	overflow: visible;
	margin:0;
	margin-top: 2px;
}

	BODY.persuasion .ajaxResult {
		display: none;
		/*display: inline;
		display: block;*/
		}

body#about_member_agreement_php #pageBody ol, body#about_member_agreement_php #pageBody ul {
	padding:0 0 10px 20px;
}

body#forums_index_php #leftNav {
	margin-right: 8px;
}

body#forums_viewtopic_php .phpbb {
	padding: 5px;
}

body#forums_index_php .phpbb {
	padding: 6px;	
}


body#forums_index_php #top {
	margin-bottom:2px;
}


body#forums_search_php .genmed select{
	width: 200px;
}

body#forums_index_php td.spaceRow {
	width: 715px;
}

body#forums_viewforum_php .phpbb {
	padding:5px;
}


body#about_press_center_bob_young_bio_php .contact {
	text-align: right;
}

body#about_press_center_bob_young_bio_php .bioPic {
	float: right;
	margin: 0 0 10px 10px;
}

body#about_sitemap_php .siteMapCol{
	float: left;
	width: 33%;
}

body#about_sitemap_php .siteMapCol h3{
	margin-bottom: 0px;
}

body#about_sitemap_php .siteMapCol ul{
 	margin: 5px 0;
	padding-left: 20px;
	list-style: disc;
}

body#about_press_center_download_php img {
vertical-align:middle; }

body#about_press_center_download_php #pressMaterials ul {
list-style:none;
padding-left:5px; }

body#about_press_center_download_php #pressMaterials li {
vertical-align:middle;
background-color:#fff;
margin:10px; }

body#about_press_center_download_php #logoTable {
	width: 450px; }
	
body#about_press_center_download_php #logoTable th {
	padding: 20px;
	background-color: white; }

body#about_press_center_download_php #logoTable td {	
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 10px;
	text-align: center }
	
body#about_press_center_download_php #logoTable td#logoTableHeader {
	border: 0;
	text-align: left; }

body#about_press_center_download_php #logoTableHeader h1 { padding: 0; margin: 0; color: #000 }

/************************************
 * Buy now buttons
 * *********************************/

.code{
	background: #fff;
	padding: 5px;
	border: solid 1px #aaa;
	}

.codeRow {
	background: #ddd;
	margin: 10px 0;
	padding: 5px;
}

/**********************************
 * 	Lulu Button Styles
 *********************************/

/* Default Type 
*/

.luluButton {
	font-size: 10pt;
	/* Background styles in persuasion/images.css-dist	 */
	color: #000;
	padding: 2px 4px 2px 4px;
	text-decoration: none;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
	cursor: pointer;
}

/* GUI Rounded Type
*/
.guiRound {
	position:relative;
	border:none !important;
	background:none !important;
	padding:0;
}

a.guiRound {
	text-decoration:none !important;
	color:#fff !important;
	font-size:1.25em;
	font-weight:bold;
}

.guiRound span {
	padding: 8px 0 12px 0px;
	line-height:29px;
}
.guiRound .middle {
	padding-left:8px;
	padding-right:8px;
}
.guiRound .leftCap {
	padding-left:5px;
}
.guiRound .rightCap {
	padding-right:5px;
}

.luluButton.buttonDisabled {
	color:#999;
	cursor:default;
}

/*********************************
 * Services List/Browse
 * ******************************/

.keywordList ul {
	line-height: 1.3em;
}
	
.keywordList li {
	display: inline;
	margin-right: 5px;
}

.browseWidth {
	width: auto;
}

/**********************************
 *   re-implement default styles  *
 **********************************/
 ul.default, ol.default{
 	margin: 12px 0;
	padding-left: 40px;
 }

 ul.default{
 	list-style-type: disc;
}
  
 ul.default li, ol.default li{
 }


/**********************************
	Ajax submission data
---------------------------------*/

.zero {
	display: none;
}

/******************************************************
 * Preview Styles
 ******************************************************/

#previewblock {
	text-align: center;
}






