html, body, form, input, textarea {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

input.invisible {
    border: none;
    background-color: transparent;
    color: #ffffff;
}

input.invisibleLong {
    border: none;
    background-color: transparent;
    width: 140px;
    color: #ffffff;
}

html, body {
    height: 100%;
}

body {
    font-family: Arial;
    font-size: 8pt;
	text-align: center;
	background-color: #101010;
	color: #ffffff;
}

a {
	text-decoration:none;
	color: #ffffff;
	cursor: pointer;
}

form {
    margin-bottom: 0px;
}

textarea {
    font-family: Arial;
}

img {
    border:0;
}

span.select {
    position: absolute;
    width: 165px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
    height: 21px;
    padding: 0px 0px 0px 0px;
    color: #fff;
    font: 12px/21px arial,sans-serif;
    background: transparent url('../images/global/selectBox.gif') no-repeat;
    overflow: hidden;
    top: 25px;
}

.styled {
    margin-top: 4px;
}


.gradient {
    width: 100%;
    height: 680px;
    background-color: #030304;
    background-image: url('../images/global/gradient.png');
    background-repeat: repeat-x;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
}

#main {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
    width: 100%;
    position: relative;
    top: 0px;
    left: 0px;
}


.gameInfo {
    position: absolute;
    top: 15px;
    left: 165px;
    height: 52px;
    width: 200px;
    z-index: 2;
}

.label {
    text-align: left;
    width: 70px;
    display: block;
    float: left;
}

.labelValue {
    width: 100px;
    display: block;
    float: left;
    color: #F99420;
}

.boxContent {
    position: relative;
    left: 6px;
    top: 6px;
}

/*
.popupLayerSmall {
    position: relative;
    width: 344px;
    margin-bottom: -4px;
    top: -100px;
}

.popupLayerSmallHead {
    background-image: url('../images/global/popupLayerSmallHead.png');
    width: 344px;
    height: 28px;
}
.popupLayerSmallHeadContent {
    position: relative;
    top: 4px;
    left: 6px;
}

.popupLayerSmallBody {
    background-image: url('../images/global/popupLayerSmallMiddle.png');
    background-repeat: repeat-y;
    width: 344px;
}

.popupLayerSmallBodyContent {
    position: relative;
    top: 2px;
    left: 6px;
    width: 332px;
    padding-bottom: 10px;
    font-size: 12px;
}

.popupLayerSmallFooter {
    background-image: url('../images/global/popupLayerSmallFooter.png');
    width: 344px;
    height: 28px;
}

.popupLayerSmallFooterContent {
    position: relative;
    top: 2px;
    left: 6px;
}
*/
.popupLayerSmall {
    position: relative;
    width: 405px;
    margin-bottom: -4px;
    top: -100px;
}

.popupLayerSmallHead {
    background-image: url('../images/global/elements/baseLayerSmallHead.jpg');
    width: 405px;
    height: 3px;
}
.popupLayerSmallHeadContent {
    position: relative;
    top: 4px;
    left: 6px;
}

.popupLayerSmallBody {
    background-image: url('../images/global/elements/baseLayerSmallBody.jpg');
    background-repeat: repeat-y;
    width: 405px;
}

.popupLayerSmallBodyContent {
    position: relative;
    top: 2px;
    left: 6px;
    width: 395px;
    font-size: 12px;
}

.popupLayerSmallFooter {
    background-image: url('../images/global/elements/baseLayerSmallFooter.jpg');
    width: 405px;
    height: 3px;
}

.popupLayerSmallFooterContent {
    position: relative;
    top: 16px;
    right: 25px;
    height: 50px;
}

.layerClose {
    background-image: url('../images/global/elements/baseLayerClose.png');
    width: 27px;
    height: 28px;
    position: absolute;
    right: -13px;
    top: -14px;
}

.layerCloseOver {
    background-image: url('../images/global/elements/baseLayerCloseOver.png');
}


.popupLayerMedium {
    position: relative;
    width: 688px;
    top: -100px;
}

.popupLayerMediumHead {
    background-image: url('../images/global/elements/popupLayerMediumHead.png');
    width: 688px;
    height: 28px;
}

.popupLayerMediumHeadContent {
    position: relative;
    top: 4px;
    left: 6px;
}


.popupLayerMediumBody {
    background-image: url('../images/global/elements/popupLayerMediumMiddle.png');
    background-repeat: repeat-y;
    width: 688px;
}

.popupLayerMediumBodyContent {
    position: relative;
    top: 2px;
    left: 6px;
    width: 660px;
    padding-bottom: 10px;
    font-size: 12px;
}

