@charset "utf-8"; 
/* Generic Styles & reseting the .com/styles/noleftnav_1024.css */
.nfk_socialmedia {position:absolute;right:13px;top:1px}
html{height:100%}
body{background:url(http://www.psimg.com/img/rm/hp/bg.gif) top repeat-x #868176; color:#000; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; line-height:1.2em; word-spacing:.0; letter-spacing:.0; text-align:center; margin:0; padding:3px 0 0 0}
img{border:0}
div,ul,li,p,h1,h2,h3,h4,a,span{margin:0;padding:0}
/* general style for links */
a, a:link, a:visited, a:active{color:#fff;text-decoration:none; outline:none}
a:hover{text-decoration:underline}
/* colors catalogue
h1: #000000
h2: #990000
h3: #660000
Link active:  #cc0000
Link hover:  #ff0000
Link visited: #993333
borders: #990000
*/
/* General clases */
.f-right{ float:right}
.f-left {float:left}
.no-wrap {white-space:nowrap}
.note {color: #666;font-size:10px}

/* same width 960px */
#scoop-content, #top, #games, .bttm, #disclaimer, #copyright {width:960px}
/* Special SCOOP */
#scoop-content {background:url(http://www.psimg.com/legacy/wcoop/images/repeat-content.gif) 0 0 repeat-y;text-align:left;height:100%}

#top {background:url(http://www.psimg.com/legacy/wcoop/images/top-header.jpg) 0 0 no-repeat; height:186px; position:relative}
ul.int-nav{display:inline; position:absolute; top:160px; left:26px }
.int-nav li {display:inline; list-style:none}
.int-nav a,.int-nav a:link, .int-nav a:visited, .int-nav a:active{color:#999; font-weight:700; border-left:1px solid #900; padding:0 8px 0 10px; text-decoration:none}
.int-nav a:hover, .int-nav a.navactive{color:#c00}
.int-nav a.first{border:none}
#top span {position:absolute; top:56px; right:33px}

/*for longer navigations*/
ul.int-nav-long{display:inline; position:absolute; top:160px; left:18px; font-size:10px }
.int-nav-long li {display:inline; list-style:none}
.int-nav-long a,.int-nav-long a:link, .int-nav-long a:visited, .int-nav-long a:active{color:#999; font-weight:700; border-left:1px solid #900; padding:0 3px 0 4px;  text-decoration:none}
.int-nav-long a:hover, .int-nav-long a.navactive{color:#c00}
.int-nav-long a.first{border:none}
/* end of longer navigations*/

/* when the long nav style looks too smal */
ul.int-nav-med{display:inline; position:absolute; top:160px; left:26px }
.int-nav-med li {display:inline; list-style:none}
.int-nav-med a,.int-nav-med a:link, .int-nav-med a:visited, .int-nav-med a:active{color:#999; font-weight:700; border-left:1px solid #900; padding:0 6px 0 7px; text-decoration:none}
.int-nav-med a:hover, .int-nav-med a.navactive{color:#c00}
.int-nav-med a.first{border:none}
/* end of med navigations*/

#int-content{display:block; padding:0 25px; width:910px; position:relative} /*real width was 960px*/
h1 { padding:30px 0 12px 6px; font-size:16px; color:#000; font-weight:700; color:#000}
h2 { background: url(http://www.psimg.com/legacy/wcoop/images/arrow-r.gif) no-repeat scroll 6px 11px transparent; color:#c00; font-size:12px; padding:8px 0 0 24px}
h3{padding:6px 0 0 6px; font-size:11px;font-weight:700; color:#600}
p {padding:6px 6px 12px 6px}
#int-content a,#int-content a:link,#int-content a:active {color:#c00}
#int-content a:visited {color:#f00}
#int-content a:hover{color:#933; text-decoration:underline}
#social-media {position:absolute; top:1px; right:13px}

/* BOTTOM OF THE PAGE */
#games{background:url(http://www.psimg.com/legacy/wcoop/images/scoop-games.gif) 0 0 no-repeat; height:28px; color:#e0d5ca; padding-top:14px; display:block} /* real width and height 960px x 42px */
#games ul { display:inline}
#games li { display:inline;list-style:none}
/* NEW!!! new navigation exactly like HP & 404error */
.bttm{margin:0; padding:9px 0 0 0;background:url(http://www.psimg.com/legacy/wcoop/images/scoop-bttm.gif) 0 0 no-repeat;background-color:#fff; height:24px; display:block}
.bttm ul { margin:0; padding:0; display:inline;color:#e0d5ca}
.bttm li { margin:0; padding:0; display:inline;list-style:none}
.bttm a, .bttm a:link, .bttm a:visited, .bttm a:active{color:#000; padding:0 3px 0 1px; text-decoration:none}
.bttm a:hover { text-decoration:underline}
/* NEW DISCLAIMER */
#container #disclaimer{background:url(http://www.psimg.com/legacy/wcoop/images/scoop-bttm-disclaimer.gif) 0 0 repeat-y; margin:0;text-align:center;color:#000}
#disclaimer .w-d{margin:0;padding:10px 20px 6px 20px}
/* SCOOP Copyright */
#copyright{background:url(http://www.psimg.com/legacy/wcoop/images/scoop-copyright.gif) 0 0 no-repeat; height:51px; color:#fff}
#copyright p{padding:10px 32px 0 32px}
#copyright a, #copyright a:link, #copyright a:visited, #copyright a:active{text-decoration:underline}
#copyright a:hover{text-decoration:none}

/* *** SPECIAL LAYOUTS ORDERED BY PAGE *** */

/* /tournaments/ */
/* CLASS BOX - FULL WIDTH with 12px margin to each side */
.box-1 { margin:10px 0 4px 0; padding-bottom:7px; background:url(http://www.psimg.com/legacy/wcoop/images/box-1-body.jpg) bottom left no-repeat #fff; width:909px; display:block; position:relative} /* real height was 336px */
.box-1 h3 { padding:16px 0 0 16px; background:url(http://www.psimg.com/legacy/wcoop/images/box-1-header.jpg) top left no-repeat #c00; width:893px; height:31px; display:block; color:#FFF; font-size:11px} /*real width 909px height 53px*/
.box-1 p { margin:0 6px 0 6px; padding:0 8px 8px 8px; background-color:#ffb600}
.box-1 table { border:none; border-collapse:collapse; width:894px; font-size:10px; background-color:#fff } 
.box-1 th {text-align:left; font-size:10px; background-color:#000; color:#FFF; padding:4px}
.box-1 td {padding:3px 4px 3px 4px; border-bottom:1px dotted #b88100}
.calendar { position:absolute; top:10px; right:7px}
.calendar img {padding-left:3px}
#schedule { width:902px;display:block; overflow:auto}
.summary-wrapper {background:#b60a00; padding:0 0 0 7px}

/* /qualify/ */
#all-steps {margin:0 0 20px 0; width:433px}
.steps { margin-top:20px; padding:12px 0 12px 0; border:1px solid #900; -moz-border-radius:8px; border-radius:8px; width:433px; position:relative}
.steps h3 {margin:0; padding:0 0 8px 94px; font-size:12px; color:#000; background:none}
.steps p { margin:0; padding:0 12px 0 94px}
.number {position:absolute; left:26px}

/* CLASS BOX - 1/2 total WIDTH  */
.box-2 { margin-top:20px; padding-bottom:7px; background:url(http://www.psimg.com/legacy/wcoop/images/box-2-body.jpg) bottom left no-repeat #fff; width:465px; display:block; position:relative} /* real height was 462px */
.box-2 h3 { padding:16px 0 0 16px; background:url(http://www.psimg.com/legacy/wcoop/images/box-2-header.jpg) top left no-repeat #c00; width:449px; height:31px; display:block; color:#FFF} /*real width 465px height 47px*/
.box-2 table { border:none; border-collapse:collapse; width:436px; font-size:10px } /*width 14px less than box-2 minus 15px for the scroll*/
.box-2 th {text-align:left; font-size:10px; background-color:#000; color:#FFF; padding:4px}
.box-2 td {padding:3px 4px 3px 4px; border-bottom:1px dotted #CCBFA7}
#satellites { margin-left:7px; width:451px; height:392px; display:block; overflow:auto} 

#steps-wrap { width:909px}
#steps-txt { width:400px }
#steps-flash {width:450px; margin:18px 0 0 40px}

/* /results/ */
#eventresults{width:910px;height:470px;overflow:hidden;background:url(http://www.psimg.com/legacy/wcoop/images/wcoop-results-bg.gif) 0 0 no-repeat}
#eventresults th {text-align:left;background:#000; color:#FFF;padding:3px 4px}
#eventresults table {border-collapse:collapse;width:100%}
#eventresults h3 {display:block;height:12px;color:#FFF;font-weight:700;font-size:12px;padding:10px 0}
.mcontentwrapper {outline:none}
.tournaments_container{display:block;width:290px;float:left;padding:0 0 0 10px}
.tournaments_scroller{height:405px;display:block;background:#FFF;outline:none}
.results_container{width:367px;float:left;position:relative;padding:0 0 0 10px}
.results_scroller{width:100%;height:405px;background:#FFF;outline:none}
.details_container{ width:213px;float:left;padding: 0 0 0 10px}
.event_results_table { border-collapse:collapse}
.active {font-weight:700}
.event_results_table td,#eventresults td { padding:3px 4px; border-bottom:dotted 1px #CCBFA7;background:#FFF;margin:0}
#eventresults .event_details_table td {border:none}
.statusHeader {background: #ccc; font-weight: bold; margin: 2px}
.statusData {background: #eee; margin: 2px}

/* /coverage/ */
#videos {margin-top:10px; padding-top:10px; background-color:#000; border:1px solid #000; -moz-border-radius:8px; border-radius:8px; height:354px; clear:both; position:relative}
/* the videos area with the clear both because of the blog entries above it */
#videos h3 { padding:8px 0 17px 38px; background:url(http://www.psimg.com/legacy/wcoop/images/arrow-alt.gif) 20px 11px no-repeat; color:#fff}
#loaded {margin-left:18px; width:521px;height:296px;border:1px solid #c00; overflow:hidden}
#previews { float:right;width:363px;text-align:left}
.hpVideoItem {margin:0 5px 5px 0;float:left;width:167px;height:94px;border:1px solid #c00; overflow:hidden; display:block}
#previews .active {border:1px solid #fff}

.newsItem {padding:10px 10px 0}
    .newsItem .proImg {float:left;padding-right:10px}
    .newsItem .blog_date {font-weight:700}
    .newsItem h4 {font-weight:700;font-size:14px}
    .newsItem p {padding:6px}
#all-posts p {padding:5px 0 0}
#all-posts h4 {padding: 0px 0;font-size:12px}
#all-posts .blog_date {padding:0;margin:0;padding:0 0 5px;font-size:10px}
#all-posts .blog_author {font-style:italic;padding: 0;margin:0;float:right}
#all-posts .newsItem{border-bottom:dotted 1px #900;padding:10px}

/* pros' posts */
#BottomBlog {margin:21px 0 0 0; padding:0 12px 0 12px; width:550px; border:1px solid #900; -moz-border-radius:8px; border-radius:8px;overflow:hidden; display:block; height:324px} 
#BottomBlog h3 { color:#000; padding:12px 0 0 24px; background: url(http://www.psimg.com/legacy/wcoop/images/arrow-b.gif) no-repeat scroll 6px 14px transparent}
#BottomBlog .ProBlogPost { padding:14px 0 0 4px;height:125px; display:block} 
#BottomBlog .entry-right {width:400px; padding-right:0}
.ProBlogPost .entry-left {float:left;width:125px}
.ProBlogPost .entry-right {float:left;width:278px;padding:0 10px 0 10px}
.ProBlogPost img {margin-right:6px}
.ProBlogPost .date, .BlogList .date { font-weight:700; padding-bottom:4px}
.ProBlogPost .author, .BlogList .author {padding-bottom:4px; font-style:italic}
#BottomBlog .ProBlogPost h3,.BlogList h4 {padding:0 0 6px 0; font-size:12px; background:none}

/* paragraphs replacing the pro's posts */
#no-pros {margin:21px 0 0 0; width:580px; overflow:hidden; display:block; height:324px} 

/* CLASS BOX - 1/3 WIDTH - Two 1/3-boxes in a right column */
.box-3 { margin-top:20px; padding-bottom:7px; background:url(http://www.psimg.com/legacy/wcoop/images/box-3-body.jpg) bottom left no-repeat #fff; width:308px; display:block; position:relative}
.box-3 h3 { padding:14px 0 0 14px; background:url(http://www.psimg.com/legacy/wcoop/images/box-3-header.jpg) top left no-repeat #c00; width:294px; height:29px; display:block; color:#FFF} /*real width 308px height 43px*/
#all-posts { margin-left:7px; width:294px; height:276px; display:block; overflow:auto}
.BlogList { margin:6px 0 2px 0; padding:0 14px 6px 14px; border-bottom:1px dotted #b88100}

/* /player-of-the-series/ -> it's in int-content2.css */

/* /history/ */
#last-year { margin:16px 0 12px 0; padding:12px 0 12px 12px; background-color:#000; border:1px solid #000; -moz-border-radius:8px; border-radius:8px; position:relative}
#video-2010 { border:1px solid #990000; width:443px; margin:0; padding:0}
#text-2010 { width:420px; position:absolute; top:12px; left:474px}
#last-year h3 { color:#fff; font-size:14px; padding:8px 0 0 0}
#last-year p { color:#fff; padding:6px 12px 0 0px}
.prev-year { height:148px; margin:16px 0 12px 0; padding:2px 12px 16px 12px; border:1px solid #990000; -moz-border-radius:8px; border-radius:8px}
.prev-year h3 { color:#000; font-size:12px; padding-top:20px}
.thumb { padding:0 12px 6px 2px}
.final {margin-bottom:0}

/* /hall-of-fame/ */
.hof {margin-left:7px; width:895px; height:183px; display:block; overflow:auto;}

/* /faq/ */
#que-ans { margin-top:4px; padding:10px 12px 8px 12px; border:1px solid #990000; -moz-border-radius:8px; border-radius:8px}
#que-ans h2 {font-size:12px; background:none; padding-left:6px}

/* BIG PANEL UNDER VIDEOS - COVERAGE PAGE - Where no Team PS blog is wanted */
#panel {width:580px}
#panel #panel-mid p { margin-top:20px; padding:6px 6px 12px 6px}

/* silly Flexcroll */
/* .scrollgeneric is required for proper scrollbar display, not for user customization, and is mandatory*/.scrollgeneric{line-height:1px; font-size:1px; position:absolute; top:0; left:0; cursor:pointer}/* vscrollerbase is the div that holds the scrollbar (parent of vscrollerbar) */.vscrollerbase{width:15px; background-color:white}.vscrollerbar{width:15px; background-color:black}/* hscrollerbase is the div that holds the scrollbar (parent of hscrollerbar) */.hscrollerbase{height:0px; background-color:white}.hscrollerbar{height:0px; background-color:black}/* styles for scrollbar images start here *//* Main body of horizontal scrollbar */.hscrollerbar{background:#013747}/* Main body of vertical scrollbar */.vscrollerbar{background:url(http://www.psimg.com/legacy/wcoop/images/scrollbar.gif) -75px; width:14px; height:19px}/* Main body of vertical scrollbar */.vscrollerbar:hover{background:url(http://www.psimg.com/legacy/wcoop/images/scrollbar.gif) -90px; width:14px; height:19px}.vscrollerbar, .hscrollerbar{padding:14px; cursor:pointer; z-index:2}/* Top image holder for vertical scrollbar*/.vscrollerbarbeg{background:url(http://www.psimg.com/legacy/wcoop/images/scrollbar.gif) -105px 0px no-repeat; width:15px; height:3px; height:2px !important}/* Bottom image holder for vertical scrollbar*/.vscrollerbarend{background:url(http://www.psimg.com/legacy/wcoop/images/scrollbar.gif) -105px -3px no-repeat; width:15px; height:3px}.scrollerjogbox{background:url(http://www.psimg.com/legacy/wcoop/images/scrollbar.gif) -45px; width:14px; height:14px; top:auto; left:auto; bottom:0px; right:0px}.scrollerjogbox:hover{background:#013747}/* Following are for scrollbase images, may not always be required *//* Vertical scrollbar's base body */ .vscrollerbase{background:url(http://www.psimg.com/legacy/wcoop/images/scrollbar.gif) -60px}/* Vertical scrollbar's base top-cap *//* This may be used for holding the up arrow */.vscrollerbasebeg{background:url(http://www.psimg.com/legacy/wcoop/images/scrollbar.gif) 0px; width:14px; height:13px !important}/* Vertical scrollbar's base top-cap *//* This may be used for holding the up arrow */.vscrollerbasebeg:hover{background:url(http://www.psimg.com/legacy/wcoop/images/scrollbar.gif) -15px; width:14px; height:13px !important}/* Vertical scrollbar's base bottom-cap *//* This may be used for holding the down arrow */.vscrollerbaseend{background:url(http://www.psimg.com/legacy/wcoop/images/scrollbar.gif) -30px; height:13px; width:14px}/* Vertical scrollbar's base bottom-cap *//* This may be used for holding the down arrow */.vscrollerbaseend:hover{background:url(http://www.psimg.com/legacy/wcoop/images/scrollbar.gif) -45px; height:13px; width:14px}

/* Leader Board Styles */
.event-leaderboard{padding:0 0 0px 0;position:relative;height:300px;}
.event-leaderboard table {margin:0;}
.event-leaderboard table tr:hover td {cursor:pointer;background-color:#999;}
.event-leaderboard-scroller{height:485px;}
#event_leaderboard{}
.leaderboard-search{position:absolute;right:0;top:-32px;}
.leaderboard-search input {width:250px;border:solid 1px #999; padding:2px 10px;height:16px;float:right;}
.leaderboard-search input.default {color:#666;}
.leaderboard-search input.leaderboard-searchButton{background:#FFF url(http://www.psimg.com/img/leagues/search-button.gif) center center no-repeat;border:solid 1px #999;width:20px;line-height:0;height:22px;border-left:none;padding:0;margin:0 0 0 -1px;float:right;}
.leaderboard-search input.leaderboard-searchButton:hover {border:solid 1px #900;cursor:pointer;}
.event-details-close {position:absolute;top:5px;right:5px; width:15px;height:15px;display:block;overflow:hidden;color:#FFF;cursor:pointer;}
.event-details-background {position:fixed;height:100%;width:100%; opacity:0.5;background:#000;top:0;left:0;z-index:100;}
.event-details {position:fixed; top:0; left:0;width:600px; background:#000; border-radius:10px;padding:10px; z-index:1000;border:solid 1px #900;}
.event-details h3 {color:#FFF; padding:0 0 10px 0;}
.event-details table {margin:0;}
