/* FORTUNE/MONEY GROUP CUSTOM PUBLISHING */

/***********************************************/
/*             GLOBAL DEFINITIONS              */
/***********************************************/

a { color: #003399; text-decoration: none; }
a:hover { color: #3975ec; }

a img { border: none; }

.clear { clear: both; height: 0; font-size: 0; }

* html input.checkbox { margin: 0 -4px 0 -4px; } /* Remove default margin on checkbox in IE */

span { display: none; } /* Place within span tags any text you want to appear if a user has CSS and images turned-off */

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

h2 { font-size: 1.4em; }
h3 { font-size: 1.0em; }
h4 { font-size: 1.0em; }
h6 { font-size: 0.8em; }

p { margin: 0; padding: 0; }


/* --- clearfix ---- */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
	}

.clearfix {
    display: inline-block;
	}

html[xmlns] .clearfix {
    display: block;
	}

* html .clearfix {
    height: 1%;
	}



/***********************************************/
/*                PAGE LAYOUT                  */
/*---------------------------------------------*/
/* body                                        */
/*  |- #container                              */
/*      |- #header                             */
/*      |- #leftCol                            */
/*      |- #rightCol                           */
/*      |- #pageBody                           */
/*      |- #footer                             */
/*---------------------------------------------*/
/* Page is aligned flush-left with a fixed     */
/* width. Left and right columns widths are    */
/* also fixed.                                 */
/*---------------------------------------------*/

body {
	margin: 0;
	padding: 0 0 30px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%; /* Use percentages and ems for fonts: http://www.alistapart.com/articles/elastic/ */
	_font-size: 75%; /* For Win/IE6 */
	color: #000;
}

*+html body {  /* For Win/IE7 */
	font-size: 75%;
}

#container {
	width: 995px;
}

#header {
	margin-bottom: 16px;
	_margin-bottom: -3px; /* For Win/IE6 */
}

*+html #header {  /* For Win/IE7 */
	margin-bottom: -3px;
}


#leftCol {
	float: left;
	width: 170px;
	padding-bottom: 20px; /* For Win/Netscape - margin-top in #footer has no effect */
}

#rightCol {
	float: right;
	width: 346px;
	padding-bottom: 20px; /* For Win/Netscape - margin-top in #footer has no effect */
}

#pageBody {
	padding-top: 7px;
	padding-left: 188px;
	padding-bottom: 20px; /* For Win/Netscape - margin-top in #footer has no effect */
	_padding-left: 11px; /* For Win/IE6 */
	width: 448px;
}

*+html #pageBody {  /* For Win/IE7 */
	padding-left: 11px;
}



/***********************************************/
/*      HEADER                                 */
/***********************************************/

/* --------- Ad Banner --------- */

#ad-banner {
	padding: 10px 0 9px 0;
	background-color: #f3f3f4;
	text-align: center;
}


/* --------- Logo --------- */

#header h1 {
	padding: 18px 0 10px 231px;
	_padding-bottom: 0; /* For Win/IE6 */
}


/* --------- Top Nav --------- */

#nav-top {
	margin-top: 5px;
	_margin-left: 0; /* For Win/IE6 */
	padding: 8px 0 7px 51px;
	_padding-bottom: 22px; /* For Win/IE6 */
	list-style: none;
	background: url(../images/bg_nav_top.gif) repeat-x 0 0;
}

*+html #nav-top {   /* For Win/IE7 */
	margin-left: 0;
	padding-bottom: 22px;
}

#nav-top li {
	float: left;
	margin-right: 75px;
}

#nav-top li.last { margin-right: 0; }

#nav-top a {
	font-size: 0.9em;
	font-weight: bold;
	color: #2a376b;
	text-transform: uppercase;
}

#nav-top a:hover { color: #1952c5; }


/***********************************************/
/*      LEFT COLUMN                            */
/***********************************************/

/* --------- Browse Catgories --------- */

