﻿/* Aldabra Portal 2.0 - Admin Panel */

.admin-bar-autohide {
    position:absolute;	    
	width: 19px;
	height: 44px;
	border-bottom: 1px solid #383838;
	background: #1b1b1b url(/UserControls/Images/adm/autohide.jpg) top left;	
	cursor: pointer;
	z-index: 1000000;
}

	
/** Menus **/

.admin-hr {
	background: transparent url(/UserControls/Images/adm/vr.png) top left no-repeat;
	width: 1px;
	height: 35px;
	display: inline;
	float: left;
	margin: 5px 16px 0 16px;
}

.admin-submenu {
	background: #1b1b1b url(/UserControls/Images/adm/icon-arrowdown.png) 56px 0px no-repeat;
	border: 1px solid #383838;
	font-family: Tahoma, Geneva, sans-serif;
	color: #5F5F5F;
	display: inline-block;
	padding: 20px 10px;
	position: absolute;		
	z-index: 9999;	
}

	.admin-submenu ul {
		width: 169px;
		min-height: 100px;
		display: inline;
		float: left;
		list-style: none;
		border-right: 1px dashed #383838;
		margin: 0 5px 0 10px;
		text-align: left;
		line-height: 18px;
	}
	
	.admin-submenu ul a {
		color: #b3b3b3;
		font-size: 11px;
		text-decoration: none;
		margin: 0 0 0 5px;
	}
	
		.admin-submenu ul a:hover {		
			color: #c7c7c7;
		}

	        .admin-submenu h2 {
		        font-size: 12px;
		        text-transform: uppercase;
		        padding: 0;
		        margin: 0 0 5px 0;
		        color: #c55919;
	        }	

/** Modes **/

.admin-modes {
	width: 255px;
	position: absolute;
	margin: 0;
	padding: 0;
	margin-left: 50%;
	left: -128px;
	list-style: none;
}

	.admin-modes li {
		display: inline;
		float: left;
		margin: 0 5px 0 5px;
	}
	
		.admin-modes li input {
			cursor: pointer;
		}
		
	.admin-modes .nav {
		background: url(/UserControls/Images/adm/modes.png) -187px -17px;
		display: block;
		width: 44px;
		height: 44px;
		border:0;
	}
	
		.admin-modes .nav:hover {
			background: url(/UserControls/Images/adm/modes.png) -187px -99px;
		}
		
		.admin-modes .nav-selected {		    
		    background: url(/UserControls/Images/adm/modes.png) -187px -57px;
		    display: block;
		    width: 44px;
		    height: 44px;
		    border:0;
		}
		
	.admin-modes .design {
		background: url(/UserControls/Images/adm/modes.png) -73px -17px;
		display: block;
		width: 44px;
		height: 44px;
		border:0;
	}
	
		.admin-modes .design:hover {
			background: url(/UserControls/Images/adm/modes.png) -73px -99px;
		}
		
		.admin-modes .design-selected {
			background: url(/UserControls/Images/adm/modes.png) -73px -57px;
			display: block;
		    width: 44px;
		    height: 44px;
		    border:0;
		}
		
	.admin-modes .edit {
		background: url(/UserControls/Images/adm/modes.png) -131px -17px;
		display: block;
		width: 44px;
		height: 44px;
		border:0;
	}
	
		.admin-modes .edit:hover {
			background: url(/UserControls/Images/adm/modes.png) -131px -99px;
		}
		
		.admin-modes .edit-selected {
			background: url(/UserControls/Images/adm/modes.png) -131px -57px;
			display: block;
		    width: 44px;
		    height: 44px;
		    border:0;
		}	
		
	.admin-modes .catalog {
		background: url(/UserControls/Images/adm/modes.png) -22px -17px;
		display: block;
		width: 44px;
		height: 44px;
		border:0;
	}
	
		.admin-modes .catalog:hover {
			background: url(/UserControls/Images/adm/modes.png) -22px -99px;
		}
		
		.admin-modes .catalog-selected {
			background: url(/UserControls/Images/adm/modes.png) -22px -57px;
			display: block;
		    width: 44px;
		    height: 44px;
		    border:0;
		}

/** Catalog Panel **/
		
