/* --------------- MASTER MI.COM STYLE SHEET --------------- */
* {border:0; margin:0; padding:0;}
body {background:#e6e5da url(../images/body_new_bkgd.gif) repeat-x top left; font:normal 9pt/1.3em arial,verdana,helvetica,sans-serif;}
h1 {color:#666; font-size:18pt; line-height:1.2em; margin:0 0 10px 0;}
h2 {color:#C90; font-size:12pt; margin:10px 0 10px 0;}
h3 {color:#325092; border-bottom:1px solid #a2b0cf; font-size:12pt; margin:40px 0 5px 0; padding-bottom:3px;}
h4 {color:#325092; font-size:12pt; margin:40px 0 5px 0;}
h5 {color:#325092; font-size:12pt; margin:5px 0 5px 0;}
hr {border-top:1px solid #bbb;}
dd {margin-bottom:10px;}
blockquote {margin:0 50px;}
p {margin:0 0 6px 0;}

.bold {font-weight:bold;}
.italic {font-style:italic;}
.center {text-align:center;}
.clear {clear:both; color:#eee; content:"."; display:block; height:0;}
.link {text-align: center; margin-top: 10px;}
.endcontent {clear:both;}
.byline {color:#999; font-weight:bold;}
.lastUpdated {color:#777; display:none; float:right; font-size:8pt; margin:10px 0; text-align:right; width:200px;} /* there is a page element on the extranet section to display this */
.goBack {font-size:8pt; text-align:right;}
.hrDotted {background:transparent url(/static/images/hr_dotted_bkgd.gif) repeat-x; clear:left; height:6px; margin:10px 0;}
.forceWide {clear:both; margin-left:-200px;}
.finePrint {font-size:8pt;}

a, a:link, a:visited {color:#039; text-decoration:none;}
a:active, a:hover {color:#335CAD;}
a:active {outline:none;} /* Removes dotted lines around active link */

/* CONTENT WRAPPER */
    #contentWrapper {border-left:1px solid #c8c6b0; border-right:1px solid #c8c6b0; background:#fff; margin:0 auto; padding-bottom:40px; width:1000px;}

/* MASTHEAD */
    #mastheadWrapper {background:#5a86b3 url(/static/images/masthead_bkgd.gif) repeat-x; height:87px;}
    #masthead {background:#5a86b3 url(/static/images/masthead_bkgd.gif) repeat-x; height:87px; margin:0 auto 1px auto; width:1000px;}
    #logo {border-right:0px solid #fff; float:left; height:87px; width:209px;}
    .miLogo {border:0px; height:87px; width:209px;}
    .mastPublic, .mastIntranet, .mastExtranet, .mastPublisher {float:left; height:87px; width:787px;}
    .mastPublic {background:transparent url(/static/images/masthead.gif) no-repeat;}
    .mastIntranet {background:transparent url(/static/images/masthead_intranet.gif) no-repeat;}
    .mastExtranet {background:transparent url(/static/images/masthead_extranet.gif) no-repeat;}
    .mastPublisher {background:transparent url(/static/images/masthead_publisher.gif) no-repeat;}
    
    #Registration {color:#fff; float:right; font-size:8pt; margin:15px 10px 0 0;}
    #Registration a{color:#dde5f0; text-decoration:none;}
    #Registration a:hover {color:#fff;}
    #Registration .Separator {color:#c1ceea; font-weight:normal; margin:0 5px;}
    
    #searchShell {clear:both; float:right; font-size:8pt; margin:30px 10px 0 0; width:175px;}
    .searchSiteField {background-color:#bccfe2; border:1px solid #fff; color:#000; font-family:verdana,arial,helvetica,sans-serif; font-size:8pt; padding:2px 4px; width:100px;}
    .submitButton {background-color:#C90; border:1px solid #fff; color:#fff; font-family:verdana,arial,helvetica,sans-serif; font-size:8pt; margin:0 0 0 -2px; padding:1px 0 1px 2px; text-align:center; width:60px;}

/* NAVIGATION */  
    #navigationWrapper {background:#888 url(/static/images/navigation_bkgd.jpg) repeat-x;}
    #navigation {background:#888 url(/static/images/navigation_bkgd.jpg) repeat-x; clear:both; display:block; margin:0 auto; width:1000px}
    /* .lockedSection {background:transparent url(../images/section_lock.gif) no-repeat left center; padding-left:7px !important;} */
    .lockedSection {background:#777 url(/static/images/navigation_locked_bkgd.jpg) repeat-x;}
    
    #breadcrumb {background:#fff url(http://www.mcclatchyinteractive.com/static/images/content_back.gif) repeat-x; color:#999; clear:both; font-size:8pt; height:10px; padding:10px 10px 0 0; text-align:right;}
    #breadcrumb a:link, #breadcrumb a:visited {color:#999;}
    #breadcrumb a:active, #breadcrumb a:hover {color:#3F65B2; text-decoration:none;}
    #breadcrumb .last {color:#888; font-weight:bold;}
    .arrow {color:#C90; margin:0 5px;}

    
/*CONTENT*/
    #columnWrapper {clear:both; margin:10px 20px;}
       
    #columnOne {float:left; width:200px;}
    #columnOne p {margin:0;}
    
    #columnTwo {float:left; width:760px !important;}
	#columnTwoWide {margin:0 auto; width:960px !important;}
    #columnTwo, #columnTwoWide {line-height:1.5em}
    #columnTwo p, #columnTwoWide p {margin:1.5em 0;}  
    #columnTwo li, #columnTwoWide li {margin-left:30px;}
    
    .column50 {float:left; margin:0 30px 0 0; width:46%;}
      
    #assets {clear:right; float:right; margin:5px 0; padding-left:20px;}
    #assets .assetItem {margin:0 0 10px 5px;}
    #assets img {padding-bottom:0;} 
    #assets .imgCopyright {clear:both; font-size:9px; font-weight:bold; width:200px;}
    #assets .imgCaption {color:#555; clear:both; font-size:9px; margin-top:5px; width:200px;}
    
/* HTML MODULES */
    #htmlModule {background:transparent; margin:0 0 10px 10px; width:225px; /*-moz-border-radius:8px; -webkit-border-radius:8px;*/}
    #htmlModule .b1, #htmlModule .b2, #htmlModule .b3, #htmlModule .b4, #htmlModule .b1b, #htmlModule .b2b, #htmlModule .b3b, #htmlModule .b4b {display:block; font-size:1px; overflow:hidden;}
    #htmlModule .b1, #htmlModule .b2, #htmlModule .b3, #htmlModule .b1b, #htmlModule .b2b, #htmlModule .b3b {height:1px;}
    #htmlModule .b2 {background:#b9b8a6; border-left:1px solid #9d9c88; border-right:1px solid #9d9c88;}
    #htmlModule .b3 {background:#b9b8a6; border-left:1px solid #9d9c88; border-right:1px solid #9d9c88;}
    #htmlModule .b4 {background:#b9b8a6; border-left:1px solid #9d9c88; border-right:1px solid #9d9c88;}
    #htmlModule .b4b {background:#f7f6ef; border-left:1px solid #9d9c88; border-right:1px solid #9d9c88;}
    #htmlModule .b3b {background:#f7f6ef; border-left:1px solid #9d9c88; border-right:1px solid #9d9c88;}
    #htmlModule .b2b {background:#f7f6ef; border-left:1px solid #9d9c88; border-right:1px solid #9d9c88;}
    #htmlModule .b1 {background:#9d9c88; margin:0 5px;}
    #htmlModule .b2, #htmlModule .b2b {border-width:0 2px; margin:0 3px;}
    #htmlModule .b3, #htmlModule .b3b {margin:0 2px;}
    #htmlModule .b4, #htmlModule .b4b {height:2px; margin:0 1px;}
    #htmlModule .b1b {background:#9d9c88; margin:0 5px;}
    #moduleContent {background:#f7f6ef url(/static/images/html_module_bkgd.jpg) repeat-x top left; display:block; border-left:1px solid #9d9c88; border-right:1px solid #9d9c88; font-size:9pt; padding:5px 10px;}
    #moduleContent h1 {background:#B9B8A7 url(/static/images/html_mod_hd_bkgd.jpg) repeat-x bottom left; color:#f3f2e9; font-size:10pt; letter-spacing:0.2em; margin:-5px -10px 5px -10px; padding:2px 3px 3px 3px; text-align:center;}
    #moduleContent h2 {border-bottom:1px solid #c4c3b5; color:#555; font-size:10pt; margin:10px 0 0 0; font-weight:bold;}
    #moduleContent li {list-style-type:none; margin:4px 7px;}
    #moduleContent li.ulBullet {list-style-type:disc; margin:3px 0 5px 15px;}
  
/* AFFILIATE PROMO TALL HTML MODULE */
    /* #affiliatePromo {background:transparent; float:left; margin:0 10px 0 0; width:315px;} */
    #affiliatePromo {background:transparent; margin:0 0px 20px 0;} /* when assets interrupt the page width switch to margin:0 255px 20px 0 */
    #affiliatePromo .b1, #affiliatePromo .b2, #affiliatePromo .b3, #affiliatePromo .b4, #affiliatePromo .b1b, #affiliatePromo .b2b, #affiliatePromo .b3b, #affiliatePromo .b4b {display:block; font-size:1px; overflow:hidden;}
    #affiliatePromo .b1, #affiliatePromo .b2, #affiliatePromo .b3, #affiliatePromo .b1b, #affiliatePromo .b2b, #affiliatePromo .b3b {height:1px;}
    #affiliatePromo .b2 {background:#4064b0; border-left:1px solid #4064b0; border-right:1px solid #4064b0;}
    #affiliatePromo .b3 {background:#4064b0; border-left:1px solid #4064b0; border-right:1px solid #4064b0;}
    #affiliatePromo .b4 {background:#4064b0; border-left:1px solid #4064b0; border-right:1px solid #4064b0;}
    #affiliatePromo .b4b {background:#fff; border-left:1px solid #09399d; border-right:1px solid #09399d;}
    #affiliatePromo .b3b {background:#fff; border-left:1px solid #09399d; border-right:1px solid #09399d;}
    #affiliatePromo .b2b {background:#fff; border-left:1px solid #09399d; border-right:1px solid #09399d;}
    #affiliatePromo .b1 {background:#09399d; margin:0 5px;}
    #affiliatePromo .b2, #affiliatePromo .b2b {border-width:0 2px; margin:0 3px;}
    #affiliatePromo .b3, #affiliatePromo .b3b {margin:0 2px;}
    #affiliatePromo .b4, #affiliatePromo .b4b {height:2px; margin:0 1px;}
    #affiliatePromo .b1b {background:#09399d; margin:0 5px;}
    #affiliatePromo #moduleContent {background:transparent url(/static/images/aff_news_bkgd.gif) repeat-x top left; border-left:1px solid #09399d; border-right:1px solid #09399d; font-size:9pt;}
    #affiliatePromo #moduleContent h1 {background:#4064b0 url(/static/images/html_mod_hd_bkgd2.jpg) repeat-x bottom left; color:#e0e5f1; font-size:10pt; letter-spacing:0.2em; margin:-5px -10px 5px -10px; padding:0 3px 3px 3px; text-align:center;}
    #affiliatePromo #moduleContent h2 {font-size:11pt; padding:0 10px;}
    #affiliatePromo #moduleContent h2 a {color:#333 !important; text-decoration:none !important;}
    #affiliatePromo #moduleContent h2 a:hover {color:#555 !important;}
    #affiliatePromo #moduleContent p {padding:0 10px;}
    #affiliatePromo #moduleContent ul {list-style-position:outside;}
    #affiliatePromo #moduleContent li {list-style-type:disc !important; margin:0 0 10px 20px;}
    #affiliatePromo #moduleContent li li {list-style-type:circle !important; margin:5px 0 5px 20px;}
    #affiliatePromo #moduleContent .byline {color:#555; font-size:8pt;}
    #affiliatePromo #moduleContent .shortDesc {margin-top:-10px;}
    
/* JOB DISCLAIMER HTML MODULE */
    #jobDisclaimer {background:transparent; margin:-5px 0 10px 0; width:100%;}
    #jobDisclaimer .b1, #jobDisclaimer .b2, #jobDisclaimer .b3, #jobDisclaimer .b4, #jobDisclaimer .b1b, #jobDisclaimer .b2b, #jobDisclaimer .b3b, #jobDisclaimer .b4b {display:block; font-size:1px; overflow:hidden;}
    #jobDisclaimer .b1, #jobDisclaimer .b2, #jobDisclaimer .b3, #jobDisclaimer .b1b, #jobDisclaimer .b2b, #jobDisclaimer .b3b {height:1px;}
    #jobDisclaimer .b2 {background:#4064b0; border-left:1px solid #4064b0; border-right:1px solid #4064b0;}
    #jobDisclaimer .b3 {background:#4064b0; border-left:1px solid #4064b0; border-right:1px solid #4064b0;}
    #jobDisclaimer .b4 {background:#4064b0; border-left:1px solid #4064b0; border-right:1px solid #4064b0;}
    #jobDisclaimer .b4b {background:#fff; border-left:1px solid #09399d; border-right:1px solid #09399d;}
    #jobDisclaimer .b3b {background:#fff; border-left:1px solid #09399d; border-right:1px solid #09399d;}
    #jobDisclaimer .b2b {background:#fff; border-left:1px solid #09399d; border-right:1px solid #09399d;}
    #jobDisclaimer .b1 {background:#09399d; margin:0 5px;}
    #jobDisclaimer .b2, #jobDisclaimer .b2b {border-width:0 2px; margin:0 3px;}
    #jobDisclaimer .b3, #jobDisclaimer .b3b {margin:0 2px;}
    #jobDisclaimer .b4, #jobDisclaimer .b4b {height:2px; margin:0 1px;}
    #jobDisclaimer .b1b {background:#09399d; margin:0 5px;}
    #jobDisclaimer #moduleContent {background:transparent url(/static/images/aff_news_bkgd.gif) repeat-x top left; border-left:1px solid #09399d; border-right:1px solid #09399d; font-size:9pt;}
    #jobDisclaimer #moduleContent h1 {background:#4064b0 url(/static/images/html_mod_hd_bkgd2.jpg) repeat-x bottom left; color:#e0e5f1; font-size:10pt; letter-spacing:0.1em; margin:-5px -10px 5px -10px; padding:0 3px 3px 3px; text-align:center;}
    #jobDisclaimer #moduleContent h2 {font-size:11pt; padding:0 10px;}
    #jobDisclaimer #moduleContent h2 a {color:#333 !important; text-decoration:none !important;}
    #jobDisclaimer #moduleContent h2 a:hover {color:#555 !important;}
    #jobDisclaimer #moduleContent p {line-height:1.75em; padding:0 10px;}
    #jobDisclaimer #moduleContent .byline {color:#555; font-size:8pt;}
    #jobDisclaimer #moduleContent .shortDesc {margin-top:-10px;}    
    
/* ASSET TYPE ALIGNMENT */  
    .wide {clear:both;}
    .left_half {float:left; width:49%;}
    .right_half {float:right; width:49%;}

/* COMMENTS */  
    #commentContainer {margin-top:20px; width:600px;}
    
/* CONTACT */ 
    #contact .column {float:left; min-width:320px; width:310px;}
    #contact .directions {margin-top:6px;}
    #contact .directions a  {background-color:#c7d9ea; border:1px solid #9fabc6; border-left:2px; border-top:2px; padding:2px 7px; text-align:center;}
    #contact .directions a:hover {border:1px solid #9fabc6; border-bottom:2px; border-right:2px;}
    #contact p {margin:5px;}
    
/* SEARCH */
    #searchResults {margin:0; font-size:9pt;}
    #searchResults li {border-bottom:1px solid #eee; list-style-type:none; padding:5px 0 10px 0;}
    #searchResults .publishedDate {color:#666; font-size:8pt;}      
    
/* RICH MEDIA */
    .rmItem {float:left; margin-bottom:20px; height:90px; overflow:hidden; width:32%;}
    .rmThumb {display:none; float:left; height:200px; padding-right:10px;} /* height attribute is to compensate for landscape thumbnails - prevents unusual RM element wrapping */
    .rmNoThumb {}
    .rmThumb img {border:1px solid #666;}
    .rmDetails {float:left; width:160px;}
    .rmCaption {font-size:8pt;}
    
    .rmItemOL {clear:both; margin:5px 0; width:100%;}
    .rmDetailsOL {}
    .rmCaptionOL {font-size:8pt;}

/* JOB LISTINGS */
    .jobsContact {background-color:#eee; border:1px solid #666; font-size:8pt; margin:0 auto; padding:0 10px 0px 10px; width:625px;}
    .jobsContact p {color:#666; font-weight:bold;}

/* TRAININGS */
    .trainingTable {border:1px solid #333;}
    .trainingTable td {margin:1px; padding:3px 5px;}

/* FORMS */
    #contactForm input:focus, textarea:focus {background-color:#dbe3f5; color:#325092;}
    #contactForm input.radio {float:left; margin-right:1em;}
    #contactForm textarea {width:300px; height:100px;}
    #contactForm .submit {background-color:#dbe3f5; border:1px solid #9fabc6; border-left:2px; border-top:2px; color:#325092; font-size:8pt; padding:2px 7px; width:150px;}
    
/* CONTACT FORM LINK HTML MODULE */
    #contactFormLink {padding:10px 0; text-align:center;}

/* CONTACT FORM */
    #contactForm {width:75%;}
    #contactForm form {width:50em;}
    #contactForm fieldset {background-color:#f5f5f5; border:1px solid #ccc; margin:1em 0; /*  space out the fieldsets a little*/ padding:1em;}
    #contactForm legend {font-weight:bold;}
    #contactForm label {float:left; width:10em;}
    #contactForm .required {color:#760000; font-size:0.85em; font-weight:bold;}
    #contactForm input {width:200px;}
    #contactForm input[type="text"], textarea, select {border-bottom:1px solid #ccc; border-left:2px solid #999; border-top:2px solid #999; border-right:1px solid #ccc;}
    #contactForm input.radio, input.checkbox, input.submit {width:auto;}
    #contactForm select {font-size:8pt; width:200px;}  
    #contactForm option {padding:2px 0; text-indent:4px;} 
    #contactForm .stateLabel {background-color:#eee; border-bottom:1px solid #ddd; border-top:1px solid #ddd; color:#325092; font-size:8pt; font-weight:bold; letter-spacing:.1em; padding:1px 2px;}
        
/* TABS */  
    #tabStory dt {font-weight:bold;}
    #tabStory dd {border-bottom:1px solid #ccc; margin-bottom:10px; padding-bottom:9px;}
    #tabStory #assets {float:left; margin:10px; width:40%;}
    #tabStory #assets .assetItem {margin:0 0 10px 5px;}
    #tabStory #assets img {padding-bottom:0;} 
    
/* I AM ONLINE */  
    #iamonline {background:transparent; margin:20px 0 10px 10px; text-align:center; width:225px;}
    #iamonline p {font-size:8pt; margin:0 0 5px 0;}
    #iamonline a {font-weight:bold;}

/* EXTRANET HOMEPAGE */
    #marketHome a {font-weight:bold;}
    #marketLinks {padding:8px 0 5px 0; text-align:center;}
    #marketLinks select {border:1px solid #cac9b5; color:#333; font-size:8pt; width:175px;}
    #marketLinks option {background-color:#fff; padding:1px 0 1px 2px;}
    
    /* ZEBRA STRIPED TABLES */
    .tableFormat {background-color:#e9f1f8; border:1px solid #bccfe2; border-bottom:none; -moz-border-radius:6px; -webkit-border-radius:6px;}
    .tableFormat .project {border-right: 1px solid #c9daec; font-weight:normal; width:30%;}
    .tableFormat td li {margin-left:18px !important;}
    .trHighlight th {background-color:#bccfe2 !important; color:#333; font-weight:bold; font-size:9pt; letter-spacing:0.2em; padding:2px 0 2px 10px; text-align:left;}
    .zebraStripes td {border-bottom:1px solid #bccfe2; padding:3px 0 3px 10px;}
    tr.alt td {background-color:#dae6f2;}
    tr.over td {background-color:#fff;}
    
    /*
    .profile {border-bottom:1px solid #9d9c88; margin:0 0 10px 10px; width:225px;}
    .profile h1 {background:transparent url(/static/images/profile_heading_bkgd.jpg) no-repeat; color:#F3F2E9; font-size:10pt; height:26px; letter-spacing:0.2em; margin:0 0 -7px 0; padding-top:7px; text-align:center; width:225px;}
    */
    .profile h3 {background:#dbdac8 url(/static/images/arrow_square.gif) no-repeat right -51px !important; border:solid 1px #cbcabf; border-bottom:none; color:#888; cursor:pointer; font:bold 10pt/1.25em Arial, Helvetica, sans-serif; margin:0; padding:5px 10px;}
    .profile h3:hover {background-color:#e2e1d8 !important;}
    .profile h3.active {background-color:#dbdac8 !important; background-position:right 5px !important; color:#333;}
    .profile p {background:#F7F6EF url(/static/images/profile_bkgd.jpg) repeat-x scroll left top; border-left:solid 1px #cbcabf; border-right:solid 1px #cbcabf; display:none; margin:0 !important; padding:5px 10px;}
    .profile .bold {color:#444; font-size:9pt;}
    
    /* columnOne Scroller */
    .columnOneTop {position:relative;}
    .columnOneFloat {position:fixed; top:20px;}
    .columnTwoLeftFix {margin-left:220px;}
    

/* PROMO ADS & COLLATERAL */
    h1.promoSection {float:left; width:500px;}
    h2.promoSection {clear:both;}
    h2.promoSection a {color:#cc9900 !important;}
    h2.promoSection a:hover {color:#dfb434 !important;}
    #promoMarkets {background:transparent url(/static/images/promo_select_bkgd.jpg) no-repeat; float:right; height:30px; padding:5px 0; text-align:right; width:191px;}
    #promoMarkets select {border:1px solid #c2d1d9; color:#333; font-size:8pt; margin:6px 12px 0 0; width:165px;}
    #promoMarkets option {background-color:#f2f7fd; padding:1px 0 1px 2px;}
    
/* ARCHIVE PAGE ELEMENT */
    #archive {background:#cc9900 url(/static/images/archive_exclamation.png) no-repeat center left; border:1px solid #a07802; color:#eee; font-size:10pt; font-weight:bold; margin:0 0 20px 0; -moz-border-radius:8px; padding:10px 10px 10px 55px; text-align:center; -webkit-border-radius:8px; width:555px;}
    
        
/* MI DEPT CONTACTS */    
    .deptContact {background:transparent url(/static/images/dept_bkgd.jpg) repeat-x bottom left; border:1px solid #ccc; float:left; height:170px; margin:10px; padding:0 10px 5px 10px; width:275px;}
    a.deptLink {background:transparent url(/static/images/dept_link.jpg) no-repeat center right; color:#777; display:block; font-style:italic; margin:5px 0 0 0; padding-right:20px; text-align:right;}
    a:hover.deptLink {color:#333;}
    
        
/* FOOTER */  
    #footer {background-color:#e6e5da; clear:both; font-size:8pt; margin:0 auto; margin-top:-10px; text-align:center; width:1002px;}
    #footer .links {background-color:#d7d6c5; border:1px solid #c8c6b0; color:#1d4770; padding:3px 0;}
    #footer .copyright {color:#666; margin:5px 0 15px 0; /* padding-left:75px; needed when w3c logo is uncommented */}
    #footer a {color:#4d7398;}
    #footer a:hover {color:#295681;}