#browseCat {
	padding: 11px 0 13px 20px;
	background-color: #2a376b;
	margin-bottom: 0;  /* For Win/IE6, Win/IE7, Win/Netscape */
}

#browseCat a { display: none; /* TEMPORARY - FOR LAUNCH -UNTIL BROWSE FEATURE IS READY */ }
#nav-category li.top { border-top: 1px solid #bdc1c8; /* TEMPORARY - FOR LAUNCH -UNTIL BROWSE FEATURE IS READY */ }

#browseCat h3 {
	margin-bottom: 2px;
	color: #548cb3;
}

#browseCat a {
	margin-right: 13px;
	color: #fff;
	text-decoration: underline;
	font-size: 0.8em;
}

#browseCat a:hover { color: #548cb3; }

#browseCat a.last { margin-right: 0; }

#browseCat select {
	margin-top: 9px;
	width: 129px;
}


/* --------- Nav-Categories --------- */

#nav-category {
	margin: 0;
	background-color: #d6dde8;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

#nav-category li {
	_display: inline;  /* For Win/IE6 */
}

#nav-category li a {
	display: block;
	padding: 9px 20px;
	border-top: 1px solid #bdc1c8;
	border-bottom: 1px solid #e7ebf1;
	color: #27387e;
	/* font-weight: bold; */
	text-transform: uppercase;
}

#nav-category li a:hover, #nav-category li a.on { background-color: #b7cadb; }

#nav-category li.top {
	_display: block;  /* For Win/IE6 */
	padding: 9px;
	_padding: 2px;  /* For Win/IE6 */
	border-bottom: 1px solid #e7ebf1;
}

*+html #nav-category li.top {  /* For Win/IE7 */
	display: block;
	padding: 2px;
}

#nav-category li.bottom {
	_display: block;  /* For Win/IE6 */
	padding: 6px;
	_padding: 0;  /* For Win/IE6 */
	border-top: 1px solid #bdc1c8;
}

*+html #nav-category li.bottom {  /* For Win/IE7 */
	display: block;
	padding: 0;
}



/* --------- Nav-Custom Digital --------- */

#nav-custom {
	margin: 0;
	padding: 0;
	background-color: #acc9d4;
	list-style: none;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}

#nav-custom li {
	padding: 0;
	_height: 1%; /* Win/IE6 */
}

#nav-custom a {
	display: block;
	margin: 0;
	padding: 10px 0px 10px 22px;
	color: #fff;
	text-transform: uppercase;
}

#nav-custom a:hover, #nav-custom a.on { background-color: #80acbe; }



/* --------- Nav-About Us --------- */

#nav-about {
	margin: 0;
	padding: 18px 0 22px 0;
	background-color: #c8ced7;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

#nav-about li {
	padding: 5px 20px;
}

#nav-about a {
	color: #2a376b;
	font-weight: bold;
}

#nav-about a:hover, #nav-about a.on { color: #548cb3; }



/* --------- Nav-Extranet --------- */

#nav-extranet {
	margin: 0;
	padding: 6px 0 6px 0;
	background-color: #a6b6d7;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	border-top: 1px solid #d6dde7;
}

#nav-extranet li {
	padding: 12px 0px 12px 40px;
	background: url(../images/bg_secure.gif) no-repeat 6px 4px;
}

#nav-extranet a {
	color: #fff;
	text-transform: uppercase;
}

#nav-extranet a:hover { color: #548cb3; }



/* --------- Download Acrobat Reader --------- */

#downloadAcrobat {
	margin-top: 1px;
	margin-bottom: 4px;
	padding: 0 3px;
}

#downloadAcrobat h5 {
	margin: 6px auto 4px auto;
	_margin-top: 8px;  /* For Win/IE6 */
	padding: 2px 0 4px 20px;
	font-size: 0.75em;
	_font-size: 0.7em;  /* For Win/IE6 */
	color: #264c87;
	text-transform: uppercase;
	background: url(../images/arrow_down.gif) no-repeat 5px 0;
	font-weight: normal;
}

