/* 
Document   : basic
Created on : 2009-01-14, 20:32:59
Author     : Karol
Description:
Purpose of the stylesheet follows.
*/

/* 
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

body {
    /*background-image: url(bckg.gif);*/
    background-color:black; /*#265000;*/
    background-repeat: repeat-x;
    font-family:'Arial';
    text-align: center;
}

.bannerTop {
    position:relative;
    top:50px;
    left:500px;
    width:468px;
}


.mainCanvas {
   width:980px;
   margin-left:auto;
   margin-right:auto;
   background-color:black;
   background-image:url(../img/bckg_mainCanvas.gif );
}



a, a:hover, a:visited {
    color:#3333FF;
    /*color:white;*/
}


a.yellowLink, a.yellowLink:visited {
        color: #c0c758;
}

a.yellowLink:hover {
    color:yellow;


}

a {
    text-decoration:none;

}
a:hover {
    text-decoration:none;

}
a:visited {
    text-decoration:none;
}


.centered {
    text-align:center;
}



img.spellImg {
    border:none;    
   width: 16px;
   width: 16px;
}

img.img_no_border {
    border:none;
}

.main_header {
    background-image: url(../img/banner_top.png);
    background-color:black;
    clear:both;
    text-align:left;
    margin-bottom:30px;

}

.main_header_sumup {
    height:20px;
    /*background-color:#BCBCBC;*/
    color:black;
    padding-left:5px;
    width:220px;
    font-weight:bold;
    background-image: url(../img/bck.gif);
}

.main_tab_background {
    background-image: url(../img/tab.gif);
    width:300px;
    margin-top:4px;
}



.main_right_menu, .main_left_menu {
    width:160px;
    min-width:160px;
    max-width:160px;
    font-size:8pt;
    padding-left:5px;
}


.main_header_language_panel {
    text-align:right;
    float:right;
    margin-right:20px;
    padding-top:8px;
    width:200px;
}

.main_center {
    width:650px;
}

.main_center, .main_right_menu, .main_left_menu {
    float:left;
}

.main_footer {
    clear:both;
    float:none;
}


.main_welcome_section {
    /*background-color:white;*/
    margin-top:20px;
    text-align: justify;
    padding-left:10px;
    text-indent:20px;
    width:95%;
}


.login_legend {
    font-size:8pt;
    text-align:left;
    width:100%;
}

.login_value {
    margin:2px;
    width:100px;
}

/*--*/
table.tibiaStatsTable {
    font-family:arial;
    background-color: #CDCDCD;
    margin:0px 0pt 15px;
    font-size: 12pt;
    width: 100%;
    text-align: left;
}
table.tibiaStatsTable thead tr th, table.tibiaStatsTable tfoot tr th {
    background-color: #e6EEEE;
    border: 1px solid #FFF;
    font-size: 8pt;
    padding: 4px;
}
table.tibiaStatsTable thead tr .header {
    /*background-image: url(bg.gif);*/
    background-repeat: no-repeat;
    background-position: center right;
    background-color:#AACCAA;
    cursor: pointer;
}

table.tibiaStatsTable thead tr .header:hover {
    color:white;
}

table.tibiaStatsTable tbody td {
    color: #3D3D3D;
    padding: 4px;
    background-color: #FFF;
    vertical-align: middle;
}
table.tibiaStatsTable tbody tr.odd td {
    background-color:#F0F0F6;
}
table.tibiaStatsTable thead tr .headerSortUp {
    background-image: url(asc.gif);
}
table.tibiaStatsTable thead tr .headerSortDown {
    background-image: url(desc.gif);
}
table.tibiaStatsTable thead tr .headerSortDown, table.tibiaStatsTable thead tr .headerSortUp {
    background-color:#AACCAA;
}
/*--*/


.news_zajawka {
    height:20px;
    line-height:20px;
    width:610px;
}

a.news_link {
    font-weight:bold;
    background-color:#CCCCCC;
    border-bottom:1px solid #999999;
    display:block;
    height:100%;
    color:black;
    text-decoration:none;
    font-size:8pt;
    font-family:sans-serif;
    text-align:left;
    padding-left:10px;
}


a.news_link:hover {
    background-color: #AAAAAA;
    color:red;
    cursor:pointer;
}

.news_text {
    padding-top:10px;
    padding-bottom:10px;
    text-align:left;
    padding-left:10px;
    border-bottom: 1px solid gray;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    margin-bottom: 5px;
    background-color:white;    
    width:599px;
    font-size:14px;

}




a.top_link, a.top_link:visited, a.top_link:hover {
    line-height:20px;
    font-size:12px;
    font-weight:bold;
    font-family:sans-serif;  
    color:white;
    text-decoration:underline;
}

