/*
   Lubomir Pokorny (lubomirpokorny@email.cz)
   CSS styles for Lachema.com
*/


/* Reset styles */
body, ul, ol, dl, dt, dd, h1, h2, h3, h4, h5, form {margin:0;padding:0;}
img, hr {border:0;}
* html td {font-size:12px;}

body {font-size:12px;color:#000;text-align:center;font-family:'Segoe UI', Verdana,Tahoma,arial,sans-serif;background:#fff url(./images/body-back.png) repeat-x top;}

/* General styles */
h1 {padding:15px 15px 15px 15px;font-size:15px;}
h2 {padding-bottom:8px;font-size:15px;}
p {margin:10px 0;text-align:justify;}
a {text-decoration:none;color:#000;}
a:hover {text-decoration:underline;}

/* Common styles */
.center {text-align:center;}
.right {text-align:right;}
.fright {float:right;}
.fleft {float:left;}
.cb {clear:both;}
.hidden {display:none;}

/* Mainboxes */
#page {width:800px;margin:0 auto;text-align:left;}
#mainbox {clear:both;line-height:17px;}
#content {height:auto!important;height:400px;min-height:400px;padding:10px 0 30px 0;background:url(./images/content-back.png) repeat-x top;}

/* Header */
#header {height:102px;}
#header .fright {width:400px;}
#logotype {float:left;height:102px;padding-left:10px;}
#logotype2 {float:left;padding:25px 0 0 25px;}
#lanmenu {float:right;padding:30px 30px 25px 30px;background:url(./images/lanmenu-back.png) no-repeat center 45px;}
#lanmenu span {display:none;}
#lanmenu a {float:left;position:relative;display:block;width:21px;height:13px;}
#lanmenu a:hover, #lanmenu a.selected {background-position:left;}
#lanmenu .cz {left:-4px;background:url(./images/flag-cz.gif) no-repeat right;}
#lanmenu .en {left:4px;background:url(./images/flag-en.gif) no-repeat right;}
#mainmenu {clear:both;list-style:none;}
#mainmenu li {float:right;position:relative;top:4px;}
#mainmenu a {display:block;padding:9px 15px 8px 15px;color:#fff;font-size:11px;}
#mainmenu a:hover {background:#20244f;text-decoration:none;}
#mainmenu a.selected {background:#535997;}
#mainmenu span.button {display:block;padding:9px 15px 8px 15px;font-weight:bold;color:#fff;font-size:11px;}

/* Footer */
#footer {clear:both;margin:8px 0 50px 0;padding:8px 15px;font-size:11px;color:#777;background:#e7e8e8;}
#footer a {color:#777;}
#footer .fright a {margin:5px;}

/* Control panel */
#control_panel {padding:0 15px;}
#control_panel a {float:left;display:block;width:160px;padding:5px 0 10px 0;}
#control_panel a.back {width:110px!important;}
#control_panel a:hover {text-decoration:none;font-weight:bold;}
#control_panel a span {position:relative;left:9px;top:-9px;}

/* Folders */
.folders {list-style:none;}
.folders li {clear:both;padding:8px 15px 2px 15px;}
.folders li.hovered {background:#f8f8f8;}
.folders dl {height:50px;}
.folders dt {float:left;width:50px;}
.folders dt a {display:block;text-align:center;}
.folders dd {float:left;width:720px;}
.folders .title {float:left;display:block;padding:5px 50px 10px 8px;font-size:12px;}
.folders .title span {font-size:11px;color:#666666;}
.folders .title:hover {text-decoration:none;}
.folders .fright a {position:relative;top:7px;margin:0 3px;}

/* Files */
.files {list-style:none;}
.files li {clear:both;padding:8px 15px 2px 15px;}
.files li.hovered {background:#f8f8f8;}
.files dl {height:50px;}
.files dt {float:left;width:50px;}
.files dt a {display:block;text-align:center;}
.files dd {float:left;width:720px;}
.files .title {float:left;display:block;padding:1px 50px 10px 20px;font-size:12px;line-height:14px;}
.files .title span {font-size:11px;color:#666666;}
.files .title:hover {text-decoration:none;}
.files .fright a {position:relative;top:7px;margin:0 3px;}

/* Progress bar */
.ProgressBar { width: 100px; padding: 0; border: 1px solid black; margin-right: 1em; height:.75em; margin-left:1em; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; }
.ProgressBar div { background-color: Green; font-size: 1pt; height:100%; float:left; }
span.asyncUploader object { position: relative; top: 5px; left: 10px; }

/* Content */
.text {clear:both;padding:0 15px;}

/* Table */
.table {width:100%;margin:5px 0;font-size:12px;vertical-align:middle;border-collapse:collapse;}
.table th {padding:7px 5px;font-weight:bold;background:#e7e8e8;}
.table td {padding:5px;color:#666;background:#fff;}
.table .even td {background:#f8f8f8;}
.table .hovered td {background:#fffde5;}
.table .last td {border-bottom:1px solid #dedede;}

/* Orderbar */
.orderbar {float:right;width:auto;margin:15px 15px 0 0;font-size:11px;}
.orderbar span {position:relative;top:6px;color:#777;}
.orderbar ul {float:right;margin:0 0 0 15px!important;padding:0!important;list-style:none!important;}
.orderbar li {float:left;padding:0 0 10px 0!important;}
.orderbar a {display:inline-block;padding:6px 15px 5px 15px;text-decoration:none;color:#777;font-weight:bold;background:#e7e8e8;}
.orderbar a:hover {color:#000;background:#dedede;}
* html .orderbar a {height:28px;}

/* Pagination */
.pagination {margin:10px;padding:25px 20px 10px 20px;text-align:center;}
.pagination a {padding:4px 5px;margin:1px;text-decoration:none;background:#f1f1f1;}
.pagination a:hover {background:#ccc;}
.pagination .selected {padding:6px 4px;font-weight:bold;background:#ddd;}
.pagination .inactive {padding:4px;margin:1px;color:#aaa;background:#f7f7f7;}
.paginationInfo {margin:20px 15px;padding:12px 15px 10px 10px;color:#666;border-top:1px solid #e7e8e8;}
.paginationInfo a {color:#666;}
.paginationInfo a.selected {font-weight:bold;}

/* Errors and warnings */
#systemMessage ol {padding-left:20px;}
.notice {margin:10px 9px 0 9px;padding:8px 15px;color:#666;line-height:150%;font-size:12px;background:#f9f9f9;border:1px solid #cecece;border-top:3px solid #a3a3a3;}
.notice span {color:#000;}
.warning {margin:10px 2px 5px 2px;padding:10px;color:#d8716e;line-height:150%;font-size:12px;background:#fdf5f5;border:1px solid #ecb2b1;border-top:3px solid;}
.warning a {color:#d8716e;font-weight:bold;}
.closeSystemMessage {float:right;position:relative;bottom:7px;}
.closeSystemMessage a {cursor:pointer;text-decoration:none;font-weight:bold;color:#d8716e;}
.closeSystemMessage a:hover {color:#000!important;}

/* Tabcontent */
.langmenu {position:relative;top:4px;}
.langmenu li {float:left;margin:1px;padding:0!important;list-style:none;background:none!important;}
.langmenu a {display:block;padding:5px 15px;font-weight:bold;color:#888;text-decoration:none;background:#d7d9da;border:1px solid #d7d9da;border-bottom:3px solid #a0a4af;}
.langmenu a:hover, .langmenu a.selected {background:#f8f8f9;color:#5d5c60;border:1px solid #a0a4af;border-bottom:3px solid #f8f8f9;}

/* Admin tools */
.editlinks {clear:both;padding:15px;text-align:right;}
.editlink, .editlinks a {text-decoration:none;color:#88191f;font-weight:bold;}
.editlink:hover, .editlinks a:hover {text-decoration:underline;}

/* Tooltips */
#WzBoDy {padding:3px 7px!important;}
#WzBoDy div {padding-top:5px;}

/* Uploads */
div.ProgressBar {width:100px;padding:0;border:1px solid black;margin-right:1em;height:.75em;margin-left:1em;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;}
div.ProgressBar div {background-color:green;font-size:1pt;height:100%;float:left;}
span.asyncUploader object {position:relative;top:3px;left:0px;}
#file_1_completedMessage {margin-right:20px;}
#file_2_completedMessage {margin-right:20px;}
#file_3_completedMessage {margin-right:20px;}
#file_4_completedMessage {margin-right:20px;}
#file_5_completedMessage {margin-right:20px;}

/* Forms */
input, textarea, select {padding:1px 2px;font-size:12px;color:#2d3f4a;font-family:sans-serif;border:1px solid #a0a4af;}
.form {clear:both;width:98%;color:#2d3f4a;margin:5px;padding:0 5px;font-size:11px;}
.form .submit, .submit {margin:8px 0 0 10px;padding:1px 5px;font-size:13px;color:#fff;background:#31377b;border:1px solid #707070;cursor:pointer;}
.form fieldset {margin-top:15px;padding:10px 10px 20px 10px;background:#f8f8f9;border:1px solid #a0a4af;border-top:3px solid #a0a4af;}
.form legend {padding:2px 8px;font-weight:bold;border:1px solid #a0a4af;}
.form label {padding:6px 15px 6px 5px;}
.form option {padding-right:15px;}
.form table {width:100%;margin-top:8px;}
.form table td {padding:2px;}
.form_thumb {position:relative;top:4px;right:5px;}
.form_icon {position:relative;top:4px;}
.info {float:right;margin:0;padding:5px 10px;color:#888888;}
.info2 {margin-left:10px;color:#888888;}
.login {width:300px;}
.addnext {font-size:14px;font-weight:bold;}
#details {display:block;padding:10px;font-size:14px;font-weight:bold;}
.emails-table td {width:49%;}
.rightstable {border-collapse:collapse;}
.rightstable tr td {border-bottom:1px solid #ccc;}

/*
Uploadify
Copyright (c) 2012 Reactive Apps, Ronnie Garcia
Released under the MIT License <http://www.opensource.org/licenses/mit-license.php> 
*/

.uploadify {
	position: relative;
	margin-bottom: 1em;
}
.uploadify-button {
	background-color: #505050;
	background-image: linear-gradient(bottom, #505050 0%, #707070 100%);
	background-image: -o-linear-gradient(bottom, #505050 0%, #707070 100%);
	background-image: -moz-linear-gradient(bottom, #505050 0%, #707070 100%);
	background-image: -webkit-linear-gradient(bottom, #505050 0%, #707070 100%);
	background-image: -ms-linear-gradient(bottom, #505050 0%, #707070 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #505050),
		color-stop(1, #707070)
	);
	background-position: center top;
	background-repeat: no-repeat;
    /*
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	*/
    border: 2px solid #808080;
	color: #FFF;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	width: 100%;
}
.uploadify:hover .uploadify-button {
	background-color: #606060;
	background-image: linear-gradient(top, #606060 0%, #808080 100%);
	background-image: -o-linear-gradient(top, #606060 0%, #808080 100%);
	background-image: -moz-linear-gradient(top, #606060 0%, #808080 100%);
	background-image: -webkit-linear-gradient(top, #606060 0%, #808080 100%);
	background-image: -ms-linear-gradient(top, #606060 0%, #808080 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #606060),
		color-stop(1, #808080)
	);
	background-position: center bottom;
}
.uploadify-button.disabled {
	background-color: #D0D0D0;
	color: #808080;
}
.uploadify-queue {
	margin-bottom: 1em;
}
.uploadify-queue-item {
	background-color: #F5F5F5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font: 11px Verdana, Geneva, sans-serif;
	margin-top: 5px;
	max-width: 350px;
	padding: 10px;
}
.uploadify-error {
	background-color: #FDE5DD !important;
}
.uploadify-queue-item .cancel a {
	background: url('./images/uploadify-cancel.png') 0 0 no-repeat;
	float: right;
	height:	16px;
	text-indent: -9999px;
	width: 16px;
}
.uploadify-queue-item.completed {
	background-color: #E5E5E5;
}
.uploadify-progress {
	background-color: #E5E5E5;
	margin-top: 10px;
	width: 100%;
}
.uploadify-progress-bar {
	background-color: #0099FF;
	height: 3px;
	width: 1px;
}