@charset "utf-8";
/* 
 * Light Photo Gallery 
 * General Photo Gallery CSS 
 * Author: Khairul Azam 
 * Website: http://kannybd.com/
 */

ul.photoAlbum, ul.photoGallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.photoAlbum li, ul.photoGallery li {
	padding: 8px;
	float: left;
	width: 225px;
	height: 245px;
	overflow: hidden;
	margin-right: 15px;
	margin-bottom: 15px;
	border: 1px solid #CCC;
}
ul.photoAlbum li {
	margin-right: 10px;
	margin-bottom: 10px;
	height: 180px;
	width: 210px;
}
ul.photoGallery li {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	position: relative;
	border: 1px solid gray;
	border-radius: 6px;
	z-index: 1;
	overflow: visible;
}
ul.photoGallery li:before {
	content: ' ';
	position: absolute;
	top: 0;
	left: 0;
	right: -7px;
	bottom: -7px;
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	border-radius: 6px;
	z-index: -1
}
ul.photoGallery li:after {
	content: ' ';
	position: absolute;
	top: 0;
	left: 0;
	right: -4px;
	bottom: -4px;
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	border-radius: 6px;
	z-index: -1
}
ul.photoAlbum li img { border: 3px solid #FFF; }
ul.photoAlbum li a, ul.photoGallery li a {
	display: block;
	text-decoration: none;
}
div.caption {
	padding: 2px 0;
	font-size: 12pt;
}




table.fontEndTable,
table.fontEndTable th,
table.fontEndTable td {
	border:1px solid #CCC;
	border-collapse:collapse;
}

table.fontEndTable th { 
	text-align:left; background:#CCC;	
}

table.fontEndTable th,
table.fontEndTable td { 
	text-align:left;
	padding:5px;	
}

.category_page {
	padding-right:25px;
}

.category_add {
	width:30%;
	padding-top:50px;
	float:right;	
}

.category_list {
	width:65%;	
	float:left;
}


.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */



#ajax_edit_area { display:none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index:9999999; }
.preview_area { width: 950px; margin: 40px auto; padding: 20px; border: 5px solid #EEE; background: #FFF; box-shadow: 0 0 5px #000; position: relative; }
.preview_area { min-height:350px; max-height:550px; overflow-y: auto; overflow-x:hidden; float:none;}





#addMoreFile { font-size:20pt; font-weight:bold;}

.addNewPost { background-color:#FFF; padding:25px; margin:20px 20px 0 0;}
.big_title { width:100%;}

#addFileUploadField, 
#remScnt { color:#FFF; background-color:#09C; padding: 5px 20px; cursor:pointer;}
#remScnt {  background-color: #FF6600; }




.paginate { float: right; margin-right: 5px; }
ul.paginate { float: right; list-style: none; }
ul.paginate li { float: left; border:1px solid #D1D1D1; margin: 0px 0 2px 2px; font-weight: bold; }
ul.paginate li a { padding: 2px 5px; text-decoration: none; color: #666; }
ul.paginate li a:hover, ul.paginate li a:active { color: #FFF; background: #D8D8D8; }
ul.paginate li.current { background: #D8D8D8; color: #363636; padding: 0 5px; }
ul.paginate li.disabled { color: #FFF; background: #E6E6E6; padding: 0 5px; }
ul.paginate li.total {  padding: 0 8px; }

.previous_files {}
.previous_files ul {}
.previous_files ul li { padding:5px; position:relative; float:left; width:100px; height:70px; margin:10px 10px 0 0; word-break:break-all; border:1px solid #CCC;}
.previous_files ul li span { position:absolute; right:2px; bottom:2px;}

p.error,
p.success,
p.loading {
	background-repeat:no-repeat; padding:5px 10px 5px 30px; background-position: 2px 3px;
	background-color: #FF6600;
	color: #FFF;
}



p.error { background-color:#FF0000;}
p.success { background-color: #FF6600; }
p.loading { background-image: url();  }


ul.widgetPhoto {}
ul.widgetPhoto li { 	
	float: left;
	border: 2px solid #999;
	margin-bottom: 2px;
	margin-right: 2px;	
	width: 50px;
	height:50px;
}
ul.widgetPhoto li a,
ul.widgetPhoto li img { 
	padding: 0;
	border:0;
}











