/************
 *          *
 * Whitebox *
 *          *
 ************/

/************************
 * Professional affairs *
 ************************/
 
/**
 * HTML elements
 */
#ArticleContainer h3, #TreatmentContainer h3, #ConditionContainer h3, #HealthFeatureContainer h3, #HealthToolContainer h3
{
	margin: 0 0 12px 0 !important;
	padding: 0 !important;
	font-size: 14px !important;
	background: none !important;
	color: #336666 !important;
}

#ArticleContainer h4, #TreatmentContainer h4, #ConditionContainer h4, #HealthFeatureContainer h4, #HealthToolContainer h4
{
	margin-top: 1.0em;
	margin-bottom: 1.0em;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
}

/**
 * Table styling
 */
#ArticleContainer table.styled, #TreatmentContainer table.styled, #ConditionContainer table.styled, #HealthFeatureContainer table.styled, #HealthToolContainer table.styled
{
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	border-collapse: collapse;
	margin-bottom: 10px;
}

#ArticleContainer table.styled caption, #TreatmentContainer table.styled caption, #ConditionContainer table.styled caption, #HealthFeatureContainer table.styled caption, #HealthToolContainer table.styled caption
{
	font-weight: bold;
	font-size: 12px;
	text-align: left;
}

#ArticleContainer table.styled th, #TreatmentContainer table.styled th, #ConditionContainer table.styled th, #HealthFeatureContainer table.styled th, #HealthToolContainer table.styled th
{
	font-weight: bold;
	font-size: 12px;
	background-color: #74B9B9;
	color: #FFFFFF;
	border-style: none none solid none;
	border-width: 1px;
	border-color: #CCCCCC;
	padding: 5px;
	text-align: left;
	empty-cells: show;
	vertical-align: bottom;
}

#ArticleContainer table.styled tr.rowGroupSubhead th, #TreatmentContainer table.styled tr.rowGroupSubhead th, #ConditionContainer table.styled tr.rowGroupSubhead th, #HealthFeatureContainer table.styled tr.rowGroupSubhead th, #HealthToolContainer table.styled tr.rowGroupSubhead th
{
	background-color: #CCCCCC;
	/*color: #9B9C9E;*/
	color: #666666;
	border-style: solid solid solid none;
}

#ArticleContainer table.styled th.colGroupSubhead, #TreatmentContainer table.styled th.colGroupSubhead, #ConditionContainer table.styled th.colGroupSubhead, #HealthFeatureContainer table.styled th.colGroupSubhead, #HealthToolContainer table.styled th.colGroupSubhead
{
	background-color: #CCCCCC;
	color: #666666;
}

#ArticleContainer table.styled td, #TreatmentContainer table.styled td, #ConditionContainer table.styled td, #HealthFeatureContainer table.styled td, #HealthToolContainer table.styled td
{
	padding: 5px;
	empty-cells: show;
	vertical-align: top;
	background-color: #FFFFFF;
	color: #666666;
}

#ArticleContainer table.styled tr.evenRow td, #ArticleContainer table.styled td.even, #TreatmentContainer table.styled tr.evenRow td, #TreatmentContainer table.styled td.even, #ConditionContainer table.styled tr.evenRow td, #ConditionContainer table.styled td.even, #HealthFeatureContainer table.styled tr.evenRow td, #HealthFeatureContainer table.styled td.even, #HealthToolContainer table.styled tr.evenRow td, #HealthToolContainer table.styled td.even
{
	border-style: solid;
	border-width: 1px;
	border-color: #9B9C9E;
	background-color: #FFFFFF;
}

#ArticleContainer table.styled tr.oddRow td, #ArticleContainer table.styled td.odd, #TreatmentContainer table.styled tr.oddRow td, #TreatmentContainer table.styled td.odd, #ConditionContainer table.styled tr.oddRow td, #ConditionContainer table.styled td.odd, #HealthFeatureContainer table.styled tr.oddRow td, #HealthFeatureContainer table.styled td.odd, #HealthToolContainer table.styled tr.oddRow td, #HealthToolContainer table.styled td.odd
{
	border-style: solid;
	border-width: 1px;
	border-color: #9B9C9E;
	background-color: #F2F0F0;
}

/**************************************
 * Custom classes for content authors *
 **************************************/
 
