/*//////////////////////////////////////////////////////////////////////////////
// ##########################################################################///
// # DM System 1.0                                                          # //
// ########################################################################## //
// #                                                                        # //
// #               --  DM SYSTEM IS NOT FREE SOFTWARE  --                   # //
// #                                                                        # //
// #  ============ Programming & Designing By Dilovan Matini =============  # //
// #      Copyright © 2013 - 2014 Dilovan Matini. All Rights Reserved.      # //
// #------------------------------------------------------------------------# //
// #------------------------------------------------------------------------# //
// # Website: www.qkurd.com                                                 # //
// # Contact us: contact@qkurd.com                                          # //
// ########################################################################## //
//////////////////////////////////////////////////////////////////////////////*/

/**************  The custum css classes  ************/

/*
	The main 2 div layer after body tag
*/
.main-layer{
	width: 100%;
	text-align: center;
}
.block-layer{
	width: 960px;
	display: inline-block;
	border: #999 1px solid;
	border-width: 0 1px 1px;
	background-color: #e5e5e5;
	-webkit-box-shadow: 0 5px 60px rgba(0,0,0,0.8);
	-moz-box-shadow: 0 5px 60px rgba(0,0,0,0.8);
	box-shadow: 0 5px 60px rgba(0,0,0,0.8);
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}
.block-layer > .shutdown-message{
	padding: 4px;
	border: 1px solid #d38200;
	background-color: #f7e0bb;
	font: bold 12px 'Droid Arabic Kufi', tahoma,arial;
}
.top-header{
	position: relative;
	width: 960px;
	height: 90px;
	background-color: #fff;
}
.language-panel{
	position: absolute;
	top: 0;
	/* left: 50%; in nodir file */
	font-size: 0;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.language-panel > a{
	display: inline-block;
	height: 20px;
	padding: 0 7px;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	border: 1px solid #1e5989;
	border-width: 0 0 1px 1px;
 	background-color: #3f8ccc;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#3f8ccc),to(#337ab7));
	background-image: -webkit-linear-gradient(top,#3f8ccc,#337ab7);
	background-image: -moz-linear-gradient(top,#3f8ccc,#337ab7);
	background-image: -o-linear-gradient(top,#3f8ccc,#337ab7);
	background-image: -ms-linear-gradient(top,#3f8ccc,#337ab7);
	background-image: linear-gradient(top,#3f8ccc,#337ab7);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#3f8ccc', EndColorStr='#337ab7');
	background-position: 50% 50%;
	color: #fff;
	text-decoration: none;
}
.language-panel > a:hover{
	color: #d6eaff;
}
.language-panel > a:first-child{
	border-right-width: 1px;
	 -webkit-border-bottom-right-radius: 3px;
		 -moz-border-radius-bottomright: 3px;
		     border-bottom-right-radius: 3px;
}
.language-panel > a:last-child{
	 -webkit-border-bottom-left-radius: 3px;
		 -moz-border-radius-bottomleft: 3px;
		     border-bottom-left-radius: 3px;
}
.language-panel > a > i{
	margin-left: 3px;
	vertical-align: middle;
	color: #fff;
}

/* Login Bar */
.login-bar{
	position: absolute;
	top: 13px;
	/* right: 8px; in nodir file */
}
.login-bar > div{
	display: inline-block;
}

/* User Bar */
.user-bar{
	position: absolute;
	top: 8px;
	/* right: 8px; in nodir file */
}
.user-bar > div{
	display: inline-block;
	vertical-align: top;
}
.user-bar div.details{
	padding: 2px 0 0;
}
.user-bar div.details > div{
	padding: 3px;
	font-weight: bold;
	font-size: 12px;
	line-height: 15px;
}
.user-bar div.details > div > a{
	line-height: 15px;
}
.user-bar img{
	width: 70px;
	height: 70px;
	border:#888 1px solid;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}
.animation-logo{
	position: absolute;
	top: 4px;
	/* left: 0; in nodir file */
}
.mini-area{
	width: 200px;
	vertical-align: top;
	padding: 10px 7px;
	border: #888 1px solid;
	border-width: 0 0 1px 1px;
}
.big-area{
	vertical-align: top;
	padding: 15px 7px 10px;
	border: #888 1px solid;
	border-width: 0 0 1px 0;
}

/* main-menu */
.main-menu{
	margin: 0;
	padding: 5px 0;
	min-width: 40px;
	list-style: none;
}
.main-menu > li{
	margin: 0;
}
.main-menu li > a{
	width: 200px;
	position: relative;
	display: block;
	padding: 7px 5px;
	clear: both;
	background-color: #f7f7f7;
	font: bold 12px 'Droid Arabic Kufi', tahoma,arial;
	line-height: 16px;
	color: #333;
	white-space: nowrap;
	text-align: right;
	border-style: solid;
	border-width: 1px 1px 0;
	border-color: #999;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6);
	overflow: hidden;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	webkit-transition: all 0.2s ease-in-out;
	   moz-transition: all 0.2s ease-in-out;
		 o-transition: all 0.2s ease-in-out;
		ms-transition: all 0.2s ease-in-out;
		   transition: all 0.2s ease-in-out;
}
.main-menu li.vip > a{
	color: #193587;
	text-shadow: 1px 1px 1px #fff;
}
.main-menu > li:last-child > a{
	border-bottom-width: 1px;
}
.main-menu li > a > div{
	position: absolute;
	top: 7px;
	left: 8px;
	padding: 0px 4px;
	border: #888 1px solid;
	background-color: #f0f0f0;
	color: #555;
	font: normal 12px arial,tahoma;
	text-shadow: 1px 1px 1px #fff;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.main-menu li > a > span{
	position: absolute;
	top: 8px;
	left: 8px;
	color: #555;
	font: normal 12px tahoma,arial;
}
.main-menu li > a:hover{
	text-decoration: none;
	border-right-color: #2665a8;
	border-right-width: 8px;
	background-color: #fff;
	color: #0b427c;
}
.main-menu li.vip > a:hover{
	color: #0b427c;
}
.main-menu li > a:hover > div{
	border-color: transparent;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.main-menu li > a:hover > span{
	color: #fff;
}

/* mini-box */
.mini-box{
	position: relative;
	margin: 14px 0 0;
	-webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.3);
	   -moz-box-shadow: 0 1px 8px rgba(0,0,0,0.3);
			box-shadow: 0 1px 8px rgba(0,0,0,0.3);
}
.mini-box > .title{
	padding: 7px;
	background-color: #337ab7;
	font: bold 12px 'Droid Arabic Kufi', tahoma,arial;
	line-height: 16px;
	color: #fff;
	white-space: nowrap;
	text-align: center;
	border: #1b629b 1px solid;
	border-width: 1px 1px 0;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.mini-box > .body{
	padding: 4px;
	border: #999 1px solid;
	background-color: #fbfbfb;
}

/* big-box */
.big-box{
	position: relative;
	margin: 0 0 14px 0;
	-webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.3);
	   -moz-box-shadow: 0 1px 8px rgba(0,0,0,0.3);
			box-shadow: 0 1px 8px rgba(0,0,0,0.3);
}
.big-box > .title{
	padding: 7px;
	line-height: 16px;
	white-space: nowrap;
	text-align: center;
	border: #1b629b 1px solid;
	border-width: 1px 1px 0;
	font: bold 12px 'Droid Arabic Kufi', tahoma,arial;
	background-color: #337ab7;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.big-box > .title.cyellow{
	background-color: #cba030;
	border-color: #aa7c06;
}
.big-box > .body{
	padding: 4px;
	border: #999 1px solid;
	background-color: #fbfbfb;
	text-align: right;
}

/*
	The login box
*/
.login-main .login-loading{
	display: none;
	position: absolute;
	top: 41px;
	left: 12px;
}

.number0{background:url(layout/numbers.gif) no-repeat 0px 0px;width:14px;height:20px}
.number1{background:url(layout/numbers.gif) no-repeat -15px 0px;width:14px;height:20px}
.number2{background:url(layout/numbers.gif) no-repeat -30px 0px;width:14px;height:20px}
.number3{background:url(layout/numbers.gif) no-repeat -44px 0px;width:14px;height:20px}
.number4{background:url(layout/numbers.gif) no-repeat -59px 0px;width:14px;height:20px}
.number5{background:url(layout/numbers.gif) no-repeat -75px 0px;width:14px;height:20px}
.number6{background:url(layout/numbers.gif) no-repeat -89px 0px;width:14px;height:20px}
.number7{background:url(layout/numbers.gif) no-repeat -105px 0px;width:14px;height:20px}
.number8{background:url(layout/numbers.gif) no-repeat -119px 0px;width:14px;height:20px}
.number9{background:url(layout/numbers.gif) no-repeat -135px 0px;width:14px;height:20px}

.inspect-result{
	margin: 10px 0;
	background-color: #888;
}
.inspect-result .title{
	background-color: #ddd;
	text-align: center;
}
.inspect-result .text{
	background-color: #fff;
}

.checkbox, .radio{
	display: inline-block;
	white-space: nowrap;
	padding: 4px;
}

.picvid .navbar{
	height: 50px;
}
.picvid .navbar > div{
	display: inline-block;
	line-height: 35px;
	white-space: nowrap;
}
.picvid .upload-pictures-place > div{
	padding: 10px 0;
	text-align: center;
}
.picvid .upload-pictures-place .uploaded-picture{
	display: inline-block;
	border: #999 1px solid;
	margin: 1px;
	padding: 6px;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
}
.picvid .upload-pictures-place .pic-place{
	position: relative;
	display: inline-block;
	width: 240px;
}
.picvid .upload-pictures-place .pic-place > i{
	display: none;
	position: absolute;
	top: 5px;
	right: 8px;
	cursor: pointer;
	color: #fff;
	text-shadow: 0 0 10px #000;
}
.picvid .upload-pictures-place .pic-place:hover > i{
	display: block;
}
.picvid .upload-pictures-place .pic-place > img{
	width:240px;
	border:#999 1px solid;
}
.picvid .upload-pictures-place .desc-place{
	display: inline-block;
	width: 340px;
	margin: 2px;
	vertical-align: middle;
}
.picvid .album-pictures-list{
	padding: 10px 4px;
}
.picvid .album-pictures-list > .picture{
	display: inline-block;
	position: relative;
	margin: 3px;
	width: 220px;
	height: 240px;
	border: #999 1px solid;
	cursor: pointer;
}
.picvid .album-pictures-list > .picture:hover{
	border: #222 1px solid;
}
.picvid .album-pictures-list > .picture > .icon-times{
	display: none;
	position: absolute;
	top: 6px;
	right: 6px;
	color: #fff;
	text-shadow: 0 0 10px #000;
	cursor: pointer;
}
.picvid .album-pictures-list > .picture:hover > .icon-times{
	display: block;
}
.picvid .album-pictures-list > .picture > .make-albums-picture{
	display: none;
	position: absolute;
	top: 8px;
	right: 34px;
	color: #fff;
	font-weight: normal;
	text-shadow: 0 0 10px #000;
	cursor: pointer;
}
.picvid .album-pictures-list > .picture:hover > .make-albums-picture{
	display: block;
}
.picvid .album-pictures-list > .picture > .bottom-panel{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 220px;
	height: 30px;
	background-color: rgba(0, 0, 0, 0.5);
}
.picvid .album-pictures-list > .picture > .bottom-panel > .edit-desc{
	display: inline-block;
	margin: 5px;
	color: #fff;
}
.picvid .album-pictures-list > .picture > .bottom-panel .update-desc{
	position: relative;
}
.picvid .album-pictures-list > .picture > .bottom-panel .update-desc > img{	
	display: none;
	position: absolute;
	top: 85px;
	left: 142px;
}
.picvid .album-pictures-list > .picture > .bottom-panel .icon-pencil{
	color: #fff;
}

.rich-pictures{
	width: 100%;
	text-align: center;
}
.rich-pictures > div{
	width: 345px;
	display: inline-block;
	vertical-align: top;
}
.rich-pictures.is-single > div{
	width: 700px;
}
.rich-pictures > div:first-child{
	margin-left: 2px;
}
.rich-pictures > div:last-child{
	margin-right: 2px;
}
.rich-pictures > div >.picture-box{
	display: inline-block;
	width: 345px;
	margin: 20px 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}
.rich-pictures.is-single > div >.picture-box{
	width: 700px;
}
.rich-pictures > div > .picture-box > div{
	position: relative;
	border: #888 1px solid;
	border-width: 1px 1px 0 1px;
	padding: 6px 3px;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}
.rich-pictures > div > .picture-box > div:first-child{
	-webkit-border-top-right-radius: 3px;
	 -webkit-border-top-left-radius: 3px;
		-moz-border-radius-topright: 3px;
		 -moz-border-radius-topleft: 3px;
			border-top-right-radius: 3px;
			 border-top-left-radius: 3px;
}
.rich-pictures > div > .picture-box > div:last-child{
	border-width: 1px;
	-webkit-border-bottom-right-radius: 3px;
	 -webkit-border-bottom-left-radius: 3px;
		-moz-border-radius-bottomright: 3px;
		 -moz-border-radius-bottomleft: 3px;
			border-bottom-right-radius: 3px;
			 border-bottom-left-radius: 3px;
}
.rich-pictures > div > .picture-box.hidden > div{
	background-color: #d9edf7;
}
.rich-pictures > div > .picture-box.remove > div{
	background-color: #f2dede;
}
.rich-pictures > div > .picture-box > div.hidden{
	background-color: #ffdba6;
}
.rich-pictures > div > .picture-box > div.remove{
	background-color: #f2dede;
}
.rich-pictures > div > .picture-box > div.silver{
	background-color: #efefef;
}
.rich-pictures .picture-body > span{
	position: absolute;
	top: 5px;
	left: 8px;
	direction: ltr;
	font-size: 12px;
	vertical-align: top;
}
.rich-pictures .picture-body > .edit-picvid{
	display: none;
	position: absolute;
	top: 5px;
	right: 10px;
	cursor: pointer;
}
.rich-pictures > div > .picture-box:hover .picture-body > .edit-picvid{
	display: block;
}
.rich-pictures .picture-body > .desc-text{
	margin: 24px 2px 8px;
	text-align: right;
	word-wrap: break-word;
}
.rich-pictures .picture-body > .picture-place{
	position: relative;
}
.rich-pictures .picture-body > .picture-place > img{
	max-width: 335px;
	cursor: pointer;
}
.rich-pictures.is-single .picture-body > .picture-place  > img{
	max-width: 670px;
}
.rich-pictures .picture-body > .picture-place.is-video  > img{
	width: 335px;
	height: 250px;
}
.rich-pictures.is-single .picture-body > .picture-place.is-video  > img{
	max-width: 670px;
	width: 670px;
	height: 500px;
}
.rich-pictures .picture-body > .picture-place.is-video > i.video-play{
	position: absolute;
	left: 43%;
	top: 37%;
	font-size: 70px;
	font-weight: normal;
	color: #fff;
	cursor: pointer;
	text-shadow: 0 0 0.2em rgba(0, 0, 0, 0.7), 0 0 0.2em rgba(0, 0, 0, 0.7), 0 0 0.2em rgba(0, 0, 0, 0.7);
	opacity: 0.6;
}
.rich-pictures.is-single .picture-body > .picture-place.is-video > i.video-play{
	left: 44%;
	top: 41%;
	font-size: 100px;
}
.rich-pictures .picture-body > .picture-place.is-video:hover > i.video-play{
	opacity: 1;
}
.rich-pictures .actions{
	float: right;
}
.rich-pictures .dash{
	margin: 5px;
	float: right;
}
.rich-pictures .picture-bar{
	height: 30px;
	padding: 6px 7px !important;
	background-color: #efefef !important;
}
.rich-pictures .picture-bar > .likes{
	float: left;
	margin-left: 2px;
}

.photos-auto-load{
	display: none;
	margin: 5px;
	padding: 5px;
	border: #999 1px solid;
	background-color: #fff;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
}

.post-box{
	display: table;
	position: relative;
	text-align: right;
	clear: both;
}
.post-box > img{
	max-width: 335px;
	margin: 0 6px 6px 0;
	float: left;
	vertical-align: top;
	border: rgba(0, 0, 0, .1) 5px solid;
}
.post-box > .statusbar{
	text-align: right;
	margin-bottom: 5px;
}
.post-box > .subject{
	margin: 10px 2px;
}
.post-box > .subject > a{
	font: bold 12px 'Droid Arabic Kufi', tahoma, arial;
}
.post-box > .subject > a.position{
	color: red;
}
.post-box > .content{
	font: normal 13px/21px 'Droid Arabic Kufi', tahoma,arial;
}
.post-box .tools{
	float: left;
	padding-left: 6px;
}
.post-box .tools i{
	margin: 0 2px;
}
.post-one-box{
	position: relative;
	text-align: right;
	clear:both;
	margin: 10px 0;
}
.post-one-box > div{
	border: #999 1px solid;
	border-width: 0 0 1px 0;
	line-height: 60px;
	padding: 6px 4px 0 4px;
}
.post-one-box > div:first-child{
	border-top: #999 1px solid;
}
.post-one-box .post-place{
	display: inline-block;
	max-width: 620px;
}
.post-one-box .post-place > .subject{
	margin: 3px 6px 0 0;
}
.post-one-box .post-place > .subject > a{
	font: bold 12px 'Droid Arabic Kufi', tahoma, arial;
}
.post-one-box .post-place > .toolsbar{
	white-space: nowrap;
}
.post-one-box .picture{
	display: inline-block;
	float: left;
}
.post-one-box .picture > img{
	width: 75px;
	height: 50px;
	border: rgba(0, 0, 0, .1) 2px solid;
}
.post-tow-box{
	position: relative;
	text-align: right;
	clear:both;
}
.post-tow-box > .post-place{
	display: inline-block;
	margin-bottom: 10px;
	width: 345px;
	vertical-align: top;
}
.post-tow-box > .post-sep{
	display: inline-block;
	width: 20px;
}
.post-tow-box > .post-place > .subject{
	margin: 4px 0 0;
}
.post-tow-box > .post-place > .subject > a{
	font: bold 12px 'Droid Arabic Kufi', tahoma, arial;
}
.post-tow-box > .post-place > .subject > a.position{
	color: red;
}
.post-tow-box > .post-place > .content-photo > img{
	width: 120px;
	height: 80px;
	margin: 5px 5px 0 0;
	float: left;
	vertical-align: top;
	border: rgba(0, 0, 0, .1) 2px solid;
}
.post-tow-box > .post-place > .content-photo > div{
	padding-top: 10px;
	font: normal 13px/21px 'Droid Arabic Kufi', tahoma,arial;
}
.post-four-box{
	position: relative;
	text-align: right;
	clear:both;
}
.post-four-box > .post-sep{
	display: inline-block;
	width: 18px;
}
.post-four-box > .post-place{
	display: inline-block;
	margin-bottom: 10px;
	width: 160px;
	vertical-align: top;
}
.post-four-box > .post-place > img{
	width: 150px;
	height: 100px;
	margin: 5px 0;
	vertical-align: top;
	border: rgba(0, 0, 0, .1) 2px solid;
}
.post-four-box > .post-place > .subject{
	text-align: center;
}
.post-four-box > .post-place > .subject > a{
	font: bold 12px 'Droid Arabic Kufi', tahoma, arial;
}
.post-four-box > .post-place > .subject > a.position{
	color: red;
}

.video-four-box{
	position: relative;
	clear:both;
}
.video-four-box > .video-sep{
	display: inline-block;
	width: 15px;
}
.video-four-box > .video-place{
	display: inline-block;
	margin-bottom: 10px;
	width: 160px;
	vertical-align: top;
}
.video-four-box > .video-place > .subject{
	text-align: center;
}
.video-four-box > .video-place > .subject > a{
	font: bold 12px 'Droid Arabic Kufi', tahoma, arial;
}
.video-four-box > .video-place > .subject > a.position{
	color: red;
}
.video-four-box > .video-place > .picture{
	position: relative;
	cursor: pointer;
}
.video-four-box > .video-place > .picture > img{
	width: 150px;
	height: 100px;
	margin: 5px 0;
	vertical-align: top;
	border: rgba(0, 0, 0, .1) 2px solid;
}
.video-four-box > .video-place > .picture > i.video-play{
	position: absolute;
	left: 43%;
	top: 37%;
	font-size: 35px;
	font-weight: normal;
	color: #fff;
	text-shadow: 0 0 0.2em rgba(0, 0, 0, 0.7), 0 0 0.2em rgba(0, 0, 0, 0.7), 0 0 0.2em rgba(0, 0, 0, 0.7);
	opacity: 0.6;
}
.video-four-box > .video-place > .picture:hover > i.video-play{
	opacity: 1;
}


/* .permissions td.name{
	padding: 2px 0;
}
.permissions td.name > div{
	border: #888 1px solid;
	padding: 4px;
	background-color: #fff;
	cursor: pointer;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
}
.permissions td.name > div:hover{
	border: #000 1px solid;
	-webkit-box-shadow: 1px 1px 8px rgba(0,0,0,0.1), -1px -1px 8px rgba(0,0,0,0.1);
	   -moz-box-shadow: 1px 1px 8px rgba(0,0,0,0.1), -1px -1px 8px rgba(0,0,0,0.1);
			box-shadow: 1px 1px 8px rgba(0,0,0,0.1), -1px -1px 8px rgba(0,0,0,0.1);
}
.permissions td.name > div.allow{
	background-color: #8de0b5;
}
.permissions td.name > div.block{
	background-color: #dba2a2;
}
.permissions td.line > div{
	position: relative;
	line-height: 30px;
	height: 30px;
}
.permissions td.line > div > div{
	display: none;
	position: absolute;
	width: 20px;
	height: 15px;
	border: #888 1px solid;
}
.permissions td.line{
	width: 40px;
}
.permissions td.lineF > div > div:first-child{
	display: block;
	top: 15px;
	left: 20px;
	border-width: 1px 0 0 1px;
}
.permissions td.lineT > div > div:first-child{
	display: block;
	top: 15px;
	left: 0;
	border-width: 1px 1px 0 0;
}
.permissions td.lineT > div > div:last-child{
	display: block;
	top: 15px;
	left: 20px;
	border-width: 1px 0 0 0;
}
.permissions td.lineE > div > div:first-child{
	display: block;
	top: 0;
	left: 20px;
	border-width: 0 0 1px 1px;
}
.permissions td.lineE > div > div:last-child{
	display: block;
	top: 15px;
	left: 20px;
	border-width: 0 0 0 1px;
}
.permissions td.lineL > div > div:first-child{
	display: block;
	top: 0;
	left: 20px;
	border-width: 0 0 1px 1px;
}
.permissions td.lineI > div > div:first-child{
	display: block;
	top: 0;
	left: 0;
	border-width: 0 1px 0 0;
	height: 30px;
}
.permissions td.lineD > div > div:first-child{
	display: block;
	top: 0;
	left: 0;
	border-width: 0 0 1px 0;
	width: 40px;
}
 */
.posts-upload-box{
	border: #999 1px solid;
	margin: 3px 0;
	padding: 3px 6px;
	background-color: #fff;
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
			border-radius: 6px;
}
.posts-upload-box.is-post-picture{
	background-color: #b7dbff;
}
.posts-upload-box > .file-place, .posts-upload-box > .progress-place, .posts-upload-box > .input-place, .posts-upload-box > .error-place{
	display: inline-block;
	width: 570px;
	text-align: center;
	vertical-align: middle;
}
.posts-upload-box > .progress-place, .posts-upload-box > .input-place, .posts-upload-box > .error-place{
	display: none;
}
.posts-upload-box > .preview{
	display: inline-block;
	width: 120px;
	vertical-align: middle;
}
.posts-upload-box > .preview > img{
	width: 120px;
	height: 90px;
}

.albums-panel > .album-box{
	display: inline-block;
	margin: 4px 2px;
	padding: 4px;
	border: #aaa 1px solid;
	background-color: #eee;
	vertical-align: middle;
	-webkit-border-radius: 7px;
	   -moz-border-radius: 7px;
			border-radius: 7px;
}
.albums-panel > .album-box.hidden{
	border: #ff0000 1px solid;
	background-color: #ff7c7c;
}
.albums-panel > .album-box:hover{
	border-color: #000;
	background-color: #ccc;
}
.albums-panel > .album-box.hidden:hover{
	border-color: #aa0000;
	background-color: #fc3a3a;
}
.albums-panel > .album-box > div{
	position: relative;
	width: 335px;
	height: 250px;
	background:#eee url(layout/empty-album.jpg) 0 0 no-repeat;
	cursor: pointer;
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
			border-radius: 6px;
}
.albums-panel > .album-box.is-video > div{
	background:#eee url(layout/video-album.jpg) 0 0 no-repeat;
}
.albums-panel > .album-box > div > .album-name{
	position: absolute;
	top: 0;
	left: 0;
	width: 335px;
	height: 30px;
	padding: 4px 4px 1px;
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
	font: bold 12px 'Droid Arabic Kufi', tahoma, arial;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	-webkit-border-top-right-radius: 6px;
	 -webkit-border-top-left-radius: 6px;
		-moz-border-radius-topright: 6px;
		 -moz-border-radius-topleft: 6px;
			border-top-right-radius: 6px;
			 border-top-left-radius: 6px;
}
.albums-panel > .album-box > div > .album-description{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 335px;
	height: 42px;
	padding: 5px 4px 1px;
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
	text-align: right;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	-webkit-border-bottom-right-radius: 6px;
	 -webkit-border-bottom-left-radius: 6px;
		-moz-border-radius-bottomright: 6px;
		 -moz-border-radius-bottomleft: 6px;
			border-bottom-right-radius: 6px;
			 border-bottom-left-radius: 6px;
}
.albums-panel > .album-box > div > .album-tools{
 	display: none;
	position: absolute;
	top: 30px;
	right: 0;
	padding: 4px 6px;
	white-space: nowrap;
}
.albums-panel > .album-box:hover > div > .album-tools{
	display: block;
}
.albums-panel > .album-box > div > .album-tools > *{
	text-shadow: 0 0 2px rgba(255, 255, 255, 1), 0 0 2px rgba(255, 255, 255, 1), 0 0 2px rgba(255, 255, 255, 1);
	font-size: 12px;
	font-weight: bold;
	color: #000;
}

.picture-upload-preview{
	display: inline-block;
}
.picture-upload-preview > .progress{
	display: none;
	margin: 20px 5px;
}
.picture-upload-preview > .preview{
	position: relative;
}
.picture-upload-preview > .preview > .remove-picture{
	display: none;
	position: absolute;
	top: 8px;
	right: 8px;
	color: #fff;
	text-shadow: 0 0 10px #000;
	cursor: pointer;
}
.picture-upload-preview > .preview:hover > .remove-picture{
	display: block;
}
.picture-upload-preview > .preview:hover > .remove-picture.hidden{
	display: none;
}
.picture-upload-preview > .preview > img{
	max-width: 335px;
	border: #ddd 3px solid;
}
.picture-upload-preview > .preview > img:hover{
	border-color: #999;
}

.video-url-preview{
	display: inline-block;
	padding: 10px;
}
.video-url-preview > .video{
	display: none;
}
.video-url-preview > .preview{
	position: relative;
}
.video-url-preview > .preview > i.video-play{
	position: absolute;
	left: 43%;
	top: 37%;
	font-size: 70px;
	font-weight: normal;
	color: #fff;
	cursor: pointer;
	text-shadow: 0 0 0.2em rgba(0, 0, 0, 0.7), 0 0 0.2em rgba(0, 0, 0, 0.7), 0 0 0.2em rgba(0, 0, 0, 0.7);
	opacity: 0.6;
}
.video-url-preview > .preview > i.video-play.hidden{
	display: none;
}
.video-url-preview > .preview > img{
	max-width: 335px;
	cursor: pointer;
}

.forms-file-details{
	position: relative;
	width: 100%;
	min-height: 40px;
}
.forms-file-details > i.close-icon{
	position: absolute;
	left: 4px;
	top: 2px;
	font-size: 20px;
	cursor: pointer;
}
.forms-file-details > i.close-icon:hover{
	color: #777;
}

.slider-position{
	position: relative;
}
.slider-position > img{
	position: absolute;
	top: 6px;
	right: 9px;
	z-index: 100;
	opacity: 0.8;
}

.keyboard-shortcuts > div{
	display: inline-block;
	border: #bbb 1px solid !important;
	padding: 3px 5px !important;
	margin: 1px 2px !important;
	background-color: #fafafa !important;
	color: #444 !important;
	font-size: 13px !important;
	text-shadow: 1px 1px 1px #ccc !important;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}
.keyboard-shortcuts > div > span{
	font-size: 12px !important;
	color: #333;
	direction: ltr;
}

.photo-viewer{
	cursor: pointer;
}
.photo-viewer-place{
	position: relative;
	width: 600px;
	height: 480px;
}
.photo-viewer-place > img{
	width: 600px;
	height: 480px;
}
.photo-viewer-place > div{
	position: absolute;
	bottom: 3px;
	left: 3px;
	width: 594px;
	padding: 7px 5px;
	color: #f5f5f5;
	text-shadow: 0 0 0.3em rgba(0, 0, 0, 0.8), 0 0 0.3em rgba(0, 0, 0, 0.8), 0 0 0.3em rgba(0, 0, 0, 0.8);
	filter: dropshadow(color=#000000, offx=1, offy=1, Positive=1);
	text-align: right;
	background-color: rgba(0, 0, 0, 0.3);
	font: bold 15px arial, tahoma;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}
.photo-viewer-place > i.download-photo{
	position: absolute;
	bottom: 4px;
	left: 8px;
	font-size: 24px;
	color: #fff;
	text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
	cursor: pointer;
	z-index: 10;
}
.photo-viewer-place > i.download-photo:hover{
	text-shadow: 0 0 12px rgba(0, 0, 0, 1);
}

.row-notice{
	margin: 1px;
	padding: 2px 3px;
	text-align: right;
	background-color: #cccccc;
	font-size: 13px;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}
.row-notice.black{
	background-color: #000;
	color: #fff;
}
.row-notice.orange{
	background-color: #e08733;
	color: #fff;
}
.row-notice.red{
	background-color: #d63e3e;
	color: #fff;
}
.row-notice.green{
	background-color: #3aa33a;
	color: #fff;
}
.row-notice.yellow{
	background-color: #aaaa27;
	color: #fff;
}
.row-notice.blue{
	background-color: #5353c1;
	color: #fff;
}
.row-notice.purple{
	background-color: #8c3f8c;
	color: #fff;
}

.select-box{
	display: inline-block;
	position: relative;
	border: solid 1px #888;
	margin: 1px;
	padding: 4px 4px 4px 21px;
	font-size: 13px;
	font-weight: normal;
	line-height: 13px;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}
.select-box > i{
	position: absolute;
	top: 2px;
	left: 4px;
	font-size: 18px;
	color: #222;
	cursor: pointer;
	opacity: 0.8;
}
.select-box > i:hover{
	opacity: 1;
}
.select-box.block{
	display: block;
}
.select-box.bold{
	font-size: 12px;
	font-weight: bold;
}
.select-box.info{
	border-color: #2e6e8c;
	background-color: #d9edf7;
	color: #2e6e8c;
}
.select-box.info > i{
	color: #2e6e8c;
}
.select-box.success{
	border-color: #317231;
	background-color: #ceeac2;
	color: #317231;
}
.select-box.success > i{
	color: #317231;
}
.select-box.alert{
	border-color: #996600;
	background-color: #ffffc4;
	color: #996600;
}
.select-box.alert > i{
	color: #996600;
}
.select-box.warning{
	border-color: #996600;
	background-color: #ffdba6;
	color: #996600;
}
.select-box.warning > i{
	color: #996600;
}
.select-box.error{
	border-color: #b94a48;
	background-color: #f2dede;
	color: #b94a48;
}
.select-box.error > i{
	color: #b94a48;
}
.select-box.delete{
	border-color: #555;
	background-color: #ccc;
	color: #555;
}
.select-box.delete > i{
	color: #555;
}
.select-box.inverse{
	border-color: #222222 #222222 #000000;
	background-color: #030202;
	color: #fff;
}
.select-box.inverse > i{
	color: #fff;
}


/*
	for drag drop elements 
*/
.drag-drop{
	display: inline-block;
	position: relative;
	width: 410px;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
		 -o-user-select: none;
			user-select: none;
}
.drag-drop > .ss-placeholder-child{
	background-color: transparent;
	border: #888 1px dashed;
}

.table-list  > tbody > tr > td.text-delete > *{
	background-color: #ccc !important;
	color: #555 !important;
}