@import url(http://fonts.googleapis.com/css?family=Risque);

.raidCaption
{
    color: #A83107;
    font-weight: bold;
}

img[src="http://static.tsviewer.com/images/teamspeak3/standard/16x16_group_icon_custom.png"]
{
	display: none !important;
	width: 0px !important;
	height: 0px !important;
}

.raidDescription
{
	display: none;
}

.raidEintrag:hover .raidDescription
{
    display: block;
    height: 480px;
    left: 50%;
    margin-left: -477px;
    overflow: hidden;
    padding: 19px;
    position: absolute;
    top: 302px;
    width: 553px;
    z-index: 2147483647;
}

.NEWRAID
{
	color: #BA8823;
}

.OLDRAID
{
	color: #7D7D7B;
}

#flex__1_contentwrapper
{
	line-height: 20pt;
}

* { outline: 0;}

html
{
    /*height: 100%;*/
}

#admin
{
    background-image: url(../img/admin.png);
    width: 226px;
    height: 578px;
}

body
{
    background-image: url(../img/bg_2.png);
    background-position: center top;
    background-repeat: no-repeat;
    text-align: center;
    height: 100%;
    margin: 0px;
    font-family: 'Risque', 'Philosopher', 'Aller', 'Helvetica', 'Calibri', 'Verdana';
    background-color: black;
}

#logo
{
    left: -360px;
    margin-bottom: -20px;
    position: relative;
    height: 342px;
    z-index: 1;
}

#main
{
    color: #BA8823;
    font-size: 15pt;
    height: 618px;
    margin: -80px auto 0;
    padding: 40px 36px 36px;
    text-align: left;
    text-shadow: 0 1px 5px #000000;
    width: 978px;
    z-index: 666;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.64) 99%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(99%,rgba(0,0,0,0.64)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.64) 99%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.64) 99%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.64) 99%,rgba(0,0,0,0.65) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.64) 99%,rgba(0,0,0,0.65) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
    padding-bottom: 0px !important;
}

#main p
{
    margin-top: 0;
    padding: 5px;
    border-radius: 5px;
    transition: background-color 0.5s;
    -moz-transition: background-color 0.5s; /* Firefox 4 */
    -webkit-transition: background-color 0.5s; /* Safari and Chrome */
    -o-transition: background-color 0.5s; /* Opera */
}

#main p:hover
{
    background-color: rgba(255, 255, 255, 0.1);
}

a
{
    color: #14754B;
    text-decoration: none;
    font-weight: bold;
    transition: color 0.5s;
    -moz-transition: color 0.5s; /* Firefox 4 */
    -webkit-transition: color 0.5s; /* Safari and Chrome */
    -o-transition: color 0.5s; /* Opera */
}

th
{
    color: #A83107;
}

td, th
{
    padding: 5px;
}

td
{
    text-overflow: ellipsis-word;
    overflow: hidden;
}

table
{
    border-collapse: collapse;
}

tr
{
    transition: background-color 0.5s;
    -moz-transition: background-color 0.5s; /* Firefox 4 */
    -webkit-transition: background-color 0.5s; /* Safari and Chrome */
    -o-transition: background-color 0.5s; /* Opera */
}

tr:hover
{
    background-color: rgba(255,255,255,0.1);
}

a:hover
{
    color: #11C376;
}

h1
{
    color: #A83107;
    display: block;
    width: 100%;
    margin: 0;
}

#bew
{
    color: #A83107;
    margin-top: 55px;
    font-size: 14pt;
}

#bew input
{
    background-color: rgba(255,255,255,0.1);
    border: 0px;
    border-radius: 5px;
    padding: 3px;
    font-family: 'Philosopher', 'Aller', 'Helvetica', 'Calibri', 'Verdana';
    font-size: 14pt;
    width: 193px;
    color: #BA8823;
    border-bottom: 1px solid #BA8823;
}


/* scroll */

/* Scroll Bar Master Styling Starts Here */
/* comments can freely be removed from this file */