/**
 * Legends
 */
#ArticleContainer .legend, #TreatmentContainer .legend, #ConditionContainer .legend, #HealthFeatureContainer .legend, #HealthToolContainer .legend
{
	margin-top: 1.0em;
	border-style: solid none none none;
	border-width: 1px;
	border-color: #9B9C9E;
	display: table;
	display: expression("inline-block"); /* IE specific fix */
	padding: 0.8em 0;
	font-weight: bold;
	font-size: xx-small;
}

#ArticleContainer .legend dl dt, #TreatmentContainer .legend dl dt, #ConditionContainer .legend dl dt, #HealthFeatureContainer .legend dl dt, #HealthToolContainer .legend dl dt
{
	width: 25%;
	float: left;
	margin: 0 0 0 0;
	padding: .5em;
	font-weight: bold;
}

#ArticleContainer .legend dl dd, #TreatmentContainer .legend dl dd, #ConditionContainer .legend dl dd, #HealthFeatureContainer .legend dl dd, #HealthToolContainer .legend dl dd
{
	float: left;
	width: 65%;
	margin: 0 0 0 0;
	padding: .5em;
}

#ArticleContainer ul.legend, #TreatmentContainer ul.legend, #ConditionContainer ul.legend, #HealthFeatureContainer ul.legend, #HealthToolContainer ul.legend
{
	border-style: solid none none none;
	border-width: 1px;
	border-color: #9B9C9E;
	display: table;
	display: expression("inline-block"); /* IE specific fix */
	list-style-type: none !important;
	margin-left: 0 !important;
	padding: 5px !important;
}

/**
 * Advisories
 */
#ArticleContainer .advisory, #TreatmentContainer .advisory, #ConditionContainer .advisory, #HealthFeatureContainer .advisory, #HealthToolContainer .advisory
{
	border: 1px solid #FDB537;
	background-color: #FCE9C9;
	padding: 5px;
	display: table;
	display: expression("inline-block"); /* IE specific fix */
}

/**
 * Author byline
 */
#ArticleContainer p.byline, #TreatmentContainer p.byline, #ConditionContainer p.byline, #HealthFeatureContainer p.byline, #HealthToolContainer p.byline
{
	font-weight: bold;
	text-align: left;
}

div.callout
{
	font-weight: bold;
	font-size: 12px;
	float: right;
	background-color: #74B9B9;
	clear: right;
	color: #FFFFFF;
	padding: 5px;
	margin: 10px 0 10px 10px;
	border: solid 1px #CCCCCC;
	text-align: center;
	width: 150px;
}

/**
 * Author biography
 */
#ArticleContainer p.biography, #TreatmentContainer p.biography, #ConditionContainer p.biography, #HealthFeatureContainer p.biography, #HealthToolContainer p.biography
{
	text-align: right;
	font-style: italic;
	margin-top: 2.0em;
}

/**
 * Figures
 */
#ArticleContainer .figure, #TreatmentContainer .figure, #ConditionContainer .figure, #HealthFeatureContainer .figure, #HealthToolContainer .figure
{
	margin-right: 10px; /* ensures large figures don't allow dangling A, the, etc.*/
	margin-bottom: 10px;
	position: relative;
	border: 1px solid #CCCCCC;
	text-align: center;
	background-color: #FFFFFF;
	float: left;
	clear: left;
}

#ArticleContainer .figure p, #TreatmentContainer .figure p, #ConditionContainer .figure p, #HealthFeatureContainer .figure p, #HealthToolContainer .figure p
{
	text-align: left;
	margin: 0 5px 5px 5px;
	color: #666666;
}

#ArticleContainer .figure img, #TreatmentContainer .figure img, #ConditionContainer .figure img, #HealthFeatureContainer .figure img, #HealthToolContainer .figure img
{
	margin: 15px 0 0 0;
	float: none !important;
	border-style: none none solid none !important;
	border-width: 1px;
	border-color: #CCCCCC;
}

