/** EXTERNAL STYLES **/
/* @import url("./tabs.css"); */
/**
* Style for tabs
*/

.tabs {
	border-bottom: 1px solid black;
}

.tabs DIV {
	display: inline;
	border: 1px solid black;
	padding: 0.2em;
	margin-right: 0.2em;
	background-color: silver;
	padding-bottom: 0;
	cursor: pointer;
}
		
.tabs DIV.active {
	border-bottom: none;
	background-color: #f9f9c5;
}	

div.tab-content {
	display: block;
	border: 1px solid black;
	border-top: none;
	padding:0;
}

div.tab-content-hidden {
	display:none;
}

/* @import url("./criteria.css"); */
/*** TABLE **********************************/
table.kriteria {
	border: hidden;
	_border: 0; /* IE hack */
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: auto;
	empty-cells: show;
	text-align: left;
	border-bottom: 1px solid black;
}

.kriteria caption {
	background-color: #f9f9c5;
	color: black;
	font-weight: bold;
	font-size: 1.2em;
	text-align: left;
	padding: 2px;
}
.kriteria td {
	border: hidden;
	_border: 0; /* IE hack */
}

.kriteria tr.kriterium {
background-color: #666666;
color: white;
font-weight: bold;
border-top: 5px solid white;
}

.kriteria tr.ukazatel {
background-color: #888888;
color: white;
font-weight: bold;
}

.kriteria tr.hlavicka {
background-color: #dddddd;
font-weight: bold;
}

.kriteria tr.separator {
background-color: white;
}

.kriteria tr.footer {
background-color: #f9f9c5;
}

.kriteria tr.odd {
background-color: #dddddd;
}

.kriteria tr.even {
background-color: #dddddd;
}

.kriteria a {
	color: black;
}

.kriteria td hr {
	color: black;
}

/*** COMMON *********************************/
BODY {
	min-width : 750px;
	background-color: white;
	margin : 0;
	padding: 0;
	font-size: 0.7em;
	font-family: sans-serif; 
}

hr { }	

/* text elements */
h1, h2, h3, h4 {
	font-family: sans-serif;
	color: #660000;
}

h1 { font-size: 1.5em; }

h2 { 
	font-size: 1.3em;
	margin-bottom: 0;
}

h3 { font-size: 1.2em; }

h4 { font-size: 1em; }

P { margin-top:0;}

PRE {
	font-family: sans-serif; 
	font-style: normal;
	font-size: 1em;
	margin-top:0;
}
/* links */
a { color: #660000; }
a:link { color: #660000; }
a:visited { color: #660000; }
a:hover { color: #d08504; }

/* tables */
table.dataset {
	border: hidden;
	_border: 0; /* IE hack */
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: auto;
	empty-cells: show;
	text-align: left;
}

/*
.dataset caption {
	font-weight: bold;
}
*/
.dataset td {
	border: hidden;
	_border: 0; /* IE hack */
	border-bottom: 1px solid white;
	vertical-align: top;
	padding: 0.3em;
}
.dataset tr {}

.dataset tr.level-1-odd, tr.level-1-even {
	background-color: #cccccc;
	font-weight: bold;
}

.dataset tr.odd { background-color: #dddddd; }

.dataset tr.even { background-color: #eeeeee; }

.dataset tr.even:hover, tr.odd:hover { background-color: #b3b3b3; }

.dataset td.odd { background-color: #dddddd; }

.dataset td.even { background-color: #eeeeee; }

.dataset td.even:hover, td.odd:hover { background-color: #b3b3b3; }

.dataset th {
	border: hidden;
	_border: 0; /* IE hack */
	background-color: #d08504;
	color: white;
	font-weight: bold;
	border-bottom: 1px solid white;	
	vertical-align: top;
	padding: 0.3em;
}

.dataset th a { color: White; }

.dataset a { color: black; }

table.table-style-2 {
	border: hidden;
	_border: 0; /* IE hack */
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: auto;
	empty-cells: show;
	text-align: left;
}

.table-style-2 caption {
	font-weight: bold;
}
.table-style-2 td {
	border: hidden;
	_border: 0; /* IE hack */
	border-bottom: 1px solid white;
}
.table-style-2 tr {}

.table-style-2 tr.odd { background-color: #dddddd; }

.table-style-2 tr.even { background-color: #eeeeee; }

.table-style-2 tr.even:hover, tr.odd:hover { background : #b3b3b3; } 

.table-style-2 th {
	border: hidden;
	_border: 0; /* IE hack */
	background-color: #d08504;
	color: white;
	font-weight: bold;
	border-bottom: 2px solid black;	
}

.table-style-2 th a { color: White; }

.table-style-2 a { color: black; }

/* forms */
form fieldset { border:1px solid #b3b3b3 }

legend {
  border:1px solid #b3b3b3;
  background-color: #006600;
  color: white;
}
  
form label {
  float:left;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
}

input, textarea {
 border:1px solid black;
}

/* classes */
span.left { 
	width:50%;
}
span.right { 
	width:50%;
}
.hidden { display : none }
.clear { clear: both }

/*** MAIN CONTAINER *********************************/
div#container {}


/*** HEADER *********************************/
div#header {
	background-color: white;
	margin:0;
	padding: 0;
	padding-top: 10px;
	font: bold 1.2em;
	height: 55px;
}

#header-logo { /* set the WxH according to header logo dimensions */
	background: url('http://www.cenia.cz/web/ma21/ma21.nsf/Content?OpenAgent&ID=IMAGE_LOGO_MA21') top left no-repeat;
	margin-left: 10px;
	width: 300px;
	height: 55px;
	display:block;
}

#header span {
	display: none;
}

#header a {
	text-decoration: none;
}	

/*** PATHWAY *********************************/
div#pathway {
	background-color: #660000;
	color: white;
	padding: 0.2em 10px 0.2em 10px;
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	margin-bottom: 0.5em;
}

#pathway a {
	color : white;
	font-weight: bold;
}

/*** CONTENT *********************************/
div#content {
	background-color: white;
         /*upravil asida@centrum.cz*/
	/*margin-left: 170px;*/
        margin-left: 10px;
	margin-right: 10px;
	padding: 1em;
	padding-top: 0;
}

#content h1.supertitle { /*main title for content*/
	margin-top: 0;
	border-bottom: 2px solid #d08504;
	font-weight: bold;
	color: #d08504;
}

#content p {}

#content hr {  
	background-color: black;
	border: 0;
	height: 1px; 
}

#content dt {
	font-weight: bold
}

#content dd {
	margin-left: 0;
	margin-bottom: 1em;
}

#content .toc li {
	margin-bottom: 0.3em;
}	

#content a[href^="mailto:"] {
  padding-right: 11px;
  background: url('http://www.cenia.cz/web/ma21/ma21.nsf/Content?OpenAgent&ID=IMAGE_LINK_EMAIL') right center no-repeat;
}
#content a[href^="http://"], a[href^="https://"]  {
  padding-right: 9px;
  background: url('http://www.cenia.cz/web/ma21/ma21.nsf/Content?OpenAgent&ID=IMAGE_LINK_EXTERNAL') right center no-repeat;
}
#content .link-back  {
  padding-left: 5px;
  background: url('http://www.cenia.cz/web/ma21/ma21.nsf/Content?OpenAgent&ID=IMAGE_LINK_BACK') left center no-repeat;
}

