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

.clearFloatNoHeight
{
	clear: both;
	line-height: 0;
	height: 0;
	display: block;
	overflow: hidden;
	width: 0;
}

.greyText
{
    color:#B7B1A9 !important;
}

.closeLink
{
    float:left;
    left:8px;
    position:relative;
    top:12px;
}

/*------Speed Bump --------*/
h2.sectionBar
{
    height: 24px;
    width: 100%;
    line-height: 24px;
    background: #f0f0f0 url(https://assets.bodybuilding.com/images/common/sectionBarBg.png) top left repeat-x;
    font-size: 12px;
    font-weight: bold;
}

h2.sectionBarShort
{
    width: 630px;
}

h2.sectionBarShort a
{
    font-size:10px; font-weight:bold; vertical-align:middle;
}

/*------Speed Bump END--------*/


/* NEW Speed Bump SECTION BAR*/
.sectionBar
{
    height: 24px;
    width: 100%;
    line-height: 24px;
    background: #f0f0f0 url(https://assets.bodybuilding.com/images/trackers/exercise/sectionBarBg.png) top left repeat-x;
    font-size: 12px;
    font-weight: bold;
    text-align:left;
}

.sectionBar h2
{
    font-size: 12px;
    font-weight: bold;
    padding-left: 10px;
    text-align:left;
}

div#listing div.sectionBar table tbody tr td
{
    vertical-align:top;
}

h3.sectionLeft
{
    float:left;
    width:390px;
    padding-left:10px;
    font-size:12px;
    font-weight:bold;
}

h3.sectionRight
{
    float:left;
    padding-left:10px;
    width:350px;
    border-left:solid 1px #bcbdbc;
    font-size:12px;
    font-weight:bold;
}

/*------------------ Content Wrapper 808 ---------------------*/


#content808 #navColumn
{
    float:left;
    width:160px;
}

#content808 #listing
{
    float:right;
    width:640px;
}

#content808 #fulllisting
{
    float:left;
    margin:10px 13px;
    width: 808px;
}

#contentHeader
{
    background:#444;
    background: url(https://assets.bodybuilding.com/images/common/backgroundContentHeader.jpg);
}

#contentHeader h1
{
    color:#FFF;
    font-weight:normal;
    padding:16px 8px;
}

#contentHeader h1 span
{
    font-weight:bold;
}

div.contentSubHeader
{
    height: 206px;
    background: #005479;
    color:#FFF;
}

div.contentSubHeader .contentSubDescriptionHeader
{
    width: 313px;
    height: 206px;
    float: left;
}

div.contentSubHeader .contentSubDescriptionHeader h2
{
    font-size: 18px;
    font-weight: bold;
    margin: 20px 10px 0px 10px;
}

div.contentSubHeader .contentSubDescriptionHeader p
{
    font-size: 12px;
    margin: 20px 10px 0px 10px;
}

div.contentSubHeader .contentSubDescriptionHeader p.progText
{
    margin: 25px 20px 10px 20px;
    line-height: 25px;
}

/* background image is in subclass to be potentially called dynamically by code */
div.contentSubHeader .bgImageCommon
{
    background: url(https://assets.bodybuilding.com/images/common/backgroundPageDescription.png) left bottom no-repeat;
}

div.contentSubHeader .contentSubHelpHeader
{
    width: 327px;
    height: 206px;
    float: left;
}

div.rule
{
    width: 100%;
    height: 0px;
    border-top: 1px solid #BBB;
    border-bottom: 1px solid #AAA;
    margin: 10px auto;
    padding: 0px;
}

a.formLink, .formLink a:link, .formLink a:visited, .formLink a:focus
{
	outline: none;
	text-decoration: underline;
	color: #0e709a;
}

.formLink a:hover
{
	outline: none;
	text-decoration: none;
	color: #00a1de;
}

/*------------------ End Content Wrapper 808 ---------------------*/