/**
Gallery CSS
**/
/***
** CSS for Jquery Notice Plugin**/
.notice-wrap {
	position: fixed;
	top: 20px;
	right: 20px;
	width: 250px;
	z-index: 9999;
}

* html .notice-wrap {
	position: absolute;		
}
 
.notice-item {
	height: 60px;
	background: #333;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	color: #eee;
	padding: 6px 6px 0 6px;
	font-family: lucida Grande;
	font-size: 11px;
	border: 2px solid #999;
	display: block;
	position: relative;
	margin: 0 0 12px 0;
}

.notice-item-close {
	position: absolute;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	right: 6px;
	top: 6px;
	cursor: pointer;
}

/*********************************************************************************/
/********** for SWF Uploader,Thanks to Webdeveloper Plus site for the css of this section***************/
#swfupload-control p{ margin:10px 5px; font-size:0.9em; }
#log{ margin:0; padding:0; width:350px;}
#log li{ list-style-position:inside; margin:2px; border:1px solid #ccc; padding:10px; font-size:12px; 
	font-family:Arial, Helvetica, sans-serif; color:#333; background:#fff; position:relative;}
#log li .progressbar{ border:1px solid #333; height:5px; background:#fff; }
#log li .progress{ background:#999; width:0%; height:5px; }
#log li p{ margin:0; line-height:18px; }
#log li.success{ border:1px solid #339933; background:#ccf9b9; }
#log li span.cancel{ position:absolute; top:5px; right:5px; width:20px; height:20px; 
	background:url(../js/swfupload/cancel.png) no-repeat; cursor:pointer; }
/*
----------Gallery Css--------------------------------/

/*  -----
	nice button for the links inside the thumb boxes 
	----- */
.media-inline-actions a,
div.gallery .gallery-actions a,
#galleries .gallery-actions a,
form.gallery-inline-actions a,
div.edit-delete a {
	color: red;
	background: #EBF7FF;
	border-bottom: 1px solid #a1dcfa;
	border-right: 1px solid #a1dcfa;
	border-top: 1px solid #E4EBF0;
	border-left: 1px solid #E4EBF0;
	padding: 3px 5px;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	line-height:22px;
	border-radius: 4px;
	margin-right: 3px;
	}
div.gallery .gallery-actions a:hover,
#galleries .gallery-actions a:hover,
form.gallery-inline-actions a:hover,
div.edit-delete a:hover,
.media-inline-actions a:hover  {
	background: #059AE7 !important;
	color: #fff !important;
	}
	{color:#F2624E;}

div.gallery  .gallery-actions a.upload,
#galleries .gallery-actions a.upload,
form .gallery-inline-actions a.save,
.media-inline-actions a.save			   { color:#719C6A; } /* dark green */

div.gallery .gallery-actions a.organize{ color:#EBB54D; } /* orange */
									
div.gallery .gallery-actions a.delete,
form .gallery-inline-actions a.cancel,
.edit-delete a.delete,
.media-inline-actions a.cancel		   { color:#E86A58; } /* faded red */


/* ----------------- The media thumb box------------------------------*/	
#galleries div.media {
	float:left;
	margin:2px;
	padding:2px;
	text-align:center;
	width:222px;
	height:280px;
	border:1px solid #CCCCCC;
	}
#galleries div.media .media-description{
	max-height:98px;
	overflow:hidden;
	margin-bottom:2px;
	}
#galleries div.media_video,
#galleries div.media_audio{
	width:335px;
	}	
#galleries div.media_audio div.media-content{
	background:white none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	padding:4px;
	vertical-align:middle;
	}
.media h3 {  /* We have the description to show as well */
	max-height:49px;
	}	
div.media-content {
	padding:5px;
}	
/* ----------------- Shared by gallery and media -----------------------*/	
div.gallery h3.gallery-title, .media h3 {
	font-size:13px;
	margin:2px 0 2px 0; padding:0;
	line-height:12pt;
	text-align:center;
	overflow:hidden; /*** Hide the long texts*/
	}
/* ----------------- The gallery thumb box------------------------------*/	
#galleries div.gallery {
	float:left;
	margin:5px;
	padding:0;
	text-align:center;
	width:147px;
	height:230px;
	border:1px solid #DDE; 
	}
	
