/* reset margin + padding*/
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
  font-size: 100%;	
	vertical-align: baseline;
	background: transparent;
}

html, body {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;	
	vertical-align: baseline;
	background: transparent;
}



body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


.fixFloat {
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* reset end */

/* Global */

body {
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: #D8DCE0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABMCAIAAAAjsUpsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEVJREFUeNqMTlsKACAMku5/Z9sL1lpUH6JMJ4LkAGBQTdVxIwUQXVizNK+zd1Tecjfv1RHbnE/bcmPrKL8/XYufG6cAAwBFymotT/a6tQAAAABJRU5ErkJggg==) repeat-x scroll 0 0;
   /* padding-left: 10px !important;*/
    padding-right: 13px !important;
	
}

.ui-layout-pane {
    overflow: visible !important;
}

.ui-layout-resizer {
    visibility: visible;
    overflow: visible;
}

#statusbar {
    padding-top: 5px;
    padding-bottom: 5px;
}

.ui-datepicker{
    z-index: 3000;
    font-size: 11px;
}

html {
  color:#404040;
  font: 62.5%/1.8em Arial, Verdana, sans-serif;
  font-size-adjust:none;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;  
  
}
body {
  line-height:1.4em;
  text-align: left;
  font-size:1.2em;         
}


label {
  
}
textarea, input[type=text] {
  border: 1px solid #c4dbe4;
  background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAIAAADkeZOuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAF9JREFUeNq8UEEKwDAIM9b/v9Q36NRS6qGDwmA5mKopxEBVqQNEPssBwszJnjovAqruYX6ezVLf4av6zXNuZIzxj5N1f0efCUdWmVl5dVRiwaGAe755HwOY2b2TR4ABAELLGxeihITYAAAAAElFTkSuQmCC') repeat-x scroll left top;
  margin-bottom: 10px;    
}

input[type=text] {
  width: 400px;  
  font-size: 16px;
  height: 28px;
  line-height: 28px;
  vertical-align: middle; 
  padding: 0 5px; 
}
textarea {
  overflow: auto;
  width: 90%;
}

input.formFieldFocus {
  background: #eef5fa url();
}

a {
  color:#4E7DE2;
  cursor:pointer;
  outline-style:none;
  text-decoration:none;
}

a:hover {
  text-decoration: underline;
}

ul ul {
  margin-left: 20px;  
}

table {
	width:100%;
	margin:1em auto;
	border-collapse:collapse;
}

h1 {
  color: #005acd;
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
  padding: 15px 0;
}
h2 {
  color: #006e12;
  font-size: 1.3em;
  line-height: 1.2em;
  font-weight: normal;
  padding-bottom: 3px;
}


dl {
  line-height: 1.6em;
}


#cmsMenu {
	left:-20px;
	position:absolute;
	text-align:left;
	top:35px;
}
#filter {
	padding-left: 10px;
}
#cmsMenu a {
	display:block;
	padding:4px 20px;
	text-decoration:none;
}
#cmsMenu li ul a {
	background:url("navBg.gif") no-repeat scroll left bottom #666666;
	color:#FFFFFF;
	font-weight:bold;
}

/* Panes */

.pane {
    /* Borders */
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    /*
    -moz-box-shadow: 2px 2px 8px #888;
    -webkit-box-shadow: 2px 2px 8px #888;
    box-shadow: 2px 2px 8px #888;
    filter: progid:DXImageTransform.Microsoft.dropShadow(color=#BBBBBB, offX=5, offY=5, positive=true);
    */
    /* Rest */
    background-color: #fff;
    height: 100%;
    width: 100%;
    overflow: hidden;/* !important;*/
}