.topAbout_brick {
    float:right;
    width:auto;
    height:20px;
    padding-left:10px;
    text-align:right;

}

.topMenuAggresive, .topMenuA_brick
{
    background-color:red;
    background-image: url(topbarbckg.gif );
}

.topMenuAggresive{
    clear:both;
    width:100%;
    border-top: 1px solid #FF7711;
}

topMenuA_brick_search, a.topMenuA_brick_link, a.topMenuA_brick_link:visited  {
    text-align:center;
    color:white;
    font-family:sans-serif;
    font-weight:bold;
    font-size:14px;
    line-height:25px;
    display:block;
    height:100%;
    border-right: 1px solid #991111;
    
}

a.topMenuA_brick_link:hover{
 background-color:#b00606;
}

.topMenuA_brick {
    float:right;
    height:25px;
    /*
        border-top: 1px solid #FF7711;
    */ 
}

.topAbout {
    background-image: url(bckg.gif);
}


.menu_div {
    /*border: 1px solid #DEDEDE;*/
}
.menu_sub_div {
    padding-left:30px;
        /*border: 1px solid #DEDEDE;*/
}


a.top_menu_item, a.top_menu_item:visited {
    border: 1px solid #DEDEDE;
    text-align:center;
    display:block;
    width:100%;
    height:100%;
    color:black;
    text-decoration:none;
    font-size:10pt;
}
a.top_menu_item_selected {
    border: 1px solid #DEDEDE;
    background-color:#FFFFFF;
    text-align:center;
    display:block;
    width:100%;
    height:100%;
    color:black;
    text-decoration:none;
    font-size:10pt;
}

a.top_menu_item:hover {
    background-color: #AAAAAA;
    color:white;
    cursor:pointer;
}

a.menu_item, a.menu_item:visited {
        border-bottom: 1px dotted gray;
}

a.sub_menu_item, a.menu_item, a.menu_item:visited  {
    padding-left:2px;
    text-align:left;
    display:block;
    width:100%;
    height:20px;
    color:black;
    font-size:14px;
    text-decoration:none;
}

a.menu_item:hover, a.sub_menu_item:hover {
    /*background-color: #AAAAAA;*/
    font-weight:bold;
    color:blue;
}

hr.side_menu_separation {
    border: 1px solid gray;
    width:60%;
    padding-left:16px;
}

.side_menu_div {
    width:130px;
    /*border-right: 1px dotted gray;*/
}

.table_headder {
    text-align:center;
}

.table_row1 {
    background-color:#CCEECC;
}

.table_row0 {
    background-color:#CCDDCC;
}

.table_desc {
    text-align:right;
    padding-right:5px;

}
.table_value {
    text-align:left;
    padding-left:5px;

}

.item {
    color:blue;
}

.tab_link {text-decoration:none; color:black;}

