/*
* CSS StyleSheet
* ==============================================================================
*
* Project Name:         IFM-SEI
* Graphic Design:       (c) David Urban 2011 | www.nabru.eu
* HTML & CSS:           (c) Adam Kudrna 2011 | www.adamkudrna.cz
* Application:          (c) Ondřej Machulda 2011 | ondrej.machulda@gmail.com
*
* Last Edited:          13.11.2011 23:00
*
*
* StyleSheet Structure
* ==============================================================================
*
*	1. Box Model:
*		- width
*		- height
*		- display
*		- position
*		- z-index
*		- float
*		- clear
*		- overflow
*		- margin
*		- padding
*		- vertical-align
*	2. Typography:
*		- font
*		- text
*	3. Decoration:
*		- border
*		- background
*		- color
*		- box-shadow
*		- cursor
*
*
* Colors Used
* ==============================================================================
*
*   - Red: #DD151F
*
*
* Index
* ==============================================================================
*
*   1. ......... BASIC ELEMENTS & TYPOGRAPHY
*       1.1. ... Headings
*       1.2. ... Links
*       1.3. ... Text
*       1.4. ... Lists
*       1.5. ... Tables
*
*   2. ......... GENERIC CLASSES (Universal Content Layout Formatting)
*
*   3. ......... LAYOUT (Website's Graphic Design)
*       3.1. ... Document
*       3.2. ... Header
*       3.3. ... Body
*       3.4. ... Footer
*
*   4. ......... COMMON APPLICATION ENVIRONMENT
*       4.1. ... Forms
*       4.2. ... Buttons
*       4.3. ... Icons
*       4.4. ... Paging
*
*   5. ......... PAGES
*
*/



/*
* 1. BASIC ELEMENTS & TYPOGRAPHY
* ==============================================================================
*/



body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	color: #000;
	font: normal .75em/150% verdana, sans-serif;
	text-align: center;
}

/* Headings */
h1 {
	font-size: 180%;
}
#contents h1, h2 {
	margin: .25em 40px 1em 0;
	font: normal 170%/140% georgia, times, serif;
	text-shadow: 1px 1px 3px #ccc;
}
h3 {
	margin: 1.5em 0 .75em;
	font: normal 140%/140% georgia, times, serif;
}
h4 {
	margin: 1.75em 0 0;
	font-size: 110%;
}

/* Links */
a:link, a:visited {
	text-decoration: underline;
	color: #DD151F;
}
a:hover {
	color: #000;
}
a:active {
	color: #666;
}

a:link[href^="mailto:"], a.email {
	padding-right: 1.7em;
	background: transparent url('../images/email.png') no-repeat right 3px;
}
a:link[href^="http://"], a.external {
	padding-right: 1.25em;
	background: transparent url('../images/external.png') no-repeat right 3px;
}

a.logo {
	display: inline-block;
}
a.logo:link[href^="http://"], a.logo.external {
	padding-right: 0;
	background-image: none;
}

th a:link, th a:visited {
	color: #ccc;
}
th a:hover {
	color: #fff;
}

/* Images */
a img {
	display: inline-block;
	border-style: none;
}
img.logo, a.logo img {
	background-image: none;
}

/* Text */
p {
	margin: 0 0 1em;
}
abbr, acronym {
	border-bottom: 1px dotted #ccc;
	cursor: help;
}
abbr.geo {
	border-bottom: 0;
	cursor: default;
}
.geo a abbr {
	border-bottom-style: none;
	cursor: pointer;
}
blockquote, q {
	font-style: italic;
}
blockquote {
	margin: 1em 0 1em 2em;
	padding: 1em 1em 1px;
	background-color: #eee;
}
code {
	background-color: #eee;
}
pre {
	width: 96%;
	overflow: scroll;
	padding: 1em;
	background-color: #eee;
}

:focus {
	outline: none !important;
}
::selection {
	color: #fff;
	background-color: #666;
}

/* Lists */
ul, ol {
	margin: 1em 0;
	padding: 0 0 0 3em;
}
ul {
	list-style-type: disc;
}
li ul, li ol {
	margin: .25em 0;
}
dl {
	margin: 1em 0;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 0 .5em 2em;
}

/* Tables */
table {
	width: 100%;
	/*max-width: 560px !important;*/
	margin: 0 0 1.5em;
	border-collapse: collapse;
	font-size: 100%; /* IE6 */
}
caption {
	margin-top: 1em;
	padding-bottom: .5em;
	font-weight: bold;
	text-align: left;
}
td, th {
	padding: .4em 10px;
	border: 1px solid #dbdbdb;
	border-width: 1px 0;
	text-align: center;
}
th {
	padding: .6em 10px;
	background-color: #333;
	color: #ccc;
	font-weight: normal;
}
td {
	background-color: #fff;
}
tr.odd td {
	background-color: #f3f3f3;
}



/*
* 2. GENERIC CLASSES
* ==============================================================================
*/

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

.float-left {
	float: left;
}
.float-right {
	float: right;
}

.col-left {
	width: 48%;
	float: left;
}
.col-right {
	width: 50%;
	float: right;
}
div.clearer {
	line-height: 0;
	clear: both;
}

img.right {
	float: right;
	margin: .25em 0 1em 1.5em;
}
img.left {
	float: left;
	margin: .25em 1.5em 1em 0;
}

.hidden {
	display: none;
}



/*
* 3. LAYOUT
* ==============================================================================
*/


/*** Document ***/