.panelsBottomPadding {
	/* Shadows */
    -moz-box-shadow: 2px 2px 8px #888;
    -webkit-box-shadow: 2px 2px 8px #888;
    box-shadow: 2px 2px 8px #888;
    filter: progid:DXImageTransform.Microsoft.dropShadow(color=#BBBBBB, offX=5, offY=5, positive=true);
}
.portletHeaderTop {
    -moz-border-radius: 6px 6px 0px 0px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    width: auto;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAXCAIAAAA0gN7GAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFxJREFUeNpiTFz+iWEoAxZVgd9D2wO33jIObQ/8//9/qHvg39D2AMNQ98D/f/9G88BoEhrRmXjI5wGG0Xpg1AMUJqHRemA0CY22hYa0B5gYhjgY9cCoBygEAAEGAOjwMAksun6KAAAAAElFTkSuQmCC);
    background-position: 0 -5px;
    background-repeat: repeat-x;
    background-color: #5590D2;
    background: -moz-linear-gradient(top, #5d9fe7, #5590d2);
    bottom 0;
    color: white;
    padding-left: 10px;
    padding-right: 5px;
	height: 23px;
	line-height: 23px;
}

.searchWrap {
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #CCCCCC;
	border-bottom: none;
	padding:2px;
}
.portletHeaderBottom, .portletHeaderBottomRight {
	/*background: none repeat scroll 0 0 #F1F1F1;*/
}
.portletHeaderBottomRight {
	/*padding: 4px 0 2px 5px;*/
            
	            
}
/*
.panemenu {
    background-color: #ddd;
    background-image: 
    background-position:left top;
    background-repeat:repeat-x;
    display:block;
    height: 24px;
    width: 100%;
    overflow:hidden;
    position:relative;
    padding-top: 0px;
    margin-bottom: 0px;
}
*/

#userIdentity a {
  color: #004f53;
  font-weight: bold;		
}
#userIdentity a:hover {
  color: #ec008c;		
}
#userLogout a:hover, #openWebsite a:hover {
  color: #000;
}

#userIdentity {
  position: absolute;
  right: 12px;
  top: 5px;
  color: #6c6c6c;
}

#openWebsite {
  position: absolute;
  left: 140px;
  top: 20px;  
  font-size: 22px;
} 
#openWebsite a {
  color: #000;    
}
#openWebsite a:hover {
  text-decoration: none;
  color: #035676;
  color: #ccc;
}
#openWebsite span {
  position: absolute;
  right: 0px;
  top: 18px;  
  font-size: 11px;
}

.logo {
	background:url("../images/logo.gif") no-repeat scroll left top transparent;
	display:block;
	height:39px;
	left:15px;
	position:absolute;
	top:10px;
	width:108px;
}
.logo span {
	display:none;
}


/*old css*/


/* ico */
.f13Ico {
  display: block;
  text-align: center;
  color: #969696;
  border: 1px solid #fff;
  padding: 8px;
  font-size: 0.9em;
}
.f13Ico:hover {
  text-decoration: none;
  color: #3a3a3a;

 background: #eef6ff;
 border: 1px solid #b9d7fc;
}
.f13Ico span {
  display: block;
  width: 36px;
  height: 36px;  
  margin: auto;
  margin-bottom: 3px;  
}


.navIcoAdd span{
  background: url(../images/core/add.gif) no-repeat scroll 0 0;
}
.navIcoAdd:hover span{
  background: url(../images/core/add.gif) no-repeat scroll 0 -38px;
}

.navIcoList span{
  background: url(../images/core/list.gif) no-repeat scroll 0 0;
}
.navIcoList:hover span{
  background: url(../images/core/list.gif) no-repeat scroll 0 -38px;
}

.navIcoTree span{
  background: url(../images/core/tree.gif) no-repeat scroll 0 0;
}
.navIcoTree:hover span{
  background: url(../images/core/tree.gif) no-repeat scroll 0 -38px;
}
/* ico end */

.flashMessenger {
  padding: 20px;
  border: 1px solid #ccc;
  margin: 10px;
  font-weight: bold;
}



