/**************** Copyright (c) 2007-2013 PlayItOnTheWeb.com *******************/
* { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
input[type=text], input[type=password] { height:28px !important; }
html { font-size:62.5%; }
body { background:#222 url(/a/newbg3.jpg) repeat; background-attachment:fixed; color:#ccc; font:1.4em Verdana,sans-serif; padding-bottom:60px; }
a { cursor:pointer; color:#cc9; text-decoration:none; }
a:visited { color:#cc9; }
a:hover { text-decoration:underline; color:#cc9}
blockquote, .cursive { font-family:'Just Another Hand',cursive; }
img { border:0; max-width:100%; }
td { font-family:Tahoma,Arial,sans-serif; }
h1 {margin:0 0 0.1em 0; font:3em 'Yanone Kaffeesatz',Helvetica,sans-serif; }
h2 {margin:0; font-family:'Yanone Kaffeesatz',Helvetica,sans-serif; }
h3 {margin:0; font:bold 1.5em 'Yanone Kaffeesatz',Helvetica,sans-serif; }
h4 {margin:0 0 2px 0;font:bold 1em 'Yanone Kaffeesatz',sans-serif;text-transform:uppercase;background-color:#666;color:#ccc;text-align:center}
p { margin:1.25em 0; }
footer { clear:both; text-align:center; font-size:0.75em; }
#forum textarea { width:100%; }
.modal-wide { width:80%; margin-left:-40%; }

.navbar-inner { filter:none !important; } /* IE8 fix for bootstrap menu */
.dropdown-menu { background:#eee; } .dropdown-menu>li>a { line-height:30px; }
.login-menu a { font-size:18px; color:#33f; line-height:22px; }
ul.nav-main li { line-height:40px; }
.nav-tabs { font-family:'Yanone Kaffeesatz',Helvetica,sans-serif; }
.navbar-fixed-top { z-index:50; }
input.search-query { background:#ccc; margin-top:1px; }
.row-capped { max-width:1200px; margin:0 auto; }
.boxselect { display:inline-block; width:54px; height:54px; border:2px solid #fff; margin:0; }
.boxselect.active { border-color:#0ff; }
.btn-reset { color:#333 !important; }

.tooltip-inner {
    background:#eee; color:#000; max-width:400px; width:auto;
    background-image: -webkit-gradient(linear, center top, center bottom, from(#fcfcfc), to(#bfbfbf), color-stop(3%, #f7f7f7), color-stop(12%, #f2f2f2), color-stop(90%, #d9d9d9));
    background-image: -webkit-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
    background-image: -moz-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
    background-image: -o-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
    background-image: -ms-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
    background-image: linear-gradient(to bottom, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.75);
    box-shadow: 0 1px 5px rgba(0,0,0,0.75);
}
.tooltip a { color:#000; }
.tooltip.in { filter:alpha(opacity=100); opacity:1; }
.tooltip.left { margin-left:-10px; } .tooltip.left .tooltip-arrow { border-left-color:#eee; }
.tooltip.right { margin-left:10px; } .tooltip.right .tooltip-arrow { border-right-color:#eee; }
.tooltip.top { margin-top:-10px; } .tooltip.top .tooltip-arrow { border-top-color:#bfbfbf; }
.tooltip.bottom { margin-top:10px; } .tooltip.bottom .tooltip-arrow { border-bottom-color:#eee; }
.popover a { color:#000; }

.dropdown-menu-arrow { margin-top:10px; font:20px 'Yanone Kaffeesatz',Helvetica,sans-serif; }
.dropdown-menu-arrow a { color:#f90; }
.dropdown-menu-arrow td { color:#333; } /* forum needs it */
.dropdown-menu-arrow::before {
    border-bottom: 7px solid rgba(0, 0, 0, 0.2);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: inline-block;
    left: 9px;
    position: absolute;
    top: -7px;
}
.dropdown-menu-arrow::after {
    border-bottom: 6px solid #FFFFFF;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    left: 10px;
    position: absolute;
    top: -6px;
}
.pull-right.dropdown-menu-arrow::before { left:inherit; right:9px; }
.pull-right.dropdown-menu-arrow::after { left:inherit; right:10px; }

.gametip { width:380px; min-height:170px; text-align:left; padding-bottom:20px; }
    .gametip img { float:left; width:150px; height:150px; margin-right:10px; }
    .gametip-footer { position:absolute; bottom:5px; left:0; right:0; color:#999; text-align:center; }
.itemtip { min-height:64px; min-width:200px; text-align:left; }
    .itemtip img { float:left; width:64px; height:64px; margin-right:10px; }

#announcefade {display:none;position:absolute;z-index:90;top:0;left:2px;width:260px;min-height:56px;padding:5px;background:#69c;color:#fff;border:1px solid #369;}
#brand { float:left; overflow:hidden; text-align:center; width:250px; padding-top:5px; }
#brand2 { float:left; padding:5px; }
.navbar-inner { min-height:60px; background:rgba(0,0,0,0.6); color:#ccc; border:0; font:1.25em 'Yanone Kaffeesatz',Tahoma,sans-serif; }
    #nav a:hover { text-decoration:none; }
#content { padding-top:10px; }
#xmodal-loading { z-index:5; position:absolute; top:-6px; left:0; right:0; bottom:-6px; background:#fff; text-align:center; }
    #xmodal-loading img { margin:20%; }
#xmodal-iframe { z-index:1; width:100%; min-height:200px; border:0; margin-top:6px; }
#my-favs { text-align:center; }
    #my-favs img { width:32px; height:32px; margin:3px; }
#swf {width:100%;height:100%}

#sidebar { position:fixed; right:20px; top:70px; bottom:20px; width:24%; padding:5px; }
.sidebarblock { background:#369; background-color:rgba(75,150,225,0.5); margin-top:10px; position:relative; }
#chat { height:200px; }
    #chatinput { position:absolute; bottom:0; left:10px; }
    #chatinput input { margin-top:1px; }
    #chatcontrols { position:absolute; bottom:10px; right:10px; font:12px Tahoma,Arial,sans-serif; }
    #chatoutput { position:absolute; left:2px; right:2px; top:30px; bottom:40px; overflow-x:hidden; overflow-y:hidden; font:12px Tahoma,Arial,sans-serif; }
#activequests { font-family:Verdana,Arial,sans-serif; }
    .activequest { float:left; width:48%; margin:1%; height:40px; padding:2px; background:rgba(75,150,226,0.5); font-size:0.5em; line-height:1.125em; }
    .activequest2 { float:left; width:90%; margin:1% 5%; padding:2px; font-size:0.625em; }
    .activequest-timer { position:absolute; width:99%; background:#369; background-color:rgba(75,150,225,0.9); text-align:center; color:#999; }
    .activequest-reward { float:right; padding-left:2px; text-align:center; color:#fff; }
#activity { height:100px; }
    #activityoutput { position:absolute; left:2px; right:2px; top:30px; bottom:2px; overflow-x:hidden; overflow-y:hidden; font:12px Tahoma,Arial,sans-serif; }
#pbar { z-index:70; position:fixed; right:20px; top:1px; width:25%; height:58px; font:13px Tahoma,Arial,sans-serif; cursor:default; padding:1px; line-height:15px; }
    #pbar a.bare { color:#ccc; text-decoration:none; }
    #pbar ul.inline { margin-bottom:2px; } #pbar ul.inline li { height:15px; }
    #pbar img { vertical-align:middle; }
#pbar-pname { position:absolute; background:rgba(0,0,0,0.5); width:56px; text-align:center; padding:0 2px; font:14px 'Yanone Kaffeesatz',Helvetica,sans-serif; }
#nav-ulinks { font:15px 'Yanone Kaffeesatz', Tahoma, sans-serif; background-color:#666; height:20px !important; margin-top:8px; }
#nav-ulinks li { line-height:16px; }

#mp-canvas-wrap { position:relative; width:100%; padding-bottom:75%; }
#mp-canvas { position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.5); color:#fff; }

a.logo { padding-left:10px; font-size:0.875em; font-family:'Yanone Kaffeesatz',Helvetica,sans-serif; color:#963; letter-spacing:10px; text-transform:uppercase; } 
.pbarcolors { background:#369; background-color:rgba(75,150,225,0.75); color:#ccc; }
.block { background:#333;background-color:rgba(51,51,51,0.75); margin-bottom:10px; }
.f1 { font:0.625em Tahoma,Arial,sans-serif; }
.f2 { font:0.75em Tahoma,Arial,sans-serif; }
.f3 { font:0.875em Verdana,sans-serif; }
.f4 { font:bold 1.25em 'Yanone Kaffeesatz',Helvetica,sans-serif; }

.gameblock { position:relative; float:left; color:#fff; font-size:0.75em; max-width:100%; margin: 0 5px 5px 0; }
.gameblock h2 { font-size:18px; line-height:20px; }
.gameblock-img { z-index:0; position:absolute; width:100%; height:100%; }
.gameblock-upinfo { z-index:1; position:absolute; right:0; top:0; max-width:100%; overflow:hidden; background:#369; background-color:rgba(51,102,153,0.9); padding:1px 2px; text-align:center; }
.gameblock-downinfo { z-index:1; position:absolute; left:0; right:0; bottom:0; max-height:100%; overflow:hidden; background:#333; background-color:rgba(0,0,0,0.75); padding:0 5px; }
.gameblock-hover { display:none; }
.gameblock-large { width:100%; padding-bottom:75%; }
.gameblock-medium { width:120px; height:120px; }
    .gameblock-medium h2 { font-size:16px; line-height:20px; color:#cc3; }
    .gameblock-medium .gameblock-hover { font:11px Tahoma,Arial,sans-serif; }
.gameblock-small { width:65px; height:65px; border:2px solid #333; margin:0 !important; } .gameblock-small h2 { font:12px Tahoma,Arial,sans-serif; line-height:14px; color:#cc0; }
.gameblock-small:hover { border-color:#0ff; }

.userlink { white-space:nowrap; display:inline-block; position:relative; font:1.125em 'Yanone Kaffeesatz',Tahoma,sans-serif; }
.invitem { float:left; background:#ccc; border:2px solid #999; margin-right:5px; }
.invitem-large { width:64px; height:64px; } .invitem-medium { width:50px; height:50px; } .invitem-small { width:32px; height:32px; border-width:1px; }
.lotteryticket {display:inline;margin:0 2px;border:1px solid #000;background:#369;padding:0 1px}
.me_xp_bar { max-height:5px; }

.achievemodal {
    border:8px solid #006;border-bottom:8px solid #003;border-right:8px solid #003;border-radius:100px;
    background:#009 url(/images/achievebg2.gif) center center repeat;
	position:fixed; z-index:98; width:500px; margin-left:-250px; left:50%; top:150px; color:#ccc;
	text-align:center; padding:5px;
}
.achievemodal h2, .achievemodal a {color:#f90}

.updownvote { font-size:30px; }
.updownvote a { font-size:20px; text-decoration:none; color:#999; }

.tip_pbar {background-color:#f90;width:120px;border:1px solid #999;text-align:center;font:15px Impact;padding:10px 2px}
.pbar_tip {background-color:#f90;width:120px;border:1px solid #999;text-align:center;font:15px Impact;padding:10px 2px}

.bullet-toggle { font-size:1.25em; font-weight:bold; }
.abs {position:absolute}
.rel {position:relative}
.inl {display:inline}
.off {display:none}
.fl {float:left}
.fr {float:right}
.clr {clear:both}
.l {text-align:left}
.c {text-align:center}
.r {text-align:right}
.b {font-weight:bold}
.i {font-style:italic}
.link {cursor:pointer}
.wfull {width:100%}
.w100 {width:100px}
.w220 {width:220px}
.w440 {width:440px}
.p0 {padding:0}
.p5 {padding:5px}
.p10 {padding:10px}
.m0 {margin:0}
.ma {margin:0 auto}
.mtop {margin-top:20px}
.ptop {padding-top:10px}
.mside {margin-left:10px;margin-right:10px}
.mside2 {margin-left:2px;margin-right:2px}
.mside5 {margin-left:5px;margin-right:5px}
.border {border:1px solid #000}
.bordergray {border:1px solid #999}
.glow {display:inline;text-shadow:#0000ff 0 0 3px}
.glow span {height:16px;filter:glow(color=#9999ff,strength=2)}
.glowdark {display:inline;text-shadow:#ffffff 0 0 3px}
.glowdark span {height:16px;filter:glow(color=#ffffff,strength=1)}
.z {border:1px solid green}
.red {color:#f00}
.gray {color:#999}
.black {color:#333}
.blacker {color:#000}
.hlred {border:1px solid #900}
.hlgreen {border:1px solid #090}
.hlblue {border:1px solid #009}
.warning { background:#963; border:1px solid #999; padding:5px; text-align:center; }
.timer {display:inline;position:absolute;border:1px solid black;background-color:white;font:10px Arial}
.dialog {border:1px solid #666;border-bottom:2px solid #555;border-top:1px solid #777;border-radius:10px}
.opacity90 {filter:alpha(opacity=90); opacity:0.9}
.opacity25 {filter:alpha(opacity=25); opacity:0.25}
.opacity10 {filter:alpha(opacity=10); opacity:0.1}
.unselectable {-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;user-select:none}

/* dark on light is default (light switch off) */
.bgshaded {background-color:#ccc}
.bgred {background-color:#fcc}
.bggreen {background-color:#cfc}
.bgblue {background-color:#ccf}


.double {text-decoration:none;border-bottom:3px double}
.dotted {text-decoration:none;border-bottom:1px dotted}
div.tag {display:inline;position:relative}
div.tagnav {display:inline;width:16px;height:16px;cursor:pointer;margin-right:4px;vertical-align:middle}
div.tagabs {position:absolute;left:0px;top:0px;width:16px;height:16px}
div.tagtext {position:absolute;top:0px;left:16px;background-color:#fff;color:#000}
/* MAIN SPRITE */
div.sprite2 {float:left;width:16px;height:16px;margin-right:5px;background:transparent url(/images/sprite2.gif) no-repeat scroll 0 0}
div.icona0 {background-position:0px 0px}
div.icona1 {background-position:-16px 0px}
div.icona2 {background-position:-32px 0px}
div.icona3 {background-position:-48px 0px}
div.icona4 {background-position:-64px 0px}
div.icona5 {background-position:-80px 0px}
div.icona6 {background-position:-96px 0px}
div.icona7 {background-position:-112px 0px}
div.icona8 {background-position:-128px 0px}
div.icona9 {background-position:-144px 0px}
div.icona10 {background-position:-160px 0px}
div.iconb0 {background-position:0px -16px}
div.iconb1 {background-position:-16px -16px}
div.iconb2 {background-position:-32px -16px}
div.iconb3 {background-position:-48px -16px}
div.iconb4 {background-position:-64px -16px}
div.iconb5 {background-position:-80px -16px}
div.iconb6 {background-position:-96px -16px}
div.iconb7 {background-position:-112px -16px}
div.iconb8 {background-position:-128px -16px}
div.iconb9 {background-position:-144px -16px}
div.iconc0 {background-position:0px -32px}
div.iconc1 {background-position:-16px -32px}
div.iconc2 {background-position:-32px -32px}
div.iconc3 {background-position:-48px -32px}
div.iconc4 {background-position:-64px -32px}
div.iconc5 {background-position:-80px -32px}
div.iconc6 {background-position:-96px -32px}
div.iconc7 {background-position:-112px -32px}
div.iconc8 {background-position:-128px -32px}
div.iconc9 {background-position:-144px -32px}
table.cs0 {border-collapse:collapse}
table.cp0 tr td {border:0}
table.cp5 tr td {border:5px}



/*******************************************************************/

.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100000;
    float: left;
    display: none;
    min-width: 160px;
    _width: 160px;
    padding: 4px 0;
    margin: 2px 0 0 0;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}
.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal; font-size:12px;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
}
.ui-state-hover, .ui-state-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}

/* Media queries ----------- */
@media only screen and (max-width:480px) {
    body { font-size:1em; } /* 10px */
}
@media only screen and (max-width:767px) {
    body { font-size:1.2em; } /* 12px */
    .gad { display:none; }
    .tooltip.in { display:none !important; }
    #pbar { margin:-5px; }
    #xmodal { width:auto !important; margin-left:0 !important; }
    .chat-toggle, #sidebar { display:none !important; }
}
@media only screen and (min-width:1200px) {
    body { font-size:1.6em; } /* 16px */
}
@media only screen and (min-width:1600px) {
    body { font-size:1.8em; } /* 18px */
    #pbar-achievements-txt { display:inline; }
    #pbar { font-size:12px; }
    #pbar ul.inline li { height:1.5em; }
}
@media (min-width: 981px) {
    body { padding-top:70px; background-attachment:fixed; }
    #pbar { position:absolute; }
}
@media (max-width:850px) {
    #pbar { width:20%; } #nav-right { margin-right:22% !important; }
}
@media (max-width:784px) {
    #nav-right { margin-right:0 !important; }
    #pbar { display:none !important; }
}
/* end media queries */