#title-customer-support  {display: block; height: 20px; overflow: hidden; position: absolute; right: 10px; text-indent: -10000px; top: 8px; width: 145px;}
.empty-results { text-align: center; padding: 10px 0 10px 0; font-weight: bold; font-size: 14px; color: #ffffff; }
.empty-results a { color: #ffffff; }

/****** Game Info General ******/
#page-info #page-bg {background-image: none;} 
#game-info-overview #page-contents {width: 720px; min-height: 805px; padding: 0 10px; color: #ffffff; font-size: 12px; }

/****** Game Info Overview ******/
#game-info-overview #page-contents #game-info-area .game-info-coach {height: 310px; position: relative; background: url("/images/game-info/overview-coach-header.jpg") no-repeat top center;}
#game-info-overview #page-contents #game-info-area .game-info-coach #get-started {width: 190px; height: 40px; position: absolute; left: 37px; bottom: 2px; display: block;}

body.logged-in #game-info-overview #page-contents #game-info-area .game-info-coach {height: 268px; position: relative; background: url("/images/game-info/overview-coach-header.jpg") no-repeat top center;}
body.logged-in #game-info-overview #page-contents #game-info-area .game-info-coach #get-started {display: none;}

#game-info-overview #game-info-columns {width: 720px; clear: both; margin-top: 10px;}
#game-info-overview #game-info-columns h3 {margin: 0; padding: 10px 0; color: #FFFF00; font-size: 16px;}
#game-info-overview #game-info-columns .game-info-column {width: 346px; min-height: 300px; margin: 0 7px; float: left;}
#game-info-overview #game-info-columns .game-info-column .game-info-column-top {width: 346px; height: 10px; overflow: hidden; background: url("/images/game-info/game-info-columns.png") no-repeat left top;}
#game-info-overview #game-info-columns .game-info-column .game-info-column-bottom {width: 346px; height: 10px; overflow: hidden; background: url("/images/game-info/game-info-columns.png") no-repeat left bottom;}
#game-info-overview #game-info-columns .game-info-column .game-info-column-middle {width: 306px; min-height: 548px; padding: 10px 20px; background: url("/images/game-info/game-info-columns.png") repeat-y right top;}

/****** Game Info Screenshots ******/
#game-info-screenshots #page-contents {position: relative; padding: 0 10px !important;}
#game-info-screenshots #page-contents div.target {width: 720px; height: 332px; position: relative; z-index: 1; background: none center center no-repeat; margin: 0 auto;}
#game-info-screenshots #page-bg,
#game-info-screenshots #page-contents {height: auto !important; min-height: 1px !important; overflow: visible !important; background-image: none !important;}
#game-info-screenshots {overflow: hidden;}

/* Carousel */
#game-info-screenshots div#carouselWrapper {position: absolute; bottom: 0px; z-index: 10;}
#game-info-screenshots div#customCarousel {margin: 0 auto; padding: 0 5px; position: relative; background: url("/images/game-info/carousel-bg-info.png");}
#game-info-screenshots div#customCarousel ul {margin: 0; padding: 0;}
#game-info-screenshots div#customCarousel li {float: left; list-style: none outside none; text-align: center; margin: 0; padding: 0;}
#game-info-screenshots div#customCarousel li img {width: 104px; height: 59px; border: 2px solid #404040; margin: 0; padding: 0;}
#game-info-screenshots div#customCarousel li img.itemHover {border: 2px solid white;}
#game-info-screenshots div#customCarousel #CCWrapper {float: left; position: relative;}
#game-info-screenshots div#customCarousel #CCnextButton {float: right; position: relative;}
#game-info-screenshots div#customCarousel #CCnextButton .next {background: url("/images/game-info/carousel-arrow-next-info.png") no-repeat;}
#game-info-screenshots div#customCarousel #CCnextButton .disabled {background: none;}
#game-info-screenshots div#customCarousel #CCprevButton {float: left; position: relative;}
#game-info-screenshots div#customCarousel #CCprevButton .prev {background: url("/images/game-info/carousel-arrow-prev-info.png") no-repeat;}
#game-info-screenshots div#customCarousel #CCprevButton .disabled {background: none;}

/****** Game Info News & Press ******/
#game-info-news #page-contents .headlines {padding: 15px 0px;}
#game-info-news #page-contents .headlines .headline-entry {margin: 0 12px 10px 12px; padding: 5px 20px;}
#game-info-news #page-contents .headlines .headline-entry.even {margin-bottom: 10px; padding: 5px 20px; background-color: #0d0d0d;}
#game-info-news #page-contents .headlines .link {padding-bottom: 3px;}
#game-info-news #page-contents .headlines .link a {font-size: 12px; color: #FFFF00; font-weight: bold; text-decoration: none;}
#game-info-news #page-contents .headlines .link a:hover {text-decoration: underline;}
#game-info-news #page-contents .headlines .caption {color: white; font-size: 10px;}

/****** Game Info Video ******/
#game-info-videos #page-bg,
#game-info-videos #page-contents {height: auto !important; min-height: 1px !important; overflow: visible !important; background-image: none !important;}
#game-info-videos #page-contents .video-holder {width: 740px; padding: 15px 0; margin: 0 auto;}
#game-info-videos #page-contents .video-holder a {margin: 0 auto;}

/****** Game Info Starters ******/
body#page-starters {color: White;}
body#page-starters .gameInfoStartersWrapper #leftInfoBlock {width: 250px; position: absolute; font-size: 12px; font-weight: bold;}
body#page-starters .gameInfoStartersWrapper #statsbox {width: 321px; height: 101px; padding: 38px 0 0 15px; position: absolute; background: url("/game-info/game-info-starters-statsbox.png") no-repeat;}
body#page-starters .gameInfoStartersWrapper #statsbox .statsinfo {width: 66px; display: block; text-align: center; float: left; padding-right: 14px; font-size: 19px; font-weight: bold;}
body#page-starters .gameInfoStartersWrapper #statsbox .last {padding-right: 0 !important;}
body#page-starters .gameInfoStartersWrapper #statsbox .statsinfo .stat-type {color: #FFF000; font-weight: bold; font-size: 11px;}
body#page-starters .gameInfoStartersWrapper #personalbox {width: 701px; height: 214px; position: absolute; font-size: 14px; background: url("/game-info/game-info-starters-personalbox.png") no-repeat;}
body#page-starters .gameInfoStartersWrapper #personalbox .photo {position: absolute; z-index: 10;}
body#page-starters .gameInfoStartersWrapper #personalbox .details {width: 414px; height: 124px; position: absolute; top: 65px; left: 263px;}
body#page-starters .gameInfoStartersWrapper #personalbox .details .details-column-right {float: right; line-height: 22px; width: 50%;}
body#page-starters .gameInfoStartersWrapper #personalbox .details .details-column-left {float: left; line-height: 22px; width: 50%;}
body#page-starters .gameInfoStartersWrapper #personalbox .details .details-column-right span,
body#page-starters .gameInfoStartersWrapper #personalbox .details .details-column-left span {color: #FFF000; font-weight: bold;}
body#page-starters .gameInfoStartersWrapper #personalbox .details .social-link {height: 25px; line-height: 25px; padding-right: 30px; font-size: 12px; position: absolute; bottom: 30px; right: 0; }
body#page-starters .gameInfoStartersWrapper #personalbox .details .social-link a {color: white; font-weight: normal; text-decoration: none;}
body#page-starters .gameInfoStartersWrapper #personalbox .details .social-link-twitter { background: transparent url("/game-info/game-info-starters-social-twitter.gif") no-repeat right center; }
body#page-starters .gameInfoStartersWrapper #personalbox .details .social-link-facebook { bottom: 0; background: transparent url("/game-info/game-info-starters-social-facebook.gif") no-repeat right center; }

/* Randy Moss */
.content-game-info-starters-randy-moss .gameInfoStartersWrapper #page-bg {z-index: 2; position: relative; background: Black url("/images/game-info/game-info-starters-background-randymoss.jpg") no-repeat top center;}
.content-game-info-starters-randy-moss .gameInfoStartersWrapper #leftInfoBlock {top: 32px; left: 22px;}
.content-game-info-starters-randy-moss .gameInfoStartersWrapper #nameplate {width: 500px; height: 112px; overflow: hidden; background: url("http://cdn.quickhit.com/web/images/2.5/game-info/game-info-starters-nameplate-randymoss.gif") no-repeat;}
.content-game-info-starters-randy-moss .gameInfoStartersWrapper #statsbox {top: 330px; right: 20px;}
.content-game-info-starters-randy-moss .gameInfoStartersWrapper #personalbox {top: 441px; right: 20px;}
.content-game-info-starters-randy-moss .gameInfoStartersWrapper #personalbox .photo {width: 276px; height: 220px; bottom: 12px; left: 13px; background: url("/images/game-info/game-info-starters-photo-randymoss.png") no-repeat bottom left;}
.content-game-info-starters-randy-moss .gameInfoStartersWrapper #personalbox .details .social-link {bottom: 0px !important;}

/* Chris Johnson */
.content-game-info-starters-chris-johnson .gameInfoStartersWrapper #page-bg {z-index: 2; position: relative; background: Black url("http://cdn.quickhit.com/web/images/2.5/game-info/game-info-starters-background-chrisjohnson.jpg") no-repeat top center;}
.content-game-info-starters-chris-johnson .gameInfoStartersWrapper #leftInfoBlock {top: 32px; left: 22px;}
.content-game-info-starters-chris-johnson .gameInfoStartersWrapper #nameplate {width: 500px; height: 112px; overflow: hidden; background: url("http://cdn.quickhit.com/web/images/2.5/game-info/game-info-starters-nameplate-chrisjohnson.gif") no-repeat;}
.content-game-info-starters-chris-johnson .gameInfoStartersWrapper #statsbox {top: 330px; right: 20px;}
.content-game-info-starters-chris-johnson .gameInfoStartersWrapper #personalbox {top: 441px; right: 20px;}
.content-game-info-starters-chris-johnson .gameInfoStartersWrapper #personalbox .photo {width: 276px; height: 220px; bottom: 12px; left: 13px; background: url("http://cdn.quickhit.com/web/images/2.5/game-info/game-info-starters-photo-chrisjohnson.png") no-repeat bottom left;}
.content-game-info-starters-chris-johnson .gameInfoStartersWrapper #personalbox .details .social-link {bottom: 0px !important;}

/* Demarcus Ware */
.content-game-info-starters-demarcus-ware .gameInfoStartersWrapper #page-bg {z-index: 2; position: relative; background: Black url("http://cdn.quickhit.com/web/images/2.5/game-info/game-info-starters-background-demarcusware.jpg") no-repeat top center;}
.content-game-info-starters-demarcus-ware .gameInfoStartersWrapper #leftInfoBlock {top: 32px; left: 22px;}
.content-game-info-starters-demarcus-ware .gameInfoStartersWrapper #nameplate {width: 500px; height: 112px; overflow: hidden; background: url("http://cdn.quickhit.com/web/images/2.5/game-info/game-info-starters-nameplate-demarcusware.gif") no-repeat;}
.content-game-info-starters-demarcus-ware .gameInfoStartersWrapper #statsbox {top: 330px; right: 20px;}
.content-game-info-starters-demarcus-ware .gameInfoStartersWrapper #personalbox {top: 441px; right: 20px;}
.content-game-info-starters-demarcus-ware .gameInfoStartersWrapper #personalbox .photo {width: 276px; height: 220px; bottom: 12px; left: 13px; background: url("http://cdn.quickhit.com/web/images/2.5/game-info/game-info-starters-photo-demarcusware.png") no-repeat bottom left;}
.content-game-info-starters-demarcus-ware .gameInfoStartersWrapper #personalbox .details .social-link {display: none;}

/* Donovan McNabb */
.content-game-info-starters-donovan-mcnabb .gameInfoStartersWrapper #page-bg {z-index: 2; position: relative; background: Black url("http://cdn.quickhit.com/web/images/2.5/game-info/game-info-starters-background-donovanmcnabb.jpg") no-repeat top center;}
.content-game-info-starters-donovan-mcnabb .gameInfoStartersWrapper #leftInfoBlock {top: 32px; left: 22px;}
.content-game-info-starters-donovan-mcnabb .gameInfoStartersWrapper #nameplate {width: 500px; height: 112px; overflow: hidden; background: url("http://cdn.quickhit.com/web/images/2.5/game-info/game-info-starters-nameplate-donovanmcnabb.gif") no-repeat;}
.content-game-info-starters-donovan-mcnabb .gameInfoStartersWrapper #statsbox {top: 330px; right: 20px;}
.content-game-info-starters-donovan-mcnabb .gameInfoStartersWrapper #personalbox {top: 441px; right: 20px;}
.content-game-info-starters-donovan-mcnabb .gameInfoStartersWrapper #personalbox .photo {width: 276px; height: 220px; bottom: 12px; left: 13px; background: url("http://cdn.quickhit.com/web/images/2.5/game-info/game-info-starters-photo-donovanmcnabb.png") no-repeat bottom left;}
.content-game-info-starters-donovan-mcnabb .gameInfoStartersWrapper #personalbox .details .social-link {display: none;}

/* Haynesworth */
.content-game-info-starters-albert-haynesworth .gameInfoStartersWrapper #page-bg {z-index: 2; position: relative; background: Black url("http://cdn.quickhit.com/web/images/2.5/game-info/game-info-starters-background-alberthaynesworth.jpg") no-repeat top center;}
.content-game-info-starters-albert-haynesworth .gameInfoStartersWrapper #leftInfoBlock {top: 32px; left: 22px;}
.content-game-info-starters-albert-haynesworth .gameInfoStartersWrapper #nameplate {width: 500px; height: 112px; overflow: hidden; background: url("http://cdn.quickhit.com/web/images/2.5/game-info/game-info-starters-nameplate-alberthaynesworth.gif") no-repeat;}
.content-game-info-starters-albert-haynesworth .gameInfoStartersWrapper #statsbox {top: 330px; right: 20px;}
.content-game-info-starters-albert-haynesworth .gameInfoStartersWrapper #personalbox {top: 441px; right: 20px;}
.content-game-info-starters-albert-haynesworth .gameInfoStartersWrapper #personalbox .photo {width: 276px; height: 220px; bottom: 12px; left: 13px; background: url("http://cdn.quickhit.com/web/images/2.5/game-info/game-info-starters-photo-alberthaynesworth.png") no-repeat bottom left;}
.content-game-info-starters-albert-haynesworth .gameInfoStartersWrapper #personalbox .details .social-link {bottom: 0px !important;}

/* Source Single / Multi */
#source-single-multi { width: 160px; height: 66px; margin: 0 0 10px 0; background: transparent url("/images/lobby/single-multi-toggle.png") no-repeat 0 -120px; display: block; text-indent: -10000px; overflow: hidden; }
#source-single-multi:hover { background-position: 0 -186px; }
#source-single-multi.single { width: 160px; height: 60px; margin: 0 0 0 0; background: transparent url("/images/lobby/single-multi-toggle.png") no-repeat 0 0; display: block; text-indent: -10000px; overflow: hidden; }
#source-single-multi.single:hover { background-position: 0 -60px; }

#source-create-cancel-wrapper { position: relative; width: 160px; height: 210px; margin: 0 0 10px 0; background: transparent url("/images/lobby/single-multi-toggle.png") no-repeat 0 -302px; }
#source-create-cancel-wrapper.multi { display: none; }
#source-create-cancel-wrapper.cancel { width: 160px; height: 210px; background: transparent url("/images/lobby/single-multi-toggle.png") no-repeat 0 -252px; }
#source-create-cancel { position: absolute; top: 52px; width: 160px; height: 158px; background: transparent url("/images/lobby/single-multi-toggle.png") no-repeat 0 -354px; display: block; text-indent: -10000px; overflow: hidden; }
#source-create-cancel:hover { width: 160px; height: 158px; background: transparent url("/images/lobby/single-multi-toggle.png") no-repeat 0 -512px; display: block; text-indent: -10000px; overflow: hidden; }
#source-create-cancel.cancel { width: 160px; height: 158px; background: transparent url("/images/lobby/single-multi-toggle.png") no-repeat 0 -670px; display: block; text-indent: -10000px; overflow: hidden; }
#source-create-cancel.cancel:hover { width: 160px; height: 158px; background: transparent url("/images/lobby/single-multi-toggle.png") no-repeat 0 -828px; display: block; text-indent: -10000px; overflow: hidden; }
#source-create-cancel #source-logo { position: absolute; top: 10px; left: 30px; width: 100px; height: 93px; overflow: hidden; opacity: .20; filter:alpha(opacity=20) }
#source-create-cancel.cancel #source-logo { opacity: 1; filter: alpha(opacity=100); }
#source-create-cancel:hover #source-logo { opacity: 1; filter: alpha(opacity=100); }
#create-game-timer { position: absolute; bottom: 0; right: 120px; line-height: 34px; color: #ffff00; font-size: 12px; text-indent: 0; }
#create-game-timer span {  }

.style-area { position: absolute; top: 3px; right: 4px; width: 90px; height: 28px; }
.style-area a.table { position: absolute; top: 0; left: 0; display: block; width: 28px; height: 28px; text-indent: -10000px; overflow: hidden; background: transparent url("http://cdn.quickhit.com/images/lobby/style-table.png") no-repeat 0 0; }
.style-area a.grid { position: absolute; top: 0; left: 31px; display: block; width: 28px; height: 28px; text-indent: -10000px; overflow: hidden; background: transparent url("http://cdn.quickhit.com/images/lobby/style-grid.png") no-repeat 0 0; }
.style-area a.mix { position: absolute; top: 0; left: 62px; display: block; width: 28px; height: 28px; text-indent: -10000px; overflow: hidden; background: transparent url("http://cdn.quickhit.com/images/lobby/style-mix.png") no-repeat 0 0; }
.style-area a:hover { background-position: 0 -28px; }
.style-grid-top { position: absolute; top: 40px; left: 5px; width: 730px; height: 34px; background: transparent url("/images/lobby/style-grid-top.png") no-repeat 0 0; }
.no-opponents { width: 100%; padding: 120px 0 600px 0; text-align: center; font-size: 14px; font-weight: bold; }
.no-opponents ul { text-align: left; margin: 20px 0 0 250px; }
.no-opponents a { color: #ffffff; }
.bar {  }
.difficulty-area { overflow: visible; z-index: 1; position: absolute; top: 5px; left: 230px;}
.difficulty-area a.selected { display: block; width: 200px; height: 25px; text-indent: -10000px; overflow: hidden; background: transparent url("/images/lobby/lobby-difficulty-ddl.png") no-repeat 0 0; }
.difficulty-area a.selected-0 { background-position: 0 0; }
.difficulty-area a.selected-1 { background-position: 0 -25px; }
.difficulty-area a.selected-2 { background-position: 0 -50px; }
.difficulty-area a.selected-3 { background-position: 0 -75px; }
.difficulty-area a.selected-0:hover { background-position: 0 -100px; }
.difficulty-area a.selected-1:hover { background-position: 0 -125px; }
.difficulty-area a.selected-2:hover { background-position: 0 -150px; }
.difficulty-area a.selected-3:hover { background-position: 0 -175px; }
.difficulty-area ul { display: none; position: absolute; top: 25px; left: 0; width: 200px; height: 100px; overflow: hidden; padding: 0; margin: 0; background: transparent none; z-index: 1; list-style: none; list-style-type: none; }
.difficulty-area li.selected-0 a { display: block; width: 200px; height: 25px; text-indent: -10000px; overflow: hidden; background: transparent url("/images/lobby/difficulty-ddl-950.png") no-repeat 0 0; }
.difficulty-area li.selected-0 a:hover { background-position: 0 -100px; }
.difficulty-area li.selected-1 a { display: block; width: 200px; height: 25px; text-indent: -10000px; overflow: hidden; background: transparent url("/images/lobby/difficulty-ddl-950.png") no-repeat 0 -25px; }
.difficulty-area li.selected-1 a:hover { background-position: 0 -125px; }
.difficulty-area li.selected-2 a { display: block; width: 200px; height: 25px; text-indent: -10000px; overflow: hidden; background: transparent url("/images/lobby/difficulty-ddl-950.png") no-repeat 0 -50px; }
.difficulty-area li.selected-2 a:hover { background-position: 0 -150px; }
.difficulty-area li.selected-3 a { display: block; width: 200px; height: 25px; text-indent: -10000px; overflow: hidden; background: transparent url("/images/lobby/difficulty-ddl-950.png") no-repeat 0 -75px; }
.difficulty-area li.selected-3 a:hover { background-position: 0 -175px; }
body.page-game-lobby table.dataTable thead td.rank { width: 37px; height: 36px; }
body.page-game-lobby table.dataTable thead td.team { width: 218px; height: 36px; }
body.page-game-lobby table.dataTable thead td.rating { width: 65px; height: 36px; }
body.page-game-lobby table.dataTable thead td.win-percentage { width: 65px; height: 36px; }
body.page-game-lobby table.dataTable thead td.quit-percentage { width: 65px; height: 36px; }
body.page-game-lobby table.dataTable thead td.bonus { width: 65px; height: 36px; }
body.page-game-lobby table.dataTable thead td.off { width: 65px; height: 36px; }
body.page-game-lobby table.dataTable thead td.def { width: 65px; height: 36px; }
body.page-game-lobby table.dataTable thead td.play { width: 85px; height: 36px; }
body.page-game-lobby table.dataTable td .rank { width: 37px; height: 34px; background: transparent url("/images/lobby/lobby-sortables.png") no-repeat 0 0; display: block; text-indent: -10000px; overflow: hidden; }
body.page-game-lobby table.dataTable td .team { width: 218px; height: 34px; background: transparent url("/images/lobby/lobby-sortables.png") no-repeat -37px 0; display: block; text-indent: -10000px; overflow: hidden; }
body.page-game-lobby table.dataTable td .rating { width: 65px; height: 34px; background: transparent url("/images/lobby/lobby-sortables.png") no-repeat -255px 0; display: block; text-indent: -10000px; overflow: hidden; }
body.page-game-lobby table.dataTable td .win-percentage { width: 65px; height: 34px; background: transparent url("/images/lobby/lobby-sortables.png") no-repeat -320px 0; display: block; text-indent: -10000px; overflow: hidden; }
body.page-game-lobby table.dataTable td .quit-percentage { width: 65px; height: 34px; background: transparent url("/images/lobby/lobby-sortables.png") no-repeat -385px 0; display: block; text-indent: -10000px; overflow: hidden; }
body.page-game-lobby table.dataTable td .bonus { width: 65px; height: 34px; background: transparent url("/images/lobby/lobby-sortables.png") no-repeat -450px 0; display: block; text-indent: -10000px; overflow: hidden; }
body.page-game-lobby table.dataTable td .off { width: 65px; height: 34px; background: transparent url("/images/lobby/lobby-sortables.png") no-repeat -515px 0; display: block; text-indent: -10000px; overflow: hidden; }
body.page-game-lobby table.dataTable td .def { width: 65px; height: 34px; background: transparent url("/images/lobby/lobby-sortables.png") no-repeat -580px 0; display: block; text-indent: -10000px; overflow: hidden; }
body.page-game-lobby table.dataTable td .play { width: 85px; height: 34px; background: transparent url("/images/lobby/lobby-sortables.png") no-repeat right 0; }
body.page-game-lobby table.dataTable td.team { font-weight: normal; }
body.page-game-lobby table.dataTable td.team span.popup-uaw span { display: block; width: 150px; height: 16px; overflow: hidden; }
body.page-game-lobby table.dataTable td.win-percentage { font-size: 16px; font-weight: bold; }
body.page-game-lobby table.dataTable td.quit-percentage { font-size: 16px; font-weight: bold; }

/* Player Training */
#position-menu { margin: 0 0 0 10px; width: 720px; height: 50px; position: relative; background: transparent url("/images/player-trainer/position-menu-bg.png") no-repeat 0 0; }
#position-menu ul { padding: 14px 0 0 10px; margin: 0; list-style: none; }
#position-menu li { float: left; }
#position-menu a { color: #ffffff; text-decoration: none; margin: 0 1px 0 0; width: 36px; height: 23px; display: block; font-size: 11px; font-weight: bold; text-align: center; line-height: 23px; background: transparent url("/images/player-trainer/position-menu-bg.png") no-repeat -720px 0; }
#position-menu a:hover, #position-menu a.selected { color: #000000; background-position: -720px -23px; }
#position-menu .disabled { color: #666666; text-decoration: none; margin: 0 1px 0 0; width: 36px; height: 23px; display: block; font-size: 11px; font-weight: bold; text-align: center; line-height: 23px; background: transparent url("/images/player-trainer/position-menu-bg.png") no-repeat -720px 0; }

.players-swf-wrapper { width: 720px; height: 206px; margin: 0 0 10px 10px; }
#players-swf { width: 720px; height: 206px; }

.page-game-roster-depth .page-bg, .page-game-roster-depth #content-inner, .page-game-roster-depth #page { position: static !important; } /*Fixes webkit sortable issue*/

#auto-sort { float: right; margin: 2px 20px 0 0; font-size: 12px; font-weight: bold; }
#auto-sort input { position: relative; top: 2px; }
#auto-sort a.checked { display: none; color: #00aa00; }
#auto-sort a.unchecked { display: none; color: #aaaaaa; }
.content-roster h2 { font-size: 20px; color: #ffffff; margin: 0 0 10px 20px; }
.content-roster h2 span { font-size: 14px; color: #808080; font-weight: normal; position: relative; top: -2px; }
.content-roster h3 { font-size: 14px; color: #ffffff; margin: 10px 0 10px 10px; }
.content-roster .divider { width: 720px; height: 1px; margin: 0 0 10px 0; overflow: hidden; text-indent: -10000px; background: transparent url("/images/training/trainer.png") repeat-x 0 -95px; }
.content-roster { -moz-user-select: none; -khtml-user-select: none; user-select: none; }
.containment-wrapper { width: 720px; margin: 0 0 0 10px; padding: 0 0 0 0; }
.roster, .roster-header { width: 720px; margin: 0; list-style: none; color: #ffffff; padding: 0; }
.roster.depth li:hover { cursor: move; }
.inactive { padding: 0 0 10px 0; position: relative; }
.roster li { position: relative; width: 720px; height: 35px; overflow: hidden; margin: 0; }
.roster li.odd { margin-top: 2px; background: transparent url("/images/common/row-720.png") no-repeat 0 -35px; }
.roster li.even { margin-top: 2px; background: transparent url("/images/common/row-720.png") no-repeat 0 -35px; }
.roster li.odd:hover, .roster li.even:hover { background-position: 0 0; }
.roster li.legend { margin-top: 2px; background: transparent url("/images/common/row-720.png") no-repeat 0 -70px; }
.roster li.legend:hover { background-position: 0 -105px; }
.roster li div { line-height: 35px; font-size: 12px; text-align: center; }
.roster li .rank { float: left; width: 38px; }
.roster li .gripper { float: left; width: 30px; }
.roster li .number { float: left; width: 44px; }
.roster li .last-name { float: left; width: 208px; text-align: left; }
.roster li .position { float: left; width: 60px; }
.roster li .level { float: left; width: 225px; font-weight: bold; }
.roster.depth li .level { width: 50px; }
.roster li .training-fee { float: left; width: 95px; }
.roster.depth li .bonus { float: left; width: 60px; }
.roster.depth li .stat { float: left; width: 50px; }
.roster li .status { float: left; width: 145px; text-align: center; font-size: 11px; color: #808080; }
.roster.depth li .status { width: 68px; color: #ffffff; }
.roster li .status.legend { color: #ffffff; }
.roster li .status.skill { color: #ffff00; }
.roster li .status.maxed { color: #ffff00; }
.roster li .status.click { color: #999900; }
.roster li .status.buy-more { color: #ff0000; }
.roster li .skills { float: left; width: 52px; height: 34px; }
.roster li .cps { float: left; width: 56px; height: 34px;}
.roster li .cp-value { float: left; width: 108px; height: 34px;}
.roster-header li { width: 720px; height: 35px; overflow: hidden; margin: 0; }
.roster-header li div { float: left; line-height: 35px; font-size: 12px; text-align: center; }
.roster-header li.header div { margin: 0 2px 0 0; font-weight: bold; background: transparent url("/images/rankings/row-720.png") no-repeat right -136px; color: #FFFFFF; text-transform: uppercase; font-size: 11px; }
.roster-header li.header div.selected { background-position: 0 -136px; }
.roster-header li.header a { color: #FFFFFF; text-decoration: none; text-transform: uppercase; font-size: 11px; }
.roster-header li.header .rank { width: 36px; }
.roster-header li.header .gripper { width: 28px; }
.roster-header li.header .number { width: 42px; }
.roster-header li.header .last-name { width: 198px; text-align: left; padding: 0 0 0 8px; }
.roster-header li.header .position { width: 58px; }
.roster-header li.header .level { width: 124px; }
.roster-header.depth li.header .level { width: 48px; }
.roster-header li.header .training-fee { width: 95px; }
.roster-header.depth li.header .bonus { width: 58px; }
.roster-header.depth li.header .stat { width: 48px; }
.roster-header li.header .status { width: 147px; margin: 0; }
.roster-header.depth li.header .status { width: 68px; margin: 0; }
.roster-header li.header .skills { width: 52px; padding: 4px 0 0 0; line-height: 12px; }
.roster-header li.header .cps { width: 56px; padding: 4px 0 0 0; margin: 0; line-height: 12px; }
.roster.inactive li.cancel-message { cursor: default; text-indent: 20px; font-size: 14px; font-weight: bold; color: #ffff00; }
.roster .ui-sortable-placeholder { position: absolute; height: 1px !important; margin: 0 !important; padding: 0 !important; background: #ffff00 none !important; visibility: visible !important; overflow: visible; }
.roster .ui-sortable-placeholder .arrow { position: absolute; top: -6px; left: -10px; width: 10px; height: 12px; background: transparent url("/images/training/trainer.png") no-repeat -187px -25px; }
.roster .placeholder { height: 35px; }
.roster .player-avatar { width: 40px; height: 28px; float: left; margin: 4px 6px 0 0; }
.roster .position-letters { width: 50px; text-indent: -10000px; overflow: hidden; }
.roster .gripper-icon { position: relative; width: 17px; height: 17px; margin: 9px auto 0 auto; background: transparent url("/images/training/trainer.png") no-repeat -141px -25px; text-indent: -10000px; overflow: hidden; }
.roster li:hover .gripper-icon { background-position: -158px -25px; }
.roster .edit-player-names { float: left; width: 152px; position: relative; z-index: 2; text-align: left; }
.roster .edit-player-names .edit { display: none; position: absolute; top: 6px; right: 2px; width: 19px; height: 19px; text-indent: -10000px; overflow: hidden; background: transparent url("/images/training/edit-player-name.png") no-repeat 0 0; }
.roster .edit-player-names .edit:hover { background-position: 0 -19px; }
.roster li:hover .edit-player-names .edit { display: block; }
.roster li:hover .edit-player-names .text { color: #ffff00; }
.roster .form { display: none; position: absolute; top: 4px; left: 0; width: 226px; overflow: hidden; z-index: 2; }
.roster .form .form-wrapper { height: 20px; float: left; padding: 4px 2px 0 2px; margin: 0 4px 0 0; line-height: 12px; border: solid 1px #666666; background: #ffffff; }
.roster .form .firstName { width: 50px; border: 0; margin: 0; padding: 0; font-size: 11px; }
.roster .form .lastName { width: 60px; border: 0; margin: 0; padding: 0; font-size: 11px; }
.roster .form .save { position: absolute; top: 6px; right: 65px; display: block; width: 15px; height: 15px; text-indent: -10000px; background: transparent url("/images/training/edit-player-name.png") no-repeat -19px -15px; overflow: hidden; }
.roster .form .cancel { position: absolute; top: 6px; right: 80px; width: 15px; height: 15px; text-indent: -10000px; background: transparent url("/images/training/edit-player-name.png") no-repeat -19px 0; overflow: hidden; }

.roster .trainer { position: relative; width: 223px; height: 25px; margin: 5px 0 0 0; background: transparent url("/images/training/trainer.png") no-repeat 0 0; }
.roster .trainer-level { position: absolute; top: 3px; left: 3px; width: 31px; height: 19px; text-align: center; color: #232323; line-height: 19px; background: transparent url("/images/training/trainer.png") no-repeat 0 -25px; }
.roster.depth .trainer-level { position: relative; top: 0; left: 0; margin: 9px auto 0 auto; }
.roster .legend .trainer-level { color: #ffffff; background-position: -31px -25px; }
.roster .trainer-progress { position: absolute; top: 9px; left: 39px; width: 77px; height: 6px; padding: 1px; background: transparent url("/images/training/trainer.png") no-repeat -62px -25px; }
.roster .trainer-progress-current { height: 6px; background: transparent url("/images/training/trainer.png") no-repeat -63px -33px; }
.roster .trainer-progress-slider { height: 6px; position: absolute; top: 1px; right: 7px; }
.roster .trainer-progress-spending { position: absolute; left: 1px; top: 1px; height: 6px; background: #333333; }
.roster .ui-slider-handle { position: absolute; top: -5px; width: 12px; height: 16px; display: none; background: transparent url("/images/training/trainer.png") no-repeat -175px -25px; text-indent: -10000px; overflow: hidden; }
.roster .trainer:hover .ui-slider-handle { display: block; }
/* .roster .ui-sortable-placeholder { background: #ffff00 none !important; visibility: visible !important; } */
.roster .legend .trainer-progress-current { background-position: -63px -39px; }
.roster .trainer-maxed { position: absolute; top: 2px; right: 2px; width: 96px; height: 21px; background: transparent url("/images/training/trainer.png") no-repeat -96px -45px; text-align: center; font-size: 11px; font-weight: bold; line-height: 21px; color: #ffffff; text-decoration: none; }
.roster .trainer-train { position: absolute; top: 2px; right: 2px; width: 96px; height: 21px; background: transparent url("/images/training/trainer.png") no-repeat 0 -45px; text-align: center; font-size: 11px; font-weight: bold; line-height: 21px; color: #000000; text-decoration: none; }
.roster .drop { margin: 7px auto 0 auto; display: block; width: 56px; height: 21px; background: transparent url("/images/training/trainer.png") no-repeat -192px -45px; text-align: center; font-size: 11px; font-weight: bold; line-height: 21px; color: #ffffff; text-decoration: none; }
.roster .placeholder { width: 720px; height: 35px; }
.roster.active .drop { display: none; }
.roster.inactive .message { display: none; }

.content-roster .depth-buttons { margin: 10px 10px 0 0; width: 720px; height: 29px; position: relative; }
.content-roster .cancel-depth { position: absolute; top: 0; right: 156px; width: 86px; height: 29px; background: transparent url("/images/training/trainer.png") no-repeat 0 -66px; color: #ffffff; font-size: 12px; font-weight: bold; line-height: 29px; text-align: center; text-decoration: none; }
.content-roster .cancel-depth.disabled { color: #999999; }
.content-roster .submit-depth { position: absolute; top: 0; right: 0; width: 146px; height: 29px; background: transparent url("/images/training/trainer.png") no-repeat -86px -66px; color: #ffffff; font-size: 12px; font-weight: bold; line-height: 29px; text-align: center; text-decoration: none; }
.content-roster .submit-depth.disabled { color: #999999; background-position: -86px -96px; }

/* Leaderboard */
.content-game-rankings .filter-area { z-index: 10; position: relative; width: 740px; height: 34px; background: transparent url("/images/lobby/filter.png") no-repeat 10px 0; }
.content-game-rankings .presence { display: block; width: 20px; height: 20px; background: transparent url("/images/common/presence.png") no-repeat -40px 0; }
.content-game-rankings .presence:hover { background-position: -40px -20px; }
.content-game-rankings .presence.offline { background-position: -40px 0; }
.content-game-rankings .presence.offline:hover { background-position: -40px -20px; }
.content-game-rankings .presence.online { background-position: -20px 0; }
.content-game-rankings .presence.online:hover { background-position: -20px -20px; }
.content-game-rankings .presence.in-game { background-position: 0 0; }
.content-game-rankings .presence.in-game:hover { background-position: 0 -20px; }
.content-game-rankings .presence.in-lobby { background-position: -20px 0; }
.content-game-rankings .presence.in-lobby:hover { background-position: -20px -20px; }
.type { overflow: visible; position: absolute; left: 60px; z-index: 10;}
.type a.selected { display: block; width: 200px; height: 25px; text-indent: -10000px; overflow: hidden; background: transparent url("/images/lobby/type-ddl.png") no-repeat 0 0; }
.type a.selected-0 { background-position: 0 0; }
.type a.selected-0:hover { background-position: 0 -50px; }
.type a.selected-1 { background-position: 0 -25px; }
.type a.selected-1:hover { background-position: 0 -75px; }
.type ul { display: none; position: absolute; top: 25px; left: 0; width: 200px; height: 50px; overflow: hidden; padding: 0; margin: 0; background: transparent none; z-index: 10; list-style: none; list-style-type: none; }
.type li.selected-0 a { display: block; width: 200px; height: 25px; text-indent: -10000px; overflow: hidden; background: transparent url("/images/lobby/type-ddl-2.png") no-repeat 0 0; }
.type li.selected-0 a:hover { background-position: 0 -50px; }
.type li.selected-1 a { display: block; width: 200px; height: 25px; text-indent: -10000px; overflow: hidden; background: transparent url("/images/lobby/type-ddl-2.png") no-repeat 0 -25px; }
.type li.selected-1 a:hover { background-position: 0 -75px; }
.ranked { overflow: visible; position: absolute; left: 60px; z-index: 10;}
.ranked a.selected { display: block; width: 200px; height: 25px; text-indent: -10000px; overflow: hidden; background: transparent url("/images/lobby/mode-ddl.png") no-repeat 0 0; }
.ranked a.selected-true { background-position: 0 0; }
.ranked a.selected-true:hover { background-position: 0 -50px; }
.ranked a.selected-false { background-position: 0 -25px; }
.ranked a.selected-false:hover { background-position: 0 -75px; }
.ranked ul { display: none; position: absolute; top: 25px; left: 0; width: 200px; height: 50px; overflow: hidden; padding: 0; margin: 0; background: transparent none; z-index: 10; list-style: none; }
.ranked li.selected-TRUE a { display: block; width: 200px; height: 25px; text-indent: -10000px; overflow: hidden; background: transparent url("/images/lobby/mode-ddl-2.png") no-repeat 0 0; }
.ranked li.selected-TRUE a:hover { background-position: 0 -50px; }
.ranked li.selected-FALSE a { display: block; width: 200px; height: 25px; text-indent: -10000px; overflow: hidden; background: transparent url("/images/lobby/mode-ddl-2.png") no-repeat 0 -25px; }
.ranked li.selected-FALSE a:hover { background-position: 0 -75px; }
.stats-message { font-size: 12px; color: #ffff00; left: 280px; top: 5px; position: absolute; }
.team-rankings { width: 720px; margin: 0 0 2px 0; list-style: none; color: #ffffff; padding: 0; }
.team-rankings li { width: 720px; height: 34px; overflow: hidden; margin: 0 0 2px 0; }
.team-rankings li.odd { background: transparent url("/images/rankings/row-720.png") no-repeat 0 0; }
.team-rankings li.even { background: transparent url("/images/rankings/row-720.png") no-repeat 0 -34px; }
.team-rankings li.odd:hover, .team-rankings li.even:hover { background-position: 0 -68px; }
.team-rankings li.selected { background-position: 0 -102px; }
.team-rankings li div { line-height: 34px; font-size: 14px; text-align: center; }
.team-rankings .rank { float: left; width: 46px; }
.team-rankings .team { float: left; width: 240px; height: 34px; overflow: hidden; text-align: left; position: relative;}
.team-rankings .team .logo { float: left; margin: 4px 0 0 0; }
.team-rankings .team .presence { float: left; margin: 7px 4px 0 4px; }
.team-rankings .team .coach-link { color: #ffffff; text-decoration: none; }
.team-rankings-single .team { width: 426px; }
.team-rankings .wins { float: left; width: 62px; }
.team-rankings .losses { float: left; width: 62px; }
.team-rankings .ties { float: left; width: 62px; }
.team-rankings .win-percentage { float: left; width: 62px; }
.team-rankings .quits { float: left; width: 62px; }
.team-rankings .points-for { float: left; width: 62px; }
.team-rankings .points-allowed { float: left; width: 62px; }
.team-rankings li.header div { margin: 0 2px 0 0; background: transparent url("/images/rankings/row-720.png") no-repeat right -136px; color: #ffffff; text-transform: uppercase; font-size: 11px; }
.team-rankings li.header div.selected { background-position: 0 -136px; }
.team-rankings li.header a { color: #ffffff; text-decoration: none; text-transform: uppercase; font-size: 11px; }
.team-rankings li.header .rank { width: 44px; }
.team-rankings li.header .team { width: 230px; padding: 0 0 0 8px; }
.team-rankings-single li.header .team { width: 414px; }
.team-rankings li.header .losses,
.team-rankings li.header .ties,
.team-rankings li.header .win-percentage,
.team-rankings li.header .quits,
.team-rankings li.header .points-for { width: 60px; }
.team-rankings li.header .points-allowed { width: 60px; margin: 0 0 0 0; }
.content-game-rankings .paginator-wrapper { display: block; height: 40px; }
.content-game-rankings .paginator {  }

/* Recent Games */
.content-game-recent .box-score-wrapper { width: 720px; height: 305px; margin: 0 0 10px 10px; }
.recent-games { width: 720px; margin: 0 0 0 10px; list-style: none; color: #ffffff; padding: 0; }
.recent-games li { width: 720px; height: 34px; overflow: hidden; margin: 0; position: relative; top: 2px;}
.recent-games li.odd { background: transparent url("/images/rankings/row-720.png") no-repeat 0 0; }
.recent-games li.even { background: transparent url("/images/rankings/row-720.png") no-repeat 0 -34px; }
.recent-games li.odd:hover, .recent-games li.even:hover { background-position: 0 -68px; }
.recent-games li.selected { background-position: 0 -102px; }
.recent-games li div { line-height: 34px; font-size: 14px; text-align: center; }
.recent-games .date { float: left; width: 76px; }
.recent-games .coach { float: left; width: 262px; padding: 0 0 0 8px; height: 34px; overflow: hidden; text-align: left; position: relative; top: 0; left: 0;}
.recent-games .coach .logo { float: left; margin: 4px 0 0 0; }
.recent-games .coach .presence { float: left; margin: 8px 4px 0 4px; }
.recent-games .coach .coach-link { float: left; color: #ffffff; text-decoration: none; }
.recent-games .result { float: left; width: 82px; }
.recent-games .score { float: left; width: 82px; }
.recent-games .mvp { float: left; width: 122px; padding: 0 0 0 8px; text-align: left; }
.recent-games .play { float: left; width: 80px; }
.recent-games li.header div { margin: 0 2px 0 0; background: transparent url("/images/rankings/row-720.png") no-repeat right -136px; color: #00adee; text-transform: uppercase; font-size: 11px; }
.recent-games li.header div.selected { background-position: 0 -136px; }
.recent-games li.header a { color: #00adee; text-decoration: none; text-transform: uppercase; font-size: 11px; }
.recent-games li.header .date { width: 74px; }
.recent-games li.header .coach { width: 260px; padding: 0 0 0 8px; }
.recent-games li.header .result,
.recent-games li.header .score { width: 80px; }
.recent-games li.header .mvp { width: 120px; text-align: left; padding: 0 0 0 8px; }
.recent-games li.header .play { width: 80px; margin: 0 0 0 0; }
.recent-games .score-letter { width: 25px; height: 25px; margin: 5px auto 0 auto; display: block; text-indent: -10000px; overflow: hidden; background: transparent url("/images/recent-games/result-icons.png") no-repeat 0 0; }
.recent-games .score-letter-w { background-position: 0 0; }
.recent-games .score-letter-l { background-position: 0 -25px; }
.recent-games .score-letter-t { background-position: 0 -50px; }
.recent-games .score-letter-q { background-position: 0 -75px; }
.recent-games .score-letter-i { background-position: 0 -100px; }
.recent-games .play-now-button { margin: 4px 0 0 5px; }

/* Pagination */
div.item-list { position: absolute; right: 10px; bottom: 2px; }

.page-game-lobby #sub-title-area { position: relative; width: 990px; height: 107px; background: transparent url("/images/game/game-lobby-title.png") no-repeat 0 0; z-index: 0; }
.page-game-leaderboard #sub-title-area { position: relative; width: 990px; height: 107px; background: transparent url("/images/game/game-leaderboard-title.png") no-repeat 0 0; z-index: 0; }
.page-game-info #sub-title-area { position: relative; width: 990px; height: 107px; background: transparent url("/images/game/game-info-title.png") no-repeat 0 0; z-index: 0; }
.page-game-info-screenshots #sub-title-area { position: relative; width: 990px; height: 107px; background: transparent url("/images/game/game-info-title.png") no-repeat 0 0; z-index: 0; }
.page-game-info-videos #sub-title-area { position: relative; width: 990px; height: 107px; background: transparent url("/images/game/game-info-title.png") no-repeat 0 0; z-index: 0; }
.page-game-recent #sub-title-area { position: relative; width: 990px; height: 107px; background: transparent url("/images/game/page-title-recent-games.png") no-repeat 0 0; z-index: 0; }

.page-game #main #content-area { color: #ffffff; }
.page-game .advertisement-728x90 { width: 728px; height: 90px; padding: 14px 14px 14px 28px; background: #000307 url("patch4/images/qhsDataBlocks/images/ad-bg.png") no-repeat 0 0; }

.overview-heading { width: 620px; height: 39px; background: #ffffff url("/images/game/overview-heading.png") no-repeat 0 0; padding: 0; margin: 0; }
.screenshots-heading { width: 620px; height: 39px; background: #ffffff url("/images/game/screenshots-heading.png") no-repeat 0 0; padding: 0; margin: 0; }
/*.videos-heading { width: 620px; height: 39px; background: #ffffff url("/images/game/videos-heading.png") no-repeat 0 0; padding: 0; margin: 0; }*/
.box-score-heading { width: 620px; height: 42px; background: #ffffff url("/images/game/box-score-heading.png") no-repeat 0 0; padding: 0; margin: 0; overflow: hidden; text-indent: -10000px; }
.latest-results-heading { width: 620px; height: 42px; background: #ffffff url("/images/game/latest-results-heading.png") no-repeat 0 0; padding: 0; margin: 0; overflow: hidden; text-indent: -10000px; }
.page-game-info .overview { width: 620px; height: 352px; position: relative; background: #070d11 url("/images/game/game-overview.jpg") no-repeat 0 0; }
.page-game-info-videos .video { width: 620px; height: 416px; position: relative; background: #000000 none; }

/* Playbook */
body.page-game-play-manager.sidebar-right #content { width: 760px; margin-left: 10px; margin-right: -760px; margin-top: 0; }
body.page-game-play-manager #sidebar-right { float: left; width: 160px; margin-left: 770px; margin-right: -950px; padding: 0; }
body.page-game-play-manager h2#title { height: 34px; margin: 0 0 5px 0; padding: 0; position: relative; background: transparent url("patch6/images/team-hub/team-hub.png") no-repeat 0 -34px; text-indent: -10000px; overflow: hidden; }
#playbook { position: relative; z-index: 1; width: 740px; height: 990px; }

/*Logo Store*/
#logostore { position: relative; z-index: 1; }

/****** Game Modes ******/
#page-play .page-wrapper-top { position: relative; margin: 0 0 0 10px; width: 720px; height: 10px; background: transparent url("/images/game/modes/game_modes.png") no-repeat 0 -507; }
#page-play .page-wrapper { position: relative; margin: 0 0 0 10px; width: 720px; color: #ffffff; background: #111111 none; overflow: hidden; }
#page-play .page-wrapper-bottom { position: relative; margin: 0 0 0 10px; width: 720px; height: 10px; }

#game-modes-header {width: 702px; height: 75px; margin: 0 auto; position: relative; background: url("/images/game/modes/game_modes.png") no-repeat 0 0;}
#game-modes-header .info-box {width: 195px; height: 55px; position: absolute; top: 4px; right: 6px; font-size: 11px; text-transform: uppercase; padding: 11px 0 0 11px;}
#game-modes-header .info-box div {padding-bottom: 2px;}
#game-modes-header .info-box span {color: #FFFF00; font-weight: bold;}
#game-modes-header .tagline {font-size: 11px; position: absolute; bottom: 12px; left: 88px;}

#mode-filters {width: 702px; height: 20px; margin: 10px auto; list-style: none; padding: 0;}
#mode-filters .mode-filter-button {height: 20px; margin-right: 5px; float: left;}
#mode-filters .mode-filter-button .left-cap {height: 20px; width: 6px; background: url("/images/friends/friends-page.png") no-repeat 0 -180px; float: left;}
#mode-filters .mode-filter-button .right-cap {height: 20px; width: 6px; background: url("/images/friends/friends-page.png") no-repeat -116px -180px; float: left;}
#mode-filters .mode-filter-button a {height: 20px; padding: 0 5px; background-color: white; float: left; color: white; font-size: 12px; font-weight: bold; text-decoration: none; line-height: 20px; text-transform: uppercase; background: url("/images/friends/friends-page.png") no-repeat -6px -180px;}
#mode-filters .mode-filter-button.selected-true .left-cap {background: url("/images/friends/friends-page.png") no-repeat 0 -160px;}
#mode-filters .mode-filter-button.selected-true .right-cap {background: url("/images/friends/friends-page.png") no-repeat -116px -160px;}
#mode-filters .mode-filter-button.selected-true a {color: black; background: url("/images/friends/friends-page.png") no-repeat -6px -160px;}

#game-modes-header .mode-graphic {width: 375px; height: 62px; position: relative; top: 7px; left: 7px;}
#game-modes-header.no-huddle .mode-graphic {background: url("/images/game/modes/game_modes.png") no-repeat 0 -532px;}
#game-modes-header.blitz .mode-graphic {background: url("/images/game/modes/game_modes.png") no-repeat 0 -470px;}
#game-modes-header.sudden-death .mode-graphic {background: url("/images/game/modes/game_modes.png") no-repeat 0 -408px;}
#game-modes-header.standard .mode-graphic {background: url("/images/game/modes/game_modes.png") no-repeat 0 -346px;}
#game-modes-header.marathon .mode-graphic {background: url("/images/game/modes/game_modes.png") no-repeat 0 -594px;}

#mode-list .header {width: 702px; overflow: hidden; margin: 0 auto 0 auto;}
#mode-list .header div {text-align: center; float: left;}
#mode-list .header .coach {width: 232px; text-align: left; padding-left: 15px;}
#mode-list .header .lvl, #mode-list .header .rtg, #mode-list .header .off, #mode-list .header .def, #mode-list .header .spc {width: 55px;}
#mode-list .header .win-percentage {width: 151px; padding-left: 15px; text-align: left;}

#mode-challengers {width: 700px; margin: 0 auto;}
#mode-challengers.scroll { height: 214px; overflow: auto; }
#mode-challengers .opponent {width: 680px; height: 34px; clear: both; margin-bottom: 2px;}
#mode-challengers .opponent.row-light {background: url("/images/game/modes/game_modes.png") no-repeat 0 -75px;}
#mode-challengers .opponent.row-dark {background: url("/images/game/modes/game_modes.png") no-repeat 0 -109px;}
#mode-challengers .opponent div {float: left; line-height: 34px; font-size: 12px;}
#mode-challengers .opponent a {float: left; line-height: 34px; font-size: 12px; color: #ffffff; text-decoration: none; height: 34px; overflow: hidden;}
#mode-challengers .opponent .coach {width: 232px; text-align: left; padding-left: 15px; margin-right: 2px;}
#mode-challengers .opponent .coach div.avatar {border: 0px; width: 30px; height: 30px; margin-top: 2px; display: block; float: left; margin-right: 10px; overflow: hidden; background-color: black;}
#mode-challengers .opponent .coach span.modes-coach-name {width: 190px; height: 30px; display: block; float: left; overflow: hidden;}
#mode-challengers .opponent .coach img {border: 0px; width: 30px;}
#mode-challengers .opponent .lvl, #mode-challengers .opponent .rtg, #mode-challengers .opponent .off, #mode-challengers .opponent .def, #mode-challengers .opponent .spc, #mode-challengers .opponent .win-percentage {width: 55px; text-align: center; margin-right: 2px;}
#mode-challengers .opponent .play-small.awaiting {text-indent: -10000px; margin-top: 5px; width: 71px; height: 24px; text-align: center; line-height: 24px; float: left; display: block; background: url("/images/game/modes/game_modes.png") no-repeat -632px -434px;}
#mode-challengers .opponent .play-small {text-indent: -10000px; margin-top: 5px; width: 69px; height: 24px; text-align: center; line-height: 24px; float: left; display: block; background: url("/images/game/modes/game_modes.png") no-repeat -633px -386px;}
#mode-challengers .opponent .play-small:hover {background: url("/images/game/modes/game_modes.png") no-repeat -633px -410px;}

#mode-self {width: 700px; margin: 0 auto;}
#mode-self .opponent {width: 702px; height: 33px; clear: both; margin-bottom: 2px; background: url("/images/game/modes/game_modes.png") no-repeat 0 -75px;}
#mode-self.no-huddle .opponent {color: black; font-weight: bold; background: url("/images/game/modes/game_modes.png") no-repeat 0 -178px;}
#mode-self.blitz .opponent {color: black; font-weight: bold; background: url("/images/game/modes/game_modes.png") no-repeat 0 -212px;}
#mode-self.sudden-death .opponent {color: black; font-weight: bold; background: url("/images/game/modes/game_modes.png") no-repeat 0 -246px;}
#mode-self.marathon .opponent {color: black; font-weight: bold; background: url("/images/game/modes/game_modes.png") no-repeat 0 -280px;}
#mode-self.standard .opponent {color: black; font-weight: bold; background: url("/images/game/modes/game_modes.png") no-repeat 0 -313px;}

#mode-self .opponent div {float: left; line-height: 34px; font-size: 12px;}
#mode-self .opponent .coach {width: 232px; text-align: left; padding-left: 15px; margin-right: 2px;}
#mode-self .opponent .coach img {border: 0; width: 30px; margin-top: 2px; display: block; float: left; margin-right: 10px;}
#mode-self .opponent .lvl, #mode-self .opponent .rtg, #mode-self .opponent .off, #mode-self .opponent .def, #mode-self .opponent .spc, #mode-self .opponent .win-percentage {width: 55px; text-align: center; margin-right: 2px;}

#modes-leaders {width: 702px; height: 32px; line-height: 32px; margin: 10px auto; font-size: 18px; font-weight: bold; color: #FFFF00; text-align: center; text-transform: capitalize; background: url("/images/game/modes/game_modes.png") no-repeat 0 -143px;}
