@CHARSET "UTF-8";

/*====================*/
/*=== Reset Styles ===*/
/*====================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
}
body {

}
table {
	border-collapse:separate;
	border-spacing:0;
}
caption{
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

/*=========================*/
/*=== End Reset Styles ===*/
/*=======================*/




/*	Position	*/
.displayNone{	display:none		!important;}
.displayBlock{	display:block		!important;}
.displayRow{	display:table-row	!important;}
.hidden{ 		visibility:hidden	!important; }
.clear{			clear: both			!important; 	overflow: hidden !important;	height: 0 !important; width:0px !important;}

.left{			float: left			!important;		clear: left;		text-align: left	!important; }
.right{			float: right		!important;		clear:right; 		text-align: right	!important; }

.floatLeft{		float: left			!important; }
.floatRight{	float: right		!important; }

.clear-left{	clear: left;}
.clear-right{	clear:right;}

.absolute{		position:absolute	!important;}
.fixed{			position:fixed		!important;}
.relative{		position:relative	!important;}
.static{		position:static		!important;}
.inherit{		position:inherit	!important;}

.marginAuto{ margin:auto;}

/*	Colors	*/
.black{			color:#000000		!important;		border-color:#000000		!important;}
.white{			color:#FFFFFF		!important;		border-color:#FFFFFF		!important;}
.gray{			color:#999			!important;		border-color:#999			!important;}
.darkGray{		color:#333			!important;		border-color:#333			!important;}
.red{			color:#FF0000		!important;		border-color:#FF0000		!important;}
.green{			color:#090			!important;		border-color:#090			!important;}
.blue{			color:#0066cc		!important;		border-color:#0066cc		!important;}
.orange{		color:#F90			!important;		border-color:#F90			!important;}
.darkBrown{		color:#300			!important;		border-color:#300			!important;}




/*	Texts	*/
.textTop{ 		vertical-align:top			!important}
.textBottom{ 	vertical-align:bottom		!important;}
.capital{		text-transform:capitalize	!important;}
.lowercase{		text-transform:lowercase	!important;}
.uppercase{		text-transform:uppercase	!important;}
.textLeft{		text-align: left			!important; }
.textCenter{	text-align: center			!important; }
.textRight{		text-align: right			!important; }
.textJustify{	text-align: justify			!important; }

.textBlack{		color:#000000				!important;}
.textWhite{		color:#FFFFFF				!important;}
.textGray{		color:#999					!important;}
.textDarkGray{	color:#333					!important;}
.textRed{		color:red					!important;}
.textGreen{		color:#090					!important;}
.textBlue{		color:#0066cc				!important;}
.textOrange{	color:#F90					!important;}
.textDarkBrown{	color:#300					!important;}

.bold{			font-weight:bold			!important;}
.bolder{		font-weight:bolder			!important;}

.FS7{			font-size:7px		!important;}
.FS8{			font-size:8px		!important;}
.FS9{			font-size:9px 		!important;}
.FS10{			font-size:10px		!important;}
.FS11{			font-size:11px		!important;}
.FS12{			font-size:12px		!important;}
.FS13{			font-size:13px		!important;}
.FS14{			font-size:14px		!important;}
.FS15{			font-size:15px		!important;}
.FS16{			font-size:16px		!important;}
.FS17{			font-size:17px		!important;}
.FS18{			font-size:18px		!important;}
.FS19{			font-size:19px		!important;}
.FS20{			font-size:20px		!important;}
.FS21{			font-size:21px		!important;}
.FS22{			font-size:22px		!important;}
.FS23{			font-size:23px		!important;}
.FS24{			font-size:24px		!important;}
.FS25{			font-size:25px		!important;}
.FS26{			font-size:26px		!important;}
.FS27{			font-size:27px		!important;}
.FS28{			font-size:28px		!important;}
.FS29{			font-size:29px		!important;}
.FS30{			font-size:30px		!important;}

/*	End Texts	*/



.important{ 
	color:red; 
	font-weight:bold;
}


.border{		border: 1px solid red;}
.borderNone{	border:none; border-collapse:collapse;}


#loading{
	height: 25px;
	width: 150px;
	background: url(../img/bg/white/80.png) 0 bottom no-repeat;
	padding: 8px 0 0 0;
	text-align: center;
	position: fixed;
	top: 0;
	left: 50%;
	margin-left: -75px;
	z-index: 9998;
	font-weight: bold;
	display: none;
}


.shadow {
	-moz-box-shadow: 0px 2px 6px #333333;
	-webkit-box-shadow: 0px 2px 6px #333333;
	box-shadow: 0px 2px 6px #333333;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#333333');
}




/*	Rounded Corners with border and transparent bg on 70%	*/
.rounded-corners3 {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

.rounded-corners5 {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.rounded-corners10 {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}

.rounded-corners15 {
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	border-radius: 15px;
}

.rounded-corners20 {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
}




.selNone{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	
	cursor: default;
}