@charset "utf-8";
/* CSS Document */


.mod {
   position:relative;
   margin:0 0 0px 0px;
   z-index:0;
   width:170px; /* Set size */
}

.mod .mod-content {
   
   position:relative;
   z-index:2;
 
   
}
.mod .bd {
   min-height:150px;
	  _height:150px;
}
pre {
   border:1px solid #acacac;
   background:#cfc;
	padding:0 20px;
}

#glow {
	margin-top:15px;
	margin-bottom:10px;
}

#glow .mod-content{
   _background: #ffffff; /* main color for ie6 still need to add style */
}
#glow .x1,
#glow .x1a,
#glow .x2,
#glow .x2a {
   display:block;
	background:url(../images/glow.gif) no-repeat;
	_background:transparent;
	width:100%;
	height:100%;
	position:absolute;
}
#glow .x1{
   background-position:0 0;
	z-index:-2;
	top:-10px;
	left:-10px;
	bottom:0;
	padding:0 10px 10px 0;
}
#glow .x1 .x1a {
   height:10px;
	width:10px;
	background-position:100% 0;
	right:-10px;
	top:0;
}
#glow .x2 {
   background-position:100% 100%;
	z-index:-1;
	bottom:-10px;
	right:-10px;
	padding:10px 0 0 10px;
}
#glow .x2 .x2a {
   height:10px;
	width:10px;
	background-position:0 100%;
	left:-10px;
	bottom:0;
}

#glow-wrapper .sprite-wrapper,
#glow.mod {
   clear:right;
			float:left;
}
#glow-wrapper .sprite-wrapper {
   width:520px;
   background:#fff;
   margin-left:20px;
   padding:0 10px;
}