@import url("./classes.css");
@import url("../_rsrc/ajax-calendar/ajax-calendar.css"); /* Registrace */

/**
 * MAIN STYLE
 * 
 * @author      Lukas Vanecek
 * @copyright   Svist 21 s.r.o. (www.svist21.cz) All rights reserved.
 * @import      classes.css - basic classes
 */
body {
    margin: 0; padding: 0;
    font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; 
	font-size: 13px;
	background: #F1EFEB url('../_img/bg_body.gif') 0 0 repeat-x;
	color: #333;
	line-height: 1.4em;
	text-align: center;
}
#root {
    width: 920px;
    margin: 0 auto;
    text-align: left;
    background: transparent url('../_img/bg_root.jpg') 0 0 repeat-x;
}

/* CONTENT */
#main {
    padding: 0 5px;
    background: #FFF url('../_img/bg_main.gif') 0 5px repeat-y;
    border-top: 5px solid #FFF;
    border-bottom: 5px solid #FFF;
}

#sidebar {
    width: 180px; 
    _width: 200px; 
    padding: 10px;
    float: left;
    font-size: 110%;
}
#sidebar h2 { margin: 0 0 .5em 0; padding: 0; color: #000; font-weight: normal;  font-size: 1.2em;}
#sidebar ul { margin: 1em 0 2em 0; padding: 0; }
#sidebar ul li { margin: 0; padding: .2em 0; list-style-type: none; }

#sidebar ul#leftmenu { padding-bottom: 2em; border-bottom: 2px solid #FFF; }
#sidebar ul#leftmenu li { text-transform: uppercase; }
#sidebar ul#leftmenu li a { text-decoration: none; color: #000; }
#sidebar ul#leftmenu li a:hover { color: #FF0000; }
#sidebar ul#leftmenu li strong { color: #000; }

#sidebar ul#news li { font-size: 85%; }

#content {
    width: 695px; 
    width: 655px; 
    _width: 705px; 
    padding: 295px 25px 3em 25px;
    padding: 310px 25px 3em 25px;
    float: right;
    background: transparent url('../_img/bg_content.jpg') 0 0 repeat-x;
}
#content div#navigation {
    margin: -23px -20px 13px 0;
    text-align: right;
    color: #676767;
    font-size: 90%;
}
#content div#navigation span { font-size: 150%; font-weight: bold; }
#content div#navigation span.active { color: red; }

/* Standardní tabulka (např. Účastnický poplatek */
#content table.standard th, #content table.standard td {text-align: left; padding: .2em .5em;}
#content table.standard td {border-bottom: 1px solid silver;}

/* TOP MENU */
#top { height: 110px; color: #333; }
#top img#logo { width: 593px; height: 50px; margin-top: 24px; }
#top p {
    color: #FFF;
    margin-left: 800px;
    =margin-left: 203px;
    position: absolute;
    top: 30px;
    float: right;
    font-weight: bold;
}
#top p a { color: #FFF; text-decoration: none; }
#top p a:hover { text-decoration: underline; }
#top ul { 
    height: 25px;
    margin: 7px 0 0 0; padding: 0; 
    list-style-type: none; 
    background: transparent url('../_img/bg_mainmenu.png') 0 0 no-repeat;
    _background: #235F8F;
    
    /* IE6 PNG 
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='http://www.kjt.cz/_img/bg_mainmenu.png');
	_background-image: none;
	*/
    color: #FFF; 
    text-align: center;
}
#top ul li { margin: 0; padding: 0; display: inline; } 
#top ul li a, #top ul li strong, #top ul li span {
	margin: 0; 
	padding: 0 30px;
	color: #FFF;
	font-weight: normal;
	display: inline;
	text-decoration: none;
	line-height: 25px;
}
#top ul.de li a, #top ul.de li strong, #top ul.de li span {
	padding: 0 20px;
}
#top ul li strong {
    color: #223A5E;
	background: #F1EFEB;
}
#top ul li a:hover { 
    /*background: #11619E;*/
}

/* FOOTER */
#footer {
	color: #666;
	line-height: 2em;
	height: 2em;
	clear: both;
}
#footer a { color: #666; }
#footer a:hover { color: #FF0000; }
.copyright { margin-left: 1em; float: left; font-size: 90%; }
#svist21 { margin-right: 1em; float: right; font-size: 90%; }


