/* ======== pisma, barvy ====== */

blue {
	background-color: #ccccff;
	color: #c00;
}

body {
/*	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; */
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: 13px;
	margin: 0px; /* !!! */
	margin: 16px; /* !!! */
}

xxx i { font-family: verdana; } /* jako v jpsp */

ol, ul { margin-bottom: 0px; margin-top: 0px; /* border: solid green 1px; */ }
li { margin: 4px 0 4px -12px; /* xborder: solid red 1px; */ }


/* Musim jeste u table - jako v karbofuranu! */
/* table { font-size: 12px; } */
/* zruseno 2010-05-25 !!! Vicemene jsem prosel cely web, takze by to melo byt v poho,
   ale kdyby to nekde vyvolalo problem, resit tam */

/* zvetsil jsem velikost vstupu!! */
input, select, option, textarea { font-size: 14px; }
input.button, input.mybutton { font-size: 14px; }
input.small_button { font-size: 11px; }

/* kvuli IE to musim presne nadefinovat - ten h-cka hrozne prehani */
/* delam to relativne vuci velikosti 12 */
h1 { font-size: 24px; /*color: #ff0000;*/ }
h2 { font-size: 18px; /* color: #ff0000; */ }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
h5 { font-size: 12px; }

h2 { margin: 0.7em 0; }

/* tohle chtel Kalajda, ale zrusil jsem to, delalo to vic problemu nez uzitku: */
/* h1, h2, h3, h4, h5, h6 { margin-bottom: -5px; } */
h4, h5, h6 { margin-bottom: 0px; }

/* #main_flow { line-height: 135%; } - nejde kvuli tabulkam */
p, ul, ol { line-height: 135%; }
/* p, ul, ol, h1, h2, h3, h4, h5, h6 { line-height: 135%; } */