/* Sortables */
ul.column {
	/*
	float: left;
	width: 33.3%;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	*/
}
ul.column li.widget {
	width: auto; /* width when 'parked' */
}
li.widget {
	width: 25%; /* width when 'moving' */
	background:#8dc100;
	border: 1px solid #eee;
	margin-bottom: 5px;
	padding: 3px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	}
	li.widget .widget-head {
		color: black;
		padding: 0 0 4px;
		cursor: move;
		overflow: hidden;
	}
	li.widget .widget-content {
		background: white repeat-x;
		color: black;
		font-size:0.9em;
		line-height: 1.2em;
		padding: 5px;
		overflow: hidden;
		-moz-border-radius-bottomleft: 2px;
		-moz-border-radius-bottomright: 2px;
		-webkit-border-bottom-left-radius: 2px;
		-webkit-border-bottom-right-radius: 2px;
	}




	/*ui layout upravy */
	.ui-icon {
		background-image:url(../images/redmond/ui-icons_d8e7f3_256x240.png);
	}
	.ui-icon {
		margin-top: 3px;
		margin-right: 3px;
	}
	.panelIcon {
		display: block;
		width: 16px;
		height: 16px;
		float: left;
		margin-top: 3px;
		margin-right: 8px;
	}
	
	.pagesIcon {
		background: url(../images/layout_icon/page.png);
	}
	.articlesIcon {
		background: url(../images/layout_icon/article.png);
	}
	.galeriesIcon {
		background: url(../images/layout_icon/gallery.png);
	}
	.newsIcon {
		background: url(../images/layout_icon/news.png);
	}
	.eshopIcon {
		background: url(../images/layout_icon/eshop.png);
	}	
	.eshopOrderIcon {
		background: url(../images/layout_icon/eshop-order.png);
	}		
	.exportIcon {
		background: url(../images/layout_icon/export.png);
	}		
	.shippingIcon {
		background: url(../images/layout_icon/shipping.png);
	}
	.paramsIcon {
		background: url(../images/layout_icon/params.gif);
	}			  
	.structureIcon {
		background: url(../images/layout_icon/structure.png);
	}	  
	.mailIcon {
		background: url(../images/layout_icon/mail.png);
	}	
	.eshopAdverts {
		background: url(../images/layout_icon/adverts.png);
	}		
	.eshopText {
		background: url(../images/layout_icon/mail-text.png);
	}
	.paymentIcon {
		background: url(../images/layout_icon/payment.png);
	}
	
	#webContentList li{
		height: 22px;
		line-height: 22px;
	}
	#webContentList li a {
		font-family: 'Arial';
		display: block;
		padding-left: 8px;
		color: #2d2d2d;
	}
	#webContentList li a:hover {
		background: #5c7c9f;
		text-decoration: none;
		color: #fff;
	}

	
	.portlet {
		margin-bottom: 7px;
	}
	.ui-icon {
		float: right;
		cursor: pointer; 
			
	}
	.listColTop {
		background: #b9bbbd;
	}
	.blockMsg {
		margin: 15px;
	}
	
	.blockElement {	
		-moz-border-radius: 10px;
		font-size: 15px;		
	}

	.portlet-header {
		cursor: move;	
	}


	

	
	#newListWrap h3{
	   margin-top: 18px;
    padding: 0px 0 0px 5px; 
    border-bottom: 2px solid #2a5c8b;
    color: #2a5c8b;
  }
	
	#searchLookingGlass {
		background: url(../images/lookingglass.png) no-repeat;
		float: right;
		display: block;
		width: 16px;
		height: 16px;
		margin-top: 1px;
		
	
	}
	
	

	input.ezpz-hint, input#search {
		border: none;
		width: 92%;
  	background: url();
  	line-height: 20px;
    height: 20px;		
  	font-size: 12px;
  	margin: 0;
  	padding: 0;
  	color: #666;
	}
	
	.ui-widget-header {
		border-color: #EEEAE2;
		
	}
	.portlet-content {
		padding-top: 5px;
		padding-bottom: 5px;

	}
	.ui-state-highlight  {
		margin-bottom: 13px;
		opacity: 0.7;
	}
	
	#newListWrap a {
		color: #1E2125;
		font-size: 13px;
		font-weight: bold;
		
	}
	#newListWrap a:hover {
		color: #1E2125;
		font-size: 13px;
		font-weight: bold;
		
	}
	.itemWrap {
		border-bottom: 1px solid #ECECEC;
		padding: 5px;
		padding-left: 8px;
		padding-right: 8px;
	}

	.listText {
		font-size: 11px;
		color: #8B8B8B;
		display: block;
		width: 160px;
		float: left;
	}
	
	.attachedFiles {
		display: block;
		float: right;
		width: 10px;
		height: 19px;
		background: url(../images/clipIcon.png) no-repeat;
	}
	.listItemBottom {
		min-height: 16px;
		height: auto !important;
		height: 16px;	
		margin-top: 3px;
	}
	.activeTitle {
		color: #000;
		font-weight: bold;	
	}
	.listActive .activeTitle {
		color: #fff;	

	}
	.onlineStatus {
		/*background: #F1FFF1;*/
	}
	.conceptStatus {
		/*background: #FFF1F1;*/
	}