*+html #downloadAcrobat h5 {  /* For Win/IE7 */
	margin-top: 8px;
	font-size: 0.7em;
}

#downloadAcrobat a {
	color: #cb0100;
	text-decoration: underline;
}

#downloadAcrobat a:hover { color: #ef1a19; }


/* --------- Subscribe to Fortune --------- */

#leftCol .subscribe {
	padding-left: 4px;
}



/***********************************************/
/*      RIGHT COLUMN                            */
/***********************************************/

/* --------- Ad Banner --------- */

#ad-rightCol {
	margin-bottom: 12px;
	text-align: right;
}


/* --------- Module --------- */

#rightCol .module {
	margin-bottom: 25px;
}

#rightCol .module h3 {
	background: url(../images/bg_modules.gif) no-repeat 0 0;
	padding-top: 14px;
	padding-left: 26px;
	color: #ba0201;
	text-transform: uppercase;
}

#rightCol .module ul {
	margin: 14px 20px 0 25px;
	padding-left: 0;
	list-style: none;
	font-size: 0.9em;
	line-height: 1.2em;
}

#rightCol .module li {
	margin-bottom: 1.4em;
}

#rightCol .module h4 {
	margin-bottom: 0.2em;
	font-size: 1.2em;
	color: #003399;
	line-height: 1.2em;
}

#rightCol .module h4 img {
	margin-bottom: -0.1em;
	margin-left: 0.3em;
}


/* --------- Subscribe to Fortune --------- */

#rightCol .subscribe {
	padding-left: 26px;
}


/* --------- Money Promo --------- */

#moneyPromo {
	width: 333px;
	margin-left: 9px;
	padding: 40px 0 15px 140px;
	_padding-left: 0;   /* For Win/IE6 */
	background: url(../images/bg_rightCol_moneyPromo.jpg) no-repeat 0 0;
}

#moneyPromo ul {
	width: 174px;
	margin: 0;
	padding-left: 0;
	list-style: none;
}

#moneyPromo li {
	_width: 176px;   /* For Win/IE6 */
	_padding-left: 140px;   /* For Win/IE6 */
}

#moneyPromo input, #moneyPromo select {
	font-size: 8px;
	margin-bottom: 2px;
	width: 170px;
}

#moneyPromo #state {
	width: 65px;
}

#moneyPromo #zip {
	float: right;
	width: 55px;
}

#moneyPromo #email {
	width: 115px;
}

#moneyPromo a {
	font-size: 10px;
}

#moneyPromo li.submit {
	padding-top: 4px;
}

#moneyPromo #submit {
	float: right;
	width: 60px;
	margin-top: 3px;
}


/* ===========================================
         PAGE BODY
==============================================*/

#pageBody h2 {
	margin-bottom: 0.4em;
	padding-left: 15px;
	color: #b31d00;
	text-transform: uppercase;
	background: url(../images/arrow_down.gif) no-repeat 0 2px;
}

#pageBody h3 {
	margin-top: 1.4em;
	margin-bottom: 0.2em;
	color: #2a376b;
	line-height: 1.3em;
}

#pageBody .introText {
	margin-bottom: 0.6em;
	color: #2a376b;
	font-weight: normal;
	line-height: 1.3em;
}


/* --------- Featured Publications --------- */

#pubList {
	float: left; /* To prevent clears from clearing the entire side columns */
	width: 100%;
	margin: 16px auto 18px 0;
	padding-left: 0;
	list-style: none;
}

#pubList li {
	margin-bottom: 3px;
	padding: 13px 7px 11px 7px;
	background-color: #f8f8f9;
	_padding: 11px 7px 2px 7px;  /* For Win/IE6 */
}

