/**
*******************************************************
*** 	Created by: xBlubbs (also called Xxl3lubbs)
*** 	(lovely) Created for: ForsakenFlyff
***
*** 	If there are any questions:
*** 		- ICQ: 288-347-762
*** 		- E-Mail: Dark.Visa@web.de
*** 	
*** 	Last Update: 04.01.2013, 12:47 CET
*******************************************************
**/






/*********************************/
/****** Pseudotags - Anfang ******/
/*********************************/
::All_four_errors_below_arent_real_errors {}

::selection {
    background:  hsl(0, 0%, 20%);
}

::-moz-selection {
    background:  hsl(0, 0%, 20%);
}

::-webkit-input-placeholder {
    color: hsl(0, 0%, 20%);
}

::-moz-placeholder {
    color: hsl(0, 0%, 20%);
}

/*******************************/
/****** Pseudotags - Ende ******/
/*******************************/






/****************************************/
/****** Einzelne Elemente - Anfang ******/
/****************************************/
img {
    border: none;
}

ul,
ol {
    margin: 0;
    padding: 0 0 0 20px;
}

li {
    margin: 0;
    padding: 0;
}

hr {
    height: 1px;
    background: hsl(340, 20%, 15%);
    border: none;
    margin: 10px 0;
}

table {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
    border-style: none;
}

td,
div,
p {
    margin: 0;
    padding: 0;

    text-decoration: none;
    font-weight: normal;
    cursor: default;
}

fieldset {
    border: none;
}

fieldset legend {
    font-weight: bold;
    padding: 0;
}

label {
    padding-top: 10px;
    float: left;
}

/**************************************/
/****** Einzelne Elemente - Ende ******/
/**************************************/






