/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:11000; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{
    background:#000;
}

#colorbox{}
    
	#cboxContent{margin-top:20px;}
        
		#cboxLoadedContent{
            background:#fff; padding:20px;
        }
        
		#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        
		#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        
		#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        
		#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url("../images/colorbox/controls.png") no-repeat top left; width:30px; height:60px; text-indent:-9999px;}
        
		#cboxPrevious.hover{background-position:bottom left;}
        
		#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url("../images/colorbox/controls.png") no-repeat top right; width:30px; height:60px; text-indent:-9999px;}
        
		#cboxNext.hover{background-position:bottom right;}
        
		#cboxLoadingOverlay{background:#fff;}
        
		#cboxLoadingGraphic{background:url("../images/loading2.gif") no-repeat center center;}
        
		#cboxClose{position:absolute; top:0px; right:0px; display:block; background:url("../images/colorbox/controls.png") no-repeat top center; width:30px; height:30px; text-indent:-9999px;}
        
		#cboxClose.hover{background-position:bottom center;}

        
        #cboxLoadedContent h2 {
            display:block;
            font-family:arial,helvetica,sans;
            font-size:18px;
            color:black;
            margin:0;
			line-height:1.3em;
            padding:7px 0 30px 45px ;
            background:url("../images/logo_GS_heading.png") no-repeat left top;
        }
		
		#popup-progress h2 {
			background:url("../images/loading2.gif") no-repeat left top;
		}

        #cboxLoadedContent h3 {
            font-size:13px;
            font-weight:bold;
            margin:0 0 10px 0;
			color:black;
			padding:0;
        }
		
		
        #cboxLoadedContent p {
            font-family:arial,helvetica,sans;
            font-size:11px;
            color:black;
            margin:0 0 20px 0;
        }
		
		#popup-recommend-friend input[type='text'],
		#popup-login input[type='text'],
		#popup-login input[type='password'] {
			width:191px;
		}
		
		#popup-review input[type='text'],
		#popup-review textarea,
		#popup-recommend-restaurant input[type='text'],
		#popup-recommend-restaurant textarea,
		#popup-enquiry-form input[type='text'],
		#popup-enquiry-form textarea {
			width:327px;
		}
		
		#cboxLoadedContent textarea {
			height:100px;
		}
	

/* ----- CSS ----- */