#document {
	width: 1000px;
	position: relative;
	/*z-index: 100;*/
	margin: 0 auto;
	text-align: left;
}
#decoration { /* Nic moc teda */
	width: 50%;
	height: 70px;
	position: absolute;
	left: 0;
	top: 195px;
	/*z-index: 0;*/
	background-color: #DD151F;
}



	/*** Header ***/

	#header {
		width: 100%;
		height: 265px;
		position: relative;
		z-index: 3;
		background: #fff url('../images/bg_header.png') repeat-y 177px 0;
	}

		/* Logo */
		#logo {
			position: absolute;
			left: 40px;
			top: 20px;
		}
		#logo h1, #logo .website-name {
			width: 125px;
			height: 145px;
			position: relative;
			overflow: hidden;
			margin: 0;
			padding: 0;
			font-size: 200%;
			line-height: 75%;
		}
		#logo span {
			font-size: 50%;
			line-height: 100%;
		}
		#logo a {
			text-decoration: none;
			color: #DD151F;
			cursor: pointer;
		}
		#logo img {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
		}

		/* Resources */
		#resources {
			width: 100%;
			height: 70px;
			position: absolute;
			left: 0;
			bottom: 0;
			background-color: #DD151F;
		}
		#resources div.inner {
			padding: 20px 0 0 40px;
		}
		#resources a {
			float: left;
			margin-right: 15px;
			color: #fff;
		}
		#resources a:hover {
			filter:alpha(opacity=85);
			-moz-opacity:0.85;
			-khtml-opacity: 0.85;
			opacity: 0.85;
		}

		/* Slideshow */
		#header-slideshow {
			float: right;
			position: relative;
			z-index: 0;
			background-color: #666;
		}
		#header-slideshow div.slide {
			width: 800px;
			height: 265px;
			position: absolute;
			right: 0;
			top: 0;
			background-color: #666;
			background-repeat: no-repeat;
			background-position: center top;
			color: #fff;
		}
		#header-slideshow div.slide div.claim {
			width: 610px;
			height: 70px;
			position: absolute;
			left: 0;
			top: 195px;
			z-index: 50;
			background-color: #000; /* @MSIE: 8- fallback */
			background-color: rgba(0, 0, 0, 0.70); /* @MSIE: RGBA compatible with 9+ */
			/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bb000000,endColorstr=#bb000000);*/ /* @MSIE: compatible with 6-8 */
		}
		#header-slideshow div.slide div.claim p {
			margin: 0 20px; /*13px 20px;*/
			font: normal 170%/70px georgia, times, serif;
		}

			#slide-1 {
				background-image: url('../images/slideshow/01.jpg');
			}
			#slide-2 {
				background-image: url('../images/slideshow/02.jpg');
			}
			#slide-3 {
				background-image: url('../images/slideshow/03.jpg');
			}
			#slide-4 {
				background-image: url('../images/slideshow/04.jpg');
			}
			#slide-5 {
				background-image: url('../images/slideshow/05.jpg');
			}
			#slide-6 {
				background-image: url('../images/slideshow/06.jpg');
			}


		/* User */
		#user {
			position: absolute;
			right: 20px;
			top: 0;
			z-index: 50;
			border: 0 px solid;
			border-bottom-left-radius: 10px;
			border-bottom-right-radius: 10px;
			background-color: #000; /* @MSIE: 8- fallback */
			background-color: rgba(0, 0, 0, 0.70); /* @MSIE: RGBA compatible with 9+ */
			/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bb000000,endColorstr=#bb000000);*/ /* @MSIE: filter compatible with 6-8 */
			color: #fff;
		}
		#user div.inner {
			padding: 10px 15px;
		}

        /* Login Form */
        #user form, #user form fieldset {
            display: inline;
            margin: 0;
            padding: 0;
            border-style: none;
            background-color: transparent;
        }
        #user form input {
            width: 110px;
            margin: 0 1ex 0 0;
        }
        #user form input.button {
            width: auto;
        }

        /* User Info */
        #user a:link, #user a:visited {
            color: #fff;
        }
        #user a:hover {
            color: #DD151F;
        }


		/* Header Toolbar */
		#header-toolbar {
			width: 190px;
			height: 70px;
			position: absolute;
			right: 0;
			bottom: 0;
			background-color: #000; /* @MSIE: 8- fallback */
			background-color: rgba(0, 0, 0, 0.70); /* @MSIE: RGBA compatible with 9+ */
			/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bb000000,endColorstr=#bb000000);*/ /* @MSIE: filter compatible with 6-8 */
			color: #fff;
		}

			/* Search */
			#search {
				width: 190px;
				height: 50px;
				overflow: visible;
				margin: 10px 0;
				border-left: 1px dotted #ccc;
				background: transparent url('../images/search.png') no-repeat 24px 27px;
			}

			#search a.show-toggle-next:link, #search a.show-toggle-next:visited {
				display: block;
				padding: 0 20px;
				color: #fff;
				text-align: right;
				text-decoration: none;
			}
			#search a.show-toggle-next strong {
				display: block;
				color: #DD151F;
				font: normal 140%/150% georgia, times, serif;
				text-decoration: none;
			}
			#search a.show-toggle-next span {
				font-size: 90%;
				line-height: 140%;
			}
			#search a.show-toggle-next:hover strong, #search a.show-toggle-next.selected strong {
				text-decoration: none;
			}
			#search a.show-toggle-next:hover span, #search a.show-toggle-next.selected span {
				color: #ccc;
				text-decoration: none;
			}

				/* Search Box */
				#search-box {
					width: 190px;
					position: absolute;
					right: 0;
					top: 70px;
					z-index: 10;
					border-bottom: 1px dotted #fff;;
					background-color: #000; /* @MSIE: 8- fallback */
					background-color: rgba(0, 0, 0, 0.85); /* @MSIE: RGBA compatible with 9+ */
					/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bb000000,endColorstr=#bb000000);*/ /* @MSIE: filter compatible with 6-8 */
					color: #fff;
					box-shadow: 0 0 15px #333;
				}


					/* Form */
					#search-box form {
						padding: 10px 15px 5px;
					}
					#search-box p {
						padding: 0 15px 18px;
					}
					#search-box dl, #search-box dt, #search-box dd {
						margin: 0;
						padding: 0;
					}
					#search-box dl {
						width: 160px;
					}
					#search-box input[type="text"], #search-box input#q,
					#search-box select {
						width: 90%;
						margin: .5em 0;
					}
					#search-box select {
						width: 100% !important;
					}
					#search-box input.button {
						float: left;
					}

					/* Close */
					#search-box a.hide-parent:link, #search-box a.hide-parent:visited {
						display: inline-block;
						position: absolute;
						right: 15px;
						bottom: 10px;
						color: #fff;
					}
					#search-box a.hide-parent:hover {
						color: #ccc;
					}



	/*** Body: Column Layout ***/

	#body {
		background: #fff url('../images/bg_body.png') repeat-y right top;
	}
	#body.wide {
		background-image: url('../images/bg_body_wide.png');
		background-position: 179px 0;
	}

	div.page-layout-container {
		width: 100%;
		float: left;
		display: block;
		position: relative;
		z-index: 1;
	}
	div.page-layout-column {
		float: left;
		position: relative;
		left: 100%;
	}


		/* Breadcrumbs */
		#breadcrumbs {
			width: 570px;
			position: absolute;
			left: 200px;
			top: 0;
			z-index: 20;
			overflow: hidden;
			padding: 15px 20px;
			color: #666;
			font-size: 90%;
		}
		#breadcrumbs a:link, #breadcrumbs a:visited {
			color: #666;
		}
		#breadcrumbs a:hover {
			color: #000;
		}

		/* Sidebar: Left */
		#sidebar-left {
			width: 200px;
			margin-left: -1000px;
		}
		#sidebar-left div.inner {
			padding: 30px 15px 30px;
		}

			/* Main Menu */
			#menu ul {
				display: block;
				margin: 0 0 3em;
				padding: 0;
				border-left: 1px dotted #999;
			}
			#menu li {
				display: inline;
				margin: 0;
				padding: 0;
				background-image: none;
				list-style-type: none;
				list-style-image: none;
			}
			#menu a:link, #menu a:visited {
				display: block;
				padding: .2em .5em .2em .8em;
				color: #333;
				font: normal 160%/120% georgia, times, serif;
				text-decoration: none;
			}
			#menu a:hover {
				color: #999;
			}
			#menu a.active {
				color: #DD151F !important;
			}

				/* Menu: level 2 */
				#menu ul ul {
					margin: 0em 0 .5em 15px;
					border-left-style: none;
				}
				#menu ul ul li {
					color: #DD151F;
				}
				#menu ul ul a:link, #menu ul ul a:visited {
					padding: 1px 0 1px 15px;
					background: transparent url('../images/li-1.png') no-repeat 0 8px;
					color: #666;
					font-size: 110%;
					line-height: 150%;
				}
				#menu ul ul a:hover {
					color: #bbb;
				}


			/* Boxes */
			#sidebar-left div.box .box-title {
				display: block;
				margin: 1.5em 0;
				color: #000;
				font: normal 140%/140% georgia, times, serif;
			}

			/* Box: Logos */
			div.box.logos a {
				display: inline-block;
				margin-bottom: 1.5em;
			}


		/* Sidebar: Right */
		#sidebar-right {
			width: 190px;
			margin-left: -190px;
			background-color: #DD151F;
			color: #fff;
		}
		#sidebar-right div.inner {
			padding: 20px 15px 30px;
		}

		#sidebar-right a:link, #sidebar-right a:visited {
			color: #fff;
		}
		#sidebar-right a:hover {
			color: #ccc;
		}

		/* Boxes */
		#sidebar-right div.box {
			clear: both;
			margin-bottom: 1em;
		}
		#sidebar-right .box-title {
			display: block;
			clear: both;
			margin-bottom: .5em;
			font: normal 130%/120% georgia, times, serif;
		}
		#sidebar-right .blackbox, #box-signup {
			margin-left: -15px;
			margin-right: -15px;
			padding: 10px 15px;
			background-color: #000;
			color: #fff;
		}

			/* Box: User Login */
		        #box-user-login {
				margin-bottom: 20px !important;
				padding-top: 15px !important;
				padding-bottom: 5px !important;
			}
			#box-user-login form {
				padding: 0;
			}
			#box-user-login input.text {
			        width: 145px !important;
				margin-bottom: 10px;
			}
			#box-user-login .button {
				margin-top: 5px;
			}

			/* Box: User Menu */
			#box-user-menu {
				margin: 0 -15px 2em !important;
				padding: 0 15px 1em;
				border-bottom: 1px dotted #fff;
			}

			#box-user-menu img.avatar  {
				/*width: 40px;*/
				float: left;
				margin: 0 .5em 1.5em 0;
				background-color: #fff;
			}
			#box-user-menu div.user-info {
				font-size: 90%;
				line-height: 140%;
			}
			#box-user-menu div.user-info ul li {
				list-style-type: none;
			}

				/* Menu */
				ul.user-menu {
					clear: both;
					margin: 1em 0;
					padding: 0;
					border-left: 1px dotted #000;
				}
				ul.user-menu li {
					display: inline;
					list-style-type: none;
				}
				ul.user-menu a:link, ul.user-menu a:visited {
					display: block;
					padding-left: 15px;
					font-family: georgia, times, serif;
					font-weight: bold;
					line-height: 160%;
				}


			/* Box: Gallery */
			#box-gallery img {
				width: 160px;
				margin-bottom: .5em;
			}

			/* Box: Sign Up */
			#box-signup a {
				display: block;
				text-decoration: none;
			}
			#box-signup a strong.box-title {
				margin-bottom: .2em;
				color: #DD151F;
			}
			#box-signup a.box-title:hover {
				color: #fff;
			}
			#box-signup span {
				font-size: 90%;
				line-height: 140%;
			}

			/* Box: Subscribe */
			#box-subscribe {
				margin: 0 -15px 1.25em !important;
				padding: 0 15px .5em;
				border-bottom: 1px dotted #fff;
			}
			#box-subscribe input.text, #box-subscribe input[type="text"] {
				width: 90%;
			}
			#box-subscribe form img {
				margin-bottom: .5em;
			}
			#box-subscribe dd input[type="submit"] {
				margin: 0 !important;
			}

			/* Box: Featured Tools */
			a.item-minipreview {
				display: block;
				margin: 1em 0 1.25em;
				text-decoration: none;
				line-height: 140%;
			}
			a.item-minipreview br {
				display: none;
			}
			a.item-minipreview strong {
				display: block;
				margin-bottom: .4em;
				text-decoration: underline;
			}

			a.item-minipreview:hover {
				color: #fff !important;
				text-decoration: underline;
			}


		/* Contents */
		#contents {
			width: 610px;
			margin-left: -800px;
			background: #fff url('../images/bg_contents.png') repeat-x;
		}
		#body.wide #contents {
			width: 800px;
		}
		#contents div.inner {
			width: auto;
			min-height: 250px;
			padding: 45px 20px 30px;
		}

			#contents h2 a:link, #contents h2 a:visited {
				color: #000;
			}
			#contents h2 a:hover {
				color: #DD151F;
			}



	/*** Footer ***/

	#footer-section {
		clear: both;
		background: #fff url('../images/bg_footer.png') repeat-x;
		font-size: 90%;
		line-height: 150%;
 		text-align: center;
	}
	#footer {
		width: 1000px;
		margin: 0 auto;
		text-align: left;
	}
	#footer div.inner {
		padding: 20px 0 0 15px;
	}

		/* Contact */
		#footer-contact {
			width: 200px;
			float: left;
		}
		#footer-contact div.adr {
			font-weight: bold;
		}

		/* Logos */
		#footer-logos {
			float: left;
		}
		#footer-logos a.logo {
			margin-right: 14px;
		}

		/* Copyright */
		#footer-copyright {
			clear: both;
			padding: 1.5em 0 8em;
			color: #666;
			text-align: center;
		}
		#footer-copyright a:link, #footer-copyright a:visited {
			color: #666;
		}
		#footer-copyright a:hover {
			color: #000;
		}



