@import "/admin/css/effects.css";
@import "ui.datepicker.css";

/*********************************/
/*             MAIN              */
/*********************************/

body {
	margin:0;
	padding:0;
	font-size:1.2em;
	line-height:1.6em;
	background:#f8f8f8;
}

img {
	border:0;
}

table, table tr td, table tr th, form div, form {
	border:0;
	margin:0;
}

a:visited {
	color:#36c;
}

div.head {
	padding-left: 20px;
	background: #363636;
	height:50px;
	color:#ddd;
}

div.head .menu {
	float:right;
	padding:5px 5px 0;
	text-align:right;
}

h1 {
	margin-top:0.5em;
	margin-bottom:1em;
}

h4 {
	color:#174E72;
}

.maincontainer {
	padding:13px;
}

.maincontent {
	margin-left:155px;
}

.maincontent.cphidden {
	margin-left:23px;
}

.wcontainer {
	padding:0 13px 13px 0;
}

.wcontainer.wportlets {
	padding:0;
}

.wcontainer.box {
	border:1px solid #ccc;
	background:white;
	padding:13px;
	margin-right:13px;
	margin-bottom:13px;
}

/*********************************/
/*              GUI              */
/*********************************/

.controlpanel {
	width:140px;
	float:left;
}

.controlpanel.hidden {
	width:16px;
}

.controlpanel.hidden ul, .controlpanel.hidden .icons {
	display:none;
}

.controlpanel ul {
	list-style-type:none;
	margin-left:0px;
	padding-left:0;
	margin-top:0;
}

.controlpanel ul li {
	margin-left:0;
	margin-bottom:5px;
	display:block;
}

.controlpanel ul li a {
	display:block;
	border:1px solid #ccc;
	background:url('../img/gradient1.png') repeat-x center center #f3f3f3;
	padding:8px;
	text-decoration:none;
	color:#777;
	font-weight:bold;
}

.controlpanel ul li ul {
	display:none;
	background: white url('../img/input-background.png') repeat-x left top;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:3px 0;
	margin:0;
}

.controlpanel ul li ul li {
	margin:0;
	display:block;
}

.controlpanel ul li ul li a {
	display:block;
	border:0;
	padding:3px 6px;
	background:transparent;
	line-height:14px;
	text-decoration:none;
	color:#174e72;
	font-weight:normal;
}

.actionmenu {
	float:right;
}

/* portlety */

.ui-icon {
	width:16px;
	height:16px;
}

.ui-icon-hide {
	background:url('../img/portlet_hide.png') no-repeat center center;
	position:relative;
	top:2px;
}

.wportlet {
	margin-bottom:1em;
}

.wportlet-header {
	border:1px solid #ccc;
	background:url('../img/gradient1.png') repeat-x center center #f3f3f3;
	padding:4px 10px;
	font-weight:bold;
	color:#333;
	text-shadow:1px 1px 2px #fff;
	cursor:move;
}

.wportlet-header .ui-icon {
	float:right;
	cursor:pointer;
}

.wwindowcontent {
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background:white;
	padding:10px 5px;
}