.statusSpan {
	border:1px solid #ABABAB;
	display:block;
	height:11px;
	width:11px;
}

.statusSpan.onlineStatus {
	background:#5FCF50 none repeat scroll 0 0;
}
.statusSpan.conceptStatus {
	background:#FFDC22 none repeat scroll 0 0;
}
.listBottomStatus {
	float:right;
	position:relative;
}
	/* UI LAYOUT END */  

/*
  logo
*/
.logo {
  width: 108px;
  height: 39px;
  background: url(../images/logo.gif) no-repeat scroll left top;
  display: block;
  position: absolute;
  left: 15px;
  top: 10px;
}
.logo span {
  display: none;
}


#userIdentity a {
  color: #004f53;
  font-weight: bold;		
}
#userIdentity a:hover {
  color: #ec008c;		
}
#userLogout a:hover, #openWebsite a:hover {
  color: #000;
}

#userIdentity {
  position: absolute;
  right: 12px;
  top: 5px;
  color: #6c6c6c;
}

#openWebsite {
  position: absolute;
  left: 140px;
  top: 20px;  
  font-size: 22px;
} 
#openWebsite a {
  color: #000;    
}
#openWebsite a:hover {
  text-decoration: none;
  color: #035676;
  color: #ccc;
}
#openWebsite span {
  position: absolute;
  right: 0px;
  top: 18px;  
  font-size: 11px;
}



/*
  navigation
*/
#cmsMenu {
  position: absolute;
  left: -20px;
  top: 35px;  
  text-align: left;
}

#cmsMenu li {
  float: left;
  position: relative;
  width: 150px;
}
#cmsMenu a {
  display: block;
  text-decoration: none;
  padding: 4px 20px;
}

#cmsMenu.menuOver a{
  background: #666666 url(navBg.gif) no-repeat scroll left bottom;
}

#cmsMenu li ul .navOn a:hover {
  background: #537078;
}
#cmsMenu li ul .navOn a {
  background: #40464e;
}

#cmsMenu li ul {
  position: absolute;
  display: none;
  margin: 0;
}
#cmsMenu li ul a{
  background: #40464e;  
  background: #666666 url(navBg.gif) no-repeat scroll left bottom;
  color: #fff;
  font-weight: bold;
}


ul .active a {
  color: #f74518;
}


/**
 *  layout
 */ 
#header {

}

#contentLeft {
  float: left;
  width: 90px;
  padding-top: 10px;
}

#contentRight {
  padding: 10px 10px 0 10px;
  margin-left: 100px;
}


h1.active {
  padding: 0 0 5px 110px;
  color:#40464e;
  font-size: 18px;
  font-weight: bold;
  line-height:26px;  
}


/*
  ajax styles
*/
.progressBar {
  width: 100%;
  height: 167px;
  position: absolute;
  left: 0;
  top: 0;
}

.progressBarLoading {
  width: 200px;
  height: 30px;
  line-height: 30px;
  background: url(../images/ajaxLoader.gif) no-repeat scroll right center;
  display: block;
  position: absolute;
  left: 200px;
  top: 30px;
  color: #fff;
}

#messIn {
   margin: 1em 0;
   padding: .5em;
   background: #ffa;
   border: 1px solid #a00;
   color: #a00;
}












/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div {
	margin: 0;
}




/* listControlWrap */
.listControlWrap {
  background: #eef6ff;
  border: 1px #b9d7fc solid;
  padding: 10px;
}
.paginationControl {
  display: inline;
}

.separator {
  padding: 10px;
}
/* listControlWrap - END */


/* dnd tree */

