/* ======================================================================

   Kellogg Insight // Kellogg School of Management
   (c) 2007 Kellogg School of Management, Northwestern University
   All Rights Reserved.

   Stylesheet prepared by mStoner, LLC. http://mstoner.com

 ======================================================================== */

/*----------------------------------------------------------------------- 
   Standard
 ------------------------------------------------------------------------ */

* { margin: 0; padding: 0; }

body {
color: #333333;
background: url(gfx/bg.png) repeat-x fixed #333333;
font-family: arial, verdana, sans, serif; 
font-size: 13px;
line-height: 18px;
text-align: center;
min-width: 960px;
margin-bottom: 50px;
margin: 0 auto 50px auto;
}

p { text-align: left; padding: 0px 20px 12px 20px; }

a:link { color: #cc3300; text-decoration: none; }
a:visited { color: #cc3300; text-decoration: none; }
a:hover { color: #cc3300; text-decoration: underline;}
a:active { color: #cc3300; text-decoration: none; }

h1 { color: #333; font-family: arial; font-size: 18px; font-weight: bold; line-height: 100%; }
h2 { color: #333; font-family: arial; font-size: 14px; font-weight: bold; }
h3 { color: #333; font-family: arial; font-size: 12px; font-weight: bold; }

img { border: 0; display: block; }

ol {
padding: 0 20px 10px 40px;
}


/*----------------------------------------------------------------------- 
   Layout
 ------------------------------------------------------------------------ */

form {
margin:0px;padding:0px;
}

#frame {
width: 960px;
background-color: #FFFFFF;
text-align: center; 
margin: 0px auto 50px auto;
}

#content {
width: 940px;
background: url(gfx/bg_content.gif) repeat-y #FFFFFF;
text-align: left; 
margin: 0 auto 0 auto;
}

#interior-content {
width: 940px;
background-color: #FFFFFF;
text-align: left; 
margin: 0 auto 0 auto;
}

.col-one {
clear: left;
float: left;
width: 189px;
margin-right: 1px;
}

.col-one-topics {
float: left;
width: 190px;
}

.col-two {
float: left;
width: 380px;
}

.col-three {
float: left;
width: 368px;
}

/*----------------------------------------------------------------------- 
   Masthead
 ------------------------------------------------------------------------ */

#masthead {
width: 940px;
height: 93px;
background: url(gfx/masthead_new_tagline.png) no-repeat;
}

.logo {
width: 160px;
position: relative;
top: 10px;
left: 768px;
}
.logo img { display: inline; }

/*----------------------------------------------------------------------- 
   Tactical Nav
 ------------------------------------------------------------------------ */

#tactical-nav {
width: 380px;
height: 41px;
background: url(gfx/nav.png);
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
top: 0px;
}

#tactical-nav span { display: none; }

#tactical-nav li { margin: 0px; padding: 0px; list-style: none; position: absolute; top: 0px; }

#tactical-nav li, #tactical-nav a { height: 41px; display: block; }
#tactical-nav1 { left: 0px; width: 95px; }
#tactical-nav2 { left: 95px; width: 95px; }
#tactical-nav3 { left: 190px; width: 95px; }
#tactical-nav4 { left: 285px; width: 95px; }

#tactical-nav1 a:hover { background: transparent url(gfx/nav.png) 0px -41px no-repeat;}
#tactical-nav2 a:hover { background: transparent url(gfx/nav.png) -95px -41px no-repeat;}
#tactical-nav3 a:hover { background: transparent url(gfx/nav.png) -190px -41px no-repeat;}
#tactical-nav4 a:hover { background: transparent url(gfx/nav.png) -285px -41px no-repeat;}

.folio { height: 41px; background: url(gfx/bg_folio.png) no-repeat top left; }
.folio p { padding: 14px 15px 0px 15px; font-size: 12px}

a:link.current { color: #0066cc; font-weight: bold; }
a:visited.current { color: #0066cc; font-weight: bold; }
a:hover.current { color: #0066cc; font-weight: bold; }
a:active.current { color: #0066cc; font-weight: bold; }

/*----------------------------------------------------------------------- 
   Topics Nav
 ------------------------------------------------------------------------ */

#topics-nav {
font-size: 12px;
width: 189px;
background-color: #99959d;
border-right: 1px solid white;
}

#topics-nav ul {
width: 184px;
background: url(gfx/bg_topics_nav.png) repeat-y; 
list-style: none;
padding: 4px 0px 0px 0px;
margin: 0px;
}

#topics-nav li {
padding: 10px 0px 10px 5px;
margin-left: 5px;
border-bottom: 1px dotted #7c7289;
}

#topics-nav li.none {
list-style: none;
padding: 10px 0px 10px 5px;
margin-left: 5px;
border-bottom: 0px;
}

#topics-nav a { color: #FFFFFF; text-decoration: none; font-weight: bold; text-transform: uppercase; }

#search { background-color: #71677e;}
.search { color: #333; width: 120px; font-size: 11px; font-family: arial; border: 1px solid #CCC; padding: 2px; margin: 10px; }

/*----------------------------------------------------------------------- 
   Related Links
 ------------------------------------------------------------------------ */

#related {
width: 189px
}

#related ul {
font-size: 11px;
padding: 3px 5px 13px 5px;
list-style: none;
}

#related li {
background: url(gfx/bullet_related.gif) no-repeat 0 50%;
padding: 3px 10px 3px 15px;
margin-left: 5px;
}