.tab_empty { border-bottom:1px solid #4444AA; width:100%;}
.tab, .tab_active {text-align:center; padding-left:4px; padding-right:4px; }
.tab{background-color:#CCCCCC; border: 1px solid #4444AA; cursor:pointer;}
.tab:hover{ background-color:#DDDDDD;}
.tab_active {
    width:200px;
    border-top:1px solid #4444AA;
    border-left:1px solid #4444AA;
    border-right:1px solid #4444AA;
}


/*================ MONSTERS =======================*/

a.mon_edit {
    background-color:#CCCCEE;
    text-align:center;
    display:block;
    width:50%;
    height:100%;
    color:black;
    text-decoration:none;
}

a.mon_edit:hover {
    background-color: #AAAAAA;
    color:white;
}

.mon_tab {
    border: 1px solid black;
    width: 460px;
    margin-bottom:5px;
    background-color:white;
    margin:auto;
}



.mon_title_name {
    width:320px;
    font-family:sans-serif;
    font-weight:bold;
    font-size:20px;
    text-align:center;
}

.mon_title_picture {
    width:60px;
}

.mon_title_count {
    text-align:center;
    width:80px;
}

a.mon_title_show_details {
    background-color:#CCCCCC;
    text-align:center;
    display:block;
    width:100%;
    height:100%;
    color:black;
    text-decoration:none;
    font-size:8pt;
    font-family:sans-serif;
}


a.mon_title_show_details:hover {
    background-color: #AAAAAA;
    color:white;
    cursor:pointer;
}



.mon_details_table {
    width:100%;
}

.mon_details_loot_header {
    text-align:center;
    font-family:sans-serif;
    font-size:10pt;
    background-color:#AACCAA;
}

.mon_details_header {
    text-align:center;
}

/*================ LOOT =======================*/
.loot_sum_up_legend {
    width: 20%;
    text-align:right;
    color:#676767;
}

.loot_sum_up_value {
    width: 80%;
    text-align:left;
    padding-left:10px;
    font-family:monospace;
    font-weight:bold;
}

/*================ NEWS =======================*/

.news_window_text {
    padding-top:10px;
    padding-bottom:30px;
    padding-left:10px;
    padding-right:5px;
    background-color:#FFFFFF;
    text-align:left;
    text-indent:10pt;
    clear:both;
    border: 1px solid black;

}

.news_window_title {
    background-color:#FFFFCC;
    float:left;
    padding-left:10px;
    text-align:left;
    width:300px;
    border: 1px solid black;
    border-bottom:none;
}

/*================ ABOUT US =======================*/
.about_us_section_header {
    padding-top:25px;
    font-weight:bold;
    font-family:sans-serif;
    font-size:14px;
}
.about_us_section_desc {
    font-family:sans-serif;
    font-size:10px;
}
.about_us_section_text {}

a.about_us_link, a.about_us_link:visited  {
    text-decoration:none;
    color:#3333FF;
}

/*================ FAQ =======================*/
.fat_header {
    width:100%;
    font-size:22px;
    text-align:center;
    font-weight:bold;
    font-family:sans-serif;
}

p.faq_p {
    text-align:justify;
    padding-left:20px;
    padding-right:20px;
    text-indent:20px;
    font-size:14px;


}

.faq_title {
    text-align: left;
    font-weight:bold;
    font-family:sans-serif;
    font-size:18px;
    padding-top:20px;
    padding-left:10px;

}

.faq_category {
    text-align: center;
    font-weight:bold;
    font-family:sans-serif;
    font-size:20px;
    padding-top:20px;
    color:maroon;

}

.faq_agenda {
    padding-top:15px;
    padding-bottom:15px;
    text-align:left;
    padding-left:10px;
    border-bottom: 1px solid gray;
    border-top: 1px solid gray;
    margin-bottom: 5px;
    background-color:white;

}

.faq_text {
    line-height:20px;
    text-indent:20px;
    padding-top:10px;
    padding-left:20px;
    padding-right:20px;
    text-align: justify;
    font-family:sans-serif;
    font-size:14px;
}

.faq_list_title {
    font-weight:bold;
}

li.faq_li {
    padding-top:10px;
}

img.faq_img {
    text-align:center;
}

.faq_agenda_title {
    text-align:left;
    padding-top:5px;
}

a.faq_question_link, a.faq_question_link:visited {
    text-decoration:none;
    color:#3333FF;
    font-size:16px;
    padding-left:20px;
}

.footer_main {
    /*background-image: url(../img/bck.gif);*/
    /*height:100%;*/
    background-color:black;
    border-top: 1px solid gray;
    width:100%;
    font-size:8pt;
    color:gray;
    margin-top:10px;
    text-align:center;
}

/*------------------Articles -------------------------------------*/
.article_td, .article_td_m {
    background-color: #d9dad9
}

.article_td_m {
    text-align:center;
    color:black;
    font-size:18px;

}


/* ----------------- CALC / COMPETITIONS / RESEARCHES / ARTICLES > default table -----------------------*/
.default_brick {
    padding-top:10px;
    padding-bottom:10px;
    width:100%;
    padding-left:50px;
    text-align:left;
}

.default_td, .default_td_m, .default_td_r, .default_td_sr, .default_td_sg, .default_td_n {
    background-color: white;
}

.default_td_r {
   padding-left:10px;
}
.default_td_m {
    text-align:center;
    color:black;
    font-size:18px;
}
.default_td_sr {
   text-align:center;
   color: #ff0000;
}
 .default_td_sg {
   text-align:center;
   color: #009900;
}
.default_td_n {
   text-align:center;
   font-size:17px;
   font-weight: bold;
   color: #990000;
}
.default_author {
    text-align:center;
    font-size:14px;
    color: black;
}
.default_brick_title {
    text-align:center;
    font-size:18px;
    color:black;
}
.default_brick_content {
    text-align:left;
    color:black;
}



/*------------------- STATS -------------------------*/
/*
.stats_key {
    text-align:right;
    border-bottom: 1px dotted gray;
    font-size:12px;
    font-weight:bold;
    }


.stats_value {
    padding-bottom:10px;
    text-align:right;
    font-size:18px;
} */

/*------------------ CHARACTER STATISTICS ------------*/
table.stats {
    width:100%;
    background-color:white;
    border: 1px solid black;
    font-family:monospace;
    font-size:14px;
}

tr.stats_header {
    background-color: #85A24C;
    color:white;
    font-weight:bold;
}

tr.stats_row_0 {
    background-color: #DFEFDF;
    }

tr.stats_row_1 {
    background-color: white;
}

tr.stats_row_1:hover, tr.stats_row_0:hover {
    background-color:#B8BBB2;
    color:white;
}

/*-------------------------------------------------*/
tcsPlayerStatsLink {
    color:black;
}

.pl_stats_brick
{
    /*height:70px;*/
    /*float:left;*/
    text-align:left;
}

.pl_stats_summup {
    font-family:'Arial';
    font-size:12px;
    padding-bottom:30px;
}

.pl_stats_legend {
    text-align:right;
    width:25%;
}

.pl_stats_value {
    text-align:left;
    font-weight:bold;
}


.vocDict {
    font-size:12px;
    font-weight:bold;
}

.spelWordsTbl {
    font-style:italic;
    font-size:12px;
}


input[type=text].calcInput {
 background-color:white;
 border: 1px solid black;
 text-align:right;
}


.monsterWidgetDiv {
   background-color:#071d00;
    color: #c0c758;
    margin-left:2px;
    margin-right:2px;
    border:3px solid #40543a;
    margin-top:1px;
}

.monsterBlock {
 width:100px;
 text-align:center;
 margin:2px;
 background-color:#071d00;
 color: #c0c758;
 font-size:10px;
 height:135px;
 /*float:left;*/
}

.monsterBlockImg {
margin:auto;
width:80px;
height:80px;
background-color:#40543a;
}

.monsterDetailsLegend {
    padding-top:20px;
    font-size:12px;
}

.monsterDetailsValue {
    font-size:16px;

}


.widgetTitle {
    font-size:14px;
    font-family:'Arial';
    font-weight:bold;
    line-height:20px;
    font-weight:bold;
        text-align:center;
}

.widgetSubtitle {
    font-size:12px;
    border-bottom:1px solid #40543a;
    font-weight:bold;
}

.widgetMonsterName {
       font-size:12px;
}

.widgetFooter {
       font-size:12px;
           font-weight:bold;
}


a.accountLink {
        display:block;
        background-color:#AFAFAF;
        color:black;
        font-weight:bold;
        width:130px;
        font-size:12px;
        text-align:center;
        float:left;
        height:22px;
        line-height:22px;
        margin:4px;
        border:inset;
}

a.accountLink:hover {
    color:#5F5F5F;
}


.countLootAddToDB {
    text-align:center;
    margin:5px;
}

.countLootOptions {
    border-bottom:1px solid gray;
        border-top:1px solid gray;
        text-align: center;
        width:33%;
}

.countLootOptions:hover {
    background-color:#EEEEEE;
}

a.seeMoreBtn:hover {
    color:blue;
}

a.seeMoreBtn {
    color:black;
}

a.fansite {
    border:none;
    height:100px;
    width:100px;
    display:block;
    background-image:url('../img/supported_fansite.gif');
    margin:auto;

}
a.fansite:hover {
    background-position: 0px 100px;
}

.row_1 {
        background-color: #DFEFDF;
}
.row_0 {
      background-color: white;
}

li.simpleon
{
	background: url(../img/tick.png) 0 50%;
}
li.simpleoff
{
	background: url(../img/cross.png) 0 50%;
}
#targetall
{
	list-style: none;
	background-color: #CDCDCD;
        margin:0px;
        padding:0px;
}
#targetall li
{
	background-repeat: no-repeat;
	padding-left: 20px;
        list-style: none;
}

#thSelectColumn
{
    width: 10px;
}
#ulSelectColumn
{
        list-style: none;
        vertical-align: middle;
        padding:0px;
        margin:0px;
}

/*------------------Competitions - item-------------------------------------*/
.competition_td {
    background-color: #40543a;
    text-align:center;
    color:#ddfe00;
    font-size:12px;
}

.competition_td_m {
    background-color: #c0d4ba;
    text-align:center;
    color:black;
    font-size:10px;

}

.competition_td_n {
    background-color: #67a554;
    text-align:center;
    color:black;
    font-size:10px;

}

/*------------------Calculators - item-------------------------------------*/
.calculator_td {
    background-color: #071d00;
    text-align:center;
    color:#ddfe00;
    font-size:16px;
}

.calculator_td_m, .calculator_td_m2 {
    background-color: #c0d4ba;
    
    color:black;
    font-size:16px;

}

.calculator_td_m {
   text-align:center;
}

.calculator_td_m2 {
   padding-left: 130px;
}

.calculator_td_n {
    background-color: #67a554;
    text-align:center;
    color:black;
    font-size:14px;

}


table.summupTable a {
color:yellow;
text-decoration: none;
}

table.summupTable {
border-collapse: 2px;
border-spacing: 2px;
/*border:2px solid gray;*/
background-color: #c0d4ba;
}


td.summuptd a {
color:blue;
}

td.summuptd{
background-color: white;
}

th.nocase, th.case, th.num {
background-color: #3a492e;
color:yellow;
font-size:14px;
}

td.fishTD {
    text-align:center; font-size:16px; font-weight:bold; padding-top:20px;
}
