/******************************
 *      LeftNav Styles        *
 ******************************/

#leftNav {
    background: #edf4fa url('http://www.drawingsforweb.com/images/leftNavBackGrad.gif') repeat-x top left;
    position: relative; 
    margin: 0em 1em;
    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:transparent url('http://www.drawingsforweb.com/images/block_top_left.gif') no-repeat left top;
    left:0pt;
}


#leftNav .topRight {
    background:transparent url('http://www.drawingsforweb.com/images/block_top_right.gif') no-repeat right top;
    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: #70A4C7 url('http://www.drawingsforweb.com/images/block_top_repeat.gif') repeat-x top;
    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;
}


/****************************************************
 * Common Styles
 ****************************************************/

html {
    margin:0;
    padding:0;
}

body {
    margin:0;
    padding:0;
    background:#fff;
}
    
body.layoutFixed {
    background-color: transparent;
    background-image: url('http://www.drawingsforweb.com/images/2008.gif');
    background-position: 0 0;
    background-repeat: repeat-x;
    }
   
body#author_wizard_index_php {

    background-color: #fff;
}

/*body#author_index_php {

    background-image: url('http://www.drawingsforweb.com/images/2008.gif');
}   
*/
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 0px 0;
}

#pageHead.reduced h1 a {
    color: #fff;
}

a {
    text-decoration: underline;
}

a img {
    border: none;
}

/*****************************************************
* general styles above copied to components/body.css
*****************************************************/

/* form styles */

form {
    margin: 0px;
}

#pageBody {
    overflow:hidden;
    margin: 0 10px 0 10px;
	}

#pageBody.withNavExt {
    margin: 12px;
}

#pageBody DIV.content {
    overflow:hidden;
    overflow:visible;
    }
    BODY#index_php DIV#pageBody DIV.content { border:0; }
    DIV.withNavExt DIV.content { border:0; }
    
/*DIV#page {
    background-image: url('/images/persuasion/bg/content-regular.png');
    background-position: 0 0;
    background-repeat: repeat-y;
    background-color: transparent;
    }*/

label.required {
    font-weight:bold;
    color:#222;
}
/**********************************************
* form styles copied to components/forms.css
**********************************************/

/* table styles */

table {
    border-collapse: collapse;
    border-spacing: 0px;
}

/**********************************************
* table styles copied to components/table.css
**********************************************/

/* side drop shadows */
#page {
    background-image: url('http://www.drawingsforweb.com/images/back.gif');
    background-image: none;
    background-repeat: repeat-y;
    background-position: top left;
}

div.layoutFixed {
    margin: 0 auto;
    width: 736px;
}

#wrap {
    margin: 0 0px 0 10px;
    margin: 0;
	background: #fff url('http://www.drawingsforweb.com/images/wrap_bg.gif') repeat-y;
	}

/***************************************
* Footer drop shadow copied to body.css
***************************************/

body.persuasion #pageDrop {
	/*	holidays 2008
	 *	background-image: url('http://www.drawingsforweb.com/images/page_end.gif');
	 */
	}

/* footer drop shadow */


#pageDrop {
    background-color: transparent;
    background-repeat: repeat-x;
    background-position: top center;
    border-top: solid 1px #a0cde8;
    height: 60px;
    width: 100%;
    }

/* Copyright (post page drop)   */
DIV#copyright {
    color: #808080;
    font-size: 0.9em;
    margin: 10px 6px 12px 0;
    float: none;
}
    DIV#copyright A:link, DIV#copyright A:visited {
        text-decoration: underline;
        color: #808080;
    }
/*************************************************
* copyright copied to components/message.css
*************************************************/


/* 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, .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
}


/*************************************************
* copyright copied to components/message.css
*************************************************/


/* Simple style to make a smaller, less emphasized paragraph. */

.indent, .blockBody .indent { 
    font-size: 100%;
    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;
    background: #ffffcc url('http://www.drawingsforweb.com/images/important.gif') 5px 5px no-repeat;
}


/**************************
 *  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 */  
}

/****************************************************
 * luluNotice class styles moved to styles/components/notice.css
 ****************************************************/

/***********************
 *   page body styles  *
 ***********************/

#contentHeader {
    margin:0 0 0 0;
    padding:0 0 0 15px;
    color:#ffffff;
    line-height:40px;
    background: url('http://www.drawingsforweb.com/images/contentHeaderBG.gif') no-repeat right top;
}

#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;
   */ }

#pageHead.reduced {
/*  margin-top: 2px;
*/  }
    BODY.persuasion #pageHead.reduced {
        margin: 0 0 10px 0px;
        margin: 0 0 0 0px;
        width: 736px;
		height: 65px;
		}


/* hz orange bar tabs ========= */

.sectionNav {
    color: #555;
    margin: 0px auto;
    overflow: hidden;
    padding-left: 16px;
    line-height: 49px;
    height: 58px;    
}
.sectionNav li.selected span {
    background-repeat: no-repeat;
    background-position: 50%;
    height:15px;
    padding-bottom:2em;
    position: relative;
}

#page.layoutFixed  div#clear {
    display:none;
}


#clear {
    background-color:#fff;
    height:20px;
    overflow:visible;
    margin-top: -20px;
    border-color:#A7CEED;
    border-style:solid;
    border-width:0 1px;
} 
   
.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: 1em;
    color: #fff;
    font-weight: bold;
    font-size: 1.17em; /* 14px */
    cursor: pointer;
    line-height: 1em;
    overflow:visible;
}


.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#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 div.content{
    padding: 0 0 0 1.5em;
    }
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;
    margin-top: 10px;
    border: solid 1px #aaa;
    overflow: scroll;
    }

.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: 4px;
}
.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;
}

/******************************************************
 * New button styles
 ******************************************************/


    .productButton {
        padding: 0; margin: 0;  
        list-style: none }
        
    .productButtonLeft, .productButtonRight {
        float: left;
        width: 13px;
        height: 33px; }
        
    .productButtonLeft {
        background: transparent url(/images/persuasion/buttons/pbuttonOrangeL.png) no-repeat; }

    .productButtonRight {
        background: transparent url(/images/persuasion/buttons/pbuttonOrangeR.png) no-repeat; } 

    .productButtonMid {
        font: bold 1em 'Trebuchet MS', arial, sans-serif; 
        color: #fff;
        float: left;
        height: 33px;
        line-height: 28px; /* This controls the vertical placement of the text */
        background: transparent url(/images/persuasion/buttons/pbuttonOrangeM.png) repeat-x; }  


/**********************************************
 *	holidays 2008
**********************************************/

BODY.persuasion {
	background-image: url('http://www.drawingsforweb.com/images/2008holiday.gif');
	background-attachment: fixed;
	background-color: #f6f9fa;
	}

BODY.persuasion DIV#wrap {
	background-color: transparent;
	background-image: none;
	}

BODY.persuasion #pageBody {
	background: #fff url('http://www.drawingsforweb.com/images/wrap_bg.gif') repeat-y;
}

/*********************************************/