div.gallery h3.gallery-title,{
	max-height:98px;
	}
div.gallery h3.gallery-title .item-count,
div.gallery h3.gallery-title a small {
	font-weight:normal;
	font-size:11px;
	color:#888;
	}
div.gallery h3.gallery-title a{
	color:#000;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
	}
div.gallery h3.gallery-title a:hover{
	color:#1F1FEE;
	}
	
div.gallery .gallery-cover a,
div.gallery .gallery-cover a img{
	overflow:hidden;
	display:block;
	max-height:134px;
	margin:0 auto;
	} 
div.gallery-content{
	padding:9px;
}	
/*gallery create button*/

#add_new_gallery_link{
	border:2px;
	display:block;
	text-indent:-999em;
	background:url(../images/creategallery_btn.gif) no-repeat;
	height:32px;
}

#gallery_create_form{border:2px solid #ccc;padding:10px;}
#gallery_create_form p{margin:0;padding:0;text-align:left;}
#gallery_create_form span.gallery-label{}
#gallery_create_form #gallery_type{}
#gallery_create_form #gallery_status{margin-top:5px;}
div.gallery p input#gallery_title{
	background:#fff;
	padding:5px;
	text-align:center;
}
#gallery_save{
	font-size:16px;
	font-weight:bold;
}
/*media***/


	
.medias{width:inherit;}
.sing-media{width:inherit;
	margin-top:13px;}	
.sing-media a{width:inherit;}	

.sing-media img{width:inherit;}

/*for media upload container*/
#gallery-organize{
	border:2px solid #CCCCCC;
	margin-top:-7px;
	padding:5px;
	text-align:left;
}

/***********************/
/******** Single Gallery editing***/
/*** tabbed nav***/
#gallery-header{margin:0;padding:0;margin-bottom:10px;}
#gallery-header a{
	background:#EAEAEA none repeat scroll 0 0;
	border:1px solid #DDDDDD;
	color:#555555;
	display:inline;
	padding:5px 15px;
	text-decoration:none;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
}
#gallery-header a.current{color:#000;font-weight:bold;}
/** Media edit delete comments section**/
/*flower player */
a.video {
	opacity:.9;
	background:url(../images/play_large.png) no-repeat scroll 50% 50% #000000;
	display:block;
	width: 320px;
	height:240px; 
	text-align:center;
	margin:0 15px 15px 0;
	text-decoration:none;
	font-size:16px;
	border:2px solid #999;
}

/* play button */
a.video img {
	margin-top:70px;
	border:0px;
}

/* when container is hovered we alter the border color */
a.video:hover {
	border:1px solid #000;
}
a.audio{
	display:block;
	width:300px;
	height:24px;
	background:url(../images/audioplayer.png) no-repeat 50% 35%;
	font-size:0px;/*bad hack for removing titles*/
}

/** for edit page*/
div.edit-media a.video,div.edit-media a.audio{
	width:200px;
	height:140px;
}
div.reorder-media a.video{
	width:150px;
	height:95px;
}

optgroup option {padding-left:10px;}
#galleries-list {margin-top:5px;}
/******** Gallery edit page********/

/* Gallery edit shows a larger picture so make this div wider */
div.edit-gallery .gallery-cover{
	width:320px; float:left; display:block;	overflow:hidden;	}
.media-cover{
	width:120px; float:left; display:block;	overflow:hidden;	}
	
div.edit-gallery .edit-info,
.galleries .edit-media,
div#gallery-organize .edit-info{
	float:left;
	width:215px;
	margin-left:10px;
	display:inline;
	}
#from-my-comuter,
#gallery-form-div{
	float:left;width:50%;}
#update_media_upload,#gallery-update-div{
	float:left;
	width:45%;
	margin-left:10px;
	display:inline;
}
#update_media_upload .media{height: 200px;width:250px;overflow:hidden;}
#update_media_upload .media img,#update_media_upload .media h3{text-align:center;}


#medias .activity-content,#medias .activity-comments{margin-left:0;}
.sing-media img{
	display:block;
	margin:0 auto 40px;
	/* !!! Added: */
	background:white none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	padding:4px;

}

