background: url('aabback.jpg')/*tpa=https://guildofthrones.com/calculadora/imagens/back-got.png*/ !important;
background-repeat: no-repeat !important;
font-family:Calibri;
 
}
 
.dialog-container div{
text_align: center !important;
 
}
 
 
.resultingClass
{
    font-size: 10pt;
    color: #000000;
    font-weight: bold;
    display: block;
    text-align: center;
}
 
.selectLanguage
{
    position: absolute;
    top: 20px;
    right: 20px;
    width: 125px;
}
 
.classCombinationContainer
{
    visibility: hidden;
    background-color: #818181;/*#dddddd;*/
    border: 1px solid;
    border-radius: 4px;
    position: absolute;
    top: 20px;
    left: 20px;
    padding: 1px 5px;
}
 
.classCombination
{
    font-size: 18pt;
    color: #882222;
    font-weight: bold;
    display: block;
    text-align: center;
}
 
.ui-widget-content
{
    background: #222222 !important;
}
 
#vline1
{
    position:absolute;
    top: 120px;
    left: 270px;
    height: 320px;
    width: 0.15em;
}
 
#vline2
{
    position:absolute;
    top: 120px;
    left: 520px;
    height: 320px;
    width: 0.15em;
}
 
.verticalLine
{
    border: 0;
    background: #333;
    background: -webkit-gradient(linear, top, bottom, color-stop(0%,hsla(0,0%,0%,0)), color-stop(50%,hsla(0,0%,0%,.75)), color-stop(100%,hsla(0,0%,0%,0)));
    background: -webkit-linear-gradient(top, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0,0%,0%,0) 100%);
    background:    -moz-linear-gradient(top, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0,0%,0%,0) 100%);
    background:     -ms-linear-gradient(top, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0,0%,0%,0) 100%);
    background:      -o-linear-gradient(top, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0,0%,0%,0) 100%);
    background:         linear-gradient(top, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0,0%,0%,0) 100%);
}
 