/*
* 4. COMMON APPLICATION ENVIRONMENT
* ==============================================================================
*/

/* Forms */
#contents form {
	margin: 1em 0;
	padding: 1em;
	padding-bottom: 0;
	border: 1px solid #ddd;
	background-color: #f9f9f9;
}
#contents .editable form {
	border-width: 0px;
	margin: 0;
	padding: 0;
	background-color: transparent;
}

.multiselect {
	width: 550px;
	height: 10em;
}

form fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}
form fieldset.border {
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #ddd;
}
form legend {
	color: #000;
	font-weight: bold;
	font-size: 100%;
}

table th {
	min-width: 0 !important; /* Overrides inline CSS */
}

form dl {
	margin: 0;
	padding: 0;
}
form dd {
	margin: .25em 0 1em;
}

input {
	margin-right: 1ex;
}
input[type="text"], input.text,
input[type="password"], input.password,
select, textarea {
	padding: .25em .5em;
	border: 1px solid #888;
	background-color: #fff;
}
input[type="text"]:focus, input.text:focus,
input[type="password"]:focus, input.password:focus,
textarea:focus, select:focus,
div.chzn-container-active ul.chzn-choices {
	border: 1px solid #DD151F !important; /*#fb0 !important;*/
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
textarea {
	width: 97%;
}

*[disabled="true"], *[disabled="disabled"], *[readonly] {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

p.hint {
	padding: .5em 0 .25em;
	color: #888;
	font-size: 90%;
	line-height: 140%;
}
label.required img {
	margin-left: 1ex;
	vertical-align: middle;
}

	/* In-place Edit Forms: TEXT input */
	span.editable {
		width: 17em;
		display: block !important;
		position: relative;
		padding: 2px 3px;
		border: 1px solid #ccc;
		background-color: #f9f9f9;
	}
	span.editable:hover {
		border-color: #888;
		background-color: #fff;
		cursor: text !important;
	}
	span.editable input {
		width: 17em !important;
		margin: -3px -4px;
		padding: 2px 3px;
		border: 1px solid #DD151F !important;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
		font: normal 100%/140% verdana, arial, sans-serif;
	}

	/* In-place Edit Forms: SELECT */
	span.editable_select {
		display: inline !important;
	}
	span.editable_select:hover {
		color: #666;
		cursor: pointer;
	}
	/* Shaded version */
	/*span.editable_select form {
		width: 19em;
		height: 3em;
		display: block !important;
		position: absolute;
		left: -25px;
		top: -25px;
		z-index: 3;
		box-shadow: 0 0 25px #333;
		cursor: normal !important;
	}
	span.editable_select select {
		width: 13em;
		margin-right: 1ex;
		display: inline-block;
	}*/
	span.editable_select form {
	        width: 12em;
		display: inline;
		margin: 0;
		padding: 0 !important;
		border-style: none !important;
		background-color: transparent !important;
		text-decoration: none !important;
	}
	span.editable_select select {
		width: 6em;
		margin-right: 1ex;
	}
	span.editable_select button {
		display: inline-block;
	}


/* Errors */
ul.errors {
	margin: .15em 0 0;
	padding: 0;
	color: #c00;
	font-size: 90%;
}
ul.errors li {
	display: block;
}

/* Forms: Flash Messages */
p.error, p.warning, p.success {
	margin: 1em 0 2em;
	padding: .5em 1em;
	background-color: #eee;
	font-weight: bold;
}
p.error img, p.warning img, p.success img {
	margin-right: 1ex;
	vertical-align: middle;
}

	p.error {
		background-color: #ffdfdf;
		color: #c00;
	}
	p.warning {
		background-color: #fde1ba;
		color: #ec8b00;
	}
	p.success {
		background-color: #bbf4a5;
		color: #258300;
	}


/* Buttons */
.button, .button.disabled, input[type="submit"], input[type="button"], .ui-button, button {
	display: inline-block;
	margin: 1em 0;
	padding: .4em 1em;
	border: 1px solid #ccc;
	border-radius: 3px;
	background: #e9e9e9 url("../images/bg_tab-list.png") repeat-x left top;
	color: #333 !important;
	/*font-weight: bold;*/
	font-size: 90%;
	text-decoration: none !important;
}
input[type="submit"] {
	font-weight: bold;
}
.button.small {
	padding: .25em 1em;
}

.image-button {
	padding: .4em;
}
.image-button img {
	margin: 0 !important;
}

button span.ui-icon {
	float: left;
	margin: 0 1ex 0 0 !important;
	line-height: 16px;
	vertical-align: top !important;
}
button span.ui-button-text {
	padding: 0;
	line-height: 16px;
}

.button:hover, input[type="submit"]:hover, input[type="button"]:hover, button:hover {
	border-color: #aaa !important;
	background-color: #eee;
	background-image: none;
	color: #000;
	cursor: pointer;
}
.ui-button:hover {
	cursor: pointer;
}
.button:focus {
	outline: none;
}
.button:active {
	background-color: #e6e6e6;
}
.button.disabled {
	color: #888 !important;
	font-weight: normal;
}

/* Icons */
.loading {
	background: #fff url('../images/loading.gif') no-repeat center center;
}
img.icon, img.icon_thin {
	display: inline-block !important;
	margin-right: 1ex;
	vertical-align: middle;
	border-style: none;
}
img.icon_thin {
	margin-right: .25ex;
}

/* Files: Icons */
span.icon {
	width: 16px;
	height: 16px;
	display: inline-block;
	margin-right: .8ex;
	background: transparent url("../images/icons.png") no-repeat;
	vertical-align: text-top;
}

	/* File: PDF */
	span.icon.pdf {
		background-position: 0 100%;
	}


/* Flags */
img.flag, span.flag {
	display: inline-block;
	margin: 0 1ex;
	vertical-align: middle;
}
img.flag.small {
	width: 16px;
	height: 12px;
}
img.flag.big {
	width: 22px;
	height: 14px;
}

	/* Next to heading */
	img.flag.top, span.flag.top {
		position: absolute;
		right: 20px;
		top: 50px;
		margin: 0;
	}


/* Feature Icons */
.feature {
	display: inline-block;
	padding-left: 2em;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left center;
}

	.feature.project {
		background-image: url("../images/icon_project-s.png");
	}
	.feature.tool {
		background-image: url("../images/icon_tool-s.png");
	}
	.feature.video {
		background-image: url("../images/icon_video-s.png");
	}
	.feature.note {
		background-image: url("../images/icon_note-s.png");
	}
	.feature.photo {
		background-image: url("../images/icon_photo-s.png");.nbu
	}
	.feature.event {
		background-image: url("../images/icon_event-s.png");
	}
	.feature.image {
		background-image: url("../images/image.png");
	}


/* Paging */
div.paging {
	clear: both;
	margin: 2em 0;
	text-align: center;
}

div.paging strong, div.paging a, div.paging span {
	display: inline-block;
	margin: 0;
	padding: .2ex 1ex;
	border: 1px solid #ccc;
	line-height: 180%;
}
div.paging strong {
	border-color: #C02824;
	background-color: #C02824;
	color: #fff;
}
.previous, .next {
	padding: 0 1.5ex !important;
}

div.paging a:link, div.paging a:visited {
	border-color: #fff;
}
div.paging a:hover, div.paging a.button {
	border-color: #ccc;
}

a.previous:link, a.previous:visited,
a.next:link, a.next:visited,
div.paging span.disabled {
	margin: 0 1em;
}

/* UI Tabs */
div.ui-tabs {
	margin: 1.5em 0;
	padding: 0;
	border-style: none;
}
#tabs-search {
	margin-bottom: 3em;
}
.ui-tabs.ui-corner-all, .ui-tabs .ui-corner-all,
.ui-tabs .ui-corner-top, .ui-tabs .ui-corner-bottom {
	border-radius: 0;
}

	/* UI Tabs: Navigation */
	ul.ui-tabs-nav {
		margin: 0;
		padding: .2em .2em 0;
		list-style: none;
		border-style: none;
		background: transparent url("../images/bg_tab-list.png") repeat-x left bottom;
		line-height: 2.4em;
	}
	ul.ui-tabs-nav li {
		float: none;
		display: inline;
		margin: 0 .2em -1px 0;
		padding: 0 !important;
		border-style: none !important;
		background: transparent none !important;
	}
	ul.ui-tabs-nav a:link, ul.ui-tabs-nav a:visited {
		float: left;
		margin-left: 3px;
		padding: 0 .5em;
		border: 1px solid #ddd;
		background-color: #eee;
		color: #666;
		font-weight: bold;
		text-decoration: none;
		line-height: 2em;
	}
	ul.ui-tabs-nav a em { /* Loading... */
		font-weight: normal;
	}
	ul.ui-tabs-nav a:focus {
		outline: none;
	}
	ul.ui-tabs-nav a:hover {
		border-color: #C02824;
		background: #C02824;
		color: #fff;
		text-decoration: none;
	}
	ul.ui-tabs-nav li.ui-tabs-selected a {
		margin-bottom: 0;
		position: relative;
		bottom: 2px;
		border-color: #ccc;
		border-top-width: 2px;
		border-top-color: #666;
		background: transparent url("../images/bg_tab-list.png") repeat-x left bottom;
		color: #000;
		font-weight: bold;
		line-height: 2.2em;
		text-decoration: none;
	}
	.ui-tabs-nav a span.feature {
		padding-left: 1.8em;
	}

	/* UI Tabs: Panels */
	.ui-tabs .ui-tabs-panel {
		display: block;
		margin-top: -2px;
		padding: 1.5em 20px;
		border: 1px solid #ccc;
	}
	.ui-tabs .ui-tabs-panel ul, .ui-tabs .ui-tabs-panel p {
		margin: 0;
	}
	.ui-tabs .ui-tabs-panel a.button {
		margin-top: 1.5em;
		margin-bottom: -1em;
	}
	.ui-tabs .ui-tabs-hide {
		display: none !important;
	}


/* UI Sortable */
.ui-sortable div:hover {
	cursor: move;
}

/* UI Dialog */
.ui-dialog {
	padding: 3px;
	border: 1px solid #ccc;
}

	.ui-dialog-titlebar {
		background-color: #C02824;
	}
	.ui-widget button {
		color: #000 !important;
	}
	.ui-dialog-content img { /* Icon */
		float: left;
		margin: 0 1em 2em 0;
	}


/* Dialogs: Messages */
div.ui-dialog {
	box-shadow: 0 0 25px #333;
}

	div.ui-dialog-content {
		text-align: left;
		margin: 1ex 0 0 0;
		padding-left: .5ex;
	}
	div.error .ui-dialog-content img,
	div.warning .ui-dialog-content img,
	div.success .ui-dialog-content img,
	div.info .ui-dialog-content img {
		margin-right: 1.5ex;
		vertical-align: middle;
	}



/*
* 5. PAGES
* ==============================================================================
*/



.button.back { /*#TODO remove */
	position: absolute;
	right: 20px;
	top: 40px;
}



/*** Boxes ***/

/* Box: Type 1 */
.box-1 {
	position: relative;
	margin: 1em 0 2.5em;
	padding: 2em 1.5em 1.25em;
	border: 1px solid #ccc;
	border-bottom-color: #ddd;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #fff;
	color: #333;
}
.box-1 h2.box-heading {
	height: 28px;
	float: left;
	position: absolute;
	left: .75em;
	top: -1.3em;
	margin: .1em 0 .5em;
	padding-left: 1em;
	background: transparent url("../images/corner-1-l.png") no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 100%;
	line-height: 28px;
}
.box-1 h2.box-heading span {
	display: block;
	padding-right: 1em;
	background: transparent url("../images/corner-1-r.png") no-repeat right top;
}
.box-1 h2.box-heading strong {
	display: block;
	background-color: #666;
}

	/* Box: Type 2 */
	.box-2, div.texy-reference {
		margin: 1em 0;
		padding: .5em 1em;
		border: 1px solid #ccc;
		background-color: #f9f9f9;
	}
	.box-2 h3, div.texy-reference h3 {
		margin: 0;
		padding-left: 0 !important;
		background-image: none !important;
		font-size: 1em;
	}

	/* Box: Type 3 */
	.box-3 {
		margin: 1em 0;
		padding: 1em;
		border: 1px solid #ccc;
		background-color: #eee;
	}

	/* Box: Type 4 -om */
	.box-4 {
		clear: both;
		margin: .5em 0;
		padding: .75em;
		border: 1px solid #ccc;
		background-color: #f9f9f9;
		/*height: 60px;*/
	}

	/* Box: Texy Reference */
	div.texy-reference h3 {
		margin: .5em 0 1em;
		border-bottom: 1px solid #ccc;
		font-size: 115%;
	}
	div.texy-reference dt {
		margin-top: 1em;
	}
	div.texy-reference dd {
		margin-bottom: 0;
	}



/*** Projects, Features & Articles ***/

/* Newsfeed */
h2.news-feed {
	float: left;
	margin: .5em 0 0;
}
#newsfeed {
	clear: both;
}
#newsfeed p {
	display: block;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 1em;
	border-top: 1px dotted #ccc;
	background-position: left 1.2em;
}
div.new-photos {
	margin: .75em 0 1.5em;
}
div.new-photos a, div.new-photos a:link, div.new-photos a:visited {
	text-decoration: none !important;
}
img.loading {
	margin-top: 5em;
	margin-left: 24em;
}