.media-thumb { margin-top:5px; 	width:220px; } /* spacing and width line this up with the non-form image */
#media_title { 
	margin:4px 0 0 0;
	background-color:#f6f6f6; 
	width:215px;
	border:1px solid #CCC; 
	color:#333;
	}
#media_description { 
	margin:4px 0 4px 0;
	background-color:#f6f6f6; 
	width:215px;
	height:96px; 
	border:1px solid #CCC; 
	font-size:11px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#555;}
#gallery_status {
	background-color:#f6f6f6; 
	border:1px solid #CCC;
	color:#555; 
	margin:0 0 4px 0;}

/* first the styling */
.edit-media .edit-info input[type='text'],
.edit-gallery .edit-info input[type='text'] ,
.edit-media .edit-info textarea,
.edit-gallery .edit-info textarea,
.edit-media .edit-info select {
	background-color:#f6f6f6;
	border:1px inset #CCC;
	font-size:11px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#555;
	margin-bottom:4px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* future proofing */
	-khtml-border-radius: 3px; /* for old Konqueror browsers */
	/* height of text area 	height:96px;} */	

	}
	
	
/* next the sizing - note the select control doesn't get sized*/	
/* later, we want to make the gallery-edit info controls larger. */
.edit-media .edit-info input[type='text'],
.edit-gallery .edit-info input[type='text'] ,
.edit-media .edit-info textarea,
.edit-gallery .edit-info textarea{
	width:215px;
}

/* !!! added this */
.edit-media img, .edit-gallery img {
background:white none repeat scroll 0 0;
border:1px solid #CCCCCC;
padding:4px;
}

.edit-media,.edit-gallery{ height:110px; }

/*!!!	added this */
.reorder-media{
	background:white none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	float:left;
	height:100px;
	margin:5px;
	overflow:hidden;
	padding:5px;
	width:124px;
}


#gallery-notification{
	background:none repeat scroll 0 0 #FFF9DB;
	border-bottom:1px solid #FFE8C4;
	border-right:1px solid #FFE8C4;
	color:#FFA200;
}
.guploading{
	height:28px;
	width:28px;
	background:url(../images/loading.gif) no-repeat;}
/** for General activity streams******/
div.activity-inner p .media-linked img{
	display:block;
	float:left;
	padding:5px;
	border:1px solid #ccc;
	max-height:100px;
	max-width:150px;
	margin:2px;
}
.activity-content .media{float:none;}
.activity-content a.video{
	width:218px;
	height:130px;
}
/*** Gallery Navigation**/
.gnav{margin:5px 0 15px;}
.gnav a{
	background:#FFF9DB none repeat scroll 0 0;
	border-bottom:1px solid #FFE8C4;
	border-right:1px solid #FFE8C4;
	color:#FFA200;
	display:inline-block;
	font-size:14px;
	font-weight:normal;
	margin-top:6px;
	padding:1px 8px;
	text-decoration:none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* future proofing */
	-khtml-border-radius: 3px; /* for old Konqueror browsers */
	margin-right:4px;
	margin-left:4px;
}
/** Prev next*/
span.prev,span.next{
	background:#EBF7FF none repeat scroll 0 0;
	border-bottom:1px solid #A1DCFA;
	border-right:1px solid #A1DCFA;
	color:#059AE7;
	margin-right:3px;
	padding:3px 8px;
	text-decoration:none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* future proofing */
	-khtml-border-radius: 3px; /* for old Konqueror browsers */
	text-decoration: none;
	}
span.next{float:right;}

/** for Gallery Directory**/
.item-avatar img{
	float:left;
	margin:0 10px 10px 0;
	padding:0;
	border:1px solid #666666;
}

/** Bigger Buttons**/
#galleries form input[type='submit']{
	font-size:16px;
	font-weight:bold;
	margin:5px;
}
/*** for shortcodes**/
.post .entry .gallery{
	width:160px;
	padding:5px;
	float:left;
	margin:5px;

}
.post .entry .gallery .gallery-cover{
	height:220px;
}

.media_photo {
	height: 108px;
	width: 128px;
	float:left;
	}