/* Global reset of paddings and margins for all HTML elements */
* { margin:0; padding: 0;}
/* Correction: margin/padding reset caused too small select boxes. */
option { padding: 0 0.4em; } 
select { padding: 1px; }
/* Global fix of the Italics bugs in IE 5.x and IE 6  */
* html body * { overflow:visible; }
* html iframe, * html frame { overflow:auto; }
* html frameset { overflow:hidden; }

/* 	Lists	*/
ul li { margin:0; padding:0;}
ul.cls-menu li, ul.menu li, ul.cls-nav li, ul.nav li, ol.cls-menu li, ol.menu li, ol.cls-nav li, ol.nav li, ul.cls-slider { list-style:none;}

/* 	Border background	*/
.Frame, .Ft, .Ftl, .Ftr, .Fb, .Fbl, .Fbr, .Fc  { height:1%;}
.Frame { background-repeat:repeat-y;  background-position:center; }
.Frame * { background-position:center; }
.Ft { background-position:top; background-repeat:no-repeat;}
.Fb { background-position:bottom; background-repeat:no-repeat}
.Ftl { background-position:top left; background-repeat:no-repeat;}
.Ftr { background-position:top right; background-repeat:no-repeat;}
.Fbl { background-position:bottom left; background-repeat:no-repeat;}
.Fbr { background-position:bottom right; background-repeat:no-repeat;}

/* Images */
img {border: 0;}
	
/*	Common styles */

.fl { float: left; }
.fr { float: right; }
.clr { clear: both; background: url('blank.gif') repeat-x; height: 0px;}
.fir-l { text-indent: -9999px;}
.fir-r { text-indent: 9999px;}

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix { display: inline-block; }
* html .clearfix{height: 1%;}
.clearfix{display: block; }
.inlineBlock {display: -moz-inline-box; display: inline-block;}
* html .inlineBlock {display: inline; height: 1%;}
*:first-child+html.inlineBlock {display: inline; height: 1%;}

/*
 * Default CSS for a form
 * Example:
 *	<div class="cls-data-form [cls-other-class]">
 *		<div class="cls-data-line">
 *			<div class="cls-cls-caption">
 *				<label for="id"> Caption </label>
 *			</div>
 *			<div class="cls-input [cls-other-class]">
 *				<input type="text" id="id" />
 *			</div>
 *		</div>
 *	</div>
 */
.cls-data-form { margin-bottom: 12px;}
.cls-data-form .cls-data-line { margin-bottom: 6px;}
.cls-data-form .cls-data-line .cls-caption { float: left; width: 180px; margin: 0 12px 0 0;}
.cls-data-form .cls-data-line .cls-caption label { font-weight: bold;}
.cls-data-form .cls-data-line .cls-input { margin: 0 0 0 200px;}
.cls-data-form .cls-data-line .cls-input input[type="text"] { padding: 3px 2px; border: 1px solid #ccc; width: 360px;}
.cls-data-form .cls-data-line .cls-input textarea { padding: 3px 2px; border: 1px solid #ccc; width: 360px; height: 160px;}