.popupLayerMediumFooter {
    background-image: url('../images/global/elements/popupLayerMediumFooter.png');
    width: 688px;
    height: 28px;
}

.popupLayerMediumFooterContent {
    position: relative;
    top: 2px;
    left: 6px;
}




.popupLayerLarge {
    position: relative;
    width: 819px;
    top: -100px;
}

.popupLayerLargeHead {
    background-image: url('../images/global/elements/popupLayerLargeHead.png');
    width: 819px;
    height: 28px;
}
.popupLayerLargeHeadContent {
    position: relative;
    top: 4px;
    left: 6px;
}

.popupLayerLargeBody {
    background-image: url('../images/global/elements/popupLayerLargeMiddle.png');
    background-repeat: repeat-y;
    width: 819px;
}

.popupLayerLargeBodyContent {
    position: relative;
    top: 2px;
    left: 6px;
    width: 806px;
    font-size: 12px;
}

.popupLayerLargeFooter {
    background-image: url('../images/global/elements/popupLayerLargeFooter.png');
    width: 819px;
    height: 28px;
}

.popupLayerLargeFooterContent {
    position: relative;
    top: 2px;
    left: 6px;
}

.standardButton116 {
    width: 116px;
    height: 20px;
    position: absolute;
    color: #f1efef;
    font-size: 12px;
}

.standardButton116Body {
    background:url("../images/global/elements/standardButton116Body.jpg") repeat-x;
    width: 95px;
    height: 20px;
    float: left;
}

.standardButton116Front {
    background-image:url("../images/global/elements/standardButton116Front.jpg");
    width: 21px;
    height: 20px;
    float: left;
}

.standardButton116BodyActive {
    background:url("../images/global/elements/standardButton116BodyActive.jpg") repeat-x;
    color: #000000;
}

.standardButton116FrontActive {
    background-image:url("../images/global/elements/standardButton116FrontActive.jpg");
}

.standardButton116BodyDisabled {
    background:url("../images/global/elements/standardButton116BodyDisabled.jpg") repeat-x;
}

.standardButton116FrontDisabled {
    background-image:url("../images/global/elements/standardButton116FrontDisabled.jpg");
}



.standardButton116Body .standardButtonCaption {
    position: absolute;
    top: 2px;
    width: 97px;
    text-align: center;
}






.layerButton {
    top: 2px;
    float: right;
    position: relative;
    margin-left: 10px;
}





/*
#bg_day {
    background-image: url('../images/global/pv_day_bg.jpg');
}

#bg_night {
    background-image: url('../images/global/pv_night_bg.jpg');
}
*/

.typeface10pxBright, .dpxBright {

}

.test, .test2 {

}

.mainbg {
    z-index: -1;
    width: 980px;
    height: 580px;
    position: absolute;
}

.gradient {
    position: absolute;
    display: block;
    width: 100%;
    height: 13px;
    background: url('../images/global/internal/headlineGradient.png') repeat-x;
    z-index: 1;
}


.white10px {
    font-size: 10px;
    color: #ffffff;
}

.white11px {
    font-size: 11px;
    color: #ffffff;
}

.white12px {
    font-size: 12px;
    color: #ffffff;
}

.white13px {
    font-size: 13px;
    color: #ffffff;
}

.white14px {
    font-size: 14px;
    color: #ffffff;
}

.white15px {
    font-size: 15px;
    color: #ffffff;
}

.white16px {
    font-size: 16px;
    color: #ffffff;
}

.white17px {
    font-size: 17px;
    color: #ffffff;
}

.white18px {
    font-size: 18px;
    color: #ffffff;
}

.white22px {
    font-size: 18px;
    color: #ffffff;
}

.white35px {
    font-size: 35px;
    color: #ffffff;
}

.dark10px {
    font-size: 10px;
    color: #323232;
}

.dark13px {
    font-size: 13px;
    color: #323232;
}


.light13px {
    font-size: 13px;
    color: #f0f0f0;
}

.black12px {
    color: #000000;
    font-size: 12px;
}

.black14px {
    color: #000000;
    font-size: 14px;
}

.black24px {
    color: #000000;
    font-size: 24px;
}

.light11px {
    color: #f1efef;
    font-size: 11px;
}

.light12px {
    color: #f1efef;
    font-size: 12px;
}

.light24px {
    color: #f1efef;
    font-size: 24px;
}




.button {
    font-size: 12px;
    color: #f5f5f5;
    font-weight: bold;
    height: 21px;
    text-align: center;
    position: relative;
    cursor: pointer;

}

.button122 {
    width: 122px;
   background-image: url('../images/global/button122.png');
}

.button122Over {
    width: 122px;
   background-image: url('../images/global/button122Over.png');
}

