@charset "utf-8";

html, body {margin: 0; padding: 0; overflow-x: hidden; height: 100%; width: 100%;}

html {background: url(../images/cityscan.png) repeat #1c1c1c; text-align: center; color: #FFF;
cursor: url(../images/bullet.cur), url(images/bullet.cur), auto;
animation: slider 40s linear infinite;
-webkit-animation: slider 40s linear infinite;}

@keyframes slider {from {background-position: 0 0;}
	to {background-position: 300px 0}}

@-webkit-keyframes slider {from {background-position: 0 0;}
	to {background-position: 300px 0}}

#logo {animation: pulse 3s linear infinite alternate;
	-webkit-animation: pulse 3s linear infinite alternate;}	

@keyframes pulse {0% { transform: scale(0.9); }
   100% { transform: scale(1); }}
   
@-webkit-keyframes pulse {0% { transform: scale(0.9); }
   100% { transform: scale(1); }}   
   
.cashflow {animation: slider2 15s linear infinite;
-webkit-animation: slider2 15s linear infinite;}

@keyframes slider2 {from {background-position: 0 0;}
	to {background-position: 0 -300px;}}

@-webkit-keyframes slider2 {from {background-position: 0 0;}
	to {background-position: 0 -300px;}}

/**#about, #info, #skills, #loadout, #relations, #gallery, #ooc {display: none;}*/

#header, #cashborder, h1, h2, .classheader {background: url(../images/dollars_bg2.png) repeat;}

#header {border: solid #206a32; border-width: 2px 0 2px 0;
box-shadow: 0 0 15px 10px #206a32;
position: relative;
z-index: 5;}

#ask-tab {height: 50px; width: 120px;
bottom: 0; right: 20px;
background: #000;
position: absolute;
overflow: hidden;
-webkit-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0;
border-top: solid #fff 2px;
border-left: solid #fff 2px;
border-right: solid #fff 2px;
transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
box-shadow: 0 0 10px 6px #000;}

#ask-tab a {display: block; background: #444; font: 15px impact; line-height: 130%; text-transform: uppercase;}
#ask-tab p {text-align: center; margin-bottom: 0; margin-top: 3px;}

#nav {padding-top: 5px; padding-bottom: 5px; 
background-color: #333; 
margin: 0 auto; 
width: 100%; 
text-align: center; 
border: solid #666; 
border-width: 1px 0 1px 0;
position: relative;}

#nav a {background-color: #666;
padding: 0 10px;
margin: 0 2px;
border: solid 1px;
border-color: #000 #999 #999 #000;  
font: bold 18px sans-serif, arial, veranda;
text-transform: uppercase;
text-align: center;
color: #FFF;
text-decoration: none;
transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;}

#nav a:hover 
{color: #000;
border-color: #000;
background-color: #FFa800;}

#profile {background-color: #000;
text-align: center; 
margin: 0 auto;
padding-top: 20px;
width: 875px; height: 500px;
position: relative;
z-index: 4;
border: 2px solid #fff;
border-width: 0 2px 2px 2px;
-webkit-border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px;
box-shadow: 0 0 10px 6px #000;
overflow: hidden;}

#main {margin: 0 auto; width: 100%; height: 466px; overflow-y: hidden; margin-top: 0;}

.content {width: 100%; height: 466px; overflow: auto; position: absolute; opacity: 0;
-webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}

.content:target {opacity: 1; z-index: 1;}

#stats {left: 16px; width: 230px; position: absolute; height: auto; margin-top: 10px; background: #333;}

#about_table {background: none; width: 95%; border: none; font: bold 9px tahoma, geneva, sans-serif;}
#about_table td {padding: 2px 0; border: 0;}

#dalpoint {display: block; position: absolute; right: 5px; bottom: 0; z-index: -1;}
#intro p {font: bold 10px tahoma, geneva, sans-serif; margin: 10px 250px 0 250px; color: #FFF; text-align: justify; display: block;}

#quote {width: 250px; position: relative; margin: 0 auto; font-style: italic; background: #333;}
#quote p {text-align: justify; font: bold 11px arial, helvetica, sans-serif; font-style: italic; position: relative; -webkit-border-radius: 25px; border-radius: 25px;}
#quote img {position: relative;}

#rp-ideas {padding: 8px; width: 90px; height: auto; display: block; position: absolute; right: 50px; top: 68px; background: #333;}

