/*
	==================================================================
		the rows holding images in the panel
	==================================================================  */
	
	div#gsaltimgs .alternate-image-row {
		padding:					5px;
	}
	
	div#gsaltimgs .alternate-image-row:nth-child(even){
		background-color: 			#EFEFEF;
	}

/*
	==================================================================
		The Popup window for the media browser.
	==================================================================  */
	
	div#gsaltimg-popmain {
		position:				fixed;
		left:					0;
		top:					0;
		width:					100%;
		height:					100%;
		margin:					0;
		padding:				0;
		background:				url(../images/000_50pct.png) center center repeat;
		z-index:				1000;
	}
	
	*div#gsaltimg-popmain {
		position:				absolute; /* fix cause ie sucs */
	}
	
	div#gsaltimg-popwrap {
		width:					50%;
		margin:					25px auto 0 auto;
		border:					1px solid #cfcfcf;
		background-color:		#FFF;
	}
	
	div#gsaltimg-popinner{
		padding:				0 10px 10px 10px;
		margin:					0;
	}
	
	p#gsaltimg-poptitle {
		margin:					0;
		padding:				5px;
		background-color:		#232323;
		color:					#cfcfcf;
	}
	
	#gsaltimg-close {
		width:					15px;
		height:					15px;
		background:				url(../images/icon/wp-close.png) center center no-repeat;
		cursor:					pointer;
		float:					right;
		border:					0;
		margin:					0;
		padding:				0;
	}
	
/*
	==================================================================
		Navigation for the popup
	==================================================================  */
	div#gsaltimg-nav-wrap {
		margin:					0;
		padding:				0;
		background-color:		#E9E9E9;
		border-bottom:			1px solid #CCC;
	}
	div#gsaltimg-nav-wrap ul {
		margin:					0 0 -1px 15px;
	}
	
	div#gsaltimg-nav-wrap ul,
	div#gsaltimg-nav-wrap li{
		float:					left;
		clear:					none;
		text-indent:			0;
		list-style:				none;
		color:					#21759b;
	}
	
	div#gsaltimg-nav-wrap li {
		cursor:					pointer;
		margin:					3px 2px 0 2px;
		padding:				3px 4px 0 4px;
		border:					1px solid #CCC;
		border-bottom:			none;
		-moz-border-radius-topleft:	4px;
		-moz-border-radius-topright: 4px;
	}
	
	div#gsaltimg-nav-wrap li:hover,
	div#gsaltimg-nav-wrap li.is_active {
		color:					#d54e21 !important;
		background-color:		#FFF;
	}
	
/*
	==================================================================
		The search field
	==================================================================  */
	div#gsaltimg-media-library-searchbar {
		text-align: 			right;
		margin: 				0;
		padding: 				2px 10px 0 0;
		display:				none;
	}
	
	div#gsaltimg-media-library-searchbar.media_library
	{
		display:				block;
	}
	
/*
	==================================================================
		The media inside the browser
	==================================================================  */
	div.gsaltimg-mediacell {
		margin:					5px auto 0 auto;
		padding:				0 1px 2px 1px;
		width:					110px;
		height:					140px;
		text-align:				center;
		vertical-align:			text-top;
		display:				-moz-inline-stack;
		display:				inline-block;
		zoom:					1;
		*display:				inline;
		cursor:					pointer;
	}
	
	div.gsaltimg-mediacell:hover {
		background-color:		#EEE;
	}
	
	div.gsaltimg-mediacell p.gsaltimg-title small {
		border-bottom:			1px dotted GREEN;
	}
	
	/*
	==================================================================
			The spinning wait - for example hovers or imge
			when added.
	==================================================================  */
	div.gsaltimg-wait {
		width:					16px;
		height:					16px;
		background:				url(../images/wpspin_light.gif) center center no-repeat;
	}
	
	div#gsaltimg-popmain div.gsaltimg-wait {
		position:				absolute;
		margin:					75px 0 0 43px;
		background-color:		#EEE;
		padding:				5px;
		background-color:		#CCC;
	}
	
	/*
	==================================================================
			page indicators
	==================================================================  */
	div.gsaltimg-pageindicator {
		text-align:				center;
		width:					20px;
		padding:				1px 0px;
		margin:					2px;
		border:					1px solid #CCC;
		display:				-moz-inline-stack;
		display:				inline-block;
		zoom:					1;
		*display:				inline;
		cursor:					pointer;
		color:					#21759B;
		background:				url(../images/menu-gradient.png) 0 -10px repeat-y;
		-moz-border-radius: 	3px;
		-webkit-border-radius: 	3px;
		border: 				1px solid #EEE;
	}
	
	div.gsaltimg-pageindicator:hover {
		background-position:	0 -20px !important;
	}
	
	div.gsaltimg-pageindicator.curr_page,
	div.gsaltimg-pageindicator.curr_page:hover{
		color:					#333 !important;
		background-position:	0 -40px !important;
	}
	
/*
	==================================================================
		Icons
	==================================================================  */
	.gsaltimg-icon {
		width:						14px;
		height:						14px;
		background-position: 		top center;
		background-repeat:			no-repeat;
		cursor:						pointer;
		margin:						0;
		padding:					0;
		vertical-align:				middle;
		display:					-moz-inline-stack;
		display:					inline-block;
		zoom:						1;
		*display:					inline;
	}
	
	.gsaltimg-icon:hover {
		background-position:		bottom center !important;
	}
	
	.gsaltimg-icon.close {
		background-image:			url(../images/icon/close.png);
	}
	
	.gsaltimg-icon.handle {
		background-image:			url(../images/icon/handle.png);
		width:						29px;
		cursor:						move;
	}