#related a { font-weight: bold; text-transform: uppercase; }


/*----------------------------------------------------------------------- 
   Homepage Articles List
 ------------------------------------------------------------------------ */

.lead-story {
color: #666666;
height: auto;
font-size: 11px;
font-weight: bold;
padding: 15px;
border-bottom: 1px solid white;
}

.lead-story h1 { font-family: arial; font-size: 18px; font-weight: bold; margin-bottom: 2px; line-height:20px;}
.lead-story a { font-weight: bold; }

.byline { text-transform: uppercase; }
.story1 { background-color: #CCCCCC; }
.story2 { background-color: #d6d6d6; }
.story3 { background-color: #e0e0e0; }
.story4 { background-color: #ebebeb; }

.other-articles { 
color: #666666; 
background: url(gfx/bg_other_articles.png) no-repeat; 
padding: 1px 15px 10px 15px; 
}

.insightinperson { 
color: #666666; 
background: url(gfx/bg_other_articles.png) no-repeat; 
padding: 1px 15px 10px 0px; 
}

.other-articles a, other-articles a:hover { font-weight: bold; }

.other-articles p { padding: 0px; margin: 0px 0px 10px 0px; }

/*----------------------------------------------------------------------- 
   Most Popular Widget
 ------------------------------------------------------------------------ */

#most-popular {
font-size: 12px; 
background: url(gfx/bg_most_popular.png) no-repeat top left;
padding: 18px 10px 18px 10px; 
}

#most-popular a { color: #006699; font-weight: bold; }

#tab-widget {
width: 360px;
margin-top: 12px;
}

#articles, #emailed, #commented {
border-top: 5px solid #443a52;
padding-top: 10px;
background-color: #ece9de;
}

#articles p, #emailed p, #commented p { padding: 0px 10px 10px 10px ; }

#nav_tabs {
width: 360px;
height: 26px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
top: 0px;
}

#nav_tabs span { display: none; }

#nav_tabs li { margin: 0px; padding: 0px; list-style: none; position: absolute; top: 0px; }

#nav_tabs li, #nav_tabs a { height: 26px; display: block; }



/*----------------------------------------------------------------------- 
   Articles
 ------------------------------------------------------------------------ */

#article {
float: left;
width: 744px;
border-top: 1px solid #333;
}

#article h1 { font-size: 24px; margin-bottom: 5px; }
#article h1 a { font-weight: bold; }

#article h2 { color: #666666; font-size: 20px; line-height: 24px; margin-bottom: 5px; }

#article h3 { font-size: 13px; text-transform: uppercase; }
#article h3 a { color: #069; font-weight: bold; }

#article h4 { color: #660000; font-size: 13px; padding: 15px; }

#article .col-one { float: left; width: 95px; }
#article .col-one p { font-size: 13px; padding: 15px; }

