/* CG rj01-2010 */

/*********** CSS RESET ***********/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td {margin:0; padding:0;} 
img {border:0;} 
ol,ul {list-style:none;} 
caption,th {text-align:left;} 
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;} 

/*********** GLOBAL STYLES **********/
html {overflow-y:scroll; background: #fff url(../images/main-bkgnd.png) top center no-repeat;}
a {text-decoration: none; outline:none;}
a:hover {text-decoration: underline;}
form {padding: 0; margin:0;}
h1 {margin-bottom:10px; font-size:1.1em;}

/*********** LAYOUT ***********/
body {margin:0; padding:0; color:#828282; padding:0; margin:0; font-family:arial;}
#wrap {margin: 0px auto; padding:0px 0px 0px 0px; width:980px;}
#page {float:left; padding:0; margin:0 auto; width:980px;}

/*********** HEADER **************/
#header {float:left; position:relative; width:980px; height:251px; padding:0; margin:0;}
#logo {float:left; width:190px; height:213px; padding:0; margin:11px 0px 0px 0px;} 
#logo a {float:left; display:block; margin:0; width:190px; height:213px; padding:0; overflow:hidden; text-indent:-2000em; text-decoration:none; z-index:1000;}
#header .ad-banner {float:left; position:absolute; right:0px; bottom:82px; padding:0; height:90px; width:728px; background:none;}

/*********** SEARCH BAR ***********/
#site-search {float:left; position:absolute; right:0px; top:47px; height:32px; overflow:hidden;}
#search-cont {float:left; height:32px; margin:0; padding:0;}
#search-cont .search-text {float:left; height:17px; width:181px; padding:3px 30px 3px 10px; border:0; color: #2753a3; background: url(../images/sprite-main.png) 0px -335px no-repeat; line-height:30px; font-size:1em;}
#search-cont .search-button {float:left; height:23px; width:60px; border:0; padding:0; background: url(../images/sprite-main.png) -222px -335px no-repeat; text-indent: -2000em; cursor: pointer;}
#search-more {float:left; width:392px; padding:0px 5px 0px 5px; height:30px; margin:0; font-size:0.9em; text-align:center;}
#search-more b {color:#666666; font-weight:bold; margin-right:5px;}
#search-more a {color:#2753a3;}

/*********** SITE CHANNELS **************/
#site-nav {float:left; position:absolute; top:177px; right:0px; margin:0; padding:0;}

#site-channels {float:left; padding:0; margin:0;}
#site-channels ul {float:left; list-style: none; margin:0; padding:0; font-size:1em;}
#site-channels li {float:left; text-align:center; border-right:1px solid #be0163; height:36px;}
#site-channels li a {line-height:36px; color:#fff; font-weight:bold;}

#site-channels li.newgames a {padding:0px 8px 0px 0px;}
#site-channels li.populargames a {padding:0px 8px 0px 8px;}
#site-channels li.restaurant a {padding:0px 10px 0px 10px;}
#site-channels li.baking a {padding:0px 17px 0px 17px;}
#site-channels li.ice-cream a {padding:0px 15px 0px 15px;}
#site-channels li.pizza a {padding:0px 22px 0px 22px;}
#site-channels li.meals a {padding:0px 23px 0px 23px;}
#site-channels li.cake a {padding:0px 30px 0px 30px;}

/*********** CHANNEL SUMMARY **************/
#channel-summary {float:left; width:980px; margin:5px 0px 5px 0px;}
#channel-summary .channel-pod {float:left; width:310px; margin-right:25px;}
#channel-summary .channel-pod .sml-pods {float:left; width:310px; padding:5px 0px 0px 0px;}

/*********** CONTENT BLOCK *************/
.content-block {float:left; width:980px;}
.content-block .left {float:left;}
.content-block .right {float:right;}
.content-block .content-text {color:#414141; font-size:0.9em; line-height:1.5em;}
.content-block .content-text .title {color:#000; font-size:0.9em; font-weight:bold;}

/*********** TQ BLOCK ************/
.tqdiv {float:left; width:640px; padding:0; margin:0;}

/*********** Q BLOCK ************/
.qdiv {float:right; width:302px; margin:0px 0px 0px 0px; padding:0;}

/********* RECENTLY PLAYED ******************/
#recent-header {float:left; position:relative; width:300px; height:55px;}
#recent-header .just-played {float:left; position:absolute; z-index:999; top:0px; left:0px; width:300px; height:65px; background: url(../images/sprite-transparent.png) 0 -112px no-repeat; background-color:none; text-indent:-2000em; overflow:hidden;}
#recent-header .icon3 {position:absolute; z-index:1000; top:-30px; right:-25px; width:102px; height:112px; background: url(../images/sprite-transparent.png) -118px 0px no-repeat;}

#recent-games {float:left; position:relative; width:300px; height:90px; margin-bottom:10px; background: url(../images/sprite-main.png) 0px -159px no-repeat; overflow:hidden;}

#recent-scroll {float:left; position:relative; width:228px; height:79px; margin:10px 7px 10px 7px; padding:0; overflow:hidden;}

#recent-scroll .items {float:left; width:20000em;position:absolute;}
#recent-scroll .items div {float:left; position:relative; width:218px; margin:0px 5px 0px 5px; text-align:center;}
#recent-scroll .thumb {float:left; width:64px; height:48px; margin:0px 0px 5px 83px;}
#recent-scroll .thumb img {width:64px; height:48px; border:1px solid #806b54;}
#recent-scroll .title {float:left; width:228px; font-size:1em; height:1.2em; color:#806b54; font-weight:bold; overflow:hidden;}

#recent-games .next-button {float:left; position:absolute; top:0; right:0; width:30px; height:90px; overflow:hidden;}
#recent-games .next-button a {float:left; width:30px; height:90px; cursor:pointer; text-indent:-2000em; background: url(../images/sprite-main.png) -300px -159px no-repeat;}
#recent-games .next-button a:hover {background: url(../images/sprite-main.png) -330px -159px no-repeat;}

/*********** THUMB PODS ************/
.thumb-pod-670 {float:left; position:relative; width:670px; padding:0; margin:0;}
.thumb-pod-670 .pod-head {float:left; height:53px; width:670px; padding:2px 0px 5px 0px; background: url(../images/thumb-pod-670.png) top center no-repeat;}
.thumb-pod-670 .pod-content {float:left; width:670px; background: url(../images/thumb-pod-670.png) bottom center no-repeat; padding-bottom:15px;}
.thumb-pod-670 .game-count {float:right; margin-right:15px; padding:20px 5px 0px 0px; line-height:35px; font-weight:bold; color:#806B54; font-size:1.1em;}

.thumb-pod-980 {float:left; position:relative; width:980px; padding:0; margin:0; margin-top:20px;}
.thumb-pod-980 .pod-head {float:left; height:63px; width:980px; padding:2px 0px 8px 0px; background: url(../images/thumb-pod-980.png) top center no-repeat;}
.thumb-pod-980 .pod-content {float:left; width:980px; background: url(../images/thumb-pod-980.png) bottom center no-repeat; padding-bottom:15px;}
.thumb-pod-980 .game-more {float:right; margin-right:15px; padding:24px 5px 0px 0px; line-height:35px; font-weight:bold; color:#806B54; font-size:1.1em;}

.thumb-pod-980.alt .pod-head {float:left; height:63px; width:980px; padding:2px 0px 8px 0px; background: url(../images/detail-pod-980.png) top center no-repeat;}
.thumb-pod-980.alt .pod-content {float:left; width:980px; background: url(../images/detail-pod-980.png) bottom center no-repeat; padding-bottom:15px;}

.thumb-pod-980 li.lrg {float:left; position:relative; width:196px; height:151px; padding:4px; margin:0px 81px 61px 0px; background: #fff url(../images/sprite-main.png) 0px 0px no-repeat;}
.thumb-pod-980 li.lrg .content {float:left; position:absolute; bottom:4px; left:0px; margin:0; padding:3px; width:190px; height:19px; color:#fff; font-size: 0.7em; overflow:hidden; line-height:19px; text-align:center;}
.thumb-pod-980 li.lrg .content a {color:#fff;}
.thumb-pod-980 li.lrg .link {color: #414141; font-weight:bold; font-size:1.2em;}
.thumb-pod-980 li.lrg .overlay {float:left; position:absolute; bottom:4px; left:4px; margin:0; padding:0; width:196px; height:25px; color:#fff; background: url(../images/lrg-pod-overlay.png) bottom center no-repeat; text-align:center;}
.thumb-pod-980 li.lrg .new-icn {float:left; position:absolute; top:-15px; right:-15px; width:62px; height:65px; text-indent:-2000em; background: url(../images/new-icn.png) 0 0 no-repeat; z-index:1000;}
.thumb-pod-980 li.lrg .hot-icn {float:left; position:absolute; top:-17px; right:-17px; width:62px; height:65px; text-indent:-2000em; background: url(../images/hot-icn.png) 0 0 no-repeat; z-index:1000;}

.thumb-pod-980 li.index {float:left; position:relative; width:196px; height:151px; padding:4px; margin:0px 44px 24px 0px; background: #fff url(../images/sprite-main.png) 0px 0px no-repeat;}
.thumb-pod-980 li.index .content {float:left; position:absolute; bottom:4px; left:0px; margin:0; padding:3px; width:190px; height:19px; color:#fff; font-size: 0.7em; overflow:hidden; line-height:19px; text-align:center;}
.thumb-pod-980 li.index .content a {color:#fff;}
.thumb-pod-980 li.index .link {color: #414141; font-weight:bold; font-size:1.2em;}
.thumb-pod-980 li.index .overlay {float:left; position:absolute; bottom:4px; left:4px; margin:0; padding:0; width:196px; height:25px; color:#fff; background: url(../images/lrg-pod-overlay.png) bottom center no-repeat; text-align:center;}
.thumb-pod-980 li.index .new-icn {float:left; position:absolute; top:-15px; right:-15px; width:62px; height:65px; text-indent:-2000em; background: url(../images/new-icn.png) 0 0 no-repeat; z-index:1000;}
.thumb-pod-980 li.index .hot-icn {float:left; position:absolute; top:-17px; right:-17px; width:62px; height:65px; text-indent:-2000em; background: url(../images/hot-icn.png) 0 0 no-repeat; z-index:1000;}

.thumb-pod-670 .icon1, .thumb-pod-980 .icon1 {position:absolute; z-index:1000; top:-20px; left:-30px; width:102px; height:112px; background: url(../images/sprite-transparent.png) 0px 0px no-repeat;}
.thumb-pod-670 .icon2, .thumb-pod-980 .icon2 {position:absolute; z-index:1000; top:-20px; left:-30px; width:102px; height:112px; background: url(../images/sprite-transparent.png) -228px 0px no-repeat;}
.thumb-pod-670 .icon3, .thumb-pod-980 .icon3 {position:absolute; z-index:1000; top:-20px; left:-30px; width:102px; height:112px; background: url(../images/sprite-transparent.png) -118px 0px no-repeat;}

.icon-baking {position:absolute; z-index:1000; top:-40px; left:-30px; width:122px; height:112px; background: url(../images/sprite-transparent.png) -550px 0px no-repeat;}
.icon-cake {position:absolute; z-index:1000; top:-40px; left:-20px; width:102px; height:112px; background: url(../images/sprite-transparent.png) -448px 0px no-repeat;}
.icon-ice-cream {position:absolute; z-index:1000; top:-40px; left:-25px; width:100px; height:112px; background: url(../images/sprite-transparent.png) -685px 0px no-repeat;}
.icon-meals {position:absolute; z-index:1000; top:-40px; left:-25px; width:112px; height:112px; background: url(../images/sprite-transparent.png) -336px 0px no-repeat;}
.icon-pizza {position:absolute; z-index:1000; top:-40px; left:-25px; width:112px; height:112px; background: url(../images/sprite-transparent.png) -784px 0px no-repeat;}
.icon-restaurant {position:absolute; z-index:1000; top:-35px; left:-25px; width:112px; height:112px; background: url(../images/sprite-transparent.png) -896px 0px no-repeat;}
.icon-new {position:absolute; z-index:1000; top:-20px; left:-30px; width:102px; height:112px; background: url(../images/sprite-transparent.png) -228px 0px no-repeat;}
.icon-popular {position:absolute; z-index:1000; top:-20px; left:-30px; width:102px; height:112px; background: url(../images/sprite-transparent.png) -118px 0px no-repeat;}

.pod-head .most-popular {float:left; margin:5px 0px 0px 55px; width:400px; height:70px; background: url(../images/thumb-pod-titles.png) 0 -70px no-repeat; text-indent:-2000em; overflow:hidden;}
.pod-head .new-games {float:left; margin:5px 0px 0px 55px; width:400px; height:65px; background: url(../images/thumb-pod-titles.png) 0 -135px no-repeat; text-indent:-2000em; overflow:hidden;}
.pod-head .latest-games {float:left; margin:5px 0px 0px 10px; width:272px; height:65px; background: url(../images/thumb-pod-titles.png) 0 -655px no-repeat; text-indent:-2000em; overflow:hidden;}
.pod-head .more-games {float:left; margin:5px 0px 0px 10px; width:400px; height:65px; background: url(../images/thumb-pod-titles.png) 0 -785px no-repeat; text-indent:-2000em; overflow:hidden;}
.pod-head .game-details {float:left; margin:5px 0px 0px 10px; width:250px; height:65px; background: url(../images/thumb-pod-titles.png) 0 -720px no-repeat; text-indent:-2000em; overflow:hidden;}
.pod-head .now-featuring {float:left; margin-left:60px; width:260px; height:70px; background: url(../images/thumb-pod-titles.png) 0 0 no-repeat; text-indent:-2000em; overflow:hidden;}
.pod-head .restaurant {float:left; margin-left:75px; width:210px; height:70px; background: url(../images/thumb-pod-titles.png) 0 -265px no-repeat; text-indent:-2000em; overflow:hidden;}
.pod-head .baking {float:left; margin-left:75px; width:210px; height:70px; background: url(../images/thumb-pod-titles.png) 0 -330px no-repeat; text-indent:-2000em; overflow:hidden;}
.pod-head .ice-cream {float:left; margin-left:45px; width:210px; height:70px; background: url(../images/thumb-pod-titles.png) 0 -395px no-repeat; text-indent:-2000em; overflow:hidden;}
.pod-head .pizza {float:left; margin-left:75px; width:210px; height:70px; background: url(../images/thumb-pod-titles.png) 0 -460px no-repeat; text-indent:-2000em; overflow:hidden;}
.pod-head .meals {float:left; margin-left:75px; width:210px; height:70px; background: url(../images/thumb-pod-titles.png) 0 -525px no-repeat; text-indent:-2000em; overflow:hidden;}
.pod-head .cake {float:left; margin-left:75px; width:210px; height:70px; background: url(../images/thumb-pod-titles.png) 0 -590px no-repeat; text-indent:-2000em; overflow:hidden;}

.pod-head .most-popular.alt {float:left; margin:5px 0px 0px 55px; width:400px; height:65px; background: url(../images/thumb-pod-titles.png) 0 -200px no-repeat; text-indent:-2000em; overflow:hidden;}
.pod-head .restaurant.alt {float:left; margin-left:75px; width:210px; height:65px; background: url(../images/thumb-pod-titles.png) -400px -265px no-repeat; text-indent:-2000em; overflow:hidden;}
.pod-head .baking.alt {float:left; margin-left:75px; width:210px; height:65px; background: url(../images/thumb-pod-titles.png) -400px -330px no-repeat; text-indent:-2000em; overflow:hidden;}
.pod-head .ice-cream.alt {float:left; margin-left:45px; width:210px; height:65px; background: url(../images/thumb-pod-titles.png) -400px -395px no-repeat; text-indent:-2000em; overflow:hidden;}
.pod-head .pizza.alt {float:left; margin-left:75px; width:210px; height:65px; background: url(../images/thumb-pod-titles.png) -400px -460px no-repeat; text-indent:-2000em; overflow:hidden;}
.pod-head .meals.alt {float:left; margin-left:75px; width:210px; height:65px; background: url(../images/thumb-pod-titles.png) -400px -525px no-repeat; text-indent:-2000em; overflow:hidden;}
.pod-head .cake.alt {float:left; margin-left:75px; width:210px; height:65px; background: url(../images/thumb-pod-titles.png) -400px -590px no-repeat; text-indent:-2000em; overflow:hidden;}

.pod-head h2 {float:left; padding:15px; margin:0px; font-size:2em; color:#c81b50; font-weight:bold;}

.pod-text {padding:15px; color:#444444;}
.pod-text .inline-title {font-weight:bold; font-size:1.1em; margin-right:10px; color:#C81B50;}
.pod-text a {color:#c81b50; font-weight:bold;}

.thumb-pods {float:left; margin:0;}

.thumb-pods .sml-pods {float:left; width:748px; padding:5px 0px 0px 0px;}
.thumb-pods .sml {float:left; position:relative; width:234px; height:74px; margin:0px 23px 23px 0px; background: #fff url(../images/sprite-main.png) 0 -180px no-repeat; overflow:hidden;}
.thumb-pods .sml .thumb {float:left; height:60px; width:80px; border:1px solid #c5c5c5; margin:6px;}
.thumb-pods .sml .link {float:left; width:125px; margin:0; padding:0; color: #414141; font-weight:bold; font-size:1.1em;}
.thumb-pods .sml .content {float:left; margin:5px 0px 0px 0px; padding:0; width:130px; font-size:0.6em;}
.thumb-pods .sml .content a {color:#414141;}
.thumb-pods .sml .hot-icn {float:left; position:absolute; bottom:2px; right:2px; width:15px; height:15px; text-indent:-2000em; background: url(../images/hot-overlay.gif) 0 0 no-repeat;}
.thumb-pods .sml .new-icn {float:left; position:absolute; top:2px; left:2px; width:33px; height:32px; text-indent:-2000em; background: url(../images/new-icn.png) 0 0 no-repeat;}
.thumb-pods .sml .score-icn {float:left; position:absolute; top:51px; left:71px; width:15px; height:16px; text-indent:-2000em; background: url(../images/score-icn.png) 0 0 no-repeat;}

.thumb-pods .list-pods {width:300px; padding:13px 0px 0px 0px;}
.thumb-pods .list {float:left; width:292px; height:30px; padding:8px 0px 8px 8px; margin:0; overflow:hidden; background:#f7fbfd;}
.thumb-pods .list.alt {background: #f8fdff;}
.thumb-pods .list .thumb {float:left; height:30px; width:40px; border:1px solid #c5c5c5;}
.thumb-pods .list .link {float:left; margin:0; padding:0; width:240px; color: #414141; font-weight:bold; font-size:1.1em;}
.thumb-pods .list .content {float:left; bottom:0px; left:0px; margin:0; padding:0px 0px 0px 3px; width:240px; color:#aeaeae; font-size: 0.7em; overlfow:hidden; background:none;}
.thumb-pods .list .content a {color:#414141;}

.thumb-pods .side-pods {width:300px; margin:13px 0px 0px 0px; padding:0;}
.thumb-pods .side {float:left; position:relative; width:94px; height:110px; margin:0px 9px 19px 0px; overflow:hidden; background: #fff url(../images/sprite-main.png) -94px -70px; overflow:hidden;}
.thumb-pods .side .thumb {float:left; display:block; width:80px; height:60px; margin:5px 6px 0px 6px; border:1px solid #c5c5c5; background-color:#fff;}
.thumb-pods .side .title {float:left; text-align:center; width:80px; padding:0px 7px 0px 7px; color: #414141; font-weight:bold; font-size:0.7em; line-height:1.2em; overflow:hidden;}
.thumb-pods .side .hot-icn {float:left; position:absolute; bottom:0px; right:0px; width:15px; height:15px; text-indent:-2000em; background: url(../images/hot-overlay.gif) 0 0 no-repeat;}
.thumb-pods .side .new-icn {float:left; position:absolute; top:58px; right:3px; width:28px; height:12px; text-indent:-2000em; background: url(../images/new-overlay.gif) 0 0 no-repeat;}

.thumb-pods .channel-pods {float:left; margin:0; padding:0;}
.thumb-pods .channel {float:left; position:relative; width:95px; height:120px; margin:0px 37px 41px 0px; padding:0px 3px 3px 0px; overflow:hidden; background: #fff url(../images/sprite-main.png) -408px 0px; overflow:hidden;}
.thumb-pods .channel .thumb {float:left; display:block; width:80px; height:60px; margin:5px 8px 5px 8px; border:1px solid #fff; background-color:#fff;}
.thumb-pods .channel .title {float:left; text-align:center; width:80px; padding:0px 8px 0px 8px; color: #414141; font-weight:bold; font-size:0.7em; line-height:1.2em; height:3.6em; overflow:hidden;}
.thumb-pods .channel .hot-icn {float:left; position:absolute; bottom:0px; right:0px; width:15px; height:15px; text-indent:-2000em; background: url(../images/hot-overlay.gif) 0 0 no-repeat;}
.thumb-pods .channel .new-icn {float:left; position:absolute; top:58px; right:3px; width:28px; height:12px; text-indent:-2000em; background: url(../images/new-overlay.gif) 0 0 no-repeat;}
.thumb-pods .channel .score-icn {float:left; position:absolute; top:50px; left:71px; width:15px; height:16px; text-indent:-2000em; background: url(../images/score-icn.png) 0 0 no-repeat;}

.thumb-pods .full-pods {width:980px; margin:13px 0px 0px 0px; padding:0;}
.thumb-pods .full {float:left; position:relative; width:95px; height:120px; margin:0px 23px 13px 0px; padding:0px 3px 3px 0px; overflow:hidden; background: #fff url(../images/sprite-main.png) -407px 0px; overflow:hidden;}
.thumb-pods .full .thumb {float:left; display:block; width:80px; height:60px; margin:5px 8px 5px 8px; border:1px solid #fff; background-color:#fff;}
.thumb-pods .full .title {float:left; text-align:center; width:80px; padding:0px 8px 0px 8px; color: #414141; font-weight:bold; font-size:0.7em; line-height:1.2em;}
.thumb-pods .full .hot-icn {float:left; position:absolute; bottom:0px; right:0px; width:15px; height:15px; text-indent:-2000em; background: url(../images/hot-overlay.gif) 0 0 no-repeat;}
.thumb-pods .full .new-icn {float:left; position:absolute; top:58px; right:3px; width:28px; height:12px; text-indent:-2000em; background: url(../images/new-overlay.gif) 0 0 no-repeat;}
.thumb-pods .full .score-icn {float:left; position:absolute; top:48px; right:0px; width:26px; height:26px; text-indent:-2000em; background: url(../images/score-icn.png) 0 0 no-repeat;}
.thumb-pods .full .score-icn {float:left; position:absolute; top:50px; left:71px; width:15px; height:16px; text-indent:-2000em; background: url(../images/score-icn.png) 0 0 no-repeat;}

.thumb-pods .all-pods {width:214px; margin:5px 0px 0px 0px; padding:0;}
.thumb-pods .all {float:left; position:relative; width:214px; height:55px; margin:0px 0px 18px 0px; overflow:hidden; background: #fff url(../images/sprite-main.png) 0px -254px; overflow:hidden;}
.thumb-pods .all.alt {background: #fff url(../images/sprite-main.png) -214px -254px;}
.thumb-pods .all .thumb {float:left; display:block; width:60px; height:45px; margin:4px 6px 0px 4px; border:1px solid #c5c5c5; background-color:#fff;}
.thumb-pods .all .title {float:left; padding:0; color: #414141; font-weight:bold; font-size:0.7em; overflow:hidden; margin:6px 0px 0px 0px; width:120px;}
.thumb-pods .all .views {float:left; font-size:0.7em; font-weight:bold;}
.thumb-pods .all .hot-icn {float:left; position:absolute; bottom:0px; right:0px; width:15px; height:15px; text-indent:-2000em; background: url(../images/hot-overlay.gif) 0 0 no-repeat;}
.thumb-pods .all .new-icn {float:left; position:absolute; top:58px; right:3px; width:28px; height:12px; text-indent:-2000em; background: url(../images/new-overlay.gif) 0 0 no-repeat;}

.thumb-pods .all-channel-pods {width:300px; margin:5px 0px 0px 0px; padding:0;}
.thumb-pods .all-channel {float:left; position:relative; width:300px; height:55px; margin:0px 0px 9px 0px; overflow:hidden; background: #fff url(../images/sprite-main.png) 0px -309px; overflow:hidden;}
.thumb-pods .all-channel.alt {background: #fff url(../images/sprite-main.png) -300px -309px;}
.thumb-pods .all-channel .thumb {float:left; display:block; width:60px; height:45px; margin:4px 6px 0px 4px; border:1px solid #c5c5c5; background-color:#fff;}
.thumb-pods .all-channel .title {float:left; padding:0; color: #414141; font-weight:bold; font-size:0.9em; overflow:hidden; margin:6px 0px 0px 0px; width:220px;}
.thumb-pods .all-channel .views {float:left; font-size:0.7em; font-weight:bold;}
.thumb-pods .all-channel .hot-icn {float:left; position:absolute; bottom:0px; right:0px; width:15px; height:15px; text-indent:-2000em; background: url(../images/hot-overlay.gif) 0 0 no-repeat;}
.thumb-pods .all-channel .new-icn {float:left; position:absolute; top:58px; right:3px; width:28px; height:12px; text-indent:-2000em; background: url(../images/new-overlay.gif) 0 0 no-repeat;}

.thumb-pods .archive-pods {float:left; margin:0; padding:0;}
.thumb-pods .archive {float:left; width:94px; height:110px; margin:0px 15px 27px 0px; overflow:hidden; background: #fff url(../images/sprite-main.png) -94px -70px; overflow:hidden;}
.thumb-pods .archive .thumb {float:left; display:block; width:80px; height:60px; margin:10px 6px 4px 6px; border:1px solid #c5c5c5;}
.thumb-pods .archive .title {float:left; text-align:center; width:80px; height:28px; padding:0px 7px 0px 7px; color: #414141; font-weight:bold; font-size:0.7em; overflow:hidden;}

/*********** CHANNEL LIST *****************/
.channel-list {float:left; margin:15px 0px 15px 0px; padding:0;}
.channel-list .channel {float:left; width:220px; margin:0px 30px 0px 0px;}

.subchannel-list {float:left; width:220px; margin:0px 0px 0px 0px;}
.subchannel-list li {float:left; width:60px; margin:0px 20px 15px 0px;}
.subchannel-list li .thumb {float:left; display:block; width:60px; height:45px; border:1px solid #c5c5c5;}
.subchannel-list li .title {float:left; text-align:center; width:60px; padding:0; color: #414141; font-weight:bold; font-size:0.7em;}

.subchannel-text-list {float:left; width:980px; margin:15px 0px 15px 0px; padding:0;}
.subchannel-text-list ul {float:left; width:150px; margin:0; padding:0; margin-right:57px;}
.subchannel-text-list ul li {float:left; width:150px; padding:2px 0px 3px 0px; font-size:0.7em; line-height:1em;}
.subchannel-text-list ul li a {color:#7a7a7a; font-weight:bold;}
.subchannel-text-list .top a {color:#414141; font-weight:bold; padding-top:5px;}

.subchannel-text-list li.action a {color:#791e7c;}
.subchannel-text-list li.strategy a {color:#000066;}
.subchannel-text-list li.puzzles a {color:#0036a9;}
.subchannel-text-list li.sports a {color:#0079c0;}
.subchannel-text-list li.racing a {color:#2cb0fc;}
.subchannel-text-list li.girls a {color:#E34199;}

/************ CHANNEL INDEX BLOCK ******************/
#site-info {float:left; width:980x; padding:0; margin:5px 0px 20px 0px; color:#414141;}
#site-info a {color:#414141; font-weight:bold;}

#site-info .action {color:#791e7c;}
#site-info .action a {color:#791e7c;}

#site-info .strategy {color:#000066;}
#site-info .strategy a {color:#000066;}

#site-info .puzzles {color:#0036a9;}
#site-info .puzzles a {color:#0036a9;}

#site-info .sports {color:#0079c0;}
#site-info .sports a {color:#0079c0;}

#site-info .racing {color:#2cb0fc;}
#site-info .racing a {color:#2cb0fc;}

#site-info .girls {color:#b8d200;}
#site-info .girls a {color:#b8d200;}

.med-channel-block {float:left; width:640px; margin:0; padding:0px 15px 0px 15px;}
.med-channel-block ul {float:left; width:640px; padding:0;}
.med-channel-block li.lrg {float:left; position:relative; width:196px; height:151px; padding:4px; margin:0px 14px 13px 0px; background: #fff url(../images/sprite-main.png) -204px 0px no-repeat;}
.med-channel-block li.lrg .content {float:left; position:absolute; bottom:4px; left:4px; margin:0; padding:3px; width:190px; height:19px; color:#fff; font-size: 0.7em; overflow:hidden; line-height:19px; text-align:center;}
.med-channel-block li.lrg .content a {color:#fff;}
.med-channel-block li.lrg .link {color: #414141; font-weight:bold; font-size:1.2em;}
.med-channel-block li.lrg .overlay {float:left; position:absolute; bottom:4px; left:4px; margin:0; padding:0; width:196px; height:25px; color:#fff; background: url(../images/feature-overlay.png) bottom center no-repeat; text-align:center;}
.med-channel-block li.lrg .new-icn {float:left; position:absolute; top:-15px; right:-15px; width:62px; height:65px; text-indent:-2000em; background: url(../images/new-icn.png) 0 0 no-repeat; z-index:1000;}
.med-channel-block li.lrg .hot-icn {float:left; position:absolute; top:-17px; right:-17px; width:62px; height:65px; text-indent:-2000em; background: url(../images/hot-icn.png) 0 0 no-repeat; z-index:1000;}

.lrg-channel-block {float:left; width:950px; margin:0; padding:0px 15px 0px 15px;}
.lrg-channel-block ul {float:left; width:950px; padding:0;}
.lrg-channel-block li.lrg {float:left; position:relative; width:196px; height:151px; padding:4px; margin:0px 43px 23px 0px; background: #fff url(../images/sprite-main.png) 0px 0px no-repeat; overflow:hidden;}
.lrg-channel-block li.lrg .content {float:left; position:absolute; bottom:4px; left:0px; margin:0; padding:3px; width:190px; height:19px; color:#fff; font-size: 0.7em; overlfow:hidden; line-height:19px; text-align:center;}
.lrg-channel-block li.lrg .content a {color:#fff;}
.lrg-channel-block li.lrg .link {color: #414141; font-weight:bold; font-size:1.2em;}
.lrg-channel-block li.lrg .overlay {float:left; position:absolute; bottom:4px; left:4px; margin:0; padding:0; width:196px; height:25px; color:#fff; background: url(../images/lrg-pod-overlay.png) bottom center no-repeat; text-align:center;}
.lrg-channel-block li.lrg .new-icn {float:left; position:absolute; top:2px; left:2px; width:33px; height:32px; text-indent:-2000em; background: url(../images/new-icn.png) 0 0 no-repeat;}

/*********** DETAIL INFO *****************/
.info-pod {float:left; margin:5px 0px 5px 0px; width:100%;}

.info-block {float:left; position:relative; width:950px; padding:0px 15px 0px 15px;}

.info-block .gametitle {font-size:1.4em; color:#000; font-weight:bold; margin-bottom:5px;}

.info-block .sml-pod {float:left; width:100%; clear:left; padding:0; margin: 5px 0px 5px 0px; font-size: 0.9em; color:#806B54;}
.info-block .sml-pod table td {vertical-align: top; padding:3px 0px 3px 0px;}
.info-block .sml-pod a {color: #806B54; font-weight:bold;}
.info-block .sml-pod b {color:#473726;}

.info-block .media-crumb {float:left; margin-bottom:10px; width:530px;}
.info-block .tags {float:left;}

.info-block .hosted-trigger {position:absolute; right:14px; bottom:5px; color:#f85782; font-weight:bold; padding-left:20px; line-height:12px; background: url(../images/add-to-site.png) 0 0 no-repeat;}

.info-block .digg {float:left; display:block; width:18px; height:18px; margin: 0px 3px 0px 3px;  overflow:hidden; background: #fff url(../images/social.png) -18px 0px no-repeat; text-indent:-2000em;}
.info-block .delicious {float:left; display:block; width:18px; height:18px; margin: 0px 3px 0px 3px;  overflow:hidden; background: #fff url(../images/social.png) -36px 0px no-repeat; text-indent:-2000em;}
.info-block .yahoo {float:left; display:block; width:18px; height:18px; margin: 0px 3px 0px 3px;  overflow:hidden; background: #fff url(../images/social.png) -54px 0px no-repeat; text-indent:-2000em;}
.info-block .google {float:left; display:block; width:18px; height:18px; margin: 0px 3px 0px 3px;  overflow:hidden; background: #fff url(../images/social.png) -72px 0px no-repeat; text-indent:-2000em;}
.info-block .facebook {float:left; display:block; width:18px; height:18px; margin: 0px 3px 0px 3px;  overflow:hidden; background: #fff url(../images/social.png) -90px 0px no-repeat; text-indent:-2000em;}
.info-block .myspace {float:left; display:block; width:18px; height:18px; margin: 0px 3px 0px 3px;  overflow:hidden; background: #fff url(../images/social.png) -108px 0px no-repeat; text-indent:-2000em;}
.info-block .facebook-share {cursor:pointer;float:left;background:url(../images/social.png) 0 -18px no-repeat;width:127px;height:18px;margin:0 0 0 0;color:#fff;font-family:tahoma;font-weight:bold;font-size:11px;padding:4px 0 0 27px;}

/*********** SHARE ****************/
#share-block {float:right; margin:20px 15px 5px 0px;}
#share-block a {text-decoration: none; outline: none;}

#share-block .facebook-fan {float:left; cursor:pointer; background:url(../images/share-icons.png) 0 -18px no-repeat; width:141px; height:22px; margin:2px 10px 0px 0px; overflow:hidden; text-indent:-2000em;}
#share-block .facebook-share {float:left; cursor:pointer; background:url(../images/share-icons.png) 0 -40px no-repeat; width:141px; height:22px; margin:2px 0px 0px 0px; overflow:hidden; text-indent:-2000em;}

#share-block .digg {float:left; display:block; width:18px; height:18px; margin: 2px 6px 0px 0px; background: url(../images/share-icons.png) 0 0 no-repeat; text-indent:-2000em; overflow:hidden;}
#share-block .delicious {float:left; display:block; width:18px; height:18px; margin: 2px 6px; background: url(../images/share-icons.png) -18px 0px no-repeat; text-indent:-2000em; overflow:hidden;}
#share-block .yahoo {float:left; display:block; width:18px; height:18px; margin: 2px 6px; background: url(../images/share-icons.png) -36px 0px no-repeat; text-indent:-2000em; overflow:hidden;}
#share-block .google {float:left; display:block; width:18px; height:18px; margin: 2px 6px; background: url(../images/share-icons.png) -54px 0px no-repeat; text-indent:-2000em; overflow:hidden;}
#share-block .myspace {float:left; display:block; width:18px; height:18px; margin: 2px 0 0 6px; background: url(../images/share-icons.png) -90px 0px no-repeat; text-indent:-2000em; overflow:hidden;}

#share-block .share-url {float:left; margin:0px 10px 0px 0px; line-height: 25px; font-size:0.8em; font-weight:bold; color:#0d3a6c;}
	
/*********** BREADCRUMB **************/
.breadcrumb {float:left; text-align: left; width:970px; padding:10px 5px 0px 5px; font-size:0.9em; font-weight:bold; color:#000;}
.breadcrumb a {font-weight:bold; color:#000;}

.topchannel {float:right; width:275px; height:25px; margin-right:20px; text-align:left; padding:2px 0px 0px 25px;}
.topchannel a {font-size:0.9em;}

/*********** GAME DISPLAY *****************/
#game-block {float:left; width:980px; padding:0; margin:0px 0px 0px 0px;}
#game-block .header {float:left; width:980px; height:2em; padding:5px 0px 25px 0px; margin:0; background: url(../images/thumb-pod-980.png) top center no-repeat;}
#game-block .content {float:left; width:980px; margin:0; padding:0px 0px 15px 0px; background: url(../images/thumb-pod-980.png) bottom center no-repeat;}
#game-block .title {font-size:2em; color:#f85782; font-weight:bold; padding:0px 10px 0px 10px;}

#media-area {float:left; width:966px; text-align:center; margin: 0px 7px 0px 7px; padding:0;}
#mediadisp {margin:0 auto;}

#distance {width:1px; height:50%; margin-bottom:-175px; float:left;}
#load-ad-container {position:relative; text-align:center; width:400px; height:350px; margin: 0 auto; clear:left;}

/************* RANDOM GAME **********************/
.random-game {float:right; width:300px; height:70px; padding:54px 0px 2px 0px; margin: 0px 0px 9px 0px; background: url(../images/sprite-main.png) 0 -252px no-repeat; overflow:hidden;}
.random-game .thumb {float:left; margin: 0px 5px 0px 10px; border:1px solid #4e4e4e; width:80px;}
.random-game .title {float:left; margin: 0px 0px 0px 0px; font-size:0.9em; color:#4e4e4e; font-weight:bold; padding:0; width:195px; line-height:1.2em; height:1.2em; overflow:hidden;}
.random-game .title a {color:#07337b;}
.random-game .desc {float:left; margin:0; font-size:0.8em; color:#000; padding:0; width:195px;}

/************* JUMP TABLE ********************/
.section-jump {float:left; color:#414141; margin:5px 15px 15px 15px; padding:5px 0px 5px 0px; font-size: 0.9em; width:950px; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.section-jump a {color: #9d9d9d; font-weight: bold;}
.section-jump ul {float:left; margin:0; padding:0; list-style: none;}
.section-jump li {float: left; font-weight: bold; margin: 0px 5px 0px 5px; padding:2px;}
.section-jump .current {float:left; display:block; color:#414141; text-align:center;}
.section-jump .block {background: #f2f2f2; color:#414141; padding:2px 5px 2px 5px; margin-right:10px;}

.period-select {float:left; width:100%; padding:5px 0px 10px 0px;}
.period-select ul {float:left; margin:0px 0px 0px 15px; padding:0; list-style: none;}
.period-select li {float: left; font-weight: bold; margin: 0px 15px 0px 0px; padding:2px;}
.period-select a {color:#cac9cd;}
.period-select li.active a {color:#ed527c;}

.section-links {float:left; margin:2px 4px 0px 4px; padding:5px 0px 5px 0px;  font-size: 0.9em; text-align:center; width:926px; border-top: 1px solid #a7a4a4; border-bottom: 1px solid #a7a4a4;}
.section-links a {font-size:1em; color:#222222; margin-right: 20px;}
.section-links .current {color:#0a2952; font-weight:bold;}

/*********** SUBSCRIBE **********/
#subscribe form {margin: 30px 0px 0px 10px; padding:0;}
#subscribe .x-form-text {}
#subscribe-msg {margin:25px 5px 5px 10px; color:white;font-size:11px;}

/*********** RATING *************/
.rating {float:left; margin-left:25px;}
.rating ul {float:left; list-style:none; margin: 0px; padding:0px; width: 150px; height: 30px; position: relative; background: url(../images/rating.png) top left repeat-x;}
.rating li {padding:0px; margin:0px; height:30px; width: 30px; float: left;}
.rating li a {display:block; width:30px; height: 30px; line-height:30px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; overflow:hidden;}
.rating li a:hover {background: url(../images/rating.png) left center; z-index: 2; left: 0px; border:none;}
.rating .current {float:left; background: url(../images/rating.png) left bottom; position: absolute; left:0; top:0; height: 30px; display: block; text-indent: -9000px; z-index: 1;}	
.rating a.one {left: 0px;}
.rating a.one:hover {width:30px;}
.rating a.two {left:30px;}
.rating a.two:hover {width: 60px;}
.rating a.three {left: 60px;}
.rating a.three:hover{width: 90px;}
.rating a.four {left: 90px;}	
.rating a.four:hover{width: 120px;}
.rating a.five{left: 120px;}
.rating a.five:hover{width: 150px;}
#vote-msg {float:left;margin-top:8px;margin-left:15px;width:240px;font-size:12px;}

/*********** ARCHIVE ***********/
.archive-list {float:left; font-size: 0.8em; width:923px; margin: 10px 0px 10px 10px; background: url(../images/archive-bg.png) 0 0 repeat-y;}
.archive-list ol {float:left; margin:0; padding:0; width:250px;}

.archive-list ol li {margin:6px 0px 0px 10px; padding:0; width:232px; padding:0px 0px 5px 0px; height:53px; background: url(../images/qlist-div.png) bottom center no-repeat;}
.archive-list ol li .thumb {float:left; margin-right:5px; border:1px solid #a3a19a;}
.archive-list ol .link {float:left; width:160px; height: 48px; overflow:hidden; color:#0a2952; font-size:0.9em; font-weight:bold;}
.archive-list ol .hot {background: url(../images/hot-icon.png) bottom right no-repeat; width:140px; margin:0; padding:0px 15px 0px 0px;}

/*********** IFORM *************/
.iform {color:#000; background:none;}
.iform form {padding:0; margin:0;}
.iform .fieldname {font-weight:bold;}
.iform .btn {color:#df0f16; font: bold 84% 'trebuchet ms',helvetica,sans-serif; }
.iform a {color:#b60b11;}

/*********** FEATURE ARCHIVE **********/
.featuredate {clear:left; float:left; color:#0a2952; width:900px; font-weight:bold; margin: 5px 0px 5px 0px;}

/*********** TOP CHANNEL POST **************/
.top-channel-pod {float:left; width:950px; padding:15px;}
.top-channel-pod li {float:left; width:465px; height: 180px; padding:0; margin: 0px 10px 10px 0px;}
.top-channel-pod li .mediatitle {float:left; margin:0px 0px 0px 10px; padding:0; width:220px; font-size:1em; color:#414141; font-weight:bold;}
.top-channel-pod li .mediatitle a {color:#C81B50;}
.top-channel-pod li .description {float:left; margin:5px 0px 0px 10px; width:240px; color:#444444; font-size:0.9em; line-height:1.2em;}
.top-channel-pod li .info {float:left; margin:10px 0px 0px 10px; width:240px; color:#696969; font-weight:bold; font-size:0.9em;}
.top-channel-pod a {color:#444444; font-weight:bold;}

.top-channel-pod .download-overlay {float:left; text-align:right; position:absolute; bottom:0px; left:0;  padding: 8px 10px 0px 60px; height:38px; width:136px; font-size:0.6em; background: url(../images/post-pod-download.png) 0 0 no-repeat; color:#cccad7;}
.top-channel-pod .download-overlay a {color:#fff; font-weight:bold; font-size:0.9em;}

.top-channel-pod li .thumb {float:left; position:relative; width:199px; height:155px; padding:4px; background:url(../images/post-pod.png) 0 0 no-repeat;}
.top-channel-pod li .count-overlay {float:left; position:absolute; top:0; left:0; width:80px; height:80px; background:url(../images/post-pod-num-overlay.png) 0 0 no-repeat;}
.top-channel-pod li .count {float:lef;text-indent:-2000em; height:12px; width:42px; margin:16px 0px 0px 4px; overflow:hidden; background: url(../images/post-pod-num.png) 0 0 no-repeat;}

.top-channel-pod li .thumb.sml {float:left; width:144px; height:113px; padding:50px 0px 0px 63px;}

.top-channel-pod .rating {float:left; margin:2px 0px 5px 5px; width:230px;}
.top-channel-pod .rating p {float:left; font-size:0.9em; font-weight:bold; padding-top:3px; color:#696969;}
.top-channel-pod .rating ul {float:left; list-style:none; margin: 0px 10px 0px 3px; padding:0px; width: 100px; height: 20px; position: relative; background: url(../images/post-rating.png) top left repeat-x;}
.top-channel-pod .rating li {padding:0px; margin:0px; height:20px; width: 20px; float: left; line-height:20px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; overflow:hidden;}
.top-channel-pod .rating .current {float:left; background: url(../images/post-rating.png) left bottom; position: absolute; left:0; top:0; height: 20px; display: block; text-indent: -9000px; z-index: 1;}	
.top-channel-pod .rating a.one {left: 0px;}
.top-channel-pod .rating a.two {left:20px;}
.top-channel-pod .rating a.three {left: 40px;}
.top-channel-pod .rating a.four {left: 60px;}	
.top-channel-pod .rating a.five{left: 100px;}

/*********** FOOTER ***********/
#footer {float:left; text-align:center; width:960px; padding:0px 10px 0px 10px; margin:10px 0px 0px 0px; text-align:center; color:#806B54; font-size: 0.9em; background:#fffddf url(../images/footer-bkgnd.png) top center no-repeat;}
#footer .left {float:left; width:810px; font-size:0.7em; line-height:1.5em; padding:5px 0px 10px 0px;}
#footer .right {float:right; position:relative; width:140px; padding:5px 0px 10px 0px;}
#footer .sect {float:left; text-align:left; margin:5px 0px 0px 0px; width:960px; border-top:1px solid #CDCDCD;}
#footer .sect-text {float:left; padding:10px 0px 10px 0px; line-height:1.5em; font-size:0.9em;}
#footer strong {font-weight:bold;}
#footer h1 {text-align:left; margin:0; padding:0; font-size:1.1em; font-weight:bold;}
#footer ul {text-align:left; list-style: none; padding:0; margin: 3px 0px 3px 0px;}
#footer li {display: inline; margin: 0px 15px 0px 0px;}
#footer strong {color:#3c2f21;}
#footer a {color:#3c2f21; font-weight:bold;}
#footer .logo-link {margin:0px 25px 0px 25px;}
#footer .copyright {margin: 3px 0px 3px 0px;}
#footer .ad-banner {float:left; margin: 0px 0px 5px 5px;}
#footer .fps-sites {float:left; margin:0; padding:0px 0px 15px 0px; width:980px;}

#footer .more {float:left; margin:0; padding:15px 0px 15px 0px; width:980px; border-bottom:1px solid #cdcdcd;}
#footer .more li {float:left; padding-right:16px; margin:0; background: url(../images/spacer1.png) right center no-repeat;}

#footer .hpm a {float:right; position:absolute; overflow:hidden; text-indent:-200em; height:25px; width:139px; background: url(../images/hpm.png) no-repeat; margin-top:10px;}

/*********** ADS ****************/
.ad-banner {float:right; padding:0px 0px 0px 0px; margin:0;; height:90px; width:728px;}
.media-banner {float:left; padding:0px 0px 0px 20px; background: url(../images/ad-note-728x90.png) 0 0 no-repeat; margin:5px 0px 0px 0px; height:90px; width:728px; text-align:center;}
.ad-box {float:right; width:300px; height:250px; padding:0; margin:0;}
.channel-ad-box {float:right; width:300px; height:250px; padding:64px 73px 64px 73px; margin:0px 15px 0px 0px; background-color:#fdf9fa;}
.pre-box {width:300px; height:250px; padding:0px 0px 20px 0px; margin:0px auto 0px auto; background: url(../images/ad-note-300x250.png) 0 0 no-repeat;}
.ad-tower {float:right; padding:0; margin:0; width:160px; height:600px; background: url(../images/ad-note-160x600.png) 0 0 no-repeat;}
.full-banner {float:left; margin:5px 0px 5px 12px; padding:10px 0px 10px 0px; width:950px; height:90px; text-align:center;}
.full-banner-cont  {background:none repeat scroll 0 0 #F5F8FF; border:0 none; float:left; margin:5px 0; padding:5px 0; text-align:center; width:980px;}
.full-banner-cont .ad-banner {float:left; width:728px; height:90px; margin-left:126px;}

/************* SEARCH ****************/
.search-title {font-size:1.1em;padding:10px;}
.search-notfound {font-size:1.4em;}

/************* NOT FOUND ****************/
.notfound {float:left; padding:10px 0px 10px 0px; color:#585858;}
.notfound a {color:#000; font-weight:bold;}
.notfound .nf-search {float:left; margin-top:5px;}

/************* PROGRESS ****************/
.progress-cont {text-align:center; margin-top:10px; margin-bottom:10px; color:#5491ad; font-weight:bold; font-size:0.9em;}
.progress-cont a {font-weight:bold; color:#5491ad; text-decoration:underline;}

/********** AUTOCOMPLETE *************/
.ac_results {padding: 0px;border: 1px solid black;background-color: white;overflow: hidden;z-index: 99999;}
.ac_results ul {width: 100%;list-style-position: outside;list-style: none;padding: 0;margin: 0;}
.ac_results li {margin: 0px;padding: 2px 5px;cursor: default;display: block;font: menu;font-size: 12px;line-height: 16px;overflow: hidden;}
.ac_odd {background-color: #f3f3f3;}
.ac_over {background-color: #0A246A;color: white;}

/********** FACEBOOK *************/
#fb-promo {float:left; position:absolute; right:300px; top:47px; line-height:23px; height:23px;}
#fb-promo .follow {float:left; display:block; height:23px; color:#065ea3; padding-left:32px; background:url(../images/sprite-main.png) -553px -335px no-repeat; font-weight:bold;}

/*********** SCORES **************/
.table-cont {float:left; position:relative; margin:2px 0px 5px 0px; overflow-x:hidden; height:450px; width:480px;}
#score-best-times {float:left; position:relative; width:480px; height:525px; overflow:hidden;}
#score-friend-times {float:right; position:relative; width:480px; height:525px; overflow:hidden;}

#score-best-times .score-table, #score-friend-times .score-table {float:left; width:480px; height:477px; padding:3px 0px 10px 0px; overflow:hidden;}
#score-best-times .table-header, #score-friend-times .table-header {color:#4a4a4a; padding:0px 0px 2px 5px; border-bottom: 1px solid #828282; font-size:0.8em;}

.selector {float:left; width:100%; padding:5px; margin-bottom:5px; background-color:#f5f5f5; font-size:0.8em;}
.selector a {color:#637bad; padding:0px 5px 0px 5px;}
.selector a.selected {color:#0c1155; font-weight:bold;}
.selector .mode-select {float:right;margin-right:10px;}

.score-table .scorerec {line-height:34px; font-size:1em; }
.score-table .scorerec td {padding:3px 3px 3px 6px; background-color:#fbfbfb; border-bottom: 1px solid #FFFFFF;}
.score-table .scorerec.alt td {background-color:#fcfcfc;}

.score-table .scorerec .link {float:left; color:#1C3056; width:280px;}
.score-table .scorerec .avatar {float:left; margin-right:10px;}

li.refresh-scores {float:right;padding:3px 0;} 
li.refresh-scores a {float:right; display:block; width:22px; height:22px; text-indent:-2000em; background: url(../images/refresh.png) 0px -0px no-repeat; overflow:hidden;}
li.refresh-scores a:hover {background-position: 0 -22px;}

#score-fb-promo {float:left; padding:97px 3px 3px 3px; text-align:center; font-size:0.9em; line-height:1.2em; height:325px;}

#score-connect {display:block; width:275px; height:38px; text-indent:-2000em; overflow:hidden; background: url(../images/fb-connect-lrg.png) 0 0 no-repeat; margin: 0 auto; cursor: pointer;}

#fbchallenge {float:left; position:relative; width:760px; height:546px; overflow:hidden; padding:0px 3px 0px 8px; text-align:center; color:#3c5482; font-weight:bold;}

.myscores-list {float:left; width:485px; margin:0px 0px 0px 0px; padding:0;}
.myscores-list .thumb-pods {width:100%;}
.score-pods {height:500px;overflow-y:auto;}
.score-pods li {float:left;width:100%;margin-bottom:5px;font-size:13px;height:45px;}
.score-pods li.alt {background-color:#fcfcfc;}
.score-pods li .fbthumb {float:left; width:40px; height:40px; margin-right:10px; margin-left:5px; border:1px solid #5b7b9f;}
.score-pods li .thumb {float:left; width:53px; height:40px; margin-right:10px; margin-left:5px; border:1px solid #5b7b9f;}
.score-pods li .info a {color:#414141;}
.score-pods li .info a.title {font-size:13px;font-weight:bold;}

#myscores-promo #score-fb-promo {padding:0;}

/*** FB SCORE PROMO ***/
#fb-score-promo {float:left; padding:4px; border:1px #828282 dashed; margin:5px 0px 0px 0px; width:970px;}
#fb-score-promo b {float:left; display:block; font-weight:bold; color:#1e2a62;}
#fb-score-promo .text {float:left;}

#score-promo-connect {float:left; display:block; width:275px; height:38px; text-indent:-2000em; overflow:hidden; background: url(../images/fb-connect-lrg.png) 0 0 no-repeat; margin:0px 10px 0px 70px; cursor: pointer;}
#score-link-connect {color:#637bad; font-weight:bold;}

/************* LOADMASK ************/
.loadmask{z-index:100;position:absolute;top:0;left:0;-moz-opacity:.6;opacity:.60;filter:alpha(opacity=60);background-color:#CCC;width:100%;height:100%;zoom:1;}
.loadmask-msg{z-index:20001;position:absolute;top:0;left:0;border:1px solid #6593cf;background:#c3daf9;padding:2px;}
.loadmask-msg div{padding:5px 10px 5px 25px;background:#fbfbfb url('../images/loading.gif') no-repeat 5px 5px;line-height:16px;border:1px solid #a3bad9;color:#222;font:normal 11px tahoma,arial,helvetica,sans-serif;cursor:default;}
.masked{overflow:hidden!important;}
.masked-relative{position:relative!important;}

/********** HOSTED OVERLAY ************/
#hosted-overlay {background-color:#fff; float:left; position:relative; width:480px; height:215px; border: 1px solid #414141;padding:0;}
.hosted-close {position:absolute;right:3px;font-size:15px;}
.hosted-close a {text-decoration:none; color:#fff;}
.hosted-title{background:#fa5077;color:#fff;width:470px;font-size:1.2em;font-weight:bold;padding:5px 0px 5px 10px;}