/*
 * $Id:$
 * 
 * A CSS file for laying out content
 */

#content {
    padding: 10px 15px 20px 15px;
    font-size: 12px;
    color: #0D0C0D;
    min-height: 300px;
}


#content h2 {
    font-weight: bold;
    color: #004276;
    font-size: 180%;
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    margin: 0px 0px 5px 0px;
}

#content h3 {
    font-weight: bold;
    color: #999999;
    font-size: 140%;
    margin: 0px 0px 2px 0px;
}




#content h4 {
    font-weight: bold;
    color: black;
    font-size: 14px;
    font-family: Arial;
    margin: 0px 0px 2px 0px;
}

#content h5 {
    font-weight: bold;
    color: #D6AF04;
    font-size: 120%;
    margin: 0px 0px 2px 0px;
}

#content .back-button {
    display: block;
    float: left;
    font-size: 95%;
    color: #333333;
    text-decoration: underline;
}

#content #status {
    float: right;
}

#content p {
    margin: 10px 0px 10px 0px;
    text-align: justify;
}

#content p.center {
    text-align: center;
}


#content #left {
    float: left;
    width: 67%;
}

#content #right {
    float: right;
    width: 30%;
}

#content .box {
    margin-bottom: 10px;
    min-height: 140px;
    background-image: url(../images/layout/backgrounds/blue_fade_tall.png);
    background-repeat: repeat-x;
    background-color: white;
    border: 1px solid #CCCCCC;
    background-position: 0px 22px;
}

#content .onecol {
    width: 300px;
}

#content .tall {
    min-height: 312px;
}

#content div.twocol {
    width: 615px;
}

#content .box h3 {
    font-weight: bold;
    color: white;
    padding: 3px 3px 3px 3px;
    font-size: 110%;
    background-repeat: no-repeat;
}

#content .box h2 {
    font-weight: bold;
    color: white;
    padding: 3px 3px 3px 3px;
    font-size: 14px;
    font-style: normal;
    font-family: Arial;
    color: #555555;
    background-repeat: no-repeat;
}


#content .green h3 {
    background-image: url(../images/layout/backgrounds/green_fade_header.png);
    background-repeat: repeat-x;
}

#content .blue h3 {
    background-image: url(../images/layout/backgrounds/blue_fade_header.png);
    background-repeat: repeat-x;
}

#content .red h3 {
    background-image: url(../images/layout/backgrounds/red_fade_header.png);
    background-repeat: repeat-x;
}

#content .blue h3 a {
    color: white;
}

#content .gold h3 {
    background-image: url(../images/layout/backgrounds/gold_fade_header.png);
    background-repeat: repeat-x;
    color: black;
}

#content .charcoal h3 {
    background-image: url(../images/layout/backgrounds/charcoal_fade_header.png);
    background-color: #EFEFEF;
}


#content .lightblue h3 {
    background-image: url(../images/layout/backgrounds/lightblue_fade_header.png);
    background-repeat: repeat-x;
    color: #222222;
    padding: 4px;
}

#content .lightblue h3 a {
    color: #222222;
}

#content .short-fade {
    background-image: url(../images/layout/backgrounds/blue_fade_short.png);
    background-position: 0px 0px;
    background-repeat: repeat-x;
}

#content .box p, #content .box ul, #content .box form, #content .box .braggit-preview, 
#content .box .braggit-featured, #content .box dt, #content .board-item, #content .item {
    padding: 4px;
    margin: 0px;
}

#content .box li {
    padding-left: 10px;
    margin: 4px 0px 4px 0px;
}

#content .box  li.short-fade {
    text-indent: 0px;
    padding-left: 0px;
} 


#content .smallskip {
    height: 5px;
    width: 1px;
    clear: both;
}
#content .medskip {
    height: 13px;
    width: 1px;
    clear: both;
}
#content .bigskip {
    height: 25px;
    width: 1px;
    clear: both;
}

#content .pretty th, #content .pretty td {
    padding: 3px;
    border: 1px solid #CCCCCC;
}

#content dt {
    font-weight: bold;
}


#content .red-bullet {
    background-image: url(../images/layout/misc/red_bullet.gif);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    margin: 0px;
    padding: 1px 0px 1px 9px;
}

#content .yellow-bullet, #content ul li {
    background-image: url(../images/layout/misc/yellow_bullet.gif);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    margin: 0px;
    padding: 1px 0px 1px 9px;
}

#content ul.blue-bullet li {
    background-image: url(../images/layout/misc/blue_bullet.gif);
    background-repeat: no-repeat;
    background-position: 0px 4px;
    margin: 0px;
    padding: 1px 0px 1px 12px;
}

#content ol li {
    margin: 5px 0px 5px 0px;
    text-indent: -13px;
    padding-left: 13px;
}


#content ul.twocol {
}

#content ul.twocol li {
    width: 45%;
    margin: 0px;
    float: left;
}