.admin-catalog-panel {
	background: #1b1b1b url(/UserControls/Images/adm/bg.jpg) top left;		
    border: 1px solid #383838;
    height: 24px;     
    width: 364px;
	margin: 0;
}
	
	.admin-catalog-panel .admin-catalog-title {
		width: 100%;
	    font-size: 12px;	    
	    font-family: inherit;	
	    color: #b3b3b3;
		text-align: left;
		padding: 5px 0 0 0;
		position: relative;
	}   
	
	.admin-catalog-title span {
		width: 100%;
		display: block;
		padding: 0 0 0 34px;
		cursor: move;
	}
	
	.admin-bar-autohide-h {
		background: #1b1b1b url(/UserControls/Images/adm/autohide-h.jpg) top left;	
		width: 24px;
		height: 24px;
		position: absolute;
		top: 0;
		left: 0;
		cursor: pointer;
	}
	
		
	.admin-catalog-panel .admin-catalog-content {
		background: #1b1b1b;
	    display: none;
	    overflow: auto; 
	    max-height: 480px; 
	    width: 364px;
		margin: 8px 0 0 0;
		text-align: left;
	}
	
.catalog-panel-zone {
	width: 320px;
	color: #b3b3b3;
}

	.catalog-header {
		padding: 10px;
		color: #7c7c7c;
	}
	
		.catalog-header-verb {
			display: none;
		}
	
	.catalog-part {
		padding: 0px 5px 10px 5px;
		line-height: 20px;
		
	}
	
		.catalog-part-title {
			display: none;
		}
		
		.catalog-part-chrome {
		}
		
		.catalog-part-link {
		}
		
		.catalog-part-link-selected {
		}
	
	.catalog-footer {
		font-size: 10px;
		border-top: 1px solid #393939;
		color: #7c7c7c;
	}
	
			.catalog-instruction {
			}
			
			.catalog-label 
			{
			    font-size: 10px;
			}
			
			.catalog-verb {
				background: #1b1b1b;
				border: 2px solid #393939;
				color: #8d8d8d;
				font-weight: bold;
				font-size: 12px;
				font-family: inherit;
			}
			
			.catalog-UI {
				background: #393939;
				border: 0;
				font-size: 12px;
				color: #b3b3b3;
			}
			
			.catalog-empty-zone {
			}

.editor-panel-zone {
	width: 320px;
	color: #b3b3b3;
}

	.editor-header {
		padding: 10px;
		color: #7c7c7c;
	}
	
		.editor-header-verb {
			display: none;
		}
	
	.editor-part {
		padding: 0px 5px 10px 5px;
		line-height: 20px;
		border-bottom: 1px solid #393939;
	}
	
		.editor-part-title {
			padding: 5px 5px 10px 5px;
			font-size: 13px;
			font-weight: bold;
		}
		
		.editor-part-chrome {
			padding: 0 10px;
		}
	
	.editor-footer {
		font-size: 10px;
		border-top: 1px solid #393939;
		color: #7c7c7c;
		text-align: right;
	}
	
			.editor-instruction {
				display: none;
			}
			
			.editor-label 
			{
			    font-size: 11px;
			}
			
			.editor-verb {
				background: #1b1b1b;
				border: 2px solid #393939;
				color: #8d8d8d;
				font-weight: bold;
				font-size: 12px;
				font-family: inherit;
			}
			
			.editor-UI {
				background: #393939;
				border: 0;
				font-size: 12px;
				color: #b3b3b3;
			}
			
			.editor-empty-zone {
			}

/** Edit Zone **/

.admin-editzone {
	border: 1px solid #383838;
	font-family: Tahoma, Geneva, sans-serif;
	color: #474747;
}

	.admin-editzone .header, .admin-editzone .footer  {
		background: #1b1b1b url(/UserControls/Images/adm/bg.jpg) top left;
		width: 100%;
		height: 36px;
		display: inline;
		float: left;
	}
	
	.admin-editzone .header:hover {
		cursor: move;
	}
	
	.admin-editzone .footer .buttons {
		display: inline;
		float: right;
		margin: 5px 2px 0 2px;
	}
	
	.admin-editzone .body {
		background: #383838;
		width: 100%;
		height: 450px;
	}
	
		.admin-editzone h2 {
			background: url(/UserControls/Images/adm/icon-editzone.png) 2px 3px no-repeat;
			height: 30px;
			color: #606060;
			font-size: 14px;
			margin: 0 0 0 5px;
			padding: 9px 0 0 45px;
		}
		
/** WebPartZones **/

.webpartzone-browse, .webpartzone-edit, .webpartzone-design, .webpartzone-catalog {
	min-height: 30px;
	height: 100%;
	position: /relative;
}