.button122Disabled {
    width: 122px;
    background-image: url('../images/global/button122Disabled.png');
    color: #999999;
}

.button182 {
    width: 182px;
   background-image: url('../images/global/button182.png');
}

.button182Over {
    width: 182px;
   background-image: url('../images/global/button182Over.png');
}


.button div {
    position: relative;
    top: 3px;
}

.inputFrame {
    background-image: url('../images/global/bgInput.png');
    background-color: transparent;
	border-style: none;
	width: 122px;
	height: 21px;
    color: #F99420;
}

/*

.regular10pxBright {
    font-family: Arial;
    font-size: 10px;
    color: #d2d2d2;
}

.regular11pxBright {
    font-family: Arial;
    font-size: 11px;
    color: #d2d2d2;
}

.regular12pxBright {
    font-family: Arial;
    font-size: 12px;
    color: #d2d2d2;
}

.regular14pxBright {
    font-family: Arial;
    font-size: 14px;
    color: #d2d2d2;
}

.regular16pxBright {
    font-family: Arial;
    font-size: 16px;
    color: #d2d2d2;
}

.regular18pxBright {
    font-family: Arial;
    font-size: 18px;
    color: #d2d2d2;
}

.regular10pxMedium {
    font-family: Arial;
    font-size: 10px;
    color: #979797;
}

.regular11pxMedium {
    font-family: Arial;
    font-size: 11px;
    color: #979797;
}

.regular12pxMedium {
    font-family: Arial;
    font-size: 12px;
    color: #979797;
}

.regular14pxMedium {
    font-family: Arial;
    font-size: 14px;
    color: #979797;
}

.regular16pxMedium {
    font-family: Arial;
    font-size: 16px;
    color: #979797;
}

.regular18pxMedium {
    font-family: Arial;
    font-size: 18px;
    color: #979797;
}

.regular10pxDark {
    font-family: Arial;
    font-size: 10px;
    color: #7a7a7a;
}

.regular11pxDark {
    font-family: Arial;
    font-size: 11px;
    color: #7a7a7a;
}

.regular12pxDark {
    font-family: Arial;
    font-size: 12px;
    color: #7a7a7a;
}

.regular14pxDarkk {
    font-family: Arial;
    font-size: 14px;
    color: #7a7a7a;
}

.regular16pxDark {
    font-family: Arial;
    font-size: 16px;
    color: #7a7a7a;
}

.regular18pxDark {
    font-family: Arial;
    font-size: 18px;
    color: #7a7a7a;
}
*/
.bold {
    font-weight: bold;
}


.content {
	color: #ffffff;
	font-size: 10px;
	position: absolute;
	width: 970px;
}


#mainContent_externalHome {
    width: 1130px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

#mainFooter {
    position: relative;
    left: 0px;
	width: 959px;
    margin-left: auto;
    margin-right: auto;
}

.internalImprint {
    position: absolute;
    right: 15px;
}

.divLink {
    cursor: pointer;
}

.headline {
    position: relative;
    top: 3px;
    left: 5px;
}

.dragBar {
    width: 1px;
    background-color: #ffffff;
    position: absolute;
}

.selectBox {
    width: 165px;
    height: 19px;
    background-image: url('../images/global/selectBox.gif');
}

.selectBox div {
    position: relative;
    top:2px;
    left: 2px;
}

.frame {
    position: relative;
    width: 165px;
    height: 19px;
    background-image: url('../images/global/frame.png');
}

.menuFrame {
    margin-left: auto;
    margin-right: auto;
}

.frame div {
    text-align: center;
    position: relative;
    top: 2px;
}


.textInput {
    background-image: url('../images/global/textInput.png');
    border-style: none;
    background-color: transparent;
    height: 17px;
    width: 165px;
    color: #d2d2d2;
}

#layers, .infoLayer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}

.layer {
    z-index: 4;
}

.disableSite {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #000000;
    z-index: 3;
    opacity: 0.65;
    filter: alpha(opacity = 65);
}


.box {
    left: 35%;
    position: absolute;
    top: -300px;
}

.boxClose {
    position: absolute;
    top: 0px;
}

.boxCloseButton {
    text-align: center;
    width: 100px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    background-color: #212530;
    border: 1px solid #ffffff;
}

.boxCloseButton div {
    position: relative;
    top: 8px;
}

.boxTransparency1 {
    background-color: #212530;
    opacity: 0.6;
    filter: alpha(opacity = 60);
}

.boxTransparency2 {
    background-color: #212530;
    opacity: 0.9;
    filter: alpha(opacity = 90);
    position: absolute;
    top: 20px;
    left: 10px;
}

.boxHead {
    position: absolute;
    top: 0px;
    left: 15px;
}

