/*
   Include styles
*/
@import "/css/hbr.css";
@import "/css/hnw.css";

/*
	Global styles
 */

html {
    overflow-y: scroll;
}

body {
    font-size: 10pt;
    font-family: "Times New Roman", Georgia, Palatino, 'Palatino Linotype', serif;
    font-family: Arial, sans-serif;
    /*background-color: #034363;*/
}

.clear {
    clear: both;
}

a {
    color: #00547E;
}

sup {
    font-style: italic;
}

.text p,
.text {
    margin-top: 15px;
    font-size: 10pt;
    line-height: 12pt;
    text-align: justify;
}

.text ul,
.text ol {
    display: block;
    font-size: 10pt;
    /*line-height: 20px;*/
    margin: 20px 0 20px 20px;
}

.text ul {
    list-style-type: disc;
}

.text ol {
    list-style-type: decimal;
}

.text ul li,
.text ol li {
    margin-bottom: 10px;
}

.serif {
    font-family: "Times New Roman", Georgia, Palatino, 'Palatino Linotype', serif;
}

.sans-serif {
    font-family: Arial, sans-serif;
}

.full {
    width: 100%;
}

.half {
    width: 45%;
}

.third {
    width: 30%;
}

.quarter {
    width: 22%;
}

.left {
    float: left;
}

.right {
    float: right;
}

.block {
    margin-bottom: 20px;
}

.start {
    margin-top: 20px;
}

/*
 ------------------------------------------------
 
 ------------------------------------------------
*/

#header-menu {
    background-color: #034363;
    /*border-bottom: 1px solid #033C59;*/
    color: #FFF;
    padding: 3px 10px;
}

#header-menu ul {
    margin: 0;
    /*padding-right: 10px;*/
    font-size: 10pt;
}

#header-menu ul li {
    list-style: none;
    float: left;
    padding: 5px 7px;
}

#header-menu li a {
    text-decoration: none;
    color: #FFF;
    padding: 5px 5px;
}

#header-menu li a:hover,
#header-menu li.active a {
    background-color: #00547D;
    color: #FFF;
}

/*
	Layout header mast
 */

#header-mast {
    background: #00547D url('/images/2011/header_bg2.jpg') repeat-x;
    /* border-top: 1px solid #046392; */
    color: #FFF;
    padding: 0 10px 10px 10px;
    /*background-color:#DCD7C8;*/
}

#header-mast h1 {
    font-size: 30pt;
    display: inline;
    float: left;
    font-family: 'Palatino Linotype', 'Garamond', Helvetica;
}

#header-mast h1 a {
    color: #FFF;
    text-decoration: none;
}

/*
 ------------------------------------------------
 
 ------------------------------------------------
*/

#page {

    background: #F5F4F4 url(/images/2011/bg.gif) repeat-x 0 1px;
    background-color: #FFF;
}

#page_container {
    padding-bottom: 100px;
}

/*
 ------------------------------------------------
	Main navigation
 ------------------------------------------------
*/
#nav {
    margin: 10px 0 20px 0;
    padding: 4px 4px 3px 4px;
    /* border-top: 1px solid #D4D4D4; */
    border-bottom: 1px solid #CCC;
    color: #999;
}

#pub-date {
    float: left;
    font-size: 10pt;
    padding-top: 8px;
}

#nav ul {
    float: right;
    margin-bottom: -4px;
}

#nav ul li {
    list-style: none;
    float: left;
    font-size: 10pt;
}

#nav li a {
    text-decoration: none;
    padding: 8px 8px 8px 8px;
    margin: 0 0 0 4px;
    display: block;
    color: #333;
}

#nav li a.inactive {
    color: #999;
}

#nav li a:hover {
    color: #00547E;
    border-bottom: 0px;
}

#nav li a.active {
    border: 1px solid #AAA;
    border-bottom: 0px;
    color: #00547E;
    background-color: #E7E7E7;
    font-weight: bold;
}