/* Items: Projects, Tools, Articles */
div.item-preview {
	position: relative;
	clear: both;
	padding: 0 0 1em;
}

	/* Item Header */
	div.item-preview div.header {
		margin: 0 -20px .75em;
		padding: .5em 20px .1em;
		background-color: #f6f6f6;
	}

		/* Heading */
		div.item-preview h3 {
			width: 85%;
			margin: 0 0 .5em;
			padding-left: 0 !important;
			background-image: none !important;
		}

		/* Status & Info */
		div.status {
			margin:  0 0 .5em;
			color: #999;
			font: normal 90%/140% georgia, times, serif;
		}

		ul.new-events {
			margin-left: 0;
			padding: 0;
		}
		ul.new-events li {
			display: block;
			margin: .2em 0;
		}

		/* Read More */
		a.view-details:link, a.view-details:visited {
			visibility: hidden;
			margin: 0;
			padding: .15em .5em;
			position: absolute;
			top: 8px;
			right: 0;
		}
		div.item-preview:hover a.view-details {
			visibility: visible;
		}

		/* Tags */
		.tag {
			display: inline-block;
			margin: 3px;
			padding: 1px 5px;
			border-radius: 3px;
			background-color: #e9e9e9;
			color: #666;
		}
		a.tag:link, a.tag:visited {
			color: #666;
		}
		a.tag:hover {
			background-color: #ccc;
			color: #000;
		}


	/* Item Image */
	div.item-preview a.picture {
		width: 120px;
		height: 120px;
		float: left;
		overflow: hidden;
		margin: .75em 1.5em .5em 0;
		padding: 0;
		border: 1px solid #ddd;
		background-color: #fff;
		text-align: center; /* Necentruji se ale obrazky sirsi nez 120 px */
	}
	div.item-preview a.picture img {
		height: 120px;
		display: block;
		float: none;
		margin: auto;
		padding: 0;
	}

	/* Item Content */
	div.item-preview div.info {
		width: 70%;
		float: left;
	}
	div.item-preview div.info p {
		border-top-style: none;
	}
	#div.item-preview div.info ul {
		float: left;
	}

	/* Facebook Like & Comments */
	div.fb-like-wrapper {
		width: 100%;
		height: 24px;
		float: left;
		clear: both;
		margin: 1em 0;
	}
	div.fb-like-extended-wrapper, div.fb-comments-wrapper {
		margin: 2em 0;
	}


