body,h1,h2,h3,p,ul,li,td,form,fieldset{
margin:0;
padding:0;
}
body{
font-size:75%;
color:#ddd;
}
body,#gen{background:#333 url(/img/frontend/body.png);} /* ff color correction 'fix' + background for ie */
body,input{font-family:arial,helvetica,sans-serif;}
img,button{border:none;}
#switch img{display:none;}
ul{list-style:none;}
small,p{color:#666;}
small{font-size:.833em;}
a,h1 em{
color:#f7f4e0;
text-decoration:none;
}
a:hover{background-color:#191919;}
h2,h3{
font-size:1.5em;
color:#ffffd9;
}
h3,#overlay span{font-size:1.167em;}
p{margin-top:11px;}
#disc{
background:#1b1b1b url(/img/frontend/disc.gif) no-repeat 11px .75em;
border:2px solid #4e4e4e;
padding:5px 15em 7px 76px;
margin:0 0 16px;
-moz-box-shadow:0 1px 2px rgba(0,0,0,.3);
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3);
box-shadow:0 1px 2px rgba(0,0,0,.3);
}
fieldset em{
position:relative;
top:5px;
display:inline-block; /* make sure it's centered in ie.. */
}
fieldset em,.err{
padding-left:19px;
background:url(/img/frontend/ok.png) no-repeat 0 50%;
color:#6eb16e;
}
.war{
background-image:url(/img/frontend/war.png);
color:#fffe92;
}
.err{
background-image:url(/img/frontend/err.png);
color:#ff4040;
}
#gen p{
margin:3px 0 0;
line-height:1.5em;
}
p.err{background-position:0 .083em;}
.load,a.selected{
padding-left:20px;
background:url(/img/frontend/load2.gif) no-repeat 0 50%;
}
.load{cursor:wait;}
form p{ /* ie disappearing button fix */
margin-top:8px;
width:100%;
overflow:hidden;
}
fieldset,#codebox{border:2px solid #696969;}
fieldset,#codebox,#overlay,#overlay span,#disc{
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
}
fieldset{padding:3px;}
#u{vertical-align:text-top;}
fieldset .inp{
border:1px solid;
font-size:1.1em;
padding:3px 5px;
background:#454545;
margin-right:8px;
}
fieldset .inp,#frm input.disabled{
border-color:#222 #4b4b4b #555 #222;
color:#ccc;
}
#frm input.disabled{background:#454545 url(/img/frontend/locked.gif) no-repeat 98% 5px;}
fieldset .inp,.tipsy-inner{
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
select{width:120px;}
#u{margin-right:8px;}
button,#share a,#info .close,h1 span,h2 span,.tipsy-sprite{
text-indent:-999em;
overflow:hidden;
}
#frm button{
width:118px;
height:37px;
background:url(/img/frontend/go.png);
}
#frm button:hover{background-position:0 -73px;}
.disabled{cursor:not-allowed;}
#pp button{
width:83px;
height:30px;
background:url(/img/frontend/donate.png);
}
#pp em{
margin:9px 0 0 10px;
float:left;
}
fieldset em,#pp em{font-style:normal;}
fieldset .inp:hover,fieldset .inp:focus{
background:#4d4d4d;
border-color:#222 #505050 #606060 #222;
color:#fefefe;
}
label,#switch span{
width:10em;
display:block;
text-align:right;
font-weight:bold;
}
#gen{
margin-top:2px;
padding-top:1px;
}
#gen,form p,.load{color:#aaa;}
#codebox{
padding:10px;
background:#262626;
color:#aaa;
}
#disc:hover,#codebox{border-color:#8cc63f;}
#codebox:hover{
border-color:#ebe761;
background:#292929;
color:#c1c1c1;
}
#scrollbox{
padding-right:10px;
overflow:auto;
}
#codebox,#scrollbox{height:220px;}
h1{
background:url(/img/frontend/bg.png) repeat-x;
font-size:1.8em;
color:#a0a0a0;
padding:17px 16px 0;
height:36px;
}
#wrap{ /*zoom:1; IE */
padding:17px 16px 20px;
}
#info,#info ul{background:url(/img/frontend/infobg.png);}
#info{
position:relative;
margin-top:4px;
width:562px;
padding:19px 0 0 38px;
text-shadow:#f1ee6c 0 1px;
}
#info p{
width:auto;
font-size:1.083em;
line-height:1.385em;/* 18px */
margin:0 6px 3px 0;
}
#info ul{
margin-left:-38px;
padding:0 14px 8px 38px;
background-position:0 100%;
}
#info li{
line-height:1.417em;
background:url(/img/frontend/arr.png) no-repeat 0 .4em;
padding-left:16px;
margin:0 0 3px;
}
#info,#info p,#info a{color:#000;}
#info a,.err a{
background-color:#eae85c;
padding:0 .1em;
border-bottom:1px dotted #000;
text-shadow:none;
}
.err a{
color:#ff7342;
background-color:#272727;
border-bottom-color:#ff7342;
}
#info strong{color:#202020;}
#info .close{
position:absolute;
left:16px;
top:21px;
width:13px;
height:14px;
background:none; /*background:url(/img/frontend/close.png);*/
border:none;
padding:0;
}
h1 a{color:#fff;}
h1,h2,h3{font-weight:normal;}
h1 em{
position:absolute;
left:50%;
width:32px;
height:55px;
background:#555;
padding:14px 23px 0;
background:url(/img/frontend/back.png);
top:0;
margin-left:-39px;
z-index:10;
}
code{
font-size:1em;
background:#444;
font-family:consolas,inconsolata,'courier new','andale mono','lucida console',monospace;
text-shadow:0 1px 1px rgba(0,0,0,.4);
}
code::selection{background:#e0dc63;color:#000;}
code::-moz-selection{background:#e0dc63;color:#000;}
h2{
height:25px;
padding:9px 0 0 42px;
text-transform:uppercase;
background:url(/img/frontend/step.png) no-repeat;
margin-bottom:7px;
}
h2 span{
padding:0;
display:block;
width:282px;
height:20px;
background:url(/img/frontend/htext.png);
}
#gen h2{margin-top:10px;}
#gen h2,#pp button:hover,#gen h2 span,#frm button:focus{background-position:0 100%;}
#stats{
position:absolute;
top:7px;
right:5px;
width:14em;
border:1px solid;
background:#363636;
border-color:#555 #111 #111 #555;
padding:0 8px 4px;
}
#stats table{width:100%;}
#stats th{
width:32%;
text-align:right;
padding-right:8px;
}
#stats h3{
margin:0 -8px 4px;
border-bottom:1px solid #111;
background:#343434 url(/img/frontend/tdbg.gif) repeat-x 0 100%;
padding:7px 0 6px 8px;
text-transform:uppercase;
}
#stats span{
background:url(/img/frontend/heart.png) no-repeat 0 50%;
padding-left:20px;
}
#news,#news h3,#news div{background:url(/img/frontend/news.png) no-repeat;}
#news{
margin-top:21px;
padding-bottom:10px;
background-position:0 100%;
width:682px;
overflow:hidden;
}
#news h3,#news div,button{float:left;}
#news h3{
padding:10px 0 8px 41px;
width:119px;
}
#news div{
padding:10px 16px 0 0;
width:506px;
}
#news p,#news li,#disc p{
color:#cdcdcd;
line-height:1.5;
margin:0;
}
#disc p{margin-top:2px;}
#news ul{padding-bottom:1px;}
#news li{margin-bottom:4px;}
h3,#news p{text-shadow:#111 0 1px 1px;}
.loading{
background:url(/img/frontend/load3.gif) no-repeat 0 1px;
padding-left:21px;
display:block;
height:32px;
}
.ajaxload{background:#fff url(/img/frontend/load4.gif) no-repeat 50% 50%;}
#switch ul{
height:34px;
width:396px;
margin-bottom:3px;
}
#switch label,#switch label:hover,#switch .selected{background:url(/img/frontend/switcher.png);}
#switch span{margin-top:9px;}
#switch label{
background-position:-80px 0;
float:left;
text-align:center;
padding-top:9px;
height:25px;
width:78px;
margin-right:1px;
text-shadow:#000 0 1px;
cursor:pointer;
}
#right label{margin:0;}
#left label,#right label{width:79px;}
#switch label:hover{background-position:-80px -34px;}
#left label{background-position:0 0;}
#right label,#news div{background-position:100% 0;}
#left label:hover{background-position:0 -34px;}
#right label:hover{background-position:100% -34px;}
#switch label.selected{background-position:-80px -68px;}
#left label.selected{background-position:0 -68px;}
#right label.selected{background-position:100% -68px;}
#switch .selected{
color:#fafafa;
text-shadow:#111 0 -1px;
}
#share{
margin-top:16px;
padding-left:25px;
background:url(/img/frontend/share.png) no-repeat 0 7px;
height:52px;
}
#share ul{
background:url(/img/frontend/list.png) no-repeat;
height:16px;
width:182px;
}
#share li,#switch li,#pp em{display:inline;}
#share a{
float:left;
margin-right:4px;
background:url(/img/frontend/mask.png);
width:16px;
height:16px;
}
#share a:hover{background:none;}
#share h3{
text-transform:none;
margin-bottom:8px;
font-size:1.333em;
color:#ddd;
}
.options{padding:3px 0 3px 2px;}
.nopad td,.infolab,#switch td{
vertical-align:top;
padding-top:0;
}
.padfix{padding-bottom:0;}
.infolab{padding-top:3px;}
.list a{color:#ccc;}
.list a:hover,a.selected{
color:#eee;
background-color:transparent;
}
.list .selected{
background-image:url(/img/frontend/tick.png);
text-shadow:#eaffd9 0 0 1px;
}
.list li{
display:inline;
margin-right:8px;
padding-left:8px;
border-left:1px solid #777;
}
li.first{
padding:0;
border:none;
}
.options select,#switch input{
width:1px;
height:1px;
overflow:hidden;
position:absolute;
top:auto;
left:-999em;
}
#overlay{
position:absolute;
top:0;
left:0;
z-index:50;
width:100%;
height:52px;
/*line-height:76px;*/
background:url(/img/frontend/overlaybg.png);
text-align:center;
}
#overlay span{
line-height:1;
padding:5px 8px;
display:inline-block; /* ie opacity */
background:#171717;
color:#ffffd9;
}
#overlay,#overlay span,button{cursor:pointer;}
#overlay:hover span{text-shadow:#ffffe3 0 0 2px;}
#sc,#fb,#news p a{
background-image:url(/img/frontend/icons.gif);
background-repeat:no-repeat;
background-position:2px 0;
padding-left:14px;
}
#sc{
text-shadow:#ffffe5 0 0 1px;
padding-left:13px;
}
#news p a{background-position:1px -17px;}
#fb{
padding-left:16px;
background-position:2px -36px;
}
.tipsy{
padding:6px;
position:relative;
}
.tipsy img{display:block;}
.arrow{
position:absolute;
width:14px;
height:8px;
margin-left:-6px;
background:url(/img/frontend/tipsy.gif);
overflow:hidden;
}
.tipsy-inner{
padding:5px;
background:#1b1b1b;
border:2px solid #8cc63f;
max-width:304px;
text-align:center;
}
.arrow-north,.arrow-south{left:50%;}
.arrow-north{
background-position:0 -8px;
top:0;
}
.arrow-south{bottom:0;}
.arrow-west,.arrow-east{
top:50%;
margin:-7px 0 0;
background-position:0 -16px;
width:8px;
height:14px;
}
.arrow-west{
background-position:-8px -16px;
left:0;
}
.arrow-east{right:0;}
.tipsy-sprite{
width:302px;
height:272px;
background:url(http://nmstudio.rootnode.net/img/screen/prevsprite.jpg);
}
#greensprite{background-position:100% 0;}
#blacksprite{background-position:-302px 0;}
#bluesprite{background-position:-602px 0;}
#redsprite{background-position:-904px 0;}