/* Purpose: override styling */


.bold { font-weight: bold;}
.normal {font-weight: normal;}
.em { font-style: italic;}

.font-10 { font-size: 1.0em;}
.font-09 { font-size: 0.9em;}
.font-08 { font-size: 0.8em;}


.align-right {text-align: right;}
.align-left {text-align: left;}
.align-center {text-align: center;}

.float-none {float: none;}
.float-left {float: left;}
.float-right {float: right;}

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

.overflow-hidden { overflow: hidden;}
.overflow-visible { overflow: visible;}

.block {display: block;}
.inline {display: inline;}


.no-border {border: none;}

.upper { text-transform: uppercase;}
.lower { text-transform: lowercase;}

.w10x {width: 10%;}
.w20x {width: 20%;}
.w30x {width: 30%;}
.w40x {width: 30%;}
.w50x {width: 50%;}
.w60x {width: 60%;}
.w70x {width: 70%;}
.w80x {width: 80%;}
.w90x {width: 90%;} 
.w100x {width:100%;}
.wauto {width:auto;}


.w1 { width:1px;}
.w50 {width:50px;}
.w75 {width:75px;}
.w100 {width:100px;}
.w150{width: 150px;}
.w200 {width:200px;}
.w250 {width:250px;}
.w300 {width:300px;}
.w400 {width:400px;}


.h50x {height:50%;}
.h100x {height:100%;}
.hauto {height:auto;}

.h1 {height: 1px;}
.h50 {height: 50px;}
.h100 {height: 100px;}
.h200 {height: 200px;}
.h300 {height: 300px;}
.h400 {height: 400px;}

.mauto {margin: auto;}

.m0 {margin: 0;}
.m5 {margin: 5px;}
.m10 {margin: 10px;}
.m15 {margin: 15px;}
.m20 {margin: 20px;}
.m25 {margin: 25px;}

.mt0 {margin-top: 0px;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}

.mb0 {margin-bottom: 0px;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}

.ml0 {margin-left: 0px;}
.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml35 {margin-left: 35px;}
.ml60 {margin-left: 60px;}
.ml100 {margin-left: 100px;}

.mr0 {margin-right: 0px;}
.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr35 {margin-right: 35px;}
.mr55 {margin-right: 55px;}
.mlrauto {margin-right: auto; margin-left: auto;}
 
.mtb10 { margin-top: 10px; margin-bottom:10px;}	

.p0 { padding: 0px;}
.p5 { padding: 5px;}
.p10 { padding: 10px;}
.p15 { padding: 15px;}
.p20 { padding: 20px;}
.p25 { padding: 25px;}

.pt0 {padding-top: 0px;}
.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pt25 {padding-top: 25px;}

.pb0 {padding-bottom: 0px;}
.pb5 {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}
.pb25 {padding-bottom: 25px;}

.pr0 { padding-right: 0px;}
.pr5 { padding-right: 5px;}
.pr10 { padding-right: 10px;}
.pr15 { padding-right: 15px;}
.pr20 { padding-right: 20px;}
.pr25 { padding-right: 25px;}
.pr30 { padding-right: 30px;}
.pr35 { padding-right: 35px;}
.pr55 { padding-right: 55px;}

.pl0 { padding-left: 0px;}
.pl5 { padding-left: 5px;}
.pl10 { padding-left: 10px;}
.pl15 { padding-left: 15px;}
.pl20 { padding-left: 20px;}
.pl25 { padding-left: 25px;}
.pl30 { padding-left: 30px;}
.pl35 { padding-left: 35px;}
.pl55 { padding-left: 55px;}
.pl60 { padding-left: 60px;}

.mandatory,
.red, a.red:link {color:red;}

input.error { border: 1px solid red;}
label.error { display: block; color: red; font-weight: bold; margin-bottom: 5px;}

.info-box {
	background-color: #ffff88;
	border:1px solid #dea303;		
}


/*.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}*/

.clearfix{
font-size:0px;
height: 0px;
margin-top:-2px;
clear: both;
}