﻿.cms
{
}

.cms-box-relative {

}
.cms-box-relative .cms-box-content
{
	min-height:50px;
}
.cms-box-floating {
	position:absolute;
	left: 50%;
}
.cms-box-floating .cms-box-toolbar{    
	cursor: move;
}
.cms-box-floating .cms-box-content{    
	height:100%;
}
/*groups all the boxes*/
.cms-zone
{
    width:100%;
	position:relative;
	display:block;
	/*min-height: 100px;*/
	z-index:1;	
}
.cms-zone-editing
{
    border:1px dashed #00a;
}
.cms-zone-title{
    margin-left: -15px;
    margin-top: -2px;
    position:absolute;
    padding:2px;
    padding-left:5px;
    padding-right:5px;
    background-color:White;
    border:1px dashed #aaa;
    display:none;
    width:auto;
}
.cms-zone-title-editing{
    display:inline;
}
/*cms-box for edition relative or absolute*/
.cms-box
{
    display:block;
	border:1px dashed #aaa;
}
.cms-box .cms-box-toolbar 
{
    overflow:hidden;
	height: 20px;
	background-color: #eee;
	border-bottom: 1px solid #aaa;
	padding:2px;
}
.cms-box .cms-box-toolbar a{
	background-position: 2px 2px;
	background-repeat:no-repeat;
	height: 18px;
	width: 20px;
	border:1px solid White;
	background-color:White;
	margin-bottom:2px;
	margin-right:2px;
	text-indent:-9999px;    
	float:left;
}
.cms-box .cms-box-toolbar a:hover{
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
}
.cms-box .cms-box-toolbar .save{
	background-image: url('images/disk.png');
}
.cms-box .cms-box-toolbar .edit{
	background-image: url('images/edit.png');
}
.cms-box .cms-box-toolbar .delete{
	background-image: url('images/cross.png');
}
.cms-box .cms-box-toolbar .front{
	background-image: url('images/shape_move_front.png');
}
.cms-box .cms-box-toolbar .back{
	background-image: url('images/shape_move_back.png');
}
.cms-box .cms-box-toolbar .up{
	background-image: url('images/arrow_up.png');
}
.cms-box .cms-box-toolbar .down{
	background-image: url('images/arrow_down.png');
}
.cms-box .cms-box-toolbar .title{
    line-height:20px;
	color: #ccc;
}
/*DragableTool Box for Administration*/
.cms-admin-box
{
	display:block;
	overflow:hidden;
	position: absolute;
	z-index: 999;
	font-family:Arial;
	font-size:8pt;
	min-width:150px;
}
.cms-admin-box .cms-title
{
	background-color: #cdcdcd;	
    border: 1px solid #555;
	
	padding: 3px;
	padding-left: 8px;
	padding-right: 8px;
}
.cms-admin-box .cms-content
{
	overflow:hidden;
	padding:5px;
    background-color: #eee;	
    border: 1px solid #555;
    border-top: none;
}
.cms-admin-box .cms-content ul
{
    margin: 0 !important;
    padding: 0 !important;
}
.cms-admin-box .cms-content ul li
{
	margin:0 !important;
	padding:0 !important;
}
.cms-admin-box .cms-content a
{
    /*border:solid 1px #efefef;*/
	color:#005;
	padding:2px;
	padding-left:inherit;
	display:block;
}
.cms-admin-box .cms-content a:hover
{
	color:#999;
}
.cms-admin-box .cms-content a.mainmenu
{
	background-image: url('images/house.png');
	background-position:left;
	background-repeat: no-repeat;
	padding-left: 19px;
}
.cms-admin-box .cms-content a.save
{
	background-image: url('images/disk.png');
	background-position:left;
	background-repeat: no-repeat;
	padding-left: 19px;
}
.cms-admin-box .cms-content a.preview
{
	background-image: url('images/shape_handles.png');
	background-position:left;
	background-repeat: no-repeat;
	padding-left: 19px;
}
.cms-admin-box .cms-content a.addcontent
{
	background-image: url('images/add.png');
	background-position:left;
	background-repeat: no-repeat;
	padding-left: 19px;
}
.cms-admin-box .cms-content a.backup
{
	background-image: url('images/backup.png');
	background-position:left;
	background-repeat: no-repeat;
	padding-left: 19px;
}
.cms-admin-box .cms-content a.filemanager
{
	background-image: url('images/filemanager.png');
	background-position:left;
	background-repeat: no-repeat;
	padding-left: 19px;
}
.cms-admin-box .cms-content a.logout
{
	background-image: url('images/door_out.png');
	background-position:left;
	background-repeat: no-repeat;
	padding-left: 19px;
}

/*small boxes around the dragable box*/
.dragresize {
	position: absolute;
	width: 5px;
	height: 5px;
	font-size: 1px;
	background: #EEE;
	border: 1px solid #333;
}
.dragresize-tl {
	top: -8px;
	left: -8px;
	cursor: nw-resize;
}
.dragresize-tm {
	top: -8px;
	left: 50%;
	margin-left: -4px;
	cursor: n-resize;
}
.dragresize-tr {
	top: -8px;
	right: -8px;
	cursor: ne-resize;
}
.dragresize-ml {
	top: 50%;
	margin-top: -4px;
	left: -8px;
	cursor: w-resize;
}
.dragresize-mr {
	top: 50%;
	margin-top: -4px;
	right: -8px;
	cursor: e-resize;
}
.dragresize-bl {
	bottom: -8px;
	left: -8px;
	cursor: sw-resize;
}
.dragresize-bm {
	bottom: -8px;
	left: 50%;
	margin-left: -4px;
	cursor: s-resize;
}
.dragresize-br {
	bottom: -8px;
	right: -8px;
	cursor: se-resize;
}
