/****** Opacity ******/
.opacity0{ opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; }
.opacity10{ opacity: 0.1; filter: alpha(opacity=10); -moz-opacity: 0.1; }
.opacity20{ opacity: 0.2; filter: alpha(opacity=20); -moz-opacity: 0.2; }
.opacity30{ opacity: 0.3; filter: alpha(opacity=30); -moz-opacity: 0.3; }
.opacity40{ opacity: 0.4; filter: alpha(opacity=40); -moz-opacity: 0.4; }
.opacity50{ opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; }
.opacity60{ opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.6; }
.opacity70{ opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; }
.opacity80{ opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; }
.opacity90{ opacity: 0.9; filter: alpha(opacity=90); -moz-opacity: 0.9; }
.opacity100{ opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; }

/****** Useful ******/
.floatL{float: left !important;}
.floatR{float: right !important;}
.floatNone{ float: none !important; }

.clear{clear: both;}
.clearL{clear: left;}
.clearR{clear: right;}

.center{margin: 0 auto; text-align: center !important;}
.left{float: none; text-align: left !important;}
.right{float: none; text-align: right !important;}

.pointer{ cursor: pointer; }

.hide{ display: none; }
.show{ display: block; }

.v-middle {
	vertical-align: middle;
}

.v-top {
	vertical-align: top;
}

.v-bottom {
	vertical-align: bottom;
}

/****** Alerts ******/
.cubeAlert{ position: absolute; top: 0; left: 0; width: 100%; text-align: center; color: white; z-index: 10000; }
.cubeAlert p.error{background: red; margin: 0; padding: 25px 0; font-size: 16px; z-index: 10000; }
.cubeAlert p.success{background: green; margin: 0; padding: 25px 0; font-size: 16px; z-index: 10000; }


/**** Form Validation ****/
.error{border: 1px solid red;}
label.error{border: none; color: red; padding-left: 10px;}
.nolabels label.error{display: none !important;}



/**** Fancybox ****/

.fancybox-wrap .footer{
	border-top:1px solid #CCC;
	padding:10px;
	padding-bottom: 5px;
	margin-top:10px;
	text-align: right;
}

.fancybox-wrap .content{
	margin:0 10px;
}

.fancybox-wrap p{
font-size: 12px;
}
.fancybox-wrap h1{
font-size: 20px;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
  }
  * html .clearfix             { zoom: 1; } /* IE6 */
  *:first-child+html .clearfix { zoom: 1; } /* IE7 */


  .spin{
	animation: spin 1.5s linear infinite;
  }
  @-webkit-keyframes spin {
	0% {
	  -webkit-transform: rotate(0deg); }
	100% {
	  -webkit-transform: rotate(360deg); }
	}