/* © 2008 HowStuffWorks, Inc. */
body
{
font-family     : Arial, Helvetica, Verdana, sans-serif;
color           : #333;
font-size       : 9pt;
background-color: #E5E6E6;
}
html,body,form,input,img,ul,ol,li,span
{
margin : 0;
padding: 0;
}
h1,h2,h3,h4,h5,p
{
margin : 0 0 5px 0;
padding: 0;
}
a,a:visited
{
color           :#005288;
text-decoration :none;
}
a:hover
{
text-decoration :underline;
}
img
{
border          : none;
}
h2
{
font-size       : 15pt;
}
h3
{
font-size       : 13pt;
margin-bottom   : 5px;
}
h4
{
font-size       : 9pt;
}
h5
{
font-size       : 9pt;
margin-bottom   : 0;
color           : #333;
}
.italic
{
font-style      : italic;
}
.error
{
color           : #FF0000;
}
.blockAlignLeft
{
margin: auto auto auto 0;
}
.blockAlignRight
{
margin: auto 0 auto auto;
}
.blockAlignCenter
{
margin         : 0 auto;
text-align     : center;
}
/* � 2008 HowStuffWorks, Inc. */
/* float clearing style*/
.clearer{display:block; margin:0; padding:0; clear:both; font-size:1px; width:1px; height:1px; overflow:hidden;}
.clearerLeft{display:block; margin:0; padding:0; clear:left; font-size:1px; width:1px; height:1px; overflow:hidden;}
/* simple margins and paddings */
.m10t{
margin-top:10px;
}
/* makes any element display inline or block */
*.inline{
display:inline;
}
*.block{
display:block;
}
*.hidden{
display:none;
}
/* generic floating classes */
.lineRight
{
float:right;
}
.lineLeft
{
float:left;
}
.lineCenter
{
float:none;
}
.center
{
text-align:center;
}
.vm
{
vertical-align:middle;
}
/* links */
a.more
{
font-weight:bold;
}
a.print
{
margin-left: 16px;
padding-left: 16px;
font-size: 10px;
}
a.email
{
padding-left: 13px;
font-size: 10px;
}
a.feedback
{
padding-left:14px;
font-size: 10px;
}
a.cite
{
padding-left:14px;
font-size: 10px;
}
a.share
{
padding-left:15px;
font-size: 10px;
}
a.shareVideo
{
background-image:url(http://static.howstuffworks.com/en-us/default/icons/icon_share.gif);
background-repeat:no-repeat;
background-position:0 center;
padding-left:13px;
}
/* list styles */
ul.plain
{
list-style:none;
margin:0;
padding:0;
}
ul.relatedList,
ul.relatedList-tight
{
list-style:none;
font-weight:bold;
margin:0;
padding:0;
overflow:hidden;
}
ul.relatedList li
{
margin-bottom:10px;
}
ul.inline
{
list-style:none;
display:inline;
}
ul.inline li
{
list-style:none;
display:inline;
padding-right:4px;
}
ul.inline li .spacer
{
padding-left: 6px;
}
ul.linkList
{
color:#005288;
}
ol.top5
{
list-style:none;
}
ol.top5 li
{
list-style:none;
margin-bottom:5px;
font-weight:bold;
line-height:16pt;
}
ol.top5 li span.counter{
display:block;
float:left;
width:20px;
}
ol.top5 li.top{
font-size:13pt;
}
ol.top5 li.top span.counter{
font-size:16pt;
}
/* text stylings*/
.lg{
font-size:10pt;
}
.sm{
font-size:8pt;
}
.dark{
color:#000;
}
/* titles */
h1.libTitle{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/bg_module_title.gif);
background-repeat:repeat-x;
background-color:#fff;
color:#ff9c44;
font-size:20pt;
font-weight:normal;
padding:0 8px 0 8px;
height:34px;
margin-bottom:0px;
float:left;
text-align:left;
}
h1.mTitle{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/bg_module_title.gif);
background-repeat:repeat-x;
background-color:#fff;
color:#ff9c44;
font-size:20pt;
font-weight:normal;
padding:0 8px 0 8px;
height:34px;
margin-bottom:0px;
}
h2.title-sm{
margin:0 0 9px 0;
padding:0;
color:#ff9c44;
font-size:16.5pt;
font-weight:normal;
line-height:1em;
}
h2.title-sm-gallery{
margin:0 0 0px 3px;
padding:0;
color:#ff9c44;
font-size:16.5pt;
font-weight:normal;
line-height:1em;
}
h2.title-comm{
margin:0 0 9px 0;
padding:0;
color:#6c6363;
font-size:12pt;
font-weight:bold;
line-height:1em;
}
h1.title-lg{
margin-bottom:5px;
color:#ff9c44;
font-size:22pt;
}
h2.title-lg{
margin-bottom:10px;
padding:0;
color:#ff9c44;
font-size:20pt;
font-weight:normal;
line-height:1em;
}
h2.title-lg-sub{
margin-top: 15px;
margin-bottom:5px;
padding:0;
color:#ff9c44;
font-size:20pt;
font-weight:normal;
line-height:1em;
}
h2.title-lg-plain{
margin:0 0 9px 0;
color:#ff9c44;
font-size:20pt;
font-weight:normal;
line-height:1em;
}
h3.ptitle{
margin-bottom:0;
font-size:9pt;
font-weight:bold;
}
h3.sTitle{
margin-bottom:10px;
color:#666;
}
h3.sTitle-tight{
margin-bottom:0;
color:#666;
}
p.intro-text{ /* used for single paragraph just below module title */
margin-bottom:15px;
padding-bottom:10px;
border-bottom:1px dotted #d1d1d1;
}
h3.ftitle{ /* used for single paragraph just below module title */
color:#000000;
font-weight:bold;
display:inline;
font-size:14pt;
}
/* thumbnail Images */
.thumbnail{
background-color:#fff;
border:1px solid #d2d2d2;
padding:1px;
}
/* forms */
form.inline input,
form.inline label
{
vertical-align:middle;
}
form label
{
font-weight   : bold;
color         : #333;
}
input.bsize{
font-size:10pt;
height:17px;
padding:3px;
vertical-align:middle;
border:1px solid #d2d2d2;
color:#999;
}
.stacked label{
display:block;
vertical-align:middle;
margin-bottom:5px;
}
.stacked label input{
margin-right:3px;
vertical-align:middle;
}
/* miscellaneous */
.relatedContainer{
margin-left:30px;
width:235px;
float:left;
}
.relatedContainer .relatedList-tight{
font-size: 10pt;
}
.related-inset{
font-size: 10pt;
margin-bottom: 13px;
width: 210px;
}
.related-inset h4{
color:#ff7800;
margin-bottom:0;
font-size:10pt;
}
.related-inset p{
margin-bottom:0;
}
.related-inset li{
font-weight:bold;
}
.pagination-arrow{
vertical-align:middle;
}
.disclaimer
{
width: 600px;
font-size: 11px;
margin: 10px;
text-align: center;
}
/* © 2008 HowStuffWorks, Inc. */
.bodyCont
{
margin:0 auto;
padding:0;
border-left: 1px solid #bcbbbb;
border-right: 1px solid #bcbbbb;
width:980px;
background-color:#fff;
text-align: left;
}
/* main content */
#mainCont
{
padding:5px 9px 25px 9px;
}
.module
{
margin-bottom:9px;
}
.basic-container
{
border:1px solid #d6d6d6;
padding:8px;
}
.outergallery
{
background: #eee;
margin: 0;
padding: 0px;
margin-top:10px;
}
.gallery
{
background: #fff;
width: 520px;
margin:0 0 0 50px;
border-top: none;
border-bottom: dotted silver 1px;
padding: 3px 0px 3px 0px;
}
.bodyCont .fullCol
{
width:960px;
}
.bodyCont .todays
{
width:960px;
margin-bottom: 10px;
}
.bodyCont .todaysCol4
{
margin-left:2px;
width:225px;
float: left;
margin-right:2px;
}
.bodyCont .todaysCol5
{
margin-left:2px;
width:225px;
float: left;
margin-right:2px;
}
.bodyCont .todaysCol6
{
margin-left:2px;
width:225px;
float: left;
margin-right:2px;
}
.bodyCont .todaysCol7
{
margin-left:2px;
width:225px;
float: left;
}
/* column 1 */
.bodyCont .col1
{
float:left;
width:640px;
text-align: left;
}
.bodyCont .tl
{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/cornered/tl.gif);
background-repeat:no-repeat;
}
.bodyCont .tr
{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/cornered/tr.gif);
background-repeat:no-repeat;
background-position:100% 0;
}
.bodyCont .br
{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/cornered/br.gif);
background-repeat:no-repeat;
background-position:100% 100%;
}
.bodyCont .bl
{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/cornered/bl.gif);
background-repeat:no-repeat;
background-position:0 100%;
padding:13px;
}
/* individual modules */
/* top videos */
.flashFlipbook
{
border:1px dashed #d2d2d2;
margin:0 0 12px 0;
padding: 0;
padding-left: 25px;
}
/* cornered */
.cornered
{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/cornered/tl.gif);
background-repeat:no-repeat;
}
.cornered .tr
{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/cornered/tr.gif);
background-repeat:no-repeat;
background-position:100% 0;
}
.cornered .br
{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/cornered/br.gif);
background-repeat:no-repeat;
background-position:100% 100%;
}
.cornered .bl
{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/cornered/bl.gif);
background-repeat:no-repeat;
background-position:0 100%;
padding:9px;
}
/* triplet module*/
.triplet
{
width:640px;
background-image:url(http://static.howstuffworks.com/en-us/default/layout/triplet/top.gif);
background-repeat:no-repeat;
}
.triplet .triplet-inner
{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/triplet/bottom.gif);
background-repeat:no-repeat;
background-position:0 100%;
}
.topFiveTitle
{
color: #ff9c44;
font-size: 16px;
font-weight: bold;
text-align: center;
margin: 10px 0px 15px 0px;
}
.triplet .c1,
.triplet .c2
{
margin-right:10px;
}
.triplet .c1
{
float:left;
padding:12px 20px;
width:164px;
}
.triplet .c2,
.triplet .c3
{
float:left;
width:182px;
padding:12px 13px;
}
.keepAsking
{
float:left;
padding:12px 3px;
width:380px;
margin-right:10px;
}
.todaysPoll
{
float:right;
width:200px;
padding:12px 0px;
}
.keepAskingAnswers
{
margin-top:25px;
min-height:280px;
}
.keepAskingAnswers .questionContainer
{
margin-top: 3px;
text-align:justify;
}
.keepAskingAnswers .header
{
float: left;
margin-right:5px;
font-weight:bold;
}
.keepAskingAnswers .question
{
margin-left:18px;
width: 360px;
text-align:justify;
}
.keepAskingAnswers .question .author
{
color:#777;
display:inline;
}
.keepAskingAnswers .answer
{
margin-left:18px;
font-weight:bold;
width: 360px;
text-align:justify;
}
.keepAskingAnswers .answerContainer
{
margin-top: 3px;
text-align:justify;
}
.keepAskingAnswers .label
{
float:left;
width:100px;
text-align:right;
margin-right:10px;
}
.keepAskingAnswers .field
{
margin-left:10px;
margin-left:10px;
font-size:8pt;
}
.keepAskingAnswers .fieldInput
{
width:240px;
}
.keepAskingAnswers .fieldDropDown
{
width:245px;
}
.keepAskingAnswers .noLabelField
{
display:inline;
padding-left:110px;
text-align:left;
margin-right:10px;
font-size:8pt;
}
.keepAskingAnswers .responseRequired
{
font-weight:bold;
color:#B00000;
padding-top: 5px;
}
#keepAskingSuccess
{
margin-top: 25px;
}
#keepAskingSuccess .keepAskingSuccessLink {
font-weight:bold;
cursor:pointer;
}
.keepAskingAnswers .required {
color:#777;
float: left;
width: 100px;
text-align: right;
margin-right: 10px;
}
.keepAskingGoButton  {
cursor:pointer;
}
.keepAskingAnswers .counter
{
color:#777;
text-align: right;
margin-right: 38px;
}
.keepAskingButtons
{
height: 30px;
margin-top: 10px;
}
.keepAskingButtons .actions{
vertical-align:bottom;
background-color:#fff;
text-align:right;
}
.keepAskingButtons .actions h3 {
font-weight:bold;
}
.keepAskingButtons .actions h3 a {
cursor:pointer;
text-decoration: none;
}
.keepAskingButtons .required {
color:#777;
float: left;
width: 250px;
padding-left: 20px;
}
.keepAskingButtons .go {
cursor:pointer;
float: left;
}
.keepAskingCancel{
font-weight:bold;
cursor:pointer;
float: right;
}
.keepAskingAnswers .actions h3 {
font-weight:bold;
text-align: right;
margin-right: 35px;
}
.keepAskingAnswers .actions h3 a {
cursor:pointer;
text-decoration: none;
}
#talkAbout{
width:400px;
}
#talkAbout .thumbNail{
width: 127px;
margin: 0px 2px 0px 2px;
float: left;
padding: 0px;
text-align: center;
}
#talkAbout .thumbNail A{
display: block;
color:#0056a9;
font-weight:bold;
font-size: 12px;
}
#talkAbout .thumbNail A:hover{
text-decoration: none;
}
/* "balloon" module */
.balloonCont
{
min-height: 225px;
}
.balloonButtons
{
height: 30px;
}
.balloonButtons .actions{
vertical-align:bottom;
background-color:#fff;
text-align:center;
}
.balloonButtons .actions img{
margin:0 10px;
vertical-align:middle;
}
.balloonButtons .actions .action-link{
font-weight:bold;
color:#777;
}
.balloonButtons .actions .action-link span{
color:#0056a9;
}
.balloonButtons .toggle{
cursor:pointer;
}
.ballooned{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/ballooned/content.gif);
background-repeat:repeat-y;
}
.ballooned .top{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/ballooned/top.gif);
background-repeat:no-repeat;
width:142px;
padding:10px 20px 0 20px;
text-align:center;
}
.ballooned .top p{
margin:0;
color:#717171;
font-weight:bold;
}
.ballooned .bottom{
background-color:#fff;
background-image:url(http://static.howstuffworks.com/en-us/default/layout/ballooned/bottom.gif);
background-repeat:no-repeat;
width:147px;
padding:40px 20px 20px 15px;
min-height:10px;
}
.ballooned .actions{
vertical-align:bottom;
background-color:#fff;
text-align:center;
}
.ballooned .actions img{
margin:0 10px;
vertical-align:middle;
}
.ballooned .actions .action-link{
font-weight:bold;
color:#777;
}
.ballooned .actions .action-link span{
color:#0056a9;
}
.ballooned .toggle{
cursor:pointer;
}
/* this is for the rollover tabs on the About and RSS pages */
.tabbed .tabs
{
float:left;
width:156px;
margin-right:11px;
}
.tabbed .tabs ul,
.tabbed .tabs ul li
{
list-style:none;
margin:0;
padding:0;
}
.tabbed .tabs ul li a
{
display:block;
border:1px solid #e0e0e0;
background-image:url(http://static.howstuffworks.com/en-us/default/layout/tabbed/bg_tab.gif);
background-repeat:repeat-x;
background-color:#6C6B6A;
color:#fff;
font-size:10pt;
font-weight:bold;
padding:6px 0px 3px 10px;
min-height:21px;
text-decoration:none;
}
.tabbed .tabs ul li a:hover
{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/tabbed/bg_tab_hover.gif);
background-color:#373737;
border-color:#fff;
}
.tabbed .tabs ul li a.on,
.tabbed .tabs ul li a.on:hover
{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/tabbed/icon_on.gif);
background-repeat:no-repeat;
background-position: left center;
background-color:#fff;
border-color:#fff;
color:#777;
}
/* WHATS INSIDE */
#whatsInside
{
width: 638px;
border-left: 1px solid #cecece;
border-right:  1px solid #cecece;
border-bottom:  1px solid #cecece;
margin-bottom: 9px;
padding-bottom: 0px;
}
#whatsInside .vTabbed .tabs
{
float:left;
width:156px;
background-color: #f8f8fa;
margin-bottom: 0px;
padding-bottom: 0px;
border-right: solid 1px #cecece;
}
#whatsInside .vTabbed .tabs ul
{
background-color: #f8f8fa;
}
#whatsInside .vTabbed .tabs ul li
{
list-style:none;
margin:0;
padding:0;
width: 150px;
}
#whatsInside .vTabbed .tabs ul li a
{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/tabbed/arrow-right.gif);
background-repeat:no-repeat;
background-position: 145px center;
border-bottom: 1px dotted #cecece;
background-color:#f8f8fa;
color:#666666;
font-size:10pt;
font-weight:bold;
text-align: right;
padding:6px 15px 3px 0px;
display: block;
min-height:21px;
text-decoration:none;
cursor: pointer;
}
/* active tab */
#whatsInside .vTabbed .tabs ul li a.on,
#whatsInside .vTabbed .tabs ul li a.on:hover
{
background-color:#ffffff;
border-right: none;
border-top: 1px solid #cecece;
border-bottom: 1px solid #cecece;
color:#777;
}
/* is this a valid selector? (MCB 10/21/2009) */
#whatsInside .vTabbed .tabs ul li a.on#tab-wi-1,
#whatsInside .vTabbed .tabs ul li a.on:hover#tab-wi-1
{
border-top: none;
}
#whatsInside .vTabbed .tabs ul li a.tab-more-btn,
#whatsInside .vTabbed .tabs ul li a.tab-more-btn:hover
{
background-color: #e5e5e7;
background-image:url(http://static.howstuffworks.com/en-us/default/layout/tabbed/arrow-down.gif);
background-repeat:no-repeat;
background-position: 51px center;
color: #666666;
text-decoration: none;
width: 141px;
}
#whatsInside .vTabbed .tabs ul li a.tab-less-btn,
#whatsInside .vTabbed .tabs ul li a.tab-less-btn:hover
{
background-color: #e5e5e7;
background-image:url(http://static.howstuffworks.com/en-us/default/layout/tabbed/arrow-up.gif);
background-repeat:no-repeat;
background-position: 28px center;
color: #666666;
text-decoration: none;
width: 141px;
}
#whatsInside .vTabbed .tab-content
{
padding-left:25px;
padding-top: 20px;
padding-bottom: 20px;
float:left;
width:447px;
}
#whatsInside .vTabbed .tab-content .prime-item
{
padding-bottom: 15px;
margin-bottom:10px;
border-bottom:1px dotted #c5c9cb;
}
#whatsInside .vTabbed .tab-content .prime-item .thumb
{
margin-right:15px;
}
#whatsInside .vTabbed .tab-content .prime-item .content
{
width:296px;
font-weight:normal;
}
#whatsInside .vTabbed .tab-content .prime-item h2
{
margin-bottom:3px;
}
#whatsInside .vTabbed .tab-content .c1,
#whatsInside .vTabbed .tab-content .c2
{
float:left;
width:218px;
}
#whatsInside .vTabbed .tab-content .c1
{
margin-right:11px;
}
#whatsInside .vTabbed .tab-content .thumb
{
float:left;
margin-right:6px;
}
#whatsInside .vTabbed .tab-content .item
{
margin-bottom:25px;
}
#whatsInside .vTabbed .tab-content .last
{
margin-bottom:0;
}
#whatsInside .vTabbed .tab-content .content
{
float:left;
font-weight:bold;
width:138px;
}
#whatsInside .vTabbed .tab-content .off
{
display:none;
}
/* what's hot module */
#whatsHot .vTabbed .tabs
{
float:left;
width:156px;
margin-right:11px;
}
#whatsHot .vTabbed .tabs ul,
#whatsHot .vTabbed .tabs ul li
{
list-style:none;
margin:0;
padding:0;
}
#whatsHot .vTabbed .tabs ul li a
{
display:block;
border:1px solid #e0e0e0;
background-image:url(http://static.howstuffworks.com/en-us/default/layout/tabbed/bg_tab.gif);
background-repeat:repeat-x;
background-color:#6C6B6A;
color:#fff;
font-size:10pt;
font-weight:bold;
padding:6px 0px 3px 10px;
min-height:21px;
text-decoration:none;
}
#whatsHot .vTabbed .tabs ul li a:hover
{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/tabbed/bg_tab_hover.gif);
background-color:#373737;
border-color:#fff;
}
#whatsHot .vTabbed .tabs ul li a.more
{
text-align:center;
}
#whatsHot .vTabbed .tabs ul li a.on,
#whatsHot .vTabbed .tabs ul li a.on:hover
{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/tabbed/icon_on.gif);
background-repeat:no-repeat;
background-position: left center;
background-color:#fff;
border-color:#fff;
color:#777;
}
#whatsHot .vTabbed .tab-content
{
float:left;
width:447px;
}
#whatsHot .vTabbed .tab-content .c1,
#whatsHot .vTabbed .tab-content .c2
{
float:left;
width:218px;
}
#whatsHot .vTabbed .tab-content .c1
{
margin-right:11px;
}
#whatsHot .vTabbed .tab-content .thumb
{
float:left;
margin-right:6px;
}
#whatsHot .vTabbed .tab-content .item
{
margin-bottom:25px;
}
#whatsHot .vTabbed .tab-content .last
{
margin-bottom:0;
}
#whatsHot .vTabbed .tab-content .content
{
float:left;
font-weight:bold;
width:138px;
}
#whatsHot .vTabbed .tab-content .off
{
display:none;
}
/*featured items module */
#featuredItems{
border:1px solid #d2d2d2;
background-color:#f8f8f8;
}
/*tab styles */
#featuredItems .tabs{
margin-bottom:12px;
}
#featuredItems .tab-content .off{
display:none;
}
#featuredItems .tabs ul,
#featuredItems .tabs li{
list-style:none;
padding:0;
margin:0;
}
#featuredItems .tabs li{
float:left;
}
#featuredItems  h1.mTitle{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/tabbed/bg_tab_on.gif);
}
#featuredItems .tabs a
{
display:block;
background-image:url(http://static.howstuffworks.com/en-us/default/layout/tabbed/bg_tab.gif);
background-repeat:repeat-x;
background-color:#888;
color:#fff;
font-size:13pt;
font-weight:bold;
padding :  4px 8px 0 8px;
height  : 23px;
text-decoration:none;
width:196px;
border-right:1px solid #fff;
text-align:center;
margin-bottom:7px;
}
#featuredItems .tabs li.single
{
float:none;
}
#featuredItems .tabs li.single a,
#featuredItems .tabs li.single a.on,
#featuredItems .tabs li.single a.on:hover,
#featuredItems .tabs li.single a:hover
{
width:auto;
text-align:left;
padding-left:15px;
}
#featuredItems .tabs a.last{
border-right:none;
}
#featuredItems .tabs a:hover{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/tabbed/bg_tab_hover.gif);
background-color:#474747;
}
#featuredItems .tabs a.on,
#featuredItems .tabs a.on:hover{
margin-bottom:0;
font-size:20pt;
background-image:url(http://static.howstuffworks.com/en-us/default/layout/tabbed/bg_tab_on.gif);
background-color:#fff;
height:34px;
color:#ff9c44;
font-weight:normal;
padding:0 8px;
}
/* content styles */
#featuredItems .off{
display:none;
}
#featuredItems .item .pic{
float:left;
margin:0 25px 0 12px;
}
#featuredItems .item .thumbnail{
background-color:transparent;
margin-top:5px;
}
#featuredItems .content{
float:left;
width:335px;
}
#featuredItems .secondary-layout .content{
width:435px;
}
#featuredItems .content h3{
margin-bottom:0;
}
#featuredItems .content .extras .icons{
background-color:#fff;
border:1px dashed #ff7800;
padding:8px 10px 0 10px;
width:118px;
margin-right:17px;
float:left;
}
#featuredItems .content .extras .icons a{
display:block;
height:auto;
padding-left:25px;
background-repeat:no-repeat;
font-weight:bold;
}
#featuredItems .content .extras .icons .videoLink{
width: auto;
margin-bottom:7px;
}
#featuredItems .content .extras .icons .pictureLink{
background-image:url(http://static.howstuffworks.com/en-us/default/icons/bul_photo_camera.gif);
}
#featuredItems .content .extras .related{
float:left;
width:165px;
padding-top:10px;
}
#featuredItems .content .extras .related ul{
list-style:none;
margin:0;
padding:0;
font-weight:bold;
}
#featuredItems .content .extras .related h4{
margin-bottom:0;
font-size:9pt;
}
/* secondary tabs */
#featuredItems .articles{
height:70px;
background-color:#fff;
border-top:1px solid #d2d2d2;
margin:10px 0 0 0;
position:relative;
}
#featuredItems .stabs{
float:left;
width:638px;
height:69px;
overflow:hidden;
position:relative;
z-index:1;
}
#featuredItems .stabs .on .thumbnail{
border-color:#005288;
}
#featuredItems .stabs ul,
#featuredItems .stabs ul li{
display:block;
list-style:none;
margin:12px 0 0 8px;
padding:0;
height:52px;
}
#featuredItems .stabs ul{
position:relative;
}
#featuredItems .stabs ul li{
float:left;
width:140px;
font-size:7pt;
font-weight:bold;
padding:0;
margin:0 17px 0 0;
}
#featuredItems .stabs ul li a{
display:block;
}
#featuredItems .stabs ul li .thumbnail{
margin:0 5px 0 0;
vertical-align:middle;
float:left;
}
/* related module styles */
.relatedBox .c1{
float:left;
width:360px;
margin-right:35px;
}
.relatedBox .c2{
width:210px;
float:left;
}
.relatedBox .item{
margin-bottom:13px;
}
.relatedBox .thumb{
margin-right:8px;
float:left;
}
.relatedBox .content{
float:left;
width:245px;
}
.relatedBox .noimage{
width:355px;
}
.relatedBox .c1 h3{
margin-bottom:2px;
}
/* thematic maps box */
.themedBox {
width: 622px;
}
.themedBox .c1{
float:left;
width:285px;
margin-right:35px;
}
.themedBox .c2{
width:285px;
float:left;
}
.mapStatsBox td {
padding: 5px;
}
.citeBox
{
width: 400px;
border: 1px solid #d2d2d2;
display: none;
z-index: 80;
margin-top: 5px;
}
.citeBox .header
{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/nav/bg_tab_off.gif);
background-repeat:repeat-x;
color: #ffffff;
padding: 2px;
height: 15px;
}
.citeBox .label
{
float: left;
font-weight: bold;
font-size: 11px;
padding-left: 2px;
}
.citeBox .close
{
font-size: 10px;
float: right;
}
.citeBox .close a
{
text-decoration: none;
color: #ffffff;
}
.citeBox .citation
{
background: #ffffff;
color: #999;
font-weight: normal;
font-size: 10px;
text-align: left;
white-space: normal;
}
.citeBox .citation .text
{
color: #999;
font-size: 10px;
padding: 3px;
margin: 5px;
border: 1px dashed #999;
}
/* extra links box */
.extraLinksBox{
width: 622px;
}
.extraLinksBox .c1{
width:240px;
margin-right:30px;
float:left;
clear:left;
margin-left: 20px;
list-style: disc inside;
}
.extraLinksBox .c2{
width:320px;
float:left;
list-style: disc inside;
}
/* google ads */
.col1  .google-ads .ads{
float:left;
margin-top:15px;
}
/* feature highlight module */
.feature-highlight {
width: 622px;
}
.feature-highlight .c1{
float:left;
width:384px;
margin-right: 8px;
}
.feature-highlight .c2{
float:left;
width:190px;
padding-left: 5px;
}
.feature-highlight .c1 .thumb{
float:left;
margin-right:10px;
}
.feature-highlight .c1 .content{
float:left;
width:270px;
}
/* library module */
.library{
border:1px solid #d2d2d2;
border-bottom:none;
width:638px;
}
.library .thumb,
.library .content{
float:left;
}
.library .head
{
padding: 0px 9px 9px 9px;
}
.library .items
{
padding: 9px;
}
.library .pagination{
padding:3px 9px;
border-top:1px solid #d2d2d2;
border-bottom:1px solid #d2d2d2;
background-color:#f8f8f8;
font-weight:bold;
}
.library .head .thumb{
margin-right:14px;
}
.library .head .content{
width:465px;
}
.library .head .contentNoThumb{
width:585px;
}
.library .items .thumb{
margin-right:10px;
width: 100px;
}
.library .items .content{
width:185px;
}
.library .items .noimage{
width:285px;
}
.library .items .c1,
.library .items .c2{
float:left;
width:300px;
}
.library .items .c1{
margin-right:14px;
}
.library .items .item{
margin-bottom:25px;
}
.library .items h4.title{
margin-bottom:0;
font-size:11pt;
}
.library .items h4 {
margin-bottom:0;
}
.library .pagination ul{
list-style:none;
float:right;
}
.library .pagination ul li{
display:inline;
list-style:none;
margin:0 2px;
font-weight:bold;
}
.library .pagination span{
color:#2d80b6
}
.library .recipeIndexItem {
margin: 15px;
padding: 0px;
font-size: 11px;
width: 170px;
float: left;
}
.library .recipeIndexItem a {
text-decoration: none;
}
.library .recipeIndexItem a:hover {
text-decoration: underline;
}
.library .recipeIndexItem p {
text-align: center;
}
.library .recipeIndexItem img {
border: 1px solid #ddd;
}
/* article styles */
.article{
border:1px solid #d2d2d2;
}
.article .head{
float: left;
width: 455px;
margin-bottom: 5px;
}
.article .foot{
background-color:#f8f8f8;
border-top:1px solid #d2d2d2;
border-bottom:1px solid #d2d2d2;
padding:5px 13px;
position:relative;
}
.article .content{
padding:0 13px 20px 13px;
border-bottom: 1px solid #d2d2d2;
}
/* pagination */
.article .pagination{
padding-bottom:3px;
border-bottom:1px dotted #d2d2d2;
margin: 10px 8px 9px 5px;
}
.article .pagination .previous{
font-weight:bold;
font-size:11pt;
padding:0 0 0 11px;
float: left;
background-image:url(http://static.howstuffworks.com/en-us/default/icons/icon_pagination_arrow_left_v2.gif);
background-repeat:no-repeat;
background-position:0 center;
}
.article .pagination .next{
font-weight:bold;
font-size:11pt;
padding:0 11px 0 0;
float: right;
background-image:url(http://static.howstuffworks.com/en-us/default/icons/icon_pagination_arrow_right_v2.gif);
background-repeat:no-repeat;
background-position:100% center;
}
.article .pagination .pages{
text-align:center;
}
.article .pagination .pages a{
color:#2d80b6;
font-weight:bold;
}
.article .pagination .pages a.on{
font-size:11pt;
color:#005288;
}
/* page listing */
.article .pageList{
margin: 20px 5px 10px 0;
font-weight:bold;
}
.article .pageList h3{
font-size:10pt;
color:#333;
}
.article .pageList .column{
margin:0 12px 0 0;
padding:0 0 0 17px;
float:left;
}
.article .pageList .column li{
padding:0;
margin:0 0 5px 10px;
font-size:8pt;
}
.article .pageList .column li a.on{
color:#414141;
}
.article .pageList li.more{
list-style-type: none;
display: inline;
}
.article .pageList li.more a{
padding-right:8px;
background-repeat:no-repeat;
background-position:100% center;
}
ol.articleTOCSeeMore
{
border           : 1px solid #d2d2d2;
background-color : #fff;
padding          : 2px 20px 5px 15px;
width            : 155px;
display          : none;
font-weight      : bold;
}
.article .head .pageList .column {
width: 155px;
}
.article .foot .pageList .column {
width: 250px;
}
/* content styles */
.article .content .title{
margin-bottom:10px;
color:#333;
}
.article .content .title h1{
font-size:18px;
margin-bottom:2px;
margin-top:2px;
}
.article .content .title p{
font-size:8pt;
margin:0;
}
/* main content styles */
.article .content .body .main p{
margin-bottom:15px;
}
.article .content .body .main h3{
font-size:9pt;
}
.article .content .body .main .insert{
margin:0 0 15px 0;
}
.article .content .body .main .insert img{
margin-bottom:2px;
}
.article .content .body .main .insert p{
width:400px;
text-align:center;
}
.article .content .body .main .insert p.credit{
font-size:7pt;
margin-bottom:0;
}
.article .content .body .main .insert p.caption{
font-weight:bold;
}
/* icons */
.article .content .icons{
margin:0 0 9px 0px;
position:relative;
display:block;
}
.article .content .icons li{
padding-right:2px;
}
/* learn more styles */
.learnMore{
float:right;
border:1px solid #d2d2d2;
margin:0 0 10px 10px;
background-color:#eef4f6;
padding:10px;
width:150px;
}
.learnMore h3{
padding-bottom:3px;
border-bottom:1px dotted #d2d2d2;
margin-bottom:9px;
font-size:10pt;
}
.learnMore li{
font-weight:bold;
margin-bottom:10px;
font-size:8pt;
}
/* extras styles */
.articleExtras{
padding:10px;
border:1px solid #d2d2d2;
background-color:#f8f8f8;
width:190px;
margin:0 0 10px 10px;
}
.articleExtras .item{
border-bottom:1px dotted #d2d2d2;
margin-bottom:9px;
font-weight:bold;
}
.articleExtras .last{
border-bottom:none;
margin-bottom:0;
padding-bottom:0;
}
.articleExtras .item h3{
font-size:16pt;
color:#ff9c44;
font-weight:normal;
margin:0 0 5px 0;
padding:0;
}
.articleExtras .item a.text{
background-image:url(http://static.howstuffworks.com/en-us/default/icons/icon_article.gif);
background-repeat:no-repeat;
padding:0 0 0 20px;
display:block;
}
.articleExtras .item a.video{
background-image:url(http://static.howstuffworks.com/en-us/default/icons/icon_video_v1.gif);
background-repeat:no-repeat;
padding:0 0 0 25px;
display:block;
}
.articleExtras .item a span{
font-size:8pt;
}
.articleExtras .item li{
margin-bottom:10px;
}
.articleExtras .item .thumbnail{
margin-bottom:7px;
}
/* Related Ad / Reference Links */
.relatedAds{
padding: 5px 0 0 13px;
}
.relatedAds .related-inset{
width:auto;
margin-bottom:0;
}
.relatedAds .related-inset h4{
margin-bottom: 5px;
}
.relatedAds .column{
margin:0 12px 0 0;
padding:0 0 0 17px;
float:left;
}
.relatedAds .column li,
.relatedAds .column-wide li{
padding:0;
margin:0 0 2px 10px;
}
.article .relatedAds .column li,
.article .relatedAds .column-wide li{
font-size:8pt;
}
.relatedAds .column-wide{
margin:0 35px 0 0;
padding:0 0 0 95px;
float:left;
}
.relatedAds .column{
width: 250px;
}
.relatedAds .column-wide{
width: 175px;
}
.reflinksContent {
margin-top: 10px;
}
/* related video box styles */
.relatedVideoBox
{
padding:10px 10px 0px 10px;
border:1px solid #d2d2d2;
background-color:#ffffff;
width:130px;
margin: 3px 0px 35px 5px;
}
.relatedVideoBox .item{
margin-bottom:9px;
font-weight:bold;
}
.relatedVideoBox .item .title{
font-size:12px;
color:#005288;
font-weight:bold;
margin:0 0 5px 0;
padding:0;
line-height: 95%;
}
.relatedVideoBox .item a.text{
padding:0 0 0 20px;
display:block;
}
.relatedVideoBox .item .thumbnailBox{
display:block;
border: 1px solid #d2d2d2;
padding: 2px;
width: 125px;
}
.relatedVideoBox .item .thumbnail{
display:block;
padding:0px;
margin:0px;
height: 90px;
border: none;
overflow: hidden;
}
.relatedVideoBox .item .playButton{
display:inline;
padding:0px;
margin:0px;
height: 24px;
border: none;
}
.relatedVideoBox .item li{
margin: 3px 0px 0px 0px;
padding: 0;
font-size: 10px;
text-align: right;
}
/* map styles */
.mapBlock{
background-color:#fbfbfb;
z-index:0;
}
.mapBlock h2{
margin:0;
padding:5px 0 5px 17px;
border:1px solid #d1d1d1;
color:#ff9c44;
font-size:20pt;
font-weight:normal;
line-height:1em;
}
.mapBlock h3{
margin:0;
padding:5px 0 3px 17px;
border:1px solid #d1d1d1;
border-top:none;
font-weight:normal;
font-size:10pt;
font-weight:bold;
color:#005288;
}
/* list-block styles */
.col1 .list-block{
width:622px;
}
.list-block ul{
list-style:none;
margin:0;
padding:0;
position:relative;
}
.list-block li{
list-style:none;
width:290px;
margin:0 16px 5px 0;
float:left;
font-weight:bold;
}
/* subset-list */
.subset-list h3{
font-size:8pt;
color:#777;
display:inline;
}
.subset-list li{
font-size:8pt;
font-weight:bold;
}
/* Column 2*/
.bodyCont .col2{
float:left;
margin-left:22px;
width:300px;
text-align: left;
}
/* Column 2 modules */
.col2 .ad h5{
color: #C1C1C1;
font-size: 7pt;
line-height: 1em;
margin: 1px 0 1px 0;
padding: 0;
text-transform: uppercase;
text-align: center;
}
.col2 .tower-ad{
background-color:#f8f8f8;
border:1px solid #ededed;
}
.col2 .tower-ad div{
text-align:center;
padding:0 9px 9px 9px;
}
.col2 .tower-ad h5
{
margin:4px;
}
.col2 .related{
float:left;
width:300px;
margin-top:20px;
padding-top: 5px;
}
/* individual modules */
/* newsletter module */
#newsletter form input
{
vertical-align:middle;
margin:0;
}
#newsletter form input.textField
{
font-weight:bold;
width:200px;
}
/* quick stuff module */
#quickStuff{
border:1px solid #d2d2d2;
}
#quickStuff .content{
margin:9px;
}
#quickStuff select{
background-color:#eaeaea;
color:#005288;
font-weight:bold;
width:280px;
}
/* What's On Discovery Channel */
#whatsOn{
border:1px solid #149dd7;
}
#whatsOn .head{
border-bottom:1px solid #149dd7;
}
#whatsOn .content{
background-color:#eef4f6;
padding:25px 10px 15px 10px;
}
#whatsOn .item{
padding-bottom:5px;
margin-bottom:12px;
border-bottom:1px dotted #c5c9cb;
}
#whatsOn .desc{
width:155px;
margin-left:12px;
}
/* google ads */
.col2 .google-ads{
margin-top:25px;
padding:13px;
}
/* top selling */
.topSelling{
border:1px solid #eee;
margin-top: 15px;
margin-bottom: 15px;
}
.topSelling .head{
border-bottom:1px solid #d5d4d4;
}
.topSelling .head h2{
font-size:12pt;
background-color:#c7fcff;
padding:5px 10px;
border:3px solid #c9e8ff;
margin:0;
}
.topSelling .content{
padding:15px 5px;
height:270px;
overflow:auto;
}
.topSelling .content h3{
font-size:9pt;
margin:0;
padding:0;
}
.topSelling .content p{
padding:0;
margin:0;
}
.topSelling .content .item{
padding:0 5px 10px 5px;
margin-bottom:10px;
border-bottom:1px dotted #c5c9cb;
}
.topSelling .content .last{
border-bottom:none !important;
margin-bottom:0;
}
.topSelling .content .item .thumb{
margin-right:5px;
}
.topSelling .content .item .desc{
width:180px;
overflow: hidden;
}
/* symptom checker */
.symptomChecker .head h2{
background-color:#eef4f6;
}
.symptomChecker .content{
height:175px;
}
/* About/Generic Page */
.aboutNav{
float:right;
position: relative;
border:1px dotted #c5c9cb;
margin-top: 10px;
margin-bottom: 5px;
max-width: 156px;
padding:10px 5px 10px 5px;
}
.article .content .generic{
float: left;
width: 400px;
}
.article .content .generic .title{
margin-top:6px;
margin-bottom:10px;
}
.article .content .generic .title h1{
font-size:16.5pt;
color:#ff9c44;
font-weight: normal;
margin-bottom:2px;
margin-top:2px;
}
#learnmore img{
display:block;
margin-left:auto;
margin-right:auto;
}
/* 404 Page */
div.channelList
{
float:left;
}
div.channelList > div
{
margin-bottom:20px;
}
div.channelList ul
{
list-style-type:square;
margin-left:13px;
}
div.channelList ul li a
{
font-size:11pt;
}
div.channelList h3
{
color:#ff9c44;
font-weight: bold;
}
div.continue
{
margin-left: 25px;
margin-top: 25px;
}
div.middle
{
margin-left:120px;
}
p.message
{
font-size:14pt;
}
.content .register .leftColumn
{
width: auto;
}
.content .register .leftColumn img {
float: left;
}
.content .register .leftColumn .text {
float: left;
width: 250px;
}
.content .register .centerColumn {
width: auto;
clear: left;
}
.content .register .step {
margin: 5px;
margin-top: 15px;
margin-bottom: 5px;
}
.content .register .step img {
float: left;
}
.content .register .step .title
{
font-size: 14px;
font-weight: bold;
color: blue;
padding-top: 2px;
margin-left: 35px;
}
.content .register .step .titleRemove
{
font-size: 14px;
font-weight: bold;
color: black;
padding-top: 2px;
margin-left: 35px;
}
.content .register .step div {
font-size: 12px;
margin: 5px;
margin-left: 35px;
}
.content .register .step .checkbox {
float: left;
font-size: 12px;
margin: 5px;
padding-left: 30px;
margin-right: 10px;
}
.content .register .step .checktext {
float: left;
width: 430px;
margin-left: 3px;
}
/* Image Galleries and SearchEnlarge */
#galleryDoc
{
margin: auto;
text-align: left;
width: 980px;
}
.galleryWrapper
{
/*
padding: 5px;
margin: 5px 10px 5px 10px;
background-color: #e2eaf5;
border: 1px solid #588dcf;
*/
}
.galleryWrapper .image
{
width: 633px;
border: 1px solid #6d8aac;
float: left;
margin-right: 10px;
background: white;
}
.galleryWrapper .image #titleBar
{
background: url(http://static.howstuffworks.com/en-us/www/style/gallery-title-background.gif) repeat-x;
height: 26px;
border: 1px solid #8ea9c7;
color: white;
font-size: 9pt;
}
.galleryWrapper .image #titleBar #prev
{
width: 80px;
float: left;
padding: 3px 0 0 5px;
}
.galleryWrapper .image #titleBar #title
{
width: 466px;
padding: 3px 0 0 0;
float: left;
text-align: center;
font-weight: bold;
}
.galleryWrapper .image #titleBar #prev a, .galleryWrapper .image #titleBar #next a
{
color: white;
text-decoration: none;
font-weight: bold;
font-size: 10pt;
}
.galleryWrapper .image #titleBar #next
{
position: relative;
top: 0px;
right: 0px;
width: 70px;
float: left;
padding: 3px 5px 0 0;
text-align: right;
}
.galleryWrapper #paginationBar
{
background: url(http://static.howstuffworks.com/en-us/www/style/gallery-title-background.gif) repeat-x;
height: 26px;
border: 1px solid #8ea9c7;
color: white;
font-size: 10pt;
text-align: center;
margin-top: 4px;
}
.galleryWrapper .rightRail
{
float: left;
width: 250px;
width: 300px;
}
.mostPopularGalleries
{
margin-top: 5px;
padding:    0  0  0 10px;
}
.galleryTitle
{
width: 620px;
border-bottom:  1px #d9d8d7 dashed;
margin-top: 8px;
padding-bottom: 8px;
margin-bottom: 4px;
}
#paginationBar ul li
{
display: inline;
}
#paginationBar ul li a
{
color: white;
text-decoration: none;
}
#paginationBar ul li .selected
{
font-weight: bold;
font-size: 11pt;
}
#paginationBar .pages
{
padding-top: 2px;
}
#paginationBar .pages .page
{
margin-left: 3px;
}
.galleryCaption
{
font-weight: normal;
background-color: white;
padding: 3px 5px 0px 5px;
}
.galleryCaption .credit
{
margin-top: 10px;
}
.frame
{
border: 1px solid #6d8aac;
margin-top: 10px;
background-color: white;
}
.frame .title
{
background: url(http://static.howstuffworks.com/en-us/www/style/gallery-title-background.gif) repeat-x;
height: 26px;
border: 1px solid #8ea9c7;
color: white;
font-size: 9pt;
font-weight: bold;
}
.frame .title .container
{
padding: 3px 0 0 5px;
}
.frame .content
{
font-size: 10pt;
padding: 5px;
}
.button {
margin-left:5px;
}
.popularImageGalleries
{
text-align: center;
font-weight: bold;
margin: 10px 4px 10px 0px;
width: 152px;
float: left;
}
.popularImageGalleries img
{
border: 1px solid gray;
}
a.healthGlossaryScrollerLink0
{
color: #000000;
font-size: 11px;
font-family: Verdana,Arial,Helvetica;
text-decoration: none;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
display: block;
background-color: #ffffff;
}
a.healthGlossaryScrollerLink1
{
color: #000000;
font-size: 11px;
font-family: Verdana,Arial,Helvetica;
text-decoration: none;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
display: block;
background-color: #eee;
}
a.healthGlossaryScrollerLink0:hover, a.healthGlossaryScrollerLink1:hover{
background-color: #fff;
color: #990000;
}
/* Quiz Module */
.result
{
color:#ff9c44;
}
.copyright
{
text-align: center;
margin-bottom: 12px;
}
#videoflow .top-video-item
{
float: left;
margin: 10px 20px 10px 0px;
padding: 0px;
width: 124px;
}
#videoflow .top-video-item .top-video-thumbnail{
width: 124px;
float: left;
padding: 0px;
text-align: center;
}
#videoflow .top-video-item .top-video-thumbnail A{
display: block;
color:#0056a9;
font-weight:bold;
font-size: 12px;
}
#videoflow .top-video-item .top-video-thumbnail .outline{
border: 2px solid white;
}
#videoflow .top-video-item .top-video-thumbnail .outline:hover{
text-decoration: none;
border: 2px solid #a00;
}
/*
#videoflow .top-video-item .top-video-thumbnail
{
width: 124px;
margin: auto;
}
#videoflow .top-video-item .top-video-thumbnail a img
{
border: 2px solid white;
}
#videoflow .top-video-item .top-video-thumbnail a:hover img
{
border: 2px solid #a00;
}
#videoflow .top-video-item .top-video-title
{
margin-top: 3px;
font-weight: bold;
width: 124px;
text-align: center;
}
*/
.clearFloat:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFloat
{
height: 1%;
/*overflow: hidden;*/
}
.erp-container
{
border:1px solid #000;
}
.erp-inner
{
border:5px solid #ccc;
height:100%;
}
.erp-title
{
border-bottom:1px dashed #777;
font-weight:bold;
font-size:13pt;
padding:10px;
}
.erp-inner .title
{
font-weight:bold;
font-size:10pt;
padding:8px 0 5px 10px;
border-bottom:1px solid #9999cc;
}
.erp-inner .listing
{
background-image:url(http://static.howstuffworks.com/en-us/default/icons/erp-arrowbullet.gif);
background-repeat:no-repeat;
margin-left:20px;
margin-right: 20px;
padding-left: 11px;
margin-top: 4px;
margin-bottom: 4px;
}
.erp-inner .divider
{
border-bottom:1px solid #9999cc;
}
.erp-inner ul
{
list-style-image:url(http://static.howstuffworks.com/en-us/default/icons/erp-arrowbullet.gif);
list-style-position:inside;
}
.erp-inner ul li
{
border-bottom:1px solid #9999cc;
padding:5px 0 5px 11px;
}
.erp-inner a
{
font-weight:bold;
}
.erp-inner .content .last
{
border-bottom:none;
}
.erp-inner .content
{
padding:10px;
}
#dashed-divider
{
border-bottom:1px dashed #777;
margin-top: 5px;
margin-bottom: 5px;
}
#goButtons
{
margin-top:5px;
}
.erp-inner .content .last
{
border-bottom:none;
}
.contentThrowsTitle1
{
color:  #ff9c44;
}
.contentThrowsTitle2
{
border-bottom: silver 1px dashed;
margin-bottom: 12px;
padding-bottom: 5px;;
}
.contentThrowsIndent
{
margin-left: 27px;
}
.contentThrowsDesc
{
margin: 10px 0 10px 0;
}
.singleYMALcontent
{
margin: 15px 0 0 0;
float:left;
width:245px;
}
.singleYMALitem1
{
padding: 0px;
margin: 0px;
width: 250px;
float:left;
}
.singleYMALitem2
{
margin: 0;
padding: 0 10px 0 10px;
width:   150px;
margin-left:   20px;
float:         left;
border-left:   silver 1px dashed;
border-right:  silver 1px dashed;
}
.singleYMALitem3
{
margin:0;
padding: 0 0 0 10px;
width: 160px;
float: right;
}
.singleYMALTitle{
margin-bottom:8px;;
color:#666;
}
.allAbout
{
width: 622px;
overflow:hidden
}
.allAboutTitle
{
float:right;
width: 180px;
padding: 0 5px 0 5px;
font-weight: bold;
}
.allAboutDesc
{
float:right;
width: 180px;
padding: 5px;
}
.allAboutThumb
{
width: 100px;
height: 60px;
float: left;
}
.allAboutTop
{
width: 300px;
margin-bottom: 15px;
margin-right: 5px;
float: left;
}
.errorlist
{
text-align: center;
color: #990000;
font-weight: bold;
}
/* CUSTOM STYLES FOR ADAM/HEALTH CONTENT */
.healthBox
{
position: relative;
width: 300px;
height: 248px;
border: none;
margin-top:10px;
}
#symptom
{
border-right: 1px solid #73bae8;
border-bottom: 1px solid #73bae8;
border-left: 1px solid #73bae8;
width: 300px;
height: 248px;
line-height: 100%;
position: absolute;
top: 0px;
left: 0px;
visibility: visible;
background: #fff;
}
#diseases
{
border-right: 1px solid #73bae8;
border-bottom: 1px solid #73bae8;
border-left: 1px solid #73bae8;
width: 300px;
height: 248px;
line-height: 100%;
position: absolute;
top: 0px;
left: 0px;
visibility: hidden;
background: #fff;
}
#symptom .content, #diseases .content
{
padding: 5px 5px 5px 5px;
font-weight: normal;
display: block;
}
#symptom .content .summary, #diseases .content .summary
{
margin: 10px 0px 0px 0px;
height: 60px;
}
#symptom .content .summary img, #diseases .content .summary img
{
float: left;
margin: 0px 5px 5px 0px;
border: 1px solid #73bae8;
}
#symptom .content .listhead, #diseases .content .listhead
{
border-top: 1px solid #999999;
padding: 5px 0px 10px 0px;
margin-top: 5px;
font-weight: bold;
font-face: Arial, Helvetica, Verdana;
}
#symptom .content .listhead .left, #diseases .content .listhead .left
{
float: left;
width: 150px;
padding: 0px;
margin: 0px 0px 5px 0px;
}
#symptom .content .listhead .right, #diseases .content .listhead .right
{
float: left;
text-align: right;
width: 125px;
padding: 0px;
margin: 0px 0px 5px 0px;
color: #00455A;
}
#symptom .content .items, #diseases .content .items
{
width: 142px;
float: left;
font-size: 12px;
font-weight: bold;
}
#symptom .content .items ul li, #diseases .content .items ul li
{
list-style: disc;
margin-left: 25px;
line-height: 150%;
}
#symptom .tabon
{
font-family: Arial, Helvetica, Verdana;
font-size: 11pt;
color: #000000;
font-weight: bold;
text-align: center;
width: 145px;
height: 20px;
float: left;
border-right: 1px solid #73bae8;
border-top: 1px solid #73bae8;
padding: 5px 0px 0px 0px;
}
#symptom .taboff
{
font-family: Arial, Helvetica, Verdana;
font-size: 11pt;
color: #000000;
font-weight: bold;
text-align: center;
width: 154px;
height: 25px;
float: right;
border-bottom: 1px solid #73bae8;
padding: 0px 0px 0px 0px;
}
#symptom .taboff .label
{
font-family: Arial, Helvetica, Verdana;
font-size: 11pt;
color: #000000;
font-weight: bold;
text-align: center;
float: right;
width: 145px;
height: 19px;
background: #eaf3fa;
border-left: 1px solid #73bae8;
border-top: 1px solid #73bae8;
padding: 5px 0px 0px 0px;
cursor: hand;
cursor: pointer;
}
#symptom .taboff .label a
{
color: #000;
text-decoration: none;
}
#diseases .tabon
{
font-family: Arial, Helvetica, Verdana;
font-size: 11pt;
color: #000000;
font-weight: bold;
text-align: center;
width: 145px;
height: 20px;
float: right;
border-left: 1px solid #73bae8;
border-top: 1px solid #73bae8;
padding: 5px 0px 0px 0px;
}
#diseases .taboff
{
font-family: Arial, Helvetica, Verdana;
font-size: 11pt;
color: #000000;
font-weight: bold;
text-align: center;
width: 154px;
height: 25px;
float: left;
border-bottom: 1px solid #73bae8;
padding: 0px 0px 0px 0px;
}
#diseases .taboff .label
{
font-family: Arial, Helvetica, Verdana;
font-size: 11pt;
color: #000000;
font-weight: bold;
text-align: center;
float: left;
width: 145px;
height: 19px;
background: #eaf3fa;
border-right: 1px solid #73bae8;
border-top: 1px solid #73bae8;
padding: 5px 0px 0px 0px;
cursor: hand;
cursor: pointer;
}
#diseases .taboff .label a
{
color: #000;
text-decoration: none;
}
/* Category/Landing Page Long Description Module */
#longDescription .header
{
margin-bottom: 5px;
border-bottom: 1px dotted #c5c9cb;
}
#longDescription .catImage
{
float: left;
padding-right: 6px;
padding-bottom: 3px;
margin-top: 3px;
}
#longDescription p
{
margin: 0px 0 10px 0;
font-size: 10pt;
line-height: 14pt;
padding-top: 0px;
}
#longDescription .exploreTopicsBox
{
float: right;
padding-left: 6px;
padding-bottom: 6px;
margin: 6px 0 2px 10px;
width: 200px;
background-color: #f8f8fa;
}
#longDescription .exploreTopicsBox h3
{
margin-bottom:  4px;
padding:  0 0 3px 0;
color:  #ff9c44;
font-size:  16.5pt;
font-weight:  normal;
line-height:  1em;
text-align: center;
}
#longDescription .exploreTopicsBox ul.catsBox
{
color: #005288;
list-style-position: outside;
list-style-type: disc;
margin-top: 10px;
margin-bottom: 3px;
}
#longDescription .exploreTopicsBox ul.catsBox li
{
font-size: 11pt;
font-weight: bold;
padding-bottom: 3px;
padding-top: 3px;
padding-left: 2px;
margin-left: 20px;
}
/**
* Sprites
*/
.spriteBottomSearchButton
{
width              : 67px;
height             : 31px;
border             : 0px;
position           : relative;
padding-left       : 0px;
background-color   : #ffffff;
background-image   : url(http://static.howstuffworks.com/en-us/default/layout/sprite-header.gif);
background-repeat  : no-repeat;
background-position: 0px -80px;
border             : 0px;
}
.spritePlayVideoButton
{
text-indent: -2000em;
display: block;
border: 0px;
width: 120px;
height: 24px;
background-color: #ffffff;
background-image: url(http://static.howstuffworks.com/en-us/default/layout/hsw_article_sprite_2.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
.spriteGoButton
{
display: block;
width: 30px;
height: 19px;
background-image: url(http://static.howstuffworks.com/en-us/default/layout/hsw_article_sprite_2.gif);
background-repeat: no-repeat;
background-position: 0px -24px;
}
.spriteFacebookIcon
{
width: 13px;
height: 13px;
background-image: url(http://static.howstuffworks.com/en-us/default/layout/hsw_article_sprite_2.gif);
background-repeat: no-repeat;
background-position: 0px -253px;
border: 0px;
}
#loginSMModal .smaller
{
padding-left     : 10px;
padding-right    : 10px;
padding-bottom   : 10px;
width            : 310px;
}
#loginSMModal .larger
{
padding-left     : 10px;
padding-right    : 10px;
padding-bottom   : 10px;
width            : 350px;
}
#loginSMModal div.loginError
{
width            : 275px;
margin-top       : 5px;
color            : #F00;
}
#loginSMModal div.loginError ol
{
list-style-type: decimal;
width: auto;
}
* #loginSMModal div.loginError ol
{
margin-left: 22px;
}
#loginSMModal div.loginError ol li
{
list-style: decimal;
width: auto;
}
#loginFormSMModal .indentSmall
{
margin-left      : 30px;
padding-top      : 15px;
}
#loginFormSMModal .indentSmall p
{
margin-top       : 15px;
}
#loginFormSMModal .fieldRow
{
width: 300px;
}
#loginFormSMModal label
{
float            : left;
text-align       : right;
width            : 70px;
padding-top      : 10px;
line-height      : 20px;
margin-right     :  4px;
}
#loginFormSMModal input
{
margin-top       :  10px;
width            :  216px;
}
#loginFormSMModal div.indent
{
margin-left      :  74px;
line-height      :  10px;
margin-top       :   2px;
width            : 225px;
}
#loginFormSMModal div.indent input
{
margin-right     :   3px;
width            : auto;
}
#loginFormSMModal div.indent span
{
line-height      : 33px;
float            : left;
}
#loginFormSMModal #rememberMeContainer
{
white-space      : nowrap;
}
#loginFormSMModal #rememberMeContainer label
{
float            : none;
width            : auto;
display          : inline;
}
#loginFormSMModal #cmdModalCancel
{
width            : 61px;
height           : 22px;
background-image : url('http://static.howstuffworks.com/en-us/default/sm/cancel-button.gif');
cursor           : pointer;
}
#loginFormSMModal #cmdModalSubmit
{
width            : 52px;
height           : 22px;
margin-left      : 4px;
border           : none;
display          : block;
margin-top       : 0px;
}
#loginFormSMModal #buttonContainerSMModal
{
margin-top : 15px;
}
#modalFace .iconFaceBook
{
vertical-align  : bottom;
}
#modalFace a#modalClose
{
background      : url('http://static.howstuffworks.com/en-us/default/sm/close-button.gif') no-repeat right;
padding-right   : 14px;
}
#modalFace .iconFaceBook
{
vertical-align  : bottom;
}
.panelOutage
{
background-color: white;
width           : 250px;
}
.iconAsterisk
{
background : url('http://static.howstuffworks.com/en-us/default/icons/asterisk-yellow-13x13.gif') no-repeat 0px 4px;
padding-left     : 18px;
}
.radLinkTitle
{
text-decoration:underline;
color:#005288;
font-weight: bold;
}
.radLinkUrl
{
color:#005288;
}
.radLinkAbout
{
font-size: 12px;
font-weight: bold;
}
#shareCareBox
{
margin-bottom:7px;
}
/* © 2008 HowStuffWorks, Inc. */
/* header styles */
/* header ad*/
#header .ad
{
text-align:center;
background-color:#d2d2d2;
border-bottom:1px solid white;
position: relative !important;
z-index: 90 !important;
}
/* header extras */
#header .extras
{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/nav/bg_header_extras.gif);
background-repeat:repeat-x;
border-top:1px solid #d2d2d2;
border-bottom:1px solid #e7e7e7;
height:23px;
font-size:8pt;
padding:1px 10px 0 10px;
font-weight:bold;
}
#header .extras .leftLinks
{
float: left;
padding-top: 4px;
}
#header .extras .rightLinks
{
float: right;
}
#header .extras .extrasLinks
{
display: inline;
padding: 0px;
margin: 0px;
list-style-type: none;
}
#header .extras .extrasLinks li
{
display: inline;
}
#header .extras span
{
padding-right:15px;
}
#header .extras h5
{
font-size:8pt;
font-weight:bold;
padding-right:3px;
}
/* search styles */
.searchBar
{
float:right;
margin-right:50px;
}
/*
.search1 input, .search1 img, .search1 form
{
vertical-align:middle;
}
.search1 .searchField
{
border-width       :   2px;
border-top-color   : #c5c5c5;
border-left-color  : #d8d8d8;
border-bottom-color: #ececec;
border-right-color : #d8d8d8;
background-color   : #ebf3f9;
height             :  17px;
padding            :   5px;
width              : 238px;
font-size          :  15px;
}
.search1 label
{
display:block;
color:#005288;
font-weight:bold;
font-size:8pt;
}
.search1 .button
{
margin:0 10px 0 5px;
}
.search1 .searchForm
{
float: left;
padding: 0;
margin: 0;
}
*/
#footer .search1
{
float:none;
width:575px;
margin:0 auto 17px auto;
}
/* primary navigation styles */
#header #nav1
{
height:26px;
background-color:#0396d4;
background-image:url(http://static.howstuffworks.com/en-us/default/layout/nav/bg_tab_off.gif);
background-repeat:repeat-x;
font-size:8pt;
position:relative;
z-index:80;
}
#header #nav1 ul
{
list-style:none;
display:block;
}
#header #nav1 li{
list-style:none;
height:21px;
padding:5px 5px 0 4px;
position:relative;
display:block;
float:left;
clear:none;
white-space:nowrap;
}
#header #nav1 li.divider{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/nav/bg_divider.gif);
background-repeat:no-repeat;
width:1px;
padding:0;
}
#header #nav1 li.divider:hover{
border:none;
padding:0;
}
#header #nav1 li a{
color:#fff;
font-weight:bold;
display:block;
height:19px;
}
#header #nav1 li a:hover{
text-decoration:none;
}
/* nav with sub-categories */
#header #nav1 li.on:hover,
#header #nav1 li.on{
background-color:#eef4f6;
border:1px solid #0396d5;
border-bottom:1px dotted #b1cada;
height:19px;
padding:5px 4px 0 3px;
}
#header #nav1 li.on a{
color:#005288;
}
/*nav 1 home link*/
#header #nav1 #nav1HomeLink{
padding:5px 5px 0 5px;
}
#header #nav1 #nav1HomeLink.on,
#header #nav1 #nav1HomeLink:hover{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/nav/bg_tab_home.gif);
background-repeat:repeat-x;
border:none;
height:21px;
padding:5px 5px 0 5px;
}
#header #nav1  #nav1HomeLink:hover a,
#header #nav1  #nav1HomeLink a{
color:#fff;
}
/* hover styles */
#header #nav1 li:hover{
background-color:#eef4f6;
border:1px solid #0396d5;
border-bottom:1px solid #0396d5;
padding:5px 4px 0 3px;
height:19px;
}
#header.nosubs #nav1 li:hover,
#header #nav1 li.nosub:hover{
border-bottom:1px solid #0396d5;
}
#header #nav1 li.nosub.on:hover a,
#header #nav1 li:hover a{
color:#ff9c44;
}
#header #nav1.maps li.nosub.on:hover a,
#header #nav1.maps li:hover a,
#header #nav1.videos li.nosub.on:hover a,
#header #nav1.videos li:hover a{
color:#005288;
}
/* pop-up navs */
#header #nav1 li .popNav{
display:none;
position:absolute;
top:25px;
left:-1px;
background-color:#eef4f6;
border:1px solid #0396d5;
border-top:none;
z-index:80;
min-width:100px;
_width:100px;/*ie6 fix*/
}
#header #nav1 li .popNav ul{
list-style:none;
margin:5px;
}
#header #nav1 li .popNav ul li:hover,
#header #nav1 li .popNav ul li{
list-style:none;
float:none !important;
margin-bottom:3px;
white-space:nowrap;
border:none !important;
padding:0;
height:auto;
}
#header #nav1 li:hover .popNav{
display:block;
}
#header.nosubs #nav1 li:hover .popNav,
#header #nav1 li.on:hover .popNav{
display:none;
}
#header #nav1 li .popNav ul li a:hover{
color:#ff9c44;
}
#header #nav1 li#nav1LastNav .popNav{
right:-1px;
left:auto;
}
/* alternate nav styles common */
#header #nav1.videos{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/nav/bg_alt_videos_cats.gif);
}
#header #nav1.maps li,
#header #nav1.videos li{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/nav/bg_tab_off.gif);
}
#header #nav1.maps li,
#header #nav1.videos li{
background-image:none;
}
#header #nav1.videos ul ul li,
#header #nav1.maps ul ul li{
background-image:none;
}
#header #nav1.maps li.main:hover,
#header #nav1.maps li:hover,
#header #nav1.videos li.main:hover,
#header #nav1.videos li:hover{
background-image:none;
}
/* Map nav styles */
#header #nav1.maps{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/nav/bg_alt_maps_cats.gif);
}
#header #nav1.maps li#nav1HomeLink,
#header #nav1.maps li.altGeo
{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/nav/bg_tab_off.gif);
}
#header #nav1.maps li#nav1HomeLink.on,
#header #nav1.maps li#nav1HomeLink:hover
{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/nav/bg_tab_home.gif);
}
#header #nav1.maps li.altGeo.on,
#header #nav1.maps li.altGeo:hover
{
background-image:none;
}
#header #nav1.maps li.main{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/nav/bg_alt_maps_main.gif);
}
#header #nav1.maps li .popNav{
border-color:#26d8c9;
}
#header #nav1.maps li.nosub:hover,
#header #nav1.maps li:hover{
border-color:#26d8c9;
border-bottom-color:#eef4f6;
}
#header.nosubs #nav1.maps li:hover,
#header #nav1.maps li.nosub:hover{
border-bottom:1px solid #26d8c9;
}
#header #nav1.maps li.divider{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/nav/bg_divider_maps.gif);
}
#header #nav1.maps li.on:hover,
#header #nav1.maps li.on{
border-color:#26d8c9;
border-bottom-color:#b1cada;
}
/* Videos nav styles */
#header #nav1.videos li#nav1HomeLink{
background-image:url(http://static.howstuffworks.com/en-us/default/layout/nav/bg_tab_off.gif);
}
#header #nav1.videos li.main{
background-image:url(http://static.howstuffworks.com/en-us/videos/layout/nav/bg_alt_videos_main.gif);
}
#header #nav1.videos li .popNav{
border-color:#912b35;
background-color:#faf6f7 !important;
}
#header #nav1.videos li:hover{
border-color:#912b35;
border-bottom-color:#faf6f7;
background-color:#faf6f7 !important;
}
#header.nosubs #nav1.videos li:hover,
#header #nav1.videos li.nosub:hover{
border-bottom:1px solid #912b35;
}
#header #nav1.videos li.divider{
background-image:url(http://static.howstuffworks.com/en-us/videos/layout/nav/bg_divider_videos.gif);
}
#header #nav1.videos li.on:hover,
#header #nav1.videos li.on{
background-color:#faf6f7;
border-color:#912b35;
border-bottom:1px dotted #b1cada !important;
}
/* secondary navigation styles */
#header #nav2{
visibility: hidden;
}
#header #nav2 ul{
margin-left:5px;
border:1px solid #0397d6;
border-top:none;
height:20px;
list-style:none;
float:left;
}
#header #nav2 ul li{
float:left;
background-color:#eef4f6;
position:relative;
list-style:none;
white-space:nowrap;
z-index:80;
}
#header #nav2 ul li a{
font-weight:bold;
display:block;
font-size:8pt;
padding:3px 2px;
}
#header #nav2 ul li:hover a{
color:#333;
text-decoration:none;
}
#header #nav2 ul li.on a,
#header #nav2 ul li a:hover,
#header #nav2 ul li.on:hover a,
#header #nav2 ul li.on a:hover{
color:#ff9c44;
text-decoration:none;
}
#header #nav2.videos ul li.divider:hover,
#header #nav2.videos ul li.divider{
width:1px;
padding: 0px;
margin:0;
background-image:url(http://static.howstuffworks.com/en-us/default/layout/nav/bg_nav2_divider.gif);
background-repeat:no-repeat;
height:20px;
}
#header #nav2 ul li.divider:hover,
#header #nav2 ul li.divider{
width:1px;
padding-left:2px;
padding-right:2px;
margin:0;
background-image:url(http://static.howstuffworks.com/en-us/default/layout/nav/bg_nav2_divider.gif);
background-repeat:no-repeat;
height:20px;
}
/* pop-up nav styles */
#header #nav2.videos li .popNav,
#header #nav2 li .popNav,
#header #nav2 li .popNavShow{
display:none;
position:absolute;
top:19px;
left:-1px;
background-color:#fff;
border:1px solid #0396d5;
border-top:none;
z-index:80;
min-width:100%;
}
#header #nav2 li:hover .popNav,
#header #nav2 li:hover .popNavShow{
display:block;
border-top:none;
}
#header #nav2 .popNav ul,
#header #nav2 .popNavShow ul{
float:none;
border:none;
height:auto;
position:relative;
z-index:80;
}
#header #nav2 .popNavShow ul li{
white-space:nowrap;
float:none;
position:relative;
z-index:80;
background-color:#faf6f7;
}
#header #nav2 .popNav ul li{
white-space:nowrap;
float:none;
position:relative;
z-index:80;
background-color:#faf6f7;
}
#header #nav2 .popNavShow ul li a{
color:#005288;
background-color:#faf6f7;
}
#header #nav2 .popNav ul li a{
color:#005288;
background-color:#faf6f7;
}
#header #nav2 .popNavShow ul li a:hover{
color:#ff9c44;
border-top:none;
background-color:#faf6f7;
}
#header #nav2 .popNav ul li a:hover{
color:#ff9c44;
border-top:none;
background-color:#faf6f7;
}
#header #nav2.videos .popNav ul li a{
color:#333;
}
#header #nav2.videos .popNav ul li a:hover{
color:#ff9c44;
border-top:none;
}
/* nav 2 map styles */
#header #nav2.maps li .popNav{
border-color:#26d8c9;
}
#header #nav2.maps ul{
border-color:#36d8c9;
}
/* nav 2 video styles */
#header #nav2.videos li .popNav,
#header #nav2.videos ul{
border-color:#912b35;
}
#header #nav2.videos ul li{
background-color:#faf6f7;
color:#005288;
}
#header #nav2.videos ul li:hover a{
color:#333;
background-color:#fff;
text-decoration:none;
}
#header #nav2.videos ul li.on a,
#header #nav2.videos ul li:hover a,
#header #nav2.videos ul li a:hover,
#header #nav2.videos ul li.on:hover a,
#header #nav2.videos ul li.on a:hover{
color:#005288;
background-color:#ffffff;
text-decoration:none;
}
#header #nav2 li#nav2LastNav .popNav,
#header #nav2 li#nav2LastNav .popNavShow{
right:-1px;
left:auto;
}
/* breadcrumb styles */
.breadcrumb{
color:#005288;
font-size:8pt;
font-weight:bold;
margin:9px 9px 0 9px;
}
/* footer Styles */
/* nav3 - primary nav repeat */
#footer #nav3{
background-color:#d2d2d2;
text-align:center;
font-size:8pt;
color:#005288;
padding:6px 0;
margin-bottom:3px;
}
/* footer extras - legal links */
#footer .extras{
text-align:center;
background-color:#eaeaea;
color:#005288;
padding:10px 0;
}
#footer .ad{
position: relative !important;
z-index: 50 !important;
text-align:center;
margin:20px 0;
}
ul#channelNav{
font-family:Arial,Helvetica,Verdana,sans-serif;
margin:0;
padding:0;
list-style-type:none;
width:auto;
position:relative;
display:block;
height:30px;
font-size:8pt;
font-weight:bold;
background-color:#006699;
}
ul#channelNav li{
display:block;
float:left;
margin:0;
padding:0;
height:30px;
}
ul#channelNav li.divider{
display:block;
float:left;
width: 1px;
margin: 6px 0 6px 0;
height: 18px;
background-color: #99cccc;
}
ul#channelNav li a{
display:block;
float:left;
color:#ffffff;
text-decoration:none;
padding:7px 3px 0 3px;
_padding:7px 2px 0 2px;
margin: 1px;
height:21px;
}
ul#channelNav li a:hover, ul#channelNav li.on a{
background-color:#eaebf3;
color:#f17903;
}
ul#channelNav li.on a{
margin-bottom: 0px;
height:22px;
}
ul#subChannelNav{
font-family:Arial,Helvetica,Verdana,sans-serif;
margin:0;
padding:0;
list-style-type:none;
width:auto;
position:relative;
display:block;
height:19px;
font-size:8pt;
font-weight:bold;
background-color:#eaebf3;
border-bottom:1px solid #66a0cf;
border-left:1px solid #66a0cf;
border-right:1px solid #66a0cf;
}
ul#subChannelNav li{
display:block;
float:left;
margin:0;
padding:0;
}
ul#subChannelNav li.divider
{
display:block;
float:left;
width: 1px;
margin: 4px 0 4px 0;
height: 11px;
background-color: #99cccc;
}
ul#subChannelNav li a{
display:block;
float:left;
color:#006699;
text-decoration:none;
padding:3px 4px 0 4px;
height:17px;
}
ul#subChannelNav li a:hover, ul#subChannelNav li.on a{
color:#f17903;
}
/* � 2008 HowStuffWorks, Inc. */
#doc
{
background: #ffffff url(http://static.howstuffworks.com/en-us/www/layout/bg_stripe_BG.gif);
}
.imageCentered
{
margin: auto;
text-align: center;
margin-top: 12px;
margin-bottom: 12px;
}
.sideBarRight
{
float: right;
width: 200px;
border: 1px solid #000000;
background: #eef4f6;
padding: 5px;
margin-left: 3px;
}
.sideBarCenter
{
background: #eef4f6;
width: 400px;
border: 1px solid #000000;
text-align: center;
padding: 5px;
margin: auto;
margin-top: 12px;
margin-bottom:  12px;
}
.sideBarRight .title
{
color: #000000;
font-size: 16px;
font-weight: bold;
word-wrap: break-word;
}
.sideBarRight .body
{
color: #000000;
font-size: 10pt;
word-wrap: break-word;
}
.sideBarCenter .title
{
color: #000000;
font-size: 16px;
font-weight: bold;
word-wrap: break-word
}
.sideBarCenter .body
{
color: #000000;
font-size: 10pt;
word-wrap: break-word
}
.aboutUsTitle
{
margin: 2px 0 0px 0px;
font-weight: bold;
font-size: 24px;
font-family: Georgia, Times, Times New Roman, Serif;
color: #FF9C44;
}
/* *****************************************
New Article Sidebars ('Related Links', 'Editorial')
***************************************** */
.sideBoxRight
{
float: right;
background: #ffffff;
width: 300px;
border: 1px solid #000000;
text-align: left;
padding: 5px;
margin-left: 10px;
margin-top: 5px;
}
.sideBoxRight .titleBlue
{
color: #005288;
font-size: 16px;
font-weight: bold;
padding: 5px;
border-bottom: 1px dashed #d2d2d2;
word-wrap: break-word;
}
.sideBoxRight .subTitleBlue
{
color: #005288;
font-size: 16px;
font-weight: normal;
word-wrap: break-word;
}
.sideBoxRight .body
{
padding: 5px;
color: #000000;
font-size: 10pt;
word-wrap: break-word;
}
.articleBody table td
{
padding         : 3px;
}
.articleBody .sideBoxRight  ul
{
position: relative;
left: 0;
margin:10px 10px 8px 28px;
padding: 0;
}
.articleBody .sideBoxRight  li
{
position: relative;
left: 0px;
margin: 0;
padding: 0;
}
.sideBoxLeft
{
float: left;
width: 200px;
border: 1px solid #000000;
margin-right: 20px;
background: #ffffff;
padding: 5px 5px 0 5px;
}
.sideBoxLeft .titleGray
{
color: #555555;
font-size: 16px;
font-weight: bold;
margin: 0 6px 0 6px;
padding: 5px;
border-bottom: 1px dashed #d2d2d2;
word-wrap: break-word;
}
.sideBoxLeft .body
{
padding: 5px;
color: #000000;
font-size: 10pt;
word-wrap: break-word;
}
.articleBody .sideBoxLeft  ul
{
position: relative;
left: 0;
margin:10px 10px 8px 28px;
padding: 0;
}
.articleBody .sideBoxLeft  li
{
position: relative;
left: 0px;
margin: 0;
padding: 0;
}
.articleBody .sideBoxLeft  a
{
font-weight: bold;
text-decoration: none;
}
.articleBody .sideBoxLeft  a:hover
{
font-weight: bold;
text-decoration: underline;
}
/* ********************************* */
.articleTitle
{
margin: 2px 0 0px 0px;
font-weight: bold;
font-size: 24px;
font-family: Georgia, Times, Times New Roman, Serif;
}
p.articleByLine
{
font-size: 12px;
padding: 0px 0px 0px 5px;
}
.articleBody
{
font-size: 10pt;
color: black;
padding: 0px;
margin: 0px;
}
.articleBody p
{
margin: 0px 0 10px 0;
font-size: 10pt;
line-height: 14pt;
}
.articleBody a
{
text-decoration: underline;
}
.articleBody h1
{
margin: 0px 0 5px 0;
font-weight: bold;
font-size: 16px;
}
.articleBody a img
{
border: 0px;
}
.articleBody li
{
color: black;
font-size: 10pt;
list-style-position: outside;
margin-left: 25px;
padding-right: 14px;
line-height: 14pt;
}
.articleBody ul li
{
list-style-type: disc;
}
/* must be present to override layout.css.  CSS for site layout conflicts with editor HTML */
.articleBody ol li
{
list-style-type: decimal !important;
}
.articleBody ul, .articleBody ol
{
margin: 14px 20px 14px 20px;
}
/*WYSIWYG STYLES - BG*/
/*THESE STYLES NEED TO BE MIMICKED IN THE STYLESHEET USED BY THE ETB WYISIWYG*/
.articleBody ul .unindent, .articleBody ol .unindent
{
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
.articleBody ul .unindent li, .articleBody ol .unindent li
{
padding-right:	0;
padding-left:   5px;	/* added for ie6 */
margin-left:	5px;	/* added for ie  */
width:		450px;	/* added for ie  */
display:  list-item;	/* added for ie  */
}
.articleBody .heading1
{
font-size: 20px;
font-weight: bold;
color: #000000;
}
.articleBody .heading2
{
font-size: 18px;
font-weight: bold;
color: #000000;
}
.articleBody .heading3
{
font-size: 16px;
font-weight: bold;
color: #000000;
}
.articleBody .heading4
{
font-size: 14px;
font-weight: bold;
color: #000000;
}
/*END WYSIWYG STYLES - BG*/
.articleTOC
{
margin: 0px;
padding: 8px 0px 10px 0px;
font-size: 12px;
display: block;
width: 475px;
}
.articleTOC a
{
text-decoration: none;
color: #181C80;
}
.articleTOC .items
{
width: 220px;
float: left;
margin: 0px 10px 0px 0px;
display: block;
}
.articleTOC .items .number
{
color: #181C80;
width: 20px;
text-align: right;
float: left;
margin: 0px 0px 0px 0px;
}
.articleTOC .items .entry
{
width: 200px;
float: left;
margin: 0px 0px 0px 0px;
}
.articleTOC .items .activeentry
{
color: #990000;
font-weight: bold;
width: 200px;
float: left;
margin: 0px 0px 0px 0px;
}
.articleTOC .label
{
display: block;
font-size: 12px;
font-weight: bold;
color: #4e6bac;
padding-bottom: 3px;
}
.breadCrumbs
{
color: #4E6CAC;
font-size: 11px;
padding-top: 3px;
padding-bottom: 10px;
width: 488px;
display: block;
}
.breadCrumbs a
{
color: #4E6CAC;
text-decoration: none;
}
#hpad
{
display: none;
position: absolute;
background-color: white;
text-decoration: none;
top: -53px; left: -5px;
}
.pageToolsContainer
{
margin: 0px 20px 0px 20px;
}
.pageTools
{
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
height: 60px;
margin: 0px;
background: url(http://static.howstuffworks.com/en-us/www/layout/page-tool-right-full2.gif) top right no-repeat;
background-color: #e2eff9;
padding: 0px;
width: 100%;
}
.pageTools img {
float: left;
margin: 0px 0px 0px 0px ;
padding: 0px;
display: block;
}
.pageTools a
{
color: #181C80;
text-decoration: none;
display: inline;
vertical-align: bottom;
margin: 0px;
padding: 0px;
}
.pageTools a sup
{
font-size: 7pt;
}
.pageTools div
{
display: block;
margin: 0px;
padding: 5px 0px 0px 0px;
}
.pageToolsLabel
{
font-weight: bold;
color: gray;
font-size: 8pt;
margin-top: 0px;
margin-left: 0px;
padding: 0px;
}
.pageToolsReturn {
color: black;
font-size: 11px;
padding-top: 10px;
padding-bottom: 15px;
}
.pageToolsReturn a {
text-decoration: none;
}
.pageToolsReturn a.hover,
.pageToolsReturn a:hover
{
text-decoration: underline;
}
.formlabel
{
width: 150px;
font-size: 12px;
float: left;
padding: 3px 0px 0px 0px;
}
.formdata
{
width: 150px;
font-size: 12px;
float: left;
}
.forminstructions
{
margin: 10px 0px 10px 0px;
font-style: italic;
font-size: 12px;
}
.citation
{
padding: 5px;
font-size: 11px;
}
.citationtext
{
padding: 5px;
font-size: 10px;
border: 1px dashed black;
}
.pageNav
{
font-size: 12px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
clear: both;
border-top: 1px dotted gray;
border-bottom: 1px dotted gray;
margin: 10px 0 15px 0;
padding: 2px;
}
.pageNav a
{
text-decoration: none;
color: #181C80;
}
.pageNav .prev, .pageNav .intro, .pageNav .next
{
float: left;
width: 33%;
color: #181C80;
}
.pageNav .prev
{
text-align: left;
}
.pageNav .prev a, .pageNav .intro a, .paveNav .next a
{
color: #181C80;
}
.pageNav .intro
{
text-align: center;
}
.pageNav .next
{
text-align: right;
}
.pageNav .prev img
{
vertical-align: bottom;
}
.pageNav .next img
{
vertical-align: bottom;
}
.error
{
border: 1px solid red;
background: #FBB;
padding: 10px;
color: black;
font-weight: bold;
font-size: 16px;
text-align: center;
}
.videoSelection
{
display: block;
border: none;
padding: 0;
margin: 0;
}
.videoSelection .image
{
display: block;
float: left;
width: 90px;
}
.videoSelection .item
{
display: block;
float: left;
font-weight: normal;
width: 190px;
}
.videoSelection img
{
border: 0;
float: left;
}
.videoSelection .even
{
background: white;
display: block;
height: 100%;
border-bottom: 1px solid #cccccc;
}
.videoSelection .odd
{
background: #ffffdd;
display: block;
height: 100%;
border-bottom: 1px solid #cccccc;
}
span.printable
{
background: url(http://static.howstuffworks.com/en-us/www/icons/print.gif) center left no-repeat;
padding-left: 14px;
padding-right: 10px;
}
span.email
{
background: url(http://static.howstuffworks.com/en-us/www/icons/email.gif) center left no-repeat;
padding-left: 20px;
padding-right: 10px;
}
span.cite
{
background: url(http://static.howstuffworks.com/en-us/www/icons/cite_icon2.gif) center left no-repeat;
padding-left: 17px;
}
a:hover span.cite, a:hover span.email, a:hover span.printable
{
color: #4E6CAC;
text-decoration: underline;
}
.caption
{
font-size: 10pt;
font-weight: bold;
}
.credit
{
font-size: 8pt;
}
.articleBody blockquote
{
margin-left:50px;
margin-right:50px;
display:inline-block;
}
.articleBody .imageBox
{
text-align: center;
}
.articleBody .imageBoxRight
{
float: right;
margin-left: 8px;
}
.relatedTopics
{
border: 1px solid #4e6cac;
margin: 10px 0px 0px 0px;
}
.relatedTopics .header
{
padding: 5px;
color: #ffffff;
background: #4e6cac;
font-family: Arial, Helvetica, Verdana;
font-size: 10pt;
font-weight: bold;
text-align: left;
}
.relatedTopics .content
{
padding: 5px;
color: #000000;
font-family: Arial, Helvetica, Verdana;
font-size: 10pt;
}
.relatedTopics .content .title
{
margin-top: 10px;
color: #4e6cac;
font-weight: bold;
font-family: Arial, Helvetica, Verdana;
font-size: 10pt;
}
.relatedTopics .content .seeMore a
{
font-size: 10pt;
color: #4e6cac;
text-decoration: none;
font-weight: normal;
}
.relatedTopics .content .seeMore a:hover
{
text-decoration: underline;
}
.relatedTopics .content a
{
text-decoration: underline;
}
.relatedTopics .content .thumb
{
border: 1px solid #888888;
}
/* Sharing Tools */
.shareTools
{
padding: 10px;
overflow: auto;
}
.shareTools p
{
font-weight: bold;
padding-bottom: 6px;
border-bottom: 1px dashed #D2D2D2;
}
.shareTools ul
{
list-style-type: none;
width: 100%;
float: left;
}
.shareTools li
{
display: block;
float: left;
padding-top: 12px;
padding-left: 34px;
padding-right: 34px;
width: 135px;
}
.shareTools a
{
text-decoration: underline;
}
/* © 2008 HowStuffWorks, Inc. */
.bodyCont .col1 {
float: left;
width: 940px;
text-align: left;
}
.article .head{
float: left;
margin-bottom: 20px;
width: 940px;
}
.articleTitle {
font-size: 24px;
padding: 2px 0 2px 2px;
}
.articleBody p {
margin: 10px 0 10px 0;
}
.articleBody li {
color: black;
list-style-type: disc;
font-size: 10pt;
list-style-position: outside;
margin-left: 20px;
}
.printableTocItem {
font-size: 18px;
font-weight: bold;
line-height: 200%;
}
/*--------------------------------------------------------*/
/* print ONLY styles                                      */
/* these styles will only affect output to a print device */
/*--------------------------------------------------------*/
@media print {
#doc {
width: 900px;
margin: 0px;
text-align:left;
background: #ffffff;
}
#contentColumn {
width: 650px;
margin: 0px 0px 0px 0px;
}
#displayNoPrintHeader {
display: none;
}
#printNoDisplayHeader {
display: block;
}
#displayNoPrintLeftCol {
display: none;
}
#printNoDisplayLeftCol {
display: block;
}
.printableFooter {
width: 650px;
}
.printableReturn {
color: blue;
padding-top: 10px;
padding-bottom: 20px;
display: none;
}
#printNoDisplayHeader .ad {
margin: 0px;
padding: 0px;
display: visible;
}
.articleByLine {
margin: 0px;
}
.articleByLine a {
color: #000000;
text-decoration: none;
}
.articleTitle {
font-size: 18px;
padding: 2px 0 2px 0px;
}
}
/* � 2008 HowStuffWorks, Inc. */
/*STUFF FOR CUSTOM TABLES*/
.tabletype1 td, .tabletype2 td
{
padding: 5px;
}
.tabletype1
{
color: #000;
font-family: Arial, Helvetica, Verdana;
font-size: 10pt;
background-color: #000000;
margin-left: auto;
margin-right: auto;
}
.tabletype1 .header1
{
color: #ffffff;
font-size: 12pt;
font-weight: bold;
background-color: #4e6cac;
}
.tabletype1 .header2
{
color: #ffffff;
font-weight: bold;
text-align: center;
background-color: #a0a0a0;
}
.tabletype1 .colheader1
{
font-weight: bold;
background-color: #eeeeee;
}
.tabletype1 .colheader2
{
font-weight: bold;
background-color: #c2dfef;
}
.tabletype1 .colheader3
{
font-weight: bold;
background: #eeeeee;
}
.tabletype1 .colheader4
{
font-weight: bold;
background-color: #c2dfef;
}
.tabletype1 .column1
{
font-weight: normal;
background-color: #dae9f3;
}
.tabletype1 .column2
{
font-weight: normal;
background-color: #c2dfef;
}
.tabletype1 .column3
{
font-weight: normal;
background-color: #dae9f3;
}
.tabletype1 .column4
{
font-weight: normal;
background-color: #c2dfef;
}
.tabletype1 .nullcolumn
{
background-color: #fff;
}
.tabletype1 .source
{
color: #000000;
background-color: #eeeeee;
}
.tabletype2
{
color: #000;
font-family: Arial, Helvetica, Verdana;
font-size: 10pt;
background-color: #000000
}
.tabletype2 .header1
{
color: #ffffff;
font-size: 12pt;
font-weight: bold;
background-color: #4e6cac;
}
.tabletype2 .column1
{
font-weight: normal;
background-color: #eeeeee;
}
.tabletype2 .column2
{
font-weight: normal;
background-color: #c2dfef;
}
/*CSS for HSW Related (Asset) Box*/
.HSWRelatedAssets
{
border: 1px solid #D2D2D2;
width: 145px;
margin: 0px 0px 5px 5px;
padding: 3px;
float: right;
}
.HSWRelatedAssets .header
{
padding: 5px;
color: #5B5B5B;
font-family: Arial, Helvetica, Verdana;
font-size: 10pt;
font-weight: bold;
text-align: left;
border-bottom: 1px dotted #D2D2D2;
}
.HSWRelatedAssets .content
{
color: #5B5B5B;
padding: 5px 5px 10px 5px;
font-family: Arial, Helvetica, Verdana;
font-size: 10pt;
font-weight: bold;
text-align: left;
line-height: 150%;
border: none;
}
.HSWRelatedAssets .content ul li
{
list-type: disc;
margin-left: 15px;
font-size: 12px;
margin-bottom: 5px;
line-height: 110%;}
/*CSS for HSW Related (Topics) Box*/
.relatedTopics
{
border: 1px solid #4e6cac;
margin: 10px 0px 0px 0px;
}
.relatedTopics .header
{
padding: 5px;
color: #ffffff;
background-color: #4e6cac;
background-image:url(http://static.howstuffworks.com/en-us/default/layout/nav/bg_tab_off.gif);
font-family: Arial, Helvetica, Verdana;
font-size: 10pt;
font-weight: bold;
text-align: left;
}
.relatedTopics .content
{
padding: 5px;
color: #000000;
font-family: Arial, Helvetica, Verdana;
font-size: 10pt;
}
.relatedTopics .content .title
{
margin-top: 10px;
color: #4e6cac;
font-weight: bold;
font-family: Arial, Helvetica, Verdana;
font-size: 10pt;
}
.relatedTopics .content .seeMore a {
font-size: 10pt;
color: #4e6cac;
text-decoration: none;
font-weight: normal;
}
.relatedTopics .content .seeMore a:hover {
text-decoration: underline;
}
.relatedTopics .content a
{
text-decoration: underline;
}
.relatedTopics .content .thumb
{
border: 1px solid #888888;
}
/* OTHER HISTORY STYLE */
.articleBody img.external
{
display: block;
margin-left: auto;
margin-right: auto;
}
.articleBody strong.caption {
font-size: 12px;
display: block;
text-align: center;
width: 450px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
margin-top: 5px;
}
.longcategory
{
width: 488px;
margin: 0px 5px 7px 5px;
padding-left: 10px;
padding: 3px 0px 2px 0px;
background-color: #4E6CAC;
}
.longcategory .title
{
font-size: 14px;
font-family: Arial, Helvetica, Verdana;
font-weight: bold;
color: #ffffff;
padding-left: 5px;
}
/* headerSiteWide.css (MCB 5/4/2009) */
#logoBarSearch
{
padding-top: 4px;
}
#header .logoBar
{
padding     :10px 8px;
}
#header #logoBarSearch
{
height      : 55px;
margin      : 3px 20px 0px 20px;
}
#header .logoBar .logo
{
margin-right: 100px;
}
.hswLogoSprite, #hswLogoSprite
{
display             : block;
float               : left;
margin-right        : 45px;
text-indent         : -2000em;
width               : 242px;
height              : 46px;
background-color    : #ffffff;
background-image    : url(http://static.howstuffworks.com/en-us/default/layout/sprite-header.gif);
background-repeat   : no-repeat;
background-position : 0px 0px;
border              : 0px;
}
#spriteDiscoveryLogo
{
display            : block;
width              : 148px;
height             : 13px;
float              : right;
text-align         : right;
background-color   : #ffffff;
background-image   : url(http://static.howstuffworks.com/en-us/default/layout/sprite-header.gif);
background-repeat  : no-repeat;
background-position: 0px -56px;
border             : 0px;
}
#headerIconsContainer
{
height     : 20px;
float      : right;
margin-top : 16px;
white-space: nowrap; /* Needed for IE 6 (MCB 4/28/2009) */
font-weight: bold;
font-size  : 11px;
}
.spriteTopSearchButton, #spriteTopSearchButton
{
width              : 67px;
height             : 31px;
border             : 0px;
position           : relative;
padding-left       : 0px;
background-color   : #ffffff;
background-image   : url(http://static.howstuffworks.com/en-us/default/layout/sprite-header.gif);
background-repeat  : no-repeat;
background-position: 0px -80px;
border             : 0px;
cursor             : pointer;
}
.search1 input, .search1 img, .search1 form
{
vertical-align     : middle;
}
.search1 .searchField
{
border-width       :   2px;
border-color       : #c5c5c5 #d8d8d8 #ececec;
border-style       : solid;
background-color   : #ebf3f9;
height             :  17px;
padding            :   5px;
width              : 360px;
font-family        : Arial, Helvetica;
font-size          :  15px;
font-weight        :  bold;
margin-right       :   4px;
}
.search1 label
{
display: block;
color: #005288;
font-weight: bold;
font-size: 8pt;
}
.search1 .button
{
margin:0 10px 0 5px;
}
.search1 .searchForm
{
float: left;
padding: 0;
margin: 0;
}
.headerIcon
{
float: left;
display: block;
padding-left: 22px;
}
.headerIconDivider
{
float: left;
padding: 0px 5px;
}
/**
* Begin sprites
*/
/* getstuff-logo-notloggedin.gif */
#hswSMLogoSprite,
.hswSMLogoSprite
{
width              : 134px;
height             : 36px;
background-color   : #ffffff;
background-image   : url(http://static.howstuffworks.com/en-us/default/layout/sprite-header.gif);
background-repeat  : no-repeat;
background-position: 0px -56px
border             : 0px;
}
/* random-article-icon-header.gif */
.hswRandomIconSprite
{
width              : 19px;
height             : 18px;
line-height        : 19px;
background-color   : #ffffff;
background-image   : url(http://static.howstuffworks.com/en-us/default/sm/animated-button-article-new.gif);
background-repeat  : no-repeat;
border             : 0px;
padding-left       : 22px;
padding-top        : 3px;
padding-bottom     : 2px;
}
.hswRandomIconSpriteVideo
{
width              : 19px;
height             : 18px;
line-height        : 19px;
background-color   : #ffffff;
background-image   : url(http://static.howstuffworks.com/en-us/default/icons/animated-button-video-new.gif);
background-repeat  : no-repeat;
border             : 0px;
padding-left       : 22px;
padding-top        : 3px;
padding-bottom     : 2px;
}
/* rss-icon-header.gif */
.hswRssIconSprite
{
width              : 19px;
height             : 18px;
background-color   : #ffffff;
background-image   : url(http://static.howstuffworks.com/en-us/default/layout/sprite-header.gif);
background-repeat  : no-repeat;
background-position: 0px -149px;
border             : 0px;
padding-left       : 20px;
padding-top        : 3px;
padding-bottom     : 1px;
}
/* video-icon-header.gif */
.hswVideoIconSprite
{
width              : 19px;
height             : 18px;
background-color   : #ffffff;
background-image   : url(http://static.howstuffworks.com/en-us/default/layout/sprite-header.gif);
background-repeat  : no-repeat;
background-position: 0px -177px;
border             : 0px;
padding-left       : 22px;
padding-top        : 4px;
padding-bottom     : 1px;
}