/*********** GAME DISPLAY *****************/
#game-block {float:left; width:960px; padding:0; margin:0px 0px 5px 0px;}
#game-block .header {float:left; width:960px; height:15px; padding:0; margin:0; background: url(../images/game-bg.png) top center no-repeat;}
#game-block .content {float:left; width:960px; margin:0; padding:0px 0px 15px 0px; background: url(../images/game-bg.png) bottom center no-repeat;}

#media-area {float:left; width:946px; text-align:center; background-color:#fff;  margin: 0px 7px 0px 7px; padding:0;}
#media-area .ad-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;}

#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;}

/************* 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;}
.progress-cont span {width:38px;}

/************** ADAPTV PRELOADER *************/
#preroll-wrapper {height: 500px; margin: 0; width:100%;position:relative;}
#pread {text-align:center; margin:0 auto; margin: 25px 20px 5px 210px;float:left;}
#adaptvcompanion {display:none;margin-top:100px;float:left;}
#preroll-loader {background:url(../images/preload-loader.gif) top center no-repeat;width:24px;height:24px;top: 208px; left:461px;position:absolute;}
#preroll-loader-dark {background:url(../images/preload-loader-dark.gif) top center no-repeat;width:24px;height:24px;top: 208px; left:461px;position:absolute;}

/*********** GAME ACTIVITY ********************/
#game-activity {float:left; width:960px; margin:10px 10px 0px 10px}

/*********** GAME INFO ********************/
#game-info {float:left; width:644px; height:335px; overflow:hidden; background: url(../images/game-info.png) top center no-repeat;}

#game-info .detail {float:left; width:644px; }
#game-info .detail div.title {float:left; height:24px; width:634px; padding:4px 0px 0px 10px; font-size:1em; color:#fff; font-weight:bold;}

#game-info .detail div.info {float:left; width:471px; padding:0; margin-left:19px; color:#fff;}
#game-info .detail div.info a {color:#d3e4f7;}

#game-info .detail div.info p.cat { margin:3px 0px 10px 0px; font-weight:bold;}
#game-info .detail div.info p.val {margin:3px 0px 10px 0px; font-size:0.9em; line-height:1.3em;}

#game-info .detail div.info ul {font-size:0.9em; float:left; margin: 0px 0px 5px 0px; padding:3px 0px 3px 5px; list-style: none; background-color:#fff; width:466px;}
#game-info .detail div.info li {float: left; padding: 0px 5px 0px 22px; background: url(../images/hp-icons-sml.png) 0 0 no-repeat;}
#game-info .detail div.info .plays {color: #f37232;}
#game-info .detail div.info .pass {background-position: 0 -15px; color: #36cc39;}
#game-info .detail div.info .fail {background-position: 0 -30px; color: #d13737;}
#game-info .detail div.info .views {background-position: 0 -60px; color: #d13737; padding-left:25px; color: #485fab;}
#game-info .detail div.info .time {background-position: 0 -75px; color: #d13737;}
#game-info .detail div.info .challenge {background-position: 0 -45px; color: #d13737;}
#game-info .detail div.info .challenge a, #mediadetail .time a  {color:#f37232;}

#game-info .detail div.info-scroll {width:450px; padding:5px; margin:5px; height:260px; overflow-x:hidden;float:left;}

#game-info .detail div.control {float:left; width:140px; padding:5px;}
#game-info .detail div.control a {color:#0d3a6c;}
#game-info .detail div.control ul {float:left; clear:both; font-size:0.7em; list-style:none; padding:0; margin:10px 0px 5px 0px; width:150px}
#game-info .detail div.control li {height:15px; color: #485fab; font-weight:bold; background:url(../images/hp-icons-con.png) 0 0 no-repeat; padding-left:20px; margin: 3px 0px 3px 5px;}
#game-info .detail div.control .fav {background-position: 0 -15px;}
#game-info .detail div.control .vs {background-position: 0 -60px;}
#game-info .detail div.control .scores {background-position: 0 -135px;}
#game-info .detail div.control .send {background-position: 0 -30px;}
#game-info .detail div.control .bookmark {background-position: 0 -45px;}
#game-info .detail div.control .bug {background-position: 0 -195px;}

