/**
 * Kalendář kulturních akcí
 * Městské kulturní středisko Tišnov
 *
 * Administrace šabna CSS
 *
 * @author	Vojtěch Sysel <vojtech.sysel@email.cz>
 * @file	default.css
 * @encoding	UTF-8
 * @version	0.1 (2010-04-17)
 * @c		2010
 */

body {
	padding: 0;
	margin: 0;
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
}

/* layout */
a {
	color: #00f;
	text-decoration: underline;
}

a:hover {
	color: #000;
	text-decoration: none;
}

a:active, a:focus {
	color: #f00;
	text-decoration: none;
}

a img {
	border: none;
}

acronym {
	cursor: help;
	border-bottom: dashed 1px #aaa;
}

.center {
	text-align: center;
}

#content {
	width: 998px;
	margin: 0 auto;
	padding: 0px;
	border: solid 1px #999;
}

#contentbox {
	margin: 20px 10px;
}

#footer {
	width: 998px;
	margin: 0 auto;
	padding: 5px 0;
	text-align: right;
}

#footer p {
	margin: 0;
}

#footer .author {
	float: left;
	text-align: left;
	width: 300px;
}

#footer .links {
	margin-left: 300px;
}

/* user info */
#userinfo {
	float: right;
	width: 170px;
	margin: 15px 12px 0 0;
	text-align: right;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
}

#userinfo .username {
	padding-left: 22px;
	background: url('../../../layout/icons/user.png') 4px 2px no-repeat;
}

#userinfo .role {
	font-size: 80%;
}

/* menu */
#menu {
	padding: 25px 0 0 0;
	background: url(../images/top-back01.png) top left repeat-x;
}

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

#menu li {
	display: inline;
}

.menu {
	padding: 5px 20px;
	border-bottom: solid 1px #999;
}

.menu ul {
	margin: 5px 0;
	padding: 0;
}

.menu li a {
	padding: 5px 12px;
	margin: 1px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	border-radius-topleft: 4px;
	border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
}

.menu li a:hover {
	margin: 0;
	border: solid 1px #aaa;
	border-bottom: solid 2px #fff;
	background: #fff;
}

.menu li a.active {
	margin: 0;
	border: solid 1px #aaa;
	border-bottom: solid 2px #fff;
	text-decoration: none;
	color: #000;
	background: #fff;
}

.submenu {
	padding: 15px 20px 3px 20px;
	border-bottom: solid 1px #ddd;
	background: #fff;
}

.submenu ul {
	margin: 3px 0;
	padding: 0;
}

.submenu li a {
	padding: 3px 10px;
	margin: 1px 1px 2px 1px;
	color: #000;
	text-decoration: none;
	background: #fff;
	border-radius-topleft: 4px;
	border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
}

.submenu li a:hover {
	margin: 0;
	border: solid 1px #ddd;
	border-bottom: solid 2px #fff;
}

.submenu li a.active {
	margin: 0;
	border: solid 1px #ddd;
	border-bottom: solid 2px #fff;
	text-decoration: none;
	color: #000;
	background: #fff;
	font-weight: bold;
}

/* Informace */
.upozorneni {
	background: rgb(121,232,140);
	border: solid 1px rgb(23,119,0);
	padding: 10px;
	margin-bottom: 20px;
}

.info-true {
	margin: 15px 0 40px 0;
	padding: 10px;
	border: solid 1px #2b4fd6;
	background: #a1b5ff;
}

.info-true span {
	width: 48px;
	height: 48px;
	float: left;
	background: url('../icons/operation-true.png');
	margin: 0 20px 0 10px;
}

.info-false {
	margin: 15px 0;
	padding: 10px;
	border: solid 1px #ff3100;
	background: #ffc29a;
}

.info-false span {
	width: 32px;
	height: 32px;
	float: left;
	background: url('../icons/operation-false.png');
	margin: 0 20px 0 10px;
}

.backlink {
	margin-top: 30px;
}

.infomessage {
	margin: 15px 0;
	padding: 10px 10px 10px 34px;
	border: solid 1px #e6db55;
	background: #ffffe0 url('../../../layout/icons/information.png') 10px 11px no-repeat;
}

.errormessage {
	margin: 15px 0;
	padding: 10px 10px 10px 34px;
	border: solid 1px #c00;
	background: #ffebe8 url('../../../layout/icons/error.png') 10px 11px no-repeat;
}

/* tooltip */
.tooltip {
	border-bottom: 1px dotted #000000; color: #000000; outline: none;
	cursor: help; text-decoration: none;
	position: relative;
}

.tooltip span {
	margin-left: -999em;
	position: absolute;
}