/* do not modify .scrollgeneric class, required for proper operation */
.scrollgeneric {
line-height: 1px; font-size: 1px;
position: absolute; top: 0; left: 0;
}

.vscrollerbase, .vscrollerbar {
width: 15px;
}

.hscrollerbase, .hscrollerbar {
height: 15px;
}

.vscrollerbar, .hscrollerbar {
/*padding information of these elements are only used for
padding of the scroll-bar with respect to the scroll base,
the padding will automatically be turned off by the script*/
padding: 5px;
/* z-index for scrollbars no longer has to be given as of version
1.7.5 for correct operation, but it is still recommended, as this
decides the z-index for content.*/
z-index: 2;
}
.vscrollerbarbeg {
/*top image holder for vertical scroll bar*/
background-color: rgba(255,255,255,0.1);
border-radius: 10px;
width: 5px;
/* height is auto set by the script to fit the scrollbar */
}

.vscrollerbarbeg:hover, .vscrollerbarbeg:active {
/*top image holder for vertical scroll bar*/
background-color: rgba(255,255,255,0.2);
/* height is auto set by the script to fit the scrollbar */
}

.vscrollerbarend {
/*bottom image holder for vertical scroll bar*/
background: url(images/vscroller.png);
width: 15px; height: 10px;
}

.hscrollerbarbeg {
/*left image holder for horizontal scroll bar*/
background: url(images/hscroller.png) -10px 0px;
height: 15px;
/* width is auto set by the script to fit the scrollbar */
}

.hscrollerbarend {
/*right image holder for horizontal scroll bar*/
background: url(images/hscroller.png);
height: 15px; width: 10px;
}

/* Following are OPTIONAL */

.vscrollerbase, .hscrollerbase {

}

.hscrollerbasebeg {
height: 15px;
background: url(images/scrollbases.png) -22px 0px no-repeat;
/* width is auto set to fill the base */
}

.hscrollerbaseend {
height: 15px; width: 7px;
background: url(images/scrollbases.png) 0% 0% no-repeat;
}

.vscrollerbasebeg {
width: 15px;
background: url(images/scrollbases.png) -7px -8px no-repeat;
/* height is auto set to fill the base */
}

.vscrollerbaseend {
height: 7px; width: 15px;
background: url(images/scrollbases.png) -7px 0px no-repeat;
}

.scrollerjogbox {
width: 15px; height: 15px;
top: auto; left: auto; bottom: 0px; right: 0px;

}
/* Scroll Bar Master Styling Ends Here */



.dkpPlanner > div {
    display: inline-block;
    margin-top: 32px;
    vertical-align: top;
    width: 178px;
}

.dkpPlanner .character {
    padding-top: 5px;
    padding-bottom: 5px;
}

.dkpPlanner .name {
    display: inline-block;
    width: 110px;
}

.dkpPlanner .dkp {
    display: inline-block;
    padding-left: 10px;
    text-align: right;
    width: 50px;
    font-weight: bold;
}

.dkpPlanner .caption {
    color: #A83107;
    font-weight: bold;
}

[data-class="0"] {
    /* DUDU */
    color: #FF7D0A;
}

*[data-class="1"] {
    /* WARRI */
    color: #C79C6E;
}

*[data-class="2"] {
    /* SHAMI */
    color: #0070DE;
}

*[data-class="3"] {
    /* PRIEST */
    color: white;
}

*[data-class="4"] {
    /* HUNT */
    color: #ABD473;
}

*[data-class="5"] {
    /* MAGE */
    color: #69CCF0;
}

*[data-class="6"] {
    /* WARLOCK */
    color: #9482C9;
}

*[data-class="7"] {
    /* PALA */
    color: #F58CBA;
}

*[data-class="8"] {
    /* SCHURKE */
    color: #FFF569;
}


.physicals .character:nth-child(even),
.tanks .character:nth-child(odd),
.heiler .character:nth-child(even),
.caster .character:nth-child(odd),
.inactive .character:nth-child(even)
{
    background-color: rgba(255, 255, 255, 0.1);
}

