/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

* Filename: layout.css
* Version: 1.0.1 (2010-11-20) YYYY-MM-DD
* Website: http://www.barp.cz/
* Author: Petr Sobotka
* Description: Layout for Borecky admin

== STRUCTURE: =================================================================
* Number of columns: 1-3
===============================================================================

== INDEX: =====================================================================
_common : Comon formatting presets
_main   : Global preferences
_boxes  : Main boxes presets
_menu   : Main menu
_categories : Table of categories
_form   : Main form layout
===============================================================================

*/

/* _common
=============================================================================*/

body {
	font-family: Arial, Helvetica, "Geneva CE", sans-serif;
	padding: 0;
	margin:0;
	text-align: center;
	font-size: 0.8125em;
	background: #e1e3ec url('../../images/admin/background-main.gif') repeat-x ;
}


a, a:link, a:visited {
	color: #1e739c;
}

a:hover {
	color: #f60;
}

/* fix podtrhavani obrazkovych odkazu */
a img {
	border-style: none;
}

/* univerzalni cistic */
.cleared {
	overflow: hidden;
	width: 100%;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* jeste univerzalnejsi cistic */
.clear {
	clear: both;
}

.wrapper {
	padding: 1em;
}

form, fieldset {
	padding: 0;
	margin: 0;
	border-style: none;
}

/* boxovani */
.box {
	padding: 0.8em 1em;
	border-style: solid;
	border-width: 1px;
}

/* parametry standartniho zvyrazneneho boxu */
.standard-alert {
	border-color: #ffcc00;
	background: #ffff99 url('../../images/admin/alert.gif') no-repeat 10px 70%;
	padding: 1.2em 1em 1.2em 5em;
}

/* parametry standartniho zvyrazneneho uspechoveho boxu */
.standard-success {
	border-color: #caf3a6;
	background: #edfddf url('../../images/admin/success.gif') no-repeat 10px 70%;
	padding: 1.2em 1em 1.2em 5em;
}

a.add-button
{
	display: block;
	position: absolute;
	top: 1em;
	right: 1em;
	padding: 0.3em 0.7em;
	text-decoration: none;
	font-weight: bold;
	/*background: -moz-linear-gradient(100% 100% 90deg, #56a11e, #7dc138); /* linearni prechod barev */
	background:  #7dc138;
	color: white;
	border-radius: 4px;
}

/* _main
=============================================================================*/
#main {
	margin: 0.5em 0.5em 1em 0.5em;
	/*max-width: 750px;*/
	text-align: left;
	/*border: 1px solid #c0c0c0;*/
	z-index: 1;
}

#header {
	/*border: 1px solid #f60;*/
}

#header h2 {
	float: left;
	/*border: 1px solid #f60;*/
}

#header #search-form {
	float: left;
	/*border: 1px solid green;*/
	margin-left: 2em;
	margin-top: 1em;
}

#search-box {
	font-size: 1.2em;
	width: 25em;
	padding-left: 22px;
}

#login-info {
	float: right;
	/*border: 1px solid #f60;*/
	padding: 0.5em;
}

h2 {
	font-size: 18px;
	font-weight: normal;
}


.pane {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 1em;
	border-radius: 4px;
	max-width: 960px;
}

div.pane h3 {
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding: 0.6em 0.5em 0.5em 0.5em;
}

#overlay {
	position: fixed;
	/*position: absolute;*/
	z-index: 100;
	width: 100%;
	min-height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.7);
}

#overlay-dialog-box {
	width: 500px;
	background-color: #fff;
	margin: 10em auto;
	padding: 1em;
	position: relative;
}

#overlay-dialog-box span#close-button {
	position: absolute;
	top: 0.5em;
	right: 0.5em;
	display: block;
	width: 16px;
	height: 16px;
	cursor: pointer;
	background: url('../../images/admin/icon/delete.png') no-repeat 0 0;
}

#overlay-dialog-box #overlay-content {
	margin-top: 1.5em;
	/*border: 1px solid #c0c0c0;*/
	text-align: left;
}

#overlay-content span.shop_name{	
	width: 200px;
	float: left;
}