.tablecurrent { background-color: #AFFFBB !important; }
xx.tablecurrent { 
	background-color: #ffff99;
/*	background-color: #9999ff; */
}


/* ==========  ruzna globalni nastaveni ============================= */

a { text-decoration: none; color: #00e; }
a:hover { text-decoration: underline; }

a img { border: none; }

input.invalid, select.invalid, textarea.invalid { 
	background-color: #ff6666; color: black ! important; 
}

.errors h2, .errors h3, .errors h4 { margin-top: 0px; }
.errors { 
	background-color: yellow;
	clear: both;
/* 	color: red; */
	color: black;

	border-style: solid;
	border-width: 1px;
	border-color: black;

	padding: 8px;
	margin-top: 8px;
	margin-bottom: 8px;
}

.errors h2 {
	color: red;
}

div#cleardiv { clear: both; } /* tohle by se nemelo pouzivat s tim id, ale nechavam pro zpetnou kompatibilitu */
div.cleardiv { clear: both; }

.inline { display: inline; }

/* #census_top { width: 80%; } */

.biglegend {
/*	position: absolute;
	right: 0;
	bottom: 0; */
	
	background-color: #ccffcc;
/*	font-style: italic; */
	padding: 8px;
	border: solid 1px;
/* 	width: 30%; */
/*	width: 195px; */
	width: 240px;
	float: right;
/* 	margin-right: 15%; */
/* 	margin-right: 5%; */
/* 	margin-right: 8px; */
	margin-left: 12px;
	margin-bottom: 12px;
}

.biglegend em { font-family: tahoma; font-style: normal; color: #cc0000; }

.legend {
	background-color: #ccffcc;
/*	font-style: italic; */
	padding: 8px;
	border: solid 1px;
	width: 50%;
/*	float: right; */
/*	margin-right: 30%; */
	margin-bottom: 8px;
/*	margin-right: auto;
	margin-left: auto; */
}

.biglegend h3, .legend h3 { margin: -8px -8px 8px -8px;
	border-bottom-style: solid; border-color: black; border-width: 1px; 
	padding: 4px 0 4px 0; text-align: center; background-color: #66cc66; }


.biglegend ol, .legend ol, .biglegend ul, .legend ul { 
	/* list-style-position: inside; */ 
/*	margin: 0;  */
/*	padding-left: 3ex;  */
	/* border: solid yellow 1px;  */
}


.text {
/*	font-family: times-new-roman; */
	text-align: justify;
	width: 480px;
}

.text h1, .text h2, .text h3 { text-align: left; }

/* tohle neni dobry..., kdyz tam bude seznam, nefacha to */
/* p { width: 480px; } */

.question_mark { font-weight: bold; border: solid #630 1px; background-color: #edc389; color: #630;
	cursor: pointer; padding: 0 1px 0 1px; line-height: 120%; }

xxx.question_mark { font-weight: bold; border: solid black 1px; background-color: #ffff00; 
	cursor: pointer; padding: 0 1px 0 1px; line-height: 120%; }

.helper { font-size: 80%; font-weight: normal; }
.helper:hover { font-weight: bold; }

.fixed { margin: 0; position: fixed; top: 0px; background-color: #cceeff; }
.invisible { display: none; }

table.clickable_row tr#selected { background-color: #ffaa00; }

#report_save, .success { background-color: #ccddff; padding: 8px; margin: 8px 0 8px 0; text-align: center; 
	border: 1px #47c solid;
	/* border: #4477ff solid 1px; */ }


/* ====== tabulka pro transect list a census list a dalsi listy... === */

table.list { border-collapse: collapse; }
table.list td { padding: 1px 4px 1px 4px; }
table.list th { padding: 2px 8px 2px 8px; background-color: #cceeff; 
	border-bottom: solid black 1px; }

/* =================== formulare - globalni nastaveni ============== */

/* IE hack - fieldset background color bleed bug
 http://www.mattheerema.com/web-tech-design/2006/04/getting-fieldset-backgrounds-and-legends-to-behave-in-ie/  */
.ie fieldset {
	position: relative;
}

.ie legend {
	position: absolute;
	top: -.5em;
	left: .5em;
}
/* konec IE hacku */


form {
	margin-top: 8px;
}

fieldset {
	border: solid 1px #666666;
	padding: 8px 8px 8px 8px;
}

fieldset dl { margin-top: 8px; } /* for fucking IE */

fieldset legend { font-size: 14px; font-weight: bold; 
	padding: 4px 8px 4px 8px; 
	border: solid 1px #666666;
/*	background-color: #eeee33; */
	background-color: #ffff66;
} 
form dt { margin-bottom: 2px; }
form dt label { font-weight: bold; }
form .sublabel { font-size: smaller; xfont-style: italic; margin-top: 2px;}
form dd { margin-left: 0px; margin-bottom: 12px; }

form dl.nobreak { line-height: 200%; } 
form dl.nobreak dt { display: inline; font-weight: bold; }
form dl.nobreak dd { display: inline; margin-left: 1ex; }
	/* za dd je v tomto pripade potreba udelat <br>, bohuzel, jinak to nejde */

form dl.more_in_line dd { margin-left: 0.3ex; margin-right: 1ex; }

sup.arb { color: red; font-size: 135%; vertical-align: baseline; font-weight: bold; }
label.disabled { color: #999; }


/* dt, dd { border: solid green 1px; } */

/* =============== specialitky, to sem uplne nepatri ==================== */
ol#data_usage_text { list-style-position: inside; margin: 0; padding: 0; }
ol#data_usage_text li { margin-left: 0; padding-left: 0; }


/* ======================== specificke ================================== */

a.no_href_style { text-decoration: none; }
.pojem { cursor: pointer; color: black; xborder-bottom: 2px dotted blue; }


/* === stranka "O webu" ==== */
#web_text_loga {
	position: absolute;
	top: 16px;
	right: 8px;
/*	float: right; */
}

#web_text_loga_float { float: right; text-align: center; margin-top: -60px; }
#web_text_loga_float img { margin-top: 8px; } 

#authors
dt {  }
#authors dd { margin-bottom: 8px; /* font-weight: bold; */ 
 /* font-family: verdana; */ font-style: italic;  }

/* =========== ruzne ======== */
.cursor_pointer { cursor: pointer; }

.red { color: red !important; }

xx .schema_switch_box {
	position: fixed;
	left: 280px;
	top: 16px;
}

.schema_switch_box {
	display: none;
	position: fixed;

	z-index: 100;
	xxposition: absolute;
	right: 8px;
	top: 8px;
	width: 180px;
	border: solid #33c 1px;
	background-color: #ddf;
	padding: 4px;
}

.schema_switch_subbox0 { display: none; }
.schema_switch_subbox { margin: 4px 0; padding: 4px; border: dashed 1px #99f; }

.schema_selector { color: #99f; xfont-weight: bold; }
.schema_selector_selected { border-bottom: solid 1px; 
	xfont-weight: bold; color: #00f; }


#user .small { font-size: smaller; }

/* specialni hide, napr. pro mapove aplikace, vzato z ui-tabs-hide z jquery ui */
.anti_fouc_hide {
    display: block !important;
    position: absolute !important;
    left: -10000px !important;
    top: -10000px !important;
}
.anti_fouc_loading {
	font-size: 16px;
}
.anti_fouc_loading img { vertical-align: -50%; padding-right: 8px; }


a.action_ref {
	xxxcolor: #468F3E;
	font-size: 12px;
}

a.action_ref .fff_silk_icon {
	top: 4px;
	margin-left: 0px;
}

.fff_silk_icon__comment_edit { top: 2px !important; }

XXX a.action_ref:hover {
	text-decoration: none;
	border-bottom: 2px dotted;
}


/* tato classa se pouziva vicemene pro vsechny icony silk, kdyz jsou zarazeny do textu ...
   plati ze ten top: 3px; je zavisly na velikosti pisma - plati, ze cim vetsi pismo, tim mensi
   musi byt tato hodnota a ze cim vetsi pismo, tim mensi (pro h2 uz skoro staci 0)
   pro 13ku arial: 3px
   pro 12ku arial: 4px
*/
.fff_silk_icon {
	position: relative; top: 3px; margin: 0 4px;
}

#login_window table th {
	white-space: nowrap;
	font-size: 18px;
	text-align: left;
	padding: 4px 8px;
}

#login_window table td {
	padding: 4px 8px;
}