*+html #pubList li {  /* For Win/IE7 */
	padding: 11px 7px 2px 7px;
}


#pubList li.alt {
	background-color: #f2f2f2;
}

#pubList li.hdr {
	padding: 1px; /* Win/Netscape needs at least 1px or won't show bg color */
	background-color: #e7e7e7;
}

#pubList li.hdr h6 {
	float: left;
	padding: 6px 41px 6px 11px;
	_padding-right: 38px;  /* For Win/IE6 */
	font-size: 0.8em;
	color: #4584af;
	text-transform: uppercase;
	_background-color: #e7e7e7;  /* For Win/IE6 */
}

*+html #pubList li.hdr h6 {  /* For Win/IE7 */
	padding-right: 38px;
}

.pubTitle {
	float: left;
	width: 60px;
	font-size: 0.8em;
	color: #7f7f81;
	text-transform: uppercase;
}

.coverThumb {
	float: left;
	margin-right: 11px;
}

.coverThumb img {
	width: 50px;
}

.pubDesc {
	float: left;
	width: 295px;
	padding-left: 12px;
}

#pageBody .pubDesc h3 { /* Need to add #pageBody to override previous h3 rule */
	margin: 0 auto 0.2em -12px;
	padding-left: 12px;
	border-left: 1px solid #7f7f81;
}

.pubDesc p {
	margin-bottom: 0.5em;
	font-size: 0.9em;
}

.pubDesc p strong {
	color: #7f7f81;
	font-size: 0.8em;
}

.sponsorList {
	font-size: 0.75em;
	color: #7f7f81;
	padding-left: 6.6em;
	text-indent: -6.6em;
	_padding-left: 6.9em;  /* For Win/IE6 */
	_text-indent: -6.9em;  /* For Win/IE6 */
}

*+html .sponsorList {  /* For Win/IE7 */
	padding-left: 6.9em;
	text-indent: -6.9em;
}

.sponsorList a { color: #7f7f81; }
.sponsorList a:hover { color: #003399; }


/* --------- List --------- */

ul.pageBodyList li {
	margin-bottom: 0.4em;
}



/* ===========================================
         FOOTER
==============================================*/

#footer {
	margin-top: 20px;
	_margin-left: 0; /* For Win/IE6 */
	padding: 8px;
	_padding-bottom: 24px; /* For Win/IE6 */
	list-style: none;
	font-size: 0.8em;
	color: #264c87;
	background: url(../images/bg_footer.gif) repeat-x 0 0;
}

*+html #footer {  /* For Win/IE7 */
	margin-left: 0;
	padding-bottom: 24px;
}

#footer li {
	float: left;
	margin-right: 0.6em;
	padding-right: 0.6em;
	border-right: 1px solid #264c87;
}

#footer li.last { border-right: none; }

#footer .hdr {
	text-transform: uppercase;
}

#footer a {
	color: #264c87;
	text-decoration: underline;
}

#footer a:hover { color: #4f81ce; }


/***********************************************/
/*      HOME PAGE                              */
/***********************************************/

/* --------- Intro text --------- */

#pageBody.home .introText {
	margin-top: 3px;
	margin-bottom: 20px;
}


/* --------- Featured Publications --------- */

#pageBody.home h2 {
	margin-bottom: 3px;
	padding: 10px 0 10px 29px;
	font-size: 1.3em;
	text-transform: none;
	background: url(../images/arrow_down.gif) no-repeat 13px 12px;
	background-color: #e7e7e7;
}

#pageBody.home #pubList {
	margin-top: 0;
}


#pageBody.home #pubList li {
	margin-bottom: 3px;
	padding: 11px 7px 9px 7px;
	background-color: #f8f8f9;
	_padding: 9px 7px 0 7px;  /* For Win/IE6 */
}

*+html #pageBody.home #pubList li {  /* For Win/IE7 */
	padding: 9px 7px 0 7px;
}

