
/* overlay */ 
div.overlay, #overlay {
	padding:40px;	
	width:576px;  
	display:none;
	background-image:url(http://www.beyondbordersmatsandframes.com/js/Overlay/images/white.png);	
}

 
#content, #right {
	margin-top:150px;		
}

/* demos special features */
#demos_index #content {
	background:none;
	margin:12px 0 0 95px;
	padding:0;
	width:795px;		
}

#demos_index #right {
	margin-top:163px	
}

#tools_index #content {
	background:none;
	margin-top:0px;
	padding:0px;
	width:795px;
}

#tools_index #right {
	margin-top:355px;	
}



body.tools #content h1 {
/*	height:345px;*/
	text-indent:-999em;
	top:-339px;
	margin-bottom:-339px;
	z-index:-1;
}

/* title */
#content h1 {
	background-repeat:no-repeat;
	padding:15px 0 0 95px;
	letter-spacing:-1px;
	font-size:28px;
	height:90px;
	position:relative;
	top:-146px;
	margin:0px 0 -140px 0;
	color:#809198;
	font-weight:bold;
	width:870px;
}

#content h1 strong {
	color:#505050;	
}

div.overlay div.close, #overlay div.close {
	background:url(http://www.beyondbordersmatsandframes.com/js/Overlay/images/close.png) no-repeat;
	position:absolute;
	top:2px;
	right:5px; 
	width:35px;
	height:35px;
	cursor:pointer;
}

#overlay_player { 		
	display:block;
	/*height:450px;*/
}

div.grippie {
	/*background:#EEEEEE url(http://www.beyondbordersmatsandframes.com/js/Overlay/images/grippie.png) no-repeat scroll center 2px;*/
	border-color:#DDDDDD;
	border-style:solid;
	border-width:0pt 1px 1px;
	cursor:s-resize;
	height:9px;
	overflow:hidden;
}

#right li a span {
	display:block;
	margin-top:2px;
	color:#333;
	font-size:11px;
}

#right li a.selected span {
	display:block;
	margin-top:2px;
	color:yellow;
}

/*}}}*/

/*{{{ buttons */

button {
	/*outline:1px outset #999;	
	border:1px solid #fff;	
	background-color:#222;
	color:#fff;
	height:24px;
	-moz-border-radius:4px;
	-moz-outline-radius:4px;
	cursor:pointer;
	font-size:11px;*/
}

button em {
	/*color:yellow;
	font-style:normal;*/
}

/* button.custom */
button.custom {
	/*background:transparent url(/img/form/btn/normal.png) 0 0 no-repeat;	
	height:34px;	
	width:99px;	
	border:0;
	outline:0;*/
}

button.custom span {
	/*position:relative;
	top:-1px;*/		
}

button.custom.large {
	/*background-image:url(/img/form/btn/large.png);
	width:119px;*/
}

button.custom.low {
	/*background-image:url(/img/form/btn/low_small.png);
	width:75px;		
	height:26px;
	font-size:11px;*/
}

button.custom.low.large {
	/*background-image:url(/img/form/btn/low_large.png);
	width:115px;*/
}

button.custom.low.medium {
	/*background-image:url(/img/form/btn/low.png);
	width:94px;*/
}

button.custom.low.xlarge {
	/*background-image:url(/img/form/btn/low_xlarge.png);
	width:155px;*/
}

button.delete {
	/*background-image:url(/img/form/btn/delete.png);
	width:94px;		
	height:26px;*/
}



button.custom.low span {
	/*top:-2px;		*/
}

/* custom buttons */
#loginButton {
	background:url(http://www.beyondbordersmatsandframes.com/js/Overlay/images/login_search.png) no-repeat 0 0;
}

#paypalButton {
	background-image:url(http://www.beyondbordersmatsandframes.com/js/Overlay/images/paypal.png);	
	width:105px;
}
