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