/*_____________________________________________  container, overlay, & wrapper  */
#sb-container, #sb-wrapper {
  text-align: left; /* reset left alignment */
}
#sb-container, #sb-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
}
#sb-container {
  height: 100%;
  display: none;
  visibility: hidden;
  z-index: 999;
}
body > #sb-container {
  /* use position:fixed in modern browsers */
  position: fixed;
}
#sb-overlay {
  /* needed in IE6 where sb-container uses position:absolute */
  height: expression(document.documentElement.clientHeight + 'px');
}
#sb-container > #sb-overlay {
  /* use for sb-container position:fixed */
  height: 100%;
}

/*_________________________________________________________________  wrapper  */
#sb-wrapper {
  position: relative;
}
#sb-wrapper img {
  border: none;
}

/*____________________________________________________________________  body  */
#sb-body {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 10px solid #303030;
}
#sb-body-inner {
  position: relative;
  height: 100%;
}
#sb-content.html {
  height: 100%;
  overflow: auto; /* make html content scrollable */
}

/*_________________________________________________________________  loading  */
#sb-loading {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 10px;
}
#sb-body, #sb-loading {
  background-color: #fff; /* should match loading image background color */
}

/*____________________________________________________________  title & info  */
#sb-title, #sb-info {
  position: relative;
  margin: 0; /* these must have no vertical margin or padding */
  padding: 0;
  overflow: hidden;
  background-color: #303030;
}
/*
Below class has been overwritten by Sandip 2nd Nov. 10
#sb-title {
  display:none;
}
*/

#sb-title {
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  font-size:12px;
  padding-left:10px;
  color:#FFF;
  line-height: 1.6em;
  /*display:block;*/
}
#sb-info-inner {
  position: relative;
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  line-height: 1.6em;
  background-color: #303030;
  padding: 15px;
  margin: 1px;
}
#sb-title-inner {
  font-size: 0.8em;
  color: #fff;
  width: 70%;
  float: left;
  height:19px;  
  /* Height added by Sandip as earlier it was not there and was taking 'auto' as value for calculations in IE making
  it not display in IE browser */
}

#sb-subGalary {
  font-size: 0.8em;
  color: #fff;
  background-color:#333;
  width: 95.5%;
  float: center;
  padding: 10px 10px;
}

#sb-info, #sb-info-inner {
  background-color: #303030;
}
#sb-info-inner {
  font-size: 12px;
  color: #fff;
  background-color: #303030;
  padding: 0 10px;
  margin: 0;
  line-height: 1.6em;
  height: 25px;
}

/*_____________________________________________________________________  nav  */
#sb-nav {
  float: right;
  margin: 0px;
  padding: 0px;
  line-height: 1.4em;
  width: 14%;
}
#sb-nav a {
  float: right;
  height: 16px;
  width: 16px;
  margin-left: 3px;
  cursor: pointer;
}
#sb-nav-close {
  background-image: url(resources/close.png);
  background-repeat: no-repeat;
}
#sb-nav-next {
  background-image: url(resources/next.png);
  background-repeat: no-repeat;
}
#sb-nav-previous {
  background-image: url(resources/previous.png);
  background-repeat: no-repeat;
}
#sb-nav-play {
/*  background-image: url(resources/);*/
  background-repeat: no-repeat;
}
#sb-nav-pause {
  /*background-image: url(resources/);*/
  background-repeat: no-repeat;
}

/*_________________________________________________________________  counter  */
#sb-counter {
  float: left;
  text-align: left;
  padding: 0;
  margin: 0;
  width: 14%;
}
#sb-counter a {
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}
#sb-counter a.sb-counter-current {
  text-decoration: underline;
}

/*________________________________________________________________  messages  */
div.sb-message {
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  font-size: 12px;
  padding: 10px;
  text-align: center;
}
div.sb-message a:link, div.sb-message a:visited {
  color: #fff;
  text-decoration: underline;
}

/*______________________________________________________________________ Added by Sandip dated 2nd Nov. 10 */

#sub-nav-next {
  float:right;		
  margin-right: 5px;  
  background-image: url(resources/new-next.png);
  background-repeat: no-repeat;
}
#sub-nav-previous {
  float:left;
  margin-left: 3px;
  background-image: url(resources/new-prev.png);
  background-repeat: no-repeat;
}
#sub-nav {
	/*This additional style has been added after development by Sandip on 17th Nov 10*/
	display:none;  
	/*As per requirement from Kenneth, this top navigations were developed earlier but later as per his changed 
	requirement, navigation buttons on image is not required and hence the complete Div made hidden to stop displaying the navs.*/
	
	height:20px;
	width:100%;	
	top:30px;
	position:absolute;
	z-index:999;	
	opacity: 0.5; 
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	margin: 0px;
	padding: 0px;
	line-height: 1.4em;
}
#sub-nav a {
  height: 16px;
  width: 16px;
  cursor: pointer;
}

#sub-gallery{
	position:absolute;
	/*style="filter: chroma(color=#CC9966);" allowTransparency
	overflow-x:auto;
	overflow-y:hidden;		
	scrollbar-face-color:#CC9966;
	scrollbar-arrow-color:#000000;
	scrollbar-track-color:#CC9966;
	scrollbar-shadow-color:#CC9966;
	scrollbar-highlight-color:#CC9966;
	scrollbar-3dlight-color:#CC9966;
	scrollbar-darkshadow-color:#CC9966;
	filter: chroma(color=#CC9966);
	*/ 
	z-index:999;	
	bottom:0px;
	height:75px;
	/*padding-left:5px;
	padding-right:5px; 
	padding-top:5px;
	padding-bottom:5px; */
	width:100%;
	background-color:#dddddd;	 
	/*opacity: 0.5; 
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);	 */
}
#sub-gallery-wrapper{
   /*overflow:scroll;*/
	position:absolute;
	z-index:998;	
	bottom:0px;
	height:100px;
	width:100%;
	/*opacity: 0.5; 
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);	 */
}
.sub-current-frame{
	cursor:pointer;
	text-align:center;
	background-color:#666;
	BORDER-BOTTOM: #000 1px dotted;
	BORDER-TOP: #000 1px dotted;
	BORDER-LEFT: #000 1px dotted;	
	BORDER-RIGHT: #000 1px dotted;
	padding-left:3px;
	padding-right:3px;
	padding-top:3px;
	padding-bottom:3px; 
}

.sub-gallery-frame{
	cursor:pointer;
	padding-left:3px;
	padding-right:3px;
	padding-top:3px;
	padding-bottom:3px; 
}