.simpleTree
{
	
	margin:0;
	padding:0;
	/*
	overflow:auto;
	width: 250px;
	height:350px;
	overflow:auto;
	border: 1px solid #444444;
	*/
}
.simpleTree li
{
	list-style: none;
	margin:0;
	padding:0 0 0 34px;
	line-height: 14px;
}
.simpleTree li span
{
	display:inline;
	clear: left;
	white-space: nowrap;
}
.simpleTree ul
{
	margin:0; 
	padding:0;
}
.simpleTree .root
{
	margin-left:-16px;
	background: url(../images/root.gif) no-repeat 16px 0 #ffffff;
}
.simpleTree .line
{
	margin:0 0 0 -16px;
	padding:0;
	line-height: 3px;
	height:3px;
	font-size:3px;
	background: url(../images/line_bg.gif) 0 0 no-repeat transparent;
}
.simpleTree .line-last
{
	margin:0 0 0 -16px;
	padding:0;
	line-height: 3px;
	height:3px;
	font-size:3px;
	background: url(../images/spacer.gif) 0 0 no-repeat transparent;
}
.simpleTree .line-over
{
	margin:0 0 0 -16px;
	padding:0;
	line-height: 3px;
	height:3px;
	font-size:3px;
	background: url(../images/line_bg_over.gif) 0 0 no-repeat transparent;
}
.simpleTree .line-over-last
{
	margin:0 0 0 -16px;
	padding:0;
	line-height: 3px;
	height:3px;
	font-size:3px;
	background: url(../images/line_bg_over_last.gif) 0 0 no-repeat transparent;
}
.simpleTree .folder-open
{
	margin-left:-16px;
	background: url(../images/collapsable.gif) 0 -2px no-repeat #fff;
}
.simpleTree .folder-open-last
{
	margin-left:-16px;
	background: url(../images/collapsable-last.gif) 0 -2px no-repeat #fff;
}
.simpleTree .folder-close
{
	margin-left:-16px;
	background: url(../images/expandable.gif) 0 -2px no-repeat #fff;
}
.simpleTree .folder-close-last
{
	margin-left:-16px;
	background: url(../images/expandable-last.gif) 0 -2px no-repeat #fff;
}
.simpleTree .doc
{
	margin-left:-16px;
	background: url(../images/leaf.gif) 0 -1px no-repeat #fff;
}
.simpleTree .doc-last
{
	margin-left:-16px;
	background: url(../images/leaf-last.gif) 0 -1px no-repeat #fff;
}
.simpleTree .ajax
{
	background: url(../images/spinner.gif) no-repeat 0 0 #ffffff;
	height: 16px;
	display:none;
}
.simpleTree .ajax li
{
	display:none;
	margin:0; 
	padding:0;
}
.simpleTree .trigger
{
	display:inline;
	margin-left:-32px;
	width: 28px;
	height: 11px;
	cursor:pointer;
}
.simpleTree .text
{
	cursor: default;
}
.simpleTree .active
{
	cursor: default;
	background-color:#F7BE77;
	padding:0px 2px;
	border: 1px dashed #444;
}
#drag_container
{
	background:#ffffff;
	color:#000;
	font: normal 11px arial, tahoma, helvetica, sans-serif;
	border: 1px dashed #767676;
}
#drag_container ul
{
	list-style: none;
	padding:0;
	margin:0;
}

#drag_container li
{
	list-style: none;
	background-color:#ffffff;
	line-height:18px;
	white-space: nowrap;
	padding:1px 1px 0px 16px;
	margin:0;
}
#drag_container li span
{
	padding:0;
}

#drag_container li.doc, #drag_container li.doc-last
{
	background: url(../images/leaf.gif) no-repeat -17px 0 #ffffff;
}
#drag_container .folder-close, #drag_container .folder-close-last
{
	background: url(../images/expandable.gif) no-repeat -17px 0 #ffffff;
}

#drag_container .folder-open, #drag_container .folder-open-last
{
	background: url(../images/collapsable.gif) no-repeat -17px 0 #ffffff;
}
.contextMenu
{
	display:none;
}
/* dnd tree - END */




/* index */

#picture {
	width: 655px;
	height: 464px;
	background: #FFF;
}

.uploaderWrap {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#F0F0F0 none repeat scroll 0 0;
	margin-top:15px;
	padding:5px;
}
.uploaderWrap h2{
	font-size:18px;
	height:25px;
	margin:0;
}


.swfupload {
	position: absolute;
	z-index: 1;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}

.h2 {
	font-size: 19px;	
}

#popAlert {
	overflow: hidden;
	z-index: 999;
	width: 100%;
	text-align: center;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	height: 0;
	color: #000;
	font: 20px/40px arial, sans-serif;
	opacity: .9;
}


