/* Backoffice Personal CSS File by Hart */

/* Global */
/* Navigation */
	#navigation{
		height:21px;
	}
	#navigation ul{
		position:absolute;
		list-style:none;
		width:inherit;
	}
	#navigation ul li{
		float:left;
		margin:0 20px 0 0; padding:0;
		height:30px;
	}
	#navigation ul li ul{
		list-style:none;
		background-color:#434A48;
		margin-top:10px;
	}
	#navigation ul a{
		text-decoration:none;
	}
	#navigation ul a,
	#navigation ul span{
		white-space:nowrap;
		margin:0; padding:5px;
	}
	#navigation ul li ul li a{
		display:inline-block;
		white-space:nowrap;
		margin:0;
	}
	#navigation ul li ul{
		display:none;
		z-index:100;
		height:auto; min-width:150px;
	}
	#navigation ul li ul li{
		clear:both;
		margin-left:7px;
	}
	#navigation ul li:hover ul{
		display:block;
	}

/* Footer */
	#foot a{
		text-decoration:none;
		color:darkcyan;
	}
	#copyright{
		color:darkcyan;
		float:right;
	}

/* Miscellanous */
/* Error message */
	.error_msg{
		height:auto;
		margin-bottom:20px;
		background:maroon;
		color:white;
		line-height:30px;
		font-weight:bold;
		padding-left:3px;
	}
	.error_msg span{
		margin-left:3px;
	}
	.error p{
		margin-bottom:3px;
	}
	
/* Begone and Hiding */
	.begone{
		display:none;
	}
	.hiding{
		visibility:hidden;
	}

/* Loading bar */
	.loading-text{
		text-align:center;
		position:relative;
		top:150px;
	}
	.loading-bar{
		display:block;
		margin:auto;
		position:relative;
		top:150px;
	}
	
	.gallery-loading-text{
		text-align:center;
		position:relative;
		top:70px;
	}
	.gallery-loading-bar{
		display:block;
		margin:auto;
		position:relative;
		top:70px;
	}

/* If no list data */
	.empty-list{
		text-align:center;
		font-weight:bold;
	}

/* View only */
	.view-only{
		font-size:15px;
	}
	.view-only strong{
		display:inline-block;
		width:20%;
	}

/* Cursor */
	.pointer{
		cursor:pointer !important;
	}
	.move{
		cursor:move !important;
	}
	.defau{
		cursor:default !important;
	}

/* Clear and float left right */
	.clear{
		clear:both;
	}
	.fl{
		float:left;
	}
	.fr{
		float:right;
	}
/* end Global */

/* Login view */
	#login-box{
		position:fixed;
		top:20%;
		left:35%;
	}

/* Dashboard view */
	#dashboard_calendar .ui-datepicker-inline{
		width:97.7%;
	}
	.event > a{ 
		background:#40E0D0 !important;
	}

/* Settings view */
	.fake-a{
		cursor:pointer;
		text-decoration:underline;
	}
	.fake-a-setting{
		color:blue;
	}

/* Plugins section */
/* Product */
	.product-uploaded-image{
		height:70px; width:68px; 
		border:1px solid;
		display:table-cell; vertical-align:middle;
		padding:0 2px;
	}
	.product-imgs{
		display:block; margin-left:auto; margin-right:auto;
	}
	#mockimgframe{margin:0px 10px 5px;}
	.imgdelbtn{
		display:block;
		margin:0 0 10px;
		text-align:center;
	}
	.product-upload-image{
		display: block;
		margin-left:10px;
		cursor:pointer;
	}
	.imggroup{
		padding:0; margin:0;
		height: inherit;
		width: inherit;
	}

/* Form */
	.submission-view p{
		margin-bottom:5px;
	}
	.submission-view p strong{
		font-size:18px;
		display:inline-block;
		width:200px;
	}