/* Toolbox Search */
#search-toolbox-toggle {
    margin-bottom: 1ex;
    display: inline-block;
}
form#search-toolbox {
    margin-top: 0;
}
#search-toolbox-fieldset {
	position: relative;
	padding: 0;
}

	#search-toolbox-fieldset #themes-label, #search-toolbox-fieldset #themes-element,
	#search-toolbox-fieldset #lang-label, #search-toolbox-fieldset #lang-element,
	#search-toolbox-fieldset #age-label, #search-toolbox-fieldset #age-element {
		width: 50%;
		position: absolute;
		right: 0;
		top: 0;
	}
	#search-toolbox-fieldset #themes-element {
		top: 1.5em;
	}
	#search-toolbox-fieldset #lang-label {
		top: 4.5em;
	}
	#search-toolbox-fieldset #lang-element {
		top: 6em;
	}
	#search-toolbox-fieldset #age-label {
		top: 12em; /*9em;*/
	}
	#search-toolbox-fieldset #age-element {
		top: 13.5em; /*10.5em;*/
	}

	#search-toolbox-fieldset #submit {
		float: left;
		clear: both;
	}

	#search-toolbox p.description {
	        margin: .5em 0;
		font-size: 85%;
		line-height: 140%;
	}



/* Project Detail */

