@import "_config";

.reset {
	margin: 0;
	padding: 0; 
	outline: none;
}

.fleft {
	float:left;
}
.fright {
	float:right;
}
.clearleft {
	clear:left;
}	
.clearright {
	clear:right;
}
.clear
 {
	clear:both;
}
.clearnone {
	clear:none;
}
.flcl{
	.fleft;
	.clearleft;
}
.flcr{
	.fleft;
	.clearright;
}
.flcb{
	.fleft;
	.clear;
}
.flcn{
	.fleft;
	.clearnone;
}
.frcl{
	.fright;
	clear:none;
}
.frcb{
	.fright;
	clear:both;
}
.frcn{
	.fright;
	clear:none;
}
.fblock{
	float:left;
	clear:left;
	width:100%;
}
.db {
	display: block;
}

.bold{
	font-weight: bold;
}
.nowrap,.noWrap {
	white-space: nowrap;
}
.normal {
	font-weight:normal;
}
.noshow,.hide,.hidden {
	display:none;
}

.highlight {
	background-color: #ff0;
}

.abs {
	position:absolute;
}
.rel {
	position:relative;
}
.novis{
	visibility:hidden;
}
.uppercase {
	text-transform: uppercase;
}
.lowercase {
	text-transform: lowercase;
}
.underline {
	text-decoration: underline;
}
.center {
	text-align: center;
}
.pointer {
	cursor:pointer;
}
.auto{
	width: auto;
}
.w100{
	width:100%;
}
.border (@bc: #ccc){
	border: 1px solid @bc;
}

.borderdot (@bc2: #ccc){
	border:1px dotted @bc2;
}

.borderw (@bw3: 4px, @bc3: #ccc){
	border:@bw3 solid @bc3;
}


.bordert (@bct: #ccc){
	border-top:1px solid @bct;
}
.borderr (@bcr: #ccc){
	border-right:1px solid @bcr;
}
.borderb (@bcb: #ccc){
	border-bottom:1px solid @bcb;
}
.borderl (@bcl: #ccc){
	border-left:1px solid @bcl;
}
.line_list{
	float:left;
	clear:none;
	width:auto;
}
.column_list{
	float:left;
	clear:left;
	width:auto;
}

//CSS3

.rounded(@radius:  4px) {
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  border-radius: @radius;
  -moz-background-clip: padding; 
  -webkit-background-clip: padding-box; 
  background-clip: padding-box; 
}
.rounded_top (@radius: 4px){
	-moz-border-radius:@radius @radius 0 0;
	-webkit-border-radius:@radius @radius 0 0;
	border-radius:@radius @radius 0 0;
	-moz-background-clip: padding; 
  	-webkit-background-clip: padding-box; 
  	background-clip: padding-box; 
}
.rounded_bottom (@radius: 4px){
	-moz-border-radius:0 0 @radius @radius;
	-webkit-border-radius:0 0 @radius @radius;
	border-radius:0 0 @radius @radius;
}
.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {
  background: @color;
  background: -webkit-gradient(linear,
                               left bottom,
                               left top,
                               color-stop(0, @start),
                               color-stop(1, @stop));
  background: -ms-linear-gradient(bottom,
                                  @start,
                                  @stop);
  background: -moz-linear-gradient(center bottom,
                                   @start 0%,
                                   @stop 100%);
}
.gradient_brand {
	background:#c00;
	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.23, rgb(175,12,12)),
	    color-stop(0.62, rgb(191,15,15)),
	    color-stop(0.81, rgb(201,9,9))
		);
	background-image: -moz-linear-gradient(
	    center bottom,
	    rgb(175,12,12) 23%,
	    rgb(191,15,15) 62%,
	    rgb(201,9,9) 81%
	);

	background-image: linear-gradient(
	    center bottom,
	    rgb(175,12,12) 23%,
	    rgb(191,15,15) 62%,
	    rgb(201,9,9) 81%
	);

}
/*box-shadow*/
.box-shadow (@x: 3px, @y: 3px, @blur: 3px, @color: #b2b2b2) {
  @arguments: @x  @y @blur @color;
  -moz-box-shadow: @arguments;
  -webkit-box-shadow: @arguments;
  box-shadow: @arguments;
}
/*opacity */
.opacity(@op: 50) {
  -moz-opacity: @op/100;
  -khtml-opacity: @op/100;
  -webkit-opacity: @op/100;
  opacity: @op/100;
    filter:alpha(opacity=@op);
}

.dim {
  zoom: 1;
  .opacity;
}