@import "ajax.css";
@import "news.css";


h1.arena {
    margin-bottom: 0;
}


a.button_minor:visited,
a.button_minor:active,
a.button_minor:link,
a.button_minor:hover,
.button_minor {
    padding-left: 0.5em;
    padding-right: 0.5em;
    background-color: transparent;
    border: none;
    color: #FFCF00;
}

a.button_minor:hover,
.button_minor:hover {
    color: white;
}



.column {
    width: 50%;
}

.layout_left {
    float:left;
}

.layout_right {
    float:right;
}

.layout_clear {
    clear: both;
}


.left {
    text-align: left;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

.top,
table.top > tbody > tr > td,
table.top > tbody > tr > th {
    vertical-align: top;
}

.middle,
table.middle > tbody > tr > td,
table.middle > tbody > tr > th
{
    vertical-align: middle;
}

.bottom,
table.bottom > tbody > tr > td,
table.bottom > tbody > tr > th {
    vertical-align: bottom;
}


.texttoken {
    white-space: nowrap;
}

.hero_full .bar_text,
.progressBarId,
.hidden {
    display: none;
}

.inline {
	display: inline;
}



/* These elements the custom skins of the players need to implement - so hidden they are by default */

/* 27. Juli 2009: */
.progressBar_container { 
    display: none;
}


.dropdown_headline {
    font-style:italic;
    font-weight:bold;
    font-size:110%;
    margin-top: 0.4em;
    
}



.atbottom {
    margin-top: 10em;
}

.box_container {
    position: relative;
}

span.box_container {
    display: inline-block; 
    position: relative;
}

.box_right {
    position: absolute;
    top: 0;
    right: 0;
}

.box_bottom_right {
    position: absolute;
    bottom: 0;
    right: 0;
}

.box_bottom_right {
    position: absolute;
    bottom: 0;
    right: 0;
}


.button,
.button_minor,
.medal,
.clickable {
    cursor: pointer;
}

.pointable {
    cursor: default;
}

 .editor_img {
    margin: 10px;
 }

 .editor_img_selected {
    border: 5px ridge #999999;
    margin: 5px;
 }

 
 
.vote_reward {
    position: relative;
    bottom: 14px;
}
 
 
.votebutton_bottombanner {
    margin-top: 50px;
}
 
 
 
table.rep_status_table > tbody > tr > * {
    padding-left: 3px;
    padding-right: 3px;
} 
 
table.rep_status_table > tbody > tr > td {
    text-align: center;
}



table.rep_status_table > tbody > tr > td.hero,
table.rep_status_table > tbody > tr > td.position,
table.rep_status_table > tbody > tr > .resource {
    text-align: left;
}

table.rep_status_table > tbody > tr > td.number {
    text-align: right;
}



div.textblock,
p {
    margin-top: 0.8em;
    margin-bottom: 0.8em;
}


/**********************************************************************
 * List selector
 **********************************************************************/

td.selector:hover,
table.selector > tbody > tr:hover,
table.selector > tbody > tr:hover > td
{
    background-color: #c3921d;   
}

td.selector.marked,
table.selector > tbody > tr.marked,
table.selector > tbody > tr.marked > td {
    background-color: #0fae21;   
}

td.selector,
table.selector > tbody > tr > td {
    padding-left: 0.3em;
    padding-right: 0.3em;
}

 
table.selector,
table.selector > tbody > tr,
table.selector > tbody > tr > td {
    border-spacing: 0px;
    border-collapse: collapse;
}


div.list_selector_container{
    border: 5px ridge #999999;
    position: relative;
    overflow: auto;
    height: 6em;
    width: 20em;
    overflow: hidden;
}


div.list_selector_container > div.box {
    position: absolute;
    overflow: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 5px;
}

div.list_selector_container > div.edit_button {
    position: absolute;
    right: 15px;
    bottom: 0;
}



/**********************************************************************
 * Default dungeon type colors
 **********************************************************************/
.dungeon_def_1 {
    color: #00ff20;
}

.dungeon_def_2 {
    color: #0fae21;
}

.dungeon_def_3 {
    color: #FF5555;
}

.dungeon_def_4 {
    color: #c3921d;
}

.dungeon_def_5 {
}

.dungeon_def_6 {
}

.dungeon_def_7 {
}

.dungeon_def_8 {
}

.dungeon_def_9 {
}

.dungeon_def_10 {
}










/**********************************************************************
 * Green button
 **********************************************************************/
.big_green_button_container {
    position: relative;
    background: transparent url(/wod/css/img/big_green_button.png) repeat scroll 0 0;
    height: 90px;
    width:  160px;
    z-index: 998;
    cursor: pointer;
    display: inline-block;
    margin: 0.5em;
}



.big_green_button_container:hover {
    background: transparent url(/wod/css/img/big_green_button_hover.png) repeat scroll 0 0;
}


.big_green_button_text,
.big_green_button_shadow {
    height: 89px;
    width:  159px;
    font-weight: bold;
    font-size: 20px;
}




.green_button_container {
    position: relative;
    background: transparent url(/wod/css/img/green_button.png) repeat scroll 0 0;
    z-index: 998;
    cursor: pointer;
}

.green_button_container,
a.green_button,
.green_button {
    height: 20px;
    width: 180px;
    display: inline-block;
}

.green_button_container.ie_fix,
a.green_button.ie_fix,
.green_button.ie_fix {
    display: inline;
}

.green_button_container:hover {
    background: transparent url(/wod/css/img/green_button_hover.png) repeat scroll 0 0;
}

.green_button_text,
.green_button_shadow {
    height: 19px;
    width: 180px;
    font-weight: bold;
    font-size: 12px;
    white-space: nowrap;
    
}





.big_green_button_text:hover,
.green_button_text:hover {
    color:#F0A015;
}

.big_green_button_shadow,
.green_button_shadow {
    position: absolute;
    top: 1px;
    left: 1px;
    z-index: 1000;
    color: #06280e;
}
.big_green_button_text,
.green_button_text {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1001;
    color: white;
}

.big_green_button_inner,
.green_button_inner {
    height: 100%;
    width: 100%;
    text-align: center;
    vertical-align: middle;
}




.button_image {
    vertical-align: bottom;
}



/**********************************************************************
 * Gadgets
 **********************************************************************/
.gadget_table_cell.merged > div,
.gadget_table_cell.merged > div > div,
.gadget_table_cell.merged > div > div > div {
    display: inline-block;
}
 
 
.gadget_table_cell.merged.ie_fix > div,
.gadget_table_cell.merged.ie_fix > div > div,
.gadget_table_cell.merged.ie_fix > div > div > div {
    display: inline;
}



img {
    display: inline;
    vertical-align: middle;
}

#FooterMenu {
    width: 100%;
}



.gadget_icon > a,
.gadget_icon > a > img {
    outline-style:none;
    outline-width:0;
}



/**********************************************************************
 * facebook
 **********************************************************************/

a.facebook_button,
a.facebook_button:link,
a.facebook_button:visited,
a.facebook_button:focus,
a.facebook_button:hover,
a.facebook_button:active,
.facebook_button             {
     font-family:             Verdana, Helvetica, sans-serif;
     font-size:               8pt;
     background-image:        url( /wod/css/img/facebook_button.png );
     border-style:            solid;
     border-color:            #32437f;
     border-width:            1px;
     color:                   #FFFFFF;
     font-weight:             bold;
     background-color:        #6b7aae;
     padding-left:            24px;
     padding-right:           4px;
     height:                  22px;
}

div.facebook_i_like {
    background-color: #333333;
}