#toast {
	position: fixed;
	top: 2em;
	left: 50%;
	width: 200px;
	margin-left: -100px;
	border: 2px solid #000;
	background-color: #333;
	font-weight: bold;
	color: white;
	padding: 10px 0 ;
	text-align:center;
	opacity: 0;
	transition: opacity 0.5s ease-out;
	border-radius: 4px;
	z-index: -100;
}

/* _boxes
=============================================================================*/

/* levy obsahovy sloupec (uzsi) */
#left-pane {
	max-width: 300px;
	min-width: 200px;
	float: left;
	margin-right: 1em;
	position: relative;
	margin-top: 1em;
}

/* hlavní panel správy  */
#center-pane, 
#center-pane2 {
	min-width: 800px;
	float: left;
	margin-right: 1em;
	position: relative;
	margin-top: 1em;
}

/* pravy obsahovy sloupec */
#right-pane {
	min-width: 200px;
	float: left;
	position: relative;
	margin-top: 1em;
}

/* _menu
=============================================================================*/

.menu {

}

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

.menu ul li {
	float: left;
}

.menu ul li a {
	display: block;
	text-decoration: none;
	outline: none;
}

/* Vzhled prvni radky hlavniho menu */

#menu {
	background-color: #5184d2;
	border-radius: 3px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	padding: 0.3em 0.3em 0 0.3em;
}

#menu ul li a {
	border-radius: 4px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	padding: 0.6em 0.5em 0.4em 0.5em;
	/*border: 1px solid #5184d2;*/
	background-color: #3a6aad;
	margin: 0.3em 0.3em 0 0.3em;
	color: #fff;
}

#menu ul li a:hover {
	background: #2c4466;
	
	/*border: 1px solid #fff;*/
}

#menu ul li.active a {
	background-color: #fff;
	color: #333;
	font-weight: bold;
	/*border: 1px solid #5184d2;*/
}

/* Vzhled druhe radky hlavniho menu */

#submenu {
	/*
	border-radius: 4px;
	border-radius-topleft: 0px;
	border-radius-topright: 0px;
	*/
	background-color: #fff;
	border-style: none;
	padding: 0.3em 0.3em 0.1em 0.3em;
}

#submenu ul li a {
	padding: 0.3em 0.4em 0.3em 0.4em;
	border-radius: 4px;
	border: 1px solid #ccc;
	margin: 0.3em;
	color: #666;
}

#submenu ul li a:hover {
	background: #e1e3ec;
}

#submenu ul li.active a {
	background-color: #e1e3ec;
	color: #333;
	font-weight: bold;
	border: 1px solid #ccc;
}

/* testovaci verze beta je barevne odlisena */


#menu.beta {
	background-color: #f6422d;
}

#menu.beta ul li a {
	background-color: #cd291a;
}

#menu.beta ul li a:hover {
	background: #76241c;
}

#menu.beta ul li.active a {
	background-color: #fff;
}

/* _table
=============================================================================*/

table {
	border-collapse: collapse;
	width: 100%;
}

table#zebra-wide {
	border-collapse: collapse;
	width: 100%;
}


table#zebra-wide td, 
table#zebra-wide th {
	padding: 0.5em;
}

table#zebra-wide tr.hidden td {
	color: #c0c0c0;
}

table#zebra-wide tr.even td {
	background-color: #f7f7f5;
}

table.data {
	border-width: 0;
}

table.data td, 
table.data th {
	border-top: 1px solid #ccc;
	padding: 0.5em;
}

table.data tr.input td {
	background-color: #f2f6fa;
}

table.data th {
	background-color: #eee;
	border-top-style: none;
}

/* _form
=============================================================================*/

form.standard {
	/*border: 1px solid #f60;*/
	background-color: #f2f6fa;
	padding: 1em;
}

form.standard label {
	float: left;
	clear: left;
	width: 9em;
	padding: 0.1em 1em 0 0;
	text-align: right;
	margin: 0;
	display: block;
	/*border: 1px solid #f60;*/
	margin-top: 0.3em;
}

