* {
    /* Reset browsers default margin, padding and font sizes */
    margin: 0;
    padding: 0;
}

body {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    background: black;
    background-image:url(../img/background.jpg);
    background-repeat: no-repeat;
    background-color: black;
    background-position:center top;
    overflow-y: scroll;
}

form {
    height:900px;
    display: block;
}

div{
    display:block;
}

img {
    border: none;   /* Firefox and the Fucking IE would display a default border beecause a default blue border in any img is very beautiful >.< */
    background: transparent;
}

h1{
    text-transform: uppercase;
    margin-bottom: 16px;
}

a {
    color: black;
    font-weight:bold;
    text-decoration:none;
    border:none;   /* Firefox and the Fucking IE would display a default border beecause a default blue border in any img is very beautiful >.< */
    background:transparent;
}

button {
    position: relative;
    display: block;
    border: none;
    background: transparent;
    height:43px;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 43px;
    color: white;
    font-size: 20px;
    color: whiteSmoke;
    text-shadow: black 2px 2px 3px;
    font-weight: bolder;
    text-align: center;
    text-transform: uppercase;
    width: 225px;
    text-transform:uppercase;
    padding:0;
    border:0;
    float:right;
}


button:hover{
    background-image:url(../img/plate-tab-hover.png);
    color:white;
    -webkit-border-radius:0.5em;
    -moz-border-radius:0.5em;
    cursor: pointer;
}

ol, ul { list-style: none; }

.th2{
    margin-top:20px;
    margin-bottom: 20px;
    font-size:20px;
}

.tp{
    font-size:16px;
    padding-left:20px;
    text-align: justify;
}

/*
 * HEADER
 */

#global-header {
    height: 104px;
    position: relative;
    z-index: 300;
    margin-bottom: 30px;
}

#global-header .header-content {
    display: block;
    position: relative;
    background-position: 50% 0%;
    margin: 0px auto;
    padding-bottom: 16px;
    width: 980px;
    height:104px;
}

#global-header .header-content .leftcol{
    background:black url(/../img/globalheader_bg.jpg) repeat-x 0px 0px;
    border:white 2px solid;
    position:relative;
    float:left;
    width:460px;
    height:70px;
    margin-top:10px;
    padding-left:8px;
    padding-top:4px;
    padding-bottom:4px;
    -webkit-border-radius:1em;
    -moz-border-radius:1em;

}

#global-header .header-content .rightcol{
    display: block;
    width:35%;
    height:auto;
    margin-top:8px;
    margin-left:0;
    float:right;
    overflow:hidden;
    z-index:500;
}

#vta-logo {
    float: left;
    height: 65px;
    width: 172px;
}

#tol2-logo {
    float:right;
}

#global-header .menu{
    display: inline-block;
    line-height:32px;
    margin:auto;
    position: relative;
    padding:5px;
}

#global-header .menu .menu-row{
    height:32px;
}

#global-header .menu .menu-item {
    border: none;
    color: white;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin-left: 2px;
    padding: 0px 4px;
    position: relative;
    text-decoration: none;
    width:125px;
    text-align: center;
    text-transform: uppercase;

}

#global-header .menu .menu-item:hover {
    color:#A4B3BF;
    font-weight:bold;
    text-decoration:none;
    cursor:pointer;
}

#global-header .menu .selected{
    background: #33668d;
    color:white;
    text-decoration:none;
    cursor:pointer;
    -webkit-border-radius:0.5em;
    -moz-border-radius:0.5em;
}

#global-header .menu .menu-item:hover {
    background: #33668d;
    color:white;
    text-decoration:none;
    cursor:pointer;
    -webkit-border-radius:0.5em;
    -moz-border-radius:0.5em;
}

/* END HEADER */

/* BODY */

#global-body{
    text-shadow: black 2px 2px 3px;
    color: #FBE082;
    text-shadow: black 2px 2px 3px;
    font-size: 14px;
}

#main-content {
    position:relative;
    width:940px;
    margin:auto;
    min-height:600px;
    height: auto;
    /*background-image:url(/../img/main.jpg);*/
}

#main-left {
    display:block;
    position:relative;
    margin-right:4px;
    margin-left:8px;
    width:25%;
    text-align:center;
    line-height:43px;
    color: white;
    float:left;
}

#options-inner{ text-transform:uppercase; }