.subject {color: #ffa800; text-transform: uppercase; text-decoration: underline;}
.job {color: #0F0; font-size: 13px; text-decoration: underline; margin: 10px;}
.red {color: #ff1919;}
.orange {color: #F90;}
.cyan {color: #0FF;}
.emphasis {font-style: italic;}

.thumbs img {border: 2px solid #666;
margin: 0 auto;
display: inline-block;}

.thumbs img:hover {border: 2px solid #ffa800;}

#intro p {margin-top: 20px;}

p {font: bold 9px tahoma, geneva, sans-serif; margin-top: 3px; padding-left: 10px; padding-right: 10px; color: #FFF; text-align: justify;}
.center {text-align: center;}

.left {text-align: left; color: white;}
.right {text-align: right; color: white;} 

.title {background: #ffa800;
background: -moz-linear-gradient(top,  #ffa800 50%, #d88c00 50%, #d88c00 100%);
background: -webkit-linear-gradient(top,  #ffa800 50%,#d88c00 50%,#d88c00 100%);
background: linear-gradient(to bottom,  #ffa800 50%,#d88c00 50%,#d88c00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa800', endColorstr='#d88c00',GradientType=0 );
margin: 0 auto;
padding: 6px 15px;
border: solid 1px #000;
-webkit-border-radius: 20px; border-radius: 20px;
text-decoration: underline;}

#title-stats {padding: 4px 15px;
text-decoration: none;}

h1 {width: 95%; 
border: solid 1px #000;
text-transform: uppercase;
font: normal 20px impact, sans-serif, veranda;
text-align: center;
color: #000;
margin: 20px auto;
-webkit-border-radius: 20px; border-radius: 20px;}

#title-bg {width: 75%;
font: normal 15px impact, sans-serif, veranda;
margin: -10px auto 10px auto;}

h3 {font: 20px impact, sans-serif, veranda, arial; text-align: center; color: #FFF; text-decoration: none; margin-top: 100px;}

h4 {font: bold 11px sans-serif, veranda, arial; text-align: center; color: #F00; text-decoration: none;}

h5 {font: bold 11px sans-serif, veranda, arial; text-align: center; color: #FFF; text-decoration: none; margin: 0 auto;}

#about_table a {font: bold 9px tahoma, geneva, sans-serif;}
#rp-ideas a {font: normal 15px impact, sans-serif, veranda; text-transform: uppercase;}

a:link {color: #0CF; font: bold 11px sans-serif, veranda, arial;}
a:visited {color: #0CF; font: bold 11px sans-serif, veranda, arial;}
a:hover {color: #F00; font: bold 11px sans-serif, veranda, arial;}
a:active {color: #F00; font: bold 11px sans-serif, veranda, arial;}

.classes {width: 200px;
height: 350px;
position: relative;
margin: 8px 5px;
background: #333;
display: inline-block;}

.classheader {width: 85%; 
border: solid 1px #000;
-webkit-border-radius: 10px; border-radius: 10px;
text-transform: uppercase;
font: 14px impact, sans-serif, veranda;
text-align: center;
color: black;
margin: -10px auto 0 auto;
position: static;
text-decoration: none;}

.classtitle {color: #FFF;
background: #666;
margin: 0 auto;
padding: 4px 15px;
border: solid 1px #000;
-webkit-border-radius: 20px; border-radius: 20px;}

.classtitle:hover {cursor: pointer; 
cursor: hand;
color: #000;
background-color: #FFa800;
transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;}

.denied {display: block; 
width: 50px; 
height: 50px;
opacity: 0;
transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;
background: url(../images/skills/denied.png);}

.denied:hover {opacity: 1;}

.skill
{width: 50px; 
height: 50px; 
margin: 0 2px 5px 2px; 
top: 8px; 
float: left; 
left: 19px; 
position: relative; 
background: url(../images/skills/skill_sheet.png) #444; 
cursor: pointer; cursor: hand;
box-shadow: 0 0 1px 1px #444;
-webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

.skill:hover
{background-color: #000;
box-shadow: 0 0 1px 1px #000;}

#HK {background-position: -1px -1px;}
#PM {background-position: -52px -1px;}
#IS {background-position: -103px -1px;}
#KM {background-position: -1px -52px;}
#GS {background-position: -52px -52px;}
#PIC {background-position: -103px -52px;}
#SS {background-position: -1px -103px;}
#CD {background-position: -52px -103px;}
#JK {background-position: -103px -103px;}
#ST {background-position: -1px -154px;}
#EQ {background-position: -52px -154px;}
#DN {background-position: -103px -154px;}
#CF {background-position: -1px -205px;}
#PK {background-position: -52px -205px;}
#LS {background-position: -103px -205px;}
#CG {background-position: -1px -256px;}
#CM {background-position: -52px -256px;}
#ED {background-position: -103px -256px;}

#OK {background-position: -154px -1px;}
#IM {background-position: -205px -1px;}
#CRB {background-position: -256px -1px;}
#HB {background-position: -154px -52px;}
#FL {background-position: -205px -52px;}
#PS {background-position: -256px -52px;}
#CQB {background-position: -154px -103px;}
#AS {background-position: -205px -103px;}
#BSK {background-position: -256px -103px;}
#SGI {background-position: -154px -154px;}
#SR {background-position: -205px -154px;}
#TG {background-position: -256px -154px;}
#DH {background-position: -154px -205px;}
#UD {background-position: -205px -205px;}
#PI {background-position: -256px -205px;}
#OP {background-position: -154px -256px;}
#BS {background-position: -205px -256px;}
#TS {background-position: -256px -256px;}

#STD {background-position: -307px -1px;}
#MP {background-position: -358px -1px;}
#BP {background-position: -409px -1px;}
#SCU {background-position: -307px -52px;}
#SC{background-position: -358px -52px;}
#SP {background-position: -409px -52px;}
#STP {background-position: -307px -103px;}
#JOAT {background-position: -358px -103px;}
#SD {background-position: -409px -103px;}
#SG {background-position: -307px -154px;}
#TM {background-position: -358px -154px;}
#DS {background-position: -409px -154px;}
#SSH {background-position: -307px -205px;}
#CE {background-position: -358px -205px;}
#HE {background-position: -409px -205px;}
#RM {background-position: -307px -256px;}
#DM {background-position: -358px -256px;}
#NOS {background-position: -409px -256px;}

#LC {background-position: -460px -1px;}
#ECMFB {background-position: -511px -1px;}
#MT {background-position: -562px -1px;}
#LPE {background-position: -460px -52px;}
#ECMOD {background-position: -511px -52px;}
#TP {background-position: -562px -52px;}
#NL {background-position: -460px -103px;}
#ECMSP {background-position: -511px -103px;}
#SK {background-position: -562px -103px;}
#SH {background-position: -460px -154px;}
#MA {background-position: -511px -154px;}
#SMGSP {background-position: -562px -154px;}
#FH {background-position: -460px -205px;}
#CHM {background-position: -511px -205px;}
#CLN {background-position: -562px -205px;}
#DP {background-position: -460px -256px;}
#SPR {background-position: -511px -256px;}
#CB {background-position: -562px -256px;}

#skills img {position: relative; margin: 0 auto; top: 7px;}
#skills img:hover, .textbox:hover {cursor: pointer; cursor: hand;}

.textbox {transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out;}
.textbox:hover {background-color: #900;}

table {margin: 10px auto 10px auto; background: #000; text-align: center; font: bold 11px sans-serif, veranda, arial; border: 0;}
#loadouttable {width: 98%;}

td {border: 1px solid #666;}

.wep {background: #000;}
.fieldblank {background: none; border: 0;}
.field {background: #FFa800; color: #000; border: 0; text-decoration: underline;}
.field2 {background: #060; border: 1px solid #CCC;}
.field3 {background: #444; border: 1px solid #999;}
.wepstat {text-align: left; background: #000;}
.weppoint {text-align: center;}
.stat {background-color: #fff;}
.stat100 {width: 100%; height: 14px; background: #FFF;}

#allyheader, #enemyheader, #regheader {padding: 5px; position: relative; clear: both; margin: 0 auto; width: 30%; font: bold 16px sans-serif, arial, helvetica; text-align: center; text-decoration: none; text-transform: uppercase; background: #333; border: none;}

#allyheader {color: #0F0;}
#enemyheader {color: #F00;}
#regheader {color: #FFF; margin-top: 20px;}

.mission {background: url(../images/roleplays/heists/heistpics.png);
width: 114px; 
height: 130px; 
cursor: pointer; cursor: hand; 
margin: 0 auto;
display: inline-block;
border: solid 2px #000;}
.mission:hover {border: solid 2px #f00;}

#cancer {background-position: -1px -1px;}
#raw {background-position: -116px -1px;}
#lights {background-position: -231px -1px;}
#super {background-position: -346px -1px;}
#jail {background-position: -461px -1px;}
#extre {background-position: -576px -1px;}
#fair {background-position: -1px -132px;}
#chemic {background-position: -116px -132px;}
#grand {background-position: -231px -132px;}
#library {background-position: -346px -132px;}
#auto {background-position: -231px -263px;}
#army {background-position: -461px -132px;}
#feint {background-position: -576px -132px;}
#bone {background-position: -1px -263px;}
#vandals {background-position: -116px -263px;}
#custom {background-position: -576px -394px;}

.phototitle {text-align: center;
font: bold 11px arial, helvetica, sans-serif;
color: white;
width: 120px;
margin: auto;}

.ally, .enemy {font: bold 11px arial, helvetica, sans-serif; text-align: center; text-decoration: none; text-transform: uppercase;}

.ally {color: #0F0;}
.enemy {color: #F00;}

.thumbally, .thumbenemy {height: auto;
display: inline-block;
margin: 10px auto;
width: 130px;
text-align: center;
background: none;
position: relative;}

.thumbboxally, .thumbboxenemy {display: block;
margin: auto;
margin-top: 3px;
width: 120px;
height: 90px;}

.thumbboxally {border: 1px dotted #0F0;}
.thumbboxenemy {border: 1px dotted #F00;}

.thumbboxally:hover, .thumbboxenemy:hover {border: 1px solid #FFF;}

#luka, #triela {width: 120px; height: 90px; display: block; background: url('../images/relations/relations_ally.png') no-repeat;}
#luka {background-position: -1px -1px;}
#triela {background-position: -122px -1px;}

#ooc {font: bold 11px sans-serif, veranda, arial; color: white;}
#ooc p {padding: 0 20px 0 20px;}
#ooc ol {margin: 0; padding: 5px 10px 5px 40px; text-align: justify;}
#ooc li {margin-bottom: -5px; padding: 10px 5px 10px 5px; text-align: justify;}

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:0 solid #093;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#000;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:auto; line-height:26px; text-align: center;}
#sb-title-inner{font: 20px impact, sans-serif, arial; text-transform: uppercase; color: #FFa800; text-shadow: #000 -1px 0, #000 0 1px, #000 1px 0, #000 0 -1px, #000 0 0 7px; filter: dropshadow(color=#000000, offx=1, offy=1);}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(close.png); margin-top: 5px;}
#sb-nav-next{background-image:url(next.png);}
#sb-nav-previous{background-image:url(previous.png);}
#sb-nav-play{background-image:url(play.png);}
#sb-nav-pause{background-image:url(pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}
#sb-info,#sb-info-inner{height: 56px; background: transparent; width: auto; margin-top: -5px;}
#sb-caption {clear: both; font: bold 12px sans-serif, veranda, arial; height:auto;line-height:12px; text-align: left; color:#fff; text-shadow: #000 -1px 0, #000 0 1px, #000 1px 0, #000 0 -1px, #000 0 0 7px; filter: dropshadow(color=#000000, offx=1, offy=1);}

.hidden {visibility: hidden; display: none; text-align: center; margin: 0; padding: 0;}
.invis {visibility: hidden; margin: 0; padding: 0;}
.invisbar {clear: both; display: block; height: 30px; visibility: hidden;}

.hiddentext {display: none;}

.top-left-border, .top-right-border, .bottom-right-border, .bottom-left-border, .top-left-border-red, .top-right-border-red, .bottom-right-border-red, .bottom-left-border-red, .top-left-border-green, .top-right-border-green, .bottom-right-border-green, .bottom-left-border-green {position: absolute;
display: block;
width: 12px;
height: 12px;
background-color :#D3D3D3;
z-index: -1;}

.top-left-border-red, .top-right-border-red, .bottom-right-border-red, .bottom-left-border-red {background-color :#F00;}
.top-left-border-green, .top-right-border-green, .bottom-right-border-green, .bottom-left-border-green {background-color :#0F0;}

.top-left-border, .top-left-border-red, .top-left-border-green {top: 0; left: 0;
margin-left: -2px;
padding-left: 2px;
margin-top: -2px;
padding-top: 2px;}

.top-right-border, .top-right-border-red, .top-right-border-green {top: 0; right: 0;
margin-right: -2px;
padding-right: 2px;
margin-top: -2px;
padding-top: 2px;}

.bottom-right-border, .bottom-right-border-red, .bottom-right-border-green {bottom: 0; right: 0;
margin-right: -2px;
padding-right: 2px;
margin-bottom: -2px;
padding-bottom: 2px;}

.bottom-left-border, .bottom-left-border-red, .bottom-left-border-green {bottom: 0; left: 0;
margin-left: -2px;
padding-left: 2px;
margin-bottom : -2px;
padding-bottom: 2px;}

#sb-body, #sb-loading #rpideas a {background: none;}