#pageBody.home .coverThumb img {
	width: 105px;
}

#pageBody.home .pubDesc {
	float: left;
	width: 305px;
	padding-top: 11px;
	padding-left: 0px;
}

#pageBody.home .pubCat {
	margin-bottom: 0.3em;
	font-size: 0.8em;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #11267c;
}

#pageBody.home .pubDesc h3 {
	margin: 0 auto 0.2em 0;
	padding-left: 0;
	font-size: 1.2em;
	border-left: none;
}


/* --------- Testimonials & Tell Us What You Think --------- */

/* #testimonials, #tellUs {
	float: left;
	width: 215px;
} */

#testimonials h4, #tellUs h4 {
	margin-bottom: 0.8em;
	padding-bottom: 0.3em;
	font-size: 1.0em;
	color: #ba0201;
	text-transform: uppercase;
	border-bottom: 3px solid #c4c4c4;
}

#testimonials p, #tellUs p {
	font-size: 0.9em;
	margin-bottom: 1em;
}


/* --------- Testimonials --------- */

#testimonials {
	margin-right: 18px;
}

#testimonials p {
	font-weight: bold;
	color: #264c87;
}

#pageBody.home #tellUs {
	_height: 1%;   /* For Win/IE6 */
}


/***********************************************/
/*      CONTACT US                             */
/***********************************************/

#contactUsForm {
	float: left;  /* To prevent clears from clearing the entire side columns */
	width: 423px;
	margin-top: 20px;
	padding: 24px 0 6px 31px;
	background-color: #f6f6f6;
	border-top: 6px solid #e5e5e6;
	border-bottom: 6px solid #e5e5e6;
}

#contactUsForm ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0.9em;
}

#contactUsForm li {
	float: left;
	width: 185px;
	margin-right: 10px;
	margin-bottom: 14px;
}

*+html #contactUsForm li#firstName {  margin-right: 16px; /* For Win/IE7 */ }


#contactUsForm li.threeCol { width: 380px; _width: 392px; /* For Win/IE6 */ }

*+html #contactUsForm li.threeCol {  width: 392px; /* For Win/IE7 */ }


#contactUsForm label {
	display: block;
	margin-bottom: 6px;
}

#contactUsForm input, #contactUsForm select {
	width: 185px;
	font-size: 10px;
}

/* "I am interested in the following topics" checkboxes */
#contactUsForm li.checkbox input { width: auto; float: left; }
#contactUsForm li.checkbox label { float: left; display: inline; margin-top: 2px; width: 100px; _margin-top: 3px; /* For Win/IE6 */}
*+html #contactUsForm li.checkbox label {  margin-top: 3px; /* For Win/IE7 */ }
#contactUsForm li.checkbox label.threeColLabel { display: block; width: auto; margin-bottom: 6px; }

#contactUsForm li.twoCol input {
	width: 250px;
}

#contactUsForm textarea {
	width: 380px;
	 _width: 386px; /* For Win/IE6 */
	font-size: 10px;
}

*+html #contactUsForm textarea {  /* For Win/IE7 */
	width: 386px;
}

#resetButton {
	float: right;
	width: 104px;
}

#submitButton {
	float: right; 
	width: 85px;
	margin-right: 10px;
}

#resetButton button {
	width: 104px;
	height: 23px;
	background: transparent url(../images/bu_contact_clearForm.gif) 0 0;
}

#submitButton button {
	width: 85px;
	height: 23px;
	background: transparent url(../images/bu_contact_submit.gif) 0 0;
}

#resetButton button, #submitButton button {
	display: block;
	border: 0;
	text-indent: -1000em;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}


/***********************************************/
/*      FAQs                                   */
/***********************************************/

#pageBody.faqs h2 {
	text-transform: none;
}


/***********************************************/
/*      EXTRANET PASSWORD                      */
/***********************************************/

#passwordForm {
	margin-top: 10px;
}

