/* Globální definice */
* { margin:0; padding:0;}
body, table { font-size: 0.90em; }
html, body { color: #000000; background: #ccccff url("images/back.png") top center repeat-x; text-align:center; }
img { border:none; }
body, input, table, table th, table td { font-family: arial,helvetica,sans-serif;}
table, table th, table td { border-collapse: collapse; text-align: left; padding: 4px 0; }
input {padding:1px;}

/* Základní styly opakujících se prvků */
a,.click { text-decoration: underline; color: #143763; cursor:pointer; }
a:hover,.click:hover { text-decoration: none; }
.active { text-decoration: none; }
h1 { font-size: 1.9em; padding: 0px 0px 5px 0px; margin: 0px 0 0px 0; color: #000; font-family: 'Times New Roman', Times, serif}
h2 { font-size: 1.4em; padding: 1px 0px; margin: 8px 0em 8px 0em; color: #500e0d; font-family: 'Times New Roman', Times, serif}
#headmain h2 {margin-top: 0;}
h3 { font-size: 1.3em; margin: .2em 0 .2em 0; color: #501920; }
.listing { font-size:1.1em; text-align:center; margin: 15px 2px; } /* Stránkování */
.listing span { background-color: #ced3f1; padding: 2px 4px; border: 1px solid #6771af; cursor:pointer;}
.listing span:hover { background-color: #f0f2fb; border: 1px solid #6771af; }
.listing .active { background-color: #f0f2fb; cursor: default; }
.button { border:1px solid #fff; background-color:#211b3c; color:#fff; padding: 0px 6px; margin: 5px 0px;}
.table_form td {padding: 3px 3px;}
.cleaner { clear:both;height:1px;font-size:1px;border:none;margin:0; padding:0;background:transparent; }
.error { color:red;}
.text { margin: .3em .8em }
a.extra { background: #cbdef6; padding: 3px 5px;}

/* Rozvržení stránky */
#header { margin:auto; height: 33px; width:822px; background: url('images/head.png') #ededff center no-repeat;}
#header_content { margin: 0px 15px 0px 15px; }
#header_content #logo { float:left; width:250px; height: 75px; }
#search { float:right; padding: 7px 0px 0px 0px; margin-right: 30px; text-align:left; color: #34363f;font-size:.9em; font-weight:bold;}
#search #search_box { width:175px; margin: 3px 0px; padding: 2px 1px; }
#search #submit_search { vertical-align:middle; margin: 0 3px; height:23px; width:23px; }

#header_middle {  margin:auto; background: url('images/head2.png') #ededff top center no-repeat; width: 822px; height:59px;}
#header_middle_content { text-align: left;}
#header_middle img { width: 300px; height: 45px;}

#header_bottom { margin:auto;background: url('images/head3.png') #ededff top center no-repeat; width: 822px; height:22px; }
#header_bottom_content { margin: 0px 25px 0px 25px; padding: 3px 0px; text-align: center; font-size: 11px; }
#header_bottom_content img { vertical-align:middle; }
#header_bottom_content span.temp { font-size: 8px; }

#main { margin:auto; width:822px; font-size: 0.9em; text-align:left; background: url('images/mainhome.png') #fff top center no-repeat; min-height:600px; }
#main_content { margin: 0px 35px 0px 35px; }

#headmain { height: 522px; color: #fff; padding-top: 8px;}

#weather p { padding: .3em 0; line-height:1.4;}
#weather .add_table td { padding: 2px 5px; }
#weather fieldset { padding: 4px 6px; margin:.3em 1.2em;}
#weather .pictures { padding: .3em .8em;}
.small { font-size: 0.9em; font-style: italic;}

/* Hlavní obsah */

/* Uvítací text */
.welcome { width: 752px; margin: 3px 0px 10px 0px; text-align: justify; line-height: 1.3;  color: #000;}
.welcome .welcomehead { background: url('images/boxback_head.png') top center no-repeat; height:10px;}
.welcome .welcomebottom { background: url('images/boxback_bottom.png') bottom center no-repeat; height:10px; }
.welcome .welcomemain { padding: 0px 5px;  background: url('images/boxback_main.png') top center repeat-y; }

.text p { text-align: justify; line-height: 1.4; margin: 1em 0px; }
table.longweather td { border: 1px solid black; text-align:center; padding: 2px 4px;}


#chart { text-align:center; }

#discussion { padding: .3em 0em; line-height: 1.2; }
#discussion .post {  font-size: 0.9em; border: 1px solid #6771af;padding:3px;margin-bottom: 10px;}
#discussion .head {  font-size: 0.8em; margin-bottom:2px;}
#iam,#iamphoto,#you { display:none; }
#discussion ul {  padding:15px 0;list-style: square;}

/* Úvod */
#countries_list { margin: 0px 15px 0 15px; width:750px; margin:auto; }
#countries_list td { padding:2px 6px; vertical-align:top; width:25%; line-height: 18px; }
#countries_list thead td { color: White; }
#countries_list tbody td div {  padding: 3px 5px;  }
#countries_list tbody td div a { }
#countries_list thead h3 { }
#countries_list td img { vertical-align:middle;}

/* Počasí */
.schema { position:relative; text-align:center; }
.schema #schema_map { z-index:5;}
.schema .map_weather { color:#000;text-align:center; background-color: #ededff; border:1px solid #739fca; filter:alpha(opacity=85); opacity: 0.85;}
.schema .map_weather img { width:36px; margin:0;line-height:1; }
#thermo { float:left; background: url("images/thermo.png") bottom center no-repeat; width:69px; height:170px; position:relative; border:2px solid #808bc3;}
#quicksilver { width:3px; background-color: #00a0f0; position:absolute; left: 33px;bottom:20px;} 
#currentw { float:left }
#current_weather { width: 750px; color: #000}
#current_weather td { text-align:center; padding: 10px 10px;vertical-align:bottom; }
#current_weather th { text-align:center;font-weight:bold; font-size:1.5em; text-shadow: -1px 1px 3px #ffffff; }
#current_weather td.bigw { background: url("images/bigw.png") bottom left no-repeat; width:258px; height:266px;}
#current_weather td.bigw img {height: 144px; width:144px;}
#current_weather td.smallw { background: url("images/smallw.png") bottom center no-repeat; width:116px;}
#current_weather span { font-size:26px;} 

#forecast { margin: 1em 0em .3em 0; width:750px;}
#forecast td {  text-align:center; }
#forecast thead { font-weight:bold; font-size:1.4em; }
#forecast td.mediumw { background: url("images/mediumw.png") bottom center no-repeat; text-align:center; padding: 10px 5px;vertical-align:bottom; height: 230px; width:163px;}
#forecast span { font-size:26px;}
 
/* Patička */
#footer { margin:auto; width:822px; background: url('images/footer.png') top center no-repeat; }
#footer_content { color: #404040;text-align:right; margin:0; padding: 2em 1em .2em 1em; font-size: .75em; }

/* Napovedny ramecek */
#tooltip { position:absolute;	max-width:200px; font-size: 12px;border:1px solid #333;	text-align:left; background:#ced3f1;	padding:2px 6px;color:black; display:none;}

#preview { position:absolute;background:#333;padding:5px;display:none;color:#fff;text-align:left ; }
#preview img { max-width:640px;max-height:600px;}
.mini_preview { border-bottom: 1px dotted #000000;cursor: help;}

/* Našeptávač */
div.autosuggest {position:absolute;background-color: #24252f;padding:2px 0 0 0;margin:6px 0 0 0;filter:alpha(opacity=93); opacity: 0.93;}
div.autosuggest ul{font-size:11px; font-weight:normal;list-style:none;margin:0 0 0 0;padding:0;overflow:hidden;background-color:#24252f;}
div.autosuggest ul li{color:#fff;padding:0;margin:0 4px 4px;text-align:left;}
div.autosuggest ul li a{color:#fff;display:block;text-decoration:none;background-color:transparent;text-shadow:#000 0px 0px 5px;position:relative;padding:0;width:100%;}
div.autosuggest ul li a:hover{background-color:#444;}
div.autosuggest ul li.as_highlight a:hover{background-color:#ededff;color:#000;}
div.autosuggest ul li a span{display:block;padding:3px 6px;font-weight:bold;}
div.autosuggest ul li a span small{font-weight:normal;color:#999;}
div.autosuggest ul li.as_highlight a span small{color:#000;}
div.autosuggest ul li.as_highlight a{color:#fff;background-color:#ededff;}
div.autosuggest ul li.as_highlight a span{}
div.autosuggest ul li a .tl, div.autosuggest ul li a .tr{background-image:transparent;background-repeat:no-repeat;width:6px;height:6px;position:absolute;top:0;padding:0;margin:0;}
div.autosuggest ul li a .tr{right:0;}
div.autosuggest ul li.as_highlight a .tl{left:0;}
div.autosuggest ul li.as_highlight a .tr{right:0}
div.autosuggest ul li.as_warning{font-weight:bold;text-align:center;}
div.autosuggest ul em{text-decoration:underline; font-style:normal;} /* zvyrazneni nalezeneho spojeni */
/* Konec Našeptávač */


/**************************************************************************/
/* Styl pro záložky */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none !important;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 3px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: left;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 2px;
    font-weight: bold;
}
.ui-tabs-nav h2 {
	margin: 0;
    padding: 0;
}
.ui-tabs-nav a, .ui-tabs-nav h2 a {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    padding: 0 12px;
    background-color: #501920;
}
.ui-tabs-nav a {
    margin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */    
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #fff;
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
}
.ui-tabs-nav h2 a {
    padding-top: 1px;
    height: 20px;
    line-height: 20px;
}
.ui-tabs-nav .ui-tabs-selected h2 a {
    padding-top: 0;
    height: 27px;
    line-height: 27px;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
.ui-tabs-panel {
    border: 1px solid #501920;
    padding: 10px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
/*.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}*/

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}
/* Konec Styl pro záložky */