#main-right{
    display:block;
    position:relative;
    margin-right:8px;
    margin-left:4px;
    float:right;
    width:72%;
    color: whiteSmoke;
}

#user-inner{
    width:90%;
    height:100px;
}

.user-key{
    float:left;
    width:100px;
}

#user-inner img{
    float:left;
}

#user-inner h3{
    margin-left:5px;
    float:left;
}

#user-badge{
    display:inline-block;
    width:100%;
    line-height:44px;
    height:44px;
}

#user-level{
    text-align: left;
    width:100%;
    height:18px;
    line-height:18px;
    font-size:16px;
    font-weight: bolder;
}

#user-cash{
    text-align:left;
    width:100%;
    line-height:18px;
    height:18px;
    font-size:16px;
    color: #ddb106;
    font-weight: bolder;
}

#user-points{
    text-align:left;
    width:100%;
    line-height:18px;
    height:18px;
    font-size:16px;
}

.plate-border-top{
    display:block;
    position:relative;
    height:24px;
    background-color: transparent;
    z-index:100;
}

.plate-contents{
    position:relative;
    height:100%;
    z-index:100;
}

.plate-border-bottom{
    display: block;
    position:relative;
    height:24px;
    margin-bottom:12px;
}

.corner-left{
    position:absolute;
    width:24px;
    height:24px;
}

.corner-right{
    position:absolute;
    right:0px;
    width:24px;
    height:24px;
    float:right;
}

.center{
    position:absolute;
    background-repeat: repeat-x;
    left:24px;
    right:24px;
    height:24px;
    overflow:auto;
}

#index-caption{
    margin-bottom:16px;
}

#download-beta{
    margin:0px auto;
    width:355px;
}

#last-tweets{
    font-size:24px;
    margin-bottom:8px;
    font-weight:bolder;
    line-height:24px;
}

.plate-central-left p{
    position:relative;
    margin-left:auto;
    font-weight:normal;
    font-size:16px;
    line-height:16px;
    width: 335px;
}

.tol2-tweets h1{
    font-weight: bolder;
    font-size: 20px;
    line-height:20px;
    margin-bottom:10px;
}

.tol2-tweet{
    display: block;
    position:relative;
    height:60px;
    text-align:justify;
}

.tol2-tweet img{
    margin-left: 0px;
    float:left;
}

.tol2-tweet a{
    font-weight: bolder;
    color:whitesmoke;
}

.tol2-tweet p{
    position:relative;
    margin-left:40px;
    top:4px;
    font-weight:normal;
    font-size:16px;
    line-height:20px;
}


.central{
    background-image:url(../img/window_frame_central.png);
}

/*RANKINGS*/

.table{
    text-shadow: black 0px 0px 0px;
}

.table table{
    width: 100%;
}

.table thead th {
    padding: 0;
    background: #563800 url(../img/bg-block-header.png);
    border-bottom: 1px solid #1A0F08;
}

.table thead th, .table thead th a {
    color: #F5EBD1;
    font-weight: bold;
}

.table thead th.position{ width:5%; }
.table thead th.avatar{ width:10%; }
.table thead th.name{ width:30%; }
.table thead th.badge{ width:15%; }
.table thead th.level{ width:10%; }
.table thead th.value{ width:30%; }

.table tbody tr.even {
    background: transparent;
}

.table tbody tr.odd{
    background: rgba(0, 0, 0, 0.2);
}

.table tbody tr.current{
    background: rgba(0, 0, 0, 0.5);
}

.table td {
    text-align: center;
}

.table img {
    width: 28px;
    height: 28px;
}

.table tbody td {
    padding: 5px;
    color: #F5EBD1;
}

.table tbody .row td {
    /*border-top: 1px solid #31190A;*/
}

.table .name {
    text-align: left;
}

/*END RANKINGS*/

.textbox{
    font-size: 20px;
    color: whiteSmoke;
    text-shadow: black 2px 2px 3px;
    font-weight: bolder;
    text-transform:uppercase;
    margin-bottom:16px;
}

.textbox span{
    display: inline-block;
    width: 150px;
}

.textbox label{
    display: block;
    font-size: 20px;
    line-height:20px;
    color: whiteSmoke;
    text-shadow: black 2px 2px 3px;
    font-weight: bolder;
    text-transform:uppercase;
    margin-bottom:8px;
    /*width:350px;*/
    /*float:left;*/
}

