html {overflow: -moz-scrollbars-vertical; overflow: scroll;}
body {font-family:"Trebuchet ms", Helvetica, Arial; background:#000 url(/images/frontend-images/background/body_bg_tile.png) 0 0 repeat;}
#outer {width:100%;}
/* ~~~~~~~MISC~~~~~~~ */
.hide {display:none; visibility:visible}
.show {display:block;}
/* ~~~~~~~HEADER~~~~~~~ */
#header {width:100%; height:70px; background:#000 url(/images/frontend-images/main_menu/main_menu_bg.png) 0 0 repeat-x;}
#topNav {width:976px; margin:0 auto;}
#logobg {float:left; width:161px; height:99px; background-image: url(/images/frontend-images/main_menu/logo-bg1.png); background-repeat: no-repeat; background-position:1px -3px; margin-left: -6px;}
#logo {background-image: url(/images/frontend-images/main_menu/torn_logo.png); background-repeat: no-repeat; background-position:0px 0px; width:125px; height:59px; margin:22px auto;}
#logo a {display:block; width:162px; height:99px;}
/* ~~~~~~~NAVIGATION~~~~~~~ */
ul#topNavigation {float:left; margin:0 0 0 50px; padding:0; font-size:0.8em;}
ul#topNavigation li {float:left; list-style:none;}
ul#topNavigation li a {display: block; text-align:center; height:70px; width:70px; line-height:90px; color:#999; text-decoration:none; text-shadow:0 1px 0 #000;}
ul#topNavigation li a:hover, ul#topNavigation li a.on { color:#fff; }
#login {float:right; margin:2px 0 0 0;line-height: 1.2em;}
#login a.headerLink {color:#999; font-size:0.70em; margin-left:160px;}
#login a.headerLink.return {margin-left:190px;}
#login input {border:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:5px; color:#999;}
#login input.txtbx {-webkit-box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5); -moz-box-shadow:0px 0px 10px rgba(255, 255, 255, 0.5); box-shadow:0px 0px 10px rgba(255, 255, 255, 0.5); font-style:italic;}
#login input.txtbx:focus {-webkit-box-shadow: 0px 0px 12px rgba(208, 20, 0, 0.9); -moz-box-shadow:0px 0px 12px rgba(208, 20, 0, 0.9); box-shadow:0px 0px 12px rgba(208, 20, 0, 0.9); font-style:italic;}
#login input.btn {margin-top:6px; background-color:#000; -webkit-box-shadow: 0px 0px 10px rgba(255, 82, 25, 0.7); -moz-box-shadow:0px 0px 10px rgba(255, 82, 25, 0.7); box-shadow:0px 0px 10px rgba(255, 82, 25, 0.7); cursor:pointer;}
#login input.btn:hover {color:#fff; -webkit-box-shadow: 0px 0px 12px rgba(208, 20, 0, 0.9); -moz-box-shadow:0px 0px 12px rgba(208, 20, 0, 0.9); box-shadow:0px 0px 12px rgba(208, 20, 0, 0.9); cursor:pointer;}
/* ~~~~~~~BANNER~~~~~~~ */
#bannerbg {width:100%; height:290px; background:#000 url(/images/frontend-images/banner/main_city_banner.jpg) 50% 0; border-bottom:2px solid #2c2c2c;}
#banner {clear:both;width:976px; height:290px; margin:0 auto;}
#blackbar {clear:both; float:left; width:auto; height:12px; background:#000; opacity:0.7; filter: alpha(opacity = 70); }
#social {background:#2C2C2C; opacity:0.9; filter: alpha(opacity = 90); width:auto; height: auto; display:none; position:absolute; padding:10px; right: 0; bottom: 0; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px;}
/*
.cta {margin:-80px auto 0px auto; width:278px; height:80px;position: relative;}
.cta a {background-image: url(/images/frontend-images/sign_up/sign_up_main.png); display:block; background-position:0 0; background-repeat:no-repeat; width:278px; height:80px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#999;}
.cta a:hover {background-image: url(/images/frontend-images/sign_up/sign_up_main.png);background-position:0 -80px; }
*/
.cta {margin:-23px auto 0px auto; width:220px; height:60px;position: relative;}
.cta a {background-image: url(/images/frontend-images/sign_up/signup_black_framed.png); display:block; background-position:0 -60px; background-repeat:no-repeat; width:220px; height:60px;}
.cta a:hover {background-position:0 0; }
/* ~~~~~~~CONTENT~~~~~~~ */
#tcContent {width:976px; margin:0 auto; background-color:#000;}
#tcContent .title {background:#000 url(/images/frontend-images/background/title_bg_middle.png) 0 0 repeat-x;}
#tcContent .full {width:100%;}
#tcContent .half {width:49%;}
#tcContent .title h1, #tcContent .title h3, .titlebar span, #primary .title h3 {color:#fff; font-size:1.9em; text-transform:uppercase; text-shadow: 1px 1px 1px #000000; filter: dropshadow(color=#000000, offx=1, offy=1); line-height:31px; margin-left:15px}
#tcContent h2, #tcContent h4 {color:#fff; font-size:1.6em; text-transform:uppercase; margin-bottom:1em;}
#tcContent h2 {font-size:1.2em;}
#tcContent .section {clear:left; float:left; }
#tcContent {color:#ccc;}
#tcContent .innerpad {margin: 15px;}
#tcContent .padTop {margin-top:10px;}
#tcContent .notoppad {margin-top:0px;}
#tcContent .noleftpad {margin-left:0px;}
#tcContent .left {float:left;}
#tcContent .right {float:right;}
#tcContent .clear {clear:both;}
#tcContent .section::after {clear:left; float:left; content: ''; display: block; width: 100%; height: 20px; background: url(/images/frontend-images/background/divider.png) repeat-x;}
#tcContent .section.nodivider::after { background:none;height:0px;}
.titlebar {background: black url(/images/frontend-images/background/title_bg_middle.png) 0 0 repeat-x; height:37px; font-weight:bold;}
/* ~~~~~~~STAT COUNTER~~~~~~~ */
.statlabels, .statlabels ul, #stats, #stats ul {float:left;}
.statlabels.top {margin-bottom:10px;}
.statlabels.bottom {margin-top:10px;}
.statlabels ul li {float: left; display: inline; }
.statlabel1 {width: 110px;}
.statlabel2 {width: 142px;}
.statlabel3 {width: 130px;}
#stats ul.statgroup {margin-right:8px;}
#stats ul.statgroup:last-child {margin-right:0px;}
#stats ul li {float: left; display: inline; width: 33px; height: 55px; background: url(/images/frontend-images/stats/stats_slots.png) 0px 0px no-repeat; margin-right:1px; }
#stats ul li:last-child {margin-right:0px;}
#stats ul li span {float: left; display: inline; width: 26px; height: 36px; background: url(/images/frontend-images/stats/stats_digits.png) 0px 0px no-repeat; margin-left:4px; margin-top:8px;}
#stats ul li span.dig0 { background-position: 0px 0px; }
#stats ul li span.dig1 { background-position: 0px -36px; }
#stats ul li span.dig2 { background-position: 0px -72px; }
#stats ul li span.dig3 { background-position: 0px -108px; }
#stats ul li span.dig4 { background-position: 0px -144px; }
#stats ul li span.dig5 { background-position: 0px -180px; }
#stats ul li span.dig6 { background-position: 0px -216px; }
#stats ul li span.dig7 { background-position: 0px -252px; }
#stats ul li span.dig8 { background-position: 0px -288px; }
#stats ul li span.dig9 { background-position: 0px -324px; }
#stats ul li span.dig10 { background-position: 0px -360px; }
/* ~~~~~~~FEATURES~~~~~~~ */
#features ul {
width: 448px;
overflow: hidden;
}
#features li {
list-style: none;
margin: 0;
height: 100px;
}
.view-examples li {
list-style: disc;
margin-left: 16px;
margin-bottom: 5px;
}
.view-examples li a {
color: #de312a;
}
.view-examples li a:hover {
text-decoration: underline;
}
/*notes tips*/
#block-block-5 {
border-top: dotted #c3c3c1 1px;
margin-top: 20px;
padding-top: 15px;
}
#block-block-5 li {
list-style: disc;
margin-left: 16px;
margin-bottom: 5px;
}
.not-front .node-content {
border-bottom: dotted #c3c3c1 1px;
margin-bottom: 20px;
padding-bottom: 10px;
}
#features.border {
border-top: dotted #c3c3c1 1px;
padding-top: 15px;
}
#features.border .bx-window {
margin-top: 78px;
}
#features .left {margin-left: 40px; width: 75px; float: left;}
#features .right {margin-top: 5px; width: 290px; float: left;}
#features .right .featuretitle {font-size: 14px; font-weight:bold;}
#features .right .featuredesc {color: #838383;}
#features .multiple li {width: 190px;}
#features .bx-wrapper {margin: 0 auto;}
#features .bx-prev {position: absolute; top: 0px; left: 0px; width: 27px; height: 65px; text-indent: -999999px; background: #000 url('/images/frontend-images/top_features/feature_arrows.png') 0px -64px; no-repeat;}
#features .bx-next {position: absolute; top: 0px; right: 0px; width: 27px; height: 65px; text-indent: -999999px; background: #000 url('/images/frontend-images/top_features/feature_arrows.png') -27px -64px no-repeat;}
#features .bx-next:hover {background-position: -27px -128px;}
#features .bx-prev:hover {background-position: 0px -128px;}
#features .left span {float: left; width: 60px; height: 60px; background: url(/images/frontend-images/top_features/60x60.png) 0px 0px no-repeat;}
#features .left span.icon1 {background-position: 0px 0px; }
#features .left span.icon2 {background-position: 0px -60px; }
#features .left span.icon3 {background-position: 0px -120px; }
#features .left span.icon4 {background-position: 0px -180px; }
#features .left span.icon5 {background-position: 0px -240px; }
#features .left span.icon6 {background-position: 0px -300px; }
#features .left span.icon7 {background-position: 0px -360px; }
#features .left span.icon8 {background-position: 0px -420px; }
#features .left span.icon9 {background-position: 0px -480px; }
#features .left span.icon10 {background-position: 0px -540px; }
#features .left span.icon11 {background-position: 0px -600px; }
#features .left span.icon12 {background-position: 0px -660px; }
#features .left span.icon13 {background-position: 0px -720px; }
#features .left span.icon14 {background-position: 0px -780px; }
#features .left span.icon15 {background-position: 0px -840px; }
#features .left span.icon16 {background-position: 0px -900px; }
#features .left span.icon17 {background-position: 0px -960px; }
#features .left span.icon18 {background-position: 0px -1020px; }
#features .left span.icon19 {background-position: 0px -1080px; }
#features .left span.icon20 {background-position: 0px -1140px; }
#features .left span.icon21 {background-position: 0px -1200px; }
#features .left span.icon22 {background-position: 0px -1260px; }
#features .left span.icon23 {background-position: 0px -1320px; }
#features .left span.icon24 {background-position: 0px -1380px; }
#features .left span.icon25 {background-position: 0px -1440px; }
#features .left span.icon26 {background-position: 0px -1500px; }
#features .left span.icon27 {background-position: 0px -1560px; }
#features .left span.icon28 {background-position: 0px -1620px; }
#features .left span.icon29 {background-position: 0px -1680px; }
#features .left span.icon30 {background-position: 0px -1740px; }
#features .left span.icon31 {background-position: 0px -1800px; }
#features .left span.icon32 {background-position: 0px -1860px; }
#features .left span.icon33 {background-position: 0px -1920px; }
#features .left span.icon34 {background-position: 0px -1980px; }
#features .left span.icon35 {background-position: 0px -2040px; }
#features .left span.icon36 {background-position: 0px -2100px; }
#features .left span.icon37 {background-position: 0px -2160px; }
#features .left span.icon38 {background-position: 0px -2220px; }
#features .bx-pager {clear:both; float: left; }
#features .bx-pager a {float: left; width: 30px; height: 30px; background: url(/images/frontend-images/top_features/30x30.png) 0px 0px no-repeat; margin-right:10px; margin-bottom:10px;}
#features .bx-pager a:last-child {margin-right:0px;}
#features .bx-pager a.icon1 {background-position: -30px 0px; }
#features .bx-pager a.icon1:hover, #features .bx-pager a.icon1.pager-active {background-position: 0px 0px; }
#features .bx-pager a.icon2 {background-position: -30px -30px; }
#features .bx-pager a.icon2:hover, #features .bx-pager a.icon2.pager-active {background-position: 0px -30px; }
#features .bx-pager a.icon3 {background-position: -30px -60px; }
#features .bx-pager a.icon3:hover, #features .bx-pager a.icon3.pager-active {background-position: 0px -60px; }
#features .bx-pager a.icon4 {background-position: -30px -90px; }
#features .bx-pager a.icon4:hover, #features .bx-pager a.icon4.pager-active {background-position: 0px -90px; }
#features .bx-pager a.icon5 {background-position: -30px -120px; }
#features .bx-pager a.icon5:hover, #features .bx-pager a.icon5.pager-active {background-position: 0px -120px; }
#features .bx-pager a.icon6 {background-position: -30px -150px; }
#features .bx-pager a.icon6:hover, #features .bx-pager a.icon6.pager-active {background-position: 0px -150px; }
#features .bx-pager a.icon7 {background-position: -30px -180px; }
#features .bx-pager a.icon7:hover, #features .bx-pager a.icon7.pager-active {background-position: 0px -180px; }
#features .bx-pager a.icon8 {background-position: -30px -210px; }
#features .bx-pager a.icon8:hover, #features .bx-pager a.icon8.pager-active {background-position: 0px -210px; }
#features .bx-pager a.icon9 {background-position: -30px -240px; }
#features .bx-pager a.icon9:hover, #features .bx-pager a.icon9.pager-active {background-position: 0px -240px; }
#features .bx-pager a.icon10 {background-position: -30px -270px; }
#features .bx-pager a.icon10:hover, #features .bx-pager a.icon10.pager-active {background-position: 0px -270px; }
#features .bx-pager a.icon11 {background-position: -30px -300px; }
#features .bx-pager a.icon11:hover, #features .bx-pager a.icon11.pager-active {background-position: 0px -300px; }
#features .bx-pager a.icon12 {background-position: -30px -330px; }
#features .bx-pager a.icon12:hover, #features .bx-pager a.icon12.pager-active {background-position: 0px -330px; }
#features .bx-pager a.icon13 {background-position: -30px -360px; }
#features .bx-pager a.icon13:hover, #features .bx-pager a.icon13.pager-active {background-position: 0px -360px; }
#features .bx-pager a.icon14 {background-position: -30px -390px; }
#features .bx-pager a.icon14:hover, #features .bx-pager a.icon14.pager-active {background-position: 0px -390px; }
#features .bx-pager a.icon15 {background-position: -30px -420px; }
#features .bx-pager a.icon15:hover, #features .bx-pager a.icon15.pager-active {background-position: 0px -420px; }
#features .bx-pager a.icon16 {background-position: -30px -450px; }
#features .bx-pager a.icon16:hover, #features .bx-pager a.icon16.pager-active {background-position: 0px -450px; }
#features .bx-pager a.icon17 {background-position: -30px -480px; }
#features .bx-pager a.icon17:hover, #features .bx-pager a.icon17.pager-active {background-position: 0px -480px; }
#features .bx-pager a.icon18 {background-position: -30px -510px; }
#features .bx-pager a.icon18:hover, #features .bx-pager a.icon18.pager-active {background-position: 0px -510px; }
#features .bx-pager a.icon19 {background-position: -30px -540px; }
#features .bx-pager a.icon19:hover, #features .bx-pager a.icon19.pager-active {background-position: 0px -540px; }
#features .bx-pager a.icon20 {background-position: -30px -570px; }
#features .bx-pager a.icon20:hover, #features .bx-pager a.icon20.pager-active {background-position: 0px -570px; }
#features .bx-pager a.icon21 {background-position: -30px -600px; }
#features .bx-pager a.icon21:hover, #features .bx-pager a.icon21.pager-active {background-position: 0px -600px; }
#features .bx-pager a.icon22 {background-position: -30px -630px; }
#features .bx-pager a.icon22:hover, #features .bx-pager a.icon22.pager-active {background-position: 0px -630px; }
#features .bx-pager a.icon23 {background-position: -30px -660px; }
#features .bx-pager a.icon23:hover, #features .bx-pager a.icon23.pager-active {background-position: 0px -660px; }
#features .bx-pager a.icon24 {background-position: -30px -690px; }
#features .bx-pager a.icon24:hover, #features .bx-pager a.icon24.pager-active {background-position: 0px -690px; }
#features .bx-pager a.icon25 {background-position: -30px -720px; }
#features .bx-pager a.icon25:hover, #features .bx-pager a.icon25.pager-active {background-position: 0px -720px; }
#features .bx-pager a.icon26 {background-position: -30px -750px; }
#features .bx-pager a.icon26:hover, #features .bx-pager a.icon26.pager-active {background-position: 0px -750px; }
#features .bx-pager a.icon27 {background-position: -30px -780px; }
#features .bx-pager a.icon27:hover, #features .bx-pager a.icon27.pager-active {background-position: 0px -780px; }
#features .bx-pager a.icon28 {background-position: -30px -810px; }
#features .bx-pager a.icon28:hover, #features .bx-pager a.icon28.pager-active {background-position: 0px -810px; }
#features .bx-pager a.icon29 {background-position: -30px -840px; }
#features .bx-pager a.icon29:hover, #features .bx-pager a.icon29.pager-active {background-position: 0px -840px; }
#features .bx-pager a.icon30 {background-position: -30px -870px; }
#features .bx-pager a.icon30:hover, #features .bx-pager a.icon30.pager-active {background-position: 0px -870px; }
#features .bx-pager a.icon31 {background-position: -30px -900px; }
#features .bx-pager a.icon31:hover, #features .bx-pager a.icon31.pager-active {background-position: 0px -900px; }
#features .bx-pager a.icon32 {background-position: -30px -930px; }
#features .bx-pager a.icon32:hover, #features .bx-pager a.icon32.pager-active {background-position: 0px -930px; }
#features .bx-pager a.icon33 {background-position: -30px -960px; }
#features .bx-pager a.icon33:hover, #features .bx-pager a.icon33.pager-active {background-position: 0px -960px; }
#features .bx-pager a.icon34 {background-position: -30px -990px; }
#features .bx-pager a.icon34:hover, #features .bx-pager a.icon34.pager-active {background-position: 0px -990px; }
#features .bx-pager a.icon35 {background-position: -30px -1020px; }
#features .bx-pager a.icon35:hover, #features .bx-pager a.icon35.pager-active {background-position: 0px -1020px; }
#features .bx-pager a.icon36 {background-position: -30px -1050px; }
#features .bx-pager a.icon36:hover, #features .bx-pager a.icon36.pager-active {background-position: 0px -1050px; }
#features .bx-pager a.icon37 {background-position: -30px -1080px; }
#features .bx-pager a.icon37:hover, #features .bx-pager a.icon37.pager-active {background-position: 0px -1080px; }
#features .bx-pager a.icon38 {background-position: -30px -1110px; }
#features .bx-pager a.icon38:hover, #features .bx-pager a.icon38.pager-active {background-position: 0px -1110px; }
/* ~~~~~~~LEADERBOARD~~~~~~~ */
#leaderboard h2 {display: inline-block; margin:0;zoom: 1;*display: inline;}
#leaderboard h2.pos1 {width: 180px;}
#leaderboard h2.pos2 {width: 84px;}
#leaderboard div.toprisers, #leaderboard div.topfallers {/*width:210px;*/ background-image:url('/images/frontend-images/leaderboard/leaderboard_arrows.png'); background-repeat: no-repeat; }
#leaderboard div.toprisers { background-position:right 0px; margin-right:20px;margin-top: 5px; }
#leaderboard div.topfallers { background-position:right -14px; }
#leaderboard span.pname {display: inline-block; margin:0;zoom: 1;*display: inline;width: 180px ;margin-right: 0px;}
#leaderboard span.value {display: inline-block; margin:0;zoom: 1;*display: inline;width: 60px; margin-right:24px;}
/* STANDARD QUOTES */
q { font-size:2em;}
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
q:lang(sv) { quotes: '\201D' '\201D' '\2019' '\2019'; }
q:lang(da) { quotes: '\00BB' '\00AB' '\203A' '\2039'; }
q:before { content: open-quote; }
q:after { content: close-quote; }
/* SAFARI SUPPORT */
q:before { content: '\201C'; }
q:after { content: '\201D'; }
q q:before { content: '\2018'; }
q q:after { content: '\2019'; }
/* BLOCKQUOTES */
blockquote * { quotes: none;}
blockquote > *:before { content: '\201C'; font-size: 2.8em; vertical-align: bottom; position: relative; top: 0.2em; padding-right:0.2em;}
blockquote > *:after { content: '\201D'; font-size: 2.8em; vertical-align: bottom; position: relative; top: 0.2em; padding-left:0.2em;}
blockquote q:before { content: '\2018'; }
blockquote q:after { content: '\2019'; }
#testi { width:448px;}
#testi blockquote {clear: left; float:left; display: block; min-height:68px;}
#tcContent #testi blockquote p {margin-top:1px;line-height:1.4em;}
#tcContent #testi blockquote::after {clear: left; float:left; content: ''; display: block; width: 100px; height: 20px; background: url(/images/frontend-images/testimonials/testimonials_stars_grid.png) 0 0 repeat-x;}
#tcContent #testi blockquote.rate1::after { background-position:-1px -80px;}
#tcContent #testi blockquote.rate2::after { background-position:-1px -60px;}
#tcContent #testi blockquote.rate3::after { background-position:-1px -40px;}
#tcContent #testi blockquote.rate4::after { background-position:-1px -20px;}
#tcContent #testi blockquote.rate5::after { background-position:-1px 0px;}
/* PATHS */
#path1 {position:absolute; float:left; background-image:url(/images/frontend-images/paths/paths.png); background-position:0 0; background-repeat:no-repeat; opacity:1; width:700px; height:420px;}
.t1, .t2, .t3 {position:absolute;}
#box1 {
position:absolute;
top:0px;
left:0px;
width:234px;
height:332px;
background: url(/images/frontend-images/paths/path1-overlay.png);
opacity:0.6;
filter: alpha(opacity = 60);
zoom:1;
}
#box1a {
position:absolute;
top:284px;
left:234px;
width:83px;
height:48px;
background: url(/images/frontend-images/paths/path1a-overlay.png);
opacity:0.6;
filter: alpha(opacity = 60);
zoom:1;
}
#box2 {
position:absolute;
top:0px;
left:234px;
width:231px;
height:267px;
background: url(/images/frontend-images/paths/path2-overlay.png);
opacity:0.6;
filter: alpha(opacity = 60);
zoom:1;
}
#box2a {
position:absolute;
top:267px;
left:234px;
width:83px;
height:17px;
background: url(/images/frontend-images/paths/path2a-overlay.png);
opacity:0.6;
filter: alpha(opacity = 60);
zoom:1;
}
#box2b {
position:absolute;
top:267px;
left:382px;
width:83px;
height:17px;
background: url(/images/frontend-images/paths/path2b-overlay.png);
opacity:0.6;
filter: alpha(opacity = 60);
zoom:1;
}
#box3 {
position:absolute;
top:0px;
left:465px;
width:235px;
height:332px;
background: url(/images/frontend-images/paths/path3-overlay.png);
opacity:0.6;
filter: alpha(opacity = 60);
zoom:1;
}
#box3a {
position:absolute;
top:284px;
left:382px;
width:83px;
height:48px;
background: url(/images/frontend-images/paths/path3a-overlay.png);
opacity:0.6;
filter: alpha(opacity = 60);
zoom:1;
}
.dollar-tail {
position:absolute;
top:331px;
left:349px;
width:1px;
height:22px;
background-color:#000;
opacity:0.6;
filter: alpha(opacity = 60);
zoom:1;
}
/*************** BOX 1 LINKS ***************/
#gym {
top:7px;
left:42px;
width:56px;
height:26px;
}
#weapons {
top:55px;
left:32px;
width:76px;
height:30px;
}
#attacking {
top:106px;
left:26px;
width:88px;
height:29px;
}
#mugging {
top:156px;
left:32px;
width:76px;
height:29px;
}
#bounty {
top:208px;
left:28px;
width:84px;
height:33px;
}
#friends {
top:57px;
left:156px;
width:76px;
height:27px;
}
#faction {
top:106px;
left:156px;
width:76px;
height:27px;
}
#war {
top:156px;
left:168px;
width:52px;
height:28px;
}
#respect {
top:211px;
left:157px;
width:72px;
height:27px;
}
/*************** BOX 2 LINKS ***************/
#ecrime {
top:9px;
left:27px;
width:64px;
height:26px;
}
#hcrime {
top:55px;
left:22px;
width:72px;
height:30px;
}
#gcrime {
top:106px;
left:26px;
width:65px;
height:29px;
}
#otravel {
top:8px;
left:132px;
width:81px;
height:29px;
}
#drugs {
top:57px;
left:139px;
width:67px;
height:27px;
}
#itravel {
top:107px;
left:137px;
width:73px;
height:27px;
}
#dealing {
top:156px;
left:139px;
width:69px;
height:27px;
}
#racing {
top:219px;
left:14px;
width:70px;
height:27px;
}
#missions {
top:219px;
left:143px;
width:78px;
height:27px;
}
/*************** BOX 3 LINKS ***************/
#job {
top:9px;
left:31px;
width:49px;
height:23px;
}
#promo {
top:57px;
left:13px;
width:84px;
height:25px;
}
#dailypay {
top:108px;
left:17px;
width:77px;
height:24px;
}
#company {
top:156px;
left:18px;
width:73px;
height:28px;
}
#employ {
top:210px;
left:19px;
width:73px;
height:28px;
}
#education {
top:107px;
left:117px;
width:91px;
height:26px;
}
#special {
top:210px;
left:122px;
width:80px;
height:30px;
}
/*************** SPEND BOXES ***************/
.spendicon {position:relative;float:left;width:25px; height:25px; opacity:0.3; filter: alpha(opacity = 30); zoom:1; background: url(/images/frontend-images/paths/spend-icons-sprite.png);}
.row1 {float:left; margin-top:355px; margin-left:77px;}
.row2 {float:left; margin-top:5px; margin-left:77px;}
.row1 .spendicon, .row2 .spendicon {margin-left:5px;}
#melee {background-position: 0px 0px;}
#s-secondary {background-position: -30px 0px;}
#s-primary {background-position: -60px 0px;}
#s-temporary {background-position: -90px 0px;}
#gym-membership {background-position: -120px 0px;}
#property {background-position: -150px 0px;}
#rent {background-position: -180px 0px;}
#swimming {background-position: -210px 0px;}
#staff {background-position: -240px 0px;}
#s-faction {background-position: -270px 0px;}
#s-company {background-position: -300px 0px;}
#blackjack {background-position: -330px 0px;}
#poker {background-position: -360px 0px;}
#bookies {background-position: -390px 0px;}
#slots {background-position: -420px 0px;}
#roulette {background-position: -450px 0px;}
#lottery {background-position: -480px 0px;}
#casino {background-position: -510px 0px;}
#stocks {background-position: 0px 25px;}
#bank {background-position: -30px 25px;}
#collectables {background-position: -60px 25px;}
#medical {background-position: -90px 25px;}
#disk {background-position: -120px 25px;}
#rehab {background-position: -150px 25px;}
#bail {background-position: -180px 25px;}
#s-education {background-position: -210px 25px;}
#s-bounty {background-position: -240px 25px;}
#s-racing {background-position: -270px 25px;}
#parts {background-position: -300px 25px;}
#travel {background-position: -330px 25px;}
#energy {background-position: -360px 25px;}
#nerve {background-position: -390px 25px;}
#happy {background-position: -420px 25px;}
#points {background-position: -450px 25px;}
#newspaper {background-position: -480px 25px;}
#graphics {background-position: -510px 25px;}
/* ~~~~~~~CHARACTERS~~~~~~~ */
#characters {width:210px;height:420px; text-align:center;margin-left: 25px;}
#characters .character div.pic {width:210px; height:210px; background-image: url('/images/frontend-images/paths/characters_sprite.png'); background-position: no-repeat; margin-bottom:15px; display:block;}
#characters .character div.fighterpic { background-position:0px -210px;}
#characters .character div.criminalpic { background-position:0px -420px;}
#characters .character div.executivepic { background-position:0px 0px;}
#characters .character div.spendpic { background-position:0px -630px;}
#characters .character h4 {margin-bottom:15px;}
#characters .character .text h5 { font-weight:600;}
/* ~~~~~~~INFO~~~~~~~ */
#info, #news {height:250px; overflow:auto;}
#info p { margin-right:15px;}
/* ~~~~~~~NEWS~~~~~~~ */
#news {overflow: hidden;}
#news ul li {background:url(/images/frontend-images/top_features/30x30.png) -30px 0px no-repeat; list-style:none; text-indent:30px; list-style-position:inside; line-height:32px;}
#news li.update {background-position: -30px -690px;}
#news li.comp {background-position: -30px -60px;}
#news li.patch {background-position: -30px -690px;}
#news a {color:#fff; margin-left:5px;}
#news a:hover {color:#FF9900; text-decoration:none;}
/* ~~~~~~~BUBBLES~~~~~~~ */
.bubble {position:absolute; z-index:100; text-align:center; max-width:300px; width:auto; height:auto;}
.bubble-inner {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:black; border:1px solid #333; box-shadow: 0px 0px 10px rgba(0, 0, 0, 1); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 1); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);}
.bubble-text {color:white; font-size:11px; padding:3px; margin:5px;}
.bubble-text a {color:#FF9900;}
.bubble-text a:hover {color:#fff; text-decoration:none;}
.bubble-tail {display:block; background-image: url('/images/landingpages/1/bubble-tail.png'); background-repeat:no-repeat; background-position: 50% 50%; width:auto; height:6px; padding:0; margin-top:-1px;}
/* ~~~~~~~REGISTER~~~~~~~ */
.formElements a { color:#FF9900}
.formElements a:hover { color:#FFF}
.formElements p, div.txt {margin:0.5em 0em; font-size:1.2em; line-height: 1.2em;}
.formElements p { color:#999;}
.formElements label { color:#fff;}
.formElements label span { color:#999;}
.formElements input.txt, .formElements input.btn { padding:0.5em; width:400px;}
.password-strength {margin-left:20px;}
.password-strength-bar {color:#fff; padding:0em 1em;}
.faqs{padding-top:20px}
.faqs dt{font-weight:bold; background:url('/images/frontend-images/contact/contact_q.png') 0 0 no-repeat; padding:3px 0 15px 30px;position:relative;}
.faqs dt:hover{cursor:pointer; color:#FF9900; background:url('/images/frontend-images/contact/contact_q-over.png') 0 0 no-repeat;}
.faqs dd {background:url('/images/frontend-images/contact/contact_a.png') 0 0 no-repeat; padding:0 0 5px 30px; position:relative; color:#999;}
.border {border:1px solid #fff;}