select {
    border-bottom-colors: none;
    border-left-colors: none;
    border-right-colors: none;
    border-top-colors: none;
    background-color: transparent;
    border-color: black black #BA8823;
    border-image: none;
    border-radius: 5px 5px 5px 5px;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #BA8823;
    font-family: 'Risque','Philosopher','Aller','Helvetica','Calibri','Verdana';
    font-size: 15pt;
    height: 35px;
    padding: 5px;
    vertical-align: middle;
}

#dkpform option {
    background-color: black;
    font-family: 'Risque','Philosopher','Aller','Helvetica','Calibri','Verdana';
    font-size: 15pt;
    padding: 5px;
}


#dkpform input[type="text"] {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: black;
    border-color: -moz-use-text-color -moz-use-text-color #BA8823;
    border-image: none;
    border-radius: 5px 5px 5px 5px;
    border-style: none none solid;
    border-width: medium medium 1px;
    color: #BA8823;
    font-family: 'Risque','Philosopher','Aller','Helvetica','Calibri','Verdana';
    font-size: 15pt;
    padding: 5px;
}


.newCharacter .caption {
    color: #A83107;
    font-weight: bold;
    margin-top: 40px;
}

.newCharacter .row {
    color: #A83107;
    font-weight: bold;
    display: inline-block;
}

.newCharacter {
    margin-top: 40px;
}

#dkp
{
    width: 100px;
}

#dkpform[data-admin="true"] .newCharacter {
    display: block !important;
}


#dkpform[data-admin="true"] .dkp {
    display: none;
}

#dkpform[data-admin="true"] .adminDkp {
    display: inline-block !important;
}

.dkp.adminDkp > input {
    background-color: rgba(0, 0, 0, 0.5) !important;
    width: 42px;
}

.tools {
    background-color: rgba(0, 0, 0, 0.75);
    border-bottom: 1px solid #BA8823;
    border-left: 1px solid #BA8823;
    border-top: 1px solid #BA8823;
    height: 34px;
    margin-left: -177px;
    margin-top: -40px;
    padding: 5px;
    position: absolute;
    width: 167px;
    z-index: 999999;
}


.tools > select {
    width: 147px;
    border-bottom: none;
}

#dkpform[data-admin="true"] .character:hover .tools {
    display: block !important;
}

#dkpform[data-admin="true"] .character:hover {
    background-color: rgba(0, 0, 0, 0.7);
    border-bottom: 1px solid #BA8823;
    border-right: 1px solid #BA8823;
    border-top: 1px solid #BA8823;
    margin-bottom: -1px;
    margin-top: -1px;
    font-weight: bold;
}

#ts3viewer_1030315
{
    width: 231px;
    height: 484px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;

    scrollbar-face-color: #BA8823;
    scrollbar-shadow-color: rgba(0,0,0,0);
    scrollbar-highlight-color: rgba(0,0,0,0);
    scrollbar-3dlight-color: rgba(0,0,0,0);
    scrollbar-darkshadow-color: rgba(0,0,0,0);
    scrollbar-track-color: rgba(0,0,0,0);
    scrollbar-arrow-color: rgba(0,0,0,0);
}

/* Let's get this party started */
#ts3viewer_1030315::-webkit-scrollbar {
    width: 8px;
}
 
/* Track */
#ts3viewer_1030315::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
#ts3viewer_1030315::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #BA8823; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0); 
}

body .ts3v span.ts3v_server a:link, .ts3v span.ts3v_server a:visited,
body .ts3v,
body .ts3v_user,
body .ts3v_channel:hover,
body .ts3v_user:hover,
body .ts3v_channel,
body .ts3v_level,
body .ts3v_level:hover
{
    color: #BA8823 !important;
    font-family: 'Risque','Philosopher','Aller','Helvetica','Calibri','Verdana' !important;
    font-size: 14px !important;
}

body .ts3v_info, .ts3v_info a:link, .ts3v_info a:visited, .ts3v_info a:active
{
    display: none !important;
}

