/* CSS for the overlay mask and screenshots, some of this styles below override styles from
   jquery-ui.1.8.11.custom.css file, should always be included after "jquery-ui.1.8.11.custom.css" file */

#setup-mask1{
	display: none;
	background: #FFFFFF;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;		
	z-index: 1000;
	opacity: 0.5;
	filter:alpha(opacity=50);
	-moz-opacity:.50;			
}

#setup-mask2{
	display: none;
	background: #000000;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;		 		
	z-index: 1001;
	opacity: 0.5;
	filter:alpha(opacity=50);
	-moz-opacity:.50;				
}		
	
#pre-swirling{		
	background: url("../img/upperleft.png") no-repeat scroll center center transparent;
	border: 3px solid #999999;
	padding: 10px 20px;
	position: absolute;
	left: 50%;
	top: 49%;
	margin-left: -65px;
	z-index: 1002;
	display: none;	
}

#pre-swirling span{
	 color: #666666;
	 display: block;
	 float: left;
	 font-size: 19px;
	 padding: 4px 0 0 14px;
}

/* Custom css for screenshots, will override css from jquery-ui-1.8.11.custom.css file */

.ui-dialog { padding: 0; }
.ui-draggable{ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.ui-widget-content { border: none; }
.ui-widget-header { border: none; }
.ui-dialog .ui-dialog-content { padding: 0; }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {	
	background: url("../img/closeX.png") no-repeat scroll left -20px transparent;
	height: 20px;
	width: 20px;     
}
.ui-widget-content .ui-state-hover{
	border: none;
	background: none;	
}
.ui-icon-closethick { background-position: left top; }
.ui-widget-overlay {
   background: none repeat scroll 0 0 #000000;    
   opacity: 0.5;
}
.ui-dialog .ui-dialog-titlebar { margin: 0 0 5px 0; padding: .5em 1em;}

.window{
	width: 760px;
	height: 510px;
}	    
.image_reel div.insideWindow {
	width: 750px;
	height: 500px;
}

#dialog.ui-widget-content{
	height: 553px !important;
}

.portfolioWidth{
	width: 833px;
}
.paging { padding: 12px 0 8px 0; }


/* listing detail styles for centering the blue dots */

#mainViewContainer .contButtons{
	position: relative;
	width: 100%;
	margin: 0 auto;
	right: auto;
}

#mainViewContainer .paging{
	text-align: center;        
}

/* EO: listing detail styles for centering the blue dots */	

/* EO: Custom css for screenshots */