#content .step-number {
    float: left;
    font-size: 36pt;
    margin: 0px 5px 5px 0px;
    color: #AAAAAA;
}

#centerize {
    width: 650px;
    margin: auto;
}
#centerize p {
    text-align: justify;
}

#content ul.icon-bullets img {
    float: left;
    margin: 0px 7px 7px 0px;
    width: 30px;
    height: 30px;
    border: 1px solid #CCCCCC;
}

#content ul.icon-bullets li {
    clear: both;
    text-indent: 0px;
    padding-left: 0px;

}

#content .small-font {
    font-size: 11px;
}

#content .box-sponsor {
    float: right;
    font-size: 85%;
}

#content .box-sponsor a {
    color: #FFCB00;
    font-style: italic;
}

#content .box-sponsor img {
    margin: 2px 0px 0px 0px;
}

#content .widget {
    font-size: 10px;
    padding: 5px;
    line-height: 150%;
    margin-bottom: 10px;
}

#content .lines  {
    padding: 5px;
}

#content .lines div {
    margin: 5px 0px 5px 0px;
}

#content .expando .control {
    color: black;
    cursor: pointer;
}

#content .expando .section, #content .expando .sub-section {
    display: none;
}


#content .expando h2, #content .expando h3 {
    font-size: 12px;
    font-weight: bold;
    color: black;
    font-family: Arial;
}

#content .expando .body {
    margin-left: 20px;
    margin-bottom: 10px;
}

#content #bizpower-toolz {
    background: transparent url(../images/layout/backgrounds/blue_thin_line.png) 0 0 repeat-x;
}


#content #bizpower-toolz .inner {
    padding: 10px 10px 15px 10px;
    background: transparent url(../images/layout/backgrounds/blue_thin_line.png) 0 bottom repeat-x;
}


#content #bizpower-toolz .upgrade-message {
    float: right;
    border-left: 1px solid #CCCCCC;
    padding-left: 20px;
}

#content #bizpower-toolz li {
    float: left;
    width: 220px;
    margin-right: 40px;
    background-image: none;
    background-repeat: no-repeat;
    padding: 10px 10px 10px 35px;
}


#content #bizpower-toolz .contact-bizbrag { background-image: url('../images/tool-icons/contact_bizbrag.png'); }
#content #bizpower-toolz .manage-account { background-image: url('../images/tool-icons/manage_account.png'); }
#content #bizpower-toolz .manage-bizprbadge { background-image: url('../images/tool-icons/manage_bizprbadge.png'); }
#content #bizpower-toolz .manage-braggits { background-image: url('../images/tool-icons/manage_braggits.png'); }
#content #bizpower-toolz .manage-contacts { background-image: url('../images/tool-icons/manage_contacts.png'); }
#content #bizpower-toolz .post-news { background-image: url('../images/tool-icons/post_news.png'); }
#content #bizpower-toolz .public-bizfolio { background-image: url('../images/tool-icons/public_bizfolio.png'); }
#content #bizpower-toolz .resource-center { background-image: url('../images/tool-icons/resource_center.png'); }


#content #bizpower-toolz .manage-socialmedia { background-image: url('../images/tool-icons/manage_socialmedia.png'); }
#content #bizpower-toolz .manage-blog { background-image: url('../images/tool-icons/manage_blog.png'); }
#content #bizpower-toolz .launch-livechat { background-image: url('../images/tool-icons/launch_livechat.png'); }
#content #bizpower-toolz .maximize-account { background-image: url('../images/tool-icons/maximize_account.png'); }

#content #bizpower-toolz li a {
    font-weight: normal;
    font-size: 13px;
    color: #333333;
}

#content #bizpower-toolz .footer {
    float: left;
    font-size: 9px;
}

#content .gray-line {
    height: 1px;
    margin: 10px 0px;
    border-top: 2px solid #E4E4E4;
}

#content .subscribe-now {
    width: 300px;
    margin: 10px auto;
    border: 1px solid #BEDAEA;
    background-color: #E5F0F6;
    padding: 20px;
    text-align: center;
}

#content .info-icons {
    clear: both;
}

#content .info-icons li {
    padding-left: 35px;
    padding-top: 17px;
}

#content .info-icons .location { background-image: url(../images/bizfolio-icons/icons-location.png); }
#content .info-icons .industry { background-image: url(../images/bizfolio-icons/icons-industry.png); }
#content .info-icons .visit { background-image: url(../images/bizfolio-icons/icons-visit.png); }
#content .info-icons .store { background-image: url(../images/bizfolio-icons/icons-store.png); }
#content .info-icons .contact { background-image: url(../images/bizfolio-icons/icons-contact.png); }
#content .info-icons .share { background-image: url(../images/bizfolio-icons/icons-share.png); }
#content .info-icons .bizfolio { background-image: url(../images/bizfolio-icons/icons-bizfolio.png); }