/* Headings */
h2.project {
	padding-left: 1.8em;
	background: transparent url("../images/icon_project.png") no-repeat 0 2px;
}
h2.tool {
	padding-left: 1.8em;
	background: transparent url("../images/icon_tool.png") no-repeat 0 2px;
}
h2.note {
	padding-left: 1.8em;
	background: transparent url("../images/icon_note.png") no-repeat 0 2px;
}
h2.event {
	padding-left: 1.8em;
	background: transparent url("../images/icon_event.png") no-repeat 0 2px;
}
h2.photo {
	padding-left: 1.8em;
	background: transparent url("../images/icon_photo.png") no-repeat 0 2px;
}
h2.video {
	padding-left: 1.8em;
	background: transparent url("../images/icon_video.png") no-repeat 0 2px;
}

/* Perex */
p.perex {
	margin: 1.5em 0;
	color: #666;
	font-size: 120%;
	line-height: 150%;
}

/* Date Published */
p.published {
	display: block;
	margin: 1em 0;
	color: #888;
	font-size: 90%;
}

/* Latest Updates */
div.project-latest-updates ul.new-events {
	margin: .5em 0;
	font-size: 90%;
}
div.project-latest-updates a.feature {
	padding-left: 2.3em;
}

/* Project Summary */
div.project-summary, div.event-details {
	border-top-width: 3px;
	border-top-color: #666;
}