form.standard input, 
form.standard select {
	margin: 0;
	/*border: 1px solid #f60;*/
	margin-top: 0.3em;
}

form.standard input[type=checkbox] {
	margin: 10px 0 5px 0;
}

form.standard input[type=submit] {
	margin-left: 10em;
}

form.standard ul.errors {
	padding: 0;
	margin: 0.5em 0 0 10em;
	list-style-type: none;
	/*border: 1px solid red;*/
}

form.standard ul.errors li {
	color: red;
}

/* _progressbar
=============================================================================*/

.pgb_content {
    position: relative;
}

.pgb_progress {
    position: absolute;
    padding: 0;
    margin: 0;
    font-size: 0;
    height: 12px;
}

.pgb_border {
    width: 120px;
    background: transparent url('../../images/admin/progressbar-border.gif') no-repeat scroll 0 0;
    z-index: 1000;
}

.pbg_bar {
    background: #AEFF00 none repeat-x scroll 0 0;
    z-index: 0;
}

.pbg_text,.pbg_infos {
    color: #333;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 10px;
}

.pbg_text {
    margin-left: 125px;
}

.pbg_infos {
    padding-top: 12px;
}

/* _autocompleter
=============================================================================*/

.autocomplete-w1 { 
	position: absolute;
	top:4px;
	left:3px;
}

.autocomplete {
	/*width: 300px;*/
	border: 1px solid #999;
	background: #fff;
	cursor: pointer;
	text-align: left;
	max-height: 350px;
	overflow: auto; 
	margin: -6px 6px 6px -6px; 
}

.autocomplete .selected {
	background-color: #eaf6fc;
}

.autocomplete div {
	font-size: 1.2em;
	padding: 4px 5px 4px 24px;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-position: 3px 50%; 
}

.autocomplete div.vendor {
	background-image: url('../../images/admin/icon/vendor.png');
}

.autocomplete div.category {
	background-image: url('../../images/admin/icon/category.png');
}

.autocomplete div.variant {
	background-image: url('../../images/admin/icon/barcode.png');
}

.autocomplete div.series {
	background-image: url('../../images/admin/icon/series.png');
}

.autocomplete strong {
	/*color: #3399FF;*/
	/*font-size: 0.95em;*/
}

/* _product-selector
=============================================================================*/

.product-selector select.product-selector-vendors {
	width: 100%;
}

.product-selector input.product-selector-filter {
	/*width: 98%;*/
	color: #666;
	float: left;
	width: 200px;
	padding: 2px 20px 2px 2px;
	margin: .3em 0;
}

.product-selector span.product-selector-filter-reset {
	display: block;
	width: 16px;
	height: 16px;
	float: left;
	background: url(../../images/admin/icon/filter-reset.png) no-repeat 100% 50%;
	cursor: pointer;
	margin-top: 0.55em;
	position: relative;
	left: -20px;
}

.product-selector select.product-selector-products {
	width: 100%;
}

/* sbalovani variant pod zbozi v ruznych vypisech
=============================================================================*/
ul.collapsible {
	/*border: 1px solid black;*/
	padding: 0;
	margin: 0;
	list-style-type: none;
}

ul.collapsible li {
	/*border: 1px solid #f60;*/
	line-height: 1.5em;
}

ul.collapsible ul {
	padding: 0;
	margin: 0 0 0 2em;
	list-style-type: none;
	clear: both;
}

ul.collapsible ul li.hidden {
	display: none;
}

ul.collapsible li span.control {
	display: block;
	width: 16px;
	height: 16px;
	float: left;
	background-image: url('../../images/admin/expand-collapse.png');
	background-position: 0px -16px;
	cursor: pointer;
	margin-right: 0.2em;
	margin-top: 0.1em;
}

ul.collapsible li.collapsed span.control {
	background-position: 0px 0px;
}

ul.collapsible ul li a.delete {
	display: block;
	width: 16px;
	height: 16px;
	float: left;
	background-image: url('../../images/admin/icon/delete.png');
	cursor: pointer;
	margin-right: 0.2em;
	margin-top: 0.1em;
}