a#review-text:hover {
    background-color: #ca4462;
}

a#newswire-text:hover {
    background-color: #fc9a41;
}

a#event-text:hover {
    background-color: #d6d678;
}

a#review-text {
    background-color: #952B44;
}

a#newswire-text {
    background-color: #ED7204;
}

a#event-text {
    background-color: #C6C548;
}

/*
	Content container
 */

.center {
    margin: 0 auto;
}

/*

 */

.right div {
    /* margin-bottom: 20px; */
}

.account-box {
    background-color: #DDD;
    border: 5px solid #CCC;
    padding: 20px 10px;
}

/*
	Global ads
 */
#ad-top {
    float: right;
    padding-top: 2px;
    position: relative;
    /*right: -20px;*/
    /*top: -8px;*/
}

#ad-bottom {
    text-align: center;
    margin-top: 30px;
    padding-top: 20px;
}

.ads-125 {
    text-align: center;
}

.ads-125 img, .ads-125 .flash {
    padding: 5px 15px;
}

/*
 ------------------------------------------------
	Footer
 ------------------------------------------------
*/

#footer {
    font: 10pt arial;
    color: #5B848F;
    margin: 0 0 50px 0;
    padding: 10px 0;
    border-top: 2px solid #022B40;
    background-color: #034363;
}

#footer a {
    color: #FFF;
    margin: 0 5px;
}

/*
 ------------------------------------------------
	Section headers
 ------------------------------------------------
*/

h1.header {
    font-family: Arial, sans-serif;
    margin-bottom: 0px;
    padding: 3px 0 3px 10px;
    font-size: 24px;
    background-color: #DFDFCD;
}

h1.header a {
    text-decoration: none;
    color: #262618;
}

h1.hbr {
    background-image: url(/images/icons/business_review.png);
    background-repeat: no-repeat;
    background-position: 5px 3px;
    border-bottom: 1px solid #C59AA5;
}

h1.hnw {
    background-image: url(/images/icons/newswire.png);
    background-repeat: no-repeat;
    background-position: 5px 3px;
    border-bottom: 1px solid #E19B0F;
}

h1.logo {
    background-image: url(/images/icons/network.png);
    background-repeat: no-repeat;
    background-position: 5px 3px;
    border-bottom: 1px solid #548C99;
}

h1.contact {
    /*background-image: url(/images/icons/mail.png);*/
    background-repeat: no-repeat;
    background-position: 5px 3px;
    border-bottom: 1px solid #548C99;
}

h1.privacy {
    background-image: url(/images/icons/encrypted.png);
    background-repeat: no-repeat;
    background-position: 5px 3px;
    border-bottom: 1px solid #548C99;
}

span.hnw {
    color: #E19B0F;
}

span.hbr {
    color: #952B44;
}

span.logo {
    color: #00547D;
}

span.hex {
    color: #53b0dd;
}

h2.header {
    font-family: Arial, sans-serif;
    margin-bottom: 0px;
    padding: 5px 0 3px 30px;
    font-size: 12px;
    border-bottom: 1px solid #D4D4BC;
    background-color: #DFDFCD;
    color: #222;
}

h2.header a {
    text-decoration: none;
    color: #262618;
}

h2.my-library {
    background-image: url(/images/icons/smaller/folder_brown.png);
    background-repeat: no-repeat;
    background-position: 5px 3px;
}

h2.related {
    background-image: url(/images/icons/smaller/edit_select_all.png);
    background-repeat: no-repeat;
    background-position: 5px 3px;
}

h2.hbr {
    background-image: url(/images/icons/smaller/business_review.png);
    background-repeat: no-repeat;
    background-position: 5px 3px;
    border-bottom: 1px solid #C59AA5;
}

h2.hnw {
    background-image: url(/images/icons/smaller/newswire.png);
    background-repeat: no-repeat;
    background-position: 5px 3px;
    border-bottom: 1px solid #E3B68E;
}