/************************************/
/************** Fonts ***************/
/************************************/
@font-face {
    font-family: 'Helvetica67';
    src: url('../fonts/Helvetica67.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaLT67';
    src: url('../fonts/HelveticaLT67.ttf');
    font-weight: normal;
    font-style: normal;
}

a:active,
a:focus,
input {
    outline: 0;
}

a,
a:visited {
    font-family: 'HelveticaLT67', Verdana, sans-serif;
    color: #948781;
    text-shadow: #140f10 1px 1px;
    font-weight: normal;
    outline: none;
    text-decoration: none;
}

a:hover {
    color: #99826f;
    outline: none;
}

a:active,
a:focus {
    text-decoration: none;
    outline: none;
}

h1,
h2,
h3,
h4 {
    margin: 0 0 4px 0;
    font-family: 'HelveticaLT67', "Trebuchet MS", Verdana, sans-serif;
    color: hsl(25, 20%, 55%);
    text-decoration: underline;
}

h1 {
    font-size: 22px;
    letter-spacing: 1px;
}

h2 {
    font-size: 18px;
}

h3 {
    font-size: 16px;
}

h4 {
    font-size: 12px;
    text-decoration: none;
}

/*     Colors     */
.normalColor01 {
    color: hsl(180, 100%, 35%);
}

.normalColor02 {
    color: hsl(180, 100%, 25%);
}

.highlight01 {
    color: hsl(25, 20%, 55%);
}

.highlight02 {
    color: hsl(0, 11%, 63%);
}

.green {
    color: #11c908;
}

.red {
    color: #ff0000;
}

.yellow {
    color: #ddb700;
}

/*     Sizes     */
.sechs {
    font-size: 6px;
}

.acht {
    font-size: 8px;
}

.zehn {
    font-size: 10px;
}

.elf {
    font-size: 11px;
}

.zwölf {
    font-size: 12px;
}

.vierzehn {
    font-size: 14px;
}

.fünfzehn {
    font-size: 15px;
}

.achtzehn {
    font-size: 18px;
}

.zweizwei {
    font-size: 22px;
}

.archivo {
    font-family: 'Archivo Narrow', sans-serif;
}

/************************************/
/************** Fonts ***************/
/************************************/






/****************************************/
/***************** Misc *****************/
/****************************************/
/*     Aligns and Styles     */
.left {
    text-align: left;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.nound {
    text-decoration: none;
}

.und {
    text-decoration: underline;
}

.kursiv {
    font-style: italic;
}

.bold {
    font-weight: bold;
}

/*     Margin and Padding     */
.padding {
    padding-top: 30px;
}

.nopad {
    padding: 0;
}

.marginTop {
    margin-top: 30px;
}

.nomar {
    margin: 0;
}

/*     Widths     */
.w030 {
    width: 30px;
}

.w140 {
    width: 140px;
}

.w160 {
    width: 160px;
}

.w170 {
    width: 170px;
}

.w190 {
    width: 190px;
}

.w220 {
    width: 220px;
}

.w200 {
    width: 200px;
}

.p05 {
    width: 05%;
}

.p10 {
    width: 10%;
}

.p15 {
    width: 15%;
}

.p20 {
    width: 20%;
}

.p25 {
    width: 25%;
}

.p30 {
    width: 30%;
}

.p35 {
    width: 35%;
}

.p40 {
    width: 40%;
}

.p45 {
    width: 45%;
}

.p50 {
    width: 50%;
}

.p55 {
    width: 55%;
}

.p60 {
    width: 60%;
}

.p65 {
    width: 65%;
}

.p70 {
    width: 70%;
}

.p75 {
    width: 75%;
}

.p80 {
    width: 80%;
}

.p85 {
    width: 85%;
}

.p90 {
    width: 90%;
}

.p95 {
    width: 95%;
}

.p100 {
    width: 100%;
}

/****************************************/
/***************** Misc *****************/
/****************************************/






/**************************************/
/****** Einzelne Seiten - Anfang ******/
/**************************************/
.fail,
.hint,
.success {
    min-height: 20px;
    margin: 7px auto;
    padding: 8px 6px 6px 32px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;

    text-align: left;
}

.fail {
    background: hsla(0, 0%, 0%, 0.4) url('../images/icons/misc/fail.png') 9px 9px no-repeat;

    color: hsl(10, 100%, 40%);
}

.hint {
    background: hsla(0, 0%, 0%, 0.4) url('../images/icons/misc/hint.png') 9px 9px no-repeat;

    color: hsl(210, 70%, 55%);
}

.success {
    background: hsla(0, 0%, 0%, 0.4) url('../images/icons/misc/success.png') 9px 9px no-repeat;

    color: hsl(130, 100%, 40%);
}

.fail p.title,
.hint p.title,
.success p.title,
.fail p.noticeTitle,
.hint p.noticeTitle,
.success p.noticeTitle {
    font-weight: bold;
    text-decoration: underline;
}

.page_title {
    width: 691px;
    height: 70px;
    background: url(../images/website/content/contentTitle.png) no-repeat;
    padding: 11px 0 0 0;

    color: hsla(0, 100%, 100%, 0.56);
    font: 16px 'Archivo Narrow', Verdana, sans-serif;
    font-weight: normal;
    text-align: center;
    text-shadow: 0 1px 0 black;
    line-height: 20px;
}

.page_subtitle {
    width: 676px;
    height: 48px;
    background: url(../images/website/content/contentSubtitle.png) no-repeat;
    margin: 2px 0 5px 0;
    padding: 0 0 0 15px;

    font: 14px 'Archivo Narrow', sans-serif;
    line-height: 3.5em;
    color: #615959;
    text-decoration: none;
    text-shadow: #000 0px 1px 0px;
    overflow: hidden;
}

.modifiedDate {
    margin-top: 10px;

    font-size: 10px;
    font-style: italic;
}

.newsTitle {
    width: 676px;
    height: 48px;
    background: url(../images/website/content/contentSubtitle.png) no-repeat;
    margin: 2px 0;
    padding: 0 0 0 15px;

    font: 14px 'Archivo Narrow', sans-serif;
    line-height: 3.5em;
    color: #615959;
    text-decoration: none;
    text-shadow: #000 0px 1px 0px;
    cursor: pointer;
    overflow: hidden;
}

.newsContent {
    background: rgba(0, 0, 0, 0.4);
    padding: 7px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;

    color: #7d6a6a;
    line-height: 1.5em;
}

.newsContent .additionalInformation {
    margin: 25px 0 0 0;
}

.newsContent .additionalInformation,
.newsContent .additionalInformation a {
    font-size: 10px;
    font-style: italic;
    line-height: 1.3em;
}

.newsTitle:hover,
.newsTitle:active,
.newsTitle:focus {
    background-position: 0px -48px;
    color: #ffffff;
}

.newsOpened {
    background: url(../images/website/content/contentSubtitle.png) no-repeat;
    background-position: 0px -48px;

    color: #ffffff;
}

.boxesContent p.x01 span.span,
.boxesContent p.x02 span.span {
    width: 120px;
    padding-left: 5px;

    color: #5f5e5e;
    font-weight: bold;
    text-align: left;
    float: left;
}

.boxesContent ul.accountpanelNavigation {
    width: 100%;
    margin: 0 0 0 14px;
    padding: 0;

    color: hsl(25, 20%, 55%);
    text-align: left;
    list-style-type: square;
}

input.votebutton {
    float: left;
}

.voteNotice {
    margin: 10px 0 0 0;
}

a.weiterleitung {
    width: 200px;
    height: 28px;
    background: transparent url('../images/forms/buttons/redirect.png') no-repeat;
    margin-left: 20px;
    padding: 13px 0 0 15px;

    text-align: left;
    display: inline-block;
    cursor: pointer;
    float: right;
}

a.weiterleitung:active,
a.weiterleitung:focus {
    background-position: 0 -41px;
}

.downloadContainer {
    text-align: center;
}

a.download {
    width: 148px;
    height: 62px;
    background: transparent url('../images/forms/buttons/download.png') no-repeat;
    margin: 4px;
    padding: 15px 0 0 60px;

    font-family: 'HelveticaLT67', "Trebuchet MS", Verdana, sans-serif;
    text-align: left;
    display: inline-block;
}

a.download:hover {
    color: hsl(25, 17%, 55%);
}

a.download:active {
    font-weight: bold;
}

.characterWindow {
    width: 30%;
    background: hsla(0, 0%, 0%, 0.4);
    margin: 5px;
    padding: 5px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;

    float: left;
}

.characterWindow p {
    float: left;
}

.characterWindow p.name {
    color: hsl(25, 20%, 55%);
    font-weight: bold;
    float: left;
}

.characterWindow p.rank {
    float: right;
}

.characterWindow div.countryIcons {
    width: 100%;
    padding: 0;
    text-align: center;

    clear: both;
    z-index: 9999;
    display: none;
}

.characterWindow div.countryIcons input.flag {
    width: 18px;
    height: 11px;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;

    text-indent: 9999px;
}

.accPanelInformation {
    width: 50%;
    float: left;
}

.accPanelInformation span.title1 {
    width: 150px;

    font-weight: bold;
    float: left;
}

.accPanelInformation span.title2 {
    width: 170px;

    font-weight: bold;
    float: left;
}

.shopNavigation {
    width: 100%;
}

.shopDetailsContainer {
    width: 100%;
}

.shopDetails {
    width: 55%;

    float: left;
}

.shopDetailsIcon {
    max-width: 60px;
    max-height: 120px;
    padding: 10px 0;
}

.shopDetailsContent {}

.shopBuyAndGift {
    width: 42%;
    padding: 10px 0 10px 2%;
    border-left: 1px solid hsl(340, 20%, 15%);

    float: right;
}

.shopItemList {
    width: 100%;
}

.shopItemContainer {
    width: 33%;
    padding: 10px 0;

    float: left;
    cursor: pointer;
}

.shopBuyable:hover {
    background: hsla(120, 100%, 50%, 0.05);
}

.shopNoBuyable:hover {
    background: hsla(0, 100%, 50%, 0.05);
}

.shopStandard:hover {
    background: hsla(0, 0%, 0%, 0.1);
}

img.shopItemIcon {
    max-width: 32px;
    max-height: 32px;
    padding: 10px 0 0 0;

    vertical-align: bottom;
    cursor: pointer;
    float: left;
}

.shopItemContent {
    margin-left: 52px;
}

.shopItemContent p {
    cursor: pointer;
}

.shopItemContainer:active p,
.shopItemContainer:focus p {
    font-weight: bold;
}

p.stepbystep {
    margin-bottom: 30px;
}

.ticket {}

.ticket .thead {}

.ticket .thead .tr div {
    cursor: pointer;
}

.ticket .tbody {
    background: hsla(0, 0%, 0%, 0.4);
    margin: 0 0 3px 0;
    padding: 7px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;

    display: none;
}

.ticket .tbody .mainText {
    padding-bottom: 10px;
}

.ticket .tbody .sub {
    margin: 10px 50px;
}

.ticket .tbody .sub .subText {
    margin: 30px 0;
}

.rankingActiveLink {
    color: hsl(27, 17%, 52%);
    font-family: 'HelveticaLT67', Verdana, sans-serif;
}

div.loadingImage {
    margin-top: 10px;
    height: 330px;
    vertical-align: middle;
    text-align: center;
}

/************************************/
/****** Einzelne Seiten - Ende ******/
/************************************/






/********************************/
/****** Formulare - Anfang ******/
/********************************/
form.formDonation {
    width: 405px;
    margin: 10px auto 0 auto;
    padding: 10px;
    background: rgba(0, 0, 0, 0.4);
    padding: 7px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    display: none;
}

label.labelRegistration,
span.labelRegistration {
    float: left;
    width: 190px;
}

label.px170,
span.px170 {
    float: left;
    width: 170px;
}

label.px140,
span.px140 {
    float: left;
    width: 140px;
}

label.px120,
span.px120 {
    float: left;
    width: 120px;
}

textarea {
    background: hsla(0, 8%, 5%, 1);
    padding: 3px;
    border: 1px #231a1a solid;

    color: hsl(25, 20%, 55%);
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}

select {
    width: 260px;
    height: 35px;
    background: url('../images/forms/fields/260.png') no-repeat transparent;
    margin-top: 5px;
    padding: 10px 4px 10px 7px;
    border: none;

    font-size: 11px;
    color: hsl(0, 0%, 40%);
    text-shadow: 1px 1px 0 hsla(0, 0%, 0%, 1);

    -webkit-appearance: none;
}

input[type=text].w030,
input[type=number].w030 {
    width: 30px;
    background: url('../images/forms/fields/030.png') no-repeat transparent;
}

input[type=submit]:hover,
input[type=submit]:focus {
    background-position: center -33px;
}

input[type=submit]:active {
    background-position: center -66px;
}

input[type=submit]:disabled {
    background-position: center -99px;
    cursor: default;
}

a.button {
    height: 25px;
    background: url(../images/forms/buttons/bg.png) center top;
    margin: 5px 0 0 0;
    padding: 7px 10px 0 10px;
    border: none;
    border-bottom: 1px #1c1414 solid;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;

    color: hsl(28, 28%, 86%);
    font: 15px 'HelveticaLT67', Verdana, sans-serif;
    text-decoration: none;
    text-shadow: #000000 1px 1px;
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
}

a.button:hover,
a.button:focus {
    background-position: center -33px;
}

a.button:active {
    background-position: center -66px;
}