#passwordForm input, #passwordForm #submitButton {
	float: left;
}

#passwordForm #submitButton {
	margin-left: 8px;
}     */
/***********************************************/

#passwordForm {
	margin-top: 10px;
}

#passwordForm input, #passwordForm #submitButton {
	float: left;
}

#passwordForm #submitButton {
	margin-left: 8px;
}


/***********************************************/
/*      MULTIMEDIA                             */
/***********************************************/

#pageBody.mediaPage { /* So clears within links list won't clear entire left sidebar */
	float: left;
	margin-left: 18px;
	padding-left: 0;
	}

.mediaPage .pageBodyList {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	border-top: 2px solid #ccc;
	}

.mediaPage .pageBodyList li {
	list-style: none;
	margin-left: 0;
	padding: 0.8em 12px 1em 32px;
	border-bottom: 2px solid #ccc;
	}

.mediaPage .pageBodyList li.clear { border: 0; padding: 0; }

.mediaPage .pageBodyList .video {
	background: url(../images/icon_video.gif) 4px 0.9em no-repeat;
	}

.mediaPage .pageBodyList .audio {
	background: url(../images/icon_audio.gif) 6px 0.9em no-repeat;
	}

#pageBody.mediaPage h4 {
	margin-bottom: 0.2em;
	}

/* --- Energy Star Roundtable --- */

#energyStar {
	float: left;
	padding-right: 130px;
	}

#energyStar-side {
	float: right;
	width: 118px;
	margin-right: -130px;
	_position: relative; /* For Win/IE6 */
	_display: inline; /* For Win/IE6 */
	_margin-left: 10px; /* For Win/IE6 */
	}
	*+html #energyStar-side { margin-left: 10px; /* For Win/IE7 */ }

#energyStar-side p {
	margin-bottom: 1.4em;
	font-size: 0.8em;
	color: #666;
	}

#energyStar-listen {
	font-size: 0.8em;
	font-style: italic;
	}

#energyStar-listen h6 {
	margin-bottom: 0.2em;
	font-size: 1.2em;
	font-style: normal;
	}

#energyStar h4 {
	font-size: 1.4em;
	}

#energyStar h5 {
	margin-bottom: 1em;
	font-size: 0.8em;
	font-weight: normal;
	}

#energyStar-speakers {
	padding-top: 1em;
	}

#energyStar-speakers .es-speaker {
	float: left;
	width: 71px;
	margin-right: 30px;
	}

#energyStar-speakers .last {
	margin-right: 0;
	}

#energyStar-speakers .es-speaker p {
	font-size: 0.7em;
	color: #37732b;
	text-align: center;
	}
	
	
/***********************************************/
/*      CUSTOM DIGITAL                         */
/***********************************************/

.customPage #pubList li.hdr h6 {
	width: 126px;
	margin-right: 10px;
	padding: 6px 11px;
	}

.customPage .pubLeft {
	float: left;
	margin-left: 6px;
	width: 144px;
	_display: inline; /* Win/IE6 */
	}

.customPage .pubTitle {
	float: none;
	margin-bottom: 24px;
	}

.customPage .coverThumb {
	float: none;
	}

.customPage .coverThumb img {
	width: auto;
	_width: 134px; /* Win/IE6 */
	}

.customPage .pubDesc {
	width: 270px;
	margin-left: 12px;
	padding-left: 0;
	}

#pageBody.customPage .pubDesc h3 {
	_position: relative; /* Win/IE6 */
	_height: 1%; /* Win/IE6 */
	}

.customPage .exampleLogo {
	float: right;
	margin-right: 10px;
	margin-bottom: 10px;
	}

.customPage .sponsorList {
	margin-bottom: 0.4em;
	padding-left: 0;
	text-indent: 0;
	line-height: 1.5em;
	}

.customPage .sponsorList a { color: #003399; }
.customPage .sponsorList a:hover { color:#3975EC; }