/*TODO remove this!*/
.tempBoxContent {
    position: absolute;
    top: 25px;
    left: 15px;
}

.backgroundDark {
    background-color: #292929;
}

.itemSpacer {
    float: left;
    position: relative;
    width: 15px;
    height: 1px;
}


.gangLogo1 {
    background-image: url('../images/global/avatarProfiles/gangLogo_1.png');
    width: 70px;
    height: 60px;
}

.gangLogo2 {
    background-image: url('../images/global/avatarProfiles/gangLogo_2.png');
    width: 70px;
    height: 60px;
}

.gangLogo3 {
    background-image: url('../images/global/avatarProfiles/gangLogo_3.png');
    width: 70px;
    height: 60px;
}

.gangLogo4 {
    background-image: url('../images/global/avatarProfiles/gangLogo_4.png');
    width: 70px;
    height: 60px;
}


.gangColor1 {
    color: #6cd513;
}

.gangColor2 {
    color: #e51e22;
}

.gangColor3 {
    color: #9fdeeb;
}

.gangColor4 {
    color: #ca7f00;
}

.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0; padding: 0; margin: 0;}

/* Background */
.vscrollerbase {
    margin-left: -11px;
    margin-top: 5px;
    background-color: #60725a;
    width:3px;
    border: 1px solid #3b4a37;
    /*visibility: visible !important;*/
    /*background-image:     url('../images/global/scrollerbase.png');*/
}

/* Start */
.vscrollerbarbeg {
}

/* Scrollbar itself */
.vscrollerbar {
    width:3px;
    margin-top: -1px;
    left: -2px;
    /*background-image: url('../images/global/internal/scrollbar_content.gif');*/
    background-color: #b0aeaf;
    border: 1px solid #545454;
    cursor:pointer;
}

/* End */
.vscrollerbarend {
}

/* Clickable upper area */
/*
.vscrollerbasebeg {
    width:8px;
    height:5px !important;
    cursor:pointer;
    visibility:visible !important;
    background-color: #BAB7B5;
}
.vscrollerbasebeg:hover {
}
*/
/* Clickable lower area */
/*
.vscrollerbaseend {
    width:8px;
    height:5px !important;
    cursor:pointer;
    background-color: #BAB7B5;
    visibility:visible !important;

}
.vscrollerbaseend:hover {
}
*/
/*.vscrollerbar, .hscrollerbar {padding: 13px;z-index: 2;}*/
.vscrollerbar, .hscrollerbar {
    margin-left: 1px;
}

.loadingContainer {
    width: 275px;
    height: 44px;
}

.loadingBackground {
    width: 275px;
    height: 44px;
    position: absolute;
    background-color: #000000;
    opacity: 0.4;
}


.loading {
    background-image: url('../images/global/elements/loading.gif');
    width: 32px;
    height: 32px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 6px;
}

/* instances */
.instance_bg {
    position: relative;
    background: transparent url('/images/global/externalHome/instances_bg.png') no-repeat;
    width: 541px;
    height: 618px;
    left: 74px;
    top:70px;
}

.instance_bg_ie6 {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/global/externalHome/instances_bg.png');
    width: 541px;
    height: 618px;
    margin-left: 74px;
    margin-top:70px;
}

.instance_content {
    position:absolute;
    width: 541px;
    height: 618px;
    left: 74px;
    top:70px;
}

.instance_devider {
    background: transparent url('/images/global/externalHome/bg_devider.png') no-repeat;
    width: 461px;
    height: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.instance_devider_ie6 {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/global/externalHome/bg_devider.png');
    width: 461px;
    height: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.instance_login_btn {
    background: transparent url('/images/global/externalHome/btn_play.png') no-repeat;
    width: 117px;
    height: 24px;
    margin-top: 0px;
    margin-bottom: 0px;
    cursor:pointer;
}

.instance_login_btn {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/global/externalHome/btn_play.png');
    width: 117px;
    height: 24px;
    margin-top: 0px;
    margin-bottom: 0px;
    cursor:pointer;
}

.closeBtn {
    width:22px;
    height:23px;
    background: transparent url('/images/global/externalHome/btn_close_02.png') no-repeat;
    cursor:pointer;
}

.closeBtn_over {
    width:22px;
    height:23px;
    background: transparent url('/images/global/externalHome/btn_close_01.png') no-repeat;
    cursor:pointer;
}

.closeBtn_ie6 {
    width:22px;
    height:23px;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/global/externalHome/btn_close_02.png');
    cursor:pointer;
}

.closeBtn_ie6_over {
    width:22px;
    height:23px;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/global/externalHome/btn_close_01.png');
    cursor:pointer;
}