#article .col-two { float: left; width: 435px; padding: 15px 10px 10px 10px; }

hr.article { clear: both; border: 0; border-bottom: 1px dotted #999; }

#article .col-two-text { float: left; width: 435px; padding: 15px 10px 10px 105px; }
#article .col-two-text p { font-size: 13px; padding: 0px 0px 10px 0px; }
#article .col-two-text blockquote { padding: 10px 25px 10px 25px; }
#article .col-two-text ul { padding: 10px 25px 10px 25px; }

#article .col-three { font-size: 12px; width: 178px; padding: 15px 0px 10px 10px; margin-left: 0px; }
#article .col-three p { color: #666; padding: 0px 10px 0px 10px; margin-bottom: 10px; }

a.comments { background: url(gfx/icon_comments.gif) no-repeat 0 50%; padding-left: 20px; }
a.add-comments { background: url(gfx/icon_add_comments.gif) no-repeat 0 50%; padding-left: 20px; }

.col-three hr.article { clear: both; border: 0; border-bottom: 1px dotted #999; margin-bottom: 10px; }

.ex a:link, .ex a:hover, .ex a:active, .ex a:visited  { color: #006699; }

a.print { background: url(gfx/icon_print.gif) no-repeat 0 50%; padding-left: 20px; }
a.email{ background: url(gfx/icon_email.gif) no-repeat 0 50%; padding-left: 20px; }

#about-author {
clear: both; 
width: 750px;
border-top: 1px dotted #666; 
background: url(gfx/bg_about_author.png) no-repeat top center;
}

#about-author .col-two p { padding: 0px 0px 10px 0px; }

#about-author .col-three { font-size: 12px; width: 170px; padding: 15px 0px 10px 0px; margin-left: 10px; }
#about-author .col-three p { color: #666; padding: 0px 10px 0px 10px; margin-bottom: 10px; }

#about-author .col-three a { color: #069; font-weight: bold; }
	
/*----------------------------------------------------------------------- 
   Comments
 ------------------------------------------------------------------------ */

#comments {
clear: both; 

}

#comments h2 { color: #333; }

.comments-header {
background-color: #dcdcd2;
border-top: 1px dotted #666;
border-bottom: 1px solid #979680;
}
#browse_columns .col-one { font-weight: bold; }
#comments .col-one { float: left; width: 95px; }
#comments .col-two { float: left; width: 435px; padding: 15px 10px 0px 10px; }
#comments .col-two p { padding: 0px 0px 15px 0px; }
#comments .col-two-header { float: left; width: 445px; padding: 10px 10px 5px 10px; margin-left: 95px; }
#comments .col-three { float: left; width: 150px; font-size: 12px; padding: 15px 10px 10px 10px; margin-left: 10px; }

.comment {
border-bottom: 1px dotted #ccc;
}

#comments-form {
clear: both; 
}

.comments-form-header {
background-color: #eaeae4;
border-bottom: 1px solid #979680;
}

#comments-form .col-one p { padding: 15px 15px 0px 15px; }

#comments-form .col-two { float: left; width: 625px; padding: 15px 10px 0px 10px; } 

input.comments-form { width: 340px; font: 12px arial; padding: 2px; }
textarea.comments-form { width: 340px; height: 200px; font: 12px arial; padding: 2px; }

.required { font-size: 11px; color: #999; padding-left: 10px; }



/*----------------------------------------------------------------------- 
   Browse/Search
 ------------------------------------------------------------------------ */

#browse { 
float: left;
width: 750px;
border-top: 1px solid #333;
}

#browse p { font-size: 13px; line-height: 18px; padding: 10px 15px 0px 15px; }

#browse a { font-weight: bold; }

#browse-menus {
padding: 15px;
border-bottom: 1px dotted #333;
}
#browse_columns td, #browse_search td { border-top: 1px dotted #333; padding-bottom: 10px;}
#browse_search .col-one { font-weight: bold; }
#browse table { width: 750px; }

#browse th { font-size: 11px; text-align: left; padding: 10px 0px 10px 15px; }

#browse tr{ border-top: 1px solid #333; }