.infoBar {
	padding-top: 15px;	
}
.autosaveMsg {
	width: 380px;
	height: 20px;
	float: left;	
	color: #005ACD;
	padding-left: 3px;
}
.editorSwitch {
	float: right;
	color: #F85342;
	padding-right: 3px;	
}
.autosaveMsgWrap {
	height: 20px;
	
}
.tinyEditor {
	border: 1px solid #9c9c9c;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}






/* pop up confirm box jquery */
#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 5px #999;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #666;
	background: #CCC url(../images/title.gif) top repeat-x;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	background: 16px 16px no-repeat url(../images/info.gif);
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
	background-image: url(../images/info.gif);
}

#popup_content.confirm {
	background-image: url(../images/important.gif);
}

#popup_content.prompt {
	background-image: url(../images/help.gif);
}

#popup_message {
	padding-left: 48px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}
/* END pop up confirm box jquery END */



div.growlUI { background: url(../images/growlCheck.png) no-repeat 10px 10px; }
div.growlUI h1, div.growlUI h2 {
	color: white; padding: 5px 5px 5px 75px; text-align: left
}



.listHover {
	background: #f2f2f2;
	cursor: pointer;
}
.listActive {
	background: #2a5c8b;
	cursor: pointer;
	color: #fff;
}
#newListWrap .listActive a {
	color: #fff;
}
.listActive span {
	color: #D2D2D2;
}
.attachedFiles {
	cursor: default;	
	
}
.itemAjaxLoading {
	height: 37px;	
	padding-bottom: 1px;
	line-height: 37px;
	padding-left: 1px;
	font-size: 15px;
}
.actionsWrap {
	float: right;
	width: 500px;	
}
.ui-widget-content {
	border: none;
}


#optionButtons {
  height: 60px;
}

#optionButtonsLeft {
  float: left;
}

#optionButtonsRight {
  float: right;
}
.saveButton {
  float: left;
  
}
#ui-datepicker-div {
	z-index: 45000;
}
.selectableItemCursor {
	cursor: n-resize;
}



/*
Uploadify v2.1.0
Release Date: August 24, 2009

Copyright (c) 2009 Ronnie Garcia, Travis Nickels

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
*/
.uploadifyQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	border: 2px solid #E5E5E5;
	background-color: #F5F5F5;
	margin-top: 5px;
	padding: 10px;
	width: 350px;
}
.uploadifyError {
	border: 2px solid #FBCBBC !important;
	background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #0099FF;
	width: 1px;
	height: 3px;
}

/*
#fileQueue {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 99999;

}
*/


/*growl*/



div.jGrowl {
     padding:                10px;
     z-index:                9999;
     color:                     #fff;
     font-size:                12px;
}

/** Special IE6 Style Positioning **/
div.ie6 {
     position:                absolute;
}

div.ie6.top-right {
     right:                     auto;
     bottom:                auto;
     left:                     expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
       top:                     expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
     left:                     expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
     top:                     expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
     left:                     expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
     top:                     expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
     left:                     expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
     top:                     expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
     left:                     expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
     top:                     expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
     width:                     100%;
}

/** Normal Style Positions **/
body > div.jGrowl {
     position:               fixed;
}

body > div.jGrowl.top-left {
     left:                     0px;
     top:                     0px;
}

body > div.jGrowl.top-right {
     right:                     0px;
     top:                     0px;
}

body > div.jGrowl.bottom-left {
     left:                     0px;
     bottom:                    0px;
}

body > div.jGrowl.bottom-right {
     right:                     0px;
     bottom:                0px;
}

body > div.jGrowl.center {
     top:                     0px;
     width:                     50%;
     left:                     25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
     margin-left:           auto;
     margin-right:           auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
     background-color:           #000;
     opacity:                     .85;
    -ms-filter:                "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; 
    filter:                     progid:DXImageTransform.Microsoft.Alpha(Opacity=85); 
     zoom:                          1;
     width:                          235px;
     padding:                     10px;
     margin-top:                5px;
     margin-bottom:                5px;
     font-family:                Tahoma, Arial, Helvetica, sans-serif;
     font-size:                     1em;
     text-align:                left;
     display:                     none;
     -moz-border-radius:      5px;
     -webkit-border-radius:     5px;
}