.textbox input{
    position:relative;
    display:block;
    font-family:Helvetica, Arial, sans-serif;
    display:block;
    font-size: 20px;
    font-weight: bolder;
    line-height:20px;
    color: black;
    background-color: whitesmoke;
    text-transform:uppercase;
    margin-bottom:8px;
    width:550px;
}

.textbox textarea{
    font-family:Helvetica, Arial, sans-serif;
    font-size:20px;
    font-weight: bolder;
    width:550px;
}

.status{
    text-shadow:0;
    font-family:Helvetica, Arial, sans-serif;
    font-size:14px;
    font-weight:normal;
    width:550px;
}

.textbox select{
    font-size:20px;
    width:300px;
}




#global-footer {
    position:relative;
    display: block;
    margin:8px auto auto auto;
    height:58px;
    clear: both;
    display: none;
}

input.true-input{
    position: absolute;
    width:600px;
    filter:alpha(opacity=0);
    opacity:0;
    font-size: 20px;
    line-height: 30px;
    z-index:2;
}

input.fake-input{
    position: absolute;
    width:550px;
    font-size: 20px;
    line-height: 30px;
    z-index:1;
}

img.browse{
    position: absolute;
    left:600px;
    width: 35px;
    z-index:1;
}

#send-bug{
    position: relative;
    clear: both;
}


/* BLOCK SECTION*/

.block {
    position:relative;
    display:block;
    margin:8px auto 8px auto;
    border:2px solid #FFC659;
    padding:1px;
    background: #4A72C5 url(../img/bg-blue.png) repeat-x scroll 0px 0px;
    /*overflow:hidden;*/
}

.block .block-header {
    position: relative;
    height: 25px;
    line-height: 24px;
    color: white;
    border-bottom: 1px solid #000000;
    margin-top: 2px;
    margin-left: 2px;
    margin-right: 2px;
    padding: 0px 0px 0px 8px;
    font-weight: bold;
    font-size: 18px;
    text-align: left;
    background-image: url(../img/bg-block-header.png);
    background-repeat: no-repeat;
    background-color: #563800;
}

.block .block-content {
    display:block;
    position:relative;
    margin: auto;
    background: transparent;
    padding:10px;
    line-height:20px;
    font-size:14px;
}

.block .block-footer .left,
.block .block-header .left {
    border-right: 1px solid black;
    height: 26px;
    left: 0px;
    position: absolute;
}

.block .block-header .right,
.block .block-footer .right{
    position:absolute;
    right:2px;
    height:64px;
    padding:0px 16px;
    top: -39px;
    z-index:500;
}

.block .block-header .left a,
.block .block-footer .left a,
.block .block-header .right a,
.block .block-footer .right a{
    text-transform: uppercase;
    font-size: 10px;
    font-weight: normal;
    color: white /*#b0aeac*/;
}

.block .block-header .left a:hover,
.block .block-footer .left a:hover,
.block .block-header .right a:hover,
.block .block-footer .right a:hover{
    text-decoration:none;
    cursor:pointer;
}

.round-all{
    border-radius:0.75em;
    -webkit-border-radius:0.75em;
    -moz-border-radius:0.75em;
}

.round-top-left{
    border-top-left-radius:0.5em;
    -webkit-border-top-left-radius:0.5em;
    -moz-border-radius-topleft:0.5em;

}

.round-top-right{
    border-top-right-radius:0.5em;
    -webkit-border-top-right-radius:0.5em;
    -moz-border-radius-topright:0.5em;
}

.round-bottom-left{
    border-bottom-left-radius:0.75em;
    -webkit-border-bottom-left-radius:0.75em;
    -moz-border-radius-bottomleft:0.75em;
}

.round-bottom-right{
    border-bottom-right-radius:0.75em;
    -webkit-border-bottom-right-radius:0.75em;
    -moz-border-radius-bottomright:0.75em;
}

.download_xl {
    text-decoration: underline;
    font: bold 2.75em Century Gothic,Arial,sans-serif;
    background: url(../img/download-icon.png) no-repeat 0 0;
    padding: 0 0 6px 55px;
    letter-spacing: -0.03em;
    color: white;
}

