/*
	Pouzite barvy
	-------------
	tmave modra : #666699
	bezova : #ECE9D8
	seda : #999999
*/

body {
	font: small Arial, Helvetica, sans-serif; 
	padding: 0;
	margin: 0;
}

form {
	margin: 0;
	padding: 0;
}
 
h1 {
	margin: 0;
}
h2
{
    background:#669;
    color:#fff;
    padding: .2em .55em .7em;
    margin: 0 0 .5em;
    font: bold 1em Tahoma, sans-serif;
}

img {
	border: 0;
}
td 
{
    vertical-align:top;
}
a 
{
    color: #669;
}

p{margin:.5em 1em;}

#head {
}
#head #loginInfo 
{
    color: #666;
    position:absolute;
    top:15px;
    right:10px;
}

#page {
}

#columns 
{
    position:relative;
    width:100%;
}
#leftpanel
{
    position:absolute;
    top:20px;
    left:15px;
    width:125px;
}
#content
{
    background:#ECE9D8;
    margin-left:140px;
    border:8px solid #669;
    border-right:0;
    min-height:300px;
}

#copy {
	text-align: center;
	line-height: 1.5;
	clear: both;
	font-size:.88em;
}

/* nastaveni navbaru */

#navbar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navbar ul li {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	display: block;
}

#navbar a {
	color: #669;
	padding:.2em 1em;
	display:block;
}
#navbar a:hover
{
    color: #c00;
}	
#navbar a.active {
	background: #669 url("mnu_cr.png") no-repeat top left;
	color: #FFF;
	text-decoration: none;
	padding:.35em 1em;
}
#navbar a.editor 
{
    font-weight:bold;
}
#navbar a.soubory 
{
    margin-bottom: 1em;
}

/* EDITOR */
#layout
{
    border:none;
    border-collapse:collapse;
    width: 100%;
    padding:0;margin:0;
}
#sidebar, #prefbar {
	width: 13em;
	padding: 4px;
}
#sidebar
{
    font-size:.85em;
}
#sidebar h3
{
    font-size:1.2em;
}
#sidebar h3 a
{
    color: #669;
    font-weight:bold;
    text-decoration: none;
}

#sidebar div {
	display: none;
}
#sidebar label 
{
    display: inline;
}
#sidebar.TexyHelp #TexyHelp,
#sidebar.Settings #Settings,
#sidebar.bar03 #bar03,
#sidebar.bar04 #bar04 {
	display: block !important;
}
#editor label, #prefbar label, #prefbar fieldset legend
{
    display: block;
    clear:both;
    margin-top:4px;
    margin-bottom:0;
    margin-left:10px;
    background:#999;
    color:#fff;
    padding:1px 3px;
    width:84px;
    text-align:center;
}
#prefbar fieldset label
{
    display: inline;
    background: transparent;
    color:#000;
    margin:0;
}
.nadpis, .popis, .clanek
{
	border: 1px solid #999;
	width: 98%;
	padding: 2px;
	margin:0;
}
.nadpis 
{
	width: 58%;
}
.popis 
{
	height: 5em;
}
.clanek
{
	background: #fff url(texy-syntax.gif) right bottom no-repeat;
	height: 20em;
}
.rubrika, .autor, .keywords, .url, #prefbar fieldset
{
	padding: 2px;
	border: 1px solid #999;
	width: 150px;
}
.keywords, .url, #prefbar fieldset
{
	width: 146px;
}
.publikovat
{
    margin-top:1.2em;
}
#datebox input
{
    border:0;
    padding:0;
    vertical-align: middle;
}
#datebox .frame
{
    border:1px solid #999;
    background: #fff;
	width: 146px;
	padding:0 2px;
	margin-bottom:.5em;
}
#datebox .year 
{
	width: 28px;
	margin: 2px 0;
}
#datebox .month, #datebox .day, #datebox .hour, #datebox .minute 
{
	width: 14px;
	margin: 2px 0;
}
.kalendar table
{
    border:0;
}

#nahled
{
    background: white;
    color:#333;
    border:3px double #999;
    padding: .5em;
}

/* login, logout */

#dialog {
	width: 300px;
	margin: 6em auto;
	background-color: #ECE9D8;
	border: 2px solid #669;
	font: bold Verdana, Arial, Helvetica, sans-serif;
}

#dialog fieldset 
{
    border:0;
    padding:1em;
}
#dialog legend
{
    font-size:1.1em;
    font-weight:bold;
    padding-top:.3em;
    margin: 0 auto;
    text-align:center;
    color: #999;
    display:block;
}

#dialog label.proInput
{
    display: block;
    clear:both;
    margin-top:4px;
    margin-bottom:0;
    margin-left:10px;
    background:#999;
    color:#fff;
    padding:1px 3px;
    width:84px;
    text-align:center;
}
#dialog .Input
{
    border: 1px solid #999;
	width: 90%;
	padding: 2px;
	margin:0;
}
#dialog .check
{
    margin: .8em 0;
}
/* Sidebar */


/* obecne classy */

.exception, .info
{
    border: #c00 4px double;
    color: #f03;
    background: #fc9;
    font-size: 90%;
    padding: .5em;
    margin: -1em 25% 1.5em;
}
.info{
    color: #03f;
    background: #cfc;
    border-color: #00c;
}

.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}

.head
{
    font-weight: bold;
    color: #ffffff;
    background-color: #666699;
    padding:3px;
    text-align: center;
}
.check label{display:inline}

.grid{color:#333;width:640px; border:1px solid #666; margin:.6em; border-collapse:collapse}
.grid table{border:0}
.grid tr{margin:2px 0}
.grid td{padding:4px;border:1px solid #ccc}
.grid th{border:1px solid #666;}
.grid th a {color:#fff;}
.gridHeader{background:#666;color:#FFF;padding:2px}
.gridItem{background:#efefef}
.altGridItem{background:#dfdfdf}

.box {width:150px;background:#ddd;margin:4px auto;}
.box h2{font-size:1em;background:#666;color:#eee;margin:0;padding:3px;text-align:center}
.box ul{margin:0;padding:0;border:1px solid #ccc;border-bottom:none;list-style-type:none;font-size:.9em}
.box li{border-bottom: 1px solid #ccc;border-top: 1px solid #eee;padding:3px 6px}
.box li:before{content:'- '}
.box li a{color:#333;}

.texyCodeShow {
	display: block;
	border: gray thin solid;
	padding: 0.5em;
	background: #99c;
	position: absolute;
	right: 0;
	width: 400px;
}
.texyCodeShow pre{background:white;margin:0;padding:.5em;white-space:normal;}
.texyCodeShow a{color:black}
.texyCodeShow a:hover{color:red}
.texyCodeHide {
	display: none;
}

.hidden {
	display: none;
}