.webpartzone-edit, .webpartzone-design, .webpartzone-catalog {
	overflow: hidden;
}

	.webpartzone-title {
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 11px;
		width: 100%;
		background: transparent url(../../UserControls/Images/adm/black-10.png);
		position: /relative;
		z-index: 9999;
	}
	
	.webpartzone-edit {
		border-top: 1px solid #CCC;
		border-bottom: 1px dashed #ccc;
		background: transparent url(/UserControls/Images/adm/black-10.png);
	}
	
	.webpartzone-edit:hover {
		border-top: 1px solid #999;
		border-bottom: 1px dashed #999;
		background: transparent url(/UserControls/Images/adm/black-25.png);
	}
	
	.webpartzone-catalog {
		border-top: 1px solid #CCC;
		border-bottom: 1px dashed #ccc;
		background: transparent url(/UserControls/Images/adm/black-10.png);
	}
	
	.webpartzone-catalog:hover {
		border-top: 1px solid #999;
		border-bottom: 1px dashed #999;
		background: transparent url(/UserControls/Images/adm/black-25.png);
	}
	
	.webpartzone-design {
		border-top: 1px solid #CCC;
		border-bottom: 1px dashed #ccc;
		background: transparent url(/UserControls/Images/adm/black-10.png);
	}
	
	.webpartzone-design:hover {
		border-top: 1px solid #999;
		border-bottom: 1px dashed #999;
		background: transparent url(/UserControls/Images/adm/black-25.png);
	}
	
/** WebPart **/

.webpart-edit:hover, .webpart-design:hover, .webpart-catalog:hover {
	background: transparent url(../../UserControls/Images/adm/white-5.png);
}

.webpart-browse .webpart-chrome .webpart-title {
	display: none;
}

.webpart-chrome {
	position: /relative;
}

	.webpart-title {
		background: #1b1b1b;
		color: #b3b3b3;
		display: inline-table;
		width: 100%;
		height: 20px;
	}
		
		.webpart-caption {
			padding: 3px 0 0 5px;
			display: inline;
			float: left;
			font-size: 11px;
			font-family: Calibri, Arial;
		}
	
/** WebParts - Options **/

.webpart-icons {
	display: inline;
	float: left;
	list-style: none;
	padding: 2px 0 2px 0px;
	margin: 0;
}

	.webpart-icons li {
		display: inline;
		float: left;
		margin: 0 2px 0 2px;
		padding: 0;
	}

.btn-id, .btn-content, .btn-minimize, .btn-restore, .btn-delete, .btn-security, .btn-edit {
	display: block;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.btn-id {
	background: url(/UserControls/Images/adm/btn-options.jpg) -52px -44px no-repeat;
	position: relative;
}

	.btn-id:hover {
		background: url(/UserControls/Images/adm/btn-options.jpg) -52px -14px no-repeat;
	}
	
.btn-id-div {
	background: #1b1b1b;
	position: absolute;
	top: 16px;
	left: 0;
}

.btn-content {
	background: url(/UserControls/Images/adm/btn-options.jpg) -16px -14px no-repeat;
}

	.btn-content:hover {
		background: url(/UserControls/Images/adm/btn-options.jpg) -16px -44px no-repeat;
	}	

.btn-minimize {
	background: url(/UserControls/Images/adm/btn-options.jpg) -153px -44px no-repeat;
}

	.btn-minimize:hover {
		background: url(/UserControls/Images/adm/btn-options.jpg) -153px -14px no-repeat;
	}

.btn-restore {
	background: url(/UserControls/Images/adm/btn-options.jpg) -153px -14px no-repeat;
}

	.btn-restore:hover {
		background: url(/UserControls/Images/adm/btn-options.jpg) -153px -44px no-repeat;
	}

.btn-delete {
	background: url(/UserControls/Images/adm/btn-options.jpg) -185px -14px no-repeat;
}

	.btn-delete:hover {
		background: url(/UserControls/Images/adm/btn-options.jpg) -185px -44px no-repeat;
	}
	
.btn-security {
	background: url(/UserControls/Images/adm/btn-options-security.jpg) -5px -14px no-repeat;
}

	.btn-security:hover {
		background: url(/UserControls/Images/adm/btn-options-security.jpg) -5px -44px no-repeat;
	}

.btn-edit {
	background: url(/UserControls/Images/adm/btn-options-config.jpg) -5px -14px no-repeat;
}

	.btn-edit:hover {
		background: url(/UserControls/Images/adm/btn-options-config.jpg) -5px -44px no-repeat;
	}
	