h2.logo {
    background-image: url(/images/icons/smaller/business_review.png);
    background-repeat: no-repeat;
    background-position: 5px 3px;
    border-bottom: 1px solid #759bad;
}

/*
	Global article listing navigation
 */
.list-nav {
    border-bottom: 1px solid #DDD;
    padding: 0 8px 8px 0;
    margin-bottom: 10px;
    font-size: 10pt;
}

.list-nav li {
    display: inline;
    position: relative;
}

.list-nav a {
    margin-right: 0px;
    text-decoration: none;
    color: #000;
}

.list-nav a:hover {
    text-decoration: underline;
}

.list-nav a.active {
    color: #000;
    font-weight: bold;
}

.topic a.current {
    color: #000;
    padding: 1px 7px;
    font-weight: bold;
    /*border-bottom: 1px solid #9CBECC;*/
    /*border-right: 2px solid #9CBECC;*/
    border: 1px solid #FFF;
    text-decoration: underline;
}

.topic a:hover {

}

/*
	Related article list
 */
ul.related {
    margin-left: 5px;
    margin-bottom: 30px;
    margin-top: 10px;
}

ul.related li {
    background: transparent url(/images/icons/arrow_pointer.gif) no-repeat scroll 0 2px;
    padding-left: 10px;
    list-style: none;
    font-size: 80%;
    margin-bottom: 10px;
    line-height: 12pt;
}

/*
 ------------------------------------------------
	Global article options
 ------------------------------------------------
*/

#article-options {
    font-size: 10px;
    color: #999;
    border-bottom: 1px solid #DDD;
    margin-bottom: 20px;
    margin-top: 5px;
    padding-bottom: 5px;
    line-height: 20px;
}

#article-options a {
    text-decoration: none;
    line-height: 20px;
    padding-left: 5px;
}

#article-options a img {
    float: left;
    padding-left: 5px;
}

/*
 ------------------------------------------------
	Paging
 ------------------------------------------------
*/

#paging .next img {
    padding-left: 10px;
}

#paging .current {
    font-size: 115%;
    border-bottom: 1px solid #777;
}

#paging {
    margin: 30px 0;
    font-size: 90%;
}

#paging span {
    padding: 1px 5px;
    margin: 0 3px;
    border: 1px solid transparent;
}

#paging a {
    text-decoration: none;

}

#paging a:hover span {
    background-color: #E4E4E4;
    border: 1px solid #D4D4D4;
}

/*
 
*/
.contact li {
    margin-bottom: 10px;
}

.contact label {
    display: block;
    font-weight: bold;
}

/*
 
*/
#purchase {
    background-image: url(/images/forms/button.jpg);
    background-repeat: no-repeat;
    padding-top: 8px;
    padding-left: 9px;
    color: #FFF;
    height: 30px;
    width: 159px;
}

#purchase a {
    text-decoration: none;
    color: #FFF;
}

/*
*/
.warning {
    background-color: #F7F79F;
    padding: 20px;
    border: 1px solid #EDED35;
    color: #000;
}

.success {
    background-color: #BBF2B0;
    padding: 20px;
    border: 1px solid #54DD39;
    color: #000;
}

.error {
    background-color: #FCB0B0;
    padding: 20px;
    border: 1px solid #F96363;
    color: #000;
}

/*
=================================================
	Form Fields
=================================================
*/

form label {
    display: block;
    float: none;
    width: auto;
    text-align: left;
    font-size: 10pt;
    font-weight: bold;
    margin-bottom: 4px;
}

form .frm-title {
    font-weight: bold;
    padding-right: 10px;
    text-align: right;
}

form .frm-text {
    border-color: #7C7C7C #C3C3C3 #DDD;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
}

form fieldset {
    padding: 20px 20px;
    border: 1px solid #CCC;
    margin-bottom: 10px;
}

form legend {
    font-size: 10pt;
    padding: 0 5px;
    color: #00547D;
    font-weight: bold;
    margin: 0;
    /*margin-bottom: 20px;*/
}