a[title="TSViewer for TeamSpeak 3"],
div[style="margin-top:5px; margin-left:16px; margin-bottom:16px;"]
{
    display: none !important;
}

body .ts3v_channel
{
    max-width: 162px !important;
    display: inline-block;
    overflow: hidden;
    color: #A83107 !important;
    font-weight: bold;
}

body img[src="http://static.tsviewer.com/images/teamspeak3/standard/16x16_tree_line.gif"],
body img[src="http://static.tsviewer.com/images/teamspeak3/standard/16x16_tree_mid.gif"],
body img[src="http://static.tsviewer.com/images/teamspeak3/standard/16x16_tree_end.gif"]
{
    visibility: hidden !important;
}

body #ts3_h_s1
{
    display: none !important;
}

body img[src="http://static.tsviewer.com/images/teamspeak3/standard/16x16_channel_open.png"],
body img[src="http://static.tsviewer.com/images/teamspeak3/standard/16x16_channel_full.png"],
body img[src="http://static.tsviewer.com/images/teamspeak3/standard/16x16_channel_pass.png"],
body img[src="http://static.tsviewer.com/images/teamspeak3/standard/16x16_channel_flag_password.png"],
body img[src="http://static.tsviewer.com/images/teamspeak3/standard/16x16_client_idle.png"],
body img[src="http://static.tsviewer.com/images/teamspeak3/standard/16x16_channel_open_temporary.png"],
body img[src="http://static.tsviewer.com/images/teamspeak3/standard/16x16_client_away.png"],
body img[src="http://static.tsviewer.com/images/teamspeak3/standard/16x16_group_icon_100.png"],
body img[src="http://static.tsviewer.com/images/teamspeak3/standard/16x16_channel_flag_moderated.png"],
body img[src="http://static.tsviewer.com/images/teamspeak3/standard/16x16_channel_flag_default.png"],
body img[src="http://static.tsviewer.com/images/teamspeak3/standard/16x16_client_mic_muted.png"],
body img[src="http://static.tsviewer.com/images/teamspeak3/standard/16x16_client_snd_muted.png"],
body img[src="http://static.tsviewer.com/images/teamspeak3/standard/16x16_client_mic_disabled.png"]
{
    display: none !important;
}

.ts3v > * {
    display: block;
    margin-left: -17px;
    overflow: hidden;
    width: 100%;
}

html body .ts3v_channel:hover
{
    text-decoration: none !important;
    color: #A83107 !important;
    font-weight: bold;
}

body .ts3v img[title="out of order - Admin"],
body .ts3v img[title="out of order - Baws"]
{
    background-image: url("../img/icon_admin.png");
    background-repeat: no-repeat;
    display: inline-block !important;
    height: 0 !important;
    overflow: hidden;
    padding: 16px 16px 0 0 !important;
    width: 0 !important;
}

body .ts3v img[title="out of order - Gildie"]
{
    background-image: url("../img/icon_gildie.png");
    background-repeat: no-repeat;
    display: inline-block !important;
    height: 0 !important;
    overflow: hidden;
    padding: 16px 16px 0 0 !important;
    width: 0 !important;
}

body .ts3v img[title="out of order - Pink"]
{
    background-image: url("../img/icon_ina.png");
    background-repeat: no-repeat;
    display: inline-block !important;
    height: 0 !important;
    overflow: hidden;
    padding: 16px 16px 0 0 !important;
    width: 0 !important;
}

body .ts3v img[title="out of order - Probe"]
{
    background-image: url("../img/icon_probe.png");
    background-repeat: no-repeat;
    display: inline-block !important;
    height: 0 !important;
    overflow: hidden;
    padding: 16px 16px 0 0 !important;
    width: 0 !important;
}

body .ts3v img[title="out of order - Gildenfreund"]
{
    background-image: url("../img/icon_gildenfreund.png");
    background-repeat: no-repeat;
    display: inline-block !important;
    height: 0 !important;
    overflow: hidden;
    padding: 16px 16px 0 0 !important;
    width: 0 !important;
}