/* Gallery */
	#gallery_image_list{
		list-style-type:none;
		margin:0px;
	}
	#gallery_image_list li{
		float:left;
		margin:0 0 20px 20px;
		width:120px;
		height:120px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	#gallery_image_list div.gallery-img-border{
		width:120px;
		height:120px;
		display:table-cell;
		vertical-align:middle;
		border:1px solid #fff;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	#gallery_image_list img.gallery-img{
		display:block;
		margin:auto;
		max-width:118px;
		max-height:118px;
	}
	#gallery_image_list a{
		padding:0;
		margin: auto;
		width: 30px;
		display: block;
	}
	
	.placeHolder div{
		background-color:white;
		border:dashed 1px gray;
		width:120px;
		height:120px;
	}
	
	.gallery-delete-img{
		display:none;
		position:relative;
		width: 120px;
		height: 105px;
		top: -120px;
	}
	#gallery_image_list li:hover .gallery-delete-img{
		display:block;
		background:#000;
		opacity:0.7;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		padding-top:15px;
	}
	.gallery-edit-img{
		font-size:20px;
		color:#fff;
		text-align:center;
		font-weight:bold;
		opacity:1;
		margin-bottom:15px;
	}
	.gallery-delete-img img{
		display:block;
		margin:auto;
	}
	
	#gallery_image_category{
		margin:0px;
		padding:0px;
		list-style-type:none;
	}
	#gallery_image_category li{
		border:1px solid #ebebeb;
		margin:0;
		height:50px;
	}
	
	.gallery-add-category{
		/* IE10 Consumer Preview */ 
		background-image: -ms-linear-gradient(top, #F7F7F7 0%, #EFEFEF 100%);
		/* Mozilla Firefox */ 
		background-image: -moz-linear-gradient(top, #F7F7F7 0%, #EFEFEF 100%);
		/* Opera */ 
		background-image: -o-linear-gradient(top, #F7F7F7 0%, #EFEFEF 100%);
		/* Webkit (Safari/Chrome 10) */ 
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F7F7F7), color-stop(1, #EFEFEF));
		/* Webkit (Chrome 11+) */ 
		background-image: -webkit-linear-gradient(top, #F7F7F7 0%, #EFEFEF 100%);
		/* W3C Markup, IE10 Release Preview */ 
		background-image: linear-gradient(to bottom, #F7F7F7 0%, #EFEFEF 100%);
		font-size:13px;
		color:#555555;
		border:1px solid #ebebeb;
		font-weight:bold;
		height:30px;
		border-top-left-radius:4px;
		-moz-border-radius-topleft:4px;
		-webkit-border-top-left-radius: 4px;
		border-top-right-radius:4px;
		-moz-border-radius-topright:4px;
		-webkit-border-top-right-radius: 4px;
	}
	.gallery-add-category div.category-text{
		float:left;
		padding:6px 10px;
	}
	.gallery-add-category div.category-add{
		width:30px;
		height:31px;
		float:right;
		/* IE10 Consumer Preview */ 
		background-image: -ms-linear-gradient(top, #9EF705 0%, #109602 100%);
		/* Mozilla Firefox */ 
		background-image: -moz-linear-gradient(top, #9EF705 0%, #109602 100%);
		/* Opera */ 
		background-image: -o-linear-gradient(top, #9EF705 0%, #109602 100%);
		/* Webkit (Safari/Chrome 10) */ 
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9EF705), color-stop(1, #109602));
		/* Webkit (Chrome 11+) */ 
		background-image: -webkit-linear-gradient(top, #9EF705 0%, #109602 100%);
		/* W3C Markup, IE10 Release Preview */ 
		background-image: linear-gradient(to bottom, #9EF705 0%, #109602 100%);
	}
	.gallery-add-category img{
		display:block;
		margin:auto;
		margin-top:5px;
	}
	
	div.glassLayerPopup_topbar_div{
		text-align:right;
		height:0px;
	}

	div.glassLayerPopup_content_div{
		padding:10px;
		background-color:#1f1f1f;
		border-style:double !important;
		border-width:5px !important;
		height:70px !important;
	}
	
	.cate-popup-text{
		color:#fff;
		font-size:15px;
	}
	.cate-popup-field{
		width:200px;
	}
	
	.gallery-pencil{
		width:13px;
		height:13px;
		margin-right:4px;
	}
	
	.gallery-icon-btn{
		float:right;
		margin:15px 10px 0 0;
	}
	#colorbox, #cboxOverlay, #cboxWrapper{top:0; left:0; z-index:9999; overflow:hidden;}
	#cboxOverlay{position:fixed; width:100%; height:100%;}
	#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
	#cboxContent{position:relative;}
	#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
	#cboxTitle{margin:0;}
	#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
	#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
	.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
	.cboxIframe{width:100%; height:100%; display:block; border:0;}
	#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
	
	#cboxOverlay{background:#000;}
	#cboxLoadingOverlay{background:#000;}
	#cboxLoadingGraphic{background:url(../../images/admin_2/gif-load.gif) no-repeat center center;}