/** app/bower_components/bb-assets/common/stylesheets/src/common/bb-button.css (26983 bytes) */

span.bb-button {
    display: -moz-inline-stack !important;
    display: inline-block !important;
    *zoom: 1 !important;
    *display: inline !important;
    background-repeat: no-repeat !important;
    background-image: url(i/9352a6e707fecded8fab1a88755067e123c089b6.png) !important;
}
span.bb-button {
    line-height: 28px !important;
    cursor: pointer;
    background-position: 0 0 !important;
    vertical-align: middle;
}
span.bb-button.disabled {
    cursor: default !important;
}
span.bb-button.small {
    line-height: 19px !important;
    background-position: 0 -28px !important;
}
span.bb-button input,span.bb-button a {
    display: inline-block !important;
    *zoom: 1 !important;
    *display: inline !important;
    *width: auto !important;
    *overflow: visible !important;
    position: relative;
    padding: 0 8px !important;
    border: 0 !important;
    margin: 0 !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    background-color: transparent;
    background-repeat: no-repeat !important;
    background-image: url(i/9352a6e707fecded8fab1a88755067e123c089b6.png) !important;
}
span.bb-button input[type="hidden"] {
    display: none !important;
}
span.bb-button input,span.bb-button a {
    cursor: pointer;
    line-height: 28px !important;
    height: 28px !important;
    *line-height: 24px !important;
    font-size: 12px !important;
    background-position: 100% 0 !important;
}
span.bb-button.small input,span.bb-button.small a {
    line-height: 19px !important;
    height: 19px !important;
    *line-height: 15px !important;
    font-size: 11px !important;
    background-position: 100% -28px !important;
}
span.bb-button:hover input,span.bb-button:hover a {
    text-decoration: underline;
}
span.bb-button:active input,span.bb-button:active a {
    background-position: 0 -69px !important;
}
html> /**/ body span.bb-button span.icon,x:-moz-any-link,x:default {
    position: relative;
    top: -10px;
    height: 0;
    display: none;
}
body:nth-of-type(1) span.bb-button a {
    font-size: 0.95em !important;
}
span.bb-button a:visited,span.bb-button a {
    letter-spacing: 0.074em;
    letter-spacing: 0\9;
    *line-height: 24px !important;
    color: #FFF !important;
}
span.bb-button.small a:visited,span.bb-button.small a {
    letter-spacing: 0.03em;
}
span.bb-button.green,span.bb-button.green.small {
    background-color: #508900 !important;
}
span.bb-button.blue {
    background-color: #04649C !important;
}
span.bb-button.red {
    background-color: #981818 !important;
}
span.bb-button.gray,
span.bb-button.gray.disabled,
span.bb-button.gray.disabled:hover,
span.bb-button.gray.disabled:active,
span.bb-button.gray.disabled:focus {
    background-color: #BCBCBC !important;
}
span.bb-button.gray.disabled input,
span.bb-button.gray.disabled a {
    text-decoration: none !important;
    cursor: default !important;
}
span.bb-button.green:hover,span.bb-button.green.small:hover,
span.bb-button.green:active,span.bb-button.green.small:active {
    background-color: #66aa00 !important;
}
span.bb-button.gray:hover, span.bb-button.gray:active {
    background-color: #CCC !important;
}
span.bb-button.blue:hover, span.bb-button.blue:active {
    background-color: #2686BF !important;
}
span.bb-button.red:hover, span.bb-button.red:active {
    background-color: #b21717 !important;
}
span.bb-button input::-moz-focus-inner {
    border: 0;
}
span.bb-button span.icon {
    display: -moz-inline-stack;
    display: inline-block !important;
    *zoom: 1 !important;
    *display: inline !important;
    height: 15px;
    width: 15px;
    position: relative;
    top: 4px;
    left: 7px;
    *top: -6px;
    *left: 7px;
    background: #0099FF;
}
/* BB-BUTTON-V2
--------------------------------------------------
--------------------------------------------------
* the HTML5 <button> element is NOT compatible with IE7
* CSS3 drop shadows (inset of active state which makes
button look depressed), is not supported on any version of IE7
BBTODO: upgrade .bb-button to .bb-button(-v2)
-------------------------------------------------- */
.bb-button-v2{
    display: -moz-inline-stack;
    display: inline-block;
    cursor: pointer;
    background:whitesmoke;
    color:#444;
    margin: 0;
    padding: 0;
    border:#e3e2e2 solid 1px;
    text-align:center;
    vertical-align: middle;
    height:26px;
    line-height:26px;
    position:relative;
    text-decoration: none !important;
    font-weight: bold;
    font-size: 12px;
    -moz-user-select: none;
    -webkit-user-select: none;
    *zoom: 1 !important;
    *display:inline;
}
.bb-button-v2.small{
    height: 21px;
    line-height:21px;
}
.bb-button-v2:hover input[type="submit"],
.bb-button-v2:hover span,
.bb-button-v2:hover,
.bb-button-v2:focus input[type="submit"],
.bb-button-v2:focus span,
.bb-button-v2:focus{
    text-decoration: underline;
}
.bb-button-v2:active{
    box-shadow:inset 4px 4px 4px rgba(51,51,51,0.6);
    *zoom: 1;
}
/* bb-btn inside */
.bb-button-v2 input[type="submit"],
.bb-button-v2 span{
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 0;
    color:#444;
    font-family:Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    background:#999;
    border:#D4D4D4 solid 1px;
    cursor: pointer;
    padding: 0 8px;
    margin: 0;
    height:24px;
    line-height:24px;
    text-align:center;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0;
    text-shadow: none;
    font-weight: bold;
    background-color: transparent;
    vertical-align: top;
    *zoom: 1;
    *display: inline;
    *width: auto;
    *overflow: visible;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
}
.bb-button-v2.small input[type="submit"],
.bb-button-v2.small span{
    height: 18px;
    line-height: 20px;
    font-size: 11px;
}
.bb-button-v2 input[type="submit"]{
    height:26px;
    line-height:24px;
    *line-height:1;
    *border: 0 solid transparent !important;
}
.bb-button-v2 input[type="submit"]:hover{
    text-decoration:underline; /* opera doesnt support underline on inputs */
}
button.bb-button-v2{
    height:28px;
    line-height:28px;
}
button.bb-button-v2 span{
    height:24px;
}
.bb-button-v2 input[type="submit"]::-moz-focus-inner,
button[type].bb-button-v2 span::-moz-focus-inner,
button[type].bb-button-v2::-moz-focus-inner{
    border: 0;
    padding: 0;
}
.bb-button-v2-disabled,
.bb-button-v2-disabled input[type="submit"] {
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
}
.bb-button-v2 input[type="hidden"]{
    display: none;
}
/* bb-button-[size]
-------------------------------------------------- */
.bb-button-large{
    font-size:19px;
    height: 40px;
    line-height:40px;
}
.bb-button-large span,
.bb-button-large input[type="submit"]{
    font-size:19px;
    height: 38px;
    line-height:38px;
    padding: 0 15px;
}
.bb-button-large input[type="submit"]{
    height: 40px;
    line-height:38px;
}
button.bb-button-v2.bb-button-large{
    height:42px;
    line-height:40px;
}
button.bb-button-v2.bb-button-large span{
    height:38px;
}
/*.bb-button-medium{} this is default. no need for this style*/
.bb-button-small{
    font-size:11px;
    height: 19px;
    line-height:19px;
}
.bb-button-small span,
.bb-button-small input[type="submit"]{
    font-size:11px;
    height: 17px;
    line-height:17px;
    padding: 0 8px;
}
.bb-button-small input[type="submit"]{
    height: 19px;
    line-height:17px;
}
button.bb-button-v2.bb-button-small{
    height:21px;
    line-height:21px;
}
button.bb-button-v2.bb-button-small span{
    height:17px;
}
/* icon-btn
    --------------------------------------------------

    this allows any icon to be used as a sprite.
    small icons should be 14px wide
    large icons should be 27px wide

    name the child span classes: .icon-btn-sprite-[icon-type]
    (eg. ".icon-btn-sprite-cart")

    ## the format for the markup is:

        <a href="foo" class="bb-button-v2 button-gradient-blue icon-btn">
            <span class="icon-btn-sprite icon-btn-sprite-[icon-type]"></span>
            <span>button text</span>
        </a>

        OR:

        <div class="bb-button-v2 bb-button-small button-gradient-blue icon-btn">
            <span class="icon-btn-sprite icon-btn-sprite-[icon-type]"></span>
            <input value="button text" type="submit" />
        </div>

    see: http://confluence/display/CSE/bb-button
-------------------------------------------------- */
.icon-btn span,
.icon-btn input[type="submit"]{
    padding: 0 8px 0 27px;
}
.icon-btn span.icon-btn-sprite{
    border:none;
    padding: 0;
    margin:6px 4px 0 0;
    width:14px;
    height:28px;
    line-height:28px;
    position:absolute;
    left:9px;
}
a.bb-button-small.icon-btn span.icon-btn-sprite,
button.bb-button-small.icon-btn span.icon-btn-sprite{
    margin:3px 4px 0 0;
}
.bb-button-small.icon-btn span.icon-btn-sprite{
    margin:3px 4px 0 0;
    padding: 0;
    height: 18px;
    line-height:18px;
}
.bb-button-large.icon-btn span.icon-btn-sprite{
    height: 42px;
    line-height:42px;
    margin:6px 4px 0 0;
    width:27px;
    left:15px;
    overflow:hidden;
    padding: 0;
}
.bb-button-large.icon-btn span,
.bb-button-large.icon-btn input[type="submit"]{
    padding: 0 15px 0 50px;
}
.icon-btn span.icon-btn-sprite-cart{
    background:transparent url(i/6864e5ade5bff6341ef470241e8c12573b470a3e.png) no-repeat;
}
.bb-button-large.icon-btn span.icon-btn-sprite-cart{
    background:transparent url(i/6864e5ade5bff6341ef470241e8c12573b470a3e.png) -14px 0 no-repeat;
}
bb-button-v2.icon-btn span.icon-btn-sprite-add{
    width:10px;
    height:9px;
    background:url(i/acb5bbbd2425a79e983b1add9d6399d06f03a8a1.png) no-repeat -74px -29px;
    margin:5px 4px 0 0;
}
/* button-gradient-[color]
-------------------------------------------------- */
/* button-gradient-green
--------------------------------------------------
-------------------------------------------------- */
.button-gradient-green{
    background-color: #5e9207;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5e9207), to(#355400));
    background-image: -webkit-linear-gradient(top, #5e9207, #355400);
    background-image:   linear-gradient(to bottom, #5e9207, #355400);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e9207', endColorstr='#355400',GradientType=0 );
    border-top: #a6a6a6 solid 1px;
    border-left: #788266 solid 1px;
    border-right: #979797 solid 1px;
    border-bottom: #7c7c7c solid 1px;
}
.button-gradient-green input[type="submit"],
.button-gradient-green span{
    border-top: #76993a solid 1px;
    border-left: #476a0d solid 1px;
    border-right: #435723 solid 1px;
    border-bottom: #2d3a18 solid 1px;
    color: #fff !important; /* important to prevent any rogue styles from interfering*/
}
.button-gradient-green:hover,
.button-gradient-green:focus{
    background-color: #6fb006;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6fb006), to(#355400));
    background-image: -webkit-linear-gradient(top, #6fb006, #355400);
    background-image:   linear-gradient(to bottom, #6fb006, #355400);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fb006', endColorstr='#355400',GradientType=0 );
}
.button-gradient-green:active{
    background-color: #6fb006;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6fb006), to(#355400));
    background-image: -webkit-linear-gradient(top, #6fb006, #355400);
    background-image:   linear-gradient(to bottom, #6fb006, #355400);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fb006', endColorstr='#355400',GradientType=0 );
}
/* button-gradient-blue
--------------------------------------------------
-------------------------------------------------- */
.button-gradient-blue{
    background-color: #00659e;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00659e), to(#013555));
    background-image: -webkit-linear-gradient(top, #00659e, #013555);
    background-image:   linear-gradient(to bottom, #00659e, #013555);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00659e', endColorstr='#013555',GradientType=0 );
    border-top: #b7babc solid 1px;
    border-left: #b7babc solid 1px;
    border-right: #9a9b9c solid 1px;
    border-bottom: #9a9b9c solid 1px;
}
.button-gradient-blue input[type="submit"],
.button-gradient-blue span{
    border-top: #4f93bc solid 1px;
    border-left: #4f93bc solid 1px;
    border-right: #002e49 solid 1px;
    border-bottom: #01324f solid 1px;
    color: #fff !important; /* important to prevent any rogue styles from interfering*/
}
.button-gradient-blue:hover,
.button-gradient-blue:focus{
    background-color: #2487c1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#2487c1), to(#013555));
    background-image: -webkit-linear-gradient(top, #2487c1, #013555);
    background-image:   linear-gradient(to bottom, #2487c1, #013555);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2487c1', endColorstr='#013555',GradientType=0 );
}
.button-gradient-blue:active{
    background-color: #2487c1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#2487c1), to(#013555));
    background-image: -webkit-linear-gradient(top, #2487c1, #013555);
    background-image:   linear-gradient(to bottom, #2487c1, #013555);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2487c1', endColorstr='#013555',GradientType=0 );
}
/* button-gradient-red
--------------------------------------------------
-------------------------------------------------- */
.button-gradient-red{
    background-color: #a71930;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#a71930), to(#891326));
    background-image: -webkit-linear-gradient(top, #a71930, #891326);
    background-image:   linear-gradient(to bottom, #a71930, #891326);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a71930', endColorstr='#891326',GradientType=0 );
    border-top: #b7babc solid 1px;
    border-left: #b7babc solid 1px;
    border-right: #9a9b9c solid 1px;
    border-bottom: #9a9b9c solid 1px;
}
.button-gradient-red input[type="submit"],
.button-gradient-red span{
    border-top: #d4344e solid 1px;
    border-left: #d4344e solid 1px;
    border-right: #ba122d solid 1px;
    border-bottom: #781324 solid 1px;
    color: #fff !important; /* important to prevent any rogue styles from interfering*/
}
.button-gradient-red:hover,
.button-gradient-red:focus{
    background-color: #f32a4b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f32a4b), to(#891326));
    background-image: -webkit-linear-gradient(top, #f32a4b, #891326);
    background-image:   linear-gradient(to bottom, #f32a4b, #891326);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f32a4b', endColorstr='#891326',GradientType=0 );
}
.button-gradient-red:active{
    background-color: #f32a4b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f32a4b), to(#891326));
    background-image: -webkit-linear-gradient(top, #f32a4b, #891326);
    background-image:   linear-gradient(to bottom, #f32a4b, #891326);
}
/* button-gradient-grey
--------------------------------------------------
-------------------------------------------------- */
.button-gradient-grey{
    color:#747474;
    background-color: #d4d4d4;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d4d4d4), to(#bcbcbc));
    background-image: -webkit-linear-gradient(top, #d4d4d4, #bcbcbc);
    background-image:   linear-gradient(to bottom, #d4d4d4, #bcbcbc);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#bcbcbc',GradientType=0 );
    border-top: #b7babc solid 1px;
    border-left: #b7babc solid 1px;
    border-right: #9a9b9c solid 1px;
    border-bottom: #9a9b9c solid 1px;
    cursor:default;
}
.button-gradient-grey input[type="submit"],
.button-gradient-grey span{
    text-decoration:none !important;
    color:#747474 !important;
    border-top: #d4d4d4 solid 1px;
    border-left: #d4d4d4 solid 1px;
    border-right: #9a9b9c solid 1px;
    border-bottom: #9a9b9c solid 1px;
    cursor:default;
}
.button-gradient-grey:hover,
.button-gradient-grey:focus,
.button-gradient-grey:active{
    background-color: #d4d4d4;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d4d4d4), to(#bcbcbc));
    background-image: -webkit-linear-gradient(top, #d4d4d4, #bcbcbc);
    background-image:   linear-gradient(to bottom, #d4d4d4, #bcbcbc);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#bcbcbc',GradientType=0 );
    box-shadow:none;
    *zoom: 1;
}
/* END bb-button-v2
-------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* Jan 2013 Share Button Style
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* These `bb-share-button` styles are to be deprecated.  As we re-deploy apps using the share button, we can update the class name
to `bbButton primaryAction bbShareButton`.  bbShareButton is the minimal styles required to make the share button look right on top
of the styles provided by bbButton and primaryAction.
/* ---------------------------------------------------------------- */
#article-social-extra .bb-share-button,
.bb-share-button {
    display: inline-block;
    border: 1px solid #166186;
    color: #e7edf7;
    font: bold 12px ProximaNova, Arial, sans;
    text-shadow: #0364b9 0 -1px 0;

    text-decoration: none;
    border-radius: 3px;

    background: #1aa2db;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhYTJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZTZiOTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#1aa2db), color-stop(100%,#0e6b97));
    background: -webkit-linear-gradient(top,  #1aa2db 0,#0e6b97 100%);
    background:   -webkit-linear-gradient(top, #1aa2db 0, #0e6b97 100%);
    background:   linear-gradient(to bottom,  #1aa2db 0,#0e6b97 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1aa2db', endColorstr='#0e6b97',GradientType=0 );


    height: 23px;
}
.bb-share-button:hover {
    text-decoration: none !important;

    background: #004165;
}
.bb-share-button:active {
    text-decoration: none !important;

    background: #074568;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA3NDU2OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMjY5OTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#074568), color-stop(100%,#126996));
    background: -webkit-linear-gradient(top,  #074568 0,#126996 100%);
    background: -webkit-linear-gradient(top, #074568 0, #126996 100%);
    background: linear-gradient(to bottom,  #074568 0,#126996 100%);
}
#article-social-extra .bb-share-button span,
.bb-share-button span {
    width: auto;
    white-space: nowrap;
    color: #e7edf7;
    background-size: 20px 10px;
    padding-left: 6px;
    padding-right: 6px;
    border-top: 1px solid red;
    display: inline-block;
    height:22px;
    border-radius: 3px;
    border-top: 1px solid #48d0ff;
    text-decoration: none !important;
    padding-top: 3px;
    background: -webkit-gradient(radial, center top, 0, center top, 100%, color-stop(0,rgba(0,251,254,0.3)), color-stop(100%,rgba(0,251,254,0)));
    background: -webkit-radial-gradient(center top, 42% 42%,  rgba(0,251,254,0.3) 0,rgba(0,251,254,0) 100%);
    background:     -ms-radial-gradient(center top, ellipse farthest-side,  rgba(0,251,254,0.3) 0,rgba(0,251,254,0) 100%);
    background-size: 100% 100%;
}
.bb-share-button:hover span {
    text-decoration: none !important;
    color: #e7edf7;
    border-top: 1px solid #00aaff;

    background: -webkit-gradient(radial, center top, 0, center top, 100%, color-stop(0,rgba(10,157,232,0.3)), color-stop(100%,rgba(10,157,232,0)));
    background: -webkit-radial-gradient(center top, 42% 42%,    rgba(10,157,232,0.3) 0,rgba(10,157,232,0) 100%);
    background:         -webkit-radial-gradient(42% 42% at center top, rgba(10,157,232,0.3) 0, rgba(10,157,232,0) 100%);
    background:         radial-gradient(42% 42% at center top,  rgba(10,157,232,0.3) 0,rgba(10,157,232,0) 100%);
}
.bb-share-button:active span {
    text-decoration: none !important;
    color: #e7edf7;
    border-top-color: transparent;

    background: -webkit-gradient(radial, center bottom, 0, center bottom, 100%, color-stop(0,rgba(33,199,252,0.3)), color-stop(100%,rgba(10,157,232,0)));
    background: -webkit-radial-gradient(center bottom, 42% 42%,  rgba(33,199,252,0.3) 0,rgba(10,157,232,0) 100%);
    background: -webkit-radial-gradient(center bottom, ellipse, rgba(33,199,252,0.3) 0, rgba(10,157,232,0) 100%);
    background: radial-gradient(ellipse at center bottom,  rgba(33,199,252,0.3) 0,rgba(10,157,232,0) 100%);
}
#article-social-extra .bb-share-button span,
#article-social-extra .bb-share-button:hover span {
    border-top: none;
}
#article-social-extra #share-button {
    right: -33px;
}
#article-social-extra .bb-share-button {
    width: 80px;
    padding: 2px 0 1px 0;
}

.bb-share-button span:hover {
    text-decoration: none !important;
}
.bb-share-button span img {
    height: 10px;
    margin-right: 4px;
    margin-top: 3px;
    display: inline-block;
    vertical-align: top;
}
.bb-share-button.large {
    height: 28px;
    font-size: 14px;
}
.bb-share-button.large span {
    padding-top: 5px;
    padding-right: 9px;
    padding-left: 9px;
}
.bb-share-button.large span img {
    height: 15px;
    margin-top: 0;
}
.bb-share-button.icon {
    height: 14px;
}
.bb-share-button.icon span {
    padding-top: 0;
    padding-left: 3px;
    padding-right: 2px;
}
.bb-share-button.icon span img {
    margin-top: 1px;
    margin-right: 0;
    vertical-align: baseline;
}



/** app/bower_components/bbcomcdn-common/BB/UI/Button/Base/src/graphyte/base.css (15880 bytes) */

/** START button-specific styles from normalize.css
 ---------------------------------------------------------*/

/**
 * Remove inner padding and border in Firefox 4+.
 */

.bbButton::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/** END button-specific styles from normalize.css
 ---------------------------------------------------------*/

.bbButton {
    display: inline-block;
    text-align: center;
    vertical-align: baseline;
    padding: 4px 10px 2px;
    padding-top: 0;
    line-height: 1;
    border: 0 none transparent;
    font-family: ProximaNovaExCnSemiBold, Arial, sans-serif;
    font-size: 20px;
    border-radius: 3px;
    text-transform: uppercase;
    cursor: pointer;
    background-position: 0 0;
    zoom: 1; /* oldIE: force hasLayout = true */
    padding-top: 5px;

    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.bbButton.bbSmall {
    padding: 2px 10px 1px;
    font-size: 15px;
    font-family: ProximaNovaExCnSemiBold, Arial, sans-serif;
}

/* IE9 and IE10 specific styles */
/*@media screen and (min-width:0) {
    .bbButton {
        padding: 3px 10px 3px;
        padding-top: 0;
    }
    .bbButton.bbSmall {
        padding: 2px 10px 2px;
    }
}
*/
.bbButton,
.bbButton:hover
.bbButton span:hover,
.bbButton span {
    text-decoration: none !important;
}

.bbButton.primaryAction,
.bbButton.doAction,
.bbButton.primaryAction[disabled="disabled"]:hover,
.bbButton.doAction[disabled="disabled"]:hover {
    background-color: #00a1de; /* Old browsers */ /* FF3.6+ */
    background-image: -webkit-gradient(radial, center top, 0, center top, 560, color-stop(0, rgba(28, 172, 225, 1)), color-stop(0.5, rgba(28, 172, 225, .6)), color-stop(1, rgba(0, 65, 101, 0))), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00a1de), color-stop(100%, #004165)); /* Chrome,Safari4+ */
    background-image: -webkit-radial-gradient(center top, ellipse farthest-corner, rgba(28, 172, 225, 1) 0%, rgba(28, 172, 225, .6) 20%, rgba(0, 65, 101, 0) 100%), -webkit-linear-gradient(top, #00a1de 0%, #004165 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
    background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, rgba(28, 172, 225, 1) 0%, rgba(28, 172, 225, .6) 50%, rgba(0, 65, 101, 0) 100%), -webkit-linear-gradient(top, #00a1de 0%, #004165 100%);
    background-image: radial-gradient(ellipse farthest-corner at center top, rgba(28, 172, 225, 1) 0%, rgba(28, 172, 225, .6) 50%, rgba(0, 65, 101, 0) 100%), linear-gradient(to bottom, #00a1de 0%, #004165 100%); /* W3C */
    border: 1px solid #0e6088;
    box-shadow: inset 0 1px 0 0 #2fd0ff;
    text-shadow: 0 -1px 0 #092230;
    color: #e7ecf7;
}

.bbButton.primaryAction[disabled="disabled"],
.bbButton.doAction[disabled="disabled"] {
    text-shadow: none !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
/*    filter: alpha(opacity = 25);*/
    -khtml-opacity: 0.25;
    -moz-opacity: 0.25;
    opacity: 0.25;
}

.bbButton.primaryAction:hover,
.bbButton.doAction:hover {
    background-color: #1cace1; /* Old browsers */ /* FF3.6+ */
    background-image: -webkit-gradient(radial, center top, 0, center top, 560, color-stop(0, rgba(28, 172, 225, 1)), color-stop(0.5, rgba(28, 172, 225, .6)), color-stop(1, rgba(0, 65, 101, 0))), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1EB4EA), color-stop(100%, #1b668b)); /* Chrome,Safari4+ */
    background-image: -webkit-radial-gradient(center top, ellipse farthest-corner, rgba(28, 172, 225, 1) 0%, rgba(28, 172, 225, .6) 20%, rgba(0, 65, 101, 0) 100%), -webkit-linear-gradient(top, #1EB4EA 0%, #1b668b 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
    background-image: -webkit-radial-gradient(center top, ellipse farthest-corner, rgba(28, 172, 225, 1) 0%, rgba(28, 172, 225, .6) 50%, rgba(0, 65, 101, 0) 100%), -webkit-linear-gradient(top, #1EB4EA 0%, #1b668b 100%);
    background-image: radial-gradient(ellipse farthest-corner at center top, rgba(28, 172, 225, 1) 0%, rgba(28, 172, 225, .6) 50%, rgba(0, 65, 101, 0) 100%), linear-gradient(to bottom, #1EB4EA 0%, #1b668b 100%); /* W3C */
}

.bbButton.primaryAction:focus,
.bbButton.doAction:focus {
    box-shadow: 0 0 0 1px #00aeef;
}

.bbButton.primaryAction:active,
.bbButton.doAction:active {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #004165), color-stop(100%, #00A1DE)); /* Chrome,Safari4+ */ /* FF3.6+ */
    background-image: -webkit-linear-gradient(top, #004165 0%, #00A1DE 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
    background-image: linear-gradient(to bottom, #004165 0%, #00A1DE 100%); /* W3C */
    box-shadow: none;
}

.bbButton.secondaryAction,
.bbButton.returnAction,
.bbButton.secondaryAction[disabled="disabled"]:hover,
.bbButton.returnAction[disabled="disabled"]:hover {
    background-color: #505050; /* Old browsers */ /* FF3.6+ */
    background-image: -webkit-gradient(radial, center top, 0, center top, 560, color-stop(0, rgba(130, 130, 130, 1)), color-stop(0.5, rgba(130, 130, 130, .6)), color-stop(1, rgba(74, 73, 72, 0))), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #505050), color-stop(100%, #2c2b2a)); /* Chrome,Safari4+ */
    background-image: -webkit-radial-gradient(center top, ellipse farthest-corner, rgba(130, 130, 130, 1) 0%, rgba(130, 130, 130, .6) 20%, rgba(74, 73, 72, 0) 100%), -webkit-linear-gradient(top, #505050 0%, #2c2b2a 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
    background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, rgba(130, 130, 130, 1) 0%, rgba(130, 130, 130, .6) 50%, rgba(74, 73, 72, 0) 100%), -webkit-linear-gradient(top, #505050 0%, #2c2b2a 100%);
    background-image: radial-gradient(ellipse farthest-corner at center top, rgba(130, 130, 130, 1) 0%, rgba(130, 130, 130, .6) 50%, rgba(74, 73, 72, 0) 100%), linear-gradient(to bottom, #505050 0%, #2c2b2a 100%); /* W3C */
    border: 1px solid #2c2b2a;
    box-shadow: inset 0 1px 0 0 #929292;
    color: #e9e9e9;
    text-shadow: 0 -1px 0 #000;
}

.bbButton.secondaryAction[disabled="disabled"],
.bbButton.returnAction[disabled="disabled"] {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
/*    filter: alpha(opacity = 25);*/
    -khtml-opacity: 0.25;
    -moz-opacity: 0.25;
    opacity: 0.25;
    text-shadow: none !important;
}

.bbButton.secondaryAction:hover,
.bbButton.returnAction:hover {
    background-color: #828282; /* FF3.6+ */
    background-image: -webkit-gradient(radial, center top, 0, center top, 560, color-stop(0, rgba(140, 140, 140, 1)), color-stop(0.5, rgba(140, 140, 140, .6)), color-stop(1, rgba(74, 73, 72, 0))), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(100%, #3F3F3E)); /* Chrome,Safari4+ */
    background-image: -webkit-radial-gradient(center top, ellipse farthest-corner, rgba(140, 140, 140, 1) 0%, rgba(140, 140, 140, .6) 20%, rgba(74, 73, 72, 0) 100%), -webkit-linear-gradient(top, #646464 0%, #3F3F3E 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
    background-image: -webkit-radial-gradient(center top, ellipse farthest-corner, rgba(140, 140, 140, 1) 0%, rgba(140, 140, 140, .6) 50%, rgba(74, 73, 72, 0) 100%), -webkit-linear-gradient(top, #646464 0%, #3F3F3E 100%);
    background-image: radial-gradient(ellipse farthest-corner at center top, rgba(140, 140, 140, 1) 0%, rgba(140, 140, 140, .6) 50%, rgba(74, 73, 72, 0) 100%), linear-gradient(to bottom, #646464 0%, #3F3F3E 100%); /* W3C */
}

.pagination-container .button,
.bbButton.softAction,
.bbButton.softAction[disabled="disabled"]:hover {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    font-size: 16px;
    min-width: 19px;
    margin-left: 2px;
    line-height: 20px;
    height: 20px;
    min-height: 20px;
    overflow: hidden;
    text-align: center;
    color: #FFF;
    border-radius: 3px;

    border: 1px solid #B1B1B1;
    background-color: #c8c8c8;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(255,255,255,1)), color-stop(4%,rgba(228,228,228,1)), color-stop(100%,rgba(179,179,179,1)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(228,228,228,1) 4%,rgba(179,179,179,1) 100%);
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 2%, rgba(228,228,228,1) 4%, rgba(179,179,179,1) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,1) 2%,rgba(228,228,228,1) 4%,rgba(179,179,179,1) 100%);
}

.bbButton.softAction:hover,
.pagination-container a.button:hover,
.pagination-container .button a:hover {
    text-decoration: none;
    color: #555;
    background-color: rgb(237,237,237);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(100%,rgba(205,205,205,1)));
    background-image: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(205,205,205,1) 100%);
    background-image: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(205,205,205,1) 100%);
    background-image: linear-gradient(to bottom, rgba(237,237,237,1) 0%,rgba(205,205,205,1) 100%);
}

.pagination-container .button.active {
    background: transparent;
    border: 0;
    color: #232323;
    font-family: ProximaNovaExCnSemiBold, Arial, sans-serif;
    font-weight: bold;
    line-height: 23px;
    -webkit-filter: none;
            filter: none;
}


.bbButtonIcon {
    background-image: url(i/c4fd607e7f88c9b6c46e989312664dfe7f133385.png);
    display: inline-block;
    width: 24px;
    height: 23px;
    position: relative;
    vertical-align: middle;
    top: -1px;
    margin-right: 5px;
    *display: inline;
    *zoom: 1;
}

.bbButton.bbSmall .bbButtonIcon {
    top: 0;
    width: 14px;
    height: 14px;
}

.bbButton.bbSmall .bbButtonIcon.bbCheck {
    background-position: 25px -1300px;
}

.bbButton .bbButtonIcon.bbCheck {
    background-position: 58px -1297px;
}

.bbButton .bbButtonIcon.bbXMark {
    background-position: -192px -997px;
}

.bbButton.bbSearch {
    width: 45px;
}

.bbButton.bbSmall.bbSearch {
    position: relative;
    display: block;
    width: 35px;
}

.bbButton.bbSearch .bbButtonIcon {
    background-position: -200px -850px;
    top: 1px;
    height: 26px;
}

.bbButton.bbSmall.bbSearch .bbButtonIcon {
    top: 0;
    width: 14px;
    height: 14px;
    background-position: -175px -851px;
}

.bbButton.bbFacebook,
.bbButton.bbFacebook[disabled="disabled"]:hover{
    color:#fff;
    font-family: ProximaNova, Arial, sans-serif;
    height: 40px;
    font-size:16px;
    line-height: 40px;
    text-transform: none;
    padding:0 20px 0 7px;
    background-color: #526bba;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#526bba), color-stop(50%,#455ca4), color-stop(100%,#37487d));
    background-image: -webkit-linear-gradient(top,  #526bba 0%,#455ca4 50%,#37487d 100%);
    background-image: -webkit-linear-gradient(top, #526bba 0%, #455ca4 50%, #37487d 100%);
    background-image: linear-gradient(to bottom,  #526bba 0%,#455ca4 50%,#37487d 100%);
}

.bbButton.bbFacebook:hover {
    background-color: #7488c7;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7488c7), color-stop(50%,#6a7db6), color-stop(100%,#606e99));
    background-image: -webkit-linear-gradient(top,  #7488c7 0%,#6a7db6 50%,#606e99 100%);
    background-image: -webkit-linear-gradient(top, #7488c7 0%, #6a7db6 50%, #606e99 100%);
    background-image: linear-gradient(to bottom,  #7488c7 0%,#6a7db6 50%,#606e99 100%);
}

.bbButton.bbFacebook:active{
    background-color: #37487d;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#37487d), color-stop(50%,#455ca4), color-stop(100%,#526bba));
    background-image: -webkit-linear-gradient(top,  #37487d 0%,#455ca4 50%,#526bba 100%);
    background-image: -webkit-linear-gradient(top, #37487d 0%, #455ca4 50%, #526bba 100%);
    background-image: linear-gradient(to bottom,  #37487d 0%,#455ca4 50%,#526bba 100%);
    box-shadow: none;
}

.bbButton.bbFacebook .bbButtonIcon{
    background-position: -76px -1525px;
    height: 29px;
    width: 29px;
    margin-top: -1px;
}

.feed-items-container .bbButton {
    width: 100%;
    box-sizing: border-box;
    margin-top: 10px;
}



/** app/bower_components/bbcomcdn-common/BB/UI/AddThis/src/AddThis.css (2008 bytes) */

.bbAddThisContainer.bbSmall .bbShareContainer {
    height: 16px;
    overflow: hidden;
}
.bbAddThisContainer.bbSmall .bbShareContainer .bbShare {
    display: block;
    float: left;
    margin-right: 1px;
}
.bbAddThisContainer.bbSmall .bbShareContainer .bbShare a.bbButton {
    height: 14px;
}
.bbAddThisContainer.bbSmall .bbShareContainer .bbShare a.bbButton span {
    padding: 0;
    width: 20px;
    height: 11px;
    overflow: hidden;
    font-size: 0;
}
.bbAddThisContainer.bbSmall .bbShareContainer .bbShare a.bbButton span img {
    margin-top: 1px;
}
.bbShareContainer .bbAddThis {
    display: inline-block;
}
.bbShareContainer .bbButton {
    padding: 0;
}
#article-social-extra .bbShareButton,
.bbShareButton {
    font: bold 12px ProximaNova, Arial, sans-serif;
    height: 23px;
}
.bbShareButton span {
    width: auto;
    white-space: nowrap;
    display: inline-block;
    height: 22px;
    padding: 4px 6px 0 6px;
}
.bbShareButton span img {
    height: 10px;
    margin-right: 4px;
    margin-top: 3px;
    display: inline-block;
    vertical-align: top;
}
.bbAddThisContainer.bbMedium .bbShareButton {
    height: 30px;
    line-height: 14px;
}
.bbAddThisContainer.bbMedium .bbShareButton span {
    width: 30px;
    height: 30px;
    overflow: hidden;
    font-size: 0;
}
.bbAddThisContainer.bbMedium .bbShareContainer .bbAddThis {
    min-width: 144px;
}
.bbAddThisContainer.bbMedium .bbShareButton span img {
    height: 16px;
}
.bbAddThisContainer.bbMedium .bbShareContainer .bbShare {
    height: 32px;
    width: 46px;
    display: block;
    float: left;
}
.bbShare .bb-share-button {
    height: 14px;
    display: block;
    width: 18px;
    float: left;
}
.bbShare .bb-share-button span {
    padding: 0;
}
.bbShare .bb-share-button span img {
    width: 18px;
    height: auto;
    margin: 1px;
}

/* I don't think this belongs here, but it breaks across all modals... */
div.bbButtomContainer .bbAddThisContainer.bbMedium .bbShareContainer .bbAddThis {
    float: right;
}



/** app/bower_components/bb-assets/content/stylesheets/src/content.css (149401 bytes) */

div.padded-content.article-content {
    width: 560px
}

div.gray-gradient-box-with-border {
    border: 1px solid #d9d9d9;
    background-color: #f7f7f7
}

div.gray-gradient-box-with-border.with-gradient {
    background-image: url(i/dc9fb0dfc333bb2620afe80cbe13efb0ac2ccd6b.png);
    background-color: #fff;
    background-repeat: repeat-x
}

div.gray-gradient-box-with-border.no-top-border {
    border-top: 0
}

span.byline {
    font-size: 14px
}

div.article-list-sub-cat h2 {
    font-family: "Arial Black", Arial;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    background-color: #636363;
    padding: 5px 0 5px 10px
}

span.by-author {
    font-style: italic
}

ul.bb-chevron-list {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    clear: both;
    margin: 0;
    margin-top: 0 !important
}

ul.bb-chevron-list li {
    list-style-image: url(i/e4f52aafeadd257ae9c0cc54b22bd0c08bea87a6.gif) !important;
    list-style-position: inside !important;
    font-size: 11px;
    float: none !important;
    margin-left: 0 !important
}

ul.bb-chevron-list a {
    font-size: 11px
}

ul.bb-chevron-list.bold-type a {
    font-family: "Arial Black", Arial, sans-serif;
    *font-family: Arial, sans-serif;
    *font-weight: bold
}

div.article-padding-content p {
    margin-bottom: 10px
}

div.article-header {
    background-color: #EEE;
    width: 640px;
    height: 300px
}

div.article-author-by-line {
    font-weight: bold;
    margin-bottom: 25px
}

span.article-date {
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    margin-left: 14px;
    *display: block
}

h4.article-section-header {
    background-color: #FFF;
    color: #6a6a6a;
    font-family: 'Arial black', Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 2px;
    text-transform: uppercase;
    border-bottom: 3px solid #CCC
}

div.exercise-guides {
    width: 28px !important;
    font-weight: bold;
    float: left
}

#article-about-author {
    margin-top: 30px
}

#article-about-author #aaa-content {
    border-bottom: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    padding: 10px 10px
}

#article-about-author #aaa-content #aaa-column-1 {
    float: left;
    width: 265px
}

#article-about-author #aaa-content #aaa-column-1 h2 {
    font-size: 26px;
    font-weight: bold;
    line-height: 1em
}

#article-about-author #aaa-content #aaa-column-1 h2 span {
    font-size: 11px;
    line-height: 17px
}

#article-about-author #aaa-content #aaa-column-1 p {
    margin-top: 7px
}

#article-about-author #aaa-content #aaa-rate #aaa-rating {
    float: right;
    width: 85px
}

#article-about-author #aaa-content #aaa-rate div {
    height: 28px
}

#article-about-author #aaa-content #aaa-column-1 p {
    font-size: 11px;
    line-height: 1.2em;
    margin-bottom: 10px
}

div.article-index-exercise-guides-rating-right p {
    display: inline;
    float: right;
    font-size: 11px;
    line-height: 100%
}

#article-about-author #aaa-content #aaa-column-1 p {
    font-size: 11px;
    line-height: 1.2em
}

div.article-index-exercise-guides-rating-right span {
    color: #5b8f06
}

#article-about-author #aaa-content #aaa-rate #aaa-rating-text {
    float: right;
    width: 100px;
    text-transform: uppercase;
    font-size: 11px;
    color: #9a9b9c;
    text-align: right;
    margin-right: 10px;
    font-weight: bold;
    font-family: "Arial black", Arial, Helvetica, sans-serif
}

#article-about-author #aaa-content #aaa-column-1 p {
    font-size: 11px;
    line-height: 1.2em;
    margin-bottom: 10px
}

#article-about-author #aaa-content #aaa-bodyspace {
    background-color: #e9e9e9;
    height: 24px;
    line-height: 24px;
    background-image: url(i/9ec594dbc8d39e3482f6247dc2a07ebe2d27faa4.jpg);
    background-position: 330px center;
    background-repeat: no-repeat
}

#article-about-author #aaa-content #aaa-bodyspace img {
    float: left;
    margin-right: 10px
}

#article-about-author #aaa-content #aaa-bodyspace a {
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    background-image: url(i/ae76a92a79720340da1f31462315fe6f9f77d195.gif);
    background-repeat: no-repeat;
    padding-left: 23px;
    display: block;
    float: left;
    background-position: left 4px
}

#article-about-author #aaa-content #aaa-bodyspace-info {
    background-color: #f3f3f3;
    padding: 7px 10px;
    font-size: 11px;
    color: #636363
}

#article-about-author #aaa-content #aaa-column-2 {
    margin-left: 299px;
    width: 225px
}

#article-about-author #aaa-content #aaa-column-2 img {
    margin-bottom: 10px
}

#article-about-author #aaa-content #aaa-column-2>a {
    border-bottom: dotted 1px #bcbdbc;
    padding: 5px 5px 2px 5px;
    font-size: 11px;
    width: 170px;
    display: block
}

div.article-index-3column {
    margin-right: 10px;
    margin-bottom: 30px
}

.article-index-3column {
    float: left;
    width: 180px;
    margin-bottom: 30px
}

div.article-index-3column h3 a {
    font-size: 12px;
    font-weight: bold
}

div.article-index-3column.right-column {
    margin-right: 0
}

.all-featured-shows-link {
    text-align: right;
    display: block;
    font-size: 12px;
    font-weight: 700
}

div.article-padded-content {
    margin-left: 40px;
    width: 560px
}

div.article-index-exercise-guides-rating-right {
    float: right;
    width: 77px;
    display: inline;
    font-size: 11px
}

div.small-rating.content {
    height: 20px !important;
    width: 20px !important;
    line-height: 20px !important;
    display: inline-block !important;
    color: white !important;
    text-align: center !important;
    background-color: #272727;
    background-image: url(i/db3ee10052c2666e097fe91a1682984086ae17a3.png);
    _background-image: url(i/ea7df583983133b62712b5e73bffbcd45cc53736.gif);
    _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='http://assets.bodybuilding.com/img/common/components/small-rating-overlay.png', sizingMethod='crop');
    border: 1px solid #cecece !important
}

div.article-index-exercise-guides-rating-right p {
    display: inline;
    float: right;
    font-size: 11px;
    line-height: 100%
}

div.article-index-exercise-guides-rating-right.content {
    width: 90px
}

div.article-index-exercise-guides-rating-right.content span {
    color: #5b8f06
}

div.article-index-exercise-guides.rating-right.content {
    border: 0
}

td.mpt-images {
    width: 132px !important
}

h4.article-small-title {
    font-size: 12px;
    font-weight: bold;
    margin: 14px 0
}

h4.article-small-title {
    font-size: 12px;
    font-weight: bold;
    margin: 14px 0
}

div.article-padded-content {
    width: 560px;
    margin: 0 auto
}

div.article-summary-old {
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    height: 75px;
    padding: 10px 5px 5px;
    background: #3e3e3e;
    margin-bottom: 12px
}

div.article-summary-old h2 {
    color: #fff799;
    font-weight: bold;
    font-size: 11px
}

div.article-summary-old ul {
    list-style-type: disc;
    margin: 10px 0 0 10px;
    color: #fff
}

div.article-summary-old ul li {
    line-height: 140%;
    list-style-position: inside
}

div.article-main-header {
    font-size: 25px;
    height: 62px;
    color: #2c2b2a;
    font-weight: bold
}

div.class {
    margin: 0 auto
}

p.caption {
    font-size: 10px;
    color: #2c2b2a;
    width: 100%;
    margin-bottom: 0;
    text-align: center
}

p.caption img {
    margin-right: 3px
}

p.caption.author {
    text-align: left
}

div.article-padding-content {
    width: 560px;
    margin: 0 auto;
    clear: both
}

div.article-padding-content>p {
    color: #000;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 18px
}

div.article-padding-content ul {
    margin-top: 20px
}

div.article-padding-content div.comments-panel-container ul {
    margin-top: 0
}

div.article-padding-content ul li {
    font-size: 13px;
    font-weight: normal;
    line-height: 16px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: square;
    margin: 0 0 5px 30px
}

div.article-padding-content div.comments-panel-container ul li {
    margin: 0
}

div.article-padding-content ol {
    font-weight: normal;
    margin-top: 20px
}

div.article-padding-content ol li {
    color: #000;
    font-size: 13px;
    font-weight: normal;
    line-height: 16px;
    list-style-image: none;
    list-style-position: outside;
    margin-bottom: 5px;
    margin-left: 30px;
    margin-right: 0;
    margin-top: 0
}

div.center {
    margin: 0 auto;
    text-align: center;
    position: relative
}

div.article-title p {
    color: #4f5054;
    font-family: arial, helvetica, sans-serif;
    font-size: 17px;
    font-weight: bold;
    margin: 25px auto 10px;
    word-spacing: -1px;
    line-height: 17px
}

div.article-author-by-line {
    text-align: left
}

h1.main-header {
    color: #000;
    font-family: 'Arial Black', Arial, Helvetica, sans-serif;
    font-size: 27px;
    line-height: 27px;
    margin: 35px 0 10px 0;
    text-align: left;
    width: 560px
}

h2.article-sub-header {
    color: #000;
    font-family: 'Arial Black', Arial, Helvetica, sans-serif;
    font-size: 25px;
    line-height: 25px;
    margin-top: 25px;
    margin-bottom: 10px;
    font-weight: bold
}

ul li.related-content-bottom {
    float: left;
    width: 31%;
    margin-right: 7px;
    list-style: none
}

p.image-caption {
    font-weight: bold;
    margin-top: 8px;
    text-align: center;
    width: 100%
}

td.share-article-info span {
    display: block
}

div.article-padding-content h5 {
    font-size: 13px;
    margin: 12px 0
}

div.article-padding-content h6 {
    font-size: 16px;
    margin: 12px 0
}

div.store-layout-paper-box {
    font-family: arial, sans-serif;
    font-size: 12px;
    left: 0;
    margin: 10px auto;
    overflow: hidden;
    position: relative;
    width: 627px;
    z-index: 0
}

div.store-layout-paper-box div.top {
    background-image: url(i/0323bff966f8ebe12d45f03730dc1b90d0b6a39d.png);
    background-position: 0 0;
    font-size: 0;
    height: 5px;
    left: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    width: 627px;
    z-index: 10
}

div.store-layout-paper-box div.bottom {
    background-image: url(i/0323bff966f8ebe12d45f03730dc1b90d0b6a39d.png);
    background-position: 0 -5px;
    bottom: 0;
    font-size: 0;
    height: 5px;
    left: 0;
    line-height: 0;
    position: absolute;
    width: 627px;
    z-index: 10
}

div.store-layout-paper-box div.left {
    background-image: url(i/0323bff966f8ebe12d45f03730dc1b90d0b6a39d.png);
    background-position: -626px 0;
    bottom: 0;
    font-size: 9000px;
    left: 0;
    line-height: 9000px;
    position: absolute;
    top: 0;
    width: 4px;
    z-index: 5
}

div.store-layout-paper-box div.right {
    background-image: url(i/0323bff966f8ebe12d45f03730dc1b90d0b6a39d.png);
    background-position: -629px 0;
    bottom: 0;
    font-size: 9000px;
    height: 100%;
    line-height: 9000px;
    position: absolute;
    right: 0;
    top: 0;
    width: 4px;
    z-index: 5
}

div.store-layout-paper-box div.content {
    padding-bottom: 3px;
    padding-left: 4px;
    padding-top: 3px;
    position: relative;
    z-index: 1000
}

div.store-layout-paper-box div.details h3 {
    text-transform: uppercase
}

div.store-layout-paper-box div.content.store-layout-featured-product div img {
    width: 393px;
    height: 172px
}

div.store-layout-featured-product div {
    float: left
}

div.store-layout-featured-product div.details {
    float: left;
    padding: 12px 15px 0;
    width: 200px
}

div.store-layout-featured-product div h3 {
    margin-bottom: 10px;
    word-wrap: break-word;
    width: 110%
}

div.store-layout-featured-product div p {
    margin-bottom: 15px
}

div.content-image-caption-box {
    width: 560px;
    height: 25px;
    padding: 10px 0;
    clear: both
}

div.content-image-caption-box h5 {
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 2px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 2px;
    text-align: left;
    width: 75%
}

div.content-image-caption-box a {
    float: left;
    font-size: 10px
}

div.content-image-container {
    margin: 25px auto 0 auto;
    text-align: left
}

.inner-crop {
    left: -10px;
    position: relative;
    top: 0
}

.crop {
    height: 275px;
    overflow: hidden;
    width: 257px !important
}

div.content-image-dual-image-left {
    width: 255px;
    float: left
}

div.content-image-dual-image-right {
    width: 255px;
    float: left;
    margin-left: 10px
}

div.article-list-sub-cat h2 {
    font-family: "Arial black", Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    color: white;
    background-color: #636363;
    margin-bottom: 0;
    padding: 5px 0 5px 10px
}

div#article-featured-product-image {
    background: url(i/05be97a7c08bf6542f6757bd7ea9080a3d618a74.jpg);
    float: left;
    height: 130px;
    width: 131px;
    margin: 7px 12px 0 5px;
    padding: 14px;
    position: relative;
    text-align: center
}

div#article-featured-product-description {
    padding-top: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000
}

div#article-featured-product-description .product-description {
    margin-bottom: 10px;
    display: block
}

div#article-featured-product-description .product-title {
    font-family: "Arial Black", arial, sans-serif;
    *font-family: arial, sans-serif;
    *font-weight: bold;
    display: block;
    font-size: 22px;
    margin-bottom: 10px
}

#featured-exercises h3 {
    background-color: #636363;
    padding: 5px;
    clear: both;
    margin: 30px 0 9px;
    font-family: "Arial black", Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    color: white
}

#featured-exercises #fe-find-exercises {
    border: solid 1px #f2f2f3
}

#featured-exercises #fe-find-exercises div#fe-find-exercises-content {
    border: solid 5px white;
    height: 21px;
    padding: 13px 10px;
    _padding: 12px 10px;
    background-image: url(i/28d88cae9bcd36bef38c8232cff0cae958290987.jpg);
    background-repeat: repeat-x
}

div#fe-find-exercises-content #search-box-selectmenu-button, div#fe-find-exercises-content #search-box-selectmenu {
    width: 120px !important
}

div.article-padding-content ul table tbody tr td font img {
    padding: 5px;
    margin: 0 5px;
    background: #000
}

div.article-padding-content ul table tbody tr {
    background-color: #fff;
    color: #000
}

div.article-padding-content ul table tbody tr td font {
    color: #000
}

#featured-exercises #fe-find-exercises div.bb-drop-down-container {
    background: 0;
    width: 120px
}

div#fe-find-exercises-content label {
    float: left;
    line-height: 23px
}

div.BBCOMWidget_LargeRating_Con {
    float: right !important;
    height: 58px !important;
    width: 45px !important;
    margin: 0 2px 0 0 !important
}

div.BBCOMWidget_LargeRating {
    background: url(i/3fc5a172981c5d5e0b1b45268955c82832dae9bb.png) top left no-repeat !important;
    width: 45px !important;
    height: 43px !important;
    line-height: 43px !important;
    font-size: 24px !important;
    font-weight: bold !important;
    color: white !important;
    text-align: center !important;
    text-decoration: underline !important
}

div.BBCOMWidget_LargeRating_Con p.rating-out-of {
    color: #333;
    float: none !important;
    font-weight: normal;
    margin-top: 0;
    text-align: center
}

div.BBCOMWidget_LargeRating_Con p {
    text-align: center !important;
    font-size: 10px !important;
    margin-top: 12px
}

div.BBCOMWidget_LargeRating_Con p {
    text-align: center !important;
    font-size: 10px !important;
    margin-top: 12px
}

.featured-transformation-fix {
    margin-left: -10px
}

div.featured-transformation-fix a img {
    margin-top: 15px;
    margin-bottom: 10px
}

h1.new-supersite-h1 {
    font-family: "Arial Black", Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 26px;
    color: #636363
}

div.boom-three-column.store-layout-sub-category-box.nutrition-height {
    margin-bottom: 10px
}

div.boom-three-column.store-layout-sub-category-box.nutrition-height h4 a {
    font-weight: 900
}

div.rounded-button-container span.round-button-text.nutrition-rounded-button {
    width: 570px;
    text-align: center
}

div.store-layout-featured-product.nutrition div.details {
    padding: 15px 15px 0 15px;
    width: 190px;
    _width: 180px
}

div.store-layout-featured-product.nutrition div.details h3 {
    font-size: 18px
}

div.boom-two-column div.rounded-button-container a.rounded-button span.round-button-text {
    width: 255px;
    text-align: center
}

div.article-list-sub-cat table tr td {
    width: 33%;
    line-height: 27px;
    font-size: 12px;
    font-weight: 900;
    border-bottom: 1px dotted #ccc;
    text-transform: uppercase;
    font-family: "Arial Black", Arial, Helvetica, sans-serif;
    padding: 4px 0
}

div.article-list-sub-cat table tr td.last-line {
    border-bottom: 0
}

div.article-list-sub-cat.top-margin {
    margin-top: 30px
}

div.article-list-sub-cat.bottom-margin {
    margin-bottom: 50px
}

.article-index-border-top {
    border-top: 1px dashed #bcbdbc
}

.article-index-view-all-members {
    clear: both;
    display: block;
    font-size: 11px;
    font-weight: 700;
    padding: 10px 0 0 5px
}

div.rounded-button-container {
    display: block;
    clear: both;
    margin: 10px 0 30px
}

div.rounded-button-container a.rounded-button {
    background: url(i/4fff5bd54cdc070362c6a0800b3d66a6445776cf.gif) repeat-x scroll 0 100% transparent;
    display: inline-block;
    height: 32px
}

div.rounded-button-container a:link, div.rounded-button-container a:visited {
    color: #0e709a;
    float: none;
    font-size: 11px;
    padding: 0
}

div.rounded-button-container a.rounded-button:hover {
    text-decoration: none
}

div.rounded-button-container a.rounded-button span.round-left {
    background-position: 0 0
}

div.rounded-button-container a.rounded-button span.round-left,
div.rounded-button-container a.rounded-button span.round-right {
    background: url(i/4fff5bd54cdc070362c6a0800b3d66a6445776cf.gif) no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 32px;
    width: 6px
}

div.rounded-button-container span {
    background-image: none;
    display: inline;
    font-size: 12px;
    line-height: 16px
}

div.rounded-button-container a.rounded-button span.round-button-text {
    display: inline-block;
    font: 14px "Arial Black", Arial;
    height: 32px;
    margin: 0;
    padding: 6px 15px;
    vertical-align: top
}

div.rounded-button-container a.rounded-button:hover span.round-button-text {
    text-decoration: underline
}

div.rounded-button-container a.rounded-button span.round-button-chevron {
    font-size: 18px
}

div.rounded-button-container a.rounded-button span.round-right {
    background-position: 100% 0
}

div.rounded-button-container a.rounded-button span.round-button-text {
    text-transform: uppercase
}

div.store-layout-featured-product.nutrition div.details a {
    font-weight: 900
}

div.boom-three-column.store-layout-sub-category-box.nutrition-height h4 {
    margin-top: 10px;
    font-size: 12px;
    padding-bottom: 6px
}

div.boom-two-column div.rounded-button-container {
    margin-bottom: 15px
}

a.nutrition-line-seperator {
    border-top: 1px dotted #ccc;
    float: left;
    padding-top: 6px;
    width: 100%;
    font-weight: 900;
    margin-bottom: 15px
}

a.article-index-view-all-members.category {
    text-align: right
}

div.supersite-layout-content-wrap {
    width: 620px
}

div.store-layout-chapters-toolbar hr, div.layout-chapters-toolbar hr {
    border-top: 1px solid #d8d8d8
}

div.supersite-article-list ul {
    width: 620px
}

div.supersite-article-list-sub-cat {
    margin-bottom: 22px
}

div.sort-by-pill-box a:hover {
    background-image: url(i/61a5685c1b856622e444dbfa272dc2f94ea3cd18.png);
    background-position: -30px 0
}

div.supersite-article-list-sub-cat {
    width: 470px
}

div.sort-by-pill-box:nth-of-type(1) a:hover {
    background-position: 0 -120px
}

div.sort-by-pill-box a.active {
    background-position: 0 -139px
}

div.store-layout-product-item div.product-details h4 {
    font-size: 12px;
    font-weight: bold;
    margin-top: 3px
}

div.store-layout-product-item div.product-details h3 {
    margin-bottom: 18px
}

div.article-padding-content ul li.related-content-bottom {
    float: left;
    width: 31%;
    margin: 0 7px 0 0;
    list-style: none
}

div.content-header {
    background: #000 url(i/0abac9fa3d63e7004dc9268a25222bfb5b03da95.jpg);
    width: 640px;
    height: 250px
}

div.content-header.skinny {
    height: 175px
}

div.content-header h1 {
    color: white;
    font-family: "arial black", arial, helvetica, sans-serif;
    font-size: 43px;
    line-height: 35px;
    padding: 10px;
    text-transform: uppercase
}

div#content div.gradient-panel div.content {
    background: #f1f1f1;
    height: 100%
}

div#content div.related-areas-content ul {
    padding-bottom: 5px
}

div#content div.supersite-layout-content-wrap p {
    margin: 5px 0
}

div#content div.supersite-layout-content-wrap ul li p a {
    font-style: italic
}

div#content ul#selectmenu-exercise-menu {
    width: 130px
}

div#content div.supersite-article-list ul li.feature-post div.violator.vio-yellow {
    margin-bottom: 5px
}

div#content div.sort-by-pill-box {
    background: url(i/61a5685c1b856622e444dbfa272dc2f94ea3cd18.png) 0 -99px;
    float: left;
    margin-left: 10px
}

div#content span.sort-by {
    float: left
}

div#content div.content-sort div.sort-by-pill-box a {
    padding: 3px 20px
}

.pagination-container {
    border: 1px solid #b4b4b4;
    text-align: left;
    color: #2c2b2a
}

.pagination-container .inner-container {
    margin: 4px;
    padding: 13px;
    background-color: #FFF;
    *padding-bottom: 0
}

.pagination-container .pagination-x-of-y {
    float: left;
    font-size: 14px
}

.pagination-container .pagination-x-of-y span {
    color: #7b7873
}

.pagination-container .pagination-pages {
    float: right
}

.pagination-container .pagination-pages li {
    vertical-align: top;
    display: inline-block;
    list-style-type: none;
    background-color: #9a9b9c;
    width: 15px;
    height: 15px;
    line-height: 16px;
    text-align: center;
    *zoom: 1;
    *display: inline;
    *margin: 0 1px
}

.pagination-container .pagination-pages li, .pagination-container .pagination-pages li a {
    font-size: 12px;
    font-weight: bold;
    color: #FFF
}

.pagination-container .pagination-pages li a {
    background-color: #056092;
    display: block
}

.pagination-container .pagination-pages li.pagination-ellipsis {
    background-color: transparent;
    color: #4d4f53
}

.pagination-container .pagination-pages li.pagination-previous-next {
    width: auto;
    text-align: left;
    padding: 0 6px;
    background: #FFF;
    border: 1px solid #e2e2e2;
    margin: 0 3px;
    border-radius: 2px
}

.pagination-container .pagination-pages li.pagination-previous-next a {
    background: transparent;
    color: #056092
}

.pagination-container .pagination-pages li.pagination-previous-next div.arrow {
    margin: 3px;
    border: 0;
    border: 1px solid #ebebeb;
    height: 0;
    width: 0;
    vertical-align: top;
    *zoom: 1
}

.pagination-container .pagination-pages li.pagination-previous-next div.arrow.left {
    float: left;
    border-style: solid;
    border-top-width: 3px;
    border-right-width: 3px;
    border-bottom-width: 3px;
    border-left-width: 0;
    border-right-color: #026092;
    line-height: 3px
}

.pagination-container .pagination-pages li.pagination-previous-next div.arrow.right {
    float: right;
    border-style: solid;
    border-top-width: 3px;
    border-right-width: 0;
    border-bottom-width: 3px;
    border-left-width: 3px;
    border-left-color: #026092;
    line-height: 3px
}

ul.pagination {
    overflow: visible;
    _padding: 1px
}

ul.pagination li {
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 11px;
    list-style: none;
    float: left;
    margin-top: 1px;
    line-height: 12px
}

ul.pagination a {
    background: #056092;
    margin-right: 2px;
    color: #FFF
}

ul.pagination .previous-off a, ul.pagination .next-off a {
    color: #888 !important;
    font-weight: bold
}

ul.pagination .next a, ul.pagination .previous a {
    font-weight: bold
}

ul.pagination .active {
    background: #9a9b9c;
    padding: 2px 5px;
    color: #FFF;
    font-weight: bold;
    display: block;
    float: left;
    margin-right: 2px
}

ul.pagination a:link, ul.pagination a:visited {
    color: #FFF;
    display: block;
    float: left;
    padding: 2px 5px;
    text-decoration: none
}

ul.pagination a:hover {
    background: #00a1de
}

ul.pagination li.elipse {
    width: 14px;
    padding-right: 1px;
    text-align: center;
    font-weight: bold
}

ul.pagination li.button {
    margin-top: 0;
    _margin-top: -1px;
    height: 16px;
    border-top: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
    background: #ebebeb;
    margin-right: 5px;
    margin-left: 5px;
    overflow: visible
}

ul.pagination li.button a, ul.pagination li.button a:active, ul.pagination li.button a:visited {
    overflow: visible;
    *float: none;
    *zoom: 1;
    *display: inline;
    color: #026092;
    height: 12px;
    margin-left: -1px;
    margin-right: -1px;
    _margin-left: 0;
    _margin-right: 0;
    padding-right: 5px;
    border-left: 1px solid #cacaca;
    border-right: 1px solid #cacaca;
    background: #ebebeb
}

ul.pagination li.button.next a, ul.pagination li.button.next-off a {
    padding-right: 3px
}

ul.pagination div.arrow {
    margin: 3px;
    border: 0;
    border: 1px solid #ebebeb;
    height: 0;
    width: 0;
    vertical-align: top;
    *float: none !important;
    *zoom: 1;
    *display: inline
}

ul.pagination div.arrow.left {
    float: left;
    border-top-width: 3px;
    border-right-width: 3px;
    border-bottom-width: 3px;
    border-left-width: 0;
    border-right-color: #026092;
    line-height: 3px
}

ul.pagination div.arrow.right {
    float: right;
    border-top-width: 3px;
    border-right-width: 0;
    border-bottom-width: 3px;
    border-left-width: 3px;
    border-left-color: #026092;
    line-height: 3px
}

.layout-article-list-box {
    margin-bottom: 10px;
    margin-left: 2px;
    margin-right: 2px;
    vertical-align: top !important;
    width: 200px;
    font-size: 12px
}

.layout-article-list-box h4 {
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0 5px 0;
    height: 45px
}

.layout-article-list-box .article-index-view-all-members {
    font-size: 11px;
    font-weight: 700;
    display: block;
    padding: 10px 0 0 5px;
    clear: both
}

.layout-article-list-box .article-index-member {
    border-bottom: dashed 1px #bcbdbc;
    padding: 5px 0;
    height: 38px
}

.layout-article-list-box .article-index-member img {
    float: left;
    margin: 0 10px 0 5px;
    border: 1px solid #9a9b9c;
    padding: 2px
}

.layout-article-list-box h3, .amateur-of-the-week h3 {
    color: #0e709a;
    font-weight: 700;
    font-family: "Arial Black", Arial;
    font-size: 12px;
    border: 1px solid #CCC;
    padding: 7px 10px;
    margin-bottom: 15px;
    line-height: 14px;
    letter-spacing: .01px
}

.layout-article-list-box h3 span, .store-layout-page-index-links h3 span {
    font-size: 14px;
    text-transform: uppercase;
    background-image: url(i/e4f52aafeadd257ae9c0cc54b22bd0c08bea87a6.gif);
    background-repeat: no-repeat;
    background-position: right 7px;
    padding-right: 13px
}

.layout-article-list-box h2 {
    font-size: 12px;
    color: #0e709a;
    margin: 4px 0 15px;
    font-weight: 700
}

.article-index-border-top {
    border-top: dashed 1px #bcbdbc
}

.amateur-of-the-week img {
    float: left;
    margin-right: 10px;
    border: 1px solid #9a9b9c;
    padding: 4px
}

.amateur-of-the-week h4 {
    color: #0e709a;
    font-weight: 700;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 2px
}

.amateur-of-the-week p {
    line-height: 1.2em;
    font-size: 11px
}

#featured-shows h2 {
    font-family: "Arial Black", Arial;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    background-color: #636363;
    padding: 5px 0 5px 10px;
    margin-bottom: 10px
}

#featured-shows .featured-shows-link {
    font-size: 13px;
    color: #0e709a;
    padding-top: 7px;
    display: block;
    font-weight: 700
}

.all-featured-shows-link {
    text-align: right;
    display: block;
    font-size: 12px;
    font-weight: 700
}

.member-transformation img {
    float: left;
    margin-right: 5px;
    border: 1px solid #9a9b9c;
    padding: 4px
}

.member-transformation h4 {
    color: #0e709a;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 2px
}

.member-transformation p {
    line-height: 1.2em;
    font-size: 11px
}

.magazine-preview {
    border: 1px solid #ccc;
    padding: 15px;
    height: 82px
}

.magazine-preview h4 {
    border: 0;
    color: #0e709a;
    font-weight: 700;
    font-size: 13px;
    margin-bottom: 1px
}

.magazine-preview img {
    float: left;
    margin-right: 15px;
    border: 1px solid #9a9b9c;
    padding: 4px
}

.magazine-preview p {
    line-height: 1.4em;
    font-size: 13px
}

.boom-three-column.layout-article-list-box.workouts h3 {
    margin-bottom: 5px;
    text-transform: lowercase
}

.boom-three-column.layout-article-list-box.workouts h4 {
    margin: 5px 0;
    font-size: 13px;
    font-weight: bold
}

#content #featured-exercises #fe-main {
    height: 233px;
    margin-bottom: 0
}

#content #featured-exercises #fe-main-column1 {
    width: 319px;
    float: left
}

#content #featured-exercises #fe-main-column2 {
    width: 275px;
    float: left;
    margin-left: 15px
}

#content #featured-exercises #fe-main .fe-rating {
    float: right;
    width: 75px;
    height: 34px
}

#content #featured-exercises #fe-main .fe-rating p {
    text-align: right;
    color: #999b9b;
    font-family: "Arial black", Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-transform: uppercase
}

#content #featured-exercises h2 {
    color: #0d6f99;
    font-family: "Arial black", Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 1.1em;
    margin-bottom: 5px
}

#content #featured-exercises h2 span {
    color: #2c2b29;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-transform: lowercase
}

#content #featured-exercises ul {
    list-style: none
}

#content #featured-exercises li {
    color: #2c2b29;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 2px
}

#content #featured-exercises li a {
    font-weight: normal
}

#content #featured-exercises h4 {
    color: #2c2b29;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    margin-top: 7px
}

#content #featured-exercises #fe-review-user {
    height: 25px;
    background-color: #e9e9e9;
    margin-top: 5px;
    font-size: 12px
}

#content #featured-exercises #fe-review-user div {
    float: left;
    height: 25px;
    line-height: 25px
}

#content #featured-exercises #fe-review-user div {
    float: left;
    height: 25px;
    line-height: 25px
}

#content #featured-exercises #fe-user-info {
    background-image: url(i/c3e3492ff73d4d1fb0576a5b20a730048982ba7f.gif);
    background-repeat: no-repeat;
    background-position: 7px center;
    background-color: #f3f3f3;
    padding: 5px 5px 5px 30px;
    font-size: 10px;
    color: #636363
}

#content #featured-exercises #fe-main-column2 p {
    font-size: 11px;
    margin-top: 0;
    margin-bottom: 0
}

#content #featured-exercises #fe-main-column2 p span {
    color: #bbbdbb
}

#content #featured-exercises h4 {
    color: #2c2b29;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    margin-top: 7px;
    margin-bottom: 5px
}

#content #featured-exercises .fe-3-column ul {
    margin-bottom: 4px
}

#content #featured-exercises ul {
    list-style: none
}

#content #featured-exercises li {
    color: #2c2b29;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 2px;
    line-height: 12px
}

#content #featured-exercises li a {
    font-weight: normal
}

#content #featured-exercises h3 {
    background-color: #636363;
    padding: 5px;
    clear: both;
    margin: 30px 0 9px;
    font-family: "Arial black", Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    color: white
}

#content #featured-exercises #fe-find-exercises {
    border: solid 1px #f2f2f3
}

#content #featured-exercises #fe-find-exercises div#fe-find-exercises-content {
    border: solid 5px white;
    height: 21px;
    padding: 13px 10px;
    _padding: 12px 10px;
    background-image: url(i/28d88cae9bcd36bef38c8232cff0cae958290987.jpg);
    background-repeat: repeat-x
}

#content #featured-exercises #fe-find-exercises div label {
    color: #2c2b29;
    font-weight: bold;
    font-size: 13px
}

#content #featured-exercises #fe-find-exercises div div {
    background-image: url(i/b8d9877e415a064da4078caaed26dd5df4554dd8.jpg);
    background-repeat: no-repeat;
    height: 23px;
    width: 229px;
    float: left;
    margin: 0 10px 0 5px
}

#content #featured-exercises #fe-find-exercises div input {
    border: 0;
    width: 190px;
    margin: 3px 0 0 3px;
    height: 15px;
    font-size: 14px;
    color: #999b9b
}

#content #featured-exercises #fe-find-exercises div div {
    background-image: url(i/b8d9877e415a064da4078caaed26dd5df4554dd8.jpg);
    background-repeat: no-repeat;
    height: 23px;
    width: 229px;
    float: left;
    margin: 0 10px 0 5px
}

#content #featured-exercises #fe-find-exercises select {
    width: 125px;
    margin-right: 10px;
    font-size: 12px
}

#content #featured-exercises .fe-3-column {
    width: 165px;
    float: left;
    margin-right: 40px;
    margin-top: 35px
}

#content #featured-exercises .fe-3-column.column-three {
    margin-right: 0
}

#content div#fe-review-user img {
    float: left;
    margin-right: 5px
}

#content .exerciseThumbs {
    width: 175px
}

#content #featured-exercises div.exerciseThumbs img {
    margin: 0
}

#content #exercises-content ul {
    font-size: 12px;
    font-weight: bold
}

#content #exercises-content #exercises-left-txt ul li a span, #content #exercises-content #exercises-right-txt ul li a span {
    font-weight: normal
}

#content #exercises-content div#exercises-left-txt {
    left: 0
}

#content #exercises-content #exercises-left-txt ul li {
    text-align: right
}

div.store-layout-product-item.featured-product div.product-details h4 {
    margin-top: 18px
}

div.store-layout-product-item.featured-product div.product-details p {
    margin-bottom: 18px
}

div.store-layout-product-item {
    border: 0;
    padding-top: 10px;
    padding-bottom: 5px;
    margin-top: 5px;
    font-size: 12px;
    font-family: arial, sans-serif
}

div.store-layout-product-item div.product-image {
    width: 130px;
    padding: 10px 0 0 5px;
    float: left;
    text-align: center
}

div.store-layout-product-item div.product-image a {
    cursor: pointer
}

div.store-layout-product-item div.product-details {
    width: 270px;
    padding: 10px;
    float: left
}

div.store-layout-product-item div.product-details h3 {
    font-size: 18px;
    font-weight: bold;
    word-wrap: break-word
}

div.store-layout-product-item div.product-details h4 {
    font-size: 12px;
    font-weight: bold;
    margin-top: 3px
}

div.store-layout-product-item div.product-details p {
    margin-top: 2px;
    text-align: left !important
}

div.store-layout-product-item div.product-details div.product-spec {
    margin-top: 3px;
    font-size: 11px
}

div.store-layout-product-item div.product-purchase {
    width: 151px;
    padding: 0;
    float: right;
    margin-bottom: 10px
}

div.store-layout-product-item div.top-selling-product-button {
    bottom: 10px;
    right: 30px
}

#meal-plan-table {
    margin: 15px 0 5px 0
}

#meal-plan-table.workouts-table {
    margin: 20px 0
}

#meal-plan-table h3, .training-plan h3 {
    color: white;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    background-color: #5b8f05;
    padding: 4px 10px;
    width: 400px;
    background-image: url(i/ffd220722cda0e273b2c14451ec390e8168c10e4.gif);
    background-repeat: no-repeat;
    background-position: right center
}

#meal-plan-table table, .training-plan table {
    border-bottom: solid 1px #dcd8d2;
    margin-top: 10px
}

#meal-plan-table table .rowbgcolor, .training-plan table .rowbgcolor {
    background-color: #f1f0ee;
    border-bottom: 1px solid #dcd8d2;
    border-top: 1px solid #dcd8d2;
    margin-bottom: 0;
    margin-top: 0
}

#meal-plan-table table tr td, .training-plan table tr td {
    border-top: solid 1px #dcd8d2;
    padding: 8px 0;
    margin: 0;
    line-height: 1.3em;
    font-size: 12px
}

#meal-plan-table table tr td img, .training-plan table tr td img {
    margin-left: 8px
}

#meal-plan-table h4, .training-plan h4 {
    font-weight: bold;
    display: block;
    font-size: 12px
}

#meal-plan-table .mpt-other-options, .training-plan .mpt-other-options {
    font-size: 11px;
    line-height: 1.1em;
    width: 150px
}

#meal-plan-table .mpt-other-options div, .training-plan .mpt-other-options div {
    border-left: solid 1px #dcd8d2;
    padding: 0 8px
}

#meal-plan-table .mpt-other-options p {
    margin-bottom: 0
}

#meal-plan-table .mpt-other-options.content div, .training-plan .mpt-other-options.content div {
    border-left: 0
}

div#meal-plan-table {
    text-align: left
}

div#meal-plan-table ul {
    list-style: none;
    margin: 10px 0;
    display: table;
    width: 100%
}

div#meal-plan-table li {
    height: 46px;
    padding: 10px 0;
    margin-left: 0;
    list-style-type: none
}

div#meal-plan-table li.rowBgColor {
    border-top: 1px solid #dcd8d2;
    background-color: #f1f0ee;
    border-bottom: 1px solid #dcd8d2
}

div#meal-plan-table li.rowBorderColor {
    border-top: 1px solid #dcd8d2;
    border-bottom: 1px solid #dcd8d2
}

div#meal-plan-table span.mpt-images {
    width: 125px;
    float: left;
    margin-left: 7px
}

div#meal-plan-table span.mpt-images img {
    margin: 0 3px
}

div#meal-plan-table span.mpt-content.content {
    width: 300px;
    float: left
}

#meal-plan-table li .rowBgColor, .training-plan li .rowBgColor {
    background-color: #f1f0ee
}

div.store-layout-sub-category-box, div.layout-sub-category-box {
    width: 200px;
    vertical-align: top !important;
    margin-bottom: 20px;
    margin-right: 5px;
    *margin-right: 9px
}

div.store-layout-sub-category-box.third, div.layout-sub-category-box.third {
    margin-right: 0
}

div.store-layout-sub-category-box img, div.layout-sub-category-box img {
    width: 200px;
    height: 114px
}

div.store-layout-sub-category-box h3, div.layout-sub-category-box h3 {
    font-family: "Arial Black", Arial, sans-serif;
    height: 36px;
    line-height: 18px
}

div.store-layout-sub-category-box h3 a, div.layout-sub-category-box a {
    font-size: 17px;
    color: #0e709a;
    text-transform: uppercase;
    font-weight: 300
}

div.store-layout-sub-category-box p, div.layout-sub-category-box p {
    margin-bottom: 10px;
    font-size: 12px
}

div.store-layout-sub-category-box a, div.layout-sub-category-box a {
    font-size: 12px
}

div.store-layout-sub-category-box span, div.layout-sub-category-box span {
    font-size: 10px
}

div.store-layout-sub-category-box div.details, div.layout-sub-category-box div.details {
    margin-top: 5px;
    margin-bottom: 10px
}

div.store-layout-sub-category-box div.details div.rating, div.layout-sub-category-box div.details div.rating {
    font-size: 11px
}

div.store-layout-sub-category-box div.details div.rating div.small-rating.tall,
div.layout-sub-category-box div.details div.rating div.small-rating.tall {
    float: left;
    margin-right: 3px
}

div.store-layout-sub-category-box div.details span, div.layout-sub-category-box div.details span {
    font-size: 20px
}

#exercises-content {
    background-image: url(i/3f6be6db6d2a360a6a02a80dfa28c9e38ea894b4.jpg);
    background-repeat: no-repeat;
    background-position: 134px 0;
    position: relative;
    height: 333px;
    width: 613px;
    margin-left: 15px
}

#exercises-left-txt {
    position: absolute;
    top: 71px;
    left: 20px;
    text-align: right
}

#exercises-right-txt {
    position: absolute;
    top: 71px;
    left: 463px
}

#exercises-content ul {
    list-style: none;
    font-family: Arial;
    font-size: 13px
}

#exercises-content ul li span {
    font-size: 11px
}

div.member-con {
    width: 582px;
    margin: 0 auto;
    font-size: 12px
}

div.member-photo {
    width: 88px;
    margin-right: 6px;
    text-align: center;
    display: inline-block;
    *zoom: 1;
    *display: inline
}

div.member-photo img {
    margin-top: 3px;
    margin-bottom: 8px
}

.no-margin-top {
    margin-top: 0 !important
}

.forum-banner {
    border: 1px solid #bcbdbc;
    padding: 5px;
    height: 55px;
    text-align: right;
    margin: 30px 0 0 0
}

.forum-banner img {
    float: left
}

.forum-banner h2 {
    color: #4f5054;
    float: left;
    font-family: "Arial Black", Arial;
    font-size: 17px;
    height: 55px;
    line-height: 1em;
    margin-left: 5px;
    padding-top: 10px;
    text-transform: uppercase
}

.forum-banner h2 span {
    background-image: url(i/e4f52aafeadd257ae9c0cc54b22bd0c08bea87a6.gif);
    background-repeat: no-repeat;
    background-position: right 8px;
    padding-right: 11px;
    text-transform: lowercase;
    font-size: 13px
}

div.site-index-row {
    clear: both
}

div.store-layout-page-index-links, div.page-index-links {
    margin-bottom: 10px;
    margin-right: 3px;
    vertical-align: top !important;
    width: 24%;
    float: left
}

div.store-layout-page-index-links div.boom-four-column, div.page-index-links div.boom-four-column {
    vertical-align: top !important;
    width: 137px;
    margin-left: 14px
}

div.store-layout-page-index-links.no-bullets div.boom-four-column,
div.page-index-links.no-bullets div.boom-four-column {
    margin-left: 0;
    margin-right: 1px;
    width: 148px
}

div.store-layout-page-index-links ul li, div.page-index-links ul li {
    color: #0e709a
}

div.store-layout-page-index-links.no-bullets ul li, div.page-index-links.no-bullets ul li {
    list-style-type: none;
    font-size: 11px;
    margin-bottom: 3px;
    color: inherit
}

div.store-layout-page-index-links ul li.header, div.page-index-links ul li.header {
    list-style: none;
    margin-left: -15px;
    _margin-left: 0;
    line-height: 12px
}

div.store-layout-page-index-links ul li a, div.page-index-links ul li a {
    color: #0e709a;
    line-height: 14px;
    font-size: 11px;
    cursor: pointer
}

div.store-layout-page-index-links ul li h4 {
    color: #4d4f53;
    font-weight: bold;
    width: 132px
}

div.store-layout-page-index-links ul li h4 a, div.page-index-links ul li h4 a {
    font-weight: bold;
    line-height: 18px;
    font-size: 12px;
    color: #0e709a
}

div.store-layout-page-index-links div.boom-three-column, div.page-index-links div.boom-three-column {
    vertical-align: top !important;
    width: 177px;
    margin-left: 14px
}

div.store-layout-page-index-links div.boom-three-column ul, div.page-index-links div.boom-three-column ul {
    list-style-type: none
}

div.store-layout-page-index-links h3, div.page-index-links h3 {
    color: #0e709a;
    font-weight: 700;
    font-family: "Arial Black", Arial;
    font-size: 12px;
    border: 1px solid #CCC;
    padding: 7px 10px;
    margin-bottom: 15px;
    line-height: 14px;
    letter-spacing: .01px
}

div.store-layout-page-index-links ul li {
    margin-left: 15px
}

#exercises-content {
    background-image: url(i/3f6be6db6d2a360a6a02a80dfa28c9e38ea894b4.jpg);
    background-repeat: no-repeat;
    background-position: 134px 0;
    position: relative;
    height: 333px;
    width: 613px;
    margin-left: 15px
}

#exercises-left-txt {
    position: absolute;
    top: 71px;
    left: 20px;
    text-align: right
}

#exercises-right-txt {
    position: absolute;
    top: 71px;
    left: 463px
}

#exercises-content ul {
    list-style: none;
    font-family: Arial;
    font-size: 13px
}

#exercises-content ul li span {
    font-size: 11px
}

.content-box {
    width: 620px;
    height: 233px;
    overflow: hidden
}

.content-box h2 {
    font-family: "Arial Black", Arial;
    font-size: 19px;
    text-transform: uppercase;
    color: #0e709a;
    margin-bottom: 5px;
    line-height: .9em
}

.content-box h3 {
    font-family: "Arial Black", Arial;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    background-color: #636363;
    padding: 5px 0 5px 10px;
    margin-bottom: 15px
}

.content-box .content-box-left {
    width: 320px;
    height: 233px;
    float: left
}

.content-box .content-box-right {
    width: 280px;
    height: 233px;
    float: right
}

#imagelink-content-box ul {
    list-style: none
}

#imagelink-content-box ul li {
    margin-bottom: 8px
}

#imagelink-content-box #imagelink-content-box-llinks {
    width: 130px;
    float: left;
    padding-left: 9px
}

#imagelink-content-box #imagelink-content-box-rlinks {
    width: 130px;
    float: right
}

div.mod-about-the-author {
    position: relative;
    vertical-align: top
}

div.mod-about-the-author div.ata-left-column {
    width: 320px;
    float: left;
    margin-top: 15px
}

div.mod-about-the-author div.ata-right-column {
    width: 220px;
    float: right;
    margin-top: 15px
}

div.mod-about-the-author div.ata-right-column img {
    max-width: 220px
}

div.mod-about-the-author div.ata-author-name a {
    font-size: 20px;
    font-family: "Arial Black", Arial, sans-serif;
    *font-family: Arial, sans-serif;
    *font-weight: bold;
    color: #0c7099
}

div.mod-about-the-author div.ata-left-column div.author-gradient-button {
    margin-top: 5px;
    height: 30px
}

div.mod-about-the-author div.author-gradient-button a {
    font-family: "Arial Black", Arial, sans-serif;
    *font-family: Arial, sans-serif;
    *font-weight: bold;
    font-size: 10px;
    background-color: #777;
    color: #FFF;
    height: 16px;
    line-height: 16px;
    padding: 0 10px 0 15px;
    background-image: url(i/8a80ec7f11212bc604bb90804a110f917917038d.png);
    display: inline-block;
    *zoom: 1;
    *display: inline;
    position: relative;
    text-align: center;
    text-decoration: none
}

div.mod-about-the-author div.author-gradient-button a:hover {
    background-position: left bottom
}

div.mod-about-the-author div.author-gradient-button a span {
    background-image: url(i/8a80ec7f11212bc604bb90804a110f917917038d.png);
    background-position: top right;
    position: absolute;
    top: 0;
    right: -5px;
    width: 5px;
    height: 16px;
    *zoom: 1
}

div.mod-about-the-author div.author-gradient-button a:hover span {
    background-position: right bottom
}

div.mod-about-the-author div.ata-author-image-frame {
    width: 220px;
    background-color: #FFF;
    overflow: hidden;
    zoom: 1
}

div.mod-about-the-author div.ata-left-column p.ata-author-summary {
    text-align: left;
    vertical-align: top
}

div.mod-about-the-author div.ata-view-all-articles-link {
    margin-top: 10px
}

div.mod-article-featured-product {
    margin-top: 10px
}

div.mod-article-featured-product ul {
    margin-top: 15px
}

div.mod-article-featured-product ul.article-featured-product {
    margin-left: 0
}

div.mod-article-featured-product ul.article-featured-product li {
    float: left;
    margin: 0
}

div.mod-article-featured-product ul.article-featured-product li.article-featured-product-image {
    width: 149px;
    height: 148px;
    list-style-type: none;
    background-image: url(i/05be97a7c08bf6542f6757bd7ea9080a3d618a74.jpg);
    background-repeat: no-repeat;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    table-layout: fixed
}

div.mod-article-featured-product ul.article-featured-product li.article-featured-product-image table {
    width: 149px;
    height: 148px;
    vertical-align: middle;
    table-layout: fixed;
    padding: 0;
    margin: 0;
    table-layout: fixed
}

div.mod-article-featured-product ul.article-featured-product li.article-featured-product-image table td {
    background-color: #000;
    text-align: center
}

div.mod-article-featured-product ul.article-featured-product li.article-featured-product-image img {
    max-width: 122px;
    max-height: 122px
}

div.mod-article-featured-product ul.article-featured-product li.article-featured-product-details {
    width: 385px;
    float: right;
    text-align: left;
    list-style-type: none
}

div.mod-article-featured-product ul.article-featured-product li.article-featured-product-details h3 {
    font-weight: bold;
    font-size: 24px;
    line-height: 25px
}

div.mod-article-featured-product ul.article-featured-product li.article-featured-product-details p {
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 10px
}

div.mod-article-related-articles {
    margin-top: 10px
}

div.mod-article-related-articles ul.related-article-list {
    margin-top: 0 !important
}

div.mod-article-related-articles ul.related-article-list li {
    list-style-type: none;
    padding: 10px 0;
    border-top: 2px solid #d9d9d9;
    margin: 0 18px;
    list-style-type: none;
    line-height: 20px
}

div.mod-article-related-articles ul.related-article-list li a {
    font-size: 20px;
    font-weight: bold
}

div.mod-article-related-articles ul.related-article-list li.first-related-article {
    border-top: 0
}

div.mod-article-related-articles div.article-related-view-all {
    margin-top: 10px;
    text-align: right
}

.bodyspace-column {
    width: 201px;
    float: left
}

.bodyspace-column h2 {
    font-family: "Arial Black", Arial;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    background-color: #636363;
    padding: 5px 0 5px 5px;
    margin-bottom: 5px
}

.bodyspace-member {
    border-bottom: dashed 1px #bcbdbc;
    padding: 5px 0;
    height: 38px
}

.bodyspace-member img {
    float: left;
    margin: 0 10px 0 5px;
    border: 1px solid #9a9b9c;
    padding: 2px
}

.view-all-bs-members {
    font-size: 11px;
    font-weight: 700;
    display: block;
    padding: 10px 0 0 5px
}

div.site-search-results div.gradient-panel {
    margin: 15px 0 10px 0
}

div.no-site-search-results div.gradient-panel {
    margin: 15px 0 10px 0
}

.site-search-results-item {
    border-bottom: 2px solid #e5e5e5;
    padding: 12px 0 16px 4px
}

.site-search-results-item div.item-tittle {
    font-size: 18px;
    font-weight: bold;
    padding-left: 2px
}

.site-search-results-item div.item-by {
    font-size: 12px;
    margin: 6px 0 0 0;
    font-style: italic
}

.site-search-results-item p {
    color: #333;
    font-size: 12px;
    line-height: 15px;
    margin: 6px 0 6px 0
}

.site-search-results-item p span.date {
    font-style: italic;
    font-size: 11px;
    font-weight: normal
}

.site-search-results-item div.item-link {
    font-size: 12px
}

div.gradient-panel.store-layout-search-compare-toolbar {
    width: 610px
}

div.gradient-panel.store-layout-chapters-toolbar {
    width: 610px;
    height: 80px
}

div.gradient-panel.store-layout-search-compare-toolbar div.content {
    padding: 8px 10px 8px 10px
}

div.gradient-panel.store-layout-search-compare-toolbar div.content hr {
    clear: both;
    border: 0 solid #d8d8d8;
    height: 1px;
    background: #d8d8d8
}

div.gradient-panel.store-layout-search-compare-toolbar div.content span.results-field {
    color: #232323;
    float: left;
    font-family: "ProximaNova", "Arial", sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    margin: 4px 0 0 5px
}

div.gradient-panel.store-layout-search-compare-toolbar div.content span.results-field.floatRight {
    float: right
}

span.results-field.search-stats {
    line-height: 16px
}

div.gradient-panel.store-layout-search-compare-toolbar div.content span.results-field strong span.count,
div.gradient-panel.store-layout-chapters-toolbar div.content span.results-field strong span.count {
    color: #7b7873
}

div.gradient-panel.store-layout-search-compare-toolbar div.content span.results-field-right,
div.gradient-panel.store-layout-chapters-toolbar div.content span.results-field-right {
    margin-right: 5px;
    float: right;
    line-height: 24px;
    font-size: 14px;
    color: #2c2b2a
}

div.gradient-panel.store-layout-search-compare-toolbar div.content span.results-field-right strong span.count,
div.gradient-panel.store-layout-chapters-toolbar div.content span.results-field-right strong span.count {
    color: #7b7873
}

div.gradient-panel.store-layout-search-compare-toolbar div.content span.sort-by,
div.gradient-panel.store-layout-search-compare-toolbar div.content span.filter-by,
div.gradient-panel.store-layout-search-compare-toolbar div.content span.show {
    float: left;
    margin-left: 5px;
    line-height: 20px;
    font-size: 12px;
    color: #2c2b2a
}

div.gradient-panel.store-layout-search-compare-toolbar div.content span.show {
    line-height: 14px
}

div.gradient-panel.store-layout-search-compare-toolbar div.content label {
    display: inline-block
}

div.gradient-panel.store-layout-search-compare-toolbar div.content label.second-column {
    padding-left: 34px
}

div.gradient-panel.store-layout-search-compare-toolbar div.content select {
    float: left;
    width: 122px
}

div.gradient-panel.store-layout-search-compare-toolbar div.content div.new-pill-box {
    margin-left: 20px
}

div.store-layout-search-compare-toolbar div.bb-site-search-box div.pagination {
    margin-top: 5px
}

div.component-y2 div.store-layout-search-compare-toolbar span.results-field .gray4 {
    color: #747474
}

div.component-y2 div.content div.pagination {
    padding-top: 3px
}

div.component-y2 div.content span.show {
    padding: 4px 5px 0 0
}

div.component-y2 {
    margin: 30px 0 0 0
}

div.store-layout-search-compare-toolbar div.bb-site-search-box {
    width: 383px
}

div.store-layout-search-compare-toolbar div.bb-site-search-box table {
    width: 383px
}

div.store-layout-search-compare-toolbar div.bb-site-search-box table td.search-input,
div.store-layout-search-compare-toolbar div.bb-site-search-box table td.search-input input.searchTextBox,
div.store-layout-search-compare-toolbar div.bb-site-search-box table td.search-input span.wmwrap {
    width: 233px
}

div.store-layout-search-compare-toolbar div.bb-site-search-box table td.search-select {
    width: 117px
}

div.store-layout-search-compare-toolbar a.ui-selectmenu {
    width: 71px !important;
    margin-top: 0;
    left: -25px;
    top: 2px
}

div.store-layout-search-compare-toolbar a.ui-selectmenu.sort-by-pill-box {
    top: 0;
    left: 0;
    *float: left
}

ul.ui-selectmenu-menu.dropdown {
    width: 86px !important
}

div.store-layout-search-compare-toolbar div.content.no-results div.bb-site-search-box {
    width: 355px;
    *position: relative;
    *top: -22px
}

div.store-layout-search-compare-toolbar div.content.no-results div.bb-site-search-box table {
    width: 355px
}

div.store-layout-search-compare-toolbar div.content.no-results div.bb-site-search-box table td.search-input input.searchTextBox,
div.store-layout-search-compare-toolbar div.content.no-results div.bb-site-search-box table td.search-input,
div.store-layout-search-compare-toolbar div.content.no-results div.bb-site-search-box table td.search-input span.wmwrap {
    width: 207px
}

div.store-layout-search-compare-toolbar div.content.no-results table td.search-select {
    width: 115px
}

div.store-layout-search-compare-toolbar div.content.no-results span.results-field {
    line-height: 22px
}

div#content div.gradient-panel.store-layout-search-compare-toolbar div.content.no-results {
    height: 25px
}

div.no-results-outside {
    font-size: 18px;
    font-family: "Arial Black", Arial, Helvetica, sans-serif;
    *font-weight: bold;
    padding: 25px 0;
    color: #4d4f53;
    padding-left: 5px
}

div.gradient-panel div.content.results-bottom {
    padding: 13px 8px 15px 8px
}

div.gradient-panel div.content.results-bottom span.results-field {
    *float: left;
    color: #333
}

div.gradient-panel div.content.results-bottom span.results-field span {
    color: #333
}

div.gradient-panel div.content.results-bottom span.results-field span.total {
    font-weight: bold;
    color: #7b7873
}

div.store-layout-search-compare-toolbar select.ui-selectmenu,
div.store-layout-search-compare-toolbar select.search_box_input {
    visibility: hidden;
    *float: left
}

div.store-layout-search-compare-toolbar select.ui-selectmenu {
    height: 17px
}

.login-modal-container {
    padding: 30px 0 0 30px;
    margin: 0;
    width: 505px;
    background-color: #e9e9e9;
    font-family: Arial;
    position: relative
}

.login-modal-container .wmwrap {
    height: 24px
}

.login-modal-container h3 {
    color: #2c2b2a;
    font-size: 20px;
    font-weight: bold;
    margin: 0
}

.login-modal-container .block-separator {
    border-top: 1px #FFF solid;
    border-bottom: 1px #d3d3d3 solid;
    margin: 20px 30px 20px 0
}

.login-modal-container .login-modal-left-container {
    float: left;
    width: 250px;
    height: 370px
}

.login-modal-container .member-login {
    background-image: url(i/cc50c86630996d1422a94c8666cd7fafcd0ca5f0.png);
    width: 143px;
    height: 13px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFF;
    padding: 4px 0 0 3px;
    background-position: 0 -22px;
    text-indent: -9999px
}

.login-modal-container input.login-field {
    display: block;
    font-size: 11px;
    height: 14px;
    line-height: 12px;
    margin: 0;
    padding: 3px 2px;
    width: 140px
}

.login-modal-container .watermark {
    font-size: 11px;
    margin: 4px auto 0 2px;
    padding: 0;
    text-transform: uppercase;
    width: 145px
}

.login-modal-container p {
    color: #4a4a4a;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 8px 0
}

.login-modal-container .banner {
    width: 210px;
    height: 185px;
    background-repeat: no-repeat;
    position: relative;
    margin-top: 16px
}

.login-modal-container .banner ul {
    -webkit-margin-after: 0;
    margin-bottom: 15px
}

.login-modal-container .banner ul li {
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: #5e5e5e;
    line-height: 14px
}

.login-modal-container .banner ul li.question {
    font-weight: bold;
    color: #4a4a4a
}

.login-modal-container .banner ul li.join {
    font-size: 22px;
    font-weight: bold;
    color: #909091;
    line-height: 22px
}

.login-modal-container .banner ul li.join span {
    color: #323232
}

.login-modal-container .banner ul li.features {
    font-size: 14px;
    font-weight: bold;
    color: #4a4a4a
}

.login-modal-container .login-modal-right-container {
    background-image: url(i/e8582f4a49cb86a7a874c9b84df0cbf69da7dca0.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    width: 215px;
    height: 400px;
    float: right;
    margin-right: 10px
}

.login-modal-container ul li {
    list-style-type: none;
    margin-bottom: 5px
}

.login-modal-container ul li ul {
    height: 20px
}

.login-modal-container ul li ul li {
    float: left;
    margin-bottom: 0;
    width: auto;
    font-size: 9px;
    line-height: 22px;
    color: #333
}

.login-modal-container .login-modal-right-container ul a {
    background-image: url(i/cc50c86630996d1422a94c8666cd7fafcd0ca5f0.png);
    width: 154px;
    height: 22px;
    text-indent: -9999px;
    display: block;
    background-repeat: no-repeat
}

.login-modal-container .error {
    font-weight: normal;
    color: #900;
    margin: 0
}

.login-modal-container .forgot-pass {
    margin-left: 5px;
    font-size: 11px
}

.login-modal-container.padded {
    padding: 30px 0 30px 30px
}

.login-modal-container .search_submit_button {
    background-image: url(i/f0640068254b3ec471435b0270462b29d00861b2.png);
    height: 28px;
    border: 0;
    width: 77px;
    cursor: pointer
}

.login-modal-container .signup-btn {
    background-image: url(i/f0640068254b3ec471435b0270462b29d00861b2.png);
    background-position: 0 28px;
    display: block;
    height: 28px;
    width: 77px;
    cursor: pointer
}

.login-modal-container ul li .forgot-login-info-link {
    float: none
}

.legacy .login-modal-container input.login-field {
    height: 22px;
    width: 146px
}

.legacy .login-modal-container ul {
    padding: 0;
    margin: 0
}

.legacy .login-modal-container form {
    margin: 0
}

.moderator-content div.feed-comment-post div.feed-user-image {
    width: 35px;
    height: 35px;
    overflow: hidden;
    border: 1px solid #dedede;
    background: #bdbdbd;
    float: left
}

.moderator-content div.feed-comment-post div.feed-user-image img {
    width: 35px !important;
    height: auto
}

.moderator-content div.feed-user-post-block span.feed-user-post-time {
    font-size: 10px;
    color: #9a9b9c;
    float: left;
    width: 250px;
    margin: 10px 0 5px 0
}

.moderator-content div.feed-comment-post div.feed-user-post-block span.feed-user-name {
    font-weight: bold;
    font-size: 14px;
    color: #7b7873
}

.moderator-content div.feed-comment-post {
    margin-bottom: 20px;
    border: 0
}

.moderator-content div.feed-comment-post div.feed-user-post-block span.feed-user-post {
    margin-top: 3px;
    font-size: 12px
}

.moderator-content div.bodyspace-user-feed {
    padding-left: 5px;
    width: 594px
}

.moderator-content div.feed-comment-post div.feed-user-post-block {
    margin-left: 10px;
    vertical-align: top;
    width: 470px;
    float: left
}

.moderator-content div.feed-comment-post div.feed-user-post-block span {
    display: block
}

.moderator-content {
    position: relative;
    color: #333;
    width: 544px
}

.moderator-content ul {
    padding: 0;
    margin: 0
}

.moderator-content h3 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px
}

.moderator-content h3 span {
    font-size: 12px;
    font-weight: normal;
    margin-right: 5px
}

.moderator-content.report-gray h3 {
    font-size: 18px;
    text-align: center;
    margin: -20px 0 10px 0
}

.moderator-content h4 {
    font-size: 12px;
    font-weight: bold;
    margin: 0
}

.moderator-content h4 span {
    font-weight: normal
}

.moderator-content .red {
    color: #a81831 !important
}

.moderator-content ul.reason-list {
    background-color: #e9e9e9;
    padding: 8px;
    margin: 10px 0 20px 0
}

.moderator-content .white-container ul.reason-list {
    width: 530px
}

.moderator-content ul li {
    list-style: none
}

.moderator-content ul.note li {
    float: left;
    margin-right: 4px;
    line-height: 15px
}

.moderator-content ul li ul {
    height: 22px
}

.moderator-content ul li ul li {
    float: left
}

.moderator-content ul li ul li span {
    line-height: 20px
}

.moderator-content textarea {
    border: 1px solid #bdbdbd;
    color: #4d4f53;
    font-size: 12px;
    font-family: arial;
    height: 70px;
    margin: 0 auto;
    padding: 5px;
    resize: none;
    width: 530px;
    margin: 10px 0;
    overflow: hidden
}

.moderator-content .white-container textarea {
    width: 533px;
    margin-left: 0
}

.legacy .moderator-content .white-container textarea {
    width: 520px;
    *width: 505px
}

.moderator-content p {
    font-size: 10px;
    margin: 0 0 10px 0
}

.moderator-content ul.buttons {
    float: right;
    margin-top: 20px
}

.moderator-content ul.buttons li {
    float: left;
    margin-left: 15px
}

.moderator-content ul.buttons input {
    background-image: url(i/de2d97d966b0384ce4ba6b54c3158767eb73447e.png);
    border: 0 none;
    cursor: pointer;
    height: 29px;
    width: 131px;
    background-repeat: no-repeat
}

.moderator-content ul.buttons input.delete {
    height: 29px;
    width: 85px;
    background-position: 0 -29px;
    display: block;
    background-repeat: no-repeat
}

.moderator-content ul.buttons input.report-button {
    background-position: 0 -58px;
    width: 86px
}

.modal-close-red {
    background-image: url(i/9acc08076bb506ab2bb18faab79ad766b20506a3.png);
    position: absolute;
    top: 8px;
    right: 10px;
    display: block;
    height: 10px;
    width: 42px
}

.moderator-content ul.user-info span.wmwrap {
    margin-top: 8px
}

.moderator-content ul.user-info li input {
    border: 1px solid #bdbdbd;
    color: #4d4f53;
    padding: 6px;
    font-size: 13px;
    width: 350px;
    margin-bottom: 20px
}

.moderator-content ul.user-info .watermark {
    top: 8px !important;
    left: 6px !important;
    font-size: 13px !important
}

.moderator-content .captcha-img {
    width: 300px;
    height: 60px;
    border: 1px solid #bdbdbd;
    background-color: #e8e8e8;
    margin-top: 8px
}

.moderator-content .captcha-img img {
    width: 300px;
    height: 60px
}

.moderator-content .note-margin {
    margin-bottom: 12px
}

.moderator-content.report-gray {
    background: #f1f0ee;
    width: 580px;
    padding: 1px 0 0 0
}

.moderator-content .white-container {
    background: #FFF;
    padding: 20px 15px 15px 15px;
    border: 1px solid #dedede;
    width: 545px;
    margin: 0
}

.moderator-content ul.buttons li.cancel-button a {
    background: 0;
    width: auto;
    float: left;
    margin-right: 12px
}

.moderator-content ul.buttons li.cancel-button {
    margin: 10px 0 0 0
}

.moderator-content.report div.feed-comment-post {
    border: 0;
    margin-bottom: 10px
}

.tinner .moderator-content.report form {
    background: #fff;
    border: 1px solid #ebebeb;
    padding: 10px;
    margin-top: 15px
}

.tinner .moderator-content.report form h3 {
    text-align: center;
    margin-top: -40px;
    padding-bottom: 15px
}

.tinner .moderator-content.report form h3 span {
    font-size: 16px;
    font-weight: bold
}

.tinner .moderator-content.report form div.feed-comment-post .feed-user-image {
    width: 35px;
    height: 35px;
    overflow: hidden
}

.tinner .moderator-content.report form div.feed-comment-post .feed-user-image img {
    width: 35px !important;
    height: auto
}

.moderator-content textarea {
    width: 510px
}

.moderator-content ul li label {
    font-size: 14px;
    font-weight: bold
}

.moderator-content ul.user-info li input {
    *height: 27px
}

div.component-5 {
    margin: 30px 0 0 0
}

div.component-5 div.row {
    border-bottom: 1px dashed #706f6f;
    padding: 0 0 8px 0;
    margin-bottom: 10px;
    width: 620px
}

div.component-5 div.row div.col-left {
    float: left;
    width: 515px
}

div.component-5 div.row div.col-left img {
    padding-right: 5px
}

div.component-5 div.row div.col-left div.left-text {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    width: 300px
}

div.component-5 div.row div.col-left div.left-text a.article-title {
    font-size: 18px;
    line-height: 16px;
    color: #0e709a;
    font-weight: bold
}

div.component-5 div.row div.col-left div.left-text span.article-author {
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    color: #2c2b2a;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    padding-top: 3px
}

div.component-5 div.row div.col-left div.left-text div {
    color: #2c2b2a;
    line-height: 14px;
    font-size: 12px;
    padding-top: 5px
}

div.component-5 div.row div.col-left div.left-text div a.num-comments {
    font-size: 11px;
    color: #0e709a;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    padding: 0 20px 0 0
}

div.component-5 div.row div.col-left div.left-text div span.date-added {
    font-size: 11px;
    color: #4d4f53;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    padding: 0
}

div.component-5 div.row div.col-rating {
    float: right;
    width: 78px;
    padding: 0 0 0 10px
}

div.component-5 div.row div.col-rating div.col-rating-inner {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    padding-left: 3px
}

div.component-5 div.row div.col-rating div.col-rating-inner span {
    font-size: 11px;
    line-height: 12px;
    font-weight: normal
}

div.component-5 div.row div.col-rating div.col-rating-inner span.rating-scale {
    color: #2c2b2a;
    font-weight: normal
}

div.component-5 div.row div.col-rating div.col-rating-inner span.green {
    color: #5b8f06
}

div.component-5 div.row div.col-rating div.col-rating-inner span.orange {
    color: #d86909
}

div.component-5 div.row div.col-rating div.col-rating-inner span.red {
    color: #a71930
}

div.component-5 div.row div.col-rating div.col-rating-inner span.num-ratings {
    font-size: 10px;
    color: #4d4f53;
    text-align: right;
    margin-top: 3px
}

div.component-5 div.row div.col-rating div.col-rating-inner div.med-rating {
    float: left
}

div.component-4 div.tab-control div.tab-control-panel ul li div {
    width: auto !important;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold !important
}

div.component-4 div.tab-control div.tab-control-panel ul li div span.key.ontop {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    padding-top: 3px;
    *line-height: 11px !important
}

div.component-4 div.tab-control div.tab-control-panel ul li div span.key {
    font-family: 'Arial Black', Arial, Helvetica, sans-serif;
    font-weight: normal;
    *font-weight: bold;
    *line-height: 12px !important
}

div.component-4 div.tab-control div.tab-content {
    margin-top: 14px;
    height: 352px
}

div.component-a1 div.boom-three-column {
    vertical-align: top;
    margin-right: 10px
}

div.component-a1 div.boom-three-column.last {
    margin-right: 0
}

div.component-a1 div.boom-three-column a.subtext {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    padding-top: 3px;
    /*color: $blue4;*/
    font-size: 12px;
    font-weight: bold
}

div.component-b1 div.boom-three-column {
    vertical-align: top
}

div.component-b1 div.boom-three-column a.subtext {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    padding-top: 3px;
    /*color: $blue4;*/
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase
}

div.component-d div.layout-article-list-box div.article-index {
    background: #f6f7f7;
    height: 28px;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 11px
}

div.component-d div.layout-article-list-box div.view-more-link a {
    font-size: 11px;
    font-weight: 700;
    display: block;
    padding: 10px 0 0 10px;
    clear: both
}

div.component-j h4 {
    background-color: #505050;
    padding: 5px;
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px
}

div.component-j ol {
    list-style: none
}

div.component-j ol li {
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
    text-transform: uppercase;
    font-weight: bold;
    width: 33%;
    padding-left: 2px;
    border-bottom: 1px dotted #CCC;
    height: 12px
}

div.component-k div.violator {
    margin-bottom: 3px
}

div.component-k h3 {
    float: left;
    width: 212px;
    position: relative;
    padding-top: 10px;
    font-family: "Arial Black", Arial, Helvetica, Sans-Serif;
    text-transform: uppercase
}

div.component-k h3 a {
    font-size: 18px;
    line-height: 18px
}

div.component-k div.layout-paper-box {
    font-family: arial, sans-serif;
    font-size: 12px;
    left: 0;
    margin: 10px auto;
    overflow: hidden;
    position: relative;
    width: 627px;
    z-index: 0
}

div.component-k div.layout-paper-box div, div.component-k div.layout-paper-box a {
    float: left
}

div.component-k div.layout-paper-box img {
    padding-right: 13px
}

div.component-k div.layout-paper-box div.content {
    height: 175px;
    z-index: 15;
    position: relative;
    padding-left: 4px;
    padding-top: 3px
}

div.component-k div.layout-paper-box div.details {
    padding: 12px 15px 0;
    width: 200px
}

div.component-k div.layout-paper-box p {
    padding-top: 4px;
    width: 212px;
    float: left;
    line-height: 14px
}

div.component-k div.layout-paper-box div.edge {
    background-image: url(i/0323bff966f8ebe12d45f03730dc1b90d0b6a39d.png);
    font-size: 0;
    position: absolute
}

div.component-k div.layout-paper-box div.top {
    background-position: 0 0;
    height: 5px;
    left: 0;
    line-height: 0;
    top: 0;
    width: 627px;
    z-index: 10
}

div.component-k div.layout-paper-box div.bottom {
    background-position: 0 -5px;
    bottom: 0;
    height: 5px;
    left: 0;
    line-height: 0;
    width: 627px;
    z-index: 10
}

div.component-k div.layout-paper-box div.left {
    background-position: -626px 0;
    bottom: 0;
    font-size: 9000px;
    left: 0;
    line-height: 9000px;
    position: absolute;
    top: 0;
    width: 4px;
    z-index: 5
}

div.component-k div.layout-paper-box div.right {
    background-position: -629px 0;
    bottom: 0;
    font-size: 9000px;
    height: 100%;
    line-height: 9000px;
    position: absolute;
    right: 0;
    top: 0;
    width: 4px;
    z-index: 5
}

div.new-pill-box {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    background: transparent url(i/200f1e53e580dadca6e80cfe20728344a91dca90.png) 0 -99px
}

div.new-pill-box ul {
    list-style-type: none
}

div.new-pill-box ul li {
    float: left;
    font-size: 11px;
    margin-left: -2px
}

div.new-pill-box ul li a {
    display: block;
    padding: 4px 0 4px 9px
}

div.new-pill-box ul li.pill-left {
    margin-left: 0
}

div.new-pill-box ul li.pill-left a {
    -webkit-border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

div.new-pill-box ul li.pill-right a {
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

div.new-pill-box ul li a {
    padding-right: 10px;
    background: transparent url(i/8b2162cbc9f49226849fabc0bf96bc70ca5eaac8.jpg) center right no-repeat
}

div.new-pill-box ul li.pill-active a, div.new-pill-box ul li.pill-right a {
    background: 0
}

div.new-pill-box ul li.pill-active a {
    background: transparent url(i/200f1e53e580dadca6e80cfe20728344a91dca90.png) 0 -139px;
    color: #2c2b2a
}

div.new-pill-box ul a:hover, div.new-pill-box ul li.pill-right a:hover, div.new-pill-box ul li.pill-active a:hover {
    background: transparent url(i/200f1e53e580dadca6e80cfe20728344a91dca90.png) 0 -120px;
    color: #fff;
    text-decoration: none
}

div.bodyspace-user-feed {
    padding-left: 5px;
    width: 594px
}

div.feed-comment-title {
    font: bold 12px ProximaNova, Arial, Helvetica, sans-serif;
    color: #9a9b9c;
    text-transform: uppercase;
    display: inline-block;
    margin-left: 23px;
    position: relative;
    z-index: 10
}

div.feed-comment-title div.feed-comment-arrow {
    background: url(i/ed0f21367a30b1c781b91a9222a4b598fe58be05.png) no-repeat -72px -34px;
    width: 20px;
    height: 8px;
    margin: 3px 0 0 19px;
    position: relative;
    top: 1px
}

div.feed-comment-box {
    border: 1px solid #d4d4d4;
    display: block;
    padding: 10px;
    width: 572px;
    text-align: center;
    position: relative;
    z-index: 5
}

div.feed-comment-box span.wmwrap {
    float: left
}

div.feed-comment-box label, div.feed-comment label {
    font: italic 12px ProximaNova, Arial, Helvetica, sans-serif;
    color: #7b7873 !important;
    margin: 5px 0 0 5px;
    *margin-top: 0;
    margin-top: 0\0/
}

div.feed-comment-box span, div.feed-comment span {
    text-align: left
}

div.feed-comment-box textarea, div.feed-comment textarea {
    border: 1px solid #7b7873;
    margin: 0 auto;
    width: 560px;
    padding: 5px;
    font: 12px/12px Arial, Helvetica, sans-serif;
    color: #4d4f53;
    height: 36px;
    resize: none
}

div.feed-comment-post {
    padding: 15px 0;
    font: 12px ProximaNova, Arial, Helvetica, sans-serif;
    border-bottom: 1px solid #bcbdbc
}

div.last-feed-block {
    border-bottom: 0
}

div.feed-comment-post div.feed-user-image {
    width: 62px;
    height: 62px;
    border: 1px solid #dedede;
    background: #bdbdbd;
    float: left
}

div.feed-comment-post div.feed-user-post-block {
    margin-left: 10px;
    vertical-align: top;
    width: 490px;
    float: left
}

div.feed-comment-post div.feed-user-post-block span {
    display: block
}

div.feed-comment-post div.feed-user-post-block span.feed-user-name {
    font-weight: bold;
    font-size: 14px;
    color: #7b7873;
    margin-top: 3px
}

div.feed-comment-post div.feed-user-post-block span.feed-user-post {
    margin-top: 3px
}

div.feed-comment-post div.feed-user-post-block span.feed-user-post-time {
    margin: 10px 0 5px 0
}

div.feed-comment-post div.feed-user-post-block span.feed-user-post div.feed-user-post-workout {
    font-size: 12px
}

div.feed-comment-post div.feed-user-post-block span.feed-user-post a.feed-workout-link {
    display: inline-block;
    *display: inline;
    margin-top: 5px;
    font: bold 14px ProximaNova, Arial, Helvetica, sans-serif
}

div.feed-comment-post div.feed-user-post-block span.feed-user-post em {
    font: italic normal 11px ProximaNova, Arial, Helvetica, sans-serif
}

div.feed-comment-post div.feed-comment-block div.feed-comment-text div.feed-user-comment-time,
div.feed-comment-post div.feed-user-post-block span.feed-user-post-time {
    font-size: 12px;
    color: #9a9b9c;
    float: left;
    width: 250px
}

div.feed-comment-post div.feed-comment-block div.feed-comment-text div.feed-user-comment-time div.like-icon,
div.like-box div.like-icon {
    background: url(i/ed0f21367a30b1c781b91a9222a4b598fe58be05.png);
    display: inline-block;
    background-position: 0 0;
    height: 9px;
    width: 9px;
    *zoom: 1;
    *display: inline;
    *margin-bottom: 2px !important
}

div.feed-comment-post div.feed-comment-block div.feed-comment-text a.feed-user-comment-view-more {
    float: right;
    font: normal 12px ProximaNova, Arial, Helvetica, sans-serif;
    position: relative;
    top: 3px
}

div.feed-comment-post div.feed-comment-block {
    text-align: right;
    padding-left: 20px
}

div.feed-comment-post div.feed-comment-block div.feed-comment {
    background: #f0f0f0;
    text-align: left;
    margin-top: 5px;
    padding: 10px
}

div.feed-comment-post div.feed-comment-block div.feed-comment-image,
div.feed-comment-box div.feed-comment-image {
    width: 48px;
    height: 48px;
    background: #bdbdbd;
    float: left
}

div.feed-comment-post div.feed-comment-block div.feed-comment-image img {
    width: 48px;
    height: 48px
}

div.feed-comment-post div.feed-comment-block div.feed-comment-text {
    float: left;
    width: 481px;
    margin-left: 10px;
    vertical-align: top;
    position: relative
}

div.feed-comment-container {
    position: relative
}

div.feed-comment-post div.feed-comment-block div.feed-comment-text textarea {
    float: left
}

div.feed-comment-post div.feed-comment-block div.feed-comment-text div.bodyspace-comment-submit-button,
div.feed-comment-box div.bodyspace-comment-submit-button {
    float: right;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 12px !important
}

div.feed-comment-box div.bodyspace-comment-submit-button {
    bottom: 10px;
    right: 10px
}

div.feed-comment-post div.feed-comment-block div.feed-comment-text .feed-comment-username {
    font: bold 14px ProximaNova, Arial, Helvetica, sans-serif
}

div.feed-comment-post div.feed-comment-block div.feed-comment-text div.feed-user-comment {
    margin-top: 3px;
    word-wrap: break-word
}

div.feed-comment-post div.feed-comment-block div.feed-comment-text div.feed-user-comment-time {
    margin-top: 3px
}

div.feed-comment textarea {
    width: 280px;
    height: 12px
}

div.feed-comment-post a.show-more-link {
    margin-top: 18px
}

div.feed-comment-post div.show-more-comments-block {
    padding: 0 !important
}

div.main-comment-box div.feed-comment-image {
    margin-right: 10px
}

.feed-comment {
    position: relative
}

.feed-comment .profile-info ul.bodystats {
    margin: 4px 0 0 0;
    float: left
}

.feed-comment .profile-info ul.bodystats li {
    font-size: 12px;
    list-style: none;
    margin: 0 0 1px 0;
    line-height: 11px
}

.feed-comment .feed-comment-text .user-rating {
    margin: 1px 0 5px 0
}

.feed-comment .feed-comment-text .user-rating span {
    font-weight: bold
}

.feed-comment .feed-comment-text .user-rating div.comment-rating {
    width: 15px;
    height: 15px;
    background-image: url(i/7982fb0a58a064fad7dc71d76cd712f62b4cf4f7.png);
    background-position: -0 -52px;
    background-repeat: no-repeat;
    padding: 0;
    display: inline-block;
    margin: 0 0 0 4px;
    *zoom: 1;
    *display: inline;
    text-align: center;
    font-family: ProximaNova, Arial, Helvetica, sans-serif
}

.feed-comment .feed-comment-text .user-rating a, .feed-comment .feed-comment-text .user-rating a:hover, .feed-comment .feed-comment-text .user-rating a:link, .feed-comment .feed-comment-text .user-rating a:visited .feed-comment .feed-comment-text .user-rating a:active, .feed-comment .feed-comment-text .user-rating a:focus {
    font-size: 12px;
    color: #FFF
}

.feed-comment span.grey-x {
    position: absolute;
    top: 3px;
    right: 0
}

span.new-update {
    font-weight: bold
}

div.like-box {
    background: #f0f0f0;
    position: relative;
    margin: 8px 0 0 10px;
    padding: 8px 0 6px 0;
    font-size: 12px
}

div.like-box .comment-arrow {
    background: url(i/82d83c3d5d8a5db8b88f063788233bc873d9826f.png) -9px -17px;
    height: 9px;
    width: 16px;
    position: absolute;
    margin: -16px 0 0 12px
}

div.like-box div.like-icon {
    margin: 0 2px 0 15px
}

.articles-commets {
    width: 560px;
    margin: 0;
    color: #222;
}

.articles-commets div.feed-comment-post {
    margin: 20px 0 0 20px;
    border-bottom: 0
}

.articles-commets .feed-comment {
    z-index: 100;
    *zoom: 1
}

.articles-commets div.feed-comment-post div.feed-comment-block {
    padding-left: 0
}

div.feed-comment-post div.feed-comment-block div.feed-comment-text {
    width: 295px;
    margin: 0 15px 0 0
}

div.feed-comment-post div.feed-comment-block div.user-feed-comment div.feed-comment-text {
    width: 375px
}

.articles-commets div.feed-comment-post div.feed-comment-block div.feed-comment-image {
    height: 120px;
    width: 130px;
    background: 0
}

.articles-commets div.feed-comment-post div.feed-comment-block div.feed-comment-image img {
    max-height: 80px;
    max-width: 80px;
    height: auto !important;
    width: auto !important;
    display: block;
    background: #bdbdbd
}

.articles-commets div.feed-comment-post div.feed-comment-block div.feed-comment-image p {
    font-size: 10px;
    color: #4d4f53;
    margin: 5px 0 2px 0
}

.articles-commets div.feed-comment-post div.feed-comment-block div.feed-comment-image .reputation {
    width: 110px;
    height: 10px;
    margin-bottom: 6px
}

.articles-commets div.feed-comment-post div.feed-comment-block div.feed-comment-image .reputation img {
    height: 7px;
    width: 8px;
    float: left
}

.articles-commets div.feed-comment-post div.feed-comment-block div.feed-comment-image ul {
    height: 28px
}

.articles-commets div.feed-comment-post div.feed-comment-block div.feed-comment-image ul li {
    float: left;
    list-style-type: none;
    margin-right: 3px
}

.articles-commets div.feed-comment-post div.feed-comment-block div.feed-comment-image ul li a {
    background: url(i/135e74e2ac500ed7ce682a2161ef7a05b0fcd55d.png);
    background-position: -179px 28px;
    display: block;
    width: 29px;
    height: 18px
}

.articles-commets div.feed-comment-post div.feed-comment-block div.feed-comment-image ul li span {
    color: #9a9b9c;
    font-size: 10px
}

.articles-commets div.feed-comment-post div.feed-comment-block div.feed-comment-image a.replay {
    background: url(i/135e74e2ac500ed7ce682a2161ef7a05b0fcd55d.png);
    background-position: -51px 28px;
    display: block;
    width: 77px;
    height: 27px
}

.articles-commets div.feed-comment-post div.feed-comment-block div.feed-comment-text a.replay {
    background: url(i/135e74e2ac500ed7ce682a2161ef7a05b0fcd55d.png);
    background-position: -51px 28px;
    display: block;
    width: 77px;
    height: 27px;
    margin-top: 5px;
    margin: 5px 0 0 0
}

.articles-commets .main-comment-box div.feed-comment-post.principal div.feed-comment-block div.feed-comment-image {
    width: 115px;
    margin-right: 3px
}

.articles-commets .main-comment-box div.feed-comment-post.principal div.feed-comment-block div.feed-comment-text {
    width: 400px
}

.articles-commets .main-comment-box div.feed-comment-post.principal {
    width: 548px
}

.articles-commets .main-comment-box .principal .profile-info {
    margin: 0;
    position: absolute;
    left: 467px
}

.articles-commets .main-comment-box .principal div.feed-comment textarea {
    width: 320px
}

.articles-commets .main-comment-box div.feed-comment-post.principal div.feed-comment-block div.feed-comment {
    margin-top: 15px
}

.articles-commets .main-comment-box div.feed-comment-post.principal div.feed-comment-block div.feed-comment-text div.bodyspace-comment-submit-button {
    bottom: 35px
}

.articles-commets div.feed-comment-post.principal {
    width: 560px;
    border: 0;
    margin: 0;
    padding: 0
}

.articles-commets div.feed-comment-post.principal div.feed-comment-block div.feed-comment-image {
    height: 125px
}

.articles-commets div.feed-comment-post.principal div.feed-comment-block div.feed-comment {
    background: #FFF;
    padding: 0
}

.articles-commets div.feed-comment-post.principal div.feed-comment-block div.feed-comment-text {
    width: 335px
}

div.feed-comment .permalink {
    bottom: 10px;
    right: 28px;
    position: absolute
}

.articles-commets div.feed-comment-post div.feed-comment-block div.feed-comment-text div.feed-user-comment-time {
    color: #0e709a;
    float: none
}

.articles-commets div.feed-comment-post div.feed-comment-block div.feed-comment-text div.feed-user-comment-time span {
    color: #9a9b9c
}

.articles-commets .profile-info .bodystats-box {
    margin-top: 18px
}

.articles-commets .replay-feed-comment .profile-info .bodystats-box {
    margin-top: 0
}

.articles-commets .profile-info {
    width: 69px !important;
    height: 57px !important;
    float: right
}

.articles-commets .feed-comment .feed-comment-text .user-rating {
    padding: 5px 0 5px 0;
    width: 110px;
    margin: 0;
    color: #FFF;
    text-align: left
}

.articles-commets .like-box {
    margin-left: 0
}

.article-comment-container {
    border-bottom: 1px solid #bcbdbc;
    padding: 10px 0 20px 0
}

.article-comment-container.last {
    border-bottom: 0
}

.articles-commets div.feed-comment-box {
    width: 538px;
    margin-top: 10px;
    float: left
}

.articles-commets div.feed-comment-box textarea {
    width: 528px;
    margin-bottom: 10px;
    line-height: 14px
}

.articles-commets div.feed-comment-box ul li {
    float: left;
    list-style: none;
    font-size: 12px;
    margin: 0
}

.articles-commets .feed-comment-box.main-comment-box ul {
    height: 50px
}

.articles-commets .feed-comment-box.main-comment-box ul.check-box-list li ul {
    height: 14px;
    overflow: hidden;
    height: auto
}

.articles-commets ul.check-box-list {
    width: 240px;
    height: auto
}

.articles-commets .main-comment-box ul.check-box-list {
    margin-left: 10px;
    height: auto;
    display: inline-block
}

.articles-commets .main-comment-box .principal ul.check-box-list {
    margin-left: 0
}

.articles-commets ul.check-box-list li {
    float: left;
    list-style: none
}

.articles-commets ul.check-box-list li ul {
    height: 14px;
    overflow: hidden
}

.articles-commets ul.check-box-list span {
    font-size: 10px;
    line-height: 10px
}

.articles-commets ul.check-box-list li ul li {
    float: left;
    line-height: 10px
}

.articles-commets .feed-comment-text input {
    margin: 3px 4px 3px 0
}

.articles-commets a.post {
    background-image: url(i/135e74e2ac500ed7ce682a2161ef7a05b0fcd55d.png);
    background-repeat: no-repeat;
    border: 0;
    background-position: 0 -20px;
    width: 51px;
    height: 26px;
    cursor: pointer;
    display: block
}

div.article-padding-content .articles-commets ul.share-info {
    height: 21px;
    margin-bottom: 6px
}

div.article-padding-content .articles-commets .feed-comment-text .feed-user-comment p,
div#depContent div.article-padding-content .articles-commets .feed-comment-text .feed-user-comment p {
    margin: 0 0 10px 0
}

.articles-commets .share-info div {
    padding: 2px 10px 2px 10px;
    font-size: 12px;
    line-height: 16px;
    color: #FFF;
    text-transform: uppercase;
    background-color: #0e709a;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1
}

.articles-commets .share-info li.login {
    float: right
}

.articles-commets .follow-email {
    float: right
}

.articles-commets .follow-email li, div#depContent .articles-commets ul.follow-email li {
    line-height: 22px;
    font-size: 11px;
    list-style: none;
    float: left
}

.articles-commets .follow-email li div {
    background-image: url(i/66c235ea1203a13c54c6ccc442d3933c741334a4.jpg);
    width: 19px;
    height: 16px;
    float: left;
    margin: 3px 0 0 5px
}

.articles-commets div.feed-comment textarea {
    width: 299px;
    height: 90px;
    line-height: 14px
}

.articles-commets div.replay-feed-comment .profile-info {
    position: absolute;
    top: 10px;
    left: 464px;
    margin-top: 0
}

.articles-commets div.feed-comment-post div.feed-comment-block div.feed-comment-text div.bodyspace-comment-submit-button {
    bottom: 21px
}

.articles-commets div.feed-comment-box .comment-arrow {
    background: url(i/4899e4808ed67bdea7916edff9dd8413bca848a4.png);
    background-repeat: no-repeat;
    display: block;
    text-align: left;
    height: 10px;
    top: -10px;
    left: 38px;
    position: absolute;
    width: 19px
}

.articles-commets div.like-box .comment-arrow {
    margin-left: 0
}

.articles-commets .grey-x {
    background: url(i/7982fb0a58a064fad7dc71d76cd712f62b4cf4f7.png);
    display: block;
    font-size: 5px;
    height: 10px;
    width: 11px;
    top: 10px;
    right: 10px;
    line-height: 10px;
    position: absolute
}

div.article-padding-content .articles-commets ul li, div.article-padding-content .pagination-container ul li {
    margin: 0
}

div.article-padding-content .pagination-container ul, div.article-padding-content .articles-commets ul {
    margin: 0;
    padding: 0
}

.articles-commets .principal .grey-x {
    top: 0
}

var.comments-counter {
    font-weight: bold
}

div#depContent .articles-commets p.disc {
    font-size: 10px !important
}

div.article-padding-content .articles-commets p.disc {
    font-size: 10px;
    float: left;
    width: 100%;
    margin-bottom: 0;
    text-align: left
}

div.article-padding-content .articles-commets .main-comment-box p.disc {
    margin: -8px 0 5px 0;
    *margin: 0 0 5px 0
}

div.article-padding-content .articles-commets .replay-feed-comment p.disc {
    margin: 2px 0 5px 0
}

.articles-commets div.feed-comment-post div.feed-comment-block div.feed-comment-text .wmwrap {
    float: none;
    *zoom: 1
}

.articles-commets div.feed-comment-box span.wmwrap {
    float: none
}

.articles-commets .feed-comment-image ul {
    display: none
}

div.feed-comment .permalink {
    display: none
}

.articles-commets .like-box {
    display: none
}

.articles-commets .feed-user-comment-time .like-icon {
    display: none !important
}

#mainConBlackWithNav .articles-commets ul.check-box-list span {
    *line-height: 14px
}

#mainConBlackWithNav .article-padding-content {
    background: #FFF;
    color: #000;
    text-align: left;
    margin: 0 0 -25px 0;
    padding: 0 40px 25px 40px;
    width: 560px;
    *width: 100%
}

#mainConBlackWithNav .articles-commets div.feed-comment-post div.feed-comment-block div.feed-comment-image .reputation img {
    display: inline-block;
    float: none
}

#mainConBlackWithNav .articles-commets div.feed-comment-box {
    *width: 560 !important
}

#mainConBlackWithNav .articles-commets .main-comment-box div.feed-comment-post.principal {
    *width: 538
}

#mainConBlackWithNav .article-padding-content ul {
    padding: 0
}

#mainConBlackWithNav .article-padding-content .keep-pos ul {
    font-size: 11px !important
}

#depContent .articles-commets div.feed-comment textarea {
    width: 332px;
    height: 102px
}

div#depContent .articles-commets a:link, div#depContent .articles-commets a:visited, div#depContent .articles-commets a:active {
    text-decoration: none;
    color: #0e709a
}

div#depContent .articles-commets a:hover {
    text-decoration: underline;
    color: #00a1de
}

div#depContent .articles-commets div.feed-comment-post div.feed-comment-block div.feed-comment-image p {
    font-size: 10px !important
}

div#depContent div.gradient-panel div.content.results-bottom span.results-field {
    font-size: 14px
}

#depContent .articles-commets div.replay-feed-comment .profile-info {
    *position: relative;
    *margin: -125px -7px 0 0;
    *top: 0;
    *left: 0
}

#depContent .articles-commets div.feed-comment-post div.feed-comment-block .replay-feed-comment div.feed-comment-text div.bodyspace-comment-submit-button {
    *bottom: 23px
}

#depContent .articles-commets div.feed-comment.replay-feed-comment textarea {
    width: 311px
}

div.article-padding-content div.gradient-panel {
    margin: 30px 0 25px 0
}

div.article-padding-content .pagination ul {
    margin-top: 0
}

div.article-padding-content ul.pagination li {
    font-size: 11px;
    line-height: 12px;
    list-style: none;
    margin: 0
}

div.article-padding-content ul.pagination li.button, div.article-padding-content ul.pagination li.button,
div#depContent div.article-padding-content ul.pagination li.button,
div#depContent div.article-padding-content ul.pagination li.button {
    margin-left: 5px;
    margin-right: 5px
}

div.article-padding-content ul.pagination .active, div#depContent div.article-padding-content ul.pagination .active {
    margin-right: 2px
}

.articles-commets .keep-pos {
    margin: 0 0 7px 118px;
    color: #9c9c9c
}

.articles-commets .keep-pos p {
    font-size: 12px;
    margin: 0;
    font-weight: bold
}

.articles-commets .feed-comment-box.main-comment-box .keep-pos ul {
    margin: 0;
    height: auto
}

.articles-commets div.feed-comment-box .keep-pos ul li {
    font-size: 11px !important;
    list-style-position: inside;
    list-style-type: disc;
    float: none;
    line-height: 14px;
    margin: 0 0 0 5px
}

div.gradient-panel div.content.results-bottom {
    width: auto !important
}

div#depContent .articles-commets .keep-pos p {
    font-size: 12px !important
}

div#depContent .articles-commets div.feed-comment-box .keep-pos ul li {
    margin: 0 0 0 5px
}

.message-box {
    padding: 0 0 0 74px;
    margin: 10px;
    position: relative
}

.message-box .top {
    margin: 0;
    padding-top: 5px;
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    height: auto
}

.message-box .message-box-content {
    background-color: #fff;
    margin: 0 0 0 -74px;
    padding: 0;
    background-repeat: no-repeat
}

.message-box .message-box-bottomL {
    margin: 0 0 0 -74px;
    padding-left: 74px;
    overflow: hidden
}

.message-box .message-box-bottomR {
    display: block;
    overflow: hidden
}

.message-box .message-box-message {
    margin-left: 73px;
    padding: 10px 20px 10px 29px
}

.message-box ul li {
    margin-left: 30px;
    margin-bottom: 4px
}

.message-box.error-box {
    background: url(i/09f59d6a106f8ec968c8e9a62b76a49150ef65be.png) top left no-repeat
}

.message-box.error-box h3 {
    width: 480px;
    color: #fff;
    margin: 0 0 3px 0;
    overflow: hidden;
    font-family: "Arial Black", Arial;
    font-size: 16px;
    font-weight: bold
}

.message-box.error-box .top {
    background: url(i/09f59d6a106f8ec968c8e9a62b76a49150ef65be.png) top right no-repeat;
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    height: auto
}

.message-box.error-box .message-box-content {
    border-left: 1px solid #dcd8d2;
    border-right: 1px solid #a7192f;
    background-image: url(i/a117fabd23d06bdb5475f1c5f0f761fb78d12d43.png);
    background-position: 29px center;
    background-position: 30px center;
    color: #fff
}

.message-box-message a {
    color: #fff;
    text-decoration: underline
}

.message-box.error-box .message-box-bottomL {
    background: url(i/09f59d6a106f8ec968c8e9a62b76a49150ef65be.png) bottom left no-repeat
}

.message-box.error-box .message-box-bottomR {
    background: url(i/09f59d6a106f8ec968c8e9a62b76a49150ef65be.png) bottom right no-repeat;
    height: 5px
}

.message-box.error-box .message-box-message {
    background-color: #a7192f;
    background-image: url(i/a117fabd23d06bdb5475f1c5f0f761fb78d12d43.png);
    background-position: -44px center;
    background-repeat: no-repeat
}

.message-box.confirm-box h3 {
    width: 480px;
    margin-bottom: 3px;
    overflow: hidden;
    color: #fff;
    font-size: 16px;
    font-family: "Arial Black", Arial;
    font-weight: bold
}

.message-box.confirm-box {
    background: url(i/48fc7f6509c4037e362c1365aed5995e10714470.png) top left no-repeat
}

.message-box.confirm-box .top {
    background: url(i/48fc7f6509c4037e362c1365aed5995e10714470.png) top right no-repeat
}

.message-box.confirm-box .message-box-content {
    border-left: 1px solid #dcd8d2;
    border-right: 1px solid #5b8f06;
    background-image: url(i/3f911bd9ee72c91eb5e8dc6898ad5302a3243416.png);
    color: #fff;
    background-position: 9px center;
    background-position: 10px center
}

.message-box.confirm-box .message-box-bottomL {
    background: url(i/48fc7f6509c4037e362c1365aed5995e10714470.png) bottom left no-repeat
}

.message-box.confirm-box .message-box-bottomR {
    background: url(i/48fc7f6509c4037e362c1365aed5995e10714470.png) bottom right no-repeat;
    height: 5px
}

.message-box.confirm-box .message-box-message {
    background-color: #5b8f06;
    background-image: url(i/3f911bd9ee72c91eb5e8dc6898ad5302a3243416.png);
    background-position: -64px center;
    background-repeat: no-repeat
}

#military-shipping-notification td.arrow-callout div.placeholder {
/*    background-image: url('//assets.bodybuilding.com/common/images/sections/cart/infoArrow.png');*/
    float: right;
    height: 21px;
    position: relative;
    top: -5px;
    width: 24px
}

#military-shipping-notification td.note p {
    font-size: 11px;
    padding: 5px 0 15px 15px
}

div.article-padding-content .message-box {
    width: 485px;
    overflow: hidden
}

div#depContent div.article-padding-content .message-box {
    *width: 558px
}

div.article-padding-content .message-box ul li {
    font-size: 12px;
    list-style: disc;
    line-height: 13px;
    margin: 0 0 0 15px
}

div.article-padding-content .message-box ul li a {
    text-decoration: none !important;
    font-weight: bold;
    color: #fff !important
}

div.article-padding-content .message-box ul li a:hover {
    text-decoration: underline !important
}

div.article-padding-content .message-box ul {
    margin: 0
}

div.article-padding-content .message-box {
    margin: 15px 0 15px 1px
}

div.article-padding-content .message-box.confirm-box h3 {
    width: 400px
}

#depContent .message-box.error-box .message-box-bottomR {
    font-size: 3px
}

.social-media-content {
    display: none
}

#article-rating-social {
    margin: 0 40px;
    padding: 15px 0
}

#article-social-buttons, #article-social-extra {
    float: left;
    height: 67px
}

#article-social-desc {
    float: left;
    width: 304px;
    color: #000;
    font: bold 14px/16px Arial, Helvetica, Sans-Serif;
    margin-bottom: 7px;
    *width: 350px
}

#article-social-desc span {
    display: block;
    margin: 0 20px 22px 0
}

#article-social-buttons {
    border-left: 3px solid #eaeaea;
    padding-left: 12px
}

#article-social-buttons ul li {
    float: left;
    list-style-type: none;
    width: 60px;
    overflow: hidden;
    text-align: center
}

.fb_iframe_widget span {
    left: 5px
}

.addthis_button_facebook_like, .addthis_button_google_plusone {
    display: block;
    margin-top: 2px
}

.google-plusone {
    *display: none
}

#article-social-extra {
    margin-left: 4px;
    position: relative
}

#article-social-extra>a {
    display: block;
    font: bold 11px/11px Arial, Helvetica, Sans-Serif;
    text-transform: uppercase;
    color: #9a9b9c;
    padding: 4px 0;
    text-decoration: none
}

#article-social-extra a:hover {
    text-decoration: none
}

a.ars-email {
    padding-top: 0 !important;
    border-bottom: 1px solid #d4d4d4
}

#article-social-extra>a span {
    display: inline-block;
    background: url(i/7027631c5da9e184bb1de72fa98fbf3a2a25b89d.gif) no-repeat 0 0;
    width: 11px;
    height: 8px;
    margin-left: 3px;
    *display: inline;
    *zoom: 1
}

#article-social-extra>a.ars-more span {
    background-position: 0 -8px;
    height: 9px;
    margin-left: 4px
}

#share-button {
    position: absolute;
    top: 37px;
    right: -29px
}

#depContent #share-button {
    right: -30px
}

.depricated-header-widget #article-rating-social {
    border-bottom: 1px solid #393939;
    border-top: 1px solid #393939;
    margin: 0
}

.depricated-header-widget ul {
    margin-top: 0
}

.depricated-header-widget #article-social-buttons {
    border-left-width: 0;
    padding-left: 0
}

.depricated-header-widget #article-social-extra>a {
    color: #9a9b9c !important;
    text-decoration: none !important
}

.depricated-header-widget #article-social-desc {
    width: 202px;
    color: #FFF;
    border-right-width: 0
}

.depricated-header-widget #article-social-desc span {
    padding-left: 5px
}

.depricated-header-widget .article-date {
    color: #6d6d6d;
    font: bold 10px/10px Arial, Helvetica, Sans-Serif;
    padding-left: 0 !important;
    margin-top: 3px !important
}

.depricated-header-widget .google-plusone {
    *display: block
}

.depricated-header-widget #article-social-extra a.ars-email span {
    height: 8px !important;
    overflow: hidden !important;
    position: relative;
    *top: -3px
}

.depricated-header-widget #article-social-extra a.ars-more span {
    position: relative;
    *top: 2px;
    *left: 2px
}

div.rating-title {
    padding: 4px 10px 5px 10px;
    color: #FFF;
    text-transform: uppercase;
    background-color: #0e709a;
    margin-bottom: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1
}

div.select-rating-container {
    border-color: #d4d4d4
}

div.select-rating-container div.content {
    padding: 10px 14px 6px 14px
}

div.select-rating-container div.rating-left {
    padding-top: 15px;
    width: 400px;
    float: left
}

div.select-rating-container ul.select-rating {
    list-style-type: none;
    margin-top: 0
}

div.select-rating-container ul.select-rating li {
    list-style-type: none;
    float: left;
    color: #FFF;
    font-size: 14px;
    font-family: "Arial Black", Arial, Helvetica, sans-serif;
    *font-family: Arial, Helvetica, sans-serif;
    *font-weight: bold;
    text-align: center;
    padding: 6px 0;
    *padding: 7px 0 5px 0;
    margin: 0 1px;
    background-color: #9a9b9c;
    width: 25px;
    cursor: pointer
}

div.select-rating-container ul.select-rating li:hover, div.select-rating-container ul.select-rating li.rated:hover {
    background: #00a1de
}

div.select-rating-container ul.select-rating li.rated {
    background: #0e709a url(i/08c35f074e2d89dd75dc6839fb15aa11ee9ad850.png) -396px -52px no-repeat
}

div.select-rating-container ul.select-rating li.first {
    margin-left: 0
}

div.select-rating-container ul.select-rating li.last {
    margin-right: 0;
    padding-right: 1px;
    width: 24px
}

div.select-rating-container span.rating-text {
    font-weight: bold;
    font-family: "Arial Black", Arial, Helvetica, sans-serif;
    *font-family: Arial, Helvetica, sans-serif;
    *font-weight: bold;
    font-size: 10px;
    padding-top: 8px;
    float: left;
    text-transform: uppercase;
    padding-right: 10px;
    color: #636363
}

div.select-rating-container span.rating-text.right {
    padding-left: 10px
}

div.select-rating-container div.rating-synopsis {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    float: right
}

div.select-rating-container div.rating-synopsis div.product-rating span {
    font-size: 10px;
    font-weight: bold;
    color: #9a9b9c;
    line-height: 12px;
    vertical-align: top
}

div.select-rating-container div.rating-synopsis div.product-rating div.med-rating {
    margin-top: 1px
}

div.select-rating-container div.rating-synopsis div.product-rating div {
    vertical-align: top;
    margin-top: 5px
}

div.select-rating-container div.rating-synopsis div.product-rating div p {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    padding-left: 3px
}

div.select-rating-container div.rating-synopsis div.product-rating div p span {
    font-size: 11px;
    line-height: 12px;
    font-weight: normal
}

div.select-rating-container div.rating-synopsis div.product-rating div p span.rating-scale {
    color: #2c2b2a;
    font-weight: normal
}

div.select-rating-container div.rating-synopsis div.product-rating div p span.green {
    color: #5b8f06
}

div.select-rating-container div.rating-synopsis div.product-rating div p span.orange {
    color: #d86909
}

div.select-rating-container div.rating-synopsis div.product-rating div p span.red {
    color: #a71930
}

div.select-rating-container div.rating-synopsis div.product-rating div p span.num-ratings {
    font-size: 10px;
    color: #4d4f53;
    text-align: right;
    margin-top: 3px
}

div.rating-message {
    color: #5b8f06;
    margin: 0;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold
}

div.article-padded-content div.select-rating-container, div.padded-content div.select-rating-container {
    margin: 5px 0 5px 0
}

.tipswift {
    padding: 5px;
    position: absolute;
    z-index: 100000;
    border-color: black
}

.tipswift-inner {
    padding: 5px 10px;
    background-color: black;
    color: white;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 0 6px black;
    font-size: 12px
}

.tipswift-arrow {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    border: 5px dashed;
    border-color: #000
}

.tipswift-n .tipswift-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-style: solid;
    border-top: 0;
    border-left-color: transparent;
    border-right-color: transparent
}

.tipswift-nw .tipswift-arrow {
    top: 0;
    left: 10px;
    border-bottom-style: solid;
    border-top: 0;
    border-left-color: transparent;
    border-right-color: transparent
}

.tipswift-ne .tipswift-arrow {
    top: 0;
    right: 10px;
    border-bottom-style: solid;
    border-top: 0;
    border-left-color: transparent;
    border-right-color: transparent
}

.tipswift-s .tipswift-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-style: solid;
    border-bottom: 0;
    border-left-color: transparent;
    border-right-color: transparent
}

.tipswift-sw .tipswift-arrow {
    bottom: 0;
    left: 10px;
    border-top-style: solid;
    border-bottom: 0;
    border-left-color: transparent;
    border-right-color: transparent
}

.tipswift-se .tipswift-arrow {
    bottom: 0;
    right: 10px;
    border-top-style: solid;
    border-bottom: 0;
    border-left-color: transparent;
    border-right-color: transparent
}

.tipswift-e .tipswift-arrow {
    right: 0;
    top: 50%;
    margin-top: -5px;
    border-left-style: solid;
    border-right: 0;
    border-top-color: transparent;
    border-bottom-color: transparent
}

.tipswift-w .tipswift-arrow {
    left: 0;
    top: 50%;
    margin-top: -5px;
    border-right-style: solid;
    border-left: 0;
    border-top-color: transparent;
    border-bottom-color: transparent
}

.tipswift.dialog input {
    margin: 0 2px;
    padding: 2px 2px;
    background-color: #222;
    border: 1px solid #555;
    outline: 0;
    color: #fff;
    border-radius: 4px
}

.tipswift.dialog input:hover {
    background-color: #444
}

.tipswift.dialog input[type=button] {
    cursor: pointer
}

.tipswift.dialog input:active {
    background: #161616;
    color: #c7c7c7
}

.tipswift.bb-tip-dialog span {
    display: block;
    font-family: Arial, sans-serif
}

.tipswift.bb-tip-dialog .tipswift-inner {
    text-align: center;
    padding: 15px 10px;
    font-size: 12px;
    min-width: 180px;
    max-width: 230px;
    line-height: 16px
}

.tipswift.bb-tip-dialog span.tipswift-body {
    display: block
}

.tipswift.bb-tip-dialog span.tipswift-buttons {
    display: block;
    margin-top: 10px
}

.tipswift.bb-tip-dialog span.tipswift-buttons input[type="button"] {
    width: 78px;
    height: 23px;
    background: #404040;
    font-size: 12px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #404040), color-stop(100%, #393939));
    background: -webkit-linear-gradient(top, #404040 0, #393939 100%);
    background: linear-gradient(to bottom, #404040 0, #393939 100%);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 0 -1px #5f5f5f;
    *border-top: 1px solid #5f5f5f
}

.tipswift.bb-tip-dialog span.tipswift-buttons input[type="button"]:hover {
    background: #636363;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #404040), color-stop(100%, #636363));
    background: -webkit-linear-gradient(top, #404040 0, #636363 100%);
    background: linear-gradient(to bottom, #404040 0, #636363 100%)
}

.tipswift div#map-container a.tip-button {
    background: transparent url(i/7505b489bdb767c6300edc2e2fc17f8c975929bd.png) 237px 1px no-repeat;
    padding: 1px 17px 7px 3px;
    cursor: pointer;
    display: block;
    text-align: right;
    color: #fff;
    font-size: 11px;
    font-weight: bold
}

.tipswift div#map-container div#map-canvas {
    width: 250px;
    height: 210px
}

.tipswift div#map-container {
    padding: 3px 10px 23px 10px
}

.tipswift div#map-container a.large-map-link {
    color: #fff;
    font-size: 12px;
    text-align: left;
    padding-top: 3px;
    float: left
}

.tipswiftc {
    padding: 5px;
    position: absolute;
    z-index: 100000;
    border-color: black
}

.tipswiftc-inner {
    padding: 5px 10px;
    background-color: black;
    color: white;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 0 6px black
}

.tipswiftc-arrow {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    border: 5px dashed;
    border-color: inherit
}

.tipswiftc-n .tipswiftc-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-style: solid;
    border-top: 0;
    border-left-color: transparent;
    border-right-color: transparent
}

.tipswiftc-nw .tipswiftc-arrow {
    top: 0;
    left: 10px;
    border-bottom-style: solid;
    border-top: 0;
    border-left-color: transparent;
    border-right-color: transparent
}

.tipswiftc-ne .tipswiftc-arrow {
    top: 0;
    right: 10px;
    border-bottom-style: solid;
    border-top: 0;
    border-left-color: transparent;
    border-right-color: transparent
}

.tipswiftc-s .tipswiftc-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-style: solid;
    border-bottom: 0;
    border-left-color: transparent;
    border-right-color: transparent
}

.tipswiftc-sw .tipswiftc-arrow {
    bottom: 0;
    left: 10px;
    border-top-style: solid;
    border-bottom: 0;
    border-left-color: transparent;
    border-right-color: transparent
}

.tipswiftc-se .tipswiftc-arrow {
    bottom: 0;
    right: 10px;
    border-top-style: solid;
    border-bottom: 0;
    border-left-color: transparent;
    border-right-color: transparent
}

.tipswiftc-e .tipswiftc-arrow {
    right: 0;
    top: 50%;
    margin-top: -5px;
    border-left-style: solid;
    border-right: 0;
    border-top-color: transparent;
    border-bottom-color: transparent
}

.tipswiftc-w .tipswiftc-arrow {
    left: 0;
    top: 50%;
    margin-top: -5px;
    border-right-style: solid;
    border-left: 0;
    border-top-color: transparent;
    border-bottom-color: transparent
}

.tipswiftc.dialog input {
    margin: 0 2px;
    padding: 2px 2px;
    background-color: #222;
    border: 1px solid #555;
    outline: 0;
    color: #fff;
    border-radius: 4px
}

.tipswiftc.dialog input:hover {
    background-color: #444
}

.tipswiftc.dialog input[type=button] {
    cursor: pointer
}

.tipswiftc.dialog input:active {
    background: #161616;
    color: #c7c7c7
}

div.bbcom-tipdialog {
    max-width: 225px;
    font-size: 12px
}

div.bbcom-tipdialog input[type=button] {
    width: 80px;
    margin: 0 5px;
    background-color: #3e3e3e;
    border-color: #4e4e4e;
    border-style: outset;
    border-radius: 5px;
    height: 24px
}

div.bbcom-tipdialog-title {
    text-align: left;
    margin-bottom: 5px;
    font-size: 11px
}

div.bbcom-tipdialog-body {
    text-align: left;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 16px
}

div.bbcom-tipdialog-buttons {
    margin: 10px 0
}

.tipswift-inner .close {
    display: block;
    background: url(i/09260adaf3a6cd8a573db750e73f95ffc91b9906.png);
    background-position: -33px -193px;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 8px;
    right: 11px;
    cursor: pointer;
    font-size: 12px
}

.tipswift-inner .remove {
    font-size: 11px;
    padding: 0 20px 0 0
}

.closebtntop .tipswift-inner p {
    margin: 0
}

.closebtntop .tipswift-inner p.messages {
    width: 195px;
    font-weight: bold;
    font-size: 12px;
    padding: 0;
    margin: 0 -10px 0 0
}

.closebtntop .tipswift-inner {
    padding: 18px 18px 7px 7px
}

div.tab-control {
    width: 627px;
    height: 440px;
    position: relative;
    margin: 10px auto;
    overflow: hidden;
    background-image: url(i/1c5fd191fcc46112d610d59362d6268925fb36a2.png);
    background-repeat: repeat-y
}

div.tab-control div.tab-top {
    background-image: url(i/285e25f903e33e9e9ace0641f86fa726205b7450.png);
    height: 8px;
    width: 100%;
    font-size: 0
}

div.tab-control div.tab {
    margin: 5px 10px;
    position: relative;
    height: 390px;
    display: block
}

.tab-control-wrapper .ui-tabs .ui-tabs-panel {
    display: block
}

.ui-tabs .ui-tabs-nav {
    background-position: -4px 0;
    margin-top: 2px
}

.tab-control-wrapper .ui-tabs .ui-tabs-nav .ui-state-default {
    background-position: 0 -2px;
    height: 42px;
    margin-top: 2px
}

.ui-tabs .ui-tabs-nav .ui-state-active {
    background-position: 0 -47px
}

div.tab-control-wrapper .ui-tabs .ui-tabs-nav .ui-state-active {
    height: 41px;
    margin-top: 2px
}

div.tab-control div.tab-control-panel {
    background-image: url(i/285e25f903e33e9e9ace0641f86fa726205b7450.png);
    background-position: 0 -8px;
    background-repeat: no-repeat;
    height: 44px;
    width: 100%;
    padding-left: 4px;
    _padding: 0;
    position: absolute;
    line-height: 30px;
    bottom: 0;
    left: 0;
    background-color: #FFF
}

div.tab-control-wrapper div.tab-control div.tab-control-panel ul {
    background-image: url(i/8056a17da7802ce027575a867b9ea371e764dd30.png);
    background-position: -4px 2px;
    background-repeat: no-repeat;
    padding-left: 4px
}

div.tab-control-wrapper div.tab-control div.tab-control-panel ul li a {
    padding: 10px
}

div.tab-control div.tab-control-panel ul li {
    border-right: 1px solid #c8c8c8
}

div.tab-control.tabs-on-top div.tab-control-panel ul li {
    border-right-width: 0
}

div.tab-control div.tab-control-panel ul {
    height: 45px;
    padding: 0;
    margin: 0
}

div.tab-control div.tab-control-panel ul li {
    margin: 3px 0 0 0;
    height: 42px;
    padding: 0;
    list-style-type: none;
    float: left;
    background-image: url(i/23b75bdc83a2e8d08b8ac417d762effcb60a10d5.png);
    background-repeat: repeat-x;
    font-size: 11px;
    font-weight: bold;
    color: #256c90;
    cursor: pointer
}

div.tab-control div.tab-control-panel ul li div {
    height: 34px;
    line-height: 13px;
    padding: 6px 10px 0 10px;
    vertical-align: middle;
    display: -moz-inline-stack;
    display: inline-block;
    *zoom: 1;
    *display: inline
}

div.tab-control div.tab-control-panel ul li.selected {
    background-image: url(i/23b75bdc83a2e8d08b8ac417d762effcb60a10d5.png);
    background-position: 0 -44px;
    color: #2a2b2c
}

div.content-slider {
    height: 260px;
    width: 590px;
    margin: auto;
    overflow: hidden;
    position: relative;
    background-color: transparent
}

div.content-slider.no-top-nav {
    height: 304px;
    vertical-align: bottom;
    margin-top: -54px
}

div.content-slider div.content-slider-section {
    width: 590px;
    height: 346px;
    float: left;
    margin-top: 10px
}

div.content-slider div.sliders-tab-container {
    position: absolute;
    left: 0;
    margin-top: 50px
}

div.content-slider-section ol li {
    list-style-type: decimal;
    list-style-position: inside;
    height: 18px;
    line-height: 18px;
    font-size: 11px
}

div.content-slider div#slider-cpanel {
    background-color: #FFF;
    line-height: 26px
}

div.content-slider div#slider-cpanel a {
    margin-top: 5px
}

div.content-slider-navigation.bottom {
    bottom: 0;
    background-color: #FFF;
    width: 100%;
    _width: 605px;
    height: 20px;
    line-height: 22px;
    text-align: center;
    padding-top: 4px;
    position: absolute;
    margin-bottom: 8px
}

div.content-slider-navigation.bottom div {
    margin-top: 2px
}

div.content-slider-navigation.bottom div.nav-link-container {
    width: 390px;
    float: left
}

div.content-slider-navigation.absolute {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20
}

div.content-slider-navigation .nav-links-bottom {
    float: left;
    text-align: center;
    width: 468px;
    _width: 454px
}

div.content-slider-navigation .nav-links-bottom li {
    display: inline;
    margin: 0 5px;
    list-style-type: none;
    color: #000 !important
}

div.content-slider-navigation div.prev {
    float: left;
    width: 63px;
    padding-left: 10px;
    *margin-top: 6px;
    visibility: hidden
}

div.content-slider-navigation div.next {
    float: right;
    text-align: right;
    padding-right: 10px;
    width: 56px;
    *margin-top: 6px
}

div.tab label {
    font-family: arial;
    font-size: 11px;
    font-weight: bold
}

div.tab label span.key {
    font-family: "Arial Black", Arial, sans-serif;
    *font-family: Arial, sans-serif;
    *font-weight: bold;
    font-size: 12px;
    font-weight: normal
}

div.tab label span.key {
    font-family: "Arial Black", Arial, sans-serif;
    *font-family: Arial, sans-serif;
    *font-weight: bold;
    font-size: 12px;
    font-weight: normal
}

div.tab-controls ul li span.key {
    font-family: "Arial Black", Arial, sans-serif;
    *font-family: Arial, sans-serif;
    *font-weight: bold;
    font-size: 12px;
    font-weight: bold
}

a.active {
    font-weight: bold
}

div.slider-body-builder {
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 180px;
    height: 298px;
    font-size: 0
}

div.tab-control.tabs-on-top {
    width: 626px;
    margin: 20px auto 0 auto;
    _padding: 0;
    background-image: url(i/1c5fd191fcc46112d610d59362d6268925fb36a2.png);
    background-repeat: repeat-y;
    height: auto
}

div.tab-control.tabs-on-top div.tab-top {
    display: block;
    position: absolute;
    bottom: 0;
    height: 3px;
    background-position: 0 -2px
}

div.tab-control div.tab-bottom {
    background: url(i/285e25f903e33e9e9ace0641f86fa726205b7450.png) 0 -53px;
    height: 8px;
    width: 100%;
    font-size: 0
}

div.tab-control.tabs-on-top div.tab {
    margin: 0;
    _padding: 0;
    height: auto
}

div.tab-control.tabs-on-top div.tab-bottom {
    position: absolute;
    bottom: 0;
    height: 4px
}

div.tab-control.tabs-on-top div.tab-control-panel {
    position: relative;
    padding: 0;
    _margin: 0;
    height: 44px;
    background-image: url(i/719429110624dee5abffc92069fef9d47d8728e6.png);
    background-position: bottom left;
    text-align: right
}

div.tab-control.tabs-on-top div.tab-control-panel div.cap {
    width: 10px;
    height: 44px
}

div.tab-control.tabs-on-top div.tab-control-panel ul {
    height: 44px;
    margin: 0;
    padding: 0;
    display: inline-block;
    *zoom: 1;
    *display: inline
}

div.tab-control.tabs-on-top div.tab-control-panel ul li {
    height: 44px;
    margin: 0;
    background-image: url(i/f5d058859721936f49d6c817fdbf2935ed51a95e.png);
    float: left;
    width: 140px
}

div.tab-control-wrapper .ui-tabs .ui-tabs-nav .ui-state-active {
    background-position: 0 -46px;
    color: #2a2b2c
}

div.tab-control.tabs-on-top div.tab-control-panel ul li.selected {
    background-position: 0 -44px;
    color: #2a2b2c
}

div.tab-control.tabs-on-top div.tab-control-panel ul li div {
    height: 36px;
    padding: 5px 0 0 10px;
    margin-top: 4px;
    border-left: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
    display: -moz-inline-stack;
    display: inline-block;
    *zoom: 1;
    *display: inline
}

ul.guide-list {
    padding: 10px;
    font-size: 11px !important
}

ul.guide-list li {
    margin: 5px 20px;
    font-size: 11px !important
}

.content-slider-navigation {
    left: 0 !important;
    bottom: 10px !important;
    text-align: center !important;
    height: 50px
}

.nav-links-bottom {
    margin: 0 !important;
    padding: 0 !important
}

.tab-control-panel ul li div {
    width: 133px !important;
    font-weight: normal !important;
    margin-top: 3px !important
}

.tabs-on-top .tab-control-panel ul li div {
    width: 129px !important
}

div.content-slider-navigation .nav-links-bottom {
    padding: 0 !important
}

.tab-control-panel ul li div .key {
    font-weight: bold !important;
    line-height: 7px !important
}

.content-slider-section {
    font-family: Arial;
    font-size: 11px;
    margin-top: -23px !important;
    _margin-top: -13px !important;
    padding-top: 30px !important;
    _padding-top: 10px !important;
    _padding-left: 10px;
    overflow: visible
}

.section-block p {
    padding-top: 10px;
    font-size: 11px !important
}

.video-desc {
    width: 25%;
    float: left;
    display: block
}

.modal-video-embed {
    margin: 0 auto;
    width: 452px
}

.content-slider-section .BBCOMVideoEmbed {
    display: block;
    float: right;
    margin-top: -22px;
    _margin-top: 0
}

.nav-links-bottom {
    font-size: 11px !important
}

.top-intro-text {
    margin: 10px
}

.guide-title-underline {
    font-family: "Arial Black", Arial, sans-serif;
    *font-family: Arial, sans-serif;
    *font-weight: bold;
    font-weight: bold;
    color: #666;
    font-size: 14px;
    border-bottom: 1px solid #d4d4d4
}

.italic-list li {
    font-style: italic;
    font-weight: bold
}

.content-slider {
    height: 346px !important
}

.col-4-left {
    float: left;
    width: 25%;
    *width: 24.5%
}

.col-4-left a.guide-view-all-link {
    display: block;
    padding-right: 5px
}

.col-4-left span {
    display: block;
    margin: 10px 0;
    padding: 0 10px 0 0
}

.guide-title-link {
    display: block;
    font-family: "Arial Black", Arial, sans-serif;
    *font-family: Arial, sans-serif;
    *font-weight: bold;
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px
}

.stack-guide-image {
    float: left;
    margin-top: 30px;
    width: 33%
}

.stack-guide-info {
    float: left;
    margin-top: 30px;
    width: 60%
}

a.stack-guide-info-title {
    display: block;
    font-size: 14px;
    font-family: Arial;
    font-weight: bold
}

.stack-guide-info ul {
    padding: 10px 0;
    margin-left: 0;
    list-style-type: none
}

.guide-stack-price-block {
    float: right;
    text-align: right
}

.guide-stack-price-block s {
    font-size: 12px;
    font-weight: bold;
    color: #1f2222;
    display: block;
    text-align: right
}

.guide-stack-price {
    color: #087099;
    font-size: 24px;
    font-weight: bold;
    display: block;
    text-align: right;
    margin: 5px 0
}

.guide-stock-desc {
    color: #414245;
    font-size: 11px;
    display: block;
    text-align: right
}

.guide-blue-button {
    display: block;
/*    background-image: url("//assets.bodybuilding.com/store/deploy/index-page/guide-blue-button.jpg");*/
    width: 131px;
    height: 28px;
    margin-top: 5px;
    text-decoration: none !important
}

.guide-blue-button span {
    display: block;
    font-weight: bold;
    font-size: 14px;
    color: #fff !important;
    text-align: center;
    padding-top: 7px
}

div.tab-control div.tab-with-slider {
    margin: 12px 10px 8px
}

div.tab-control div.tab-with-slider .bb-rotator-bulleted-panel {
    margin-top: 4px
}

div.tab div.tab-content {
    float: left;
    height: 345px;
    overflow: hidden;
    margin-top: 19px;
    margin-left: 16px
}

div.tab-control.tabs-on-top div.tab div.tab-content {
    margin-top: 48px
}

div.tab div.tab-content-two-thirds {
    width: 390px;
    _width: 380px
}

div.tab div.tab-content div.tab-title {
    margin-bottom: 12px
}

div.tab div.tab-content div.tab-title-third-width {
    width: 200px
}

div.tab div.tab-contenet div.tab-title-video-third-width {
    width: 170px
}

div.tab div.tab-content div.tab-title-half-width {
    width: 319px
}

div.tab div.tab-content div.tab-title-half-wider {
    margin-bottom: 0;
    width: 319px
}

div.tab div.tab-content div.tab-title-full-width {
    width: 100%
}

div.tab div.tab-content div.tab-title-unpadded {
    margin-bottom: 0
}

div.tab div.tab-content div.tab-title-bottom-border, div.tab div.tab-content .slide-sub-bottom-border {
    border-bottom: 1px solid #ccc
}

div.tab div.tab-content div.tab-title h3 {
    color: #4d4f53;
    font-family: "Arial Black", arial, sans-serif;
    *font-family: Arial, sans-serif;
    *font-weight: bold;
    font-size: 22px;
    font-weight: bold;
    line-height: 22px;
    padding-bottom: 11px;
    max-height: 125px;
    height: auto !important
}

div.tab div.tab-content .slide-heading {
    color: #105b87;
    font-weight: bold;
    font-family: "Arial Black", arial, sans-serif;
    *font-family: Arial, sans-serif;
    *font-weight: bold;
    font-size: 16px;
    letter-spacing: 1.3px;
    margin-bottom: 5px
}

div.tab div.tab-content .slide-heading-padded {
    margin-bottom: 15px
}

div.tab div.tab-content .slide-sub-bodyspacer {
    float: left
}

div.tab div.tab-content .slide-sub-bodyspacer img {
    float: left
}

div.tab div.tab-content .slide-sub-bodyspacer .slide-sub-bodyspace-details {
    float: left;
    margin-left: 15px
}

div.tab div.tab-content .slide-sub-bodyspacer .slide-sub-bodyspace-details ul {
    list-style-position: inside;
    list-style-type: none
}

div.tab div.tab-content .slide-sub-bodyspacer .slide-sub-bodyspace-details ul li {
    color: #88898a;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: normal;
    padding: 3px 0
}

div.tab div.tab-content .slide-sub-bodyspacer .slide-sub-bodyspace-details ul li span {
    font-weight: bold;
    font-family: "Arial Black", Arial, sans-serif;
    *font-family: Arial, sans-serif;
    *font-weight: bold;
    font-size: 14px
}

div.tab div.tab-content .slide-sub-bodyspacer .slide-sub-bodyspace-details h4 {
    font-size: 24px;
    line-height: 15px;
    padding-bottom: 5px
}

div.tab div.tab-content .slide-sub-bodyspacer .slide-sub-bodyspace-details h5 {
    color: #3c3d41;
    font-size: 12px;
    text-transform: none
}

div.tab div.tab-content .slide-description .member-stack-listing {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 150px;
    width: 175px
}

div.tab div.tab-content .slide-description .member-stack-listing ol li {
    font-weight: bold;
    color: #20201f;
    line-height: 15px;
    list-style-position: inside;
    padding: 5px
}

div.tab div.tab-content .slide-description .member-stack-listing ol li.alt {
    background-color: #e3e3e3
}

div.tab div.tab-content .slide-heading h5 {
    font-weight: bold
}

div.tab div.tab-content .slide-heading h4 {
    color: #7b7873;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0;
    padding-bottom: 8px;
    text-transform: uppercase;
    line-height: 14px
}

div.tab div.tab-content .slide-description {
    margin-top: 3px
}

div.tab div.tab-content .slide-description-padded-top {
    margin-top: 8px
}

div.tab div.tab-content .slide-description p {
    line-height: 15px;
    margin-bottom: 15px
}

div.tab div.tab-content ul.square-list {
    list-style-position: inside;
    margin: 10px auto 20px 8px
}

div.tab div.tab-content ul.square-list li {
    color: #505050;
    font-size: 18px;
    list-style-type: square;
    line-height: 15px;
    font-style: italic
}

div.tab div.tab-content ul.square-list li span {
    font-size: 12px
}

div.tab div.tab-content .slide-description ol.top-five-list {
    float: left;
    margin-left: 45px;
    _margin-left: 0;
    margin-bottom: 10px
}

div.tab div.tab-content .slide-description ol.top-five-list li {
    color: #bcbdbc;
    display: list-item;
    font-family: "Arial Black", arial, sans-serif;
    *font-family: Arial, sans-serif;
    *font-weight: bold;
    font-size: 18px;
    font-weight: bold;
    line-height: 15px;
    list-style-position: inside;
    list-style-type: decimal;
    margin-top: -5px
}

div.tab div.tab-content .slide-description ol.top-five-list li span {
    color: #2c2b2a;
    display: inline-block;
    font-family: arial, sans-serif;
    font-style: italic;
    font-size: 12px;
    position: relative;
    top: -2px;
    left: 10px
}

div.tab div.tab-content .view-product-button {
    margin-left: 5px;
    margin-bottom: 20px
}

div.tab div.tab-content .view-product-button span.bb-button a {
    font-size: .85em !important
}

div.tab div.tab-content .next-slide-link {
    font-size: 12px;
    font-style: italic
}

div.tab div.tab-content .next-slide-link .next {
    color: #88898a;
    font-weight: bold
}

div.tab div.tab-img-panel, div.tab div.tab-video-panel {
    float: right
}

div.tab div.tab-video-panel {
    width: 425px
}

div.tab div.tab-img-panel-one-third {
    margin-right: 25px;
    margin-top: 19px;
    width: 165px;
    _width: 155px;
    _margin-left: 20px
}

div.tab div.tab-content div.guide-col-container {
    float: left;
    width: 575px
}

div.tab div.tab-content div.guide-col-container div.col-4-left {
    width: 25%
}

div.tab div.tab-content div.col-4-left a img {
    width: 140px;
    height: 80px
}

div.tab div.tab-content div.col-4-left a.guide-title-link {
    font-size: 16px;
    height: 65px;
    padding-top: 11px;
    overflow: hidden;
    padding-bottom: 11px
}

div.tab div.tab-content div.col-4-left span {
    font-size: 11px;
    display: block;
    margin: 0 0 10px 0;
    padding: 0 10px 0 0;
    line-height: 11px;
    color: #2c2b2a
}

div.tab div.tab-content div.col-4-left a.guide-view-all-link {
    font-size: 11px;
    line-height: 11px;
    height: 33px;
    overflow: hidden;
    font-family: arial, helvetica, sans-serif;
    font-weight: bold
}

div.tab div.tab-content div.tab-pagination {
    margin: 9px auto 9px 265px;
    _margin: 0;
    _text-align: center;
    float: left;
    clear: both
}

div.tab-content-video-one-third {
    width: 170px;
    margin-right: 10px
}

div.tab-content div.tab-content-one-third {
    margin-bottom: 15px
}

div.tab-content div.tab-content-two-thirds.video-tab {
    height: 310px;
    width: 400px
}

div.videodiv.tab {
    _width: 400px !important;
    _height: 310px !important
}

div.video-length {
    margin: 15px 0 30px 0
}

div.video-length em {
    font-style: italic
}

p.videodiv.tab-callout {
    font-size: 14px;
    line-height: 18px
}

div.tab-control div.tab-control-panel ul li div:hover {
    color: #0e709a
}

div.tab div.bb-rotator-bulleted-panel-container {
    bottom: 20px
}

div.tab-control.tabs-on-top div.tab-control-panel {
    position: absolute;
    top: -2px;
    left: 3px;
    text-align: left
}

.tbox {
    position: absolute;
    display: none;
    border-radius: 5px;
    z-index: 900;
    border: 3px solid #565450
}

.tinner {
    padding: 30px 15px;
    background: #fff url(i/e9557f70099bbf47f093c149dd1e9270f2b737bc.gif) no-repeat 50% 50%;
    overflow: hidden;
    *overflow: visible
}

.tmask {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    z-index: 800
}

.tclose {
    position: absolute;
    top: 10px;
    right: 15px;
    width: 30px;
    padding-right: 11px;
    cursor: pointer;
    background: url(i/1670930457f5f729e448032ceb9bcf87a4dde1c8.png) no-repeat 100% 50%;
    font: normal 11px Arial, helvetica, sans-serif;
    color: #a30308
}

.tclose:hover {
    text-decoration: underline !important
}

.tclose:hover a {
    text-decoration: underline
}

.tclose a {
    color: #a30309;
    display: inline-block;
    padding-right: 0;
    text-decoration: none;
    width: 43px;
    *zoom: 1;
    *display: inline
}

div.article-header-new {
    width: 640px;
    overflow: hidden;
    position: relative;
    background-color: #FFF
}

div.article-header-new h2 {
    font-size: 46px;
    font-family: 'Arial Black', Arial, Helvetica, sans-serif;
    *font-weight: bold;
    line-height: 39px;
    color: #fff;
    background: url(i/afcdd289ded1918a7bf234f547efeb865fe0e940.png) 0 0 repeat;
    padding: 8px 27px 7px 10px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    position: absolute;
    top: 22px;
    max-width: 340px;
    *max-width: 348px
}

div.article-header-block-blue {
    background-color: #0e709a;
    border-bottom: 3px solid #004165;
    padding: 0 15px
}

div.article-header-block-blue h3 {
    font-family: "Arial Black", Arial, Helvetica, sans-serif;
    *font-family: Arial, Helvetica, sans-serif;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    font-size: 18px;
    *font-weight: bold;
    *float: left;
    text-transform: uppercase;
    color: white;
    margin-top: 8px
}

div.article-header-block-blue div.inner-details-right {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    float: right;
    font-size: 12px;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-top: 5px;
    padding: 6px 0 0 30px;
    min-height: 21px;
    max-width: 180px
}

div.article-header-block-blue div.inner-details-right.little-man {
    background: url(i/e4c388af8c7c9e7903ddfbfea261d532b63ae825.png) no-repeat 0 0
}

div.article-header-block-black {
    background-color: black;
    padding: 0 0 0 15px;
    min-height: 79px
}

div.article-header-block-black h3 {
    font-family: "Arial Black", Arial, Helvetica, sans-serif;
    *font-family: Arial, Helvetica, sans-serif;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    font-size: 24px;
    *font-weight: bold;
    *float: left;
    text-transform: uppercase;
    color: white;
    margin-top: 25px
}

div.article-header-block-black div.inner-details-right {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    float: right;
    font-size: 12px;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 0;
    min-height: 21px;
    width: 295px
}

div.article-header-block-black div.inner-details-right div.value-block {
    background: url(i/56a8a472743dfaa8c308fa2b86a558ab2b7f0045.jpg) repeat-x 0 0;
    padding-top: 25px;
    font-size: 10px;
    font-family: 'Arial Black', Arial, Helvetica, sans-serif;
    *font-weight: bold;
    color: white;
    text-shadow: 0 1px 1px #1c1c1c;
    text-align: center;
    width: 72px;
    float: right;
    position: relative;
    height: 54px;
    border-left: 1px black solid
}

div.article-header-block-black div.inner-details-right div.value-block span.value-text {
    font-size: 18px;
    line-height: 20px
}

div.article-header-block-black div.inner-details-right div.value-block span.value-unit {
    font-size: 9px
}

div.article-header-block-black div.inner-details-right div.value-block div.value-title {
    position: absolute;
    bottom: 13px;
    left: 0;
    width: 100%;
    font-size: 10px;
    color: #bcbcbc
}

.embedded {
    margin: 20px 0
}

p.embedded {
    font-size: 13px;
    line-height: 18px;
    color: #2c2b2a
}

div.image-caption {
    color: #2c2b2a;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    padding: 5px 0 0 10px
}

div.big-image div.image-caption {
    width: 430px
}

div.small-images div.boom-two-column {
    width: 278px
}

div.small-images div.image-caption {
    width: 264px
}

h3.embedded {
    font-size: 27px;
    font-family: 'Arial Black', Arial, Helvetica, sans-serif;
    *font-weight: bold;
    color: #2c2b2a
}

.inline-message {
    width: 334px;
    border-left: 1px solid #dcd8d2;
    background-color: #FFF !important;
    text-align: left;
    background-image: none
}

.feed-comment-post.principal .inline-message {
    width: 333px
}

.inline-message.replay {
    margin: 0 0 0 -8px;
    width: 310px
}

.inline-message.out-replay {
    width: 312px;
    float: right;
    margin: 0 77px 12px 0
}

.inline-message.out {
    margin: 10px 0 -5px 118px
}

.inline-message .message-bg {
    background-image: url(i/8af2460fb977fbea6b415617762c66f723233e77.png);
    background-repeat: no-repeat;
    height: 8px
}

.inline-message .top {
    background-position: top left;
    margin: 0 0 0 -1px;
    padding: 0;
    font-size: 2px;
    width: inherit
}

.inline-message .top-right {
    background-position: top right;
    float: right;
    width: 250px;
    margin: 0;
    padding: 0
}

.inline-message .inline-bottom {
    background-position: bottom left;
    margin: 0 0 0 -1px;
    padding: 0;
    font-size: 2px;
    width: inherit
}

.inline-message .bottom-right {
    background-position: bottom right;
    float: right;
    width: 250px;
    margin: 0;
    padding: 0
}

.inline-message .message-icon {
    background-image: url(i/276d95b19c3aaed15af6869055ede4475667ce7b.png);
    background-repeat: no-repeat;
    background-position: left center;
    margin: 0 1px 0 17px;
    *margin: 0 0 0 17px
}

.inline-message .message-text {
    background-image: url(i/276d95b19c3aaed15af6869055ede4475667ce7b.png);
    background-position: -22px center;
    margin-left: 21px;
    background-repeat: no-repeat;
    border-right: 1px solid #dcd8d2;
    background-color: #a71930;
    padding: 2px 4px 0 15px;
    color: #FFF
}

.inline-message .message-text ul {
    margin: 2px 0 0 0;
    height: auto !important;
    padding: 0 5px 0 0
}

.inline-message .message-text ul li {
    margin: 0;
    font-size: 12px;
    list-style: disc outside !important;
    margin: 0 0 5px 13px !important;
    line-height: 14px;
    float: none !important;
    text-align: left;
    word-wrap: break-word
}

.inline-message .message-text ul li.last {
    margin: 0 0 0 13px !important
}

.inline-message .message-text ul li a, .inline-message .message-text ul li a:visited, .inline-message .message-text ul li a:focus, .inline-message .message-text ul li a:link, .inline-message .message-text ul li a:active {
    font-weight: bold;
    color: #FFF !important;
    text-decoration: none;
    cursor: pointer;
    display: inline
}

.inline-message .message-text ul li a:hover {
    text-decoration: underline
}

.inline-message .message-text h3 {
    width: 180px;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    text-align: left
}

.inline-message.success .message-bg {
    background-image: url(i/8b0e66feb19539852dc7b6fb844e0fd8ce844f53.png);
    background-repeat: no-repeat;
    background-color: #FFF;
    height: 8px
}

.inline-message.success .message-icon {
    background-image: url(i/741b5f151435badd12208a40f3d7c7b09c5514d2.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #FFF;
    margin-left: 8px
}

.inline-message.success .message-text {
    background-image: url(i/741b5f151435badd12208a40f3d7c7b09c5514d2.png);
    background-position: -30px center;
    margin-left: 30px;
    background-color: #5b8f06
}

#depContent .inline-message.out {
    *float: left
}

.bodystats-box {
    background: url(i/4de0ff758d2d209b6dc14acb925473ab4652938d.png) no-repeat;
    width: 69px;
    height: 57px;
    float: right;
    padding-left: 5px;
    display: block
}

.bodystats-box a {
    font-weight: bold;
    line-height: 20px;
    font-size: 11px
}

.bodystats-box ul {
    width: 69px
}

.bodystats-box li {
    font-size: 10px
}

.bodystats-box span {
    font-weight: bold
}

.feed-comment .profile-info .bodystats-box ul.bodystats li {
    font-size: 10px;
    margin: 0
}

.feed-comment-post.principal .bodystats-box {
    margin-top: 22px
}

.main-comment-box .feed-comment-post.principal .bodystats-box {
    margin-top: 0
}

.articles-commets div.feed-comment-box .bodystats-box ul li {
    float: none
}

.articles-commets .feed-comment .profile-info ul.bodystats {
    margin: 0
}

div.textarea {
    max-width: 540px
}

.standalone .async-commenting-container .input-container.bbActiveCoreInput .post-button {
    margin-left: 10px
}

.rowSectionRating .bbRatePromptLabel {
    color: #676767;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase
}

.bbRateReport {
    height: 68px
}

.bbRateReport h5.rateHeader {
    /* shit fuck */
    color: #424242;
    font-family: "ProximaNovaExCnBold", Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0;
    padding-bottom: 5px;
}

.rowSectionRating .rateInput {
    float: right;
    width: 320px
}

.gallery-photo .rowSectionRating .rateInput {
    float: none
}

h4.article-section-header {
    border-bottom: 1px solid #bbbaba;
    color: #232323;
    font-family: "ProximaNovaExCnBold", Arial, Helvetica, sans-serif;
    font-size: 24px
}

div.mod-about-the-author div.ata-author-name a {
    color: #00aeef;
    font-family: "ProximaNovaExCnBold", Arial, sans-serif;
    font-size: 24px
}

div.article-padding-content h5 {
    margin-bottom: 0px;
}

div.mod-about-the-author p.ata-author-summary, .article-featured-product-details p {
    color: #424242
}

.rate-this-article-component h4.article-section-header {
    border-bottom: 0 none;
    border-top: 1px solid #bbbaba;
    padding-top: 20px
}

.rate-this-article-component .rateInput {
    float: left;
    padding-top: 10px;
    width: 440px
}

.rate-this-article-component .bbRate.bbRateBig {
    height: 30px;
    width: 100%
}

.rate-this-article-component .bbRateReport {
    float: right;
    margin-top: -38px;
    width: 116px
}

div.mod-about-the-author div.ata-view-all-articles-link {
    margin-top: 10px;
    margin-bottom: 10px
}

.comments-panel-container {
    margin-top: 20px
}

ul.bb-chevron-list.bold-type a {
    font-family: ProximaNova, arial, sans-serif;
    font-size: 14px
}

#article-about-author {
    margin-top: 0
}

div.mod-about-the-author {
    padding-bottom: 10px
}

div.mod-about-the-author div.ata-left-column {
    float: left;
    max-width: 58%;
    padding-right: 10px;
    width: auto
}

div.mod-about-the-author div.ata-author-image-frame {
    width: auto
}

div.mod-about-the-author div.ata-left-column img {
    max-width: 100%;
    overflow: hidden;
    width: auto
}

div.mod-about-the-author div.ata-right-column {
    float: none;
    display: table;
    width: auto
}

div.article-padding-content p {
    color: #424242
}

.rateInput div.rating-message {
    clear: both;
    margin: 5px 0 0 40px;
    position: absolute
}

.rateInput div.rating-message-error {
    color: #cc0400;
    width: 30%
}

.mod-article-featured-product {
    margin-top: 0
}

.bbRate.bbRateBig .edgeLabel {
    color: #b0b0b0;
    font-family: ProximaNovaExCnBold;
    font-size: 17px;
    padding-top: 0
}

.rate-this-article-component .rateDetails .rateTotal {
    margin-top: 3px
}

.comments-panel-container .comment-list__item {
    list-style-type: none
}

.comments-panel-container .comment-container .comment-text {
    color: #424242
}

.comments-panel-container .comment-container .like-count-link {
    color: #9a9b9c
}





/** app/bower_components/bb-assets/common/stylesheets/src/common/mod-select-ratings.css (3714 bytes) */

div.rating-title {
  padding: 4px 10px 5px 10px;
  color: #FFF;
  text-transform: uppercase;
  background-color: #0e709a;
  margin-bottom: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
}

div.select-rating-container {
  border-color: #d4d4d4;
}
div.select-rating-container div.content {
  padding: 10px 14px 6px 14px;
}
div.select-rating-container div.rating-left {
  padding-top: 15px;
  width: 400px;
  float: left;
}
div.select-rating-container ul.select-rating {
  list-style-type: none;
  margin: 0;
}
div.select-rating-container ul.select-rating li {
  list-style-type: none;
  float: left;
  color: #FFF;
  font-size: 14px;
  font-family: "Arial Black", Arial, Helvetica, sans-serif;
  *font-family: Arial, Helvetica, sans-serif;
  *font-weight: bold;
  text-align: center;
  padding: 6px 0;
  *padding: 7px 0 5px 0;
  margin: 0 1px;
  background-color: #9a9b9c;
  width: 25px;
  cursor: pointer;
}
div.select-rating-container ul.select-rating li:hover, div.select-rating-container ul.select-rating li.rated:hover {
  background: #00a1de;
}
div.select-rating-container ul.select-rating li.rated {
  background: #0e709a url(i/08c35f074e2d89dd75dc6839fb15aa11ee9ad850.png) -396px -52px no-repeat;
}
div.select-rating-container ul.select-rating li.first {
  margin-left: 0;
}
div.select-rating-container ul.select-rating li.last {
  margin-right: 0;
  padding-right: 1px;
  width: 24px;
}
div.select-rating-container span.rating-text {
  font-weight: bold;
  font-family: "Arial Black", Arial, Helvetica, sans-serif;
  *font-family: Arial, Helvetica, sans-serif;
  *font-weight: bold;
  font-size: 10px;
  padding-top: 8px;
  float: left;
  text-transform: uppercase;
  padding-right: 10px;
  color: #636363;
}
div.select-rating-container span.rating-text.right {
  padding-left: 10px;
}
div.select-rating-container div.rating-synopsis {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  float: right;
}
div.select-rating-container div.rating-synopsis div.product-rating span {
  font-size: 10px;
  font-weight: bold;
  color: #9a9b9c;
  line-height: 12px;
  vertical-align: top;
}
div.select-rating-container div.rating-synopsis div.product-rating div.med-rating {
  margin-top: 1px;
}
div.select-rating-container div.rating-synopsis div.product-rating div {
  vertical-align: top;
  margin-top: 5px;
}
div.select-rating-container div.rating-synopsis div.product-rating div p {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  padding-left: 3px;
}
div.select-rating-container div.rating-synopsis div.product-rating div p span {
  font-size: 11px;
  line-height: 12px;
  font-weight: normal;
}
div.select-rating-container div.rating-synopsis div.product-rating div p span.rating-scale {
  color: #2c2b2a;
  font-weight: normal;
}
div.select-rating-container div.rating-synopsis div.product-rating div p span.green {
  color: #5b8f06;
}
div.select-rating-container div.rating-synopsis div.product-rating div p span.orange {
  color: #d86909;
}
div.select-rating-container div.rating-synopsis div.product-rating div p span.red {
  color: #a71930;
}
div.select-rating-container div.rating-synopsis div.product-rating div p span.num-ratings {
  font-size: 10px;
  color: #4d4f53;
  text-align: right;
  margin-top: 3px;
}

div.rating-message {
  color: #5b8f06;
  margin: 0;
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
}

/*Overriding another rule with specificity */
div.article-padded-content div.select-rating-container,
div.padded-content div.select-rating-container {
  margin: 5px 0 5px 0;
}



/** app/bower_components/bb-assets/common/stylesheets/src/skins/rawberry/modules/components-old.css (36230 bytes) */

/*-----------Common Styles---------*/
div#content {
    width: 640px;
    float: left;
    display: inline;
    background-color: #fff;
}
div#content.fluid {
    width: 100%;
}
div#content div#listing {
    width: 640px;
}
div#content-uploader {
    float: left;
    display: inline;
}
.padded-content,
div.store-padded-content {
    width: 620px;
    margin: 0 auto;
    text-align: left;
    padding-top: 5px;
}
/* Utility styles for padding differences */
div.padded-content.bump-pad {
    padding-top: 15px;
}
div.padded-content.more-pad {
    padding-top: 20px;
}
div.padded-content.maxi-pad {
    padding-top: 25px;
}
div.store-padded-content-less {
    width: 622px;
    margin-left: 9px;
}
div.padded-content-full {
    width: 790px;
    margin: 0 auto;
    text-align: left;
}
div.store-padded-content-full {
    width: 765px;
    margin: 0 auto;
    text-align: left;
}
div.padded-content-max {
    width: 930px;
    margin: 0 auto;
    text-align: left;
}
div.padded-content.no-top-pad
{
    padding-top: 0;
}
div.cart-content {
    width: 765px;
    margin: 0 auto;
    text-align: left;
}
div.cart-content-full {
    width: 904px;
    margin: 0 auto;
    text-align: left;
}
div.no-nav-content {
    width: 780px;
    margin: 0 auto;
    text-align: left;
}
div.site-padded-content {
    width: 620px;
    margin: 0 auto;
    text-align: left;
    padding-top: 5px;
}
div.section-bar {
    height: 24px;
    width: 100%;
    line-height: 24px;
    background: #f0f0f0 url(i/75f3df7e49febe371c3823d6184f38fe6867cca1.png) top left repeat-x;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}
div.section-bar h2 {
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    font-weight: bold;
    padding: 0 5px 0 10px;
    text-align: left;
    display: inline;
}
div.section-bar.float-left h2 {
    float: left;
    display: inline;
}
div.section-bar a {
    float: left;
    display: inline;
    padding: 0 5px 0 5px;
}
.delete-me {
    border: solid 1px red;
    text-align: center;
    height: 100px;
}
.delete-me h2 {
    margin: 20px;
    color: Red;
    font-weight: bold;
}
/*-----------END Common Styles---------*/
/* = Button Styles
----------------------------------------------------------------------------------------------------*/
span.greenBtn {
    background: #4E8D10 url(i/c31d79451297bd62fdde149c4bcf43950045ce13.png) left top no-repeat;
    background-repeat: no-repeat;
    font-size: 11px;
    display: inline-block;
    height: 22px;
    border: 0;
    margin: 0;
    font-weight: bold;
    padding: 0 0 0 10px;
    *padding: 0;
    text-align: center;
    *overflow: visible;
    *margin-bottom: 2px;
}
span.greenBtn input {
    cursor: pointer;
    display: inline-block;
    white-space: nowrap;
    padding: 0 10px 0 0;
    height: 22px;
    border: 0;
    margin: 0;
    *padding: 0;
    background: transparent url(i/da4673bc0692029bba7091515c594075bb5f1579.png) right top no-repeat;
    color: #FFF;
}
html> /**/ body span.greenBtn,x:-moz-any-link,x:default { /* Firefox 3 Hack */
    margin-bottom: -10px;
}
html> /**/ body span.greenBtn input,x:-moz-any-link,x:default { /* Firefox 3 Hack */
    padding-bottom: 2px !important;
}
a.greenBtn {
    background: transparent url(i/c31d79451297bd62fdde149c4bcf43950045ce13.png) no-repeat 0 0;
    display: inline-block;
    border: 0;
    *margin-right: 4px;
    *margin-bottom: 7px;
    cursor: pointer;
    font-weight: bold;
    padding: 0 0 0 10px;
    text-align: center;
    font-size: 11px;
    color: #FFF !important;
}
a.greenBtn:hover {
    text-decoration: none;
}
a.greenBtn:hover span {
    color: #000;
}
a.greenBtn:active span {
    color: #091232;
}
a.greenBtn span {
    height: 26px;
    line-height: 26px;
    width: 100%;
    display: inline;
    white-space: nowrap;
    padding: 6px 10px 6px 0;
    background: transparent url(i/da4673bc0692029bba7091515c594075bb5f1579.png) no-repeat right -1px;
    *background-position: right 0;
}
span.alert-button {
    background: transparent url(i/f229e856eea0c34fb47bac990bc512c7caa374ca.png) right top no-repeat;
    font-size: 11px;
    display: inline-block;
    line-height: 17px;
    height: 17px;
    border: 0;
    margin: 0;
    font-weight: bold;
    padding: 0 8px 0 0;
    color: white;
    *padding: 0;
    text-align: center;
    overflow: hidden;
    *margin-bottom: 2px;
}
a.alert-button {
    background: transparent url(i/0d1a07c2e5b403177bc90c6b9f84b3a477c983c9.png) left top no-repeat;
    display: inline-block;
    border: 0;
    *margin-right: 4px;
    cursor: pointer;
    font-weight: bold;
    padding: 0 0 0 8px;
    *padding-right: 3px;
    text-align: center;
    font-size: 11px;
    color: #FFF !important;
    text-decoration: none;
}
/* Helper Block */
div#helper-block {
    background: url(i/0c4dc042c7aac1aad1bc5cead483e820d7c2dd32.png) repeat-x;
    background-position: 0 -336px;
    height: 205px;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
div#helper-block div#helper-info {
    background: url(i/029ebaee7b0882e93648399eba06d6db9d082200.png) repeat-x;
    height: 143px; /* 183px - 40px (padding") */
    width: 273px; /* 313px - 40px (padding") */
    padding: 20px;
    float: left;
    color: #FFF;
    overflow: hidden;
}
div#helper-block div#helper-info h2 {
    font-size: 25px;
    margin-bottom: 10px;
    float: left;
    width: 100%;
}
div#helper-block div#helper-info p {
    padding-right: 20px;
}
div#helper-block div#helper-image {
    height: 183px;
    width: 327px;
    float: right;
    padding: 0;
    overflow: hidden;
}
div#helper-block div#helper-video {
    height: 183px;
    width: 327px;
    float: right;
    padding: 0;
    overflow: hidden;
}
div#helper-block div#helper-controls {
    height: 22px;
    width: 100%;
    clear: both;
    overflow: hidden;
}
/* Bar Header */
div.boom-line-header {
    margin-top: 30px;
    height: 3px;
    background: #414245;
    overflow: visible;
    width: 100%;
    margin-bottom: 30px;
    position: relative;
    clear: both;
}
div.boom-line-header.extra-pad {
    width: 620px;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    /* margin-left: 10px !important;
    margin-right: 10px !important;
    width: auto;*/
}
div.boom-line-header.short {
    margin-top: 20px;
    clear: both;
}
div.boom-line-header.padded {
    margin-left: 15px;
    margin-right: 15px;
    width: auto;
    clear: both;
}
div.boom-line-header h1,div.boom-line-header h2,div.boom-line-header h3 {
    background: #FFF;
    color: #414245;
    display: inline;
    padding-right: 5px;
    padding-bottom: 3px;
    top: -12px;
    left: 0;
    position: absolute;
    font-weight: bold;
    font-size: 23px;
    overflow: visible;
    clear: both;
    margin: 0; /* override for styles.css */
}
div.boom-line-header h1 {
    padding-left: 10px;
    clear: both;
}
/* New line header */
h2.line-header {
    color: #5C5554;
    font-size: 18px;
    border-bottom: 1px solid #B1B2B2;
    font-weight: bold;
    padding-bottom: 3px;
    margin-top: 18px;
}
/*Low Bar Header */
div.bb-low-line-header{
    margin: 30px 0 10px;
    border-bottom: 1px solid #d4d4d4;
    position: relative;
}
/*
    1. FIXES PIL-2429 "Visitor Comments Header - Reduce bottom margin in between text & horizontal line."
*/
div.bb-low-line-header h2{
    margin: 0 0 6px 0;
    color:#4d4f53;
    font-size: 18px;
    line-height: 18px; /* 1 */
    font-weight: bold;
}
div.bb-low-line-header .link{
    font-size: 12px;
    font-weight: normal;
    position: absolute;
    right: 0;
    top: 6px;
}
/* BB Line Header */
div.bb-line-header {
    background-color: #FFF;
    vertical-align: middle;
    position: relative;
    font-family: Arial, sans-serif;
    clear: both;
    width: 100%;
    margin: 15px auto;
}
div.bb-line-header > span {
    display: inline-block;
    width: 100% !important;
    height: 3px !important;
    border: 0 none transparent !important;
    background-color: #414245;
    margin: auto 0 !important;
    position: absolute;
    top: 12px;
    font-size: 0 !important;
}
div.bb-line-header h2,div.bb-line-header h3 {
    background-color: #FFF;
    padding: 0 5px 0 0 !important;
    margin: 0 !important;
    line-height: 26px;
    font-size: 23px;
    font-weight: bold;
    color: #414245;
    position: relative;
    display: inline-block;
    *zoom: 1;
    *display: inline;
}
/* Bar Header */
div.button-line-header {
    margin-top: 30px;
    height: 1px;
    background: #c5c5c5;
    overflow: visible;
    width: 100%;
    margin-bottom: 20px;
    position: relative;
}
div.button-line-header.skinny {
    margin-top: 5px;
    margin-bottom: 15px;
}
div.button-line-header.extra-skinny {
    margin-top: 2px;
    margin-bottom: 2px;
}
div.button-line-header div {
    background: #FFF;
    color: #414245;
    display: inline;
    padding-left: 7px;
    height: 30px;
    line-height: 24px;
    top: -13px;
    right: 0;
    position: absolute;
    font-size: 14px;
    overflow: visible;
    margin: 0; /* override for styles.css */
}
/* Tan Block 3D look */
div.boom-content-tan-block {
    background: #F4F1EB;
    padding: 10px;
    border-right: 2px inset #CCC;
    border-bottom: 3px ridge #CCC;
    border-top: 2px solid #F6F3ED;
    border-left: 3px solid #F6F3ED;
}
div.boom-content-tan-block hr {
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #E3DFD9;
    border-right: 0;
    border-left: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}
/* Tan Box Flat 1px border */
div.boom-tan-box div.boom-line-header h2,div.boom-tan-box div.boom-line-header h3 {
    background: #F4F1EB;
}
div.boom-tan-box {
    background: #F4F1EB;
    border: 1px solid #cdcccb;
    text-align: left;
}
div.small-box {
    width: 277px !important;
    margin: 12px 0 0 0;
}
div.boom-tan-box h3 {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 6px 0;
}
div.boom-tan-box img.float-right {
    float: right;
    margin: 0 0 0 5px;
}
div.boom-tan-box img.float-left {
    float: left;
    margin: 0 10px 20px 0;
}
div.padding {
    padding: 10px !important;
}
div.top-padding {
    padding: 10px 0 0 0;
}
/* Line header in the tan box */
div.boom-tan-box div.boom-line-header {
    margin-top: 10px;
    height: 3px;
    background: #414245;
    overflow: visible;
    width: 100%;
    position: relative;
}
/* Rounded Button */
a:hover div.rounded-button,a:hover div.rounded-button div.border,a:hover div.rounded-button span {
    text-decoration: none;
    border-color: #0099FF;
}
div.rounded-button {
    display: inline-block;
    border-style: solid;
    border-color: #D4D3D2;
    border-top-width: 1px;
    border-bottom-width: 1px;
    position: relative;
    height: 20px;
    width: 120px;
    z-index: 0;
    cursor: pointer;
}
div.rounded-button div {
    position: absolute;
    padding: 0;
    margin: 0;
    width: 120px;
    height: 4px;
    z-index: 1;
    line-height: 0;
    overflow: hidden;
}
div.rounded-button div.g1 {
    background-color: #EEEEEE;
    top: 0;
}
div.rounded-button div.g2 {
    background-color: #F0F0F0;
    top: 4px;
}
div.rounded-button div.g3 {
    background-color: #F5F5F5;
    top: 8px;
}
div.rounded-button div.g4 {
    background-color: #FAFAFA;
    top: 12px;
}
div.rounded-button div.g5 {
    background-color: #FFFFFF;
    top: 16px;
}
div.rounded-button div.border {
    top: 0;
    height: 20px;
    border-style: solid;
    border-color: #D4D3D2;
    border-left-width: 1px;
    border-right-width: 1px;
    margin: 0 -1px;
}
div.rounded-button span {
    text-align: center;
    position: absolute;
    font-size: 9pt;
    z-index: 2;
    width: 120px;
    line-height: 20px;
}
/* Medium Rating */
div.med-rating {
    background: url(i/447ac8483ef79157654eaed093e1792dadab9f09.jpg) no-repeat;
    width: 26px;
    height: 23px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    line-height: 23px !important;
    text-align: center;
    color: #FFF;
    font: bold 12px Arial;
    text-decoration: underline;
    margin-right: 2px;
}
div.med-rating a,div.med-rating a:hover,div.med-rating a:visited {
    color: #FFFFFF;
    text-decoration: underline;
}
/* End Medium Rating */
/* Small Rating */
div.small-rating {
    height: 20px !important;
    width: 36px !important;
    line-height: 20px !important;
    display: inline-block !important;
    *zoom: 1;
    *display: inline !important;
    color: #FFF !important;
    text-align: center !important;
    background-color: #272727;
    background-image: url(i/db3ee10052c2666e097fe91a1682984086ae17a3.png);
    border: 1px solid #CECECE !important;
}
div.small-rating.gray {
    background-color: #272727 !important;
    text-decoration: underline;
}
div.small-rating.blue {
    background-color: #0099FF !important;
    text-decoration: underline;
}
div.small-rating.dark-blue {
    background-color: #00488C !important;
    text-decoration: underline;
}
div.small-rating a,div.small-rating a:hover,div.small-rating a:visited {
    color: #FFFFFF;
    text-decoration: underline;
}
/* Form Messages */
div.message {
    width: 100%;
    height: 75px;
    background: #666;
    margin-bottom: 20px;
}
div.message img {
    height: 75px;
    width: 75px;
    float: left;
    background: #333;
    margin-right: 10px;
}
div.message p {
    margin: 10px;
    padding: 10px;
    width: auto;
    color: #FFF;
    font-weight: bold;
}
div.message.error {
    background: #8A002E;
}
div.message.success {
    background: #4E7C1B;
}
div.message.warning {
    background: #F4BC2C;
}
div.message.hot {
    background: #FF1493;
}
/*Sort list*/
div.boom-sort-links-con {
    margin: 5px 0 5px 0;
}
div.boom-sorted-by {
    width: 105px;
    font-size: 12px;
    float: left;
    text-align: left;
    margin: 0;
    color: #4d4f53;
    font-weight: bold;
    font-family: Arial, Verdana, Sans-Serif;
}
ul.boom-sort-links {
    margin: 0;
    padding: 0;
    float: left;
    height: auto !important;
    overflow: hidden;
}
ul.boom-sort-links li {
    float: left;
    list-style-type: none;
    margin: 0 4px 8px -1px;
    padding: 2px 0 2px 6px;
    border-left: solid 1px #4d4f53;
    color: #333;
    font-size: 12px;
}
ul.boom-sort-links li.border-off {
    border-left: none 0 transparent !important;
}
ul.boom-sort-links li span.boom-sort-arrows-up {
    width: 10px;
    padding: 0 3px 0 0;
    height: 12px;
    float: left;
    display: block;
    margin: 0 0 0 3px;
    background: url(i/befa7ffff7e9211a688632e8825ded964873aa0a.png) no-repeat 0 0;
}
ul.boom-sort-links li span.boom-sort-arrows-down {
    width: 10px;
    padding: 0 3px 0 0;
    height: 12px;
    float: left;
    display: block;
    margin: 0 0 0 3px;
    background: url(i/befa7ffff7e9211a688632e8825ded964873aa0a.png) no-repeat 0 -12px;
}
ul.boom-sort-links li span {
    width: 10px;
    height: 12px;
    float: left;
    display: block;
    margin: 0 0 0 3px;
}
ul.boom-sort-links li a,.boom-sort-links li a:link,.boom-sort-links li a:visited {
    float: left;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
}
ul.boom-sort-links li a:hover {
    text-decoration: underline;
    font-weight: bold;
}
table.large-product-image {
    width: 156px;
    height: 156px;
    background: url(i/95686e2ff26be0d7de24cd6dcd47c69c48242045.png) no-repeat 0 -75px;
    margin: 0;
    padding: 0;
}
table.medium-product-image {
    width: 110px;
    height: 110px;
    background: url(i/95686e2ff26be0d7de24cd6dcd47c69c48242045.png) no-repeat 0 -235px;
    margin: 0;
    padding: 0;
}
table.small-product-image {
    width: 75px;
    height: 75px;
    background: url(i/95686e2ff26be0d7de24cd6dcd47c69c48242045.png) no-repeat 0 0;
    margin: 0;
    padding: 0;
}
table.large-product-image td,table.small-product-image td {
    vertical-align: middle;
    text-align: center;
    border: none 0 transparent !important;
}
/* Featured Products*/
/* Featured product content */
div.featured-product-image {
    width: 160px;
    float: left;
    display: inline;
    padding: 10px 0 0 0;
    margin: 0 0 5px 10px;
}
div.featured-product-details {
    width: 280px;
    float: left;
    display: inline;
    padding: 10px 0 0 0;
    margin: 0 0 5px 10px;
    text-align: left;
}
div.featured-product-details h3 {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 4px 0;
}
div.featured-product-details h4 {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 6px 0;
}
div.featured-product-details h5 {
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 6px 0;
}
div.featured-product-order {
    width: 130px;
    float: right;
    display: inline;
    margin: 0 0 5px 0;
}
div.featured-product-order div.product-rating-con {
    width: 130px;
    height: 80px;
    padding: 10px 0 0 0;
    border-left: solid 1px #cfcecd;
    border-bottom: solid 1px #cfcecd;
}
div.featured-product-order div.order-button-con {
    width: 130px;
    height: 105px;
    border-left: solid 1px #cfcecd;
    text-align: center !important;
}
div.featured-product-order div.order-button-con p {
    text-align: center !important;
    margin: 0 0 3px 0;
}
div.featured-product-header-align {
    height: 20px;
    width: 585px;
    margin: 0 auto;
}
/* In Content Full Width Ads */
div.boom-content-advertisement div.advertisement-header {
    text-align: left;
    background: #333;
    color: #FFF;
    font-size: 7pt;
    padding-left: 5px;
}
div.boom-content-advertisement div.advertisement {
    background: #000;
}
/* Fix inline block */
*.inline-block {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}
/* Tag Links */
div.tag-link {
    width: 625px;
    *width: 610px;
    position: relative;
    margin-bottom: 50px;
}
div.tag-link.padded {
    border-top: 1px solid #DCD8C1;
    width: auto;
    margin-left: 18px;
    margin-right: 18px;
    position: relative;
    margin-bottom: 50px;
}
div.tag-link div {
    position: absolute;
    right: 0;
    line-height: 23px;
    padding: 0 10px;
    overflow: hidden;
    border-color: #DCD8C1;
    border-style: solid;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    z-index: 0;
}
div.tag-link div div {
    position: absolute;
    width: 100%;
    margin: 0 -10px;
    height: 5px;
    z-index: -1;
}
/* Gradient button */
div.tag-link div div.g1 {
    top: 0;
    background: #EAE9E7;
}
div.tag-link div div.g2 {
    top: 5px;
    background: #EFEEEC;
}
div.tag-link div div.g3 {
    top: 10px;
    background: #F4F3F1;
}
div.tag-link div div.g4 {
    top: 15px;
    background: #FCFBFA;
}
div.tag-link div div.g5 {
    top: 20px;
    background: #FFFFFF;
}
/* End Gradient button */
/* Store Index HTML Rotater */
div#htmlRotater {
    overflow: hidden;
    width: 100%;
    height: 220px;
    position: relative;
}
div#htmlRotater div.r-frame {
    width: 100%;
    height: 220px;
    position: absolute;
    top: 0;
    left: 100%;
}
div#htmlRotaterControlls {
    height: 20px;
    background: url(i/0c4dc042c7aac1aad1bc5cead483e820d7c2dd32.png) repeat-x;
    background-position: 0 -519px;
    line-height: 1px !important;
}
div#htmlRotaterControlls div {
    color: #FFF;
    line-height: 1px !important;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    cursor: pointer;
    height: 10px;
    width: 10px;
    padding: 0 !important;
    background: #B2B2B2;
    margin: 5px 3px;
}
div#htmlRotaterControlls div.sel {
    background: #00A1D9;
}
div#htmlRotaterControlls div.previous {
    height: 9px;
    width: 8px;
    background: transparent url(i/9541ae6f54e001db67c73ff7731663938c694393.png);
    background-position: 0 0;
}
div#htmlRotaterControlls div.next {
    height: 9px;
    width: 8px;
    background: transparent url(i/9541ae6f54e001db67c73ff7731663938c694393.png);
    background-position: -8px 0;
}
div#htmlRotaterControlls div.previous:hover {
    background-position: 0 -9px;
}
div#htmlRotaterControlls div.next:hover {
    background-position: -8px -9px;
}
div#content div.gray-bg {
    padding: 1px 10px 25px;
    margin: 0 -9px 10px;
}
div#content div.gray-bg,div#content div.gray-bg div.boom-line-header h2 {
    background-color: #E9E9E9 !important;
}
/* Star rating indicator */
div.boom-rating-star {
    height: 17px;
    width: 180px;
    background: #FFF url(i/602443f3e5dd2afe34e353f8b30ae1265996be92.png) no-repeat -180px 0;
    margin: 0;
    padding: 0;
}
div.boom-rating-star.zero {
    background-position: -180px 0;
}
div.boom-rating-star.one {
    background-position: -162px 0;
}
div.boom-rating-star.two {
    background-position: -144px 0;
}
div.boom-rating-star.three {
    background-position: -126px 0;
}
div.boom-rating-star.four {
    background-position: -108px 0;
}
div.boom-rating-star.five {
    background-position: -90px 0;
}
div.boom-rating-star.six {
    background-position: -72px 0;
}
div.boom-rating-star.seven {
    background-position: -54px 0;
}
div.boom-rating-star.eight {
    background-position: -36px 0;
}
div.boom-rating-star.nine {
    background-position: -18px 0;
}
div.boom-rating-star.ten {
    background-position: 0 0;
}
/* Star rating indicator */
/* Rounded gray box  */
div.boom-gray-box-rounded {
    background: #F0EFEE;
    border: 1px solid #DCD8D2;
    border-radius: 5px;
    position: relative;
    padding: 5px 0 6px 0;
    width: 610px;
    font-size: 12px;
    min-height: 10px;
    height: auto !important;
    height: 10px;
}
div.boom-gray-box-rounded p {
    line-height: 14px;
    margin: auto 10px;
}
/* Rounded gray box  */
/* Ratings box  */
div.rating-box {
    width: 100%;
    border: solid 1px #CCC;
    background-color: #F1F0EE;
    padding: 0 0;
    margin: 0 auto;
    font-size: 12px;
}
div.rating-box div {
    margin: 5px 15px 5px 10px;
}
div.rating-box.message {
    height: 95px;
    line-height: 95px;
    color: #000;
}
div.rating-box.message p {
    color: #000;
    font-weight: normal;
    height: 75px;
    line-height: 75px;
    padding: 10px;
    margin: 0;
}
div.rating-box div.comment-input div {
    margin: 15px 0 5px 0;
}
div.rating-box hr {
    margin: 10px;
    color: #999;
    background-color: #999;
    border: 0;
    height: 1px;
}
div.rating-radios {
    padding: 0;
    font-weight: bold;
}
div.rating-radios li {
    list-style-type: none;
    float: left;
    padding: 0;
    margin: 0 3px 0 0;
    position: relative;
}
div.rating-radios li input {
    height: 18px;
    display: inline;
}
div.rating-radios li.text {
    padding-top: 3px;
    margin-right: 10px;
}
/* Ratings box  */
div.user-stats {
    width: 206px;
    float: right;
    font-size: 10px;
}
/* Comments box  */
html.vam,body.vam,div.vam,span.vam,object.vam,iframe.vam,h1.vam,h2.vam,h3.vam,h4.vam,h5.vam,h6.vam,p.vam,blockquote.vam,pre.vam,a.vam,abbr.vam,acronym.vam,address.vam,code.vam,del.vam,dfn.vam,em.vam,img.vam,q.vam,dl.vam,dt.vam,dd.vam,ol.vam,ul.vam,li.vam,fieldset.vam,form.vam,label.vam,legend.vam,table.vam,caption.vam,tbody.vam,tfoot.vam,thead.vam,tr.vam,th.vam,td.vam {
    vertical-align: middle !important;
}
html.vat,body.vat,div.vat,span.vat,object.vat,iframe.vat,h1.vat,h2.vat,h3.vat,h4.vat,h5.vat,h6.vat,p.vat,blockquote.vat,pre.vat,a.vat,abbr.vat,acronym.vat,address.vat,code.vat,del.vat,dfn.vat,em.vat,img.vat,q.vat,dl.vat,dt.vat,dd.vat,ol.vat,ul.vat,li.vat,fieldset.vat,form.vat,label.vat,legend.vat,table.vat,table.vat td,caption.vat,tbody.vat,tfoot.vat,thead.vat,tr.vat,th.vat,td.vat {
    vertical-align: top !important;
}
div.info-box-arrow-short {
    margin-top: 10px;
    height: 36px;
    line-height: 36px;
    vertical-align: top;
    width: 610px;
    border-collapse: collapse;
    background: #F0EFEE url(i/110f2efe5d35c70eaad8c9907a9072fd13d50e90.png) no-repeat right top;
    font-size: 12px;
}
div.info-box-arrow-short div.left-cap {
    background: url(i/085db3af997e24428550126870e950d5ae096542.png) no-repeat;
    width: 10px;
    float: left;
    height: 36px;
}
div.info-box-arrow-short span.topic {
    height: 36px;
    text-align: left;
    background: #FFF url(i/0aa127981c3d5216a0d4659bd1619293ae19077f.png) no-repeat right top;
    display: inline-block;
    *zoom: 1;
    *display: block;
    padding-right: 18px;
}
div.paper-box {
    width: 630px;
    margin: 10px auto 0 auto;
    background: #FFF url(i/5a85dc35c4479a4f54edcec45095dbec020cae0f.png) repeat-y;
    padding: 0;
}
div.paper-box-top {
    width: 630px;
    height: 30px;
    background: #FFF url(i/7ca46f405e18d081a54dce5c2ed6cfddb3773927.png) repeat-y;
}
div.paper-box-bottom {
    width: 630px;
    height: 10px;
    background: #FFF url(i/dd9841c81cefb4941be8e2d87afd676de8e863bf.png) repeat-y;
    clear: both;
}
div.paper-box div.content {
    width: 600px;
    margin: 5px auto;
}
div.paper-box div.content.first {
    margin-top: -5px;
}
/* Paper box gift certificate for the store */
div.paper-box-gift-certificate {
    width: 430px;
    background: #FFF url(i/096aa5b4d0c97c4bb6520ef3de748ef50be0ecc6.png) no-repeat;
    clear: both;
    padding: 20px 0 16px 0;
    position: relative;
    height: 180px;
}
div.paper-box-gift-certificate div.default-pad {
    margin: 0 15px;
}
/* End paper box gift certificate for the store */
div.boom-hr-white {
    height: 0;
    width: 98%;
    margin: 5px auto;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid silver;
    clear: both;
}
div.padded-content.thank-you {
    background: #457b12 url(i/ab2034750e8d58a8ad01a5e6cce42c25490026b7.png) repeat-x top left;
    height: 78px;
    color: #FFF;
    font-size: 20px;
    padding: 0;
    line-height: 60px;
    font-weight: bold;
}
div.padded-content.thank-you img.icon {
    float: left;
    margin: 0 20px 0 0;
    border: 0;
}
div.padded-content.error {
    background: #457b12 url(i/34279da936790d55ff4fc4f8f55ad391003ed895.png) repeat-x top left;
    height: 78px;
    color: #FFF;
    font-size: 20px;
    padding: 0;
    line-height: 78px;
    font-weight: bold;
    text-align: center;
}
table.info-box-big {
    border-collapse: collapse;
    width: 610px;
    margin: 0 auto;
}
table.info-box-big td {
    font-size: 1px;
    line-height: 1px;
}
table.info-box-big td.title {
    padding: 0 10px;
    background: #FFF url(i/e10dff3a6eed3f88f5331bad138ac48d85b4f3e8.png) no-repeat center left;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 12px;
    line-height: 25px;
    width: 100px;
}
table.info-box-big td.top-left {
    height: 10px;
    background: #FFF url(i/e10dff3a6eed3f88f5331bad138ac48d85b4f3e8.png) no-repeat top left;
    vertical-align: middle;
    font-size: 1px;
}
table.info-box-big td.bot-left {
    height: 10px;
    background: #FFF url(i/e10dff3a6eed3f88f5331bad138ac48d85b4f3e8.png) no-repeat bottom left;
    vertical-align: middle;
    font-size: 1px;
}
table.info-box-big td.top-arrow {
    width: 13px;
    height: 10px;
    max-height: 10px;
    background: #FFF url(i/f0a2294003ba59a0b2ee0fb7551f29304f64f54e.png) no-repeat top left;
    padding: 0;
    font-size: 1px;
}
table.info-box-big td.arrow {
    width: 13px;
    background: #FFF url(i/f0a2294003ba59a0b2ee0fb7551f29304f64f54e.png) no-repeat center left;
    padding: 0;
    font-size: 1px;
}
table.info-box-big td.bot-arrow {
    width: 13px;
    background: #FFF url(i/f0a2294003ba59a0b2ee0fb7551f29304f64f54e.png) no-repeat bottom left;
    height: 10px;
    padding: 0;
    font-size: 1px;
}
table.info-box-big td.content {
    background: transparent url(i/02159cbaa44ef9675e3d07c43607627ff66d888a.png) no-repeat center right;
    padding: 0 5px;
    font-size: 12px;
    line-height: 16px;
    height: 100%;
}
table.info-box-big td.top-right {
    height: 10px;
    background: #FFF url(i/02159cbaa44ef9675e3d07c43607627ff66d888a.png) no-repeat top right;
    font-size: 1px;
}
table.info-box-big td.bot-right {
    height: 10px;
    background: #FFF url(i/02159cbaa44ef9675e3d07c43607627ff66d888a.png) no-repeat bottom right;
    font-size: 1px;
}
div.gradient-panel {
    padding: 4px 4px;
    border: 1px solid #B4B4B4;
}
div.gradient-panel div.content { /* background: transparent; */
    background-image: url(i/61a5685c1b856622e444dbfa272dc2f94ea3cd18.png);
    /*height: 93px;*/
}
/* Store Pager Box */
div.gradient-panel.pager-panel {
    height: auto !important;
}
div.gradient-panel.pager-panel div.content {
    height: 22px !important;
    padding-top: 6px;
}
div.gradient-panel.pager-panel div.content span.show,div.gradient-panel.pager-panel div.content select {
    float: left;
}
div.gradient-panel.pager-panel div.content div.pagination {
    float: right;
}
div.gradient-panel div.pagination {
    *margin-top: -3px;
    margin-top: /*\**/ -2px\9;
    float: right;
    display: -moz-inline-stack;
    display: inline-block;
    *zoom: 1;
    *display: inline;
}
/* ----------------------- Old Bodyspace Pager ------------------------------- */
ul.pager {
    margin: 0 auto;
    padding: 0;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    height: 19px;
}
ul.pager li {
    list-style-type: none;
    display: block;
    float: left;
    border-bottom: 1px solid #C3BFBC;
    border-left: 1px solid #C3BFBC;
    border-top: 1px solid #C3BFBC;
}
ul.pager li.selected {
    background-color: #505052;
    color: #FFF !important;
}
ul.pager li.last {
    border: 1px solid #C3BFBC;
}
ul.pager li span {
    margin: 0;
    height: 17px;
    line-height: 17px;
    color: #2C2B2A;
    display: block;
    padding-left: 5px;
    padding-right: 5px;
}
ul.pager li span.selected {
    background-color: #505052;
    color: #fff;
}
ul.pager li span.next {
    width: 44px;
    border-right: 1px solid #c3bfbc;
}
ul.pager li span.prev {
    width: 44px;
}
ul.pager li a {
    float: left;
    margin: 0;
    height: 17px;
    line-height: 17px;
    text-align: center;
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 5px;
}
ul.pager li a span {
    display: inline;
    padding-left: 0;
    padding-right: 0;
}
ul.pager li a:link,ul.pager li a:visited,ul.pager li a:active,ul.pager li a:focus {
    background-color: #fff;
    color: #0E709A;
    text-decoration: none;
}
ul.pager li a:hover {
    background-color: #186c91;
    color: #fff;
    text-decoration: underline;
}
/* ------------- mini-cart ------------ */
div.mini-cart-3-container {
    width: 324px;
    background: #fff;
    border: #626363 solid 11px;
    font-weight: normal;
}
div.mini-cart-container {
    width: 324px;
    background: #fff;
    border: #626363 solid 11px;
    font-weight: normal;
}
div.mini-cart-3-header {
    background: #fff;
}
div.mini-cart-3-header {
    font-size: 11px;
    margin: 10px 5px 3px;
    font-weight: bold;
    color: #2c2b2a;
}
div.mini-cart-3-header span {
    font-weight: normal;
}
div.mini-cart-3-product-container {
    height: 278px;
    background: #fff;
    overflow-y: scroll;
    padding: 2px 5px 5px;
}
div.mini-cart-product-container {
    height: 91px;
    background: #fff;
    padding: 2px 5px 5px;
}
div.mini-cart-3-product-container ul li,div.mini-cart-product-container ul li {
    border-top: #d4d4d4 solid 1px;
    height: 91px;
    list-style-type: none;
}
div.mini-cart-3-product-container .left {
    width: 70px;
    height: 70px;
    float: left;
    margin: 10px;
    background: #39b54a;
}
div.mini-cart-3-product-container .middle {
    width: 124px;
    height: 70px;
    margin: 10px 0;
    float: left;
    font-size: 12px;
    font-weight: bold;
    color: #0e709a;
    margin-top: 10px;
}
div.mini-cart-3-product-container .right {
    width: 80px;
    height: 70px;
    margin: 10px 0;
    float: right;
    text-align: right;
}
div.mini-cart-3-product-container .strikethrough {
    text-decoration: line-through;
    font-size: 14px;
    font-weight: bold;
    line-height: 28px;
    color: #929b9c;
}
div.mini-cart-3-product-container .mini-header-bold {
    font-weight: bold !important;
}
div.mini-cart-3-product-container .price {
    font-size: 14px;
    font-weight: bold;
    color: #0e709a;
}
div.mini-cart-3-product-container .each {
    font-size: 11px;
    font-weight: bold;
    color: #0e709a;
}
div.mini-cart-3-product-container .quantity-box {
    width: 24px;
    height: 17px;
    margin: 5px 0;
    background: #fff;
    border: #d4d4d4 1px solid;
    color: #2c2b2a;
    display: inline-block;
    text-align: right;
}
div.mini-cart-3-product-container .quantity {
    font-size: 11px;
    color: #2c2b2a;
    display: block;
}
div.mini-cart-3-product-container .update {
    font-size: 11px;
    display: block;
    font-weight: bold;
    color: #0e709a;
}
div.mini-cart-3-product-container .remove {
    font-size: 14px;
    font-weight: bold;
    line-height: 28px;
    color: #000;
}
div.mini-cart-3-product-container .sub-total-price {
    float: right;
    display: inline;
}
div.mini-cart-3-bottom-container a {
    margin: 10px 110px 10px 0;
    font-size: 11px;
    color: #0e709a;
}
div.mini-cart-3-bottom-container {
    background: #f0f0f0;
    height: 162px;
    padding: 0 10px 0 10px;
}
div.mini-cart-3-bottom-container {
    font-size: 11px;
    color: #000;
    font-weight: bold;
}
div.mini-cart-3-bottom-container  div.mini-cart-ad {
    background: url(i/4be738d7dc7afe1f75ceddc1225bef8a8fd5888d.png);
    width: 302px;
    margin-top: 5px;
    height: 91px;
    padding: 0;
}
div.mini-cart-3-bottom-container  div.mini-cart-3-sub-total {
    padding: 10px 0 5px;
    border-bottom: #d4d4d4 1px solid;
    heightP: 30px;
}
div.mini-cart-3-bottom-container  div.mini-cart-3-view-full-cart {
    margin: 5px 0;
}
div.mini-cart-3-bottom-container span.close-mini-cart {
    font-size: 11px;
    color: #a71930;
    margin: 0 10px;
}
.testimonials-footer {
    float: left;
    overflow: hidden;
    width: 375px;
}
.testimonials-title {
    font-family: "Arial Black", Arial;
    font-size: 18px;
    color: #0e709a;
    text-align: left;
    margin: 15px 0 0 15px;
}
.testimonial-block {
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 12px;
    text-align: right;
    font-weight: normal;
    font-family: arial, sans-serif;
}
.testimonial-grouping {
    display: none;
}
.testimonial-grouping.first {
    display: block;
}
.customer-testimonial {
    border-bottom: 1px dotted #9e9c9b;
    letter-spacing: 0.1px;
    margin-top: 12px;
    padding-bottom: 10px;
    margin-left: 10px;
    width: 370px;
}
.testimonials-footer .last-item {
    border-bottom: none;
    margin-top: 4px;
    margin-bottom: 0;
}
.customer-testimonial span.username {
    font-weight: bold;
    color: #4d4f53;
}
.customer-testimonial p {
    color: #2C2B2A;
    letter-spacing: -0.1px;
    margin: 2px 0;
    padding: 0;
    width: 299px;
}
.customer-testimonial img {
    width: 70px;
}
.customer-testimonial-left img,.customer-testimonial-right p,.customer-testimonial-left .testimonial-footer {
    float: left;
    text-align: right;
}
.customer-testimonial-right img,.customer-testimonial-left p,.customer-testimonial-right .testimonial-footer {
    float: right;
}
.customer-testimonial .testimonial-footer {
    margin-top: 10px;
}
.customer-testimonial .testimonial-footer span.username {
    margin-right: 3px;
}
.customer-testimonial .testimonial-footer a.profile {
    margin-left: 3px;
}
.testimonial-image {
    float: right;
}
.testimonial-text {
    font-size: 11px;
    color: #4d4f53;
    font-weight: normal;
    text-align: right;
    float: right;
    width: 240px;
    margin-top: 15px;
    margin-right: 5px;
}
/* Helper Block */
div#helper-block {
    background: url(i/0c4dc042c7aac1aad1bc5cead483e820d7c2dd32.png) repeat-x;
    background-position: 0 -336px;
    height: 207px;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
div#helper-block.half-height {
    height: 127px;
}
div#helper-block.half-height div#helper-info {
    background: url(i/8a422801879663648ffbec5b909b3f617a93d116.png) repeat-x;
    height: 85px; /* 105px - 20px (padding) */
    width: 620px; /* 313px - 20px (padding) */
    padding: 10px;
    float: left;
    color: #FFF;
    overflow: hidden;
}
div#helper-block.half-height div#helper-image {
    display: none;
}
div#helper-block.half-height div#helper-controls {
    background: url(i/0c4dc042c7aac1aad1bc5cead483e820d7c2dd32.png) repeat-x;
    background-position: 0 -519px;
}



/** app/bower_components/bb-assets/common/stylesheets/src/common/type.css (2751 bytes) */

/* Inline font adjustments */
body {
    color: #2C2B2A;
}
.font-large {
    font-size: 13pt;
}
.font-normal {
    color: #2C2B2A;
}
.large {
    font-size: 15px;
}
.medium {
    font-size: 13px;
}
.small {
    font-size: 11px;
    border: none !important;
}
.font-strong {
    font-weight: bold;
}
.strong {
    font-weight: bold;
}
.strike {
    text-decoration: line-through;
}
/* Greys */
.bb-gray1 {
    color: #f1f0ee;
}
.bb-gray2 {
    color: #e9e9e9;
}
.bb-gray3 {
    color: #d4d4d4;
}
.bb-gray4, .font-light-grey {
    color: #bcbcbc;
}
.bb-gray5, .font-grey {
    color: #9a9b9c;
}
.bb-gray6 {
    color: #747474;
}
.bb-gray7 {
    color: #636363;
}
.bb-gray8 {
    color: #4d4f53;
}
.bb-gray9 {
    color: #2c2b2a;
}
/* Blues */
.bb-blue1 {
    color: #79c9fb;
}
.bb-blue2 {
    color: #00a1de;
}
.bb-blue3, .font-blue {
    color: #0082a7;
}
.bb-blue4, .font-light-blue {
    color: #0e709a;
}
.bb-blue5 {
    color: #004165;
}
.bb-blue6 {
    color: #092230;
}
/* dark blue is depreciated */
.font-dark-blue {
    color: #0F5D8F;
}
/* Reds */
.bb-red, .font-red, a.font-red:link, a.font-red:visited, a.font-red:active, a.font-red:hover {
    color: #a71930;
}
.bb-orange, .font-orange, a.font-orange:link, a.font-orange:visited, a.font-orange:active, a.font-orange:hover {
    color: #d86909;
}
.font-brick {
    color: #B2541A;
}
/* Greens */
.bb-green, .font-green {
    color: #5A8E06;
}
.font-light-green {
    color: #5B8F06 !important;
}
/*what about backgrounds? */
/* Greys */
.bb-background-gray1 {
    background-color: #f1f0ee;
}
.bb-background-gray2 {
    background-color: #e9e9e9;
}
.bb-background-gray3 {
    background-color: #d4d4d4;
}
.bb-background-gray4 {
    background-color: #bcbcbc;
}
.bb-background-gray5 {
    background-color: #9a9b9c;
}
.bb-background-gray6 {
    background-color: #747474;
}
.bb-background-gray7 {
    background-color: #636363;
}
.bb-background-gray8 {
    background-color: #4d4f53;
}
.bb-background-gray9 {
    background-color: #2c2b2a;
}
/* Blues */
.bb-background-blue1 {
    background-color: #79c9fb;
}
.bb-background-blue2 {
    background-color: #00a1de;
}
.bb-background-blue3 {
    background-color: #0082a7;
}
.bb-background-blue4 {
    background-color: #0e709a;
}
.bb-background-blue5 {
    background-color: #004165;
}
.bb-background-blue6 {
    background-color: #092230;
}
/* dark blue is depreciated */
.bb-background-dark-blue {
    background-color: #0F5D8F;
}
/* Reds */
.bb-background-red {
    background-color: #a71930;
}
.bb-background-orange {
    background-color: #d86909;
}
.bb-background-brick {
    background-color: #B2541A;
}
/* Greens */
.bb-background-green {
    background-color: #5A8E06;
}
.bb-background-light-green {
    background-color: #5B8F06;
}



/** app/bower_components/bbcomcdn-common/BB/UI/BBC/src/full/graphyte/BBC.css (3368 bytes) */

.bbcContainer {
    overflow: hidden;
    min-height: 130px;
}
.bbcContainer .bbcField {
    text-transform: uppercase;
    font-family: ProximaNovaExCnBold, Arial, sans-serif;
    font-weight: bold;
    font-size: 13px;
    margin-right: 3px;
}
.bbcContainer .bbcValue {
    font-family: ProximaNova, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 13px;
}
.bbcContainer .bbcBody {
    border-bottom: 1px solid gray;
    width: 360px;
}
.bbcContainer .bbcBody a.bbcAvatar {
    display: block;
    width: 80px;
    height: 80px;
    border: 1px solid #fff;
    float: left;
    margin: 5px 10px 0 5px;
}
.bbcContainer .bbcBody a.bbcAvatar img {
    width: 80px;
    height: auto;
}
.bbcContainer .bbcBody .bbcHeader {
    text-transform: uppercase;
    font-family: ProximaNovaExCnBold, Arial, sans-serif;
    font-weight: bold;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAJklEQVQIW2NkYGD4r6OtBaQggBHI+X/l6jUGmCBYACQDE4QLwAQBvHwOhMMJtPAAAAAASUVORK5CYII=);
    color: #fff;
    padding: 5px 0;
}
.bbcContainer .bbcBody .bbcHeader a {
    color: #00a1de;
    text-decoration: none;
    font-size: 26px;
    line-height: 26px;
    height: 26px;
    display: inline;
}
.bbcContainer .bbcBody .bbcHeader a:hover {
    text-decoration: none;
}
.bbcContainer .bbcBody .bbcHeader div.bbcRealName {
    font-size: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.bbcContainer .bbcBody .bbcHeader div.bbcRealName ~ a {
    font-size: 14px;
    line-height: 14px;
    height: 14px;
}
.bbcContainer .bbcBody .bbcDetails {
    background-color: #F4F4F4;
    min-height: 56px;
    padding-bottom: 3px;
}
.bbcContainer .bbcBody .bbcDetails .bbcHeadMetrics {
    padding: 7px 0;
}
.bbcContainer .bbcBody .bbcDetails .bbcHeadMetrics .bbcField {
    padding-left: 2px;
}
.bbcContainer .bbcBody .bbcDetails .bbcHeadMetrics .bbcValue {
    padding-right: 6px;
    margin-right: 6px;
    border-right: 1px solid black;
}
.bbcContainer .bbcBody .bbcDetails .bbcHeadMetrics .bbcValue:last-child {
    padding-right: 0;
    border: none;
}
.bbcContainer .bbcBody .bbcDetails .bbcMetric {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.bbcContainer .bbcActions {
    padding: 7px 0;
    text-align: center;
}
.bbcContainer .bbcActions .feedbackContainer.feedbackErrorContainer .feedbackIconContainer .feedbackIcon {
    margin-left: 20px;
}
.bbcContainer .bbcActions.activeRequired {
    padding: 7px 5px;
    height: auto;
}
.bbcContainer .bbcActions .bb-btn {
    margin: 0 5px;
    width: 75px;
}
.bbcContainer .bbcActions .bbcProfileCommentBtn {
    width: 95px;
}

/* Styles to customize tooltip view */
.bbTooltip.bbc {
    z-index: 2000000;
}
.bbTooltip.bbBottom.bbc .bbTooltipContainer .bbTooltipArrow span {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAJklEQVQIW2NkYGD4r6OtBaQggBHI+X/l6jUGmCBYACQDE4QLwAQBvHwOhMMJtPAAAAAASUVORK5CYII=);
}
.bbTooltip.bbc .bbTooltipContainer .bbcContainer.bbcSelf {
    min-height: 100px;
}
.bbTooltip.bbc .bbTooltipContainer .bbcContainer.bbcSelf .bbcBody {
    border-bottom: none;
}
.bbTooltip.bbc .bbTooltipContainer .bbcContainer.bbcSelf .bbcActions {
    display: none;
}
.bbTooltip.bbc .bbTooltipContainer .bbcContainer .bbcBody .bbcDetails {
    margin-left: 100px;
}



/** app/bower_components/bbcomcdn-common/BB/UI/Input/TextBox/src/full/graphyte/TextBox.css (9602 bytes) */

.bbTextBoxWithMultipleFields.bbTextBox,
input.bbTextBox {
    border-radius: 3px;
    /* FIXME I think this is duplicated in TextArea.css */
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAuCAAAAAD7SuOCAAAGYElEQVR4Aa3YQQo2OZKD4e/+V83MkPRKB5hNM3Q1/xQU00svA1vyQ/yqHghF8LDwmtnr9llDrfol2wfZR9Lr4JHjNLXn2Jt5Y1dbJpo9c/v1x5W0Q8Z6c75Tt3ci0raDxoQqra9RtU7a4kfGXxqHTk/TyhCzWoO8v0D11W5m+i31Ww0nQ44rHD7m6Jq53V20OkEW1Jx8ozHrPugcMhfzm7VhWF2cbwVVxnVrZ5HXibRnwbcMmUkG3nCk5Yyld17Pm48tR/ZzHu/0xqulEthcQRD+15HhrLxovdFYHs4thkw0erfhMzkfTSN/7Q/6urY34yx9XU1Ndjg2OArzxzXZuodoXsIzgcvpZfQrawx1Q7Li2y/NhFtx5M08QXcqVgum4ohzifvBnLR2wU8hX3A/o3jnKtFshGum3xd3McrrsmRgMA7ci7KXzF4WE01z581+B7PqfJtRFr6UGk5fvF69/c7T/ArPCLJWN11F1o8sj0m1gQx5sZOyfYUdO50N77JlbsVUt/Wz8OscMRX5FleQnBtuXlyvwuoRR64tZXtc8mn1ifZlxAy+Fh6i2MOP9ftT5HDP9T7TedWOOs9IEic25lT2ifpxTah9Rb20fWMRdXv3c+GWcrL7TOyayW7tqhGCTyAt6OtVby1J6l67hBuPWOyOh3bXLqLX5/c57iOF05YHos+MF8pXOmPmQi/aNMjXYyY4uPuK4iEbeT7oG+xHsB/qkDE1FAvmUdzBi7vHpR/OXrodpZLIu3RffY1IPbVWjCXhVTn1fugE9Rjnbl8Tv+bwyH1Du8YoF14UuULGyLS7TguLv7pcQ7yYo0Tbr1IS7hqcTLWHH809yvlaWZu80C+uQ8C+JZP5WPxKI6ubUV1ytobFry0yi9thpxNsFzJXmwZziy8rn6Kqa2SYOfaY2aXSdUhpLOJ3Vu4XWLxVB9RT//KB9fqo1otU267G7U7s6k6iNe0+6PlcxFIhW5r48RTjQq8Cxem1Q8b1uTg4Np2hGInPS+36PBF3qqf4JklddXFPdD98M82gKpLiVtCKEtFIa+IFbrjPsN+qs1EM1OimdZh2h7F3rpqf6Mmd2vMtdlLLXe3Qc0zvIot6X2+8U3fe6kK/rH03ZKUVbG8drl1ffpsQdAmZUbCQPNtmXDiR1DWiHq0DfXruwWKQv2q6wb5tfQO4U/UTrDacqezNiCZptaDqa0Gb+oXUq3hp9HbUZ/bZy1uoafPO0butmuE3M/MNV1ALkzu3dnzqspxcT8OYfDO5YxLUVseT4HDUo7xK8nH4Uv3g7dq3cV0bI9succgcw5XgIV5ow8jXzY7PBuUrsenIWuI26hzBL6rXTtz6dUHt7qbFgD9NdpWaYx9S7WZOxR3GM/nc3Z3Hi8PDlcegh9+f4vXPfFj1QH8T4d//4ujfAPa24fD/B2D+N4D9/nSXO6DWNS7sazs1btz1FNdea2WIatr8f76X3x+M2r8z6v6pUQO/v/aviL//Yv+2Rf65cDg6Ul1ZjO2nS50ab+aKeqx2u94Sy17cue/iPmL7DH4Af0yYEP8sksfVZOijJU6jQ67xJkt7C73r1aoWbVET2yNHfc6mj7DPlszWrxu/UztkJEf0Wetz4S2RoDzblA5LgDlN3ebGdrUqq7Wy72zclQN6i3/oJd517nedlDYva64LYtgafl3VNboBLrqwTqUNmLc7m4Y3M97A9JdUUaaMHrPezvGsGHWvUN7VUd1IxLG3J1k0uqw+zfS69UVg5B6Zxe9PvXPBp6gW2hn12uFp0/JPu+33J2loxsblqJFpHIXXLe/+qWZ+OW0YYh+bgmc3flzyxuU8GraauQ7dF+Bw56r52vpjSBSbbjKboT/qrX6YcbrZbGaO2hLYDOFGZ1Slmb/OuqHaQp9XH3U/RL7Zs5J97CfyetaXtofZN81pPBuWhGTVzCBt+ZJVVmS6fhhSDp/Z19KX64TS66+7fU371NW11zctDwuPWjtrLHIy3Uds77h3mDccT5EPiU/d3IVndR3o93PrvGLypr0ERa0cyUKOXGwvVtdZAzvaJcub1DKRmaVathm2U6nJz2/Xu2h9IZU9nIR3MtczNvVrUXvUzWQopvBl6udZ9tVqiZPN7Ootv1Rq8h8DfdRErf8bA/3+tI6Z+byzq/oL+M3gpUEn9M3E3uKUvPvrymf/sfL5HzT37NP1GGUYAAAAAElFTkSuQmCC);
    box-shadow: inset 0 15px 10px -17px #000000, 0 1px 0 #fff;
    line-height: 1;
}
.bbTextBoxWithMultipleFields.bbTextBox:focus,
.bbTextBox:focus {
    box-shadow: 0 0 0 1px #00aeef, inset 0 15px 10px -17px #000000, 0 1px 0 #fff;
}
input.bbTextBox {
    width: 220px;
    height: 15px;
    padding: 11px 10px 13px 10px;
    font-size: 14px;
    font-family: ProximaNova, Arial, sans-serif;
    border: 1px solid #BCBDBC;
}
input.bbTextBox.bbBlueBoldy {
    color: #00a1de;
    font-family: ProximaNovaExCnBold, arial, sans-serif;
    font-size: 24px;
    height: 24px;
    padding-top: 10px;
    padding-bottom: 10px;
}
input.bbTextBox.bbBlueBoldy.bbLarge {
    font-size: 40px;
    height: 40px;
    padding: 20px;
}
input.bbTextBox.bbBlueBoldy.bbXLarge {
    font-size: 60px;
    height: 70px;
    padding: 20px;
}
/* Label inside 'input' */
div.bbTextBox {
    border-top: 1px solid #BCBDBC;
    border-radius: 3px 3px 3px 3px;
    color: #00a1de;
    display: inline-block;
    *display: inline;
    font-family: ProximaNovaExCnBold, arial, sans-serif;
    font-size: 24px;
    height: 34px;
    padding: 4px 0 18px 0;
    position: relative;
    text-shadow: 0 -1px 0 #0e709a;
    width: 90px;
    zoom: 1;
}
.bbTextBox.bbSmall {
    width: 45px;
}
div.bbTextBox > input[type="text"],
div.bbTextBox > input[type="number"] {
    background: transparent;
    border: none;
    color: #00a1de;
    font-family: ProximaNovaExCnBold, arial, sans-serif;
    font-size: 24px;
    height: 28px;
    margin: 0 0 2px 0;
    padding: 0 0 1px 0;
    text-align: center;
    text-shadow: 0 -1px 0 #0e709a;
    width: 100%;
    -moz-appearance:textfield;
    box-shadow:none;
}
.bbTextBoxContainer .unitOfMeasure,
div.bbTextBox > .unitOfMeasure  {
    display: block;
    color: #4D4F53;
    font-family: ProximaNova,arial,sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
    margin: 0;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;
    width: 100%;
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter:alpha(opacity=100);
}
div.bbTextBox.noValue {
    text-align: center;
}
div.bbTextBox.noValue > input[type="text"],
div.bbTextBox.noValue > input[type="number"] {
    height: 46px;
    font-size: 30px;
}
div.bbTextBox.noValue > .unitOfMeasure  {
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter:alpha(opacity=0);
}
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
}
.bbTextBoxContainer {
    display: inline-block;
}
div.bbTextBox.bbTextBoxWithMultipleFields.bbXLarge span.unitOfMeasure,
.bbTextBoxContainer .unitOfMeasure {
    margin-top: -25px;
    color: #4e4f53;
    font-family: ProximaNovaExCnBold, Arial;
    font-size: 20px;
}
div.bbTextBox.bbTextBoxWithMultipleFields span.unitOfMeasure {
    margin-top: 1px;
    color: #4e4f53;
    font-family: ProximaNovaExCnBold, Arial;
    font-size: 20px;
}
.bbTextBoxWithMultipleFields.bbTextBox.bbXLarge {
    height: 110px;
    padding: 0;
}
.bbTextBoxWithMultipleFields input.bbTextBox {
    border: none !important;
    background: none !important;
    display: inline-block;
    width: 50% !important;
    border-radius: 0;
    background-image: none;
    box-shadow: none;
}
.bbInputWithIcon {
    position: relative;
    padding: 0;
}
.bbInputWithIcon .bbInputWaterMark {
    text-indent: 35px;
    pointer-events: none;
}
.bbInputWithIcon .bbInputIcon {
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: blue;
    top:  12px;
    left: 13px;
}
/*TODO: Should checkbox be here?  checkbox graphyte area hidden, why isindex this needed?  */
input[type="checkbox"]:focus {
    box-shadow: 0 0 0 1px #00aeef;
}
/* NOTE: Declaration for modal inputs to be uniform with the standard textarea styles. This isn't the best way to do this. */
.weightUpdate .inputUpdate .bbTextBox, .bodyfatUpdate .inputUpdate .bbTextBox,
.liftingstatGoal .bbTextBox, .bodystatGoal .bbTextBox {
    border: 1px solid #BCBDBC;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAuCAAAAAD7SuOCAAAGYElEQVR4Aa3YQQo2OZKD4e/+V83MkPRKB5hNM3Q1/xQU00svA1vyQ/yqHghF8LDwmtnr9llDrfol2wfZR9Lr4JHjNLXn2Jt5Y1dbJpo9c/v1x5W0Q8Z6c75Tt3ci0raDxoQqra9RtU7a4kfGXxqHTk/TyhCzWoO8v0D11W5m+i31Ww0nQ44rHD7m6Jq53V20OkEW1Jx8ozHrPugcMhfzm7VhWF2cbwVVxnVrZ5HXibRnwbcMmUkG3nCk5Yyld17Pm48tR/ZzHu/0xqulEthcQRD+15HhrLxovdFYHs4thkw0erfhMzkfTSN/7Q/6urY34yx9XU1Ndjg2OArzxzXZuodoXsIzgcvpZfQrawx1Q7Li2y/NhFtx5M08QXcqVgum4ohzifvBnLR2wU8hX3A/o3jnKtFshGum3xd3McrrsmRgMA7ci7KXzF4WE01z581+B7PqfJtRFr6UGk5fvF69/c7T/ArPCLJWN11F1o8sj0m1gQx5sZOyfYUdO50N77JlbsVUt/Wz8OscMRX5FleQnBtuXlyvwuoRR64tZXtc8mn1ifZlxAy+Fh6i2MOP9ftT5HDP9T7TedWOOs9IEic25lT2ifpxTah9Rb20fWMRdXv3c+GWcrL7TOyayW7tqhGCTyAt6OtVby1J6l67hBuPWOyOh3bXLqLX5/c57iOF05YHos+MF8pXOmPmQi/aNMjXYyY4uPuK4iEbeT7oG+xHsB/qkDE1FAvmUdzBi7vHpR/OXrodpZLIu3RffY1IPbVWjCXhVTn1fugE9Rjnbl8Tv+bwyH1Du8YoF14UuULGyLS7TguLv7pcQ7yYo0Tbr1IS7hqcTLWHH809yvlaWZu80C+uQ8C+JZP5WPxKI6ubUV1ytobFry0yi9thpxNsFzJXmwZziy8rn6Kqa2SYOfaY2aXSdUhpLOJ3Vu4XWLxVB9RT//KB9fqo1otU267G7U7s6k6iNe0+6PlcxFIhW5r48RTjQq8Cxem1Q8b1uTg4Np2hGInPS+36PBF3qqf4JklddXFPdD98M82gKpLiVtCKEtFIa+IFbrjPsN+qs1EM1OimdZh2h7F3rpqf6Mmd2vMtdlLLXe3Qc0zvIot6X2+8U3fe6kK/rH03ZKUVbG8drl1ffpsQdAmZUbCQPNtmXDiR1DWiHq0DfXruwWKQv2q6wb5tfQO4U/UTrDacqezNiCZptaDqa0Gb+oXUq3hp9HbUZ/bZy1uoafPO0butmuE3M/MNV1ALkzu3dnzqspxcT8OYfDO5YxLUVseT4HDUo7xK8nH4Uv3g7dq3cV0bI9succgcw5XgIV5ow8jXzY7PBuUrsenIWuI26hzBL6rXTtz6dUHt7qbFgD9NdpWaYx9S7WZOxR3GM/nc3Z3Hi8PDlcegh9+f4vXPfFj1QH8T4d//4ujfAPa24fD/B2D+N4D9/nSXO6DWNS7sazs1btz1FNdea2WIatr8f76X3x+M2r8z6v6pUQO/v/aviL//Yv+2Rf65cDg6Ul1ZjO2nS50ab+aKeqx2u94Sy17cue/iPmL7DH4Af0yYEP8sksfVZOijJU6jQ67xJkt7C73r1aoWbVET2yNHfc6mj7DPlszWrxu/UztkJEf0Wetz4S2RoDzblA5LgDlN3ebGdrUqq7Wy72zclQN6i3/oJd517nedlDYva64LYtgafl3VNboBLrqwTqUNmLc7m4Y3M97A9JdUUaaMHrPezvGsGHWvUN7VUd1IxLG3J1k0uqw+zfS69UVg5B6Zxe9PvXPBp6gW2hn12uFp0/JPu+33J2loxsblqJFpHIXXLe/+qWZ+OW0YYh+bgmc3flzyxuU8GraauQ7dF+Bw56r52vpjSBSbbjKboT/qrX6YcbrZbGaO2hLYDOFGZ1Slmb/OuqHaQp9XH3U/RL7Zs5J97CfyetaXtofZN81pPBuWhGTVzCBt+ZJVVmS6fhhSDp/Z19KX64TS66+7fU371NW11zctDwuPWjtrLHIy3Uds77h3mDccT5EPiU/d3IVndR3o93PrvGLypr0ERa0cyUKOXGwvVtdZAzvaJcub1DKRmaVathm2U6nJz2/Xu2h9IZU9nIR3MtczNvVrUXvUzWQopvBl6udZ9tVqiZPN7Ootv1Rq8h8DfdRErf8bA/3+tI6Z+byzq/oL+M3gpUEn9M3E3uKUvPvrymf/sfL5HzT37NP1GGUYAAAAAElFTkSuQmCC);
    box-shadow: inset 0 15px 10px -17px #000000, 0 1px 0 #fff;
}



/** app/bower_components/bbcomcdn-common/BB/UI/Input/TextArea/src/full/graphyte/TextArea.css (2844 bytes) */

.bbTextArea {
    overflow-x: hidden;
    overflow-y: auto;
    display: block;
    width: 500px;
    height: 115px;
    resize: none;
    font-family: ProximaNova, Arial, sans-serif;
    padding: 11px 10px 13px 10px;
    font-size: 13px;
    border: 1px solid #BCBDBC;
    border-radius: 3px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAuCAAAAAD7SuOCAAAGYElEQVR4Aa3YQQo2OZKD4e/+V83MkPRKB5hNM3Q1/xQU00svA1vyQ/yqHghF8LDwmtnr9llDrfol2wfZR9Lr4JHjNLXn2Jt5Y1dbJpo9c/v1x5W0Q8Z6c75Tt3ci0raDxoQqra9RtU7a4kfGXxqHTk/TyhCzWoO8v0D11W5m+i31Ww0nQ44rHD7m6Jq53V20OkEW1Jx8ozHrPugcMhfzm7VhWF2cbwVVxnVrZ5HXibRnwbcMmUkG3nCk5Yyld17Pm48tR/ZzHu/0xqulEthcQRD+15HhrLxovdFYHs4thkw0erfhMzkfTSN/7Q/6urY34yx9XU1Ndjg2OArzxzXZuodoXsIzgcvpZfQrawx1Q7Li2y/NhFtx5M08QXcqVgum4ohzifvBnLR2wU8hX3A/o3jnKtFshGum3xd3McrrsmRgMA7ci7KXzF4WE01z581+B7PqfJtRFr6UGk5fvF69/c7T/ArPCLJWN11F1o8sj0m1gQx5sZOyfYUdO50N77JlbsVUt/Wz8OscMRX5FleQnBtuXlyvwuoRR64tZXtc8mn1ifZlxAy+Fh6i2MOP9ftT5HDP9T7TedWOOs9IEic25lT2ifpxTah9Rb20fWMRdXv3c+GWcrL7TOyayW7tqhGCTyAt6OtVby1J6l67hBuPWOyOh3bXLqLX5/c57iOF05YHos+MF8pXOmPmQi/aNMjXYyY4uPuK4iEbeT7oG+xHsB/qkDE1FAvmUdzBi7vHpR/OXrodpZLIu3RffY1IPbVWjCXhVTn1fugE9Rjnbl8Tv+bwyH1Du8YoF14UuULGyLS7TguLv7pcQ7yYo0Tbr1IS7hqcTLWHH809yvlaWZu80C+uQ8C+JZP5WPxKI6ubUV1ytobFry0yi9thpxNsFzJXmwZziy8rn6Kqa2SYOfaY2aXSdUhpLOJ3Vu4XWLxVB9RT//KB9fqo1otU267G7U7s6k6iNe0+6PlcxFIhW5r48RTjQq8Cxem1Q8b1uTg4Np2hGInPS+36PBF3qqf4JklddXFPdD98M82gKpLiVtCKEtFIa+IFbrjPsN+qs1EM1OimdZh2h7F3rpqf6Mmd2vMtdlLLXe3Qc0zvIot6X2+8U3fe6kK/rH03ZKUVbG8drl1ffpsQdAmZUbCQPNtmXDiR1DWiHq0DfXruwWKQv2q6wb5tfQO4U/UTrDacqezNiCZptaDqa0Gb+oXUq3hp9HbUZ/bZy1uoafPO0butmuE3M/MNV1ALkzu3dnzqspxcT8OYfDO5YxLUVseT4HDUo7xK8nH4Uv3g7dq3cV0bI9succgcw5XgIV5ow8jXzY7PBuUrsenIWuI26hzBL6rXTtz6dUHt7qbFgD9NdpWaYx9S7WZOxR3GM/nc3Z3Hi8PDlcegh9+f4vXPfFj1QH8T4d//4ujfAPa24fD/B2D+N4D9/nSXO6DWNS7sazs1btz1FNdea2WIatr8f76X3x+M2r8z6v6pUQO/v/aviL//Yv+2Rf65cDg6Ul1ZjO2nS50ab+aKeqx2u94Sy17cue/iPmL7DH4Af0yYEP8sksfVZOijJU6jQ67xJkt7C73r1aoWbVET2yNHfc6mj7DPlszWrxu/UztkJEf0Wetz4S2RoDzblA5LgDlN3ebGdrUqq7Wy72zclQN6i3/oJd517nedlDYva64LYtgafl3VNboBLrqwTqUNmLc7m4Y3M97A9JdUUaaMHrPezvGsGHWvUN7VUd1IxLG3J1k0uqw+zfS69UVg5B6Zxe9PvXPBp6gW2hn12uFp0/JPu+33J2loxsblqJFpHIXXLe/+qWZ+OW0YYh+bgmc3flzyxuU8GraauQ7dF+Bw56r52vpjSBSbbjKboT/qrX6YcbrZbGaO2hLYDOFGZ1Slmb/OuqHaQp9XH3U/RL7Zs5J97CfyetaXtofZN81pPBuWhGTVzCBt+ZJVVmS6fhhSDp/Z19KX64TS66+7fU371NW11zctDwuPWjtrLHIy3Uds77h3mDccT5EPiU/d3IVndR3o93PrvGLypr0ERa0cyUKOXGwvVtdZAzvaJcub1DKRmaVathm2U6nJz2/Xu2h9IZU9nIR3MtczNvVrUXvUzWQopvBl6udZ9tVqiZPN7Ootv1Rq8h8DfdRErf8bA/3+tI6Z+byzq/oL+M3gpUEn9M3E3uKUvPvrymf/sfL5HzT37NP1GGUYAAAAAElFTkSuQmCC);
    box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.3);
}



/** app/bower_components/bbcomcdn-common/BB/UI/Input/CoreInput/src/CoreInput.css (1830 bytes) */

/*
    1. fixes an issue on iOS where the viewport zooms when
       you focus the input.
*/
.bbCoreInput.bbTextArea {
    overflow: hidden;
    height: auto;
    position: relative;
    font-family: ProximaNova, Arial, sans-serif;
    line-height: 1.3;
    font-size: 16px; /* 1 */
    -webkit-transition: height ease 0.1s;
            transition: height ease 0.1s;
    padding: 10px;
}
/*
    1. and we reset font-size here for desktop browsers
*/
@media (min-width: 1025px) {
    .bbCoreInput.bbTextArea {
        font-size: 14px; /* 1 */
    }
}
.bbCoreInput.bbTextArea {
    box-shadow: 0 0 0 1px transparent, inset 0 15px 10px -17px #000, 0 1px 0 #fff;
}
.bbCoreInput.bbTextArea.is-focused {
    box-shadow: 0 0 0 1px #00aeef, inset 0 15px 10px -17px #000, 0 1px 0 #fff;
}
.bbCoreInput .bbCoreInputHighlightLayer {
    color: transparent;
    background: transparent;
    cursor: text;
    font-family: ProximaNova, Arial;
    z-index: 5;
    height: auto;
    min-height: 17px;
    white-space: pre-wrap;
    line-height: inherit;
    font-size: inherit;
    word-wrap: break-word;
}
.bbCoreInput .bbCoreInputHighlightLayer.bbCoreInputWaterMark {
    color: #bbb;
    font-style: italic;
}
.bbCoreInput .bbCoreInputHighlightLayer span {
    background: -webkit-linear-gradient(#dce6f8, #bdcff1);
    background: linear-gradient(#dce6f8, #bdcff1);
    border-radius: 2px;
    box-shadow: 0 0 0 1px #a3bcea;
}
.bbCoreInput .bbCoreInputInputLayer {
    position: absolute;
    min-height: 20px;
    z-index: 10;
    color: #222;
    padding: 0;
    border: none;
    resize: none;
    background: transparent;
    line-height: 17px;
    font-size: inherit;
    outline: none;
    overflow: hidden;
}
.coreInputActiveSignal .bbCaption .bbCoreInputCounter {
    display: none;
}
.bbActiveCoreInput.coreInputActiveSignal .bbCaption .bbCoreInputCounter {
    display: block;
}
.bbCoreInputCounter {
    font-size: 11px;
    color: #000;
}



/** app/bower_components/bbcomcdn-common/BB/UI/Input/Caption/src/Caption.css (390 bytes) */

.bbCaption .bbThumbnail {
    float: left;
    margin: 2px 5px 0 0;
}
.bbCaption .bbCoreInput.bbTextArea {
    width: auto;
}
.bbCaption .bbCoreInputCounter {
    margin: 8px 0 0 40px;
}
.mobile-content .bbCaption .bbCoreInputCounter {
    margin: 8px 0 0;
}
.bbCaption.hideThumbnail .bbCoreInputCounter {
    margin: 8px 0 0;
}
.bbCaption.hideThumbnail .bbThumbnail {
    display: none;
}



/** app/bower_components/bbcomcdn-common/BB/UI/Input/Base/src/input.css (251 bytes) */

.bbInputWaterMark {
    position: absolute;
    color: #bbb;
}
.bbInputWaterMark, textarea {
    font-family: ProximaNova, Arial, sans-serif;
    font-size: 14px;
}
@media (max-width : 400px) {
    .bbInputWaterMark {
        font-size: 16px;
    }
}



/** app/bower_components/bbcomcdn-common/BB/UI/Input/RadioButton/src/graphyte/RadioButton.css (1909 bytes) */

.bbRadioButton input {
    display: none;
}
.bbRadioButton.bbStd label {
    color: black;
    background: inherit;
    box-shadow: none;
}
.bbRadioButton.bbStd {
    display: inline-block;
    text-align: center;
}
.bbRadioButton.bbStd input[type="radio"]:checked ~ label {
    background: inherit;
    color: black;
}
.bbRadioButton.bbStd label span {
    background-position: -75px -1250px;
    display: block;
    margin-top: 5px;
}
.bbRadioButton.bbStd input[type="radio"]:checked ~ label span {
    background-position: -50px -1250px;
}
.bbRadioButton label {
    display: block;
    padding-top: 5px;
    height: 25px;
    cursor: pointer;
    background: white;
    color: #00aeef;
    font-family: ProximaNovaExCnBold, Arial;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 22px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: 0 3px 3px 0 #7E7E7E;
}
.bbRadioButton input[type="radio"]:checked ~ label {
    background: #00a1de;
    color: white;
}
.bbRadioButton label span {
    display: block;
    float: left;
    margin: 0 5px;
    width: 21px;
    height: 21px;
    background: url(i/c4fd607e7f88c9b6c46e989312664dfe7f133385.png);
    background-position: -150px -1325px;
}
.bbRadioButton label div.selected {
    display: none;
}
.bbRadioButton label div.noSelected {
    display: inline-block;
}
.bbRadioButton input[type="radio"]:checked ~ label div.selected {
    display: inline-block;
}
.bbRadioButton input[type="radio"]:checked ~ label div.noSelected {
    display: none;
}
.bbRadioButton input[type="radio"]:checked ~ label span {
    background-position: -175px -1325px;
}



/** app/bower_components/bbcomcdn-common/BB/UI/Input/DatePicker/src/DatePicker.css (1183 bytes) */

.bbDatePicker {
    position: relative;
    display: inline-block;
}
.bbTooltip .bbTooltipContainer .bbTooltipInner .bbTooltipContent {
    overflow: visible;
}
.bbDatePicker div.rightIcon {
    width: 20px;
    height: 25px;
    background: url(i/c4fd607e7f88c9b6c46e989312664dfe7f133385.png) -150px -1375px no-repeat;
    display: block;
    float: right;
    position: absolute;
    top: 8px;
    right: 10px;
    cursor: pointer;
}
.bbDatePicker.disabled.bbMedium input,
.bbDatePicker.disabled.bbLarge input,
.bbDatePicker.disabled.bbSmall input,
.bbDatePicker.disabled input.bbBlueBoldy,
.bbDatePicker.disabled input {
    color: #7e7e7e;
    cursor: default;
}
.bbDatePicker.disabled input ~ div.rightIcon {
    background-position: -100px -1376px;
    cursor: default;
}
.bbDatePicker.disabled.bbSmall div.rightIcon {
    background-position: 0 -1375px;
    cursor: default;
}
.bbDatePicker.bbLarge div.rightIcon {
    width: 30px;
    height: 35px;
    background-position: -175px -1375px;
    top: 25px;
}
.bbDatePicker.bbSmall div.rightIcon {
	width: 17px;
	height: 18px;
	background-position: -50px -1374px;
	top: 4px;
}
.bbDatePicker input {
    cursor: pointer;
}



/** app/bower_components/bbcomcdn-common/BB/UI/DropDown/src/graphyte/DropDown.css (4937 bytes) */

/* http://confluence/display/UXUI/DropDown */
div.bbDropDown {
    display: inline-block;
    box-shadow: 0 2px 1px -1px #fff;
    border-radius: 2px;
    border: 1px solid #bcbdbc;
    height: 28px;
    margin-left: 15px;
    cursor: pointer;
    font: 14px ProximaNova, Arial, sans-serif;
    color: #4d4f53;
    text-shadow: #fff 0 1px 0;
    line-height: 28px;
    width: 161px;
    padding: 0;
    margin-left: 5px;
    background: #fff;
    background: -webkit-linear-gradient(top, #fff 0%, #ececec 100%);
    background: linear-gradient(to bottom, #fff 0%, #ececec 100%);
    position: relative;
    box-sizing: content-box;
}
.bbDropDown * {
    box-sizing: content-box;
}
.bbDropDown:focus {
    box-shadow: 0 0 0 1px #00aeef;
}

/***********************************************
 * Sizes
 ***********************************************/
.bbDropDown.bbSmall {
    height: 16px;
    font-size: 12px;
    line-height: 16px;
}
.bbDropDown.bbSmall .decoration {
    top: 5px;
}
.bbDropDown.bbSmall .cape {
    top: 17px;
}
.bbDropDown.bbSmall.bbDark .cape {
    top: 16px;
}
.bbDropDown.bbSmall .cape .cape-content li {
    height: 25px;
    line-height: 26px;
}
.bbDropDown.bbLarge {
    height: 43px;
    line-height: 43px;
}
.bbDropDown.bbLarge .decoration {
    top: 19px;
}
.bbDropDown.bbLarge .cape {
    top: 44px;
}
.bbDropDown.bbDark .cape {
    top: 28px;
}
.bbDropDown.bbLarge.bbDark .cape {
    top: 43px;
}
.bbDropDown.bbLarge .cape .cape-content li {
    height: 43px;
}
select[data-action=dropdown] {
    height: 28px;
    line-height: 28px;
    font: 14px ProximaNova, Arial, sans-serif;
}
select[data-action=dropdown].bbLarge {
    height: 43px;
    line-height: 43px;
    font: 16px ProximaNova, Arial, sans-serif;
}
select[data-action=dropdown].bbSmall {
    height: 16px;
    line-height: 16px;
    font: 12px ProximaNova, Arial, sans-serif;
}
/***********************************************
 * Dark
 ***********************************************/
.bbDropDown.bbDark {
    color: #fff;
    text-shadow: none;
    border: none;
    background: #333;
    background: -webkit-linear-gradient(top, #3C3B3A 0%, #2A2928 100%);
    background: linear-gradient(to bottom, #3C3B3A 0%, #2A2928 100%);
}
.bbDropDown.bbDark .decoration {
    border-top-color: #fff;
}
.bbDropDown.bbDark .decoration:before {
    background-color: #C4C4C6;
}
.bbDropDown.bbDark .cape {
    left: 14px;
}
.bbDropDown.bbDark .cape,
.bbDropDown.bbDark .cape .cape-content {
    border-color: #4D4F53;
}
.bbDropDown.bbDark .cape .cape-content li {
    background-color: #4D4F53;
    text-shadow: #f3f3f3 0 0 0;
}
.bbDropDown.bbDark .cape .cape-content li.even {
    background-color: #636363;
}
.bbDropDown.bbDark .cape .cape-content li:hover {
    background-color: #139ee2;
}
.bbDropDown .decoration {
    width: 0;
    height: 0;
    border-left:  4px solid transparent;
    border-right: 4px solid transparent;
    border-top:   7px solid #999;
    position: absolute;
    top:   10px;
    right: 10px;
}
.bbDropDown .decoration:before {
    top: -7px;
    left: -4px;
    width: 8px;
    height: 1px;
    content: '';
    background-color: #828483;
    position: absolute;
}
.bbDropDown .cape {
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    width: 177px;
    max-height: 135px;  /* prevent drop-down from going below modal when 5+ items */
    margin-left: -14px;
    top: 27px;
    left: 13px;
    -webkit-transition: height 0.2s ease-out;
            transition: height 0.2s ease-out;
}
.bbDropDown .cape.closed {
    height: 0 !important;
    -webkit-transition: height 0.2s ease-out, z-index 0 linear .2s;
            transition: height 0.2s ease-out, z-index 0 linear .2s;
}
.bbDropDown .cape.open {
    z-index: 8000;
}
.bbDropDown .head {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    padding-left: 13px;
     box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.bbDropDown .cape .cape-content {
    margin: 0;
    padding: 0;
    border-left: 1px solid #bcbdbc;
    border-right: 1px solid #bcbdbc;
    box-sizing: border-box;
    width: 174px;
    position: absolute;
    box-shadow: 0 3px 1px -2px #000;
    -webkit-transition: top 0.2s ease-out;
            transition: top 0.2s ease-out;
}
.bbDropDown .cape .cape-content li {
    height: 25px;
    background-color: #e9e9e9;
    -webkit-transition: all 0.1s ease-out;
            transition: all 0.1s ease-out;
}
.bbDropDown .cape .cape-content li.cape-item {
    padding-left: 13px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.bbDropDown .cape .cape-content li.cape-item.selected {
    background-color: #139ee2;
    color: #fff;
    text-shadow: #f3f3f3 0 0 0;
}
.bbDropDown .cape .cape-content li.even {
    background-color: #f3f3f3;
}
.bbDropDown .cape .cape-content li.hover,
.bbDropDown .cape .cape-content li:hover {
    background-color: #139ee2;
    color: #fff;
    text-shadow: #fff 0 0 0;
}
.bbDropDownWithIcon .icon {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 10px;
    height: 10px;
}
.bbDropDownWithIcon {
    text-indent: 31px;
}
.bbDropDownWithIcon li {
    text-indent: 0;
}



/** app/bower_components/bbcomcdn-common/BB/UI/Calendar/src/Calendar.css (6255 bytes) */

.bbCalendarContainer {
    width: 270px;
}
.bbCalendarContainer.bbJustMonth {
    text-align: center;
}
.bbCalendarContainer.bbJustMonth .calendarHeader .calendarSideMoveLeftContainer {
    margin: 7px;
    padding: 3px 0;
}
.bbCalendarContainer.bbJustMonth .calendarHeader .calendarSideMoveRightContainer {
    margin: 7px;
    padding: 3px 0;
}
.bbCalendarContainer.bbJustMonth button.chooseMonth {
    margin: 10px 0;
    width: 94%;
}
.bbCalendarContainer .calendarHeader {
    width: 100%;
    height: 37px;
    border-bottom: 2px solid #B3BEC5;
    position: relative;
}
.bbCalendarContainer.bbJustMonth .calendarHeader {
    border-bottom: none;
}
.bbCalendarContainer .calendarHeader .calendarSide {
    position: absolute;
    top: 0;
}
.bbCalendarContainer .calendarHeader .calendarSideRight {
    margin: 4px 5px 0 0;
    right: 0;
}
.bbCalendarContainer .calendarHeader .calendarSideLeft {
    margin: 4px 0 0 5px;
    left: 0;
}
.bbCalendarContainer .calendarHeader .calendarSideMoveLeft {
    background-position: 0 -1501px;
    margin: 5px 0 0 -3px;
    width: 6px;
    height: 10px;
}
.bbCalendarContainer .calendarHeader .calendarSideMoveRight {
    background-position: -50px -1501px;
    margin: 5px 0 0 1px;
    width: 6px;
    height: 10px;
}
.bbCalendarContainer .calendarHeader .calendarMiddle {
    width: 70%;
    text-align: center;
    height: 100%;
    float: right;
    margin-right: 44px;
}
.bbCalendarContainer .bbDropDown .head {
    text-align: left;
}
.bbCalendarContainer .calendarHeader .calendarMiddle:before {
    font-size: 0;
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}
.bbCalendarContainer .calendarHeader .calendarMiddle .bbDropDown {
    vertical-align: middle;
}
.bbCalendarContainer .calendarHeader .calendarMiddle select {
    width: 70px;
    box-sizing: border-box;
}
.narrowColumn .bbCalendarContainer .calendarHeader .calendarMiddle select {
    width: 65px;
}
.bbCalendarContainer .calendarHeader .calendarMiddle select,
.bbCalendarContainer .calendarHeader .calendarMiddle .bbMobileDownContainer {
    display: inline-block;
    vertical-align: middle;
    margin-top: 2px;
}
.bbCalendarContainer .calendarHeader .calendarSideMoveRightContainer {
    width: 25px;
    margin: 4px;
    padding: 0;
    line-height: 17px;
    vertical-align: top;
}
.bbCalendarContainer .calendarHeader .calendarSideMoveLeftContainer {
    width: 25px;
    margin: 4px;
    padding: 0;
    line-height: 17px;
    vertical-align: top;
}
.bbCalendarContainer .calendarHeader .calendarRightContent {
    float: right;
}
.bbCalendarContainer .calendarHeader .calendarLeftContent {
    float: left;
}
.bbCalendarContainer .calendarHeader .calendarLeftContent {
    float: left;
}
.bbCalendarContainer .monthCellToday,
.bbCalendarContainer .monthCellFuture,
.bbCalendarContainer .monthCell,
.bbCalendarContainer .monthCellHeader {
    float: left;
    width: 37px;
    height: 20px;
    padding: 5px 0;
    cursor: pointer;
    text-align: center;
}
.bbCalendarContainer .monthCellMatrixContainer .constrainedSelection.monthCell {
    cursor: default;
}
.bbCalendarContainer .monthCellMatrixContainer .constrainedSelection.monthCellFuture .dayCell,
.bbCalendarContainer .monthCellMatrixContainer .constrainedSelection.monthCell .dayCell {
    color: #c8c8c8;
    cursor: default;
}
.bbCalendarContainer .monthCellMatrixContainer .constrainedSelection.monthCellFuture .dayCell,
.bbCalendarContainer .monthCellMatrixContainer .constrainedSelection.monthCell.monthCellCurrent .dayCell {
    background-color: #e5e5e5;
}
.bbCalendarContainer .monthCellMatrixContainer .constrainedSelection.monthCellFuture .dayCell:hover,
.bbCalendarContainer .monthCellMatrixContainer .constrainedSelection.monthCell .dayCell:hover {
    border: none;
}
.bbCalendarContainer .monthCellHeaderContainer {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAJklEQVQIW2NkYGD4r6OtBaQggBHI+X/l6jUGmCBYACQDE4QLwAQBvHwOhMMJtPAAAAAASUVORK5CYII=);
    height: 27px;
    padding-left: 5px;
}
.bbCalendarContainer .monthCellHeader {
    padding-top: 8px;
    font-family: ProximaNova, Arial;
    font-size: 14px;
    height: 14px;
    cursor: default;
    color: white;
}
.bbCalendarContainer .calendarSideLeft select,
.bbCalendarContainer .calendarSideLeft .bbDropDown {
    margin: 7px 0 0 23px;
    width: 60px;
}
.bbCalendarContainer .calendarSideRight select,
.bbCalendarContainer .calendarSideRight .bbDropDown {
    margin: 7px 15px 0 0;
    width: 60px;
}
.bbCalendarContainer .monthCellFuture.monthCellPrev,
.bbCalendarContainer .monthCellFuture.monthCellNext,
.bbCalendarContainer .monthCell.monthCellPrev,
.bbCalendarContainer .monthCell.monthCellNext {
    color: #919191;
}
.bbCalendarContainer .dayCell:hover {
    border: 1px solid #00aeef;
}
.bbCalendarContainer .monthCellToday.monthCellPrev .dayCell,
.bbCalendarContainer .monthCellFuture .dayCell,
.bbCalendarContainer .monthCellCurrent .dayCell,
.bbCalendarContainer .monthCell .dayCell {
    display: inline-block;
    padding: 5px;
    width: 18px;
    font-size: 16px;
    font-family: ProximaNovaExCn, Arial;
    color: #c8c8c8;
}
.bbCalendarContainer .monthCellMatrixContainer .monthCellToday.monthCellCurrent .dayCell {
    font-size: 16px;
    font-weight: bold;
    background-color: white;
}
.bbCalendarContainer .monthCellMatrixContainer .monthCellCurrent.monthCellSelected .dayCell {
    background: #00aeef !important;
    color: white;
    text-shadow: none;
    font-weight: bold;
}
.bbCalendarContainer .bbCalendarClear {
    clear: both;
}
.bbCalendarContainer .monthCellFuture.monthCellCurrent .dayCell,
.bbCalendarContainer .monthCellToday.monthCellCurrent .dayCell,
.bbCalendarContainer .monthCell.monthCellCurrent .dayCell {
    border-radius: 2px;
    background-color: #c8c8c8;
    color: #4F4D53;
    text-shadow: 0 1px #c8c8c8;
    line-height: 16px;
}
.bbCalendarContainer .monthCellContainer .monthCellFuture:last-child,
.bbCalendarContainer .monthCellContainer .monthCellCurrent:last-child,
.bbCalendarContainer .monthCellContainer .monthCell:last-child {
    margin-bottom: 10px;
}
.bbCalendarContainer .monthCellContainer .monthCellMatrixContainer {
    padding-left: 5px;
}



/** app/bower_components/bbcomcdn-common/BB/UI/Tooltip/Base/src/full/graphyte/base.css (3397 bytes) */

.bbTooltip {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #F4F4F4;
    color: #2C2B2A;
    padding: 0;
    margin: 0;
    border-radius: 4px;
    font-size: 12px;
    z-index: 200001; /* .bbExclusiveModalMask has a z-index of 200000 */
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .6);
    border: 2px solid #B3BEC5;
}

div.bbTooltip div.bbTooltipContent div.feedbackHtml span {
   font: normal 11px/1.5em arial, sans-serif;
}

.bbTooltip .bbTooltipContainer {
    position: relative;
    padding: 0;
    margin: 0;
}
.bbTooltip .bbTooltipArrow {
    height: 17px;
    position: absolute;
    left: 0;
    bottom: -17px;
    z-index: -1;
    overflow: hidden;
    width: 100%;
}
.bbTooltip .bbTooltipArrow span {
    background-color: #F4F4F4;
    height: 16px;
    width: 16px;
    display: block;
    -webkit-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -ms-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    position: absolute;
    margin-left: -8px;
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .6);
    border: 2px solid #B3BEC5;
}
.bbTooltip.bbPromoTooltip {
    width: 260px;
}

.bbTooltip .bbPromoTooltipArrow span {
    left: 127px;
    bottom: 8px;;
}

.bbTooltip.bbPromoTooltip .feedbackContainer .feedbackHtml {
    padding: 2px 0 2px 10px;
}

.bbTooltip.bbBottom .bbTooltipArrow {
    margin-left: auto;
    bottom: auto;
    top: -17px;
    width: 100%;
}
.bbTooltip.bbLeft .bbTooltipArrow {
    width: 15px;
    height: 100%;
    left: auto;
    top: 0;
    right: 0;
    margin-right: -15px;
}
.bbTooltip.bbRight .bbTooltipArrow {
    width: 15px;
    height: 100%;
    right: auto;
    bottom: auto;
    left: 0;
    top: 0;
    margin-left: -15px;
}
.bbTooltip.bbBottom .bbTooltipArrow span {
    top: auto;
    margin-left: -8px; /* Negative margin should be half the width of the span used for the arrow */
}
.bbTooltip.bbLeft .bbTooltipArrow span {
    top: auto;
    margin-top: -8px; /* Negative margin should be half the width of the span used for the arrow */
}
.bbTooltip.bbRight .bbTooltipArrow span {
    margin-top: -8px; /* Negative margin should be half the width of the span used for the arrow */
}
.bbTooltip .bbStandardContent {
    padding: 10px;
}
.bbTooltip .bbTooltipContainer .bbTooltipInner .bbTooltipContent {
    overflow: hidden;
}
.bbTooltip .bbTooltipContainer .bbTooltipInner .tooltipCloseIcon {
    width: 12px;
    height: 13px;
    float: right;
    margin: -5px -5px 0 0;
    background: url(i/c4fd607e7f88c9b6c46e989312664dfe7f133385.png) no-repeat -25px -1000px;
    cursor: pointer;
}
.bbTooltip .bbTooltipContainer a {
    color: #00aeef;
}
.bbTooltip .bbTooltipContainer a:hover {
    text-decoration: none;
    color: #00a1de;
}
.bbTooltip.onModal {
    z-index: 2000000;
}



/** app/bower_components/bbcomcdn-common/BB/UI/Tooltip/Base/src/full/graphyte/concretes.css (726 bytes) */

.bbTooltip.feedbackMessage .bbTooltipInner {
    font: 400 12px/1.5em arial,sans-serif;
    padding: 10px;
    width: 230px;
}
.bbTooltip.bbPromoTooltip .bbTooltipInner {
    padding: 8px;
    width: auto;
}
.bbTooltip.feedbackSuccess .bbTooltipInner,
.bbTooltip.feedbackError .bbTooltipInner {
    padding: 10px;
    width: 230px;
}
.bbTooltip.feedbackError .bbTooltipArrow span,
.bbTooltip.feedbackError {
    background: #f6d2d1;
    border: 1px solid #FF0000;
}
.bbTooltip.feedbackSuccess .bbTooltipArrow span,
.bbTooltip.feedbackSuccess {
    background: #e3f3d6;
    border: 1px solid #33CC33;
}
.bbTooltip.feedbackError .bbTooltipContainer .bbTooltipInner .tooltipCloseIcon {
    background-position: -200px -1025px;
}



/** app/bower_components/bbcomcdn-common/BB/UI/Update/Base/src/Base.css (10275 bytes) */

.bbExclusiveModalMask.updateModal .bbBody .bbTextArea.bbCoreInput {
    min-height: 13px;
    margin-top: 10px;
    padding-left: 2%;
    padding-right: 2%;
    text-align: left;
}
.bbExclusiveModalMask.updateModal .bbBody .updateRow.bbListItemBox {
    width: 100%;
    text-align: center;
    color: #919191;
    height: 110px;
    margin-bottom: 0;
}
.bbListItemBox .iconUpdateContainer {
    text-align: center;
    float: left;
    width: 110px;
}
.bbListItemBox .iconUpdateContainer .iconUpdate {
    background: url(i/c4fd607e7f88c9b6c46e989312664dfe7f133385.png) no-repeat;
    width: 66px;
    height: 66px;
    display: inline-block;
    box-sizing: border-box;
}
.bbListItemBox .iconUpdateContainer .timestampUpdate {
    text-transform: uppercase;
    font-family: ProximaNovaExCnBold, Arial;
    font-size: 14px;
    color: #2c2b2a;
}
.heightUpdate .bbListItemBox .iconUpdateContainer .iconUpdate {
    background: url(i/c1aef21dae3f818240c92c741bec21e3639ea161.png) 0 -192px no-repeat;
    height: 34px;
    margin: 30px 0 5px 0;
}
.weightUpdate .bbListItemBox .iconUpdate {
    background-position: -150px -1600px;
}
.bodyfatUpdate .bbListItemBox .iconUpdate {
    background-position: -150px -1665px;
}
.bbListItemBox .inputUpdate {
    float: left;
    height: 95px;
    padding-top: 25px;
}
.bbListItemBox .impactUpdate {
    float: left;
    height: 95px;
    padding-top: 25px;
    text-shadow: 0 1px 0 #F4F4F4;
}
.bbListItemBox .impactUpdate .impactAssesment {
    float: left;
    text-align: left;
}
.bbListItemBox .impactUpdate .impactIcon {
    float: left;
    background: url(i/c4fd607e7f88c9b6c46e989312664dfe7f133385.png) -115px -1100px no-repeat;
    width: 50px;
    height: 40px;
    margin-top: 10px;
}
.aLoss .bbListItemBox .impactUpdate .impactIcon {
    background-position: -166px -1100px;
}
.negativeImpact.aGain .bbListItemBox .impactUpdate .impactIcon {
    background-position: -175px -1150px;
}
.negativeImpact.aLoss .bbListItemBox .impactUpdate .impactIcon {
    background-position: -175px -1200px;
}
.positiveImpact.aGain .bbListItemBox .impactUpdate .impactIcon {
    background-position: -125px -1150px;
}
.positiveImpact.aLoss .bbListItemBox .impactUpdate .impactIcon {
    background-position: -125px -1200px;
}
.bbListItemBox .impactUpdate .impactAssesment .impactDeltaStatement {
    font-family: ProximaNovaExCnBold;
    font-size: 16px;
    text-transform: uppercase;
}
.bbListItemBox .impactUpdate .impactAssesment .amount {
    font-family: ProximaNovaExCnBold, Arial;
    font-size: 32px;
}
.negativeImpact .bbListItemBox .impactUpdate .impactAssesment .amount {
    color: #cd0300;
}
.positiveImpact .bbListItemBox .impactUpdate .impactAssesment .amount {
    color: #62bd17
}
.bbListItemBox .impactUpdate .impactAssesment .impactDeltaTime {
    font-family: ProximaNovaExCn;
    font-size: 16px;
}
.bbExclusiveModalMask.updateModal .bbBody input.bbTextBox {
    width: 100px;
    margin: 0 10px;
    text-align: left;
}
.bbExclusiveModalMask.updateModal .bbBody .motivation-level-update-modal .updateRow.bbListItemBox {
    text-align: left;
    height: auto;
    padding: 6px 0 0;
}


.motivation-level-bars {
    display: block;
    font-size: 0;
    border-right: 1px solid #bababa;
    -webkit-border-image: url(i/52d82599f3a26b88317c7f051a64ada505dbaa3e.png) 1 1 1 0 stretch;
            border-image: url(i/52d82599f3a26b88317c7f051a64ada505dbaa3e.png) 1 1 1 0 stretch;
    border-width: 0 1px;
    min-width: 175px;
}
.motivation-level-update-modal .bbListItemBox {
    background-color: #FFF;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0,0,0, 0.3);
}
.motivation-level-update-modal .inputUpdate,
.motivation-level-update-modal .impactUpdate {
    float: none;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
}
.motivation-level-update-modal .motivation-level-container {
    text-align: center;
}
.motivation-level-update-modal .bar-container {
    display: inline-block;
    position: relative;
}
.motivation-level-update-modal .todaysDate {
    font: 16px ProximaNovaExCnBold, Arial, sans-serif;
    position: absolute;
    top: 0;
    left: 0;
    color: #232323;
    text-transform: uppercase;
}

.motivation-level-update-modal .inputUpdate {
    width: 50%;
    height: auto;
}
.motivation-level-update-modal .impactUpdate {
    margin-bottom: 20px;
}
.motivation-level-bar {
    display: inline-block;
    position: relative;
}
.motivation-level-bar .color-bar {
    display: inline-block;
    background-color: #00F;
    margin-left: 1px;
    bottom: 0;
    left: 0;
    width: 15px;
    border-top: 1px solid #c7c7c7;
    cursor: pointer;
    background: #dbdbdb;
    background: -webkit-linear-gradient(top, #dbdbdb 0%, #b9b9b9 100%);
    background: linear-gradient(to bottom, #dbdbdb 0%, #b9b9b9 100%);
}
.motivation-level-bar.active > .color-bar {
    border-top-color: #07B3E5;
    background: #0ebff1;
    background: -webkit-linear-gradient(top, #0ebff1 0%, #0581a7 100%);
    background: linear-gradient(to bottom, #0ebff1 0%, #0581a7 100%);
}
.motivation-level-bar > .number {
    font: bold 14px ProximaNova, Arial, sans-serif;
    position: absolute;
    bottom: -18px;
    left: 0;
    text-align: center;
    width: 15px;
    color: #232323;
}
.motivation-level-bar-1   .color-bar {
    height: 7px;
}
.motivation-level-bar-2   .color-bar {
    height: 14px;
}
.motivation-level-bar-3   .color-bar {
    height: 21px;
}
.motivation-level-bar-4   .color-bar {
    height: 28px;
}
.motivation-level-bar-5   .color-bar {
    height: 35px;
}
.motivation-level-bar-6   .color-bar {
    height: 42px;
}
.motivation-level-bar-7   .color-bar {
    height: 49px;
}
.motivation-level-bar-8   .color-bar {
    height: 56px;
}
.motivation-level-bar-9   .color-bar {
    height: 63px;
}
.motivation-level-bar-10  .color-bar {
    height: 70px;
}
.motivation-level-container .instructions {
    font: 11px ProximaNova, Arial, sans-serif;
    color: #D4D4D4;
    margin-top: 19px;
}

.motivation-level-update-modal .impactContainer {
    width: 50%;
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
}
.motivation-level-update-modal .impactIcon {
    display: none;
}
.motivation-level-update-modal .bbListItemBox .impactUpdate {
    padding-top: 42px;
    height: auto;
}
.motivation-level-update-modal .bbListItemBox .impactUpdate .impactAssesment {
    text-align: center;
}
.motivation-level-update-modal .bbListItemBox .impactUpdate .impactAssesment .impactDeltaStatement {
    display: none;
}
.motivation-level-update-modal .bbListItemBox .impactUpdate .impactAssesment .amount {
    color: #5a5a5a;
    font-size: 60px;
}
.motivation-level-update-modal .spacing {
    margin: 0 13px;
}
.motivation-level-update-modal .bbListItemBox .impactUpdate .impactAssesment .amount .delta {
    color: #00AEED;
}
.motivation-level-update-modal .bbListItemBox .impactUpdate .impactAssesment .amount .delta.na {
    color: #919191;
}
.motivation-level-update-modal .bbListItemBox .impactUpdate .impactAssesment .impactDeltaTime {
    margin-top: 12px;
    font: 11px ProximaNova, Arial, sans-serif;
    color: #D4D4D4;
}

.bbModalContainer .bbBody .weightUpdate .bbListItemBox .impactUpdate .impactIcon {
    margin-left: 5px;
}
@media (max-width: 768px) {
    .bbModalContainer .bbBody .heightUpdate,
    .bbModalContainer .bbBody .bodyfatUpdate,
    .bbModalContainer .bbBody .weightUpdate {
        padding-top: 15px;
    }
    .motivation-level-update-modal .bbListItemBox {
        margin: 10px 0 0 0;
    }
    .motivation-level-bars {
        border: none;
    }
    .bbExclusiveModalMask.updateModal .modalContainerGlobal.bbGraphyte .bbModalContainer.bbGraphyte .bbBody {
        padding: 0 15px 15px 15px;
    }
    .motivation-level-update-modal .bbListItemBox .inputUpdate {
        width: 100%;
    }
    .motivation-level-update-modal .impactContainer {
        width: 100%;
    }
    .bbModalContainer .bbBody .bodyfatUpdate .bbListItemBox .iconUpdateContainer,
    .bbModalContainer .bbBody .weightUpdate .bbListItemBox .iconUpdateContainer {
        width: 30%;
    }

    .bbModalContainer .bbBody .bodyfatUpdate .bbListItemBox .inputUpdate,
    .bbModalContainer .bbBody .weightUpdate .bbListItemBox .inputUpdate {
        width: 30%;
    }
    .bbModalContainer .bbBody .bodyfatUpdate .bbListItemBox .inputUpdate .bbTextBox,
    .bbModalContainer .bbBody .weightUpdate .bbListItemBox .inputUpdate .bbTextBox {
        width: 100%;
    }
    .bbModalContainer .bbBody .bodyfatUpdate .bbListItemBox .impactUpdate,
    .bbModalContainer .bbBody .weightUpdate .bbListItemBox .impactUpdate {
        width: 40%;
    }
    .bbModalContainer .bbBody .bodyfatUpdate .bbListItemBox .impactUpdate .impactIcon,
    .bbModalContainer .bbBody .weightUpdate .bbListItemBox .impactUpdate .impactIcon {
        width: 45px;
        margin-left: 2px;
    }
    .motivation-level-bars {
        min-width: 170px;
        width: 170px;
    }
    .motivation-level-update-modal .impactUpdate {
        padding-left: 0;
    }
    .bbListItemBox .impactUpdate .impactAssesment .amount {
        font-size: 26px;
    }

}

.overAllGoalUpdate span {
    float: left;
    text-align: left;
    font-family: ProximaNovaExCnBold, Arial, sans-serif;
    font-size: 20px;
    width: 95px;
    text-transform: uppercase;
    line-height: 45px;
}
.overAllGoalUpdate div:last-child span {
    line-height: 20px;
}
.overAllGoalUpdate div:first-child {
    margin-bottom: 25px;
}
.overAllGoalUpdate .bbThumbnail {
    display: none;
}
.overAllGoalUpdate div.bbDropDown {
    margin-left: 0;
}
.overAllGoalUpdate div.bbCoreInputCounter span {
    width: auto;
    padding: 0 4px 0 56px;
    font-family: ProximaNova;
    font-size: 14px;
    line-height: 14px;
}
.bbExclusiveModalMask.updateModal .bbBody .overAllGoalUpdate {
    max-width: 518px;
}
.bbExclusiveModalMask.updateModal .bbBody .overAllGoalUpdate .bbTextArea.bbCoreInput {
    min-height: 60px;
}
.bbContent .bbFooter .facebookOptions {
    float:left;
    margin-top:8px;
}


@media (max-width: 768px) {
    .overAllGoalUpdate span {
        display: block;
        float: none;
        width: auto;
    }
}

/*
    1. Fixes WO-3536 "Update your weight modal on www has
       styling problems". Content above this div is floated,
       but not properly cleared.
*/
.captionBucket {
    clear: both; /* 1 */
}



/** app/bower_components/bbcomcdn-common/BB/UI/Report/src/full/graphyte/report.css (1099 bytes) */

.reportBodyContainer .reportIdField {
    margin-bottom: 10px;
}
.reportBodyContainer .reportIdField:last-child {
    margin-bottom: 0;
}
.reportBodyContainer .reportIdInput {
    margin-bottom: 5px;
}
.reportBodyContainer .reportLabel {
    text-transform: uppercase;
    font-family: ProximaNovaExCnBold, Arial, sans-serif;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 5px;
}
.reportBodyContainer .checkboxesContainer {
    font-size: 14px;
    line-height: 20px;
}
.reportBodyContainer .reportedItem {
    margin-bottom: 25px;
    word-wrap: break-word;
}
.reportBodyContainer .bbTextBox {
    width: 80%;
    max-width: 240px;
}
.reportBodyContainer .bbTextArea {
    width: 80%;
    height: 65px;
    margin-bottom: 5px;
}
.reportBodyContainer .reportBottomLegend {
    font-style: italic;
}
.row--report-modal {
    margin-bottom: 25px;
}
.row--report-modal:last-child {
    margin-bottom: 0;
}
/* woah this fixes an issue where the modal gets
   too wide. twbs expects border-box */
.reportBodyContainer .col-xs-12,
.reportBodyContainer .row {
    box-sizing: border-box;
}



/** app/bower_components/bbcomcdn-common/BB/UI/Report/src/full/graphyte/wrapper-overrides.css (973 bytes) */

.reportBodyContainer * {
    font-family: ProximaNovaReg, Arial, sans-serif;
}

.reportBodyContainer .reportSubmit .bbButton {
    font-family: ProximaNovaExCnSemiBold, Arial, sans-serif;
}

.reportBodyContainer .checkboxItem input[type="checkbox"] {
    margin-right: 4px;
}

.moderator-content .white-container ul.reason-list {
    width: auto;
}

.moderator-content .white-container textarea {
    width: 100%;
}

.moderator-content .white-container {
    width: 100%;
    box-sizing: border-box;
}

.moderator-content .note {
    display: table-row;
}
.moderator-content .note li {
    display: table-call;
    float: none;
    letter-spacing: -0.5px;
    margin-right: 4px;
}

.clearFloatNoHeight {
    clear: both;
    height: 0;
}

div.wicket-modal div.w_content_container {
    overflow: visible !important;
}

.moderator-content.report-gray h3,
.moderator-content ._label,
.moderator-content .user-info label,
.moderator-content h4
{
    letter-spacing: -0.5px;
}



/** app/bower_components/bbcomcdn-common/BB/UI/Friend/Add/src/full/graphyte/Add.css (553 bytes) */

.bbAddAsFriendContainer {
    max-width: 570px;
}
.bbAddAsFriendContainer .addFriendHead {
    min-height: 90px;
}
.bbAddAsFriendContainer .addFriendHead .bbcAvatar {
    float: left;
    margin-right: 20px;
    width: 80px;
    height: 80px;
}
.bbAddAsFriendContainer .addFriendHead .bbcAvatar img {
    width: 80px;
    height: auto;
}
.bbAddAsFriendContainer .addFriendHead .addFriendName {
    text-transform: uppercase;
    font-family: ProximaNovaExCnBold, Arial, sans-serif;
    font-weight: bold;
    font-size: 20px;
    padding-bottom: 5px;
}



/** app/bower_components/bbcomcdn-common/BB/UI/Comment/BBCProfile/src/full/graphyte/comment.css (1832 bytes) */

div.comment-modal-container .comment-textarea-container {
    padding: 15px;
    border-radius: 3px;
    box-shadow: inset 0 1px 0 #BCBCBC, 0 1px 0 #FFF;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAJUlEQVQImT3HwQ0AMAyDQLL/svYE5BG1fNCRxBfqN7fzqADQdgGigikn3T/TagAAAABJRU5ErkJggg==);
}

div.comment-modal-container textarea {
    overflow-x: hidden;
    overflow-y: auto;
    display: block;
    width: 500px;
    height: 115px;
}

div.comment-modal-container .comment-textarea-container .watermark {
    color: #747474 !important; /* Inline styles on the watermark, grrr... */
}

div.comment-modal-container .comment-modal-footer {
    margin-top: 28px;
    text-align: right;;
}

div.comment-modal-container .bbButton {
    min-width: 70px;
    cursor: pointer;
}

div.comment-modal-container .cancel-comment-button {
    display: inline-block;
    margin-right: 20px;
    color: #00aeef;
    *display: inline;
    *zoom: 1;
    cursor: pointer;
}

div.comment-modal-container .cancel-comment-button {
    color: #33b1ef;
}

div.comment-modal-container .bbButton,
div.comment-modal-container .cancel-comment-button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.bbFooter .bbFooterContent .comment-modal-footer {
    position: relative;
    width: 100%;
    height: 32px;
}
.bbFooter .bbFooterContent .bbButton {
    float: right;
    margin-right: 20px;
}

.bbFooter .bbFooterContent .cancel-comment-button {
    float: right;
    margin: 0 10px;
    cursor: pointer;
}



/** app/bower_components/bbcomcdn-common/BB/UI/Comment/Input/src/full/graphyte/comment.css (1887 bytes) */

div.comment-modal-container .comment-textarea-container {
    padding: 15px;
    border-radius: 3px;
    box-shadow: inset 0 1px 0 #BCBCBC, 0 1px 0 #FFF;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAJUlEQVQImT3HwQ0AMAyDQLL/svYE5BG1fNCRxBfqN7fzqADQdgGigikn3T/TagAAAABJRU5ErkJggg==);
}

div.comment-modal-container textarea {
    overflow-x: hidden;
    overflow-y: hidden;
    display: block;
    width: 500px;
    height: 115px;
    position: relative;
    background: transparent;
}

div.comment-modal-container .comment-textarea-container .watermark {
    color: #747474 !important; /* Inline styles on the watermark, grrr... */
}

div.comment-modal-container .comment-modal-footer {
    margin-top: 28px;
    text-align: right;;
}

div.comment-modal-container .bbButton {
    min-width: 70px;
    cursor: pointer;
}

div.comment-modal-container .cancel-comment-button {
    display: inline-block;
    margin-right: 20px;
    color: #00aeef;
    *display: inline;
    *zoom: 1;
    cursor: pointer;
}

div.comment-modal-container .cancel-comment-button {
    color: #33b1ef;
}

div.comment-modal-container .bbButton,
div.comment-modal-container .cancel-comment-button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.bbFooter .bbFooterContent .comment-modal-footer {
    position: relative;
    width: 100%;
    height: 32px;
}
.bbFooter .bbFooterContent .bbButton {
    float: right;
    margin-right: 20px;
}

.bbFooter .bbFooterContent .cancel-comment-button {
    float: right;
    margin: 0 10px;
    cursor: pointer;
}



/** app/bower_components/bbcomcdn-common/BB/UI/Comment/List/src/full/graphyte/comment.css (15331 bytes) */

.async-commenting-container *,
.async-commenting-container *:before,
.async-commenting-container *:after {
    box-sizing: border-box;
}

.async-commenting-container ul.comment-list {
    list-style-type: none;
    margin-top: 0;
    padding-left: 0px;
}

.async-commenting-container .arrow-up {
    position: absolute;
    left: 10px;
    top: -5px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #E9E9E9;
}
span ~ div form .async-commenting-container .bodyspace-user-feed .arrow-up {
    display: none;
}
.async-commenting-container .arrow-down {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #5b9db9;
    margin: 2px 9px;
}
.async-commenting-container {
    min-height: 80px;
}
.async-commenting-container,
.async-commenting-container .multiple-like {
    position: relative;
}
.async-commenting-container .feed-user-post-time,
.async-commenting-container .feed-user-post-time a {
    font-size: 10px;
}
.async-commenting-container .multiple-like .other-users-button {
    color: #0E709A;
    cursor: pointer;
}
.async-commenting-container .multiple-like .other-users-button:hover {
    text-decoration: underline;
    color: #00a1de;
}
.bodyspace-user-feed .async-commenting-container,
.bodyspace-user-feed .async-commenting-container .multiple-like {
    padding-left: 0;
}
.bodyspace-user-feed.profile-feeds .feed-items-container .feed-comment-post .feed-user-post-block {
    width: 98%;
}

.async-commenting-container .comment-item,
.async-commenting-container .show-more-container,
.async-commenting-container .input-container,
.async-commenting-container .multiple-like-container {
    background-color: #E9E9E9;
    margin-bottom: 2px;
    position: relative;
}
.async-commenting-container .comment {
    position: relative;
}
.async-commenting-container .comment .avatar {
    float: left;
    margin: 10px 0 10px 0;
    width: 35px;
    height: 35px;
    overflow: hidden;
}
.async-commenting-container .comment .avatar img {
    max-width: 35px;
}
.async-commenting-container .comment .comment-container {
    overflow: hidden;
    padding: 10px;
}
.async-commenting-container .comment .comment-container .user-name {
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    padding-right: 30px;
}
.async-commenting-container .comment .comment-container .comment-text {
    margin: 2px 20px 2px 0;
    line-height: 16px;
    word-wrap: break-word;
    font-size: 12px;
}
/* 1. Should truncate the text at 3 lines max */
.comment-text--truncated {
    max-height: 50px; /* 1 */
}

.async-commenting-container .comment .comment-container .comment-text p {
    margin-bottom: 15px;
    line-height: 16px;
}
.async-commenting-container .comment .comment-container .comment-text.height p {
    margin-bottom: 0;
}
.async-commenting-container .comment .comment-container .comment-text p br {
    display: none;
}
.async-commenting-container .comment .comment-container .comment-text.height {
    max-height: 176px;
    /* overflow: hidden; */
}
.async-commenting-container .comment .comment-container .time-stamp-like {
    font-size: 11px;
    line-height: 13px;
    height: 13px;
}
.async-commenting-container .comment .comment-container .time-stamp-like span.time-stamp {
    color: #9a9b9c;
}
.async-commenting-container .comment .comment-container .time-stamp-like span.separator {
    color: #747474;
    margin: 0 5px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.async-commenting-container .indicator-container {
    position: absolute;
    min-height: 12px;
    right: -30px;
    width: 20px;
    height: 20px;
    top: -4px;
}
.like-icon {
    background: url(i/35bffbca01bd429f5eb9223b950d24edc3867ea0.png) 0 -12px no-repeat;
    height: 10px;
    width: 12px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: baseline;
    margin: 0 5px;
}
.async-commenting-container .comment .comment-container .time-stamp-like a.like-link {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: bottom;
}
.async-commenting-container .comment-gear-menu {
    position: absolute;
    height: 16px;
    width: 16px;
    right: 10px;
    top: 10px;
    cursor: pointer;
}
.async-commenting-container .comment-gear-menu .menu-dropdown {
    right: 0;
    top: 0;
}
.async-commenting-container .comment-gear-menu__icon,
.comment-gear-menu__icon {
    background-image: url(i/c4fd607e7f88c9b6c46e989312664dfe7f133385.png);
    background-position: 0 -1556px;
    width: 10px;
    height: 8px;
    margin-top: 3px;
    margin-left: 4px;
}
.gear-menu__item--report .icon {
    background-position: -26px -1325px !important;
}
.gear-menu__item--remove .icon {
    background-position: -49px -1075px !important;
}

.async-commenting-container .show-more-container,
.async-commenting-container .multiple-like-container {
    font-size: 12px;
    padding: 8px 10px;
}
.async-commenting-container .multiple-like:after {
    background-color: white;
    height: 3px;
    max-height: 2px;
    z-index: 100;
    content: " ";
    overflow: hidden;
    position: absolute;
    width: 40px;
    margin-top: -2px;
}
.async-commenting-container .show-more-container .show-more {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.async-commenting-container .show-more-container span.wicket-ajax-indicator {
    position: absolute;
    right: -20px;
    top: -2px;
}
.async-commenting-container .show-more-container .comment-icon {
    background: url(i/35bffbca01bd429f5eb9223b950d24edc3867ea0.png) no-repeat;
    height: 12px;
    width: 12px;
    float: left;
    margin-right: 6px;
}
.async-commenting-container .input-container {
    padding: 10px;
    position: relative;
}
.async-commenting-container .input-container textarea {
    resize: none;
    height: 42px;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}
.async-commenting-container .input-container span.wmwrap label.watermark {
    padding-top: 0;
    top: 8px;
    padding-left: 8px;
    font-size: 11px;
    font-style: italic;
}
.async-commenting-container .input-container .avatar {
    display: none;
    margin-right: 7px;
    width: 35px;
}
.async-commenting-container .input-container .textarea .watermark {
    width: 100%;
}
/*
    1. Make room for the post button which is positioned absolutely.
*/

.async-commenting-container .input-container.bbActiveCoreInput .bbCaption {
    padding-right: 70px; /* 1 */
}
/*
    1. The textarea expands vertically as the user types. Position
       the post button so that it's always aligned with the bottom
       of the textarea.
*/
.async-commenting-container .input-container .post-button {
    display: none;
    float: none;
    width: 60px;
    color: #fff;
    margin: 0;
    position: absolute; /* 1 */
    right: 0;
    bottom: -1px;
}
/*
    1. On the non-feed card permalink pages the layout is diff
       than on the feed cards (in the feed), therefore
       we need to adjust the positioning. The .standalone
       class is added when we are on a permalink page.
*/
.standalone .async-commenting-container .input-container .post-button {
    right: 10px; /* 1 */
    bottom: 8px;
}
.async-commenting-container .input-container.bbActiveCoreInput .post-button {
    display: block;
}
.async-commenting-container .input-container .post-button .wicket-ajax-indicator {
    position: absolute;
    left: 50%;
    margin-left: -7px;
    top: 50%;
    margin-top: -9px;
}
.async-commenting-container .input-container .avatar img {
    max-width: 35px;
}
.async-commenting-container .header-feedback {
    margin: 4px 0;
    border: 1px solid #e9e9e9;
    height: 75px;
    border-radius: 5px;
    overflow: hidden;
}
.async-commenting-container .commenting-container .header-feedback {
    display: none;
}
.async-commenting-container .header-feedback ._icon {
    float: left;
    width: 64px;
    height: 75px;
    background-color: #fff;
}
.async-commenting-container .header-feedback._error ._icon {
    background: url(i/f2d5402d94f68f19d5eb947304a606a02c9fe068.png) no-repeat;
}
.async-commenting-container .header-feedback ._text {
    height: 75px;
    margin-left: 64px;
    padding-left: 10px;
    padding-top: 3px;
}
.async-commenting-container .header-feedback ._title {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 10px;
}
.async-commenting-container .header-feedback ul {
    margin-top: 4px;
}
.async-commenting-container .header-feedback ul li {
    color: #fff;
    list-style: none;
    padding-right: 30px;
}
.async-commenting-container .header-feedback a {
    color: #FFF;
    font-weight: bold;
    text-decoration: underline;
}
.async-commenting-container .header-feedback._success ._text {
    background-color: #6da000;
}
.async-commenting-container .header-feedback._error ._text {
    background-color: #a71930;
}
.async-commenting-container .show-error {
    margin: 4px 0;
    border: 1px solid #e9e9e9;
    height: 75px;
    -webkit-transition: 1s ease;
            transition: 1s ease;
}
.async-commenting-container .hide-error {
    height: 0;
    border: none;
    margin: 0;
    -webkit-transition: 1s ease;
            transition: 1s ease;
}
.async-commenting-container .comment-tooltip .tipswift-inner {
    width: 177px;
    padding: 10px 20px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
}
.async-commenting-container .comment-tooltip a.bbcom-tipswift-close-button {
    top: 10px;
    background: transparent url(i/7b6ccf0fe03ed1cb6077543d39514ffc6077b127.png) 0 0;
}
.async-commenting-container .comment-tooltip a.bbcom-tipswift-close-button:hover {
    background: transparent url(i/7b6ccf0fe03ed1cb6077543d39514ffc6077b127.png) 13px 0;
}
/* Multi-like Modal */
.async-commenting-container .multi-like-modal {
    text-align: center;
}
.async-commenting-container .multi-like-modal span.title {
    font-size: 18px;
    font-weight: bold;
}
.async-commenting-container .multi-like-modal.user-list-container {
    max-height: 561px; /* 10 entries */
    max-height: 281px; /* 5 entries */
    overflow-y: scroll;
}
.async-commenting-container .multi-like-modal .user-list-container .show-more-button {
    padding: 7px 52px 0;
    height: 18px;
    background-color: #E9E9E9;
    margin: 0 20px;
}
.async-commenting-container .multi-like-modal .user-list-container .show-more-button a.link-text {
    font-size: 12px;
}
.async-commenting-container .multi-like-modal .user-list-container .show-more-button a.link-text span,
.async-commenting-container .multi-like-modal .user-list-container .show-more-button a.link-text div {
    float: left;
}
.async-commenting-container .multi-like-modal ul.user-list {
    list-style-type: none;
    padding: 0 20px;
}
.async-commenting-container .multi-like-modal ul.user-list li {
    border-bottom: 1px #d4d4d4 solid;
    padding: 10px 0;
}
.async-commenting-container .multi-like-modal ul.user-list li .user-like-container {
    height: 35px;
}
.async-commenting-container .multi-like-modal ul.user-list li .avatar {
    float: left;
    margin-right: 10px;
    height: 35px;
    width: 35px;
    overflow: hidden;
}
.async-commenting-container .multi-like-modal ul.user-list li .avatar img {
    max-width: 35px;
}
.async-commenting-container .multi-like-modal ul.user-list li .avatar img.avatar-image {
    max-width: 35px;
    height: auto;
}
.async-commenting-container .multi-like-modal ul.user-list li .user-info a.title {
    font-size: 14px;
    font-weight: bold;
}
.async-commenting-container .multi-like-modal ul.user-list li .user-info .stats {
    margin-top: 5px;
    font-size: 10px;
}
.async-commenting-container .multi-like-modal ul.user-list li .user-info .stats span.strong {
    font-weight: bold;
}
.async-commenting-container .dummy {
    width: 422px !important;
    box-sizing: border-box;
}
.async-commenting-container .dashboard-landing .dummy {
    width: 414px !important;
}
.async-commenting-container .profile-feeds .dummy {
    width: 452px !important;
}
.async-commenting-container .multi-like-modal span.uppercase {
    text-transform: uppercase;
    margin-left: 5px;
}
.async-commenting-container .multi-like-modal .stats span.uppercase:first-child {
    margin-left: 0;
}
.feed-items-container .commenting-container,
.feed-items-container .multiple-like {
    margin: 0;
}
.async-commenting-container .feed-user-post-block span.new-update,
.async-commenting-container .feed-user-post-block a {
    font-weight: normal;
}
/** Can't figure out why the tooltip is put off to the
  * side a bit, but this takes care of it (hacky?)
  */
.async-commenting-container .delete-comment-tooltip {
    margin-left: 0;
}
.async-commenting-container .bodyspace-user-feed .photo.upload-progress-photo .feed-content-update a {
    display: inline-block;
    vertical-align: top;
}
.async-commenting-container .bodyspace-user-feed .photo.upload-progress-photo .feed-content-update a img {
    max-width: 100px;
    max-height: 100px;
}
/**
  * Since not all feed events have a comment box below
  * them yet, we have to add the padding one at a time.
  */
.async-commenting-container .workout-tracked .feed-user-post-time,
.async-commenting-container .workout-template .feed-user-post-time,
.async-commenting-container .program-created .feed-user-post-time,
.async-commenting-container .program-applied .feed-user-post-time,
.async-commenting-container .changed-measurement .feed-user-post-time,
.async-commenting-container .photo.upload-gallery-photo .feed-user-post-time,
.async-commenting-container .photo.upload-progress-photo .feed-user-post-time,
.async-commenting-container .changed-bodyfat .feed-user-post-time,
.async-commenting-container .changed-weight .feed-user-post-time,
.async-commenting-container .motivation-level-change .feed-user-post-time,
.async-commenting-container .fit-status-change .feed-user-post-time {
    padding-bottom: 5px;
}
.login-modal-container .banner {
    width: 210px;
}
.async-commenting-container .ajax-spinner {
    background: url(i/b4c9be86fede83567a0ade238f4b3eadba60c060.gif) white no-repeat center;
    height: 30px;
    width: 30px;
    position: absolute;
    left: 50%;
    bottom: 50%;
    z-index: 1;
}
.async-commenting-container .newest-comment {
    background-color: #E9E9E9;
    -webkit-transition: background-color 1000ms linear;
            transition: background-color 1000ms linear;
}

.standalone .async-commenting-container .input-container .post-button .bb-btn {
    bottom: 30px;
    right: 10px;
}
.standalone .async-commenting-container .comment .avatar {
    margin-left: 10px;
}
.standalone .async-commenting-container .input-container.bbActiveCoreInput .post-button {
    margin-right: 0;
}
.standalone .async-commenting-container .comment .buttom-options-menu {
    height: 16px;
    width: 20px;
}
div.standalone div.async-commenting-container div.comment div.avatar {
	margin-left: 10px;
}
div.standalone div.async-commenting-container div.comment div.buttom-options-menu {
	height: 16px;
	width: 20px;
}


div.async-commenting-container .bbCaption .bbCoreInput.bbTextArea{
    background: #fff;
}



/** app/bower_components/bbcomcdn-common/BB/UI/Thumbnail/src/full/graphyte/Thumbnail.css (390 bytes) */

.bbThumbnail {
    overflow: hidden;
}
.bbThumbnail img {
    height: auto;
}
.bbThumbnail.bbSmall {
    width: 70px;
    height: 70px;
}
.bbThumbnail.bbTiny {
    width: 35px;
    height: 35px;
}
.bbThumbnail.bbSmall img {
    width: 70px;
}
.bbThumbnail.bbTiny img {
    width: 35px;
}
.bbThumbnail.bbMed {
    width: 80px;
    height: 80px;
}
.bbThumbnail.bbMed img {
    width: 80px;
}



/** app/bower_components/bbcomcdn-common/BB/UI/Feedback/Base/src/full/graphyte/Base.css (530 bytes) */

.feedbackContainer {
    display: table-row-group;
    font-family: ProximaNova, Arial;
    font-size: 14px;
}
.feedbackContainer .feedbackIconContainer {
    display: table-cell;
    vertical-align: middle;
}
.feedbackContainer .feedbackIcon {
    width: 10px;
    height: 33px;
    margin: 0;
}
.feedbackContainer .feedbackHtml {
    padding: 5px 0 5px 10px;
    display: table-cell;
    vertical-align: middle;
    line-height: 14px;
}
.feedbackErrorInPageContainer .feedbackContainer {
    display: block;
    margin: 10px;
}



/** app/bower_components/bbcomcdn-common/BB/UI/Feedback/Success/src/full/graphyte/success.css (338 bytes) */

.feedbackSuccessContainer {
    background: #e3f3d6;
}
.feedbackSuccessContainer .feedbackIcon {
    background: url(i/c4fd607e7f88c9b6c46e989312664dfe7f133385.png) no-repeat 0 -1300px;
    width: 26px;
    height: 22px;
}
.feedbackSuccessInPageContainer {
    border: 1px solid #33CC33;
    width: 100%;
    background: #e3f3d6;
}



/** app/bower_components/bbcomcdn-common/BB/UI/Feedback/Error/src/full/graphyte/error.css (331 bytes) */

.feedbackErrorContainer {
    background: #f6d2d1;
}
.feedbackErrorContainer .feedbackIcon {
    background: url(i/c4fd607e7f88c9b6c46e989312664dfe7f133385.png) no-repeat 0 -1325px;
    width: 4px;
    height: 15px;
}
.feedbackErrorInPageContainer {
    border: 1px solid #FF0000;
    background: #f6d2d1;
    width: 100%;
}



/** app/bower_components/bbcomcdn-common/BB/UI/Feedback/Message/src/full/graphyte/message.css (178 bytes) */

.feedbackContainer.feedbackSuccessContainer {
    width: 200px;
    min-height: 30px;
}

.feedbackContainer.feedbackMessageContainer {
    font:400 12px/1.5em arial,sans-serif;
}


/** app/bower_components/bbcomcdn-common/BB/UI/Prompt/Confirm/src/full/graphyte/Confirm.css (783 bytes) */

.tooltip.confirmation,
.tooltip.confirmation .tooltip-arrow span {
    background-color: #F4F4F4;
}
.tooltip-confirm-content {
    text-align: center;
    width: 187px;
}
.tooltip-confirm-text {
    padding: 15px 15px 10px;
    line-height: 15px;
}
.tooltip-confirm-content hr {
    padding: 0;
    margin: 0;
    border-left-width: 0;
    border-right-width: 0;
    border-top: 1px solid #BCBDBC;
    border-bottom: 1px solid #FFF;
}
.tooltip-confirm-buttons {
    padding: 10px 0;
    font-size: 0;
}
.tooltip-confirm-buttons div:first-child {
    margin-right: 10px;
}
.tooltip-confirm-buttons div {
    display: inline-block;
    width: 50px;
    *display: inline;
    *zoom: 1;
}
.bbTooltip.bbConfirm .bbTooltipContainer .bbTooltipInner .tooltipCloseIcon {
    display: none;
}



/** app/bower_components/bbcomcdn-common/BB/UI/BodyBanner/src/full/BodyBanner.css (7378 bytes) */

.body-large-banner {
    width: 808px;
    height: 335px;
    background-color: #2c2b2a;
    overflow: hidden;
    position: relative;
}
.body-large-banner img.image-large-banner {
    width: 808px;
    height: auto;
    position: absolute;
}
.body-large-banner-foot {
    position: absolute;
    width: 793px;
    height: 47px;
    margin-top: -48px;
    border-top: 1px solid #585a5c;
    color: #fff;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQIW2NkYGCYCQAAowCbj2TW3wAAAABJRU5ErkJggg==);
    padding-right: 15px;
}
.body-large-banner-foot ._user-name {
    max-width: 325px;
    height: 36px;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
    font-size: 30px;
    margin: 10px 0 0 180px;
}
.body-large-banner-foot ._metric-container {
    float: right;;
    padding: 15px 0 0 15px;
}
.body-large-banner-foot ._metric-container div.edit-link {
    clear: both;
    font-size: 11px;
    margin-left: 19px;
}
.body-large-banner-foot ._metric-container div.edit-link div._edit {
    text-shadow: 1px 1px black;
    color: #0e709a;
    cursor: pointer;
    text-decoration: none;
}
.body-large-banner-foot ._metric-container div.edit-link div._edit:hover {
    color: #00a1de;
    text-decoration: underline;
    outline: none;
}
.body-large-banner-foot ._metric-container ._value {
    float: right;
    font-size: 18px;
    font-weight: bold;
    margin-top: -2px;
}
.body-large-banner-foot ._metric-container ._value.in-progress {
    height: 19px;
    width: 19px;
    margin-top: -7px;
    background: url(i/b4c9be86fede83567a0ade238f4b3eadba60c060.gif) 0 3px no-repeat;
}
.body-large-banner-foot ._metric-container ._label {
    float: right;
    margin: 3px 5px 0 0;
    font-size: 12px;
    font-weight: normal;
}
.body-large-banner-foot ._metric-container ._label:after {
    content: " :";
}
.profile-header-photo-container {
    position: absolute;
    margin: -135px 0 2px 5px;
    background-color: #fff;
    overflow: hidden;
    width: 156px;
    height: 185px;
    border: 1px solid #d2d2d2;
    z-index: 1;
}
.profile-header-photo-container ._fit-photo {
    width: 149px;
    height: 145px;
    overflow: hidden;
}
.profile-header-photo-container img {
    width: 145px;
    height: auto;
    overflow: hidden;
    margin: 6px;
}
.profile-header-photo-container ._title {
    font-size: 11px;
    margin: 9px 0 0 6px;
    color: #6C6C6C;
}
.profile-header-photo-container ._value {
    font-size: 14px;
    margin-left: 6px;
    font-weight: bold;
}
.profile-header-photo-container .username-header-label {
    font-size: 14px;
    font-weight: bold;
}
.profile-header-public-actions-global-container {
    padding-top: 1px;
    padding-bottom: 1px;
    background-color: #fff;
    margin: 51px 0 -6px 5px;
    width: 156px;
    border: 1px solid #d2d2d2;
}
.profile-header-public-actions-global-container._notme {
    margin: 51px 0 -10px 5px;
}
.profile-header-public-actions-container {
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
}
.profile-header-public-actions-global-container._notme .profile-header-public-actions-container {
    height: 0;
    width: 156px;
    border: none;
    padding: 0;
    background: #fff;
}
.profile-header-public-actions-global-container._me .profile-header-public-actions-container ._label {
    font-size: 12px;
    text-align: center;
    padding: 30px 10px 15px 10px;
    color: #6C6C6C;
    line-height: 14px;
}
.profile-header-public-actions-global-container._me .profile-header-public-actions-container ._link {
    font-size: 11px;
    text-align: center;
}
.profile-header-public-actions-container ._item {
    width: 120px;
    margin: 7px 0 7px 25px;
}
.profile-header-public-actions-container ._item a {
    font-size: 11px;
    font-weight: normal;
}
#leftContent .publicActions {
    position: absolute;
}
#leftContent .publicActions ~ #left-nav-container {
    margin-top: 176px !important;
}
#leftContent .publicActions ul#pre-nav li {
    margin: 7px 0 0 20px;
    padding: 0;
}
#leftContent .publicActions ul#pre-nav li span {
    font-size: 11px;
    line-height: 11px;
}
#leftContent .publicActions ul#pre-nav {
    padding: 2px 0 2px 0;
    border-top: 3px double #d2d2d2;
    border-bottom: 3px double #d2d2d2;
    list-style: none;
    margin: 51px 0 -6px 6px;
    padding-top: 4px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAJklEQVQIW2N8/+7NfwFBYQYYYPwPBB/ev2WACYIFQLIwQbgATBAAU5IYwVTWVzYAAAAASUVORK5CYII=);
    overflow: hidden;
    width: 156px;
    height: 119px;
    box-shadow: inset 0 0 10px #f3f3f3;
}
#leftContent .publicActions ~ #left-nav-container #left-navigation-column ol li:first-child {
    border-top: none;
}
#leftContent .publicActions .profile-header-public-actions-global-container._me  .profile-header-public-actions-container {
    height: 125px;
}
.publicCommunityBanner {
    display: none;
}
@media (min-width: 768px) {
    .publicCommunityBanner {
        display: block;
        position: relative;
        margin: 0 auto;
        background-size: 100%;
        width: 750px;
        height: 280px;
    }
}
@media (min-width: 992px) {
    .publicCommunityBanner {
        width: 808px;
        height: 302px;
    }
}
.publicCommunityBanner .publicCommunityBannerTitle {
    font: 57px/42px ProximaNovaExCnBold, Arial, sans-serif;
    color: #fff;
    padding: 75px 0 0 55px;
}
.publicCommunityBanner .publicCommunityBannerBlueLine {
    background: url(i/c4fd607e7f88c9b6c46e989312664dfe7f133385.png) -25px -1247px no-repeat;
    width: 200px;
    height: 3px;
    margin: 5px 0 8px 55px;
}
.publicCommunityBanner .publicCommunityBannerDescription {
    color: #fff;
    font: 19px ProximaNovaExCnBold, Arial, sans-serif;
    padding-left: 55px;
}
.publicCommunityBanner.publicMembers {
    background-image: url(i/f0f55b23f9a3559392dab8bbfc228d22a4272d54.jpg);
}
.publicCommunityBanner.publicBodyBlogs {
    background-image: url(i/82bdfd844f96cebd43826e45f9a2e29b85b579ef.jpg);
}
.publicCommunityBanner.publicBodyGroups {
    background-image: url(i/4384ea4a93dccd37b4cab9a8ec6acf2230d3cc30.jpg);
}
.publicCommunityBanner.publicFitBoards {
    background-image: url(i/3a583c863322f8551fcf22bcbf068d0e3429eb45.jpg);
}
.publicCommunityBanner.publicPhotos {
    background-image: url(i/4b4c950b7ed5c34ee317c7d62b9b598cfd2f10a6.jpg);
}
.publicCommunityBanner.publicProgramsWorkouts {
    background-image: url(i/3f3561d5df122c350a536481e0905fe6bbde7f6d.jpg);
}
.publicCommunityBanner.publicReviews {
    background-image: url(i/9919e1324f845c101a2ab9b1ba160f7c32147a93.jpg);
}
div#leftContent {
    font-family: ProximaNova, Arial, san-serif;
}
#pre-nav .bbBinderOwnerFriend,
#pre-nav .bbBinderOwnerFollow,
#pre-nav .bbBinderOwnerInspirational {
    color: #00aeef;
    cursor: pointer;
}
#pre-nav .bbBinderOwnerFriend:hover,
#pre-nav .bbBinderOwnerFollow:hover,
#pre-nav .bbBinderOwnerInspirational:hover {
    color: #33b1ef;
    cursor: pointer;
}
#pre-nav .bbBinderOwnerFriend.noLink {
    color: #6c6c6c;
    cursor: default;
}



/** app/bower_components/bbcomcdn-common/BB/UI/Login/src/full/graphyte/login.css (8070 bytes) */

.modalLoginBodyContainer {
    font-family: ProximaNova, Arial, sans-serif;
    color: #111;
    font-size: 13px;
    border: none;
}
.modalLoginBodyContainer .bbSubHeader {
    width: 550px;
    border-bottom: 1px solid #d3d3d3;
    box-shadow: 0 1px 0 0 #fff;
    font-size: 16px;
    line-height: 18px;
}
.modalLoginBodyContainer .bbSubHeader .bbSubHeaderLeft,
.modalLoginBodyContainer .bbSubHeader .bbSubHeaderRight {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 22px;
    width: 49.5%;
}
.bbSubHeaderRight {
    display:none;
}
@media (min-width: 768px) {
    .bbSubHeaderRight {
        display:inline-block;
    }
}

.modalLoginBodyContainer .bbBold {
    font-weight: bold;
}
.modalLoginBodyContainer label.remember-me,
.modalLoginBodyContainer .bbDescription,
.modalLoginBodyContainer .bbItem {
    text-shadow: #fff 0 1px 0;
}
.modalLoginBodyContainer .bbForms {
    padding-top: 25px;
    width: 550px;
    height: 270px;
    font-size: 12px;
    line-height: 14px;
}
.modalLoginBodyContainer .bbForms .bbFormSignUp {
    float: left;
    border-left: 1px solid #fff;
    height: 270px;
    width: 239px;
    padding-left: 35px;
    line-height: 14px;
}
.modalLoginBodyContainer .bbForms .bbFormSignUp .bbItems {
    font-size: 14px;
    line-height: 18px;
    padding: 15px 0;
}
.modalLoginBodyContainer .bbForms .bbFormSignIn {
    float: left;
    border-right: 1px solid #d3d3d3;
    height: 270px;
    width: 274px;
}
.modalLoginBodyContainer .bbForms .bbFormSignIn form {
    padding-top: 10px;
}
.modalLoginBodyContainer .bbForms .bbFormSignIn form label.watermark {
    position: absolute;
    margin: 15px 10px;
    font-size: 14px;
    color: #9A9B9C;
}
.modalLoginBodyContainer .bbForms .bbFormSignIn form input.bbTextBox {
    width: 220px;
    margin-bottom: 10px;
}
.modalLoginBodyContainer .bbForms .bbFormSignIn form .input-checkbox-container {
    display: inline;
}
.modalLoginBodyContainer .bbForms .bbFormSignIn form .loginContainer {
    margin-top: 15px;
}
.modalLoginBodyContainer .bbForms .bbFormSignIn form .loginContainer .login-button {
    cursor: pointer;
}
.modalLoginBodyContainer .bbForms .bbFormSignUp .bbItems .bbItem span {
    display: inline-block;
    width: 7px;
    height: 9px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAXklEQVQYV2NsbGj4X9/QwMhAADBOmTz5/4wZ0xlCQ8MY8GkAm6SjrfUfZqC+gQHD0qXLMGwACyQmJPw/ffoUiuXGxsYMCxcthmsgTSFRVhPtGaKDh1D4weQJBjRMIQD69iwL1lgfUAAAAABJRU5ErkJggg==);
    margin-right: 4px;
}
.modalLoginBodyContainer .graphyte-button.std.primary-action {
    font-size: 20px;
    padding-top: 6px;
    padding-bottom: 6px;
}
.modalLoginBodyContainer div.facebook-button-container {
    width: 255px;
}
.modalLoginBodyContainer div.social-button-container span.social-disclaimer-text {
    font-size: 11px;
    display: block;
    margin-top: 4px;
}
.modalLoginBodyContainer div.facebook-button-container .seperator {
    border-top: 1px solid #BCBDBC;
    border-bottom: 1px solid #fff;
    margin: 15px 0;
    position: relative;
}
.modalLoginBodyContainer div.facebook-button-container .seperator span {
    position: absolute;
    top: 50%;
    margin-top: -7px;
    left: 50%;
    margin-left: -12px;
    background-color: #E9E9E9;
    display: block;
    padding: 0 7px;
}

.modalLoginBodyContainer.minimal .bbForms .bbFormSignIn {
    width: 100%;
    border-right-width: 0;
    height: auto;
    float: none;
}

.modalLoginBodyContainer.minimal .bbForms .bbFormSignIn form input.bbTextBox {
    width: 525px;
}
.modalLoginBodyContainer.minimal .bbForms {
    padding-top: 0;
    height: auto;
}
.modalLoginBodyContainer.minimal .bbDescription {
    margin-bottom: 5px;
}

.modalLoginBodyContainer.minimal div.signup-container {
    float: right;
    margin-top: 5px;
}

.forgot-login-info-link {
    float: right;
    padding-right: 33px;
    margin-top: 6px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/* Login modal styles */
.modular-sign-up .bbInputWithIcon .bbTextBox {
    width: 100%;
    box-sizing: border-box;
}
.modular-sign-up .select.birth-month {
    width: 50% !important;
    box-sizing: border-box;
}
.modular-sign-up .select.birth-day {
    width: 24% !important;
    margin-left: 1%;
    box-sizing: border-box;
}
.modular-sign-up .select.birth-year {
    width: 24% !important;
    margin-left: 1%;
    box-sizing: border-box;
}
.modular-sign-up input[name="newsletter"] {
    width: 5%;
    float: left;
}
.modular-sign-up label[for="newsletter"] {
    width: 95%;
    display: inline-block;
}
.modular-sign-up .accept-terms {
    display: inline-block;
    margin-bottom: 50px;
}
.modular-sign-up #submitSignupForm {
    padding: 2px 10px 0 10px;
    line-height: 26px;
}
.modular-sign-up .signup-line {

}
.modular-sign-up .bbDropDown.bbLarge .cape {
    width: 100% !important;
}
.modular-sign-up .bbInputWithIcon {
    width: 100%;
}
.modular-sign-up .bbDropDown .cape .cape-content {
    width: 100% !important;
}
.modular-sign-up .bbInputWithIcon .bbInputWaterMark {
    width: 100%;
    padding: 0 10px;
    margin: 17px 0 0 0 !important;
    box-sizing: border-box;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.modalLoginBodyContainer .bbForms .bbFormSignIn form .input-checkbox-container {
    display: inline-block;
    margin-right: 4px;
}

@media only screen and (max-width : 580px) {
    .modular-sign-up .signup-line .select.birth-month {
        width: 100% !important;
    }
    .modular-sign-up .signup-line .select.birth-day {
        width: 100% !important;
    }
    .modular-sign-up .signup-line .select.birth-year {
        width: 100% !important;
    }
    .modalContainerGlobal .bbBody {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .modular-sign-up #submitSignupForm {
        box-sizing: border-box;
    }
    .modular-sign-up .signup-line span.title {
        margin-left: 0;
    }
    .modular-sign-up .select.birth-day {
        margin-left: 0;
    }
    .modular-sign-up .select.birth-year {
        margin-left: 0;
    }
}

/* My old styles were reacting with Ben's new styles */
/*@media only screen and (max-width : 610px) {
    .modalLoginBodyContainer .bbSubHeader {
        width: 100%;
    }
    .modalLoginBodyContainer .bbSubHeader .bbSubHeaderRight {
        display: none;
    }
    .modalLoginBodyContainer .bbSubHeader .bbSubHeaderLeft {
        width: 100%;
    }
    .modalLoginBodyContainer .bbForms .bbFormSignIn {
        width: 100%;
        height: auto;
        border-right: 0;
        padding-bottom: 25px;
        border-bottom: 1px solid #d3d3d3;
    }
    .modalLoginBodyContainer .bbForms .bbFormSignUp {
        width: 100%;
        height: auto;
        padding-left: 0;
        padding-top: 20px;
        border-top: 1px solid #fff;
        border-left: 0;
    }
    .modalLoginBodyContainer .bbForms .bbFormSignUp:before {
        content: "Don't have an account\AJoin now, it's free!";
        white-space: pre;
        display: inline-block;
        width: 100%;
        margin-bottom: 22px;
        vertical-align: top;
        font-family: ProximaNova, Arial, sans-serif;
        color: #111;
        font-size: 16px;
        line-height: 18px;
        text-transform: uppercase;
    }
    .modalLoginBodyContainer div.facebook-button-container {
        width: 100%;
    }
    .modalLoginBodyContainer .bbForms {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .modalLoginBodyContainer .bbForms .bbFormSignIn form input.bbTextBox {
        width: 100%;
        box-sizing: border-box;
        padding: 0 10px;
        line-height: 40px;
        height: 40px;
    }
    .modalLoginBodyContainer .forgot-login-info-link {
        padding-right: 0;
        margin-top: 0;
    }
    .modalContainerGlobal.bbGraphyte .bbModalContainer.bbGraphyte .bbBody {
        overflow: hidden;
    }
}*/

/* error message on top of form inputs when
   login fails */
.bb-legacy-login-failed-login {
    max-width: 220px;
}



/** app/bower_components/bbcomcdn-common/BB/UI/Social/FacebookButton/src/full/graphyte/Social.css (2515 bytes) */

a.social-button {
	display: block;
	padding: 10px 0;
	text-align: center;
	position: relative;
	font-family: Arial, sans-serif;
	color: #FFF !important;
	font-size: 15px;
	font-weight: bold;
 border-radius: 2px;
}

a.social-button.small {
	padding: 3px 0 5px 0;
}

a.social-button.small span {
	font-size: 11px;
}

a.social-button:hover {
	text-decoration: none !important;
}

a.social-button.facebook-button {
	box-shadow: inset 0 1px 0 0 #81abd9;
	border: 1px solid #47689d !important;
	background: #6190ca;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6190ca), color-stop(100%,#445090));
	background: -webkit-linear-gradient(top,  #6190ca 0%,#445090 100%);
	background: -webkit-linear-gradient(top, #6190ca 0%, #445090 100%);
	background: linear-gradient(to bottom,  #6190ca 0%,#445090 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6190ca', endColorstr='#445090',GradientType=0 );
}

a.social-button.facebook-button:hover {
	background: #6fb0d5;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6fb0d5), color-stop(100%,#4270b3));
	background: -webkit-linear-gradient(top, #6fb0d5 0%,#4270b3 100%);
	background: -webkit-linear-gradient(top, #6fb0d5 0%, #4270b3 100%);
	background: linear-gradient(to bottom, #6fb0d5 0%,#4270b3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fb0d5', endColorstr='#4270b3',GradientType=0 );
}

a.social-button.facebook-button span {
	padding-left: 7px;
	color: #FFF !important;
	vertical-align: middle !important;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

a.social-button.facebook-button.small span {
	margin-top: 3px;
}

a.social-button.facebook-button .icon {
	width: 17px;
	height: 17px;
	background: url(i/8394fa3dfc31fe43a01453379047677bbd522f3c.png) no-repeat 0 0;
	vertical-align: middle !important;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

a.social-button.facebook-button.medium .icon {
	background-position: 0 -17px;
	height: 23px;
	width: 23px;
	margin-top: -2px;
}

div.social-button-container span.social-disclaimer-text {
	font-size: 12px;
}

div.social-button-container {
	text-align: center;
}


/** app/bower_components/bbcomcdn-common/BB/UI/Signup/src/signup.css (8682 bytes) */

.registerLink {
    display: inline-block;
    cursor: pointer;
    color: #0e709a;
}

.registerLink:hover {
    color: #00a1de;
}

.modular-sign-up .input .icon {
    display: block;
    background-color: red;
    width: 20px;
    height: 20px;
}

/* GLOBAL */
.bbInput.invalid {
    border-color: red;
}
.bbInputWithIcon .bbTextBox {
    padding-left: 44px;
}
/* END GLOBAL */

input.border-red, .bbDropDown.border-red {
    border: 1px solid red; /* NOTE: Specificity is bad, but I had to override the overspecified global styles in rawberry. */
}
.fieldGroup__border-red .bbDropDown {
    border: 1px solid red;
}
.modular-sign-up .signup-line {
    margin-bottom: 19px;
}
.modular-sign-up .seperator {
    border-top: 1px solid #BCBDBC;
    border-bottom: 1px solid #fff;
    margin-bottom: 19px;
}
.bbInputWithIcon .bbTextBox {
    width: 561px;
    height: 45px;
    box-sizing: border-box;
    padding-top: 13px;
    padding-bottom: 11px;
}

.modular-sign-up .bbInputIcon {
    pointer-events: none;
}
.modular-sign-up .password .bbInputIcon {
    left: 17px;
}
.modular-sign-up .realname .bbInputIcon {
    left: 11px;
}
.modular-sign-up .email    .bbInputIcon {
    left: 11px;
    top: 15px;
}
.modular-sign-up .birthday .bbInputIcon {
    left: 11px;
}

/* DropDowns */
.modular-sign-up .birth-month,
.modular-sign-up .gender,
.modular-sign-up .facebook-signin {
    margin-left: 0;
}
.modular-sign-up .bbDropDown {
    width: 276px !important;
}
.modular-sign-up .birth-year {
    width: 135px !important;
}
.modular-sign-up .birth-day {
    width: 134px !important;
}
.modular-sign-up .birth-year .head,
.modular-sign-up .birth-day .head {
    text-indent: 0;
}
.modular-sign-up .gender .icon {
    left: 13px;
    top: 8px;
}
.modular-sign-up .unitofmeasure .icon {
    left: 11px;
    top: 13px;
}
.modular-sign-up .unitofmeasure {
    /*text-indent: 36px;*/
}
.modular-sign-up .select {
    width: 250px;
}
.modular-sign-up .accept-terms {
    width: 559px;
    margin-bottom: 69px;
}

/* Facebook Button */
.modular-sign-up .facebook .facebook-signin {
    width: 546px !important;
}
.modular-sign-up .facebook .facebook-signin .decoration {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.modular-sign-up .facebook .facebook-signin .head {
    width: 500px;
}
.modular-sign-up .facebook .facebook-signin .icon {
    top: 12px;
    left: 12px;
}

/* Temporary bottom bar stuff */
.modular-sign-up .bottom-bar {
    background-color: #BCBDBC;
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    box-shadow: 0 -1px 0 #989898;
    border-top: 1px solid #F1EFEF;
    border-radius: 0 0 5px 5px;
}
#submitSignupForm {
    float: right;
}

/* ******************************************************************** */
/* SUCCESS */
/* ******************************************************************** */
.modular-sign-up.signup.success {
    margin-top: -14px;
    margin-left: -16px;
    min-height: 244px;
}
.signup.success .graphic {
    margin: auto;
    height: auto;
    float: left;
    margin-right: -41px;
}
.signup.success .descriptionText {
    padding-top: 30px;
}
.signup.success h2 {
    font: 42px/35px ProximaNovaExCnBold, Arial, sans-serif;
    text-align: left;
    margin-top: 0;
}
.signup.success p {
    font-size: 14px;
    max-width: 565px;
}
.signup.success .signup-line {
    clear: both;
}
.signup.success .bottom-bar .buttons {
    float: right;
}
.signup.success .bottom-bar .doneButton.hideInMobile {
    font: 14px ProximaNova, Arial, sans-serif;
    color: #002A44;
    text-shadow: 0 1px 0 #fff;
    line-height: 33px;
}
.signup.success .bottom-bar .hideInFull {
    display: none;
}

div.modular-sign-up .feedbackContainer .feedbackHtml {
    font-size: 12px;
}

div.modular-sign-up .feedbackErrorInPageContainer {
    margin-bottom: 20px;
    box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.3);
    max-width: 560px;
}
div.modular-sign-up div#signup-with-facebook-button {
    margin-bottom: 20px;
}
div.modular-sign-up .social-button.social-button span {
    font-size: 13px;
}

div.modular-sign-up .social-button .social-button-content {
    position: relative;
    padding: 0 12px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

div.modular-sign-up .facebook-button-container .seperator {
    position: relative;
    margin-top: 28px;
}

div.modular-sign-up .facebook-button-container .seperator span {
    position: absolute;
    text-align: center;
    background-color: #E9E9E9;
    padding: 0 10px;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -13px;
    font-size: 14px;
    color: #747474;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

div.modular-sign-up .facebook-other-option {
    text-align: center;
    margin-bottom: 20px;
}

div.modular-sign-up div#signup-with-facebook-button {
    text-align: center;
}

div.modular-sign-up div.social-button-container {
    text-align: center;
    max-width: 280px;
    margin: 0 auto;
}

div.modular-sign-up div.social-button-container > a {
    margin-bottom: 5px;
}

div.modular-sign-up div.feedbackContainer .feedbackHtml {
    padding: 15px 10px;
}

div.modular-sign-up div.feedbackSuccessContainer .feedbackIcon {
    background-position: 8px -1297px;
}

div.modular-sign-up div.feedbackSuccessContainer strong {
    text-transform: uppercase;
}

div.modular-sign-up div.feedbackSuccessInPageContainer {
    margin-bottom: 20px;
}

.signup-line .errorState {
    margin-top: 5px;
    color: red;
}

.modular-sign-up .signup-line .gender {
    float: left;
}

.modular-sign-up .signup-line .unitofmeasure {
    float: right;
}

.modular-sign-up .signup-line .bbRadioButton label div {
    float: right;
    color: #737373;
    font-family: ProximaNova, Arial, sans-serif;
    text-transform: none;
    font-size: 14px;
}

.modular-sign-up .signup-line .bbRadioButton label span {
    margin-top: 0;
}

.modular-sign-up .signup-line span.title {
    color: #919191;
    font-size: 16px;
    float: left;
    margin: 8px 5px 0;
    font-family: ProximaNovaExCnBold, Arial;
    text-transform: uppercase;
    -webkit-text-shadow: 0px 1px 0px #FFF; /* for chrome */
    text-shadow: 0px 1px 0px #FFF;/* for all browser*/
    -moz-text-shadow: 0px 1px 0px #FFF; /* for firefox */
}


/* Mobile Responsive Design */
@media (max-width: 580px) {
    .successSignUp .modular-sign-up.signup.success {
        min-height: 270px;
    }
    .signup.success .bottom-bar .hideInMobile {
        display: none;
    }
    .signup.success .bottom-bar .hideInFull {
        display: block;
    }
    .successSignUp .modalContainerGlobal.bbGraphyte .bbModalContainer.bbGraphyte .bbBody {
        padding: 15px;
    }
    .successSignUp .signup.success .graphic {
        width: 200px;
    }
    .signup.success .descriptionText {
        padding-top: 18px;
    }
    .signup.success .descriptionText h2 {
        font-size: 20px;
        line-height: 20px;
    }
    .signup.success .signup-line.bottom-bar .buttons {
        float: none;
    }
    .signup.success .signup-line.bottom-bar .buttons .bbButton.hideInFull.doneButton {
        margin-bottom: 10px;
    }
    .signup.success .signup-line.bottom-bar .buttons .bbButton {
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
    }
    .modular-sign-up .signup-line input.bbTextBox,
    .modular-sign-up .accept-terms {
        width: 100%;
    }
    .modular-sign-up .signup-line.bottom-bar .bbButton.primaryAction {
        width: 100%;
    }
    .modular-sign-up .signup-line .bbDropDown,
    .modular-sign-up .signup-line select {
        margin-left: 0;
        width: 96%!important;
    }

    .modular-sign-up .signup-line {
        width: auto;
    }

    .modular-sign-up .signup-line .bbDropDown.birth-month,
    .modular-sign-up .signup-line .bbDropDown.birth-day,
    .modular-sign-up .signup-line .bbDropDown.gender {
        margin-bottom: 19px;
    }

    .modular-sign-up .gender .icon,
    .modular-sign-up .unitofmeasure .icon {
        display: none !important;
    }
    .modular-sign-up .signup-line .unitofmeasure {
        margin-top: 12px;
    }

    .modular-sign-up .signup-line .gender,
    .modular-sign-up .signup-line .unitofmeasure {
        float: none !important;
    }
}



/** app/bower_components/bbcomcdn-common/BB/UI/Signup/src/signup-sprites.spritemapper.css (1895 bytes) */

/*

  spritemapper.sprite_dirs = ./images/
  spritemapper.output_css = signup-sprites.spritemapper.css
  spritemapper.output_image = ./suw.png
  spritemapper.base_url = //common.bbcomcdn.com/BB/UI/Signup/src/

*/


.modular-sign-up .username .bbInputIcon {
    background: url(i/daa974e4201784593c94fc08ff4508427a4269d0.png) no-repeat 0 -56px;
    width: 21px;
    height: 22px;
}

.modular-sign-up .password .bbInputIcon {
    background: url(i/daa974e4201784593c94fc08ff4508427a4269d0.png) no-repeat -24px -31px;
    width: 16px;
    height: 22px;
}

/*.modular-sign-up .facebook .bbInputIcon {
    background: url('images/facebook.png');
    width: 20px;
    height: 21px;
}
*/
.modular-sign-up .facebook .facebook-signin .icon {
    background: url(i/daa974e4201784593c94fc08ff4508427a4269d0.png) no-repeat -41px -31px;
    width: 20px;
    height: 21px;
}

.modular-sign-up .realname .bbInputIcon {
    background: url(i/daa974e4201784593c94fc08ff4508427a4269d0.png) no-repeat -62px -31px;
    width: 25px;
    height: 21px;
}

.modular-sign-up .email .bbInputIcon {
    background: url(i/daa974e4201784593c94fc08ff4508427a4269d0.png) no-repeat -49px 0;
    width: 24px;
    height: 16px;
}

/*.modular-sign-up .birthday .bbInputIcon {
    background: url('images/birthday.png');
    width: 23px;
    height: 24px;
}
*/
.modular-sign-up .birth-month .icon {
    background: url(i/daa974e4201784593c94fc08ff4508427a4269d0.png) no-repeat 0 -31px;
    width: 23px;
    height: 24px;
}
.modular-sign-up .gender .icon {
    background: url(i/daa974e4201784593c94fc08ff4508427a4269d0.png) no-repeat 0 0;
    width: 18px;
    height: 30px;
    display: block;
    float: left;
}
.modular-sign-up .unitofmeasure .icon {
    background: url(i/daa974e4201784593c94fc08ff4508427a4269d0.png) no-repeat -19px 0;
    width: 29px;
    height: 22px;
    display: block;
    float: left;
}




/** app/bower_components/bbcomcdn-common/BB/APP/social/UI/css/social.css (5383 bytes) */

div#social-sharing-page {
    display: none;
    text-align: left;
}
div#social-sharing-page p.desc-text {
    font-size: 14px;
    padding-top: 8px;
}

div#social-sharing-page div.sharing-button-container {
    margin: 13px 0 18px;
}

div#social-sharing-page div.category-header-container {
    padding-bottom: 6px;
    border-bottom: 1px solid #919191;
}

div#social-sharing-page span.category-label {
    font-family: ProximaNovaExCnBold, Arial, sans-serif;
    font-size: 20px;
    color: #232323;
    text-transform: uppercase;
    vertical-align: middle;
	display: inline-block;
    *display: inline;
    *zoom: 1;
}

div#social-sharing-page div.feedback-message {
    margin-bottom: 17px;
}

div#social-sharing-page .row {
    margin: 0;
}

div#social-sharing-page div.category-block ul.category-items-container {
    margin: 17px 0 43px;
    list-style-type: none;
    padding: 0;
}

div#social-sharing-page div.category-block ul.category-items-container li {
    margin-bottom: 11px;
    font-size: 14px;
    color: #5a5a5a;
}

div#social-sharing-page div.bbRadioButton.bbStd label {
    padding-top: 0;
    color: #5a5a5a;
    font-family: ProximaNova, Arial, sans-serif;
    font-size: 14px;
    text-transform: none;
}

div#social-sharing-page div.bbRadioButton.bbStd label span {
    display: inline-block;
    float: none;
    margin-top: 0;
    margin-left: 26px;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
}

div#social-sharing-page div.category-item-radio {
    text-align: right;
    padding: 0;
}

div#social-sharing-page span.category-item-label {
    display: block;
    margin-top: 4px;
    padding: 0;
}

div#social-sharing-page div.update-button-container {
    text-align: right;
    padding-bottom: 20px;
}

div#social-sharing-page div.update-button-container button {
    width: 110px;
}

div#social-sharing-page .feedbackSuccessContainer .feedbackIcon {
    width: 20px;
    height: 14px;
    margin-left: 10px;
}

div#social-sharing-page span.sharing-options {
    float: right;
    font-family: ProximaNovaExCnBold, Arial, sans-serif;
    font-size: 15px;
    color: #232323;
    text-transform: uppercase;
    margin-top: 3px;
    vertical-align: middle;
    cursor: pointer;
    width: 148px;
    text-align: right;
    display: inline-block;
    position: relative;
    *display: inline;
    *zoom: 1;
}

div#social-sharing-page span.sharing-options div.gear-menu-icon {
    background: url(i/c4fd607e7f88c9b6c46e989312664dfe7f133385.png) no-repeat 0 -1556px;
    width: 10px;
    height: 8px;
    vertical-align: top;
    margin: 3px 0 0 5px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

div#social-sharing-page div.menu-dropdown {
    text-transform: none;
    top: 0;
}

div#social-sharing-page div.menu-dropdown li div.icon {
    background: url(i/3cf7712ae290e5c4582a8974f7248bd53e34b2ad.png) no-repeat 0 0;
    width: 13px;
    height: 10px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

div#social-sharing-page div.menu-dropdown li.share-all-link div.icon {
    background-position: 0 0;
}

div#social-sharing-page div.menu-dropdown li.dont-share-all-link div.icon {
    background-position: -13px 0;
}

div#social-sharing-page div.category-block div.icon {
	background: url(i/3cf7712ae290e5c4582a8974f7248bd53e34b2ad.png) no-repeat 0 0;
	width: 33px;
	height: 21px;
	margin: 0 7px 0 5px;
	vertical-align: middle;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

div#social-sharing-page div.category-block.measurement_updates div.icon {
	background-position: 0 -10px;
}

div#social-sharing-page div.category-block.goal_achievement div.icon {
	background-position: 0 -31px;
}

div#social-sharing-page div.category-block.photos_videos div.icon {
	background-position: 0 -53px;
}

div#social-sharing-page div.category-block.community_activity div.icon {
	background-position: 0 -75px;
}

div#social-sharing-page div.category-block.workout_activity div.icon {
	background-position: 0 -93px;
}

div#social-sharing-page select.mobile-gear-share {
	display: none;
}

div#social-sharing-page div.feedback-message div.feedbackHtml span {
    font-weight: bold;
}

div#social-sharing-page div.connect-button {
    text-align: center;
}

div#social-sharing-page div.social-button-container {
    width: 280px;
    margin: 0 auto;
}

div#social-sharing-page div.social-button-container > a {
    margin-bottom: 5px;
}

/* Hack attack... */
div#social-sharing-page div.category-block ul.category-items-container li.joined_gym,
div#social-sharing-page div.category-block ul.category-items-container li.inspired_by,
div#social-sharing-page div.category-block ul.category-items-container li.new_bodyblog_post,
div#social-sharing-page div.category-block ul.category-items-container li.added_template,
div#social-sharing-page div.category-block ul.category-items-container li.rated_template,
div#social-sharing-page div.category-block ul.category-items-container li.rated_program {
    display: none;
}

@media (max-width: 768px) {
    div#social-sharing-page div.category-item-radio {
        text-align: left;
    }
    div#social-sharing-page div.bbRadioButton.bbStd label span {
        margin-left: 0;
    }
    div#social-sharing-page span.sharing-options {
        float: none;
        text-align: left;
    }
}


/** app/bower_components/bbcomcdn-common/BB/UI/Signup/src/wrapper-overrides.css (290 bytes) */

input.bbTextBox,
.modalLoginBodyContainer {
    font-family: ProximaNovaReg, Arial, sans-serif;
}
.modalLoginBodyContainer .bbForms .bbFormSignIn form input.bbTextBox {
    box-sizing: content-box;
}

.bbModalContainer .bbFooter .bbFooterContent {
    height: auto;
    text-align: right;
}


/** app/bower_components/bbcomcdn-common/BB/APP/Goals/UI/src/full/graphyte/setGoals.css (4100 bytes) */

.setGoalsModalBody {
    padding-top: 15px;
}
.setGoalsModalBodyTitle {
    font: 24px ProximaNovaExCnBold, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.setGoalsModalBody .labels,
.setGoalsModalBody .currlabels,
.setGoalsModalBody .goallabels {
    margin: 15px 15px 10px 15px;
    font: 16px ProximaNovaExCnBold, Arial, sans-serif;
    text-transform: uppercase;
}

.setGoalsModalBody.track .labels,
.setGoalsModalBody.track .currlabels,
.setGoalsModalBody.track .goallabels {
    margin: 35px 35px 10px 35px;
}

.setGoalsModalBody .currInputs,
.setGoalsModalBody .goalInputs {
    margin: 0 15px 15px 15px;
}

.setGoalsModalBody.track .currInputs,
.setGoalsModalBody.track .goalInputs {
    margin: 0 35px 35px 35px;
}

.setGoalsModalBody .currInputs input,
.setGoalsModalBody .goalInputs input{
    width: 80%;
}

.setGoalsModalBody .inputs {
    margin: 0 15px 15px 15px;
}

.setGoalsModalBody.track .inputs {
    margin: 0 35px 35px 35px;
}

.setGoalsModalBody .row > div {
    padding: 0;
}

.setGoalsModalBody .goalDate input {
    width: 80%;
}
.setGoalsModalBody div.calc {
    font: 16px ProximaNovaExCnBold, Arial, sans-serif;
    text-transform: uppercase;
    padding: 22px 0 0;
}
.setGoalsModalBody div.calc span {
    display: block;
}
.setGoalsModalBody .currentRepsLabel {
    display: block;
}
.liftingstatGoal .goalDate {
    margin-top: 21px;
}
.bodystatGoal .statLabel {
    display: block;
    margin-bottom: 10px;
}
.bodystatGoal .statName {
    margin-top: 35px;
    font-size: 24px;
}
.setGoalsModalBody .currInputs {
    margin-bottom: 20px;
}
.setGoalsModalBody .bbDatePicker div.rightIcon {
    right: 16px;
}
.setGoalsModalBody.listAll .bbDatePicker div.rightIcon {
    right: 10px;
}
.setGoalsModalBody .weightLiftedLabel {
    display: block;
    text-align: center;
    /*width: 90px;*/
}
.setGoalsModalBody .repsContainer {
    padding-left:15px;
}
.setGoalsModalBody .repsContainer select {
    width: 50px;
}
.setGoalsModalBody .currMax,
.setGoalsModalBody .goalMax {
    /*padding-right: 25px;*/
}
.setGoalsModalBody .currMax .bbTextBox,
.setGoalsModalBody .goalMax .bbTextBox {
    width: 100%;
}
.setGoalsModalBody.listAll {
    display: none;
}
.horLineSperator.measure {
    padding-bottom: 20px;
}
.trackStrengthModal .selectDateLabel {
    display: block;
}
.drawerLink {
    text-align: center;
    padding-top: 20px;
}
.drawerLink a {
    text-transform: uppercase;
    font: 24px ProximaNovaExCn, Arial, sans-serif;
}







/* New wrapper fixes/responsiveness/tweaks */
.measurementModal .modalContainerGlobal {
    width: 625px;
}
@media screen and (max-width: 768px) {
    .measurementModal .modalContainerGlobal {
        width: auto;
    }
}
.measurementModal * {
    box-sizing: content-box;
}
.bbCalendarContainer .bbDropDown {
  width: 70px !important;
}
.bbCalendarContainer .bbDropDown .cape {
  width: 72px !important;
}
.bbCalendarContainer .bbDropDown .cape-content {
  width: 72px !important;
  list-style: none;
}
.bbCalendarContainer .bbDropDown .cape-item {
  text-align: left;
}
.setGoalsModalBody .goalDate .goalDatePicker .bbTextBox {
  height: 33px;
}
.setGoalsModalBody .goalDate .goalDatePicker div.rightIcon {
  top: 17px;
}
@media (max-width: 767px) {
  .setGoalsModalBody .bodystatGoal .bbTextBox {
    width: 100%;
  }
  .setGoalsModalBody .goalDate .goalDatePicker {
    width: 100%;
  }
  .setGoalsModalBody .goalDate .goalDatePicker .bbTextBox {
    width: 100%;
    box-sizing: border-box;
    height: 58px;
  }
}
.setGoalsModalBody.listAll {
  font-size: 0;
}
.setGoalsModalBody.listAll .bodystatGoal {
  width: 50%;
  box-sizing: border-box;
  margin: 0;
  padding: 0 15px 15px;
  display: inline-block;
}
.setGoalsModalBody.listAll .bodystatGoal .statName {
  margin-top: 0;
  font-size: 20px;
}
.setGoalsModalBody.listAll .bodystatGoal .bbTextBox {
  width: 100%;
}
@media (min-width: 768px) {
  .setGoalsModalBody.listAll .bodystatGoal .statName {
    margin-top: 35px;
    text-align: right;
    padding-right: 10px !important;
    box-sizing: border-box;
  }
}