/* © 2008 HowStuffWorks, Inc. */
#doc
{
	background: #ffffff url(../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 .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(../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;
	overflow: scroll;
}
.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(../en-us/www/icons/print.gif) center left no-repeat;
	padding-left: 14px;
	padding-right: 10px;
}

span.email
{
	background: url(../en-us/www/icons/email.gif) center left no-repeat;
	padding-left: 20px;
	padding-right: 10px;
}
span.cite
{
	background: url(../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;
}
.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;
	border-bottom: 1px solid #D2D2D2;
	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;
}

.shareTools a
{
	text-decoration: underline;
}