form.entry ul li {
    margin-bottom: 10px;
}

form li span.left {
    margin-right: 10px;
}

ul.frm {
    margin-right: 20px;
}

ul.frm li {
    margin-bottom: 10px;
}

/*
=================================================
	Form Buttons
=================================================
*/

.button,
.button-big,
.button-bigger {
    margin-right: 5px;
    color: #444;
    font: 8pt Verdana, Arial, sans-serif;
    padding: 2px 2px;
    background: #FFF url(/images/backgrounds/button-background.jpg) repeat-x 0 0;
    border: 1px solid #BBB;
    cursor: pointer;
}

.button {
    background: #FFF url(/images/backgrounds/button-background.jpg) repeat-x 0 -4px;
}

.button:hover,
.button-big:hover,
.button-bigger:hover {
    border-color: #ED7204;
}

.button-big {
    font-size: 11pt;
    font-weight: bold;
    padding: 4px 15px;
}

a.add-new:hover {
    background-color: transparent;
}

.button-hover {
    color: #9ACD57;
}

.button-bigger {
    padding-left: 15px;
    padding-bottom: 3px;
    padding-right: 15px;
    padding-top: 3px;
    font-size: 13pt;
    font-weight: bold;
    font-family: "Trebuchet MS", sans-serif;
}

a .button,
a .button-big,
a .button-bigger {
    text-decoration: none;
}

/*
//////////////////////////////////////////////////
	
//////////////////////////////////////////////////
*/

.headshot {
    float: left;
    margin-right: 10px;
}

.drop-center {
    width: 450px;
    margin: 0 auto;
    font-size: 10pt;
}

/*
//////////////////////////////////////////////////
	SUGGEST READING ON ARTICLE PAGE
//////////////////////////////////////////////////
*/

.suggested_reading img {
    float: left;
    padding-right: 4px;
}

.suggested_reading {
    padding-right: 15px;
}

.suggested_reading div {
    margin: 10px 0 0 5px;
    clear: both;
    margin-bottom: 20px;
}

.suggested_reading li {
    margin-left: 32px;
    list-style: none;
    font-size: 83%;
    line-height: 12pt;
}

.suggested_reading li.title a {
    font-weight: bold;
    color: #952B44;
}

.suggested_reading li.byline {
    color: #444;
    font-size: 75%;
    font-weight: normal;
}

/*////////////////////////////////////////////////
//	MOCKUP
////////////////////////////////////////////////*/

.impact_buttons {
    padding-bottom: 25px;
}

.impact_buttons img {
    padding: 3px;
}

.social {
    margin-top: 10px;
}

.newswire_sponsor {
    padding-top: 10px;
    background-color: #EA9600;
}

#feature_focus p {
    text-align: left;
}

#coming_up {
    padding: 20px 40px;
}

#coming_up .title {
    color: #0A4D73;
    margin-bottom: 5px;
    font: 11pt Georgia;
}

#coming_up .byline {
    color: #999;
    font-size: 9pt;
    margin-bottom: 20px;
    font-style: italic;
}

#editorial_calendar {
    /* background: transparent url(/images/2011/editorial_calendar_bg.png) no-repeat; */
    background-color: #deedfc;
    padding: 10px;
}

#editorial_calendar .focus {
    margin-bottom: 10px;
}

#editorial_calendar .title {
    margin-bottom: 10px;
    color: #605a49;
    font: 14pt Georgia, 'Times New Roman';
}

#editorial_calendar .month {
    text-transform: uppercase;
    color: #a61f41;
    font-size: 8pt;
}

#editorial_calendar .desc {
    color: #555;
    font-size: 10pt;
    padding-bottom: 20px;
    border-bottom: 1px solid #BBB;
}

#order_subscription {
    background: transparent url(/images/2011/new_button_color.png) repeat-x -10px 0;
    color: #FFF;
}