.tooltip:hover span {
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
/* 	font-family: Calibri, Tahoma, Geneva, sans-serif; */
	position: absolute; left: 0; top: 0; z-index: 99;
	margin-left: 0; width: 250px;
}

.tooltip img {
	border: none;
}

.tooltip:hover span img {
	border: 0; margin: -10px 0 0 -55px;
	float: left; position: absolute;
}

.tooltip:hover em {
	/*font-family: Candara, Tahoma, Geneva, sans-serif;*/ font-size: 1.2em; font-weight: bold;
	display: block; padding: 0.2em 0 0.6em 0;
}

.custom { padding: 0.5em 0.8em 0.8em 2em; }

.help { background: #9FDAEE; border: 1px solid #2BB0D7; }

/* výpis */
table {
	border-spacing: 0px;
	border-collapse: collapse;
	background: #ccc url(../images/top-back01.png) top left repeat-x;
}

table.list {
	width: 100%;
	border: solid 1px #ddd;
	border-spacing: 0px;
	border-collapse: collapse;
}

table thead {
}

table thead a {
	margin: 10px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
}

table thead a:hover {
	text-decoration: underline;
}

table tbody {
	background: #fff;
}

table.list tr {
	line-height: 130%;
}

table.list td,  table.list th{
	padding: 5px 0;
}

table.list .even {
	background: #eee;
}

table.list .reservation, table.list .reservation a {
	color: #636363;
}

table.list .log-notice {
	background: #ffffe0;
}

table.list .log-error {
	background: #ffebe8;
}

table.list .chop {
	display: block;
	margin: 0 3px;
	overflow: hidden;
	white-space: nowrap;
}

.calendar {
	width: 100%;
	border: solid 1px #ddd;
}

.calendar thead {
	border-bottom: solid 1px #aaa;
}

.calendar tr {

}

.calendar th, .calendar td {
	vertical-align: top;
	padding: 3px;
}

.calendar td {
	width: 14%;
	height: 125px;
	border-top: none;
	border-left: none;
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	font-size: 10pt;
}

.calendar td.weekend {
	background: #f6f6f6;
}

.calendar td.actual {
	background: #fff0c6 url(../images/event-02.png) top left repeat-x;
}

.calendar .day {
	text-align: right;
	font-weight: bold;
}

.calendar .event {
	margin: 3px auto 5px auto;
	padding: 3px 0;
	min-width: 60px;
	width: 120px;
	max-width: 160px;
	border: solid 1px #70a0ff;
	background: #c6d3ff url(../images/event-01.png) top left repeat-x;
	text-align: center;
	overflow: hidden;
}

.calendar .events .vystavy {
	background: #fff;
/* 	background: #c6d3ff url(../images/event-07.png) top left repeat-x; */
	border-color: #ccc;
}

.calendar .events .nezarazene {
/* 	background: #c6d3ff url(../images/event-10.png) top left repeat-x; */
}

.calendar .events .ostatni-koncerty, .calendar .events .poslechove-porady {
	background: #b0ffaa url(../images/event-04.png) top left repeat-x;
	border-color: #91d28c;
}

.calendar .events .cviceni-a-rehabilitace {
	background: #dfdfdf url(../images/event-03.png) top left repeat-x;
	border-color: #cfcfcf;
}

.calendar .events .divadla, .calendar .events .koncerty-vazne-hudby {
	background: #cdffc9 url(../images/event-05.png) top left repeat-x;
	border-color: #b0ffaa;
}

.calendar .events .akce-pro-deti {
	background: #ffff99 url(../images/event-08.png) top left repeat-x;
	border-color: #fffd6c;
}

.calendar .events .zajezdy {
	background: #ffff99 url(../images/event-09.png) top left repeat-x;
	border-color: #fffd6c;
}

.calendar .myevent {
	background: #b0ffaa url(../images/event-04.png) top left repeat-x;
	border: solid 1px #8dff85;
}

.calendar .reservation {
	background: #dfdfdf url(../images/event-03.png) top left repeat-x;
	border: solid 1px #ccc;
}

/*.calendar .event a {
	color: #000;
}*/

.calendar .event .control {
	display: block;
	visibility: hidden;
	margin-top: 5px;
}

.calendar td .event:hover .control {
	display: block;
	visibility: visible;
}

.formOptions img {
	width: 16px;
	height: 16px;
	margin: 0 0 0 8px;
}

.strankovani {
	margin: 20px 0;
	text-align: center;
}

.strankovani .stranky a {
	margin: 0 2px;
}

.strankovani .sum {
	margin-left: 60px;
}

.strankovani a.active {
	text-decoration: none;
	font-weight: bold;
	color: #000;
}

/* formulář */
.form fieldset {
	border: solid 1px #ddd;
	margin-bottom: 20px;
	padding: 5px 12px 10px 12px;
}

.form fieldset.packed {
	border-right: none;
	border-bottom: none;
	border-left: none;
}

.form fieldset p {
	margin: 0.5em 0;
}

.form legend {
	padding: 0 10px;
	font-weight: bold;
	color: #000;
}

.form label {
	float: left;
	width: 200px;
}

.form .inline {
	float: none;
	display: inline;
}

.form input[type="text"], .form input[type="password"], .form input[type="file"], .form select {
	width: 500px;
}

.form input.submit {
 	padding: 4px 20px;
	font-weight: bold;
}

.form input.noresize, .form select.noresize {
	width: 100px;
}

.form input.date {
	width: 100px;
}

.form input.block-margin {
	margin-left: 200px;
}

.form textarea {
	width: 500px;
}

.form .cke_editor_event-description, .form .cke_editor_news-text {
	margin-left: 200px;
}

.form span.error {
	display: block;
	margin-left: 200px;
	color: #f00;
}

.form .formblock {
	margin-left: 200px;
}

.form ul {
	margin: 1em 0;
	padding-left: 10px;
}

.form ul ul {
	padding-left: 20px;
}

.form li {
	list-style-type: none;
}

.form #jsNonRepeatDates {
	margin-top: 5px;
	padding: 0;
	width: 350px;
}