#ArticleContainer .figure h3, #TreatmentContainer .figure h3, #ConditionContainer .figure h3, #HealthFeatureContainer .figure h3, #HealthToolContainer .figure h3
{
	position: absolute;
	font-size: 11px !important;
	top: 0;
	left: 0;
	width: 100% !important;
	background: #74B9B9 !important;
	color: #FFFFFF !important;
	border-style: none none solid none;
	border-width: 1px;
	border-color: #9B9C9E;
	height: 15px !important;
	margin: 0 !important;
	padding: 0 !important;
	text-indent: 5px;
	text-align: left;
}

#ArticleContainer .figure h4, #TreatmentContainer .figure h4, #ConditionContainer .figure h4, #HealthFeatureContainer .figure h4, #HealthToolContainer .figure h4
{
	font-weight: bold !important;
	font-style: normal !important;
	text-align: left;
	margin: 0 5px;
	color: #999999;
}

/***********************************
 * Absolute, single-purpose styles *
 ***********************************/
#ArticleContainer .super, #TreatmentContainer .super, #ConditionContainer .super, #HealthFeatureContainer .super, #HealthToolContainer .super
{
	vertical-align: super;
}

#ArticleContainer .subscript, #TreatmentContainer .subscript, #ConditionContainer .subscript, #HealthFeatureContainer .subscript, #HealthToolContainer .subscript
{
	vertical-align: bottom;
	font-size: xx-small;
}

#ArticleContainer .right, #TreatmentContainer .right, #ConditionContainer .right, #HealthFeatureContainer .right, #HealthToolContainer .right
{
	text-align: right !important;
}

#ArticleContainer .left, #TreatmentContainer .left, #ConditionContainer .left, #HealthFeatureContainer .left, #HealthToolContainer .left
{
	text-align: left !important;
}

#ArticleContainer .center, #TreatmentContainer .center, #ConditionContainer .center, #HealthFeatureContainer .center, #HealthToolContainer .center
{
	text-align: center !important;
}

#ArticleContainer .indent, #TreatmentContainer .indent, #ConditionContainer .indent, #HealthFeatureContainer .indent, #HealthToolContainer .indent
{
	padding-left: 4ex;
}

#ArticleContainer .mini, #TreatmentContainer .mini, #ConditionContainer .mini, #HealthFeatureContainer .mini, #HealthToolContainer .mini
{
	width: 100px;
}

#ArticleContainer .mini h3, #TreatmentContainer .mini h3, #ConditionContainer .mini h3, #HealthFeatureContainer .mini h3, #HealthToolContainer .mini h3
{
	font-size: 11px !important;
	font-weight: normal !important;
	height: 1.6em !important;
}

#ArticleContainer .small, #TreatmentContainer .small, #ConditionContainer .small, #HealthFeatureContainer .small, #HealthToolContainer .small
{
	width: 160px;
}

#ArticleContainer .medium, #TreatmentContainer .medium, #ConditionContainer .medium, #HealthFeatureContainer .medium, #HealthToolContainer .medium
{
	width: 230px;
}

#ArticleContainer .large, #TreatmentContainer .large, #ConditionContainer .large, #HealthFeatureContainer .large, #HealthToolContainer .large
{
	width: 280px;
	float: none;
}

/**************************
 * For developer use ONLY *
 **************************/
#ArticleContainer ul.jumpNavigator, #TreatmentContainer ul.jumpNavigator, #ConditionContainer ul.jumpNavigator, #HealthToolContainer ul.jumpNavigator
{
	margin-left: 0;
	padding: 5px 0;
	border-style: dashed none;
	border-width: 1px;
	border-color: #969696;
	list-style-image: url(../../images/bullet.gif);
	color: #EF7500;
}

#ArticleContainer ul.jumpNavigator li, #TreatmentContainer ul.jumpNavigator li, #ConditionContainer ul.jumpNavigator li, #HealthToolContainer ul.jumpNavigator li
{
	margin-left: 20px;
}

#ArticleContainer ul.jumpNavigator li a, #TreatmentContainer ul.jumpNavigator li a, #ConditionContainer ul.jumpNavigator li a, #HealthToolContainer ul.jumpNavigator li a
{
	text-decoration: none;
	color: #3D4C53;
}

#ArticleContainer ul.jumpNavigator li a:hover, #TreatmentContainer ul.jumpNavigator li a:hover, #ConditionContainer ul.jumpNavigator li a:hover, #HealthToolContainer ul.jumpNavigator li a:hover
{
	text-decoration: underline;
	color: #EF7500;
}