/* Details */
table.details {
	width: 100%;
}
table.details th, table.details td {
	text-align: left;
}
table.details th {
	width: 33%;
}

p.featured-in {
	padding: .5em 1em;
	font-size: 90%;
}

div.attached-files {
	margin-top: 2em;
}

ul.attachments {
	padding: 1em 2em;
	background-color: #f9f9f9;
}

	/* Feature: Event */
	div.event-details {
		margin: 2em 0;
	}
	div.event-details ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	div.event-details ul strong {
		width: 8em;
		display: inline-block;
	}

	/* Feature: Video */
	div.video {
		margin: 2em 0;
	}
	div.video-description {
		padding: 1em;
	}



/*** Gallery ***/

/* Albums */
div.album-thumbnails {
	float: left;
	margin-right: -60px;
}
div.album-thumbnails br {
	display: none;
}

	/* Album Preview */
	a.album-preview {
		width: 128px;
		height: 200px;
		overflow: hidden;
		float: left;
		margin: 0 20px 20px 0;
		background-color: #000;
		color: #ccc;
		font: normal 90%/140% georgia, times, serif;
		text-decoration: none;
		text-align: center;
	}
	a.album-preview span.thumbnail {
		width: 128px;
		height: 123px;
		display: block;
		overflow: hidden;
		margin: 0;
		/*background: #fff url('../images/bg_thumbnail.png') no-repeat;*/
		text-align: center;
	}
	a.album-preview img.thumbnail {
		width: 104px;
		display: block;
		margin: 10px auto;
	}
	a.album-preview strong.title, a.album-preview span {
		margin: 0 .5em .25em;
	}
	a.album-preview strong.title {
		height: 47px;
		display: block;
		overflow: hidden;
		margin-top: .25em;
	}
	a.album-preview span {
		display: block;
	}

	a.album-preview:hover {
		color: #fff;
	}