/* LINKS */
a,a:visited	{ color: #11619E; }
a:hover 	{ color: #FF0000; }

h1 		{ margin: 0 0 1em 0; font-size: 1.5em; color: #333; font-weight: normal; }
h2 		{ margin: 2em 0 .5em 0; font-size: 1.3em; color: #11619E; font-weight: normal; }
h3 		{ margin: 2em 0 .5em 0; font-size: 1.1em; color: #333; }
p 		{ margin:  1em 0; }
img     { border: none; }
hr 		{ display: none; }
ol,ul	{ margin: 1em 0 1em 3em; padding: 0; }
ul li		{ list-style: square; margin: .5em 0; }

table {
    /*
    width: 100%;
 	margin: 1em auto;
 	*/
	text-align: left;
	/*
	border: solid #11619E;
	border-width: 0 0 2px 0;
	*/
}
table th {
	padding: .4em 0 .1em 0;
	background: #11619E;
	color: #FFF;
	text-align: center;
}
table .tleft { /*background: #11619E url('../_img/table_left.gif') left top no-repeat;*/ }
table .tright { /*background: #11619E url('../_img/table_right.gif') right 0% no-repeat;*/ }
table td { padding: 2px 2px 3px 2px; }
table td.odd { background: #EFEFEF; }

table#journals { width: 65% }
table#publishers { width: 30% }

table#users { width: 97% }
table#users th { padding: .4em .4em; }
table#users th a { color: #FFF; }

table#voting { margin-top: 1em; }

table#addedQuestions, table#showVoting, table#results { border: solid 1px #AFCEFF; }
table#addedQuestions th, table#showVoting th, table#results th { background: #AFCEFF; color: #222; }
table#addedQuestions td.odd, table#showVoting td.odd, table#results td.odd { background: #EFF5FF; }

table#deleted { border: solid 1px #AFAFAF; }
table#deleted th { padding: .4em .4em; background: #AFAFAF; color: #FFF; }
table#deleted th a { color: #FFF; }
table#deleted td.odd { background: #EFEFEF; }

table#results { border: solid #788DAF; border-width: 1px 1px 2px 2px; width: 97%; clear: both;}
table#results th, table#results td { border: solid #788DAF; border-width: 1px 1px 0 0; padding: .2em .4em; }
table#results th { border-bottom: solid 1px #788DAF; }


table.normal tr td, table.normal tbody tr td { text-align: left; }

/* boxik s bodama pro hodnoceni */
a.rating {
	padding: 0px 4px;
	border: solid 1px #333;
	font-size: 85%;
	text-decoration: none;
	background: #FFF;
	color: #000;
	cursor: pointer;
}
a.rating:hover {
	border: solid 1px #333;
	background: #11619E;
	color: #FFF;
}

/* forms */
/*fieldset { margin: 0 auto; padding-bottom: .5em; border: solid 1px #A7A6AA; }*/
legend { padding: 0 .5em; background: #FFF; font-weight: bold; }
label { width: 100px; margin-right: 1em; margin-top: 4px; float: left; text-align: right; }
textarea { width: 50%; height: 7em; float: left; font-size: 12px; margin-top: 4px; border: solid 1px #A7A6AA; }
input, select, a.cancel { float: left; font-size: 13px; margin: 4px 0; }
/*input, select, a.cancel { float: left; font-size: 13px; margin: 4px 0; border: solid 1px #A7A6AA; }*/
a.cancel { margin: 5px 0px; padding: 1px .5em; background: #E0E0E0; font-size: 11px; text-decoration: none; color: #000; float: none; }
input.big { width: 30%; }
input.small { width: 10%; }
input.biggest { width: 50%; }
/*input.button { font-weight: bold; margin: 2em; padding: .5em 1.5em; float: none; text-align: center; background: #EFEFEF; }*/
input.button {font-size: 130%; padding: .5em 1em;}
br { clear: both; }
select.mceSelectList { float: none; }

.borderNone { border: none; }
.aleft      {text-align: left;}
.acenter    {text-align: center;}
.aright    {text-align: right;}

/* questions form */
div.questions { width: 75%; margin: 0 auto; padding: .5em; text-align: left; }
div.questions div.name { font-size: 130%; font-weight: bold; }
div.questions div.desc { font-style: italic; }
div.questions label { width: 40%; margin-right: 1em; margin-top: 4px; float: none; text-align: left; }
div.questions input, div.questions select { float: none; font-size: 13px; margin-top: 4px; border: solid 1px #A7A6AA; }

div.questions label.single, span.label { width: 30%; margin-right: 1em; margin-top: 4px; float: left; text-align: right; }
div.questions input.single, div.questions select.single { width: 40%; float: none; font-size: 13px; margin-top: 4px; border: solid 1px #A7A6A; }


input.radio, input.checkbox { border: none; vertical-align: -20%; }

div.questions fieldset { padding: .5em; background: #EEE; text-align: left; border: none; float: left}
div.questions fieldset label { width: 20%; margin-right: 1em; margin-top: 4px; float: left; text-align: right; }
div.questions fieldset input, select { float: left; font-size: 13px; margin-top: 4px; border: solid 1px #A7A6AA; }

div.submit { padding: .5em; text-align: center; clear: both; }
div.submit input { float: none; padding: .2em 1em; font-weight: bold; font-size: 110%; }

img.file_icon {
    margin: 0 .5em;
    width: 19px; height: 19px;
    vertical-align: -20%;
}

/* FOTOGALERIE */
div#photos a { margin-right: .5em; }

/* ANKETNI LISTEK */
fieldset#first, fieldset#second {
    border-left: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    border-right: 1px solid #DDD; 
    text-align: center; 
    padding-bottom: 0;
}

/* ACTION MESSAGE */
div#msg {
	 width: 30em;
	 margin: 1em auto; 
	 padding: .3em 1em .3em .3em;
	 background-color: #FFF; 
	 font-size: 120%;
	 font-weight: bold;
	 color: red;
	 text-align: center;
	 border: 2px solid red;
}
div#msg p { margin: .3em 0; padding: 0; }
div#message { width: 50%; margin: 1em auto; padding: 1em; border: solid 2px red; color: red; font: bold 110% 'Arial' }

/* REGISTRACE */
form#registration fieldset {margin: 2em 0; border: none;}
form#registration fieldset input { font-size: 13px; width: 200px;}
form#registration fieldset b { color: red; }
form#registration fieldset.payment, form#registration fieldset.agree { text-align: left; padding-left: 3em; }
form#registration fieldset.payment input, form#registration fieldset.payment label { float: none; }
form#registration fieldset.payment input { float: none; }
form#registration fieldset.payment p { font-style: italic; font-size: 85%; }
form#registration fieldset.payment label { width: auto; }
form#registration fieldset.agree { font-size: 90%; }
form#registration fieldset.agree label { width: 90%; text-align: left; margin: 1px 0 0 .5em; }

/*form#registration fieldset.personal { float: left; width: 39%; text-align: left;}
form#registration fieldset.personal label { width: 40%; }
form#registration fieldset.personal input { width: 54%; }
*/
form#registration fieldset.payment_ubytovani, form#registration fieldset.agree { text-align: left; padding-left: 3em; }
form#registration fieldset.payment_ubytovani { width: 370px; text-align: left; }
form#registration fieldset.payment_ubytovani label { }
form#registration fieldset.payment_ubytovani input { }

form#registration fieldset.captcha label.info { height: 80px; padding: 0 0 0 1em; color: gray; font-size: .9em; width: 250px; text-align: left;}
form#registration fieldset.captcha div { float: left; margin-left: 112px;}
form#registration fieldset.captcha input#captchain { width: 154px; }
form#registration input.button {margin-left: 110px;}

#resultText:first-letter { text-transform: uppercase; }

.small		{font-size: 85%;}

/* PARTE Eduard Graf von Westphalen */
#obituary { margin: 0; padding: 1em 1.5em 2em 1.5em; text-align: center; }
#obituary fieldset { 
    margin: 0; padding: 2em; 
    border: 15px double #000; 
    text-align: center; 
    color: #000; 
    font-family: 'Times New Roman'; 
    font-size: 16px; 
}
#obituary div { margin: 0; padding: 0; }
#obituary h2 { margin: 2em 0; padding: 0; color: #000; font-weight: bold; }
#obituary .signature { width: 50%; margin: 2em 0; }
#obituary .eduard { font-style: italic; }
#obituary .eduard p { margin: 2em 0 0 0; font-style: normal; }
#obituary img { margin: 2em 0 3em 0; }