/*
 * CSS Open Class Library And Hacks
 * Andrew "RayZ" Rumm
 * @date: 2008-12-12
 */

* {
   padding: 0;
   margin: 0;
}


/**********************************/
/* Float */
.floatl 	{ float: left;}
.floatr 	{ float: right;}



/**********************************/
/* Aligns */
.left 		{ text-align: left;}
.right 		{ text-align: right;}
.center 		{ text-align: center;}
.justy 		{ text-align: justify;}

.top			{ vertical-align: top;}
.ttop			{ vertical-align: text-top;}
.middle		{ vertical-align: middle;}
.bottom		{ vertical-align: bottom;}
.tbottom		{ vertical-align: text-bottom;}

.ofh 			{ overflow: hidden; }
.ofs 			{ overflow: scroll;} 
.ofa 			{ overflow: auto;} 

/**********************************/
/* Borders */
.b0 		{ border:0;}

.b1s		{ border: 1px solid;}

.bfff		{ border-color: #fff;}
.b000		{ border-color: #000;}

/**********************************/
/* COLORS */
.fff			{color: #fff;}

.red 			{color: #f00;}
.grey 			{color: #E5EBF2;}
.blue 			{color: #BFDFFF;}
.bg_blue 		{background-color: #BFDFFF;}
.bg_light_blue  {background-color: #ecf6ff;}
.bg_grey 		{background-color: #E5EBF2;}
.bg_fff 		{background-color: #fff;}
/**********************************/
/* Paddings */
.p0 		{ padding: 			0 !important;}
.pt0 		{ padding-top: 	0 !important;}
.pb0 		{ padding-bottom: 0 !important;}
.pr0 		{ padding-right: 	0 !important;}
.pl0 		{ padding-left: 	0 !important;}

.p3		{ padding:	 		3px !important;}

.p5		{ padding:	 		5px !important;}
.pt5		{ padding-top: 	5px !important;}
.pl5		{ padding-left: 	5px !important;}
.pr5		{ padding-right: 	5px !important;}

.p10 		{ padding: 			10px !important;}
.pt10 	{ padding-top: 	10px !important;}
.pb10 	{ padding-bottom: 10px !important;}
.pr10 	{ padding-right: 	10px !important;}
.pl10 	{ padding-left: 	10px !important;}

.p8 		{ padding: 			8px !important;}
.pt8 	{ padding-top: 	8px !important;}
.pb8 	{ padding-bottom: 8px !important;}
.pr8 	{ padding-right: 	8px !important;}
.pl8 	{ padding-left: 	8px !important;}

.p20 		{ padding: 			20px  !important;}
.pt20 	{ padding-top: 	20px !important;}
.pb20 	{ padding-bottom: 20px !important;}
.pr20 	{ padding-right: 	20px !important;}
.pl20 	{ padding-left: 	20px !important;}

.p30 		{ padding: 			30px  !important;}
.pt30 	{ padding-top: 	30px !important;}
.pb30 	{ padding-bottom: 30px !important;}
.pr30 	{ padding-right: 	30px !important;}
.pl30 	{ padding-left: 	30px !important;}

.pl50 	{ padding-left: 	50px !important;}

.p35 		{ padding: 			35px  !important;}
.pt35 	{ padding-top: 	35px !important;}
.pb35 	{ padding-bottom: 35px !important;}
.pr35 	{ padding-right: 	35px !important;}
.pl35 	{ padding-left: 	35px !important;}

/**********************************/
/* Margins */


.ml2p 		{ margin-left: 	2.1%;}

.mra 		{ margin-right: 	auto;}
.mla 		{ margin-left:		auto;}

.mta 		{ margin-top: 		auto;}
.mba 		{ margin-bottom: 	auto;}

.m0 		{ margin: 			0;}
.mt0 		{ margin-top: 		0;}
.mb0 		{ margin-bottom: 	0;}
.mr0 		{ margin-right: 	0;}
.ml0 		{ margin-left:		0;}

.m3 		{ margin: 			3px;}
.mt3 		{ margin-top: 		3px;}
.mb3 		{ margin-bottom: 	3px;}
.mr3 		{ margin-right: 	3px;}
.ml3 		{ margin-left:		3px;}

.mr14		{ margin-right:	14px;}

.m5 		{ margin:			5px;}
.mt5 		{ margin-top:		5px;}
.mb5 		{ margin-bottom:	5px;}
.mr5 		{ margin-right:	5px;}
.ml5 		{ margin-left:		5px;}

.m8 		{ margin: 			8px;}
.mt8 	{ margin-top: 		8px;}
.mb8 	{ margin-bottom: 	8px;}
.mr8 	{ margin-right: 	8px !important;}
.ml8 	{ margin-left:		8px !important;}

.m10 		{ margin: 			10px;}
.mt10 	{ margin-top: 		10px;}
.mb10 	{ margin-bottom: 	10px;}
.mr10 	{ margin-right: 	10px !important;}
.ml10 	{ margin-left:		10px !important;}

.m15 		{ margin: 			15px;}
.mt15 	{ margin-top: 		15px;}
.mb15 	{ margin-bottom: 	15px;}
.mr15 	{ margin-right: 	15px;}
.ml15 	{ margin-left:		15px;}

.m20 		{ margin: 			20px;}
.mt20 	{ margin-top: 		20px;}
.mb20 	{ margin-bottom: 	20px;}
.mr20 	{ margin-right: 	20px;}
.ml20 	{ margin-left:		20px;}

.m18 		{ margin: 			18px;}
.mt18 	{ margin-top: 		18px;}
.mb18 	{ margin-bottom: 	18px;}
.mr18 	{ margin-right: 	18px;}
.ml18 	{ margin-left:		18px;}

.m27 		{ margin: 			27px;}
.mt27 	{ margin-top: 		27px;}
.mb27 	{ margin-bottom: 	27px;}
.mr27 	{ margin-right: 	27px;}
.ml27 	{ margin-left:		27px;}

.m30 		{ margin: 			30px;}
.mt30 	{ margin-top: 		30px;}
.mb30 	{ margin-bottom: 	30px;}
.mr30 	{ margin-right: 	30px;}
.ml30 	{ margin-left:		30px;}

.m35 		{ margin: 			35px;}
.mt35 	{ margin-top: 		35px;}
.mb35 	{ margin-bottom: 	35px;}
.mr35 	{ margin-right: 	35px;}
.ml35 	{ margin-left:		35px;}

.m60 		{ margin: 			60px;}
.mt60 	{ margin-top: 		60px;}
.mb60 	{ margin-bottom: 	60px;}
.mr60 	{ margin-right: 	60px;}
.ml60 	{ margin-left:		60px;}

/**********************************/
/* Widths */
.w100p 		{ width: 100%;}
.w99p 		{ width: 99%;}
.w95p 		{ width: 95%;}
.w90p 		{ width: 90%;}
.w50p 		{ width: 50%;}
.w49p 		{ width: 49%;}
.w70p 		{ width: 70%;}
.w33p 		{ width: 33%;}

.w10			{ width: 10px;}
.w13 			{ width: 13px;}
.w15 			{ width: 15px;}
.w16 			{ width: 16px;}
.w20 			{ width: 20px;}
.w30 			{ width: 30px;}
.w50 			{ width: 50px;}
.w70 			{ width: 70px;}
.w80 			{ width: 80px;}
.w100 		{ width: 100px;}
.w110 		{ width: 110px;}
.w120 		{ width: 120px;}
.w150 		{ width: 150px;}
.w170 		{ width: 170px;}
.w175 		{ width: 175px;}
.w180 		{ width: 180px !important;}
.w190 		{ width: 190px;}
.w200 		{ width: 200px;}
.w210 		{ width: 210px;}
.w250 		{ width: 250px;}
.w270 		{ width: 270px;}
.w300 		{ width: 300px;}
.w308 		{ width: 308px;}
.w350 		{ width: 350px;}
.w342 		{ width: 342px;}
.w400 		{ width: 400px;}
.w437 		{ width: 437px;}
.w450 		{ width: 450px;}
.w480 		{ width: 480px;}
.w500 		{ width: 500px;}
.w580 		{ width: 580px;}
.w600 		{ width: 600px;}
.w746 		{ width: 746px;}
.w768 		{ width: 768px;}
.w800		{ width: 800px !important;}
.w950		{ width: 950px !important;}


.mw100 		{ min-width: 100px;}
.mw150 		{ min-width: 150px;}
.mw200 		{ min-width: 200px;}
.mw300 		{ min-width: 300px;}

/**********************************/
/* HEIGHTS */
.h5			    { height: 5px;}
.h6			    { height: 6px;}
.h10			{ height: 10px;}
.h13			{ height: 13px;}
.h15			{ height: 15px;}
.h16			{ height: 16px;}
.h20			{ height: 20px;}
.h25			{ height: 25px;}
.h30			{ height: 30px;}
.h38			{ height: 38px;}
.h50			{ height: 50px;}
.h100 		{ height: 100px;}
.h130 		{ height: 130px;}
.h140 		{ height: 140px;}
.h145 		{ height: 145px;}
.h150 		{ height: 150px;}
.h160 		{ height: 160px;}
.h180 		{ height: 180px;}
.h183 		{ height: 183px;}
.h200 		{ height: 200px;}
.h250 		{ height: 250px;}
.h280 		{ height: 280px;}
.h290 		{ height: 290px;}
.h300 		{ height: 300px;}
.h320 		{ height: 320px;}

/**********************************/
/* Line-Heights */
.lineH07 	{ line-height: 0.7em;}
.lineH08 	{ line-height: 0.8em;}
.lineH09 	{ line-height: 0.9em;}
.lineH10 	{ line-height: 1.0em;}
.lineH11 	{ line-height: 1.1em;}
.lineH12 	{ line-height: 1.2em;}
.lineH13 	{ line-height: 1.3em;}
.lineH14 	{ line-height: 1.4em;}
.lineH15 	{ line-height: 1.5em;}

/**********************************/
/* Clears */
.clearBoth 	{ clear: both;}
.clearLeft 	{ clear: left;}
.clearRight	{ clear: right;}

.clearFix:after { content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearFix 	{ display:inline-block;}
	/*Hides from IE-mac\*/
* html .clearFix 	{ height:1%;}
.clearFix 	{ display:block;}
	/*End hide from IE-mac*/


.inline {display: inline;}

/**********************************/
/* Visibility */
.show 		{ display:block;}
.hide 		{ display:none;}

#none 		{ display:none;}
#print 		{ display:none;}
#screen 	{ display:block;}


.inline 	{ display: inline;}


/**********************************/
/* Links */
/* a:LVHA = Link-Visited-Hover-Active */
a:link 		{color: #0000cc; }
a:visited 	{ color: purple; }
a:hover 	{ color: purple; }
a:active 	{ color: red; }

/* COLORS */

.green 	{color: #080;}
.blue		{color: #2462A8;}
.red		{color: #800;}

/**********************************/
/* Font styling */
.b 			{ font-weight: 		bold;}
.i 			{ font-style: 			italic;}
.u 			{ text-decoration: 	underline;}
.n 			{ font-weight: 		normal;}
.s				{ text-decoration: 	line-through;}

.nowrap 		{ white-space: 		nowrap;}

.f6px 		{ font-size:6px !important;}
.f7px 		{ font-size:7px !important;}
.f8px 		{ font-size:8px !important;}
.f9px 		{ font-size:9px !important;}
.f10px 		{ font-size:10px !important;}
.f11px 		{ font-size:11px;}
.f12px 		{ font-size:12px;}
.f13px 		{ font-size:13px;}
.f14px 		{ font-size:14px;}
.f15px 		{ font-size:15px;}
.f16px 		{ font-size:16px;}
.f17px 		{ font-size:17px;}
.f18px 		{ font-size:18px;}
.f21px 		{ font-size:21px;}
.f24px 		{ font-size:24px;}
.f30px 		{ font-size:30px;}

.f07 			{ font-size:0.7em;}
.f08 			{ font-size:0.8em;}
.f09 			{ font-size:0.9em;}
.f10 			{ font-size:1.0em;}
.f11 			{ font-size:1.1em;}
.f12 			{ font-size:1.2em;}
.f13 			{ font-size:1.3em;}
.f14 			{ font-size:1.4em;}
.f15 			{ font-size:1.5em;}
.f16 			{ font-size:1.6em;}
.f17 			{ font-size:1.7em;}
.f18 			{ font-size:1.8em;}
.f21 			{ font-size:2.1em;}
.f24 			{ font-size:2.4em;}
.f30 			{ font-size:3.0em;}

.cursor-hand {	cursor: pointer;}
/*-------------colors--------------------------------*/

a.grey,
a.grey:link,
a.grey:visited ,
a.grey:hover, 
a.grey:active{
	color: #5e5e5e;
}
/*---------------------------------------------*/
.required { 
	background:transparent url(../images/new_images/ico-star.png) no-repeat scroll right top !important;
	padding-bottom:1px !important;
	padding-right:12px !important;
	white-space:nowrap;
}