/* SETTINGS FOR Overview Gallery */

div.ngg-dashboard-widget {
	border:1px solid #CCCCCC;
	height:58em;
	overflow:auto;
	margin-right:20px;
	padding:2px;
	position:relative;
}

div.dashboard-widget-content .settings li {
	margin:0.3em 0pt 0em;
}

#newversion {
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	margin-right:7px;
	margin-top:10px;
	padding:2px;
}

/* SETTINGS FOR THE OPTIONS TABLE */ 
.form-table th {
	width:33%;
} 

/* WATERMARK */
#wm-preview {
	float:right;
	font-size:90%;
	width:40%;
	border-color:#EBEBEB rgb(204, 204, 204) rgb(204, 204, 204) rgb(235, 235, 235);
	border-style:solid;
	border-width:1px;
	margin-bottom:10px;
	margin-left:20px;
	margin-right:8px;
	padding:2px;
}
#wm-preview h3{
	background:#EAF3FA none repeat scroll 0%;
	font-size:14px;
	font-weight:bold;
	margin:0pt 0pt 10px;
	padding:8px 5px;
}

#wm-position {
	width:100%;
	margin-left:40px;
}

.wm-table {
	border-collapse:collapse;
	margin-top:1em;
}
.wm-table td {
	border-bottom:8px solid #FFFFFF;
	line-height:20px;
	margin-bottom:9px;
	padding:10px;
}
.wm-table th {
	border-bottom:8px solid #FFFFFF;
	padding:10px;
	text-align:left;
}
.wm-table tr {
	background:#EAF3FA none repeat scroll 0%;
}

/* SETTINGS FOR MANAGE TABLE */

p#ngg-inlinebutton {
	float:right;
	margin:0pt;
	position:relative;
	top:-25pt;
}

div .ngg-tablenav {
	overflow:hidden;
}

#ngg-listimages td, #ngg-listimages th {
	vertical-align: middle;
	padding: 10px 5px 10px;
}

#poststuff .postbox {
	margin-left: 10px;
	margin-right: 0px;
}

/* SETTINGS FOR PROGRESS BAR */

div .progressborder {
	border: 1px inset ; 
	display: block; 
	height: 20px; 
	background-color: #464646; 
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
}

div .progressbar {
	border: medium none ; 
	display: block; 
	height: 20px; 
	background-color: #D54E21; 
	width: 0%;
}

div .progressbar span {
	display: inline; 
	position: relative; 
	color: white; 
	font-weight: bold; 
	padding-left: 5px;
}

 /* SETTINGS FOR ALBUM PAGE */

.ngg-albumnav {
	width : 100%;
	background-color:#EAF3FA;
	clear:both;
	margin-bottom:-10px;
	margin-top:8px;
}

.groupItem
{
	background-color:#FBFBFB;
	border:1px solid #CCCCCC;
	display:block;
	line-height:75px;
	cursor: move;
	margin: 0 0 10px;
	width: 390px;
}

.groupItem .item_top
{
	background-color:#CEE1EF;
	color: #333333;
	font-weight:bold;
	line-height: 28px;
	height: 28px;
	cursor: move;
	padding: 0 5px;
	position: static;
}

.groupItem .item_top a
{
	float:right;
	text-decoration: none;
	color: #333333;
}

.groupItem .item_top a:hover
{
	color: #D54E21;
}

.innerhandle {
	border-color:#F2F2F2 rgb(232, 232, 232) rgb(232, 232, 232) rgb(242, 242, 242);
	border-style:solid;
	border-width:1px;
	display:block;
}

.itemContent {
	padding: 5px;
}

.itemContent p {
	border: 0;  
	margin: 0;  
	padding: 0;
}

.inlinepicture
{
	float:left;
	display:inline;
	margin:0pt;
	padding:0pt 3px 1px;
}

.inlinepicture img
{
	max-height:75px;
}

.sort_placeholder
{
	border:1px dashed #bba !important;
	background: #F9F9F9;
}

#galleryContainer {
	background-color:#FBFBFB;
	border:1px solid #BBBBBB;
	margin:10px 440px 10px 10px;
	padding:0px 10px 10px 10px;
}

#selectContainer {
	float:right;
	background:#FBFBFB none repeat scroll 0%;
	border:1px solid #BBBBBB;
	margin:0pt 10px 10px;
	padding:0px 5px 5px 10px;
	width:395px;
}

#galleryContainer h3, #selectContainer h3 {
	color:#333333;
	text-align:center;
	line-height:25px;	
}

/* SETTINGS FOR SORT GALLERY */

#sortGallery {
	bottom:25px;
	float:right;
	padding-right:5px;
	position:relative;
}

.imageBox,.imageBoxHighlighted{
	width:130px;	/* Total width of each image box */
	height:160px;	/* Total height of each image box */
	float:left;
}
.imageBox_theImage{
	width:110px;	/* Width of image */
	height:125px;	/* Height of image */
	
	background-position: center;
	background-repeat: no-repeat;		
	margin: 0 auto;
	margin-bottom:2px;
}

.imageBox .imageBox_theImage{
	border:1px solid #DDD;	/* Border color for not selected images */
	padding:2px;
}
.imageBoxHighlighted .imageBox_theImage{
	border:3px solid #316AC5;	/* Border color for selected image */
	padding:0px;

}
.imageBoxHighlighted span{	/* Title of selected image */
	background-color: #316AC5;
	color:#FFFFFF;
	padding:2px;
}

.imageBox_label{	/* Title of images - both selected and not selected */
	text-align:center;
	font-family: arial;
	font-size:11px;		
	padding-top:2px;
	margin: 0 auto;
}

/* 
DIV that indicates where the dragged image will be placed	
*/

#insertionMarker{
	height:150px;
	width:6px;
	position:absolute;
}

#insertionMarkerLine{
	width:6px;		/* No need to change this value */
	height:145px;	/* To adjust the height of the div that indicates where the dragged image will be dropped */

}
	
#insertionMarker img{
	float:left;
}

/*
DIV that shows the image as you drag it 
*/

#dragDropContent{

	opacity:0.4;	/* 40 % opacity */
	filter:alpha(opacity=40);	/* 40 % opacity */

	/* 
	No need to change these three values 
	*/
	position:absolute;
	z-index:10;
	display:none;
		
}