#content .link-up  {
  padding-left: 8px;
  background: url('http://www.cenia.cz/web/ma21/ma21.nsf/Content?OpenAgent&ID=IMAGE_LINK_TOP') left top no-repeat;
}


/*
#content img {
	border: 1px solid #00cc00;
}
*/

#content .image-left {
	float: left;
	margin: 0;
	margin-right: 3px;
}

#content .image-right {
	float: right;
	margin: 0;
	margin-left: 3px;
}

/*** LEFT COLUMN *********************************/
div#left {
	float: left;
	_position: absolute;
	_left: 0;
	width: 160px;
	background-color: transparent;
	padding: 0;
	padding-left: 1em;
	padding-right: 0;
}

#left input {
	border: 1px solid black;
}

div#container-left {
	border-right: 1px solid black;
	margin-right:0;
	padding-right:0;
}

#container-left h3 {
	font-family: sans-serif;
	font-size: 0.8em;
	padding:0;
	margin:0;
		
}

#container-left ul {
	list-style: none;
	padding: 0;
	margin:0;
}

#container-left li {
	margin:0;
	padding: 0;
	padding-bottom: 0.5em;
}	

#container-left a {
	/*background: url(http://www.cenia.cz/web/ma21/ma21.nsf/Content?OpenAgent&ID=IMAGE_BULLET_MENU) no-repeat left;
*/
	color: #D08504;
	font-weight: bold;
	text-decoration: none;
	/*padding-left: 15px;
*/
}

#container-left a:hover {
	border-bottom: 1px solid #660000;
	color: #660000;
}

#container-left form {
}

#container-left input {
	width: 90%;
}

/*** RIGHT COLUMN *********************************/
div#right {
	float: right;
	width: 150px;
	background-color: transparent;
	padding: 0;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
}


div#container-right {
	border-left: 1px solid black;
	padding-left: 1em;
}

#container-right ul {
	padding-left: 1em;
	padding-bottom: 1em;
}	

#container-right li {
	padding-bottom: 0.5em;
}

/*** FOOTER *********************************/
div#footer {
	clear: both;
	background-color: white;
	color: #b3b3b3;
	padding: 1em;
	/*border-top: 1px solid black;
*/
	text-align: right;
	font-size: 0.8em;
}

/*** MESSAGES *********************************/
.message, .message-error, .message-warning {
	background-color: white;
	border: 1px solid #660000;
	border-left: 10px solid #660000;
	padding: 0.3em;
	margin-bottom: 0.5em;
}
.message-error {
	border-color: red;
}
.message-warning {
	border-color: #ff9900;
}

/*** INLINE BUTTONS *********************************/
/* from wellstyled.com */
.inline-button {
   _width:12em;
   font: bold 100%/1 Verdana, sans-serif;
   margin: 0 0.2em; padding: 0.1em 0; _padding:0;
   border: 1px solid black;
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #ccc;
   color: black;
   }
.inline-button em {
   _width:1em; _cursor:hand;
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: black;
   }
.inline-button span {
   _width:1em; _cursor:hand;
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
.inline-button:hover {
   background: #d08504;
   color: white;
   }
.inline-button:hover em {
   background: black;
   color: white;
   }