/* Photo Thumbnails */
div.photo-thumbnails {
	margin: 2em -40px 1em 0;
}

	/* Photo Preview */
	a.photo-preview {
		position: relative;
		z-index: 1;
		float: left;
		margin: 0 24px 20px 0;
		color: #000;
		text-decoration: none;
		cursor: pointer;
	}
	a.photo-preview span.thumbnail {
		display: block;
		overflow: hidden;
		padding: 5px;
		border: 5px solid #eee;
		background-color: #fff;
	}
	a.photo-preview img {
		width: 104px;
		display: block;
		background-color: #fff;
	}

	a.photo-preview:hover span.thumbnail {
		border-color: #999;
	}

	/* Photo Preview in Project Gallery */
	body.projects div.photo-thumbnails a {
		width: 114px;
		height: 100px;
		float: left;
		margin: 0 24px 20px 0;
		/*padding: 5px;*/
		overflow: hidden;
		border: 5px solid #eee;
		background-color: #fff;
		text-align: center;
	}
	body.projects div.photo-thumbnails a img {
		display: block;
		margin: auto;
	}

	body.projects div.photo-thumbnails a:hover {
		border-color: #999;
	}


/* Photo Detail */
div.photo-detail {
	/*text-align: center;*/
}
div.photo-detail div.inner {
	width: 560px !important;
	/*max-width: 560px !important;*/
	display: inline-block;
	overflow: hidden;
	margin: 0 auto;
	padding: 0 !important;
	text-align: center;
}
div.photo-detail img {
	max-width: 560px !important;
	margin: 1em auto 0;
}

	/* Navigation */
	div.photo-navigation {
	        width: 560px;
		/*min-width: 512px;
		max-width: 560px !important;*/
		position: relative;
		margin: 1em 0;
	}

		div.photo-navigation .button {
			margin: 0;
		}
		div.photo-navigation .previous-photo {
			position: absolute;
			left: 0;
			top: 0;
		}
		div.photo-navigation .next-photo {
			position: absolute;
			right: 0;
			top: 0;
		}
		div.photo-navigation a.show-thumbnails {
			display: inline-block;
			padding: 0 2em;
			line-height: 25px;
		}


	/* Description */
	div.photo-description {
		margin: 1em auto;
		color: #000;
		font-weight: bold;
	}



/*
* 6. ADMINISTRATION
* ==============================================================================
*/

/* Admin Controls Bar */
#admin-controls {
	margin: 0 0 2em 0;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
}
#admin-controls:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
}
#admin-controls a.button {
	margin: 0;
	padding: .4em .6em;
	font-weight: normal;
	/*font-size: 90%;*/
}
#admin-controls a.button.em {
    background-image: none;
    background-color: #C02824;
	color: #fff !important;
}
a.delete:hover {
	background-color: #C02824;
	color: #fff !important;
}


/*** Projects ***/

/* Project List */
table.project-list th {
	white-space: nowrap;
}
th.id {
	white-space: nowrap !important;
}
th.manage-content {
	width: 90px !important;
	white-space: normal !important;
}
th.manage {
	width: 50px !important;
}
th.manage-3 {
	width: 75px !important;
}


	/* Order Arrow */
	img.order-arrow {
		display: inline-block;
		margin: 0 0 1px 3px;
		border-style: none !important;
		text-decoration: none !important;
	}

	/* Feature Icons */
	table.project-list a.feature {
		width: 25px;
		float: left;
	}


/* Manage Features */
#admin-manage-features {
	margin: 1.5em 0 1.5em;
	padding: .5ex;
	padding-right: 0;
	border: 1px solid #ccc;
	background-color: #eee;
}
#admin-manage-features a.button {
	margin: 0;
	padding: .4em .5em;
}

/* Project Gallery */
#sortable div.box-4 {
	min-height: 45px;
}
#sortable div.box-4:hover {
	background-color: #eee;
}

	#sortable div img {
		margin: 0 2em 0 0 !important;
	}
	#sortable span.editable {
		position: absolute;
		left: 120px;

	}
	#sortable span.editable, #sortable span.editable input {
		width: 30em !important;
		float: left;
	}

/* Members map */
#members_map {
	width: 100%;
	height: 330px;
	border: 1px solid #ccc;
}

	#members-tabs h3 {
		margin: 1em 0;
		font: bold 100% verdana, sans-serif;
	}
	#members-tabs h3 span.country {
		padding-right: .75ex;
		font-weight: normal;
		/*font-size: .75em;*/
		color: #666;
	}
	#members-tabs div.details {
		overflow: hidden;
		margin: 1em 0 2em 2em;
	}

/* Google custom search */
#cse form.gsc-search-box {
    border-width: 0;
    background-color: #fff;
    padding: 0;
    margin: 0;
}
#cse .cse .gsc-control-cse, #cse .gsc-control-cse{
    padding: 0
}
#cse table {
    margin: 0;
}
#cse th, #cse td {
    text-align: left;
    border: 0;
    padding: 1ex 0.5ex;
}
#cse a:link[href^="http://"], #cse a.external {
    background-image: none;
}