#game-info .detail div.control .tags {float:left; padding:10px 5px 10px 5px;  font-size:0.9em;}
#game-info .detail div.control .tags b {display:block; width:100%; margin:0px 0px 3px 0px; color:#fff; font-weight:bold;}
#game-info .detail div.control .tags a {margin:3px 0px 3px 0px; font-size:0.9em; line-height:1.3em;}

#game-info .detail div.control .avatar {float:left; width:140px; padding:5px}
#game-info .detail div.control .thumb {float:left; margin-right:3px;}
#game-info .detail div.control .link {float:left; padding-top:5px;width:107px;overflow:hidden;}
                                             
#game-info .ad-box {float:right;}

/*********** SHARE ****************/
#share-block {float:right; width:292px; height:56px; margin:0px 0px 5px 0; padding:0; background:url(../images/share-bkgnd.png) 0 0 no-repeat; padding:7px; overflow:hidden;}
#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:right; 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 0px 5px 0px;}
#share-block .url {float:left; font-size:0.7em; color:#0D3A6C;font-weight:bold;margin:1px 8px 0 0;padding:0;}
#share-block .url-text {float:left; font-size:0.7em; color:#0D3A6C;font-weight:bold;margin:5px 4px 0 0;}

#fbshare-overlay {float:left; position:relative; width:625px; height:512px; border: 1px solid #414141;padding-top:15px;}
#fbshare-overlay .close{position:absolute; top:3px; right:5px; color:#949494; font-size:0.8em;}

/*********** GAME VOTE ****************/
#game-vote {float:left; width:644px; height:70px; margin:0px 0px 5px 0px; overflow:hidden;}
#game-vote div.pass {float:left; width:317px; height:70px; padding:0; margin:0; overflow:hidden;}
#game-vote div.pass a {display:block; text-indent:-2000em; width:317px; height:70px; background:url(../images/game-vote.png) 0 0 no-repeat;}
#game-vote div.pass a:hover {background:url(../images/game-vote.png) 0px -70px no-repeat;}
#game-vote div.pass-full {width:644px; height:70px; background:url(../images/game-vote.png) 0 -140px no-repeat;}

#game-vote div.fail {float:right; width:317px; height:70px; padding:0; margin:0; overflow:hidden;}
#game-vote div.fail a {display:block; text-indent:-2000em; width:317px; height:70px; background:url(../images/game-vote.png) -317px 0 no-repeat;}
#game-vote div.fail a:hover {background:url(../images/game-vote.png) -317px -70px no-repeat;}
#game-vote div.fail-full {width:644px; height:70px; background:url(../images/game-vote.png) 0 -210px no-repeat;}

/************ SCORE POD ***************/
#score-pod {float:left; width:447px; height:283px; padding:48px 14px 14px 14px; background:url(../images/detail-score-pod.png) 0 0 no-repeat; margin:0;}

#score-pod .selector {float:left; width:447px; color:#264263; font-weight:bold;}
#score-pod .selector p {float:left;}
#score-pod .selector select {width:100px; margin-right:10px;}
#score-pod .selector .refresh {float:right; display:block; width:22px; height:22px; text-indent:-2000em; background: url(../images/sprite-main.png) -958px -217px no-repeat; overflow:hidden;}
#score-pod .selector .refresh:hover {background-position:-958px -239px;}

#score-pod .table-header {float:left; position:relative; width:445px; margin:5px 0px 0px 0px; padding:0; border:1px solid #979797; border-bottom:0px; color:#2f2f2f; overflow-x:hidden; overflow-y:auto;}
#score-pod .table-header table {width:100%; border-spacing:0; font-size:0.9em;}
#score-pod .table-header th {background: #5680a5; color:#fff; margin:0; border:0;}