#browse th.col-one { float: left; width: 80px; }
#browse th.col-two { float: left; width: 365px; }
#browse th.col-three { float: left; width: 165px; }
#browse th.col-four { float: left; width: 75px; }

#browse td.col-one { float: left; width: 95px; }
#browse td.col-two { float: left; width: 380px; }
#browse td.col-three { float: left; width: 180px; }
#browse td.col-four { float: left; width: 85px; }


#browse td a { color: #069; }

#browse-menus select { float: left; width: 160px; font: 11px arial; padding: 2px; margin-right: 12px; }

.btn-go { float: left; }

.selected { background-color: #f8f3db; }

#search-box {
padding: 15px; 
border-bottom: 1px dotted #333;
}

#search-box input.searchbox { float: left; width: 500px; font: 12px arial; padding: 2px; margin-right: 10px; }

/*----------------------------------------------------------------------- 
   Browse/Search tabs
 ------------------------------------------------------------------------ */

#browse-search {
width: 750px;
height: 39px;
background: url(gfx/tabs_browse.gif);
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
top: 0px;
}

#browse-search span { display: none; }

#browse-search li { margin: 0px; padding: 0px; list-style: none; position: absolute; top: 0px; }

#browse-search li, #browse-search a { height: 41px; display: block; outline: none; }
#browse-search1 { left: 7px; width: 94px; }
#browse-search2 { left: 107px; width: 89px; }

#browse-search1 a:hover { background: transparent url(gfx/tabs_browse.gif) -7px -39px no-repeat;}
#browse-search2 a:hover { background: transparent url(gfx/tabs_browse.gif) -107px -39px no-repeat;}

/*----------------------------------------------------------------------- 
   Search/Browse tabs
 ------------------------------------------------------------------------ */

#search-browse {
width: 750px;
height: 39px;
background: url(gfx/tabs_search.gif);
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
top: 0px;
}

#search-browse span { display: none; }

#search-browse li { margin: 0px; padding: 0px; list-style: none; position: absolute; top: 0px; }

#search-browse li, #search-browse a { height: 41px; display: block; outline: none; }
#search-browse1 { left: 7px; width: 94px; }
#search-browse2 { left: 107px; width: 89px; }

#search-browse1 a:hover { background: transparent url(gfx/tabs_search.gif) -7px -39px no-repeat;}
#search-browse2 a:hover { background: transparent url(gfx/tabs_search.gif) -107px -39px no-repeat;}


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

#footer {
width: 940px;
background: url(gfx/bg_footer.png) no-repeat top center #FFF;
font-size: 11px;
text-align: left;
padding-top: 20px;
margin: 0 auto 0 auto;
}

.footer-one {
float: left;
width: 190px;
}

.footer-two {
float: left;
width: 380px;
}

.footer-three {
float: left;
width: 360px;
}


.xs { font-size: 9px; }
.s { font-size: 10px; }
.m { font-size: 11px; }
.grey { color: #999; }
.dark-grey { color: #777; }
.norule { background: #333; }
.time { color: #777; }
.time a:link { color: #f36; margin-left: 10px; }
.time a:visited { color: #f36; margin-left: 10px; }
.time a:hover { color: #fff; margin-left: 10px; }
.time a:active { color: #f36; margin-left: 10px; }
.pad-top { padding-top: 16px; }


/*----------------------------------------------------------------------- 
   KSM Additions
 ------------------------------------------------------------------------ */

.calloutbox {
font: 14px arial; 
font-weight: bold; 
color:#9c2700; 
line-height: 130%; 
float: right; 
position:relative; left:120px; top:20px; 
width:275px; 
margin: -10px 0px 30px -80px; 
border-left: solid #ccc 4px; 
border-right: solid #ccc 4px; 
padding: 10px; 
}
/*----------------------------------------------------------------------- 
   GWD Additions
 ------------------------------------------------------------------------ */

#captcha { margin: 0 0 10px 0; }
#captcha img { float: left; margin: 0 10px 0 0; }
#captcha input { font-size: 18px; font-family: Helvetica, Arial, sans-serif; padding: 2px; width:130px; }
#captcha div { margin: 0 0 6px 0; }

.ex a img.lang { float: left; margin-right: 5px; height: 16px; width: 16px; }