.talentDescriptionContainer
{
 
    z-index: 1;
    position: absolute;
    visibility: hidden;
    width: 300px;
 
    padding: 5px;
    border: outset #000 1px;
    background-color: black;
    /*background: rg(138,184,0);
    background: rgb(30,30,30);
    background: rgbadd(138,184,0,0.95);
    background: rgba(30,30,30);*/
    color: #FFFFFF;            
 
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
 
.skillpunkte
{
    display:inline;
    font-size: 10pt;
    color: #882222;
    font-weight: bold;
}
 
.skill-passive-requires
{
    color: #9f6b28;
    font-size: 10pt;
}
 
.skillname-static
{
    font-weight: bold;
    font-size: 10pt;
    text-align: center;
    display: block;
}
 
.skillname
{
    color: #00AAFF;
    display: block;
    font-size: 11pt;
    text-align: center;
    padding-top: 4px;
    padding-bottom: 4px;
}
 
.zauberzeit
{
    color: #e53300;
}
 
.reichweite
{
    color: #e53300;
}
 
.abklingzeit
{
    color: #e53300;
}
 
.manaverbrauch
{
    color: #e53300;
}
 
.skalierung
{
    color: #e53300;
}
 
.grundschaden
{
    color: #e53300;
}
 
.skillbeschreibung-active
{
    color: #f0f0f0;
    padding: 5px;
    font-size: 1.05em;
    line-height: 1.25em;
}
 
.skillbeschreibung-passive
{
    color: #f0f0f0;
    padding-top: 5px;
    font-size: 1.05em;
    line-height: 1.25em;
}
 
.effect-box
{
    color: #000000;
    float: right;
    padding-right: 5px;
    padding-top: 5px;
}
 
.effect-image
{
    padding-left: 5px;
}
 
.combo-box 
{
    background-color: #252525;
    border: 1px solid #999999;
    border-radius: 4px 4px 4px 4px;
    margin-top: 5px;
    margin-bottom:5px;
    font-size:12px
}
 
.combo-box-combo
{
    padding: 5px;
    min-height: 28px;
}
 
.combo-box-combo:not(:last-child) 
{ 
    border-bottom: 3px double #999999; 
}
 
.combo-box-images
{
    float: left;
    margin-right: 5px;
}
 
.combo-image
{
    padding-left: 5px;
}
 
.arrow-image
{
    padding-left: 5px;
    margin-bottom: 3px;
}
 
.synergiebeschreibung
{
    padding-left: 5px;
    padding-right: 5px;
    color: #00f050;
}
 
.talentbeschreibung-stufe
{
    padding-top: 5px;
    color: #9f6b28;
    font-size: 10pt;
    line-height: 1.0em;
}
 
.passive-ability
{
    color: #882222;
    font-size: 10pt;
    text-align: right;
    display: block;
    padding-right: 5px;
}
 
.spacer-talentpopup
{
    margin-top: 5px;
    margin-bottom: 5px;
    vertical-align: middle;
    background-color: #999999; 
    border: none; 
    color: #999999; 
    height: 1px; 
    width: 298px;
}
 
.desc-infoField
{
    font-weight: bold;
    background-color: #818181;/*#dddddd;*/
    border-radius: 4px 4px 4px 4px;
    padding: 1px 5px;
}
 
#classSelect0
{
    position:absolute;
    top: 100px;
    left: 60px;
border-radius: 5px; 
color: white;
}
 
#resetTree0
{
    position:absolute;
    top: 465px;
    left: 100px;
border-radius: 50px;
}
 
#talentTreePoints0
{
    position:absolute;
    top: 135px;
    left: 50px;
}
 
#a-n-0
{
    position:absolute;
    top: 170px;
    left: 50px;
}
 
#tree-active0
{
    position:absolute;
    top: 215px;
    left: 50px;
 
}
 
#p-n-0
{
    position:absolute;
    top: 170px;
    left: 200px;
}
 
#tree-passive0
{
    position:absolute;
    top: 215px;
    left: 200px;
}
 
#classSelect1
{
    position:absolute;
    top: 100px;
    left: 307px;
border-radius: 5px; 
color: white;
}
 
#resetTree1
{
    position:absolute;
    top: 465px;
    left: 345px;
border-radius: 50px;
}
 
#talentTreePoints1
{
    position:absolute;
    top: 135px;
    left: 300px;
}
 
#a-n-1
{
    position:absolute;
    top: 170px;
    left: 300px;
}
 
#tree-active1
{
    position:absolute;
    top: 215px;
    left: 300px;
}
 
#p-n-1
{
    position:absolute;
    top: 170px;
    left: 450px;
}
 
#tree-passive1
{
    position:absolute;
    top: 215px;
    left: 450px;
}
 
#classSelect2
{
    position:absolute;
    top: 100px;
    left: 560px;
border-radius: 5px; 
color: white;
}
 
#resetTree2
{
    position:absolute;
    top: 465px;
    left: 590px;
border-radius: 50px;
}
 
#talentTreePoints2
{
    position:absolute;
    top: 135px;
    left: 550px;
}
 
#a-n-2
{
    position:absolute;
    top: 170px;
    left: 550px;;
}
 
#tree-active2
{
    position:absolute;
    top: 215px;
    left: 550px;
}
 
#p-n-2
{
    position:absolute;
    top: 170px;
    left: 700px;
    font-weight: bold;
}
 
#tree-passive2
{
    position:absolute;
    top: 215px;
    left: 700px;
}
 
#link
{
    position:absolute;
    top: 540px;
    left: 50px;
}
 
.rot
{
    color:#CD0000;
    font-weight:bold
}
 
.pointsTotal
{
    position:absolute;
    top: 26px;
    left: 298px;
    font-weight: bold;
    background-color: #818181;/*#dddddd;*/
    border-radius: 4px 4px 4px 4px;
    padding: 1px 5px;
}