.mainbar {
    position: relative;
    float: left;
    width: 664px;
    padding: 0 16px 0 0;
    margin: 0;
    overflow: hidden;
}

#file_buttons {
    display: block;
    overflow: hidden;
    width: 59.8%;
    margin-bottom: 16px;
}

ol, ul {
    list-style: none;
}

#file_data dl dt {
    float: left;
    width: 25%;
    clear: left;
}

/* DIALOGS */

.ui-dialog {
    border-radius:0.75em;
    -webkit-border-radius:0.75em;
    -moz-border-radius:0.75em;
    display:block;
    margin:8px auto 8px auto;
    border:1px solid #FFC659;
    padding:1px;
    /*background: #4A72C5 url(../img/bg-blue.png) repeat-x scroll 0px 0px;*/
    background: #86A1D7;
    overflow:hidden;
}

.ui-dialog .ui-dialog-title {
    margin:0px;
}

.ui-dialog .ui-dialog-titlebar {
    height: 25px;
    line-height: 25px;
    color: #d6d7d8;
    border-bottom: 1px solid #000000;
    padding: 0px 0px 0px 8px;
    font-weight: bold;
    font-size: 12px;
    background-image: url(../img/bg-block-header.png);
    background-repeat: no-repeat;
    background-color: #303030;
    border-top-left-radius:0.75em;
    border-top-right-radius:0.75em;
    -webkit-border-top-right-radius:0.75em;
    -webkit-border-top-left-radius:0.75em;
    -moz-border-radius-topright:0.75em;
    -moz-border-radius-topleft:0.75em;
}

.ui-dialog .ui-dialog-content {
    display: block;
    border-bottom-left-radius:0.75em;
    border-bottom-right-radius:0.75em;
    /*background: #4A72C5 url(../img/bg-blue.png) repeat-x scroll 0px 0px;*/
    background: #86A1D7;
    padding:8px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    text-shadow: black 2px 2px 3px;
    overflow:hidden;
}

.ui-widget-content {
    border:1px solid #FFC659;
    /*border:1px solid black;*/
    background: #86A1D7;
    color: white;
    font-weight: bold;
    font-size: 18px;
    border-bottom-left-radius:0.75em;
    border-bottom-right-radius:0.75em;
    -webkit-border-bottom-right-radius:0.75em;
    -webkit-border-bottom-left-radius:0.75em;
    -moz-border-radius-bottomright:0.75em;
    -moz-border-radius-bottomleft:0.75em;
}
.ui-button-text-only .ui-button-text {
    padding:0;
}

.ui-dialog .ui-dialog-buttonpane {
    border:none;
}

.ui-dialog .ui-dialog-buttonpane button{
    background:#275881 url(/img/bg-btn-blue.png) repeat-x scroll 0px 0px;
    border:2px solid #275881;
    padding:5px 16px 6px;
    text-decoration:none;
    text-align:center;
    font-weight:bold;
    -webkit-border-radius:0.5em;
    -moz-border-radius:0.5em;
    border-radius:0.5em;
    font-size:12px;
}

.ui-dialog .ui-dialog-buttonpane button:hover{
    background:#275881;
    background:#275881 url(/img/bg-btn-blue-dark.png) repeat-x scroll 0px 0px;
    cursor: pointer;
}

.ui-dialog .ui-dialog-buttonpane span{
    color:#fff;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
}

#busy-dialog .ui-dialog{
    display: none;
}

#busy-dialog img{
    margin-right:16px;
    float:left;
}

.ui-widget-overlay {
    background: url(../img/opaque.png);
    opacity: .80;
    filter: Alpha(Opacity=80);
}

.plate-option {
    position:relative;
    display:block;
    text-align:center;
    color: whitesmoke;
    text-transform:uppercase;
    font-size: 20px;
    line-height: 30px;
    margin-top: 5px;
    margin-bottom:5px;
}


a.plate-option.selected{
    background-image:url(../img/plate-tab-hover.png);
}

a.plate-option:hover{
    cursor: pointer;
    background-image:url(../img/plate-tab-back.png);
}

a.plate-option.selected:hover{
    background-image:url(../img/plate-tab-hover.png);
}

a.plate-option-disabled {
    color:#A4B9E2;
}

a.plate-option-disabled:hover{
    cursor:auto;
    background-image:none;
    color:#A4B9E2;
}