div.jGrowl div.jGrowl-notification {
     min-height:                40px;
}

div.jGrowl div.jGrowl-notification div.header {
     font-weight:                bold;
     font-size:                    .85em;
}

div.jGrowl div.jGrowl-notification div.close {
     z-index:                    99;
     float:                          right;
     font-weight:                bold;
     font-size:                     1em;
     cursor:                         pointer;
}

div.jGrowl div.jGrowl-closer {
     padding-top:                4px;
     padding-bottom:           4px;
     cursor:                     pointer;
     font-size:                    .9em;
     font-weight:                bold;
     text-align:                center;
}

/** Hide jGrowl when printing **/
@media print {
     div.jGrowl {
          display:                none;
     }
}

.jGrowl-notification.ui-state-highlight {
	background: #000;
	border: none;
	color: #fff;
}
.jGrowl-notification .message {
	background: #000;
	border: none;
	color: #fff;
	padding: 0px;
	margin: 0px;
}
.jGrowl-closer.ui-state-highlight {
	background: #000;
	border: none;
	color: #fff;
}
/*growl END*/


/*popupalert*/
#popup_ok {
	cursor: pointer;	
}

.tabsContent {
  padding: 10px;
}
.contentTopBox {
  background:#FEEC80 none repeat scroll 0 0;
  border-bottom:2px solid #CCCCCC;
  /*border-top:2px solid #CCCCCC;*/
  padding:8px 10px;  
}
/*uploader*/
#fileQueue {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 99999999;
}

/*images editing test*/


#imageList {
	list-style: none;
}

#imageList li {
	height: 110px;
	display: block;
	float: left;
	margin-right: 4px;
	margin-bottom: 10px;
	padding: 9px;
	padding-bottom: 1px;
	border: 1px solid #EAEAEA;
	margin-left: 8px;
	
}
#imageList li:hover {
	background:#EEF6FF none repeat scroll 0 0;
	border:1px solid #B9D7FC;
	
}
#imageList .mainImageWrap {
	background: #d0dbe8 none repeat scroll 0 0;
	border:1px solid #b0b0b0;
}
#imageList .mainImageWrap:hover {
	background: #d7e1ec none repeat scroll 0 0;
	border:1px solid #545454;
}
.handle {
	cursor: move;
	position: relative;
	width: 100px;
	height: 100px;
}
.handle img {
	display: block;
}

.galleryEditImageCheck {
	margin: 0px;	
	position: absolute;
	bottom: 2px;
	right: 2px;
}

.deleteImageWrap {
	position: absolute;
	top: 0;
	width: 35px;
	padding-left: 8px;	
	padding-top: 6px;
}
.deleteImageWrapBg {
	height: 100px;
	position: absolute;
	top: 0;
	background: #FFF;
	opacity: 0.7;
	width: 35px;
	
}
/*ikonky pro vyjizdeci bar*/
.setMainImage, .deleteImage, .editGalleryImage, .lightbox {
	display: block;
	width: 16px;
	height: 16px;
	margin-bottom: 8px;
}
.setMainImage:hover, .deleteImage:hover, .editGalleryImage:hover, .lightbox:hover {
	background-position: bottom;
}
.setMainImage {
	background: url(../images/setMain.png) top no-repeat;
}
.deleteImage {
	background: url(../images/delete.png) top no-repeat;
}
.editGalleryImage {
	background: url(../images/page_edit.png) top no-repeat;
}
.lightbox {
	background: url(../images/preview.png) top no-repeat;
}
.h2Images {
	line-height: 1.2em;
	margin-bottom: 10px;
	padding-bottom: 0;
	color: #005ACD;
	font-size: 19px;
	float: left;
}
.imageListTop {
	height: 25px;
	line-height: 25px;
	border-bottom: 1px dotted #EAEAEA;
	margin-top: 25px;
	
}
.massDeleteImages {
	display: block;	
	width: 85px;
	height: 18px;
	background: url(../images/delSelected.gif) top no-repeat;
	float: right;
	margin-left: 10px;
}
.massDeleteImages:hover {
	background: url(../images/delSelected.gif) bottom no-repeat;
}