#score-pod .table-cont {float:left; position:relative; width:445px; margin:0px 0px 5px 0px; padding:0; border:1px solid #979797; color:#2f2f2f; overflow-x:hidden; overflow-y:scroll;}
#score-pod .table-cont table {width:100%; border-spacing:0; font-size:0.7em;}
#score-pod .table-cont tbody {width:100%;}
#score-pod .table-cont th {background: #5680a5; color:#fff; margin:0; padding:5px 6px 5px 6px; border:0;}
#score-pod .table-cont table td {margin:0; padding:5px 6px 5px 6px; border:0; border-bottom:1px solid #bfbfbf; vertical-align:top;}
#score-pod .table-cont tr.alt {background-color: #f4f7ff;}
#score-pod .table-cont a {font-weight:bold; color:#3e648d;}

#score-pod .table-cont .avatar {float:left; margin:2px 3px 2px 0px; border:1px solid #444; width:20px; height:20px;}
#score-pod .table-cont .link {float:left; line-height:20px; margin:2px 0px 2px 0px; width:130px;}
#score-pod .table-cont .clink {float:left; line-height:20px; margin:2px 0px 2px 0px; width:170px; color:#000;}
#score-pod .table-cont .cnum {float:left; line-height:20px; margin:2px 0px 2px 0px; color:#000;}

/************ COMMENT POD ***************/
#comments {float: left; font-size:0.9em; padding:0;}
#comments ul {float:left;}
#comments li {float: left; padding: 5px; font-size: 0.9em; width:418px; border-bottom: 1px solid #cacaca;}
#comments li.alt {background-color: #f4f7ff;}
#comments a {color:#3e648d;}
#comments .user {float: left; padding:0; width:100%; height:25px; font-weight:bold;}
#comments .user span {font-size:0.7em; font-weight:normal;}
#comments .avatar {float:left; width:20px; height:20px; border: 1px solid #d7d6d5; margin-right:5px;}
#comments .userlink {font-size:1.1em; line-height:20px;}
#comments .comment {float: left; padding:0; width:100%; color:#444;}
#comments .comment a {font-weight:bold;}
#comments .comment span {font-size:0.7em; font-weight:normal;}
#comments .comment p {margin: 0px 0px 3px 0px;}
#comments .morepost {color:#6482a3;}
#comments .empty-post a {font-weight:bold; color:#3e648d; border-bottom:none;}

#comment-pod {float:right; width:447px; height:283px; padding:48px 14px 14px 14px; background:url(../images/detail-comment-pod.png) 0 0 no-repeat;}
#comment-pod.full {float:left; width:932px; height:283px; padding:48px 14px 14px 14px; background:url(../images/detail-comment-pod-alt.png) 0 0 no-repeat;}

#comment-pod .comment-cont {float:left; position:relative; width:445px; margin:0px 0px 5px 0px; padding:0; border:1px solid #979797; color:#2f2f2f; overflow-x:hidden; overflow-y:scroll;}
#comment-pod.full .comment-cont {width:930px;}

#comment-pod .navlink {float:left; bottom:0; height:20px; font-weight:bold; margin:0; font-size:0.9em;}
#comment-pod .navlink-fixed {float:left; position:absolute; bottom:0; height:20px; font-weight:bold; font-size:0.9em;}
#comment-pod .navlink a, .lrg-tab-pod .navlink-fixed a {font-weight: bold; color:#04376b;}

#comment-pod #comments li {width:418px;}
#comment-pod.full #comments li {width:903px;} 


/********* FACEBOOK ****************************/
#fb-game-promo {float:left; display:block; height:70px; width:306px; margin-bottom:9px; overflow:hidden; text-indent:-2000em; background: url(../images/fb-game-promo.png) 0 0 no-repeat;}


/****************** ADS ****************************/
.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;}