.ui-sortable-placeholder { border: 1px dashed #ddd;background:white; visibility: visible !important; height: 50px !important; }
.ui-sortable-placeholder * { visibility: hidden; }

/* forms */

input[type='text'], input[type='password'], input[type='file'], textarea, select {
	background: white url('../img/input-background.png') repeat-x left top;
	border:1px solid #bbb;
	padding:3px;
	width:98%;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, select:focus {
	border-color:#888888;
	outline-color:#ddd;
	outline-style:solid;
	outline-width:2px;
}

textarea {
	height:80px;
}

input[type='text'].wdatepicker {
	width:128px;
}

.wformtable {
	width:100%;
	border:0;
}

.wformtable tr th, .wformtable tr td {
	border:0;
}

.wformtable tr td label {
	padding:4px 6px;
	background:#eee;
	border-top:1px solid #bbb;
	border-left:1px solid #bbb;
	border-right:1px solid #bbb;
	color:#222;
	font-size:0.9em;
}

.wformtable tr td, .wformtable tr th {
	padding:5px;
	vertical-align:top;
}

.wformtable tr td.hsepar {
	background:url('../img/wfhsepar.png') repeat-x center center;
}

.wformtable tr td.radiolabel {
	vertical-align:bottom;
}

#ui-datepicker-div {
	background:white;
	display:none;
}

.ui-datepicker-header, .ui-datepicker-calendar tbody tr td a {
	border:1px solid #ddd;
	background:url('../img/gradient1.png') repeat-x center center #f3f3f3;
}

.ui-datepicker-calendar tbody tr td a.ui-state-active {
	background-image:url('../img/gradient1-active.png');
}

.ui-datepicker-calendar {
	border:0;
}

.ui-datepicker-calendar tbody tr td {
	
}

.wformtable tr td label.radiolabel {
	background:transparent;
	border:0;
	position:relative;
	top:-3px;
}

/* datalist */

.WGuiDataList {
	border-collapse:separate;
}

.WGuiDataList thead tr th, .WGuiDataList tfoot tr th {
	border:1px solid #ccc;
	border-left:0;
	background:url('../img/gradient1.png') repeat-x center center #f3f3f3;
	padding:4px 10px;
	font-weight:bold;
	color:#333;
	text-shadow:0 1px 0 #fff;
}

.WGuiDataList tfoot tr th {
	border-top:0;
}

.WGuiDataList tbody tr td {
	border-bottom:1px solid #ccc;
	padding:4px 10px;
	background:white;
}

.WGuiDataList tr td:first-child, .WGuiDataList tr th:first-child {
	border-left:1px solid #ccc;
}

.WGuiDataList tr td.last, .WGuiDataList tr th.last {
	border-right:1px solid #ccc;
}

.WGuiDataList tbody tr td .row-actions {
	opacity: 0.25;
}

.WGuiDataList tbody tr:hover td .row-actions {
	opacity: 1;
}

.WGuiDataList tbody tr td a {
	font-weight:bold;
	text-decoration:none;
}

.WGuiDataList tbody tr td .row-actions a {
	text-decoration:none;
	font-size:90%;
	font-weight:normal;
}

/* Minilist */
.WGuiMiniList {
	border-collapse:separate;
}

.WGuiMiniList thead tr th, .WGuiMiniList tfoot tr th {
	border:0;
	background:#eee;
	padding:2px 5px;
	font-weight:bold;
	color:#333;
	font-size:90%;
	text-shadow:0 1px 0 #fff;
}

.WGuiMiniList tfoot tr th {
	border-top:0;
}

.WGuiMiniList tbody tr td {
	border-bottom:1px solid #eee;
	padding:4px 10px;
	background:#fff;
}

.WGuiMiniList tbody tr td:first-child {
	border-left:1px solid #eee;
}

.WGuiMiniList tbody tr td.last {
	border-right:1px solid #eee;
}

.WGuiMiniList tbody tr td.icons {
	
}

/* databoxlist */

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

ul.databoxlist li {
	text-align:center;
	display:inline-block;
}

ul.databoxlist li img {
	border:1px solid #aaa;
}

ul.databoxlist li .item-actions {
	visibility:hidden;
}

ul.databoxlist li .item-actions a {
	text-decoration:none;
	font-size:90%;
	font-weight:normal;
}

.gallbl li {
	width:150px;
}

/* Keywording */

ul.keywording li {
	border:1px solid #ccc;
	background:#eee;
	padding:0.5em;
	margin:0 1em 1em 0;
	text-align:left;
	width:400px;
}

.keywording li img {
	float:left;
}

.keywording li div {
	margin-left:150px;
}

.keywording li .popis {
	margin-bottom:1em;
}

/* pager */
div.pager {
	text-align:center;
}

div.pager table {
	margin:0 auto;
}

div.pager table tbody tr td {
	padding-left:5px;
}

div.pager table tbody tr td a {
	text-decoration:none;
}

div.pager table tbody tr td.active a {
	font-weight:bold;
}

/* action menu */

#floatingactionmenu {
	background:#444;
	position:fixed;
	width:100%;
	padding-top:8px;
	top:0;
}

#floatingactionmenu a.button, button {
	float:none;
}

#floatingactionmenu h1 {
	color:#eee;
	margin-top:3px;
	padding-left:1em;
	margin-bottom:0;
}

#floatingactionmenu .buttons {
	float:right;
}

/* Feeder */

#wguifeeder {
	display:none;
	position:absolute;
	border:1px solid #aaa;
	background:white;
}

#wguifeeder a, #wguifeeder a:visited {
	display:block;
	font-weight:bold;
	color:#999;
	background:transparent;
	text-decoration:none;
	padding:2px 5px;
}

#wguifeeder a:hover {
	background:#eee;
}

/* Dialog */

.ui-dialog {
	border:1px solid #ccc;
	position:absolute;
	background:white;
	-moz-box-shadow:0 4px 18px #C8C8C8;
	-webkit-box-shadow: rgba(200,200,200,1) 0 4px 18px;
	-khtml-box-shadow: rgba(200,200,200,1) 0 4px 18px;
	box-shadow: rgba(200,200,200,1) 0 4px 18px;
}

.ui-dialog-titlebar {
	background:url('../img/gradient1.png') repeat-x center center #f3f3f3;
	line-height:30px;
	padding:0px 10px;
	cursor:move;
}

.ui-dialog-title {
	font-weight:bold;
}

