#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; margin-left:57%;}
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif; base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow:hidden; width: 100%	; margin-left:57%;}
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;opacity: 0.65; }

/*** Added for custom alert ***/
/*** Added By Ranga on 02Mar2010 ***/
.default_alertWindow{ 	border: 2px solid #97CAFF;  /* this is the border around the alert window */ }
.default_titleBar{ 	/* title bar settings */ 	color: #000; 	font: 12px Verdana;	 	font-weight:bold; 	border-bottom: 1px solid #97CAFF; /* the bottom border of your title bar, the border that separates it from the content area */ 	background: #97CAFF;   	line-height: 16px; /* if you have an icon, you probably want to set this as the same size or a bit larger than the icon size */ 	padding: 5px; 	text-align:left;  }
.default_titleBarLeftIcon  { background: transparent url(information.png) no-repeat; 	width: 16px; 	height: 16px; } 
.default_titleBarRightIcon {}
.default_contentArea  { 	/* the contente area, where the actual message text is shown */ 	color: #000000; 	font: 11px Verdana; 	overflow: auto;  /* setting this to auto will make scrollbars appear if the message text is too long for the height attribute, assuming you set it */ 	padding:7px 7px 0;	background: #f5f5f5; /* your background color.  the button area background color should be set the same as well */ 	text-align:left; height:28px !important; } 
.default_buttonArea { 	/* the button area, the div that your buttons are placed into */ 	text-align: left; /* if you want you buttons to the left or center of the alert box, change this setting */ 	background: #f5f5f5; /* your background color.  the content area background color should be set the same as well */ 	padding-bottom: 10px; padding-left:14px; } 
.default_okButton { 	/* ok button settings */ 	/*background: url(accept.png);*/ 	background:url("../images/okbuttonfunky.jpg") no-repeat scroll left center transparent; border:medium none; color:#656565; cursor:pointer; font-family:Arial,Helvetica,sans-serif; font-size:96%; font-weight:bold; height:22px;
 width:120px; border:1px solid #000; margin-right:25px;  }
.default_buttonArea .default_cancelButton { 	background:url("../images/cancelbtnfunky.jpg") no-repeat scroll left center transparent; border:medium none; color:#656565; cursor:pointer; font-family:Arial,Helvetica,sans-serif; font-size:96%;
font-weight:bold; height:22px; width:100px; border:2px solid #97CAFF; margin-right:25px; }
.default_cancelButton:focus  {  	outline:0px none;  }
.default_closeButton{ 	background:transparent url(../images/catinputbtn.jpg) no-repeat scroll center center; 	border:medium none; 	color:#656565; 	font-family:Arial,Helvetica,sans-serif; font-size:96%; font-weight:bold; width:62px; 	height: 22px; 	text-transform:capitalize; cursor:pointer; border:1px solid #000; }
.default_closeButton:focus{ 	outline:0px none;  }


/* added by uma july 15 */
.remove_alertWindow{border: 2px solid #97CAFF;}
.remove_titleBar{ 	background:none repeat scroll 0 0 #97CAFF;
border-bottom:1px solid #97CAFF;
color:#000000;
font:bold 12px/16px Verdana;
padding:5px;
text-align:left;  }
.remove_contentArea
{
background:none repeat scroll 0 0 #F5F5F5;
color:#000000;
font:11px Verdana;
overflow:auto;
padding:7px 7px 0;
text-align:left;
}
.remove_buttonArea{
background:none repeat scroll 0 0 #F5F5F5;
padding-bottom:5px;
text-align:center;
}
.remove_buttonArea input
{
height:22px;
margin-right:17px;
}
.remove_okButton
{
background:url("../images/catinputbtn.jpg") no-repeat scroll center center transparent;
border:1px solid #000000;
width:40px;
}
.remove_cancelButton
{
background:url("../images/catinputbtn.jpg") no-repeat scroll center center transparent;
border:1px solid #000000;
width:33px;
}
.remove_closeButton
{
background:url("../images/catinputbtn.jpg") no-repeat scroll center center transparent;
border:1px solid #000000;
text-transform:capitalize;
width:53px;
}