.form #jsNonRepeatDates li {
	line-height: 180%;
	list-style-type: none;
	border-bottom: dashed 1px #aaa;
}

.form #jsNonRepeatDates span {
	margin: auto 5px;
}

.form #form-SEO.packed {
	border-right: none;
	border-bottom: none;
	border-left: none;
}

.form #form-SEO legend {
	cursor: pointer;
	padding-left: 24px;
}

.form #form-SEO legend.packed {
	background: url('../../../layout/icons/note_add.png') 4px 2px no-repeat;
}

.form #form-SEO legend.unpacked {
	background: url('../../../layout/icons/note_delete.png') 4px 2px no-repeat;
}


/* tabs */
.tabMenu {
}

.tabMenu .head ul {
	padding: 0 20px;
	margin-bottom: 5px;
	list-style-type: none;
}

.tabMenu .head li {
	display: inline;
}

.tabMenu .head a {
	padding: 5px 15px;
	border: solid 1px #aaa;
	background: #f6f6f6;
}

.tabMenu .head a.active {
	border-bottom: solid 2px #fff;
	text-decoration: none;
	color: #000;
	background: #fff;
}

.tabMenu .tabCard {
	border: solid 1px #aaa;
	padding: 0 10px;
}

.event-view {
	float: left;
	width: 400px;
}

.event-view ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.event-view li {
	display: inline;
}

.event-view a {
	padding: 3px 5px 3px 20px;
	border: solid 1px #eee;
	color: #000;
	text-decoration: none;
	font-weight: normal;
}

.event-view a.active {
	font-weight: bold;
}

.event-view a.month {
	background: url('../../../layout/icons/calendar_view_month.png') 2px 4px no-repeat;
}

.event-view a.moreweek {
	background: url('../../../layout/icons/calendar.png') 2px 4px no-repeat;
}

.event-view a.week {
	background: url('../../../layout/icons/calendar_view_week.png') 2px 4px no-repeat;
}

.event-view a.table {
	background: url('../../../layout/icons/table.png') 2px 4px no-repeat;
}


/* filter */
.filter {
	margin: 3px 0;
	text-align: right;
}

.filter input[type="text"] {
	width: 200px;
}

.filter select {
	width: auto;
}

/* news */
#new-news legend {
	cursor: pointer;
	padding-left: 24px;
}

#new-news legend.packed {
	background: url('../../../layout/icons/note_add.png') 4px 2px no-repeat;
}

#new-news legend.unpacked {
	background: url('../../../layout/icons/note_delete.png') 4px 2px no-repeat;
}

.news {
	margin-bottom: 20px;
}

.news .head {
	margin: 0 0 10px 0;
	padding: 0 10px;
	background: #ddd url(../images/event-03.png) top left repeat-x;
	line-height: 180%;
}

.news .date {
	float: left;
	width: 150px;
}

.news .headline {
	font-weight: bold;
}

.news .controls {
	float: right;
}

.news .text {
	padding: 0 10px 10px 10px;
}

/* login */
#loginform {
	margin: 100px auto 200px auto;
	width: 530;
}

#login {
	margin: auto;
	width: 350px;
}

#login label {
	width: 130px;
}

#login input[type="text"], #login input[type="password"] {
	width: 210px;
}

#login .login-button {
	float: left;
	width: 200px;
}

#login .lost-password {
	text-align: right;
}

#login #passwordCapslockOn {
	display: none;
	margin-left: 130px;
}