.ui-dialog-titlebar-close {
	float:right;
	display:inline-block;
	width:20px;
	height:17px;
	background:url('../img/icons/cross.png') no-repeat center center #ddd;
	margin-top:4px;
}

.ui-dialog-titlebar-close span {
	display:none;
}

.ui-resizable-handle {
	float:right;
	background:url('../img/icons/resize.png') no-repeat right bottom;
	cursor:se-resize;
}

.ui-dialog-content {
	overflow:auto;
	margin-left:13px;
	margin-top:13px;
}

.ui-dialog-buttonpane {
	
}

/* Wdialog links */

.wdialog-links {
	background:#eee;
	border:1px solid #aaa;
	position:absolute;
	display:none;
}

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

.wdialog-links ul li {
	margin:0;
}

.wdialog-links ul li a {
	padding:3px 10px;
	display:block;
	text-decoration:none;
	font-weight:bold;
	color:#999;
}

.wdialog-links ul li a:hover {
	background:#6299C5;
	color:white;
}

/* upload container */
ul.upload-container {
	width:50%;
	list-style-type:none;
}

ul.upload-container li {
	border:1px solid #ccc;
	background:white;
	margin:0;
	margin-bottom:10px;
}

ul.upload-container li div.ui-header {
	padding:3px;
	font-weight:bold;
}

ul.upload-container li div.ui-header img {
	vertical-align:middle;
}

ul.upload-container li div.ui-header a {
	float:right;
	text-decoration:none;
	font-weight:normal;
	position:relative;
	top:3px;
	right:5px;
}

ul.upload-container li div.cont {
	border-top:1px solid #ccc;
	padding:10px;
}

#swfupload-control object {
	vertical-align:middle;
}

/* Buttony */

a.button.button-add, button.button.button-add, a.button.button-ok, button.button.button-ok, a.button.button-save, button.button.button-save, a.button.button-cancel, button.button.button-cancel, a.button.button-back, button.button.button-back, a.button.button-search, button.button.button-search,
a.button.button-show, button.button.button-show, a.button.button-feed, button.button.button-feed, a.button.button-filter, button.button.button-filter, a.button.button-new, button.button.button-new, a.button.button-delete, button.button.button-delete, a.button.button-dimension, button.button.button-dimension,
a.button.button-viewlist, button.button.button-viewlist {
	padding-left:24px;
	background-repeat:no-repeat;
	background-position:4px center;
	float:none;
}


a.button.button-add, button.button.button-add {
	background-image:url('../img/icons/add.png');
}

a.button.button-ok, button.button.button-ok {
	background-image:url('../img/icons/accept.png');
}

a.button.button-save, button.button.button-save {
	background-image:url('../img/icons/disk.png');
}

a.button.button-cancel, button.button.button-cancel {
	background-image:url('../img/icons/cross.png');
}

a.button.button-back, button.button.button-back {
	background-image:url('../img/icons/arrow_turn_left.png');
}

a.button.button-search, button.button.button-search {
	background-image:url('../img/icons/magnifier.png');
}

a.button.button-show, button.button.button-show {
	background-image:url('../img/icons/eye.png');
}

a.button.button-feed, button.button.button-feed {
	background-image:url('../img/icons/feed.png');
}

a.button.button-filter, button.button.button-filter {
	background-image:url('../img/icons/arrow_switch.png');
}

a.button.button-new, button.button.button-new {
	background-image:url('../img/icons/star.png');
}

a.button.button-delete, button.button.button-delete {
	background-image:url('../img/icons/delete.png');
}

a.button.button-dimension, button.button.button-dimension {
	background-image:url('../img/icons/arrow_out.png');
}

a.button.button-viewlist, button.button.button-viewlist {
	background-image:url('../img/icons/application_view_list.png');
}

.upload-btn-wrapper {
	position: relative;
	overflow: hidden;
	display: inline-block;
}

.upload-btn-wrapper .button {
	cursor: pointer;
	padding-left:24px;
	background-repeat:no-repeat;
	background-position:4px center;
	background-image:url('../img/icons/star.png');
}

.upload-btn-wrapper input[type=file] {
	font-size: 100px;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}

/* Tables style */

table.grid1 {
	width:100%;
}

table.grid1 th {
	text-align:left;
	color:#999;
}

table.grid1 thead th {
	
}

table.grid1 tbody td {
	border-top:1px solid #ddd;
	padding:4px 0;
}


.lineseparator {
	border-bottom:1px solid #ddd;
	margin:10px 0;
}

/* Utils */

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

.va-top {vertical-align:top;}
.va-middle {vertical-align:middle;}
.va-bottom {vertical-align:bottom;}

.d-none {display:none;}

.mce-i-selectall:before {
	content: "\e01a"
}