@charset "utf-8";

/* import files */
@import "webcms.base.css";
@import "webcms.tools.css";
@import "webcms.ui.css";

/* default class */
.msgok { color: green; border: 1px solid #d8d8d8; background-color: #ffffcc; padding: 2px; }
.msgnok { color: red; border: 1px solid #d8d8d8; background-color: #ffffcc; padding: 2px; }
.ui-cb, .cb { clear: both; }
.noborder { border:none; }

/* hide forms */
div.hideBlock { display: none; }

/* webUSer Wrapper Tools */
div.webUserLoginTools {
	position: fixed; top:0; right: 0; z-index: 999;
	background-color: #edf3f9; color: #333;
	border: 1px solid #333; border-style: none none solid solid;
	box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000;
	}
div.webUserLoginTools ul { list-style-type: none; padding:0; margin:0; }
div.webUserLoginTools ul li { padding: 2px 6px; }
div.webUserLoginTools ul li img { border: none; margin: 0 4px 0 0; display: inline-block; }
div.webUserLoginTools a { font: normal 10pt Arial; color: #999; text-decoration: none; }
div.webUserLoginTools a:hover { color: #333; text-decoration: none; }

div.WebCMSToolsWrapper {
	position: fixed; top: 100px; left: 0; z-index: 9999;
	background-color: rgba(0,0,0,0.2); color: #ccc;
	border: 1px solid #ddd; border-style: solid solid solid none;
}
	div.WebCMSToolsWrapper a { color: #0073bf; text-decoration: none; }
	div.WebCMSToolsWrapper a:hover {/* background-color: #ddd; */}
	div.WebCMSToolsWrapper a img { transition: transform .5s; }
	div.WebCMSToolsWrapper a:hover img { transform: rotate(180deg); }

	a.WebCMSToolsTrigger {
		display: block;
		position: absolute; top: -1px; right: -36px;
		width: auto; height: auto;
		padding: 5px;
		border: 1px solid #ddd; border-style: solid solid solid none;
		border-radius: 0 3px 3px 0;
		background-color: rgba(0,0,0,0.2);
		font: normal 9pt Arial;
		line-height: 1em;
	}
	div.WebCMSTools { display: block; }
	div.WebCMSTools ul { margin: 0; padding: 0; list-style-type: none;  }
	div.WebCMSTools ul li,
	div.WebCMSTools ul li a { display: block; }
	div.WebCMSTools ul li a { padding: 5px 10px; transition: background-color .5s; }
	div.WebCMSTools ul li a:hover { background-color: rgba(255,255,255,.8); }

/* column */
div.column { min-height: 1px; }