table.unfortunate { border-collapse: collapse; width: 100%; margin-top: 8px; }
table.unfortunate td { vertical-align: top; padding: 0; border: margin: 0; }
table.unfortunate td.mapmain { float: right; position: relative; width: 304px; height: 400px; background-image: url(../art/h_mapmain.jpg); }
table.unfortunate td.maplower { padding: 10px 10px 10px 10px; width: 284px; background: #e9e6df url(../art/h_maplower.jpg) repeat-x; border-top: 1px solid #928465; background: #c2beb3 url(../art/h_mapbg.jpg) no-repeat; font-size: 15px; color: #4c4a45;  }
table.unfortunate td.casebottom { padding: 0 5px 10px 0; }
table.unfortunate td.casebottom span.partner { font-family: Nobile; display: block; margin-bottom: 9px; letter-spacing: 3px; color: #fff; font-size: 13px; text-transform: uppercase; padding: 3px 3px 3px 10px; background-color: #9e9074; }
table.unfortunate td.maplower div.ppstory, table.unfortunate td.casebottom { color: #555; }
table.unfortunate td.maplower span.ppdate, table.unfortunate td.casebottom span.ppdate, table.unfortunate td.blog span.timestamp, div.blogbody span.timestamp { font-family: Nobile; color: #777; font-size: 12px; text-transform: uppercase; letter-spacing: 3px; display: block; margin-bottom: 4px; }
table.unfortunate td.maplower span.ppcredit, table.unfortunate td.casebottom span.ppcredit, table.unfortunate td.blog span.comments a, table.unfortunate td.blog span.comments { text-decoration: none; color: #928465; font-size: 13px; display: block; margin: 3px 0 9px 0; }
table.unfortunate td.maplower a.pptitle, table.unfortunate td.casebottom a.pptitle, table.unfortunate td.blog h3 a { font-family: Nobile; font-size: 18px; text-decoration: none; }
table.unfortunate td.cases { background: #000 url(../art/ulback.png) repeat-x; height: 275px; overflow: hidden; }
table.unfortunate td.blog span.comments, div.blogbody span.comments { text-transform: uppercase; letter-spacing: 1px; }
table.unfortunate td.cases div.casehead { background-color: #333; clear: both; height: 50px; padding: 9px; color: #bbb; font-size: 13px; }
table.unfortunate td.cases div.casehead span.title { color: #eee; font-size: 16px; display: block; }
table.unfortunate td.cases div.casehead span.title span.red { color: #f00; }
table.unfortunate td.tip { background-color: #ccc; width: 220px; }
table.unfortunate div.mapper { float: right; width: 230px; height: 250px; background: #fff url(../art/n_mapback.png); border-left: 10px solid #fff; }
table.unfortunate div.tiparea { background: #ccc url(../art/h_tip.png) repeat-x; line-height: 28px; font-size: 19px; padding: 8px 10px 150px 10px; color: #fff; }
table.unfortunate span.tiphead { font-size: 16px; line-height: 16px; margin-bottom: 15px; letter-spacing: 2px; display: block; text-transform: uppercase;}
table.unfortunate div.mapper div.caselink { width: 68px; height: 75px; padding: 3px 8px 17px 3px; background-image: url(../art/h_cb.png); position: absolute; }
table.unfortunate div.mapper div#cl1 { margin: 130px 0 0 20px; z-index: 10; }
table.unfortunate div.mapper div#cl2 { margin: 15px 0 0 25px; z-index: 11; }
table.unfortunate div.mapper div#cl3 { margin: 100px 0 0 25px; z-index: 12; }
table.unfortunate div.mapper div#cl4 { margin: 105px 0 0 10px; z-index: 13; }
table.unfortunate div.mapper div#cl7 { margin: 110px 0 0 90px; z-index: 14; }
table.unfortunate div.mapper div#cl5 { margin: 110px 0 0 90px; z-index: 15; }
table.unfortunate div.mapper div#cl6 { margin: 10px 0 0 90px; z-index: 16; }
div.pp { padding-bottom: 8px; border-bottom: 1px dotted #aaa; margin-bottom: 8px; }
div.caseinner { overflow: hidden; position: relative; width: 100%; height: 300px; }
div.caseinner div.caseholder { position: absolute; width: 100%; height: 300px; }
div.casemanager { height: 31px; background-color: #000; }
div.caseinner div.caseholder div.boxen div.vidar { z-index: 90; position: absolute; width: 90px; height:90px; background: url(../art/vidar.png); }
div.caseinner div.caseholder div.boxen div.updar { z-index: 91; position: absolute; width: 74px; height: 16px; margin-top: 68px; padding: 3px 8px 3px 8px; text-align: center; line-height: 14px; color: #fff; font-size: 13px; background-color: #f00; opacity: .85; -moz-opacity: .85; filter: alpha(opacity = 85);}
div.caseinner div.caseholder div.boxen, div.caseinner div.caseholder div.boxenon { width: 90px; height: 90px; -moz-box-shadow: 5px 5px 5px #000; -webkit-box-shadow: 5px 5px 5px #000; filter:progid:DXImageTransform.Microsoft.dropShadow(color=#000000, offX=5, offY=5, positive=true); padding: 5px; background-color: #ddd; opacity: .95; position: absolute; }
div.caseinner div.caseholder div.boxen { cursor: pointer }
div.caseinner div.caseholder div.special { position: absolute; z-index: 39; width: 90px; background-color: #f00; color: #fff; line-height: 15px; font-size: 14px; padding: 5px; display: block; }
div.caseinner div.caseholder div.boxenon { background-color: #f2ebdd; opacity: 1; font-size: 14px; color: #6a6355; padding: 22px 8px 8px 8px; }
div.caseinner div.caseholder div.boxenon span.photocredit { font-size: 12px; color: #888; }
div.caseinner div.caseholder div.boxenon span.watchinfo { font-size: 12px; color: #a22; }
div.caseinner div.caseholder div.boxen:hover, div.caseinner div.caseholder div.boxensel { background-color: #b848c2; }
div.caseinner div.rightar { position: absolute; z-index: 67; width: 30px; height: 300px; cursor: pointer; right: 0; background: url(../art/rightar.png); }
div.caseinner div.leftar { position: absolute; z-index: 68; width: 30px; height: 300px; cursor: pointer; background: url(../art/leftar.png); }
div.caseinner div.caseholder div.boxenon h2 { font-size: 17px; color: #6a6355; padding: 0; margin: 4px 0 8px 5px; font-weight: normal; }
div.caseinner div.boxenon div.vidouter { width: 386px; height: 248px; float: left; margin: 0 8px 8px 0; }
div.caseinner div.boxenon a.closebox:link,div.caseinner div.boxenon a.closebox:visited { text-decoration: none; font-size: 11px; letter-spacing: 1px; border-left: 1px solid #bbb; border-bottom: 1px solid #bbb; position: absolute; z-index: 41; right: 0; margin-top: -22px; display: block; padding: 2px 5px 2px 5px; color: #f00; width: 60px; text-align: center; }
div.caseinner div.boxenon a.closebox:hover { background-color: #b848c2; color: #fff; border-left: 0; border-bottom: 0;}
div.caseinner div.boxenon a.linktext, div.caseinner div.boxenon a.linktext:link, div.caseinner div.boxenon a.linktext:visited { background-color: #f2dddd; text-decoration: none; clear: both; padding: 4px; text-align: center; display: block; }
div.caseinner div.narrationlink { z-index: 85; position: absolute; width: 220px; height: 300px; display: block; cursor: pointer; background-image: url(../art/caseoverlay.png); }
div.caseinner div.narrationlink:hover { background-image: url(../art/caseoverlaya.png); }
span.casehead, span.casetag, span.casenum { display: none; }
table.unfortunate td.txt div.mapreturn { width: 40px; margin: -10px -10px -10px -20px; height: 400px; background-image: url(../art/mapreturn.jpg); }
table.unfortunate td.txt div.mapreturn:hover { background-image: url(../art/mapreturna.jpg); }
div.caseinner div.caseholder div.eye { position: absolute; height: 300px; background-color: #000; }
table.unfortunate td.right div.right { margin-left: 5px; width: 320px; margin-bottom: 30px; }
table.unfortunate td.right { width: 325px; vertical-align: top; }
div.casemain { padding: 30px 0 0 25px; }
div.casesel { background: #cc0001 url(../art/b_casebg.jpg) repeat-y; width: 206px; float: right; margin: 5px 0 0 0; border-right: 15px solid #fff; border-left: 10px solid #fff;  clear: right; padding: 3px; }
div.casesel span.casetitle {  font-family: Nobile; font-size: 15px; color: #ccc; font-weight: normal; letter-spacing: 6px; text-align: center; line-height: 15px; margin: 8px; display: block;  } 
a.caselink, span.thiscase { text-decoration: none; display: block; height: 68px; margin-bottom: 1px; padding: 2px; background-color: #8e0000; font-size: 15px; line-height: 15px; color: #fff; }
span.thiscase { background-color: #c94d4e; color: #bbb }
a.caselink img, span.thiscase img { width: 68px; float: left; height: 68px; margin-right: 5px; }
span.thiscase img { opacity: .5; -moz-opacity: .50; filter: alpha(opacity = 50); }
a.caselink:hover { background-color: #bf2aa8 }
div.share_case { float: right; width: 280px; text-align: center; height: 20px; padding:10px; }
td.right div.ad { background: url(../art/adbg.gif) no-repeat; height: 276px; padding: 11px; color: #a9a9a8; text-align: center; margin: 0; }
td.right div.ad img { margin-top: 5px; }
td.right div.ad span.adexpl { font-size: 13px;color: #aaaaaa;text-align: center;line-height: 13px;display: block;padding-top: 4px;padding-right: 4px;padding-bottom: 4px;padding-left: 4px;}