
/*
	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; }
.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-left: 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-right: 10px;
	padding-top: 10px;
}
#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: #e6e3d7;
	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;
}