.checkAllDeleteBtn {
	display: block;	
	width: 85px;
	height: 18px;
	background: url(../images/selAll.gif) top no-repeat;
	float: right;
}
.checkAllDeleteBtn:hover {
	background-position: 0px -18px; 
}
.activeCheck {
	background-position: 0px -36px;
}
.activeCheck:hover {
	background-position: bottom;
}

.ui-dialog {
	background: #F0F0F0;
}
.ui-dialog-buttonpane {
	background: #F0F0F0;
}



.createNewPage {
	text-align:center;
}
.createNewPage.buttons a {
	float:none;
	margin:auto;
	width:200px;
}

.mainColTop .ui-tabs {padding: 0;}
.mainColTop .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding-top: 1px;}
.mainColTop .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; padding: 0; margin: 0;}
.mainColTop .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; display: block; line-height: 21px; height: 21px; padding: 0 20px; font-size: 12px; font-weight: normal; }
.mainColTop .ui-tabs .ui-tabs-nav li.ui-tabs-selected { }
.mainColTop .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.mainColTop .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.mainColTop .ui-tabs .ui-tabs-panel { display: block; border-width: 0; background: none; }
.mainColTop .ui-tabs .ui-tabs-hide { display: none !important; }
.mainColTop .ui-widget-header {background: url() ; border: 0;}

.panelsBottomPadding {
	margin-bottom: 15px;
}

.panelsBottomPadding .ui-widget-header {
	background: none;
	border: none;
	color:#FFFFFF;
	font-weight: normal;
}

.panelsBottomPadding .ui-widget-content {
	background: none;
}
.content {
 overflow: auto !important;
}
#optionButtonsLeft {
	overflow: hidden;
	height: 27px;
}
.ui-tabs .ui-tabs-panel {
	padding: 10px;
	padding-left: 8px;

}
/*
.ui-layout-pane-center {
    overflow: auto !important;
}
.ui-layout-pane-south{
 overflow: auto !important;
}
*/
.loadingDiv {
	font-size: 16px;
}
.actualizationDiv {
	font-size: 16px;
}

#uploadifyUploader {
	float: left;	
}

#detail-resizer {
	background: url(../images/resizerBg.png);	
}
.detailResizerTop {
	position: absolute;
	top: -8px;
	background: url(../images/resizerBgTop.png);
	width: 13px;
	height: 16px;
	z-index: 99999;
}

#list .topShadow, #detail .topShadow {
	position: absolute;
	top: -4px;
	background: red;
	height: 11px;
	width: 100%;
	background: url(../images/paneTopShadow.png);
}

#detail-resizer {
	overflow: visible
}

.footer {
	position: relative;
	height: 16px;
	background: url(../images/bottomShadow.png);
}

.footerLeft {
	height: 16px;
	width: 22px;
	position: absolute;
	left: -6px;
	background: url(../images/bottomLeftShadow.png);
}

.footerRight {
	height: 16px;
	width: 24px;
	position: absolute;
	right: -8px;
	background: url(../images/bottomRightShadow.png);
}

#filter-resizer {
	background: url(../images/paneLeftShadow.png) repeat-y right;
}

.topShadowLeft {
	left: -5px;
	top: -1px;
	position: absolute;
	background: #000;
	width: 10px;
	height: 13px;
	background: url(../images/topLeftShadow.png) no-repeat;
}
.detailRight {
	background: url(../images/detailRightShadow.png);
	position: absolute;
	width: 11px;
	right: -11px;
	height: 100%;
}
.detailRightTop {
	background: url(../images/detailRightTop.png);
	position: absolute;
	width: 23px;
	right: 0;
	top: -5px;
	height: 15px;
}
.listTopTitle a {
}
.listItemTop {
	position: relative;	
}
.listInsideLeft {
	float: left;
	padding-top: 2px;
}
.listInsideLeft input {
	display: block;
	margin: 0px;
	padding: 0px;
}
.listInsideRight {
	margin-left: 17px;	
}
.listTime {
	position: absolute;
	right: 0;
	top: 0;
}
.listTopTitle {
	display: block;
	padding-right: 34px;
}

.portletHeaderTop a {
	color: #DBDBDB;
}
.statuses dt {
	float: left;	
}
.statuses dd {
	margin-left: 40px;	
}