/* SIO - Main Stylesheet
=============================================================================================*/

body { background: #f47600; }

/*	site grid 
----------------------------------- */

.transparent-85 { filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85; }
.transparent-50 { filter:alpha(opacity=50); -moz-opacity:0.50; -khtml-opacity: 0.50; opacity: 0.50; }

.holder { width: 890px; margin: auto; text-align: left; position: relative; }

.tl { position: absolute; top: 0; left: 0; overflow: hidden; width: 5px; height: 5px; }
.tr { position: absolute; top: 0; right: 0; overflow: hidden; width: 5px; height: 5px; }
.bl { position: absolute; bottom: 0; left: 0; overflow: hidden; width: 5px; height: 5px; }
.br { position: absolute; bottom: 0; right: 0; overflow: hidden; width: 5px; height: 5px; }

.divider { border-bottom: 1px solid #ee6300; height: 1px; overflow: hidden; background: #de3500; margin-bottom: 15px; clear: both; }
.dividerimg { width: 100%; height: 8px; overflow: hidden; margin-bottom: 15px; clear: both; }
.divider-blue { border-bottom: 1px solid #025ca8; height: 1px; overflow: hidden; background: #014080; clear: both; }

#main { background: #e64c00 url('../images/backgrounds/main.jpg') repeat-x 0 0; }
#findabug #main { background: #f07a00; }

.full5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* banners
----------------------------------- */

#banner-tall { width: 160px; height: 600px; position: absolute; top: 102px; right: -171px; z-index: 100; border: 1px solid #c73601; background-color: #da6111; overflow: hidden; }
#banner-wide { width: 728px; height: 90px; position: absolute; top: 5px; right: -171px; z-index: 100; border: 1px solid #c73601; background-color: #da6111; overflow: hidden; }
#banner-highlight { width: 260px; height: 90px; position: absolute; top: 5px; left: 15px; z-index: 100; border: 1px solid #c73601; background-color: #da6111; overflow: hidden; }
#banner-spacer { width: 260px; height: 105px; }

/* header
----------------------------------- */

#header { background: transparent url('../images/backgrounds/header_bg.jpg') no-repeat 50% 0; }
#header .holder { height: 112px; }

#header #logo { position: absolute; top: 0; left: -55px; }

#userinfo { -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; }
#userinfo { height: 35px; background: #810000 url('../images/nav/userinfo_bg.gif') repeat-x 0 0; position: absolute; bottom: 0px; right: 25px; }
#userinfo .tl { background: transparent url('../images/nav/userinfo_tl.gif') no-repeat 0 0; }
#userinfo .tr { background: transparent url('../images/nav/userinfo_tr.gif') no-repeat 0 0; }
#userinfo .padding { padding: 7px 5px 0 5px; }
#userinfo a, #userinfo span { display: block; padding: 0 10px; color: #ebc4bd; float: left; font-weight: bold; }
#userinfo a:hover { color: #fff; text-decoration: none; }
#userinfo .username { padding-left: 43px; }
#userinfo .username:hover { color: #fff }
#userinfo .border { border-right: 1px solid #c70d0a; }
#userinfo .arrow { padding-left: 23px; background: transparent url('../images/nav/userinfo_arrow.gif') no-repeat 10px 50%; }
#userinfo .welcome { padding: 0; font-weight: normal; position: absolute; top: -2px; left: 10px; border: 1px solid #a90a07; }

#navigation { background: transparent url('../images/backgrounds/nav_bg.jpg') no-repeat 50% 0;}
#navigation .holder { height: 52px; }

#navigation .links { position: absolute; bottom: 12px; left: 28px; height: 40px; }
#navigation .links a { display: block; float: left; }
#navigation .links .text { float: left; padding: 12px 12px 9px 10px; }
#navigation .links .div { float: left; }

#navigation .mouseover a { display: none; text-decoration: none; z-index: 99; position: absolute; top: -11px; padding: 0; height: 61px; font-size: 16px; color: #fff; font-weight: bold; padding-right: 8px; }
#navigation .mouseover .bg { height: 61px; background: #ed922d url('../images/nav/over_bg.jpg') no-repeat 0 0; }
#navigation .mouseover .bg .pad { padding: 22px 0; text-align: center; }
#navigation .mouseover .shadow { position: absolute; top: 0; right: 0px; width: 8px; height: 61px; overflow: hidden; background: transparent url('../images/nav/over_shadow.png') no-repeat 0 100%; }

#search { position: absolute; bottom: 21px; right: 25px; }
#search .searchbar { position: relative; background: transparent url('../images/nav/search_bg.gif') no-repeat 0 0; float: left; margin-right: 5px; width: 257px; height: 23px; }
#search .searchbar input { background: transparent; font-weight: bold; color: #fff; font-size: 11px; padding: 4px 10px; margin: 1px 0 0 25px; border: none; }
#search .searchbar .mute { color: #87b0dc; }

#search .searchbar .searchdown { position: absolute; top: 3px; right: 0; border-left: 1px solid #0b4a8d; color: #fff; font-size: 11px; font-weight: bold; }
#search .searchbar .searchdown .current { border-left: 1px solid #2a74c0; cursor: pointer; padding: 2px 12px 2px 20px; background: transparent url('../images/nav/search_arrowdown.gif') no-repeat 6px 50%; }
#search .searchbar .searchdown .current:hover { text-decoration: underline; }
#search .searchbar .searchdown .options {width: 125px; border: 1px solid #0b4a8d; z-index: 999999; background-color: #0e61b8; position: absolute; top: 18px; right: 3px; }
#search .searchbar .searchdown .options li { border-bottom: 1px solid #2a74c0; border-left: 1px solid #2a74c0; border-right: 1px solid #2a74c0; }
#search .searchbar .searchdown .options a { text-decoration: none; display: block; padding: 4px 50px 4px 23px; color: #fff; background: transparent url('../images/nav/search_arrowleft.gif') no-repeat 10px 50%; }
#search .searchbar .searchdown .options a:hover { background-color: #0b4a8d; }

#search .button { float: left; }


/* footer
----------------------------------- */

#footer { background: #f47600 url('../images/backgrounds/footer.gif') repeat-x 0 0; border-top: 1px solid #d03600; padding: 34px 0;  }
#footer a { color: #fcdec2; font-size: 11px; margin: 0 20px 11px 0; display: block; }
#footer .inside { width: 850px; margin: auto; text-align: left; }
#footer .links { text-align: left; float: left; margin-right: 50px; }
#footer .links .title { font-size: 18px; color: #ad2b00; border-bottom: 1px solid #ad2b00; padding-bottom: 3px; margin-bottom: 20px; }

#footer .sceneit { width: 350px; }
#footer .explore { width: 250px; }
#footer .learnmore { width: 135px; margin: 0; }

#footer .copyright { font-size: 11px; color: #fcdec2; margin-top: 52px; position: relative; padding: 30px 0 0 90px; }
#footer .copyright img { position: absolute; top: 0; left: 0; }

/* icons
----------------------------------- */

.titlebar .icon { position: absolute; }
.titlebar .film-icon { top: -2px; left: -5px; }
.titlebar .players-icon { top: -2px; left: 0px; }
.titlebar .vault-icon { top: 0px; left: -4px; }
.titlebar .profile-icon { top: 1px; left: -5px; }
.titlebar .headlines-icon { top: 3px; left: -10px; }
.titlebar .mail-icon { top: 6px; left: -3px; }
.titlebar .users-icon { top: -2px; left: -14px; }
.titlebar .trophies-icon { top: -3px; left: 4px; }
.titlebar .predictions-icon { top: -2px; left: 2px; }
.titlebar .quizzes-icon { top: 2px; left: -5px; }

.intitle { position: relative; }
.intitle .icon { position: absolute; }
.intitle .aboutme-icon { top: 8px; left: 8px; }
.intitle .myquizzes-icon { top: 8px; left: 8px; }
.intitle .headlines-icon { top: 8px; left: 8px; }


/* content
----------------------------------- */

#middle { background: transparent url('../images/backgrounds/middle_bg.jpg') no-repeat 50% 0; min-height: 700px; margin-bottom: 20px; padding-top: 5px; }

#middle .content { margin: auto; width: 850px; display: block; text-align: left; position: relative; }
#middle .content .shadow { background: transparent url('../images/backgrounds/content_shadow.png') no-repeat 0 0; }
#middle .content .shadow2 { background: transparent url('../images/backgrounds/content_shadow2.png') no-repeat 0 0; }
#middle .content .padding { padding: 10px 12px; display: block; }
#middle .content .padding2 { padding: 10px 0 10px 10px; display: block; }
#middle .content .titles { height: 43px; padding: 0 12px; display: block; }
#middle .content .moveup { margin-top: -35px; }
#middle .content .extrapadding { padding: 10px 16px; display:block; }

.titlebar { padding: 0 13px 0 16px; background: transparent url('../images/backgrounds/titlebar_left.png') no-repeat 0 0; display: block; position: relative; text-align: left; min-width: 200px; }
.titlebar .mainbg { background: transparent url('../images/backgrounds/titlebar_bg.gif') repeat-x 0 0; }
.titlebar .glow { height: 43px; background: transparent url('../images/backgrounds/titlebar_glow.jpg') no-repeat 100% 0; min-width: 200px; }
.titlebar .rightcap { position: absolute; top: 0; right: 0; }
.titlebar .inner { padding: 7px 30px 0 40px; position: relative; color: #fff; font-size: 17px; }

.titlebar img, .titlebar .sifr { float: left; }
.titlebar .sifr { display: inline; }
.titlebar-shadow { padding-right: 101px; }

.morebutton { padding: 3px 20px 6px 0; background: transparent url('../images/icons/more_orange.gif') no-repeat 100% 3px; }
.morebutton:hover { background: transparent url('../images/icons/more_orange_o.gif') no-repeat 100% 3px; }

.profilemorebutton { padding: 3px 20px 6px 0; background: transparent url('../images/icons/profile_viewmorebtn_u.gif') no-repeat 100% 3px; }
.profilemorebutton:hover { background: transparent url('../images/icons/profile_viewmorebtn_o.gif') no-repeat 100% 3px; }

.contentbox { color: #fff; }

.contentbox .title { font-size: 16px; margin-bottom: 5px; font-weight: bold; }
.contentbox .topcap { position: relative; display: block; height: 6px; overflow: hidden; }
.contentbox .topcap .tl, .contentbox .topcap .tr { width: auto; height: auto; }
.contentbox .topcap .center { background: #e64c00 url('../images/backgrounds/contentbox_topbg.gif') repeat-x 0 0; margin: 0 6px; height: 6px }
.contentbox .bottomcap { position: relative; display: block; height: 6px; overflow: hidden; }
.contentbox .bottomcap .bl, .contentbox .bottomcap .br { width: auto; height: auto; }
.contentbox .bottomcap .center { background: #e64c00; margin: 0 6px; height: 6px; display: block; }

.contentbox .contents { display: block; padding: 20px 27px; }
.contentbox .pad2 { padding: 5px 10px; }
.contentbox .bgl { background: #e64c00 url('../images/backgrounds/contentbox_sides.gif') no-repeat 0 0; width: 100%; }
.contentbox .bgr { background: transparent url('../images/backgrounds/contentbox_sides.gif') no-repeat 100% 0; }
.contentbox .leftsmall { float: left; width: 339px; }
.contentbox .rightsmall { float: right; width: 433px; }

.contentbox .starbg { background: transparent url('../images/backgrounds/contentbox_stars.jpg') no-repeat 100% 0; }

.contentbox .controls { display: block; height: 31px; }
.contentbox .controls .filter { float: left; }
.contentbox .controls .filter .label { float: left; margin-right: 5px; color: #fff; font-weight: bold; padding: 4px; } 
.contentbox .controls .filter .dropdown { float: left; }
.contentbox .controls .pager { float: right; }
.contentbox .controls .title { float: left; }

.contentbox .pager a { font-weight: bold; color: #fff; float: left; text-decoration: none;  padding: 3px 7px; display: block; text-align: center; overflow: hidden; }
.contentbox .pager .num:hover, .pager .num.selected { background: transparent url('../images/pager/pager_num_bg.gif') no-repeat 50% 50%; }
.contentbox .pager .wide:hover, .pager .wide.selected { background: transparent url('../images/pager/pager_num_wide_bg.gif') no-repeat 50% 50%; }
.contentbox .pager .dotdotdot { padding: 4px 1px; color: #fff; float: left; }
.contentbox .pager .prev { background: transparent url('../images/pager/pager_back.gif') no-repeat 0 50%; padding-left: 21px; padding-right: 10px; }
.contentbox .pager .next { background: transparent url('../images/pager/pager_next.gif') no-repeat 100% 50%; padding-right: 21px; padding-left: 10px; }
.contentbox .pager .prev:hover { background: transparent url('../images/pager/pager_back_o.gif') no-repeat 0 50%; }
.contentbox .pager .next:hover { background: transparent url('../images/pager/pager_next_o.gif') no-repeat 100% 50%; }

.contentbox .intitle { height: 25px; }

.bluesubnav { color: #fff; background: transparent url('../images/backgrounds/bluesubnav.png') no-repeat 50% 0; width: 875px; height: 57px; margin: -6px auto 0 auto; text-align: center; }
.bluesubnav .padding { padding: 12px 18px 0 18px; }
.bluesubnav img { float: left; }
.bluesubnav a { color: #fff; padding: 8px 17px; display: block; float: left; text-decoration: none; }
.bluesubnav .current { font-weight: bold; }
.bluesubnav .navdiv { float: left; }

.greycounter { background: transparent url('../images/nav/subnav_countbg.gif') repeat-x 0 0; border: 1px solid #fff; display: block; float: left; color: #fd3c00; font-size: 11px; padding: 0px 3px; text-align: center; margin-left: 6px; font-weight: bold; min-width: 12px; }

.rightbucket { margin-bottom: 20px; }
.rightbucket .cleantable { margin-bottom: 0px; }


/* Profile specific stuffs */
.contentbox .profilepage { padding:10px; }
.contentbox .profilepage .leftsmall { width:250px; }
.contentbox .profilepage .rightsmall { width:561px; }

.contentbox .profilepage .greenbar-small { height:34px; background:transparent url('../images/buckets/profile_greenbar_small.jpg') no-repeat scroll 0 0; padding:15px 0px 0px 65px; font-size:24px; }
.contentbox .profilepage .greenbar-large { height:34px; background:transparent url('../images/buckets/profile_greenbar_large.jpg') no-repeat scroll 0 0; padding:15px 0px 0px 65px; font-size:24px; margin-bottom:8px; }

.contentbox .profilepage .leftsmall .stripebox { display:inline-block; position:relative; min-height:50px; width:250px; background:transparent url('../images/buckets/profile_stripebg.gif') repeat scroll 0 0; margin-top:10px; }
.contentbox .profilepage .leftsmall .stripebox_top { background:transparent url('../images/buckets/profile_about_topcap.gif') no-repeat scroll 0 0; top:0; left:0; width:250px; height:7px; position:absolute; }
.contentbox .profilepage .leftsmall .stripebox .nudgedown { margin-top:7px; }

.contentbox .profilepage .leftsmall .stripebox .entry { height:28px; width:240px; background:transparent url('../images/buckets/profile_about_entrybg.jpg') no-repeat scroll 0 0; display:inline-block; font-size:14px; font-weight:bold; padding-left:10px; padding-top:10px; }
.contentbox .profilepage .leftsmall .stripebox .profile_about { display:block; min-height:50px; width:230px; background:transparent url('../images/buckets/profile_about_profilebg.gif') repeat-y scroll 0 0; position:relative; padding:10px; }
.contentbox .profilepage .leftsmall .stripebox .profile_about .topcap { display:block; height:4px; width:250px; position:absolute; top:0; left:0; background:transparent url('../images/buckets/profile_about_profiletop.gif') no-repeat scroll 0 0; }
.contentbox .profilepage .leftsmall .stripebox .bottomcap { display:block; height:10px; width:250px; position:absolute; bottom:0; background:transparent url('../images/buckets/profile_about_profilebottom.gif') no-repeat scroll 0 0; }
.contentbox .profilepage .leftsmall .stripebox .tablepadding td, .contentbox .profilepage .leftsmall .stripebox .tablepadding th { padding:2px 0px; }
.contentbox .profilepage .leftsmall .stripebox img { float: left; }

.accordion { display: block; width:561px; background:#ad2d02; position:relative; margin:2px 0 0 0; overflow:hidden; }
.accordion .quizbox_tl { position:absolute; top:0; left:0; width:7px; height:7px; background:transparent url('../images/buckets/profile_quizbar_tl.gif') no-repeat scroll 0 0; }
.accordion .quizbox_tr { position:absolute; top:0; right:0; width:7px; height:7px; background:transparent url('../images/buckets/profile_quizbar_tr.gif') no-repeat scroll 0 0; }
.accordion .quizbox_bl { position:absolute; bottom:0; left:0; width:7px; height:7px; background:transparent url('../images/buckets/profile_quizbar_bl.gif') no-repeat scroll 0 0; }
.accordion .quizbox_br { position:absolute; bottom:0; right:0; width:7px; height:7px; background:transparent url('../images/buckets/profile_quizbar_br.gif') no-repeat scroll 0 0; }

.accordion .titlebar { display:block; width:551px; height:35px; padding: 12px 0 0 15px; background:transparent url('../images/buckets/profile_quizbar_titlebar.gif') no-repeat scroll 0 0; cursor:pointer; }
.accordion .titlebar:hover { background:transparent url('../images/buckets/profile_quizbar_titlebar.gif') no-repeat scroll 0 -47px; }
.current .titlebar { background:transparent url('../images/buckets/profile_quizbar_titlebar.gif') no-repeat scroll 0 -94px; }
.current .titlebar:hover { background:transparent url('../images/buckets/profile_quizbar_titlebar.gif') no-repeat scroll 0 -141px; }
.accordion .conbox { display: block; width: 100%; }
.accordion .inside { padding: 10px; display: block; }
.accordion .titlebar .sifr { font-size: 18px; }

.contentbox .connectionspage .leftsmall { width:386px; }
.contentbox .connectionspage .rightsmall { width:386px; }


/* lists
----------------------------------- */

.biglink { display: block; text-decoration: none; }
.biglink:hover { text-decoration: none; background: #fff; }
.biglink span { display: block; }

.cleanbox { background: #ffffcc; color: #ba0000; border-bottom: 1px solid #ac3900; border-right: 1px solid #ac3900; margin-bottom: 10px; }
.cleanbox .padding { padding: 15px; display: block; }
.cleanbox a { text-decoration: underline; }

.cleanbox a.nounderline { text-decoration:none; }
.cleanbox a.nounderline:hover { text-decoration:underline; }

.errorbox { background: #ffabab; font-weight: bold; }

.cleanlist-2col .row { width: 387px; float: left; margin-right: 10px; }
.cleanlist-2col .nomargin { margin-right: 0px; }

.cleanlist { margin-bottom: 15px; }

.cleanlist .row { background: #ffffcc; color: #ba0000; border-bottom: 1px solid #ac3900; border-right: 1px solid #ac3900; margin-bottom: 1px; position: relative; }

.cleanlist .no-bottom { margin-bottom:0; border-bottom: 1px solid #ffe399; border-right:none; }
.cleanlist .no-bottom .biglink:hover { background:#ffe399; }
.cleanlist .row .inside { padding: 20px 0; display: block; position: relative;  }
.cleanlist .row .pad { padding: 0 20px; }
.cleanlist .row .fullpad { padding: 20px; }
.cleanlist .row .bucket { float: left; }
.cleanlist .row .bucket .pad .message .title { font-size:12px; }



.cleanlist .thumb { float: left; margin-right: 15px; padding-bottom: 8px; background: transparent url('../images/backgrounds/cleanlist_shadow.gif') no-repeat 50% 100%; }
.cleanlist .thumb .thumbimg { border: 1px solid #de7403; width: 50px; height: 50px; overflow: hidden; }

.cleanlist .group { display:block; }
.cleanlist .group, .cleanlist .group:hover { text-decoration:none; }
.cleanlist .group .pad { padding:20px 20px; display:inline-block; }
.cleanlist .group .groupimage { display:block; float:left; }
.cleanlist .group .grouptext { margin-left:70px; }
.cleanlist .group .grouptext .groupname { font-size:13px; font-weight:bold; }

.cleanlist .border { border-right: 1px solid #ecb581; }

.cleanlist .avatar { float:left; margin-right:20px; }

.cleanlist .user { min-width: 200px; }
.cleanlist .user .info { float: left; }
.cleanlist .user .info .username { font-size: 13px; font-weight: bold; margin-bottom: 3px; position: relative; display: inline; padding-right: 20px; } 
.cleanlist .user .info .username .entourageicon { position: absolute; top: -3px; right: 0; }
.cleanlist .user .info .date { color: #d44904; font-size: 11px; } 
.cleanlist .user .info .stats { color: #d44904; font-size: 11px; } 
.cleanlist .user .info .glitz { color: #ba0000; font-size: 11px; font-weight: bold; } 

.cleanlist .text { width: 463px; padding: 4px 0; color: #5c5c52; }
.cleanlist .text .title { color: #ff8e29; font-weight: bold; }
.cleanlist .narrow { width:300px; }
.cleanlist .thin { width:319px; }
.cleanlist .thinner { width: 290px; }

.cleanlist .options { text-align: center; position: absolute; top: 50%; right: 20px; margin-top: -8px;  }
.cleanlist .options a { display: block; width: 39px; height: 18px; text-decoration: none; }
.cleanlist .options li { border-left: 1px solid #ecb581; }
.cleanlist .options .delete { background: transparent url('../images/icons/options_delete.gif') no-repeat 50% 50%; }
.cleanlist .options .remove { background: transparent url('../images/icons/options_remove.gif') no-repeat 50% 50%; }
.cleanlist .options .add { background: transparent url('../images/icons/options_add.gif') no-repeat 50% 50%; }
.cleanlist .options .edit { background: transparent url('../images/icons/options_edit.gif') no-repeat 50% 50%; }
.cleanlist .options .reply { background: transparent; }

.cleanlist .options .thumb { float: left; margin-right: -18px; margin-top:-16px; padding-bottom: 8px; background: transparent url('../images/backgrounds/cleanlist_shadow.gif') no-repeat 50% 100%; }
.cleanlist .options .thumb .thumbimg { border: 1px solid transparent; width: 50px; height: 50px; overflow: hidden; }

.cleanlist .special { background: #ff9933 url('../images/icons/special_avatar.jpg') no-repeat 20px 18px; color: #cc3300; font-weight: bold; font-size: 14px; }
.cleanlist .special .biglink:hover { background: #ff9933 } 
.cleanlist .special .thumb { float: left; margin-right: 15px; padding-bottom: 8px; background: transparent url('../images/backgrounds/cleanlist_shadow_special.gif') no-repeat 50% 100%; }
.cleanlist .special .inside { border: 2px solid #ffb65e; padding: 20px 20px 20px 85px; min-height: 50px; }
.cleanlist-leaderboard .special { background:#ff9933; background-image:none; }
.cleanlist-leaderboard .special .inside { border:none; padding:20px 0; }

.cleanlist .noborder { border: none; }
.cleanlist .options .noborder { border: none; }
.contentbox .rightsmall .cleanlist .options { right: 5px }

.cleanlist-leaderboard .noresults { background:#ff9933; background-image:none; }
.cleanlist-leaderboard .noresults .inside { border:none; padding:20px 0; }

.cleanlist .reply { background:transparent; font-size:12px; font-weight:normal; margin-bottom:0px; }
.cleanlist .reply .inside { border: 0; padding: 20px;  }
.cleanlist .reply .row { border-right:0; border-bottom:0; border-top: 1px solid #ac3900; background:transparent url('../images/icons/reply_sidearrow.gif') no-repeat scroll 0 50%; }


.cleanlist .quizlink .info { float: left; }
.cleanlist .quizlink .info .title { font-size: 13px; font-weight: bold; margin-bottom: 3px; } 
.cleanlist .quizlink .info .date { color: #d44904; font-size: 11px; } 
.cleanlist .quizlink .info .creator { color: #d44904; font-size: 11px; } 



.thumblist { float: left; margin-bottom: 10px; position: relative; }
.thumblist .thumb { float: left; width: 132px; height: 225px; margin-right: 10px; position: relative; }
.thumblist .thumb .hitarea { position: absolute; top: 2px; left: 2px; z-index: 18; width: 126px; height: 210px; }
.thumblist .thumb .cover { z-index: 10; position: absolute; top: 0; left: 0; width: 132px; height: 228px; background: transparent url('../images/buckets/thumbnail_bucket_shadow.png') no-repeat 0 0; }
.thumblist .thumb .hovercover { z-index: 7; position: absolute; bottom: 0; left: 0; width: 132px; height: 223px; background: #000; }

.thumblist .thumb .quebtn { position: absolute; top: 0; right: 0; z-index: 17; padding: 14px; background: transparent url('../images/icons/quebtn_u.gif') no-repeat 50% 50%; }
.thumblist .thumb .quebtn:hover { background: transparent url('../images/icons/quebtn_o.gif') no-repeat 50% 50%; }
.thumblist .thumb .quebtnon,
.thumblist .thumb .quebtnon:hover { background: transparent url('../images/icons/quebtn_on.gif') no-repeat 50% 50%; }


.thumblist .toptag { position: absolute; top: 0; left: 0; }
.thumblist .new { background: transparent url('../images/buckets/thumbnail_new.png') no-repeat 0 0; width: 53px; height: 53px; overflow: hidden; } 
.thumblist .done { background: transparent url('../images/buckets/thumbnail_done.png') no-repeat 0 0; width: 52px; height: 52px; overflow: hidden; } 
.thumblist .almost { background: transparent url('../images/buckets/thumbnail_almost.png') no-repeat 0 0; width: 57px; height: 57px; overflow: hidden; }
.thumblist .locked { background: transparent url('../images/buckets/thumbnail_locked.png') no-repeat 0 0; width: 57px; height: 57px; overflow: hidden; }

.thumblist .thumb .infocover { z-index: 8; position: absolute; bottom: 0; left: 0; width: 132px; height: 90px; background: #000; }
.thumblist .thumb .info { z-index: 11; position: absolute; bottom: 14px; left: 2px; width: 120px; height: 74px; color: #fff; text-align: left; }
.thumblist .thumb .info .title { font-size: 13px; font-weight: bold; line-height: 14px; position: absolute; top: 7px; left: 10px; }
.thumblist .thumb .info .bottom { position: absolute; bottom: 9px; left: 10px; }
.thumblist .thumb .info .author { font-size: 11px; color: #1e98d8; }
.thumblist .thumb .info .author a { font-size: 11px; color: #1e98d8; text-decoration: underline; }

.thumblist .thumb .info .quiztype { font-size: 11px; color: #fe7e44; font-weight: bold; }


.thumblist .thumb .info .rating { width: 70px; height: 13px; margin-bottom: 1px; background: transparent url('../images/icons/ratingstar_dark_off.gif') repeat-x 0 0; }
.thumblist .thumb .info .rating .score { height: 13px; width: 0px; background: transparent url('../images/icons/ratingstar_dark_on.gif') repeat-x 0 0; }
.thumblist .thumb .info .rating .myscore { height: 13px; width: 0px; background: transparent url('../images/icons/ratingstar_dark_over.gif') repeat-x 0 0; }
.thumblist .thumb .info .rating .value1 { width: 14px; }
.thumblist .thumb .info .rating .value2 { width: 28px; }
.thumblist .thumb .info .rating .value3 { width: 42px; }
.thumblist .thumb .info .rating .value4 { width: 56px; }
.thumblist .thumb .info .rating .value5 { width: 70px; }

.thumblist-margin10 .thumb { margin-right: 10px; }
.thumblist-margin16 .thumb { margin-right: 16px; }
.thumblist-margin30 .thumb { margin-right: 31px; }

.thumblist .nomargin { margin: 0; }

.thumblist .thumbinfo { position: absolute; top: 2px; left: 2px; right: auto; z-index: 19; background: transparent url('../images/buckets/thumbnail_bucket_info.png') no-repeat 0 0; width: 294px; height: 210px; display: block; }
.thumblist .thumbinfo .hitarea { position: absolute; top: 0; left: 0; z-index: 18; width: 132px; height: 210px; }
.thumblist .thumbinfo .insides { width: 140px; height: 185px; float: right; color: #808080; font-size: 11px; margin: 12px; }
.thumblist .thumbinfo .insides .mb { margin-bottom: 5px; }
.thumblist .thumbinfo .insides strong { color: #fff; }
.thumblist .thumbinfo .insides .label { display: block; margin-bottom: 2px; color: #fff; }
.thumblist .leftinfo { background: transparent url('../images/buckets/thumbnail_bucket_info2.png') no-repeat 100% 0; }
.thumblist .leftinfo .insides { float: left; }	
.thumblist .leftinfo .hitarea { left: auto; right: 0; }

.leftcontent { width: 570px; min-height: 200px; float: left; }
#home .leftcontent { width: 558px; margin-left: -4px; }
.leftcontent .cpadding { padding: 0px 5px; }
.rightcontent { width: 231px; float: right; }

.orangebg { background: #cd3a04 url('../images/buckets/orangebox_bottom.gif') repeat-x 0 100%; display: block; position: relative;  }
.orangebg .padding { padding: 5px 0; }
.orangebg .tl { width: 6px; height: 6px; background: #cd3a04 url('../images/buckets/orangebox_tl.gif') no-repeat 0 0; }
.orangebg .tr { width: 6px; height: 6px; background: #cd3a04 url('../images/buckets/orangebox_tr.gif') no-repeat 0 0; }
.orangebg .bl { width: 6px; height: 7px; background: #cd3a04 url('../images/buckets/orangebox_bl.gif') no-repeat 0 0; }
.orangebg .br { width: 6px; height: 7px; background: #cd3a04 url('../images/buckets/orangebox_br.gif') no-repeat 0 0; }

.orangelist { padding: 6px 1px 15px 1px; margin-bottom: 24px; }
.orangelist li { padding-bottom: 5px; background: transparent url('../images/buckets/orangebox_divider.gif') no-repeat 50% 100%; }
.orangelist .bucket {  text-decoration: none; text-align: left; display: block; color: #fff; padding: 13px 15px; }
.orangelist .bucket:hover { background: transparent url('../images/buckets/orangebox_linkbg.gif') repeat-x 0 100%; }
.orangelist .bucket .avatar { border: 1px solid #ffaf51; float: left; margin-right: 15px; }
.orangelist .bucket .username { font-weight: bold; color: #ffc169; font-size: 13px; }
.orangelist .bucket .title { font-size: 11px; margin-bottom: 5px; }
.orangelist .bucket .stats { font-size: 11px; }
.orangelist .bucket .div { display: inline; }

.orangelist2 { margin-bottom: 24px; border-bottom: 1px solid #de3500; }
.orangelist2 li { border-bottom: 1px solid #ee6300; border-top: 1px solid #de3500; }
.orangelist2 .bucket { text-decoration: none; text-align: left; display: block; color: #fff; padding: 13px 15px; }
.orangelist2 .bucket:hover { background-color: #f3580d; }
.orangelist2 .bucket .avatar { border: 1px solid #ffaf51; float: left; margin-right: 10px; }
.orangelist2 .bucket .username { font-weight: bold; color: #ffc169; font-size: 13px; }
.orangelist2 .bucket .title { font-size: 11px; margin-bottom: 5px; }
.orangelist2 .bucket .stats { font-size: 11px; }
.orangelist2 .bucket .div { display: inline; }
.orangelist2 .noborder { border-top: none; }

.noresults { background: #ff9933; color: #cc3300; font-weight: bold; font-size: 14px; }
.noresults .biglink:hover { background: #ff9933 } 
.noresults .thumb { float: left; margin-right: 15px; padding-bottom: 8px; background: transparent url('../images/backgrounds/cleanlist_shadow_special.gif') no-repeat 50% 100%; }
.noresults .inside { border: 2px solid #ffb65e; padding: 20px 20px 20px 85px; min-height: 50px; }
.noresults h3 { font-size: 14px; }
.noresults p { font-size: 12px; }

.profilebucket { margin-bottom: 20px; }
.profilebucket .cleanlist, .profilebucket .cleanbox { margin-bottom: 5px; }
.profilebucket .dividerimg { margin: 0; }

.sidebar { position: relative; width: 210px; }

.sidebar .group-tl { display: block; position: absolute; top:0; left:0; width:7px; height:7px; background: transparent url('../images/buckets/groupimage_tl.png') no-repeat 0 100%; }
.sidebar .group-tr { display: block; position: absolute; top:0; right:0; width:7px; height:7px; background: transparent url('../images/buckets/groupimage_tr.png') no-repeat 100% 100%; }

.sidebar .trivia-tl { display: block; position: absolute; top:0; left:0; width:7px; height:7px; background: transparent url('../images/buckets/triviavault_leftbar_tl.gif') no-repeat 0 100%; }
.sidebar .trivia-tr { display: block; position: absolute; top:0; right:0; width:7px; height:7px; background: transparent url('../images/buckets/triviavault_leftbar_tr.gif') no-repeat 100% 100%; }

.sidebar .orange2-tl { display: block; position: absolute; top:0; left:0; width:6px; height:6px; background: transparent url('../images/buckets/orange2_tl.gif') no-repeat 0 100%; }
.sidebar .orange2-tr { display: block; position: absolute; top:0; right:0; width:6px; height:6px; background: transparent url('../images/buckets/orange2_tr.gif') no-repeat 100% 100%; }


/* subnavbar - groups
----------------------------------- */

.subnavbar { padding-left: 15px;}
.contentbox .groups_innerbox { display:inline-block; width:584px; padding:0; margin:0 0 0 15px; }


/* home
----------------------------------- */

#home #middle { background: transparent url('../images/backgrounds/home_middle_bg.jpg') no-repeat 50% 0; }
#home .feature { height: 436px; }
#home .headlines { background: transparent url('../images/backgrounds/home_headlines.jpg') no-repeat 50% 0; height: 78px; margin: 0 0 10px 0; }
#home #headlinesreplace { margin-top: 11px; }


/* profile
----------------------------------- */

#profilehome #middle { background: transparent url('../images/backgrounds/profile_middle_bg.jpg') no-repeat 50% 0; }
#profilehome #middle.bannerbg { background: transparent url('../images/backgrounds/profileads_middle_bg.jpg') no-repeat 50% 0; }

.profile .holder { width: 745px; height: 400px; margin: auto; }
.profile .profileflash { width: 745px; height: 400px; overflow: hidden; margin: 0 auto 40px auto; }


/* quizzes
----------------------------------- */

#play .flashcontainer { height: 400px; margin-top: 25px; margin-bottom: 50px; }
#play #middle { background: transparent url('../images/backgrounds/quiz_middle_bg.jpg') no-repeat 50% 0; }

.quizbox .title { font-size: 17px; font-weight: bold; margin: 8px 8px 8px 30px; }
.quizbox .right { margin-right: 11px; display: inline; }
.quizbox .block a { padding: 0; }
.quizbox .block { padding: 12px 20px; background: transparent url('../images/backgrounds/redsubnav_div.png') no-repeat 0 0; display: block; float: left; }

.title_sidebar { margin-bottom: 5px; font-size: 17px; }

.pollbox { min-height:182px; background:transparent url('../images/buckets/poll_bg.jpg') repeat-y scroll 0 0; position:relative; color:#ffffff;  }
.pollbox .poll { background:transparent url('../images/buckets/pollbox_bg.jpg') no-repeat scroll 0 0; }
.pollbox .pollboxbottomcap { position:absolute; bottom:0; left:0; height:6px; background:transparent url('../images/buckets/pollbox_bottomcap.jpg') no-repeat scroll 0 0; }

.pollbox .poll th { padding:20px 20px 5px 20px; font-size:13px; font-weight:bold; }
.pollbox .poll td { padding:0 20px; }
.pollbox .poll .pollboxdivider { background:transparent url('../images/buckets/pollbox_divider.jpg') no-repeat scroll 100% 50%; }

.featurebuckets { background:transparent url('../images/backgrounds/vault_featured_bg.jpg') no-repeat scroll 6px 0px; width: 100%; height: 139px; }
.featurebuckets .pad { padding: 15px 20px; }
.featurebuckets .feature1 { margin-right: 20px; }


/* results page
----------------------------------- */

.resultspage .contentbox-blue { height: 307px; background: #015095 url('../images/backgrounds/results_user_repeat.gif') repeat-y 0 0; float: left; }
.resultspage .contentbox-results { width: 556px; float: left; }
.resultspage .contentbox-results .buttons { position: absolute; bottom: 20px; left: 24px;  }

.userresults { float: right; width: 283px; height: 255px; overflow: hidden; }
.userresults .gameinfo { background: transparent url('../images/backgrounds/results_user_bg1.jpg') no-repeat 0 0; height: 93px; overflow: hidden; }       
.userresults .glitzinfo { background: transparent url('../images/backgrounds/results_user_bg3.jpg') no-repeat 0 0; height: 89px; overflow: hidden; }
.userresults .levelinfo { background: transparent url('../images/backgrounds/results_user_bg4.jpg') no-repeat 0 0; height: 121px; overflow: hidden; }

.userresults .userinfo .avatar { float: left; border: 1px solid #03a2de; margin: 11px 14px 0 13px; }
.userresults .userinfo .info { float: left; margin: 13px 0 0 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
.userresults .userinfo .info .username { font-size: 24px; color: #76bfff; }
.userresults .userinfo .info .path { font-size: 14px; color: #fff; }

.userresults .bonustable { width: 255px; margin: 9px 0 9px 13px; }
.userresults .bonustable td { color: #fff; font-weight: bold; padding: 4px 0; }
.userresults .bonustable td div { font-size: 15px; }
.userresults .bonustable .aright { text-align: right; }

.userresults .glitzinfo .bonustable { width: 193px; margin-left: 75px; margin-top: 29px; }
.userresults .glitzinfo .bonustable td div { font-size: 20px; }

.userresults .levelinfo .userlevel { padding: 29px 0 0 8px; }

.thumblist .results { width: 149px; height: 230px; }
.thumblist .results .cover { width: 149px; height: 230px; background: transparent url('../images/buckets/thumbnail_results_cover.png') no-repeat 0 0; }
.thumblist .results .info { height: 65px; left: 10px; }
.thumblist .results .infocover { height: 65px; width: 100%; }
.thumblist .results img { margin: 3px 0 0 7px; }
.thumblist .results .info .title  { position: absolute; top: 25px; left: 10px; }
.thumblist .results .info .rating { position: absolute; top: 45px; left: 10px; }
.thumblist .results .info .rating .links { display: block; position: absolute; top: 0; left: 0; }
.thumblist .results .info .rating .star { width: 14px; height: 13px; display: block; float: left; text-decoration: none; }
.thumblist .results .info .rating .on { background: transparent url('../images/icons/ratingstar_dark_over.gif') no-repeat 0 0; }

.thumblist .bottomoptions { position: absolute; bottom: 15px; left: 14px; z-index: 99; }
.thumblist .bottomoptions .border { border-right: 1px solid #f28025; }
.thumblist .bottomoptions li { padding: 0px 6px; }
.thumblist .bottomoptions a { float: left; display: block; height: 22px; overflow: hidden; text-decoration: none; }
.thumblist .bottomoptions .ico-addfav { background: transparent url('../images/icons/addfav_icon.gif') no-repeat 0 0; width: 29px; }
.thumblist .bottomoptions .ico-removefav { background: transparent url('../images/icons/removefav_icon.gif') no-repeat 0 0; width: 29px; }
.thumblist .bottomoptions .ico-addgroup { background: transparent url('../images/icons/addgroup_icon.gif') no-repeat 0 0; width: 31px; }
.thumblist .bottomoptions .ico-flag { background: transparent url('../images/icons/addflag_icon.gif') no-repeat 0 0; width: 19px; }

.resultstable { width: 275px; }
.resultstable td { font-size: 18px; padding: 2px 0px;  }
.resultstable .aright { text-align: right; }

.finalresults { float: left; width: 370px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff; } 
.finalresults .padding { padding: 12px 10px; } 
.finalresults .percent { color: #ffffcc; font-size: 50px; line-height: 35px; margin-right: 11px; }
.finalresults .winloss { color: #f6b97b; font-size: 18px; line-height: 20px; margin-top: 2px; }
.finalresults .winloss .numbers { font-size: 28px; }
.finalresults .quip { clear: both; color: #ffff99; font-size: 25px; }
.finalresults .bigbuttons { margin-top: 20px; }
.finalresults .total { font-size: 28px; }
.finalresults .divider { margin: 17px 0; }
.finalresults .challenge-btn { margin-right: 5px; }


/*	groups
----------------------------------- */
.cleanlist_groups .row { width:375px; float:left; height:117px; }
.searchpage .row { width: 387px; }

#middle .content-left { float:left; width:220px; }
.content-left .contentbox2 { background:#e64c00; width:210px; }

#middle .triviavault-left { float:left; width:610px; }
#middle .triviavault-left .contentbox .contents { padding:0px; }

.contentbox2 #groupdesc { width:190px; background: #fff url('../images/backgrounds/groupdesc_bg.jpg') no-repeat 0 100%; display:block; padding:10px; font-weight:bold; font-size:12px; color:#003366; }

.contentbox2 .invitebox { background:#0184a6; width:210px; }
.invitebox .invite { display:block; height:43px; position:relative; }
.invitebox .invite:hover {  }

.invitebox .invite .arrow { display:block; background: transparent url('../images/nav/sidenav_bg_arrow.png') no-repeat 90% 50%; width:15px; height:20px; position:absolute; top:14px; right:14px; }

.contentbox2 .players { display:block; width:210px; background: #cd3a04; }
.contentbox2 .players .orangebg { display:block; width:210px; }
.contentbox2 .players .orangebg .members { height:30px; display:block; background: #cd3a04 url('../images/buckets/orangebox_divider.gif') no-repeat 50% 100%; padding:15px 10px; display:block; }
.contentbox2 .players .orangebg .members #numbers { font-weight:bold; color:#ffffff; float:left; }
.contentbox2 .players .orangebg .members #viewall { float:right; color:#ffffff; text-decoration:none; }
.contentbox2 .players .orangebg .members #viewall:hover { text-decoration:underline; }
.contentbox2 .players .orangebg .orangelist { padding:6px 1px 0px; margin-bottom:0px; }
.contentbox2 .players .orangebg .morebutton { margin:10px; }

#middle .content-right { float: right; width:610px; margin-left:10px; margin-top:10px; }
#middle .triviavault-right { width:210px; margin-left:15px; margin-top:0px; }
#middle .triviavault-right .contentbox2 { background:#e64c00; }
.content-right .contentbox .contents { padding:0px; }

#middle .content .titles-leftsmall { padding-left:5px; }

.group_post .cleanbox .padding .title { font-size:14px; font-weight:bold; }
.group_post .cleanbox .padding #creatortime { font-size:10px; display:block; }
.group_post .cleanbox .padding #thepost { display:block; }

.group_post .cleanbox .padding .commentform { display:inline-block; }
.group_post .cleanbox .padding .commentform label { float:left; width:525px; margin-bottom:10px; font-size:15px; font-weight:bold; }
.group_post .cleanbox .padding .commentform #message { width:515px; float:left; margin-bottom:10px; }
.group_post .cleanbox .padding .commentform #submits { display: block; float:left; }

.group_post .cleanbox .padding .postform { display:inline-block; }
.group_post .cleanbox .padding .postform label { float:left; width:525px; margin-bottom:10px; font-size:15px; font-weight:bold; }
.group_post .cleanbox .padding .postform #post_title { float:left; width:515px; margin-bottom:10px; }
.group_post .cleanbox .padding .postform #post_content { float:left; width:515px; margin-bottom:10px; height:200px; }

.imagepost .cleanbox .padding .imageform { display:inline-block; }
.imagepost .cleanbox .padding .imageform label { float:left; width:525px; margin-bottom:10px; font-size:15px; font-weight:bold; }
.imagepost .cleanbox .padding .imageform .image_title { float:left; width:540px; margin-bottom:10px; }
.imagepost .cleanbox .padding .imageform .image { float:left; width:500px; margin-bottom:10px; }

.commentform { display:inline-block; }
.commentform label { float:left; width:550px; margin-bottom:10px; font-size:15px; font-weight:bold; }
.commentform .group_comment { float:left; width:515px; margin-bottom:10px; }
.commentform #submits { float:left; margin-top:10px; }
.leftmargin { margin-left:10px; }
.bottommargin { margin-bottom:10px; }

.cleanbox .creategroupbox .creategroup { width:545px; display:inline-block; }
.cleanbox .creategroupbox .creategroup label { float:left; width:575px; margin-bottom:10px; font-size:15px; font-weight:bold; }
.cleanbox .creategroupbox .creategroup .groupname { float:left; width:540px; margin-bottom: 10px; }
.cleanbox .creategroupbox .creategroup .groupdesc { float:left; width:540px; margin-bottom: 10px; }
.cleanbox .creategroupbox .creategroup .groupimage { float:left; width:540px; margin-bottom: 10px; }
.cleanbox .creategroupbox .creategroup .is_public { float:left; margin-bottom: 10px; }
.cleanbox .creategroupbox .creategroup .postgroup { float:left; width:540px; margin-bottom: 10px; }

.groupimages { border: 1px solid #ffffff; }
.groupimages:hover { text-decoration:none; border:1px solid #e64c00; }

.contents .imagebox { width:140px; height:168px; margin-bottom:15px; float:left; overflow: hidden; }
.contents .mediumpadding { padding:5px; }


/* cleantable
----------------------------------- */

.cleantable { margin-bottom: 15px; width:100%; }
#cleantable_small { width:400px; }

.cleantable .row { background: #ffffcc; color: #ba0000; border-bottom: 1px solid #ac3900; border-right: 1px solid #ac3900; vertical-align: middle; }
.cleantable .row .cell { padding: 20px 0px; }
.cleantable .row .cell_lesspadding { padding:10px 0; }
.cleantable .spacer td { height: 1px; overflow: hidden; }

.cleantable .padding-left { padding-left: 20px; }
.cleantable .padding-right { padding-right: 20px; }

.cleantable .padding-left-half { padding-left:10px; }
.cleantable .padding-right-half { padding-right:10px; }

.cleantable .border-left { border-left: 1px solid #ecb581; }
.cleantable .border-right { border-right: 1px solid #ecb581; }
.cleantable .center { text-align: center; }
.cleantable .text-right { text-align: right; }

.cleantable .cleantableinside { width: 100%; }

.cleantable a { text-decoration: underline; }
.cleantable .submit { text-decoration: none; }

.cleantable .thumb { margin-right: 10px; padding: 8px 0px 8px 0px; background: transparent url('../images/backgrounds/cleanlist_shadow.gif') no-repeat 50% 100%; }
.cleantable .thumb .thumbimg { border: 1px solid #de7403; width: 50px; height: 50px; overflow: hidden; }

.cleantable .userblock { width: 110px; }
.cleantable .userblock a { text-decoration: none; }
.cleantable .userblock a:hover { text-decoration: underline; }
.cleantable .userblock .username { font-size: 13px; font-weight: bold; margin-bottom: 3px; position: relative; display: inline; padding-right: 20px; }
.cleantable .userblock .username .entourageicon { position: absolute; top: -3px; right: 0; }
.cleantable .userblock .date { color: #d44904; font-size: 11px;}
.cleantable .userblock .stats { color: #d44904; font-size: 11px; }
.cleantable .userblock .glitz { color: #ba0000; font-size: 11px; font-weight: bold; }

.cleantable .textblock { display: block; }
.cleantable .textblock a { text-decoration: none; }
.cleantable .textblock a:hover { text-decoration: underline; }
.cleantable .textblock .date { font-size: 10px; color: #ffb57a; letter-spacing: 1px; margin-bottom: 5px; } 
.cleantable .textblock .title { color: #ff7200; font-size: 12px; } 
.cleantable .textblock .text { color: #5c5c52; font-size: 12px; margin-bottom: 5px; }
.cleantable .textblock .title .icon { width: 16px; height: 16px; float: left; margin-right: 6px; }
.cleantable .textblock .title .icon:hover { text-decoration: none; }
.cleantable .textblock .title .read { background: transparent url('../images/icons/s_email_open.gif') no-repeat 50% 50%; margin-top: -2px; }
.cleantable .textblock .title .unread { background: transparent url('../images/icons/s_email.gif') no-repeat 50% 50%; }

.cleantable .optionsblock { float: right; }
.cleantable .optionsblock ul { float: left; }
.cleantable .optionsblock li { float: left; }
.cleantable .optionsblock a { display: block; text-decoration: none; margin-left: 20px; }
.cleantable .optionsblock .border { border-left: 1px solid #ecb581; }

.cleantable .pm .textblock .text { overflow: auto; max-height: 75px; margin-bottom: 10px; }

.cleantable .leaderboardtable .resultsblock { font-size: 26px; font-weight: bold; width: 100px; text-align: center; }
.cleantable .leaderboardtable .resultsblock .thumb { margin-left:10px; }
.cleantable .leaderboardtable .resultsblock .thumbimg { border:none; width:50px; height:50px; display:inline-block; }
.cleantable .leaderboardtable .special { background:#ff9933; color: #cc3300; }
.cleantable .leaderboardtable .special .thumb { background: transparent url('../images/backgrounds/cleanlist_shadow_special.gif') no-repeat 50% 100%; }
.cleantable .leaderboardtable .userblock { width:160px; }
.cleantable .leaderboardtable .statsblock { font-size: 16px; }
.cleantable .leaderboardtable .border-left { border-color: #ffb66e; }

.cleantable .quiztable .arrow { width: 23px; }
.cleantable .quiztable .quizname { width: 200px; }
.cleantable .quiztable .quizname .title { color: #ba0000; font-size: 16px; text-decoration: none; }
.cleantable .quiztable .quizname .title:hover { color: #d44904; }
.cleantable .quiztable .quizprogress { width: 60px; }
.cleantable .quiztable .lightorange { color: #d44904; font-size: 12px; font-weight: bold; }

.cleantable .orangebtn { color: #d66652; text-decoration: none; font-weight: bold; font-weight: bold; }

.cleantable .sidelinks .row .cell { padding: 3px 0px; }
.cleantable .sidelinks .number { color: #fa7d00; float:left; width: 35px; font-size: 19px; font-weight: bold; text-align: center; }
.cleantable .sidelinks .number img { float: left; margin-left: 5px; display: inline; }
.cleantable .sidelinks .biglink { padding: 5px 0px; width: 140px; overflow: hidden; white-space:nowrap; text-decoration: none; }
.cleantable .sidelinks .info { padding: 0px 10px; }
.cleantable .sidelinks .info .quizname { color: #ba0000; font-size: 13px; }
.cleantable .sidelinks .info .creator { color: #d44904; font-size: 11px; }

.actionbutton { border: 1px solid #fff; background: #d2d2d2 url('../images/buttons/actionbutton_bg.gif') repeat-x scroll 0 0; float: right; margin: 5px 0 0 0; font-size: 13px; font-weight: bold; color: #fe3600; text-decoration: none; }
.actionbutton:hover { color: #fff; background: #6d0202 url('../images/buttons/actionbutton_bg_o.gif') repeat-x scroll 0 0; text-decoration: none; border: 1px solid #6d0202; }

.actionbutton .actionarrow { padding: 7px 25px 7px 15px; background: transparent url('../images/buttons/actionbtn_arrow.gif') no-repeat scroll 100% 54%; }
.actionbutton:hover .actionarrow { background: transparent url('../images/buttons/actionbtn_arrow_o.gif') no-repeat scroll 100% 54%; }

.bugbtn { position: fixed; bottom: 3px; left: 3px; padding: 5px 10px; margin: 0px; z-index: 9999; }

.loading { background-color: #e64c00; padding: 15px 20px; color: #fff; font-weight: bold; border: 3px solid #f3580d; }

.actionbutton_selected { float: right; margin: 5px 0 0 0; font-size: 13px; font-weight: bold; color: #fff; background: #6d0202 url('../images/buttons/actionbutton_bg_o.gif') repeat-x scroll 0 0; text-decoration:none; border: 1px solid #6d0202; }
.actionbutton_selected:hover { text-decoration:none; }

/* faq
----------------------------------- */

.faqlist { margin-bottom: 15px; }
.faqlist li { margin-bottom: 5px; }
.faqlist li .whitelink { padding: 0; }
.faqlist li .question { cursor: pointer; padding: 10px; }
.faqlist li .question .num { color: #fff; width: 22px; float: left; }
.faqlist li .answer { padding: 0px 20px 10px 32px; font-weight: normal; }
.faqlist li .answer strong { font-weight: bold; }

.faqlist li .answer .answer_options { margin-top:10px; height:35px; }
.faqlist li .answer .answer_options .actionbutton {  }

.buttonpadding { padding:4px 10px; margin:0; }

.itemgroup { display:block; }
.itemgroup .faqadmin_thequestion { display:block; }
.itemgroup .faqadmin_thequestion .field2 { width:400px; }
.itemgroup .faqadmin_theanswer { display:block; }
.itemgroup .faqadmin_theanswer .textarea { width:400px; height:300px; }
.itemgroup .faqadmin_thecategory { display:block; }
.buttongroup { float:left; width:160px; margin-top:15px; }
.cleanbox a.actionbutton { text-decoration:none; float:left; }
.cleanbox a.actionbutton_selected { text-decoration:none; float:left; }


/* predictions
----------------------------------- */

.predictionstats { padding-bottom: 10px; }
.predictionstats .percent { float: left; font-size: 50px; font-weight: bold; margin-right: 30px; }
.predictionstats table { float: left; margin-right: 30px; }
.predictionstats table td { padding: 2px 5px; font-weight: bold; }

.predictionoptions label { font-weight: bold; color: #d44904; }

.cleantable a.nounderline { text-decoration: none; }

.cleantable a.prediction_button { float:none; }

.prediction_content { display:block; }
.prediction_content .textarea { width:400px; }

.prediction_options { display:block; }
.prediction_options .field2 { width:400px; }
.prediction_options .actionbutton { float:left; }

.prediction_minbet { display:block; }
.prediction_maxbet { display:block; }



/* admin stuffs
----------------------------------- */
.admin_quiz_list {}
.admin_quiz_list .field2 { width:21px; }

.adminaccess {}
.adminaccess .item { float:none; }
.adminaccess label { float:left; }

.contents .mb .actionbutton { float:left; }

.itemgroup .pagetitle { display:block; }
.itemgroup .pagetitle .field2 { width:200px; }
.itemgroup .pagecontent { display:block; }
.itemgroup .pagecontent .textarea { width:750px; height:500px; }

.itemgroup .blingadmin_name { display:block; }
.itemgroup .blingadmin_name .field2 { width:200px; }
.itemgroup .blingadmin_price { display:block; }
.itemgroup .blingadmin_price .field2 { width:200px; }

.itemgroup .reportingadmin_startdate { display:inline-block; float:left; }
.itemgroup .reportingadmin_startdate .field2 { width:70px; }
.itemgroup .reportingadmin_enddate { display:inline-block; float:left; }
.itemgroup .reportingadmin_enddate .field2 { width:70px; }
.itemgroup .reportingadmin_limit { display:inline-block; float:left; }
.itemgroup .reportingadmin_limit .field2 { width:25px; }
.itemgroup .reporting_buttongroup { display:block; float:left; margin-top:18px; }
.itemgroup .reporting_sortbuttons { display:block; float:left; }

.no_mb { margin-bottom:0px; }
.overflow { overflow:auto; height:480px; display:block; }

.selectgender, .selectcategory { display:block; }
.selectgender .title, .selectcategory .title { display:block; width:100%; }
/*.selectgender .choices, .selectcategory .choices { display:block; width:100%; }*/


.daterange { float:left; display:inline-block; }
.daterange_form { margin-top:-10px; margin-left:10px; }

#tinymce { background:#ffffcc; }

.itemgroup .faqadmin_categorytitle { display:block; }
.itemgroup .faqadmin_categorytitle .field2 { width:200px; }

.itemgroup .faqadmin_categoryorder { display:block; }
.itemgroup .faqadmin_categoryorder .field2 { width:25px; }

.itemgroup .faqadmin_categoryorder_list { display:block; }
.itemgroup .faqadmin_categoryorder_list label { float:left; margin-top:5px; margin-right:10px; }
.itemgroup .faqadmin_categoryorder_list .field2 { width:25px; float:left; }

.itemgroup .users_field { display:block; }
.itemgroup .users_field label { float:left; margin-top:5px; margin-right:10px; }
.itemgroup .users_field .field2 { width:200px; float:left; clear:left; }
.itemgroup .users_field .checkbox { margin-top:5px; }

.itemgroup .users_field_ban { display:block; }
.itemgroup .users_field_ban label { float:left; margin-top:5px; margin-right:10px; }
.itemgroup .users_field_ban .field2 { width:25px; float:left; clear:left; }
.itemgroup .users_field_ban .checkbox { margin-top:5px; }

.searchfield { display:inline-block; }

.searchfield .field2 {}
.searchfield #submit {}

#admin_user_edit { width:225px; }