/* -------------------------------------------------------------- 
  
   css3.css
   * Implementation of CSS3 .
   
-------------------------------------------------------------- */

/** 
 * Rounded Border Box (take 5px for an example)
 * Webkit:
 * 	-webkit-border-radius: 5px;
 *	-webkit-border-top-left-radius:5px;
 *	-webkit-border-top-right-radius:5px;
 *	-webkit-border-bottom-right-radius:5px;
 *	-webkit-border-bottom-left-radius:5px;
 * Mozilla:
 *	-moz-border-radius: 5px;
 *	-moz-border-radius-topleft:5px;
 *	-moz-border-radius-topright:5px;
 *	-moz-border-radius-bottomright:5px;
 *	-moz-border-radius-bottomleft:5px;
 * Other:
 *	border-radius: 5px;
 *	border-top-left-radius:5px;
 *	border-top-left-radius:5px;
 *	border-bottom-right-radius:5px;
 *	border-bottom-left-radius:5px;
*/

.roundedbox-5px { 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.roundedbox-10px { 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/**
 * Transparent Box (take 0.5 for an example
 * IE: filter:alpha(opacity=50);
 * Firefox, Safari, Opera: opacity: 0.5;
 * Old version of Mozilla Browser (ex: Netscape Navigator): -moz-opacity:0.5;
 * Old version of KHTML based Browser (ex: Safari 1.x): -khtml-opacity: 0.5;
 */
.transparent-05 {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.transparent-1 {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}