* { margin:0; padding:0; } /* list-style:none; outline:none; font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #000; }*/




html, body {width:100%; height:100%;}
#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;  
  /*background-color:Transparent;*/
}


#sb-container {
  height: 100%;
  display: none;
  /*visibility: hidden;*/
  z-index: 900;
  /*background-color:Transparent;*/
  /*padding: 1px;
  background-color: black;
  border: 1px solid green;
  backcolor:transparent;*/
  
}

/*body > #sb-container {
  
  position: fixed;
  
}*/

#sb-overlay {
  /* needed in IE6 where sb-container uses position:absolute 
  height: expression(document.documentElement.clientHeight + 'px');*/
  /*position:absolute;
  height: 1000px;
  background-color: black;
    -moz-opacity: 0.8;
    opacity:.80;
   
  FILTER: Alpha(Opacity=80, FinishOpacity=70, Style=2);*/
  
  background: #000; 
  opacity: 0.45; 
  filter: alpha(opacity=45); 
  /*background-color:Transparent;*/
  position: absolute; 
  width: 100%; 
  height: 100%; 
  
}

#sb-container > #sb-overlay {
 
    position: fixed;
    height: 100%;     			
    z-index:1000;
   /*background-color:Transparent;*/
    /* vertically align */   
}


/* wrapper  */
/*#sb-wrapper {
  position: relative;
}*/

#sb-wrapper img {
  border: none;
}
        
#sb-wrapper {
	display: none;
	position: absolute;
	/*top: 100px;
	
	width: 320px;
	height: 325px;*/
	/*margin-top:-800px;*/
	
	/*border: 1px solid blue;*/
	/*background-color: white;*/
	/*background-color:Transparent;*/
	z-index:1001;
	
	
	/*opacity: 0;*/
	/*filter:alpha(opacity=40)*/
	
	/*margin-left: -325px;*/
	/*position: relative; top: -50%;*/
}

#sb-body-left-wrapper{
	display: none;
	position: absolute;
	top: 0px;
	left: 50%;
	/*width: 306px;
	height: 500px;*/
	
	/*border: 1px solid white;*/
	/*background-color: white;*/
	z-index:1005;
	overflow:visible;
	margin-left:-153px;
	
}
#sb-body-left{
	
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%; /*300px*/
	height: 100%; /*480px*/
	/*padding: 3px;*/
	/*border: 3px solid #669900;
	background-color: white;*/
	z-index:1005;
	overflow:visible;
	
}
#sb-body-left-close{
	
	position: absolute;	
	left: 0px;
	width: 100%;
	height: 20px; /*20px*/
	/*padding: 1px;*/
	/*border: 1px solid #8CC63F;*/
	/*background-color:Transparent;*/
	z-index:1005;
	overflow:visible;
	/*text-align:right;*/
	padding:10px 0px 0px 0px;
}
#sb-body-left-close a{
    color:white;
}

#sb-body-right-wrapper {
	display: none;
	position: absolute;
	top: 0px;
	left: 315px;	
	/*width: 305px;
	height: 500px;*/
	
	/*border: 1px solid white;*/
	/*background-color: white;*/
	z-index:1005;
	overflow:visible;
	
	
	
}
#sb-body-right {
	
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 100%; /*300px*/
	height: 100%;  /*480px*/
	
	/*background-color: white;*/
	/*background-color:Transparent;*/
	z-index:1005;
	overflow:visible;
	/*padding: 3px;*/
	border: 3px solid #B3B3B3;
	
}
#sb-body-right-close {
	
	position: absolute;	
	display:none;
	left: 0px;
	width: 100%;
	height: 20px; /*20px*/
	/*padding: 1px;*/
	margin-top:5px;
	/*border: 1px solid #8CC63F;*/
	/*background-color:Transparent;*/
	z-index:1005;
	overflow:visible;
	
	
}
#sb-body-right-close a{
    color:white;
}

#sb-body-left-close ul li {
	float: left;
	width: 100%;
	margin: 0 0 3px 0;
	
}

#sb-body-left-close a { 
	background:url('../images/buttons/green.gif');
	float: left;
	margin: 0 0 0 67px;
	border: solid 1px #80B341 !important;
	color:#FFF !important;
	font-weight:bold;
	text-decoration:none !important;
	padding: 3px !important;
	
}

#secured {
	float: left;
	margin: 0 0 0 67px;
	background:url('/chatprogram/images/secured.png') no-repeat;
	height: 23px;
	width: 127px;
	border: solid 1px #333;
}