@media print, screen, projection {
/**/

/************************************************************************************
   SIMPLE (FAST) CLASS 
*************************************************************************************/
.l { display: inline; float: left; }
.r { display: inline; float: right; }
.col-h-l {float: left; display: inline; width: 48%;}
.col-h-r {float: right; display: inline; width: 48%;}
ul.col-h-l, ul.col-h-r { display:block; }
.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }
.js .jsHide, .hidden { display: none; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.out { position: absolute; left: -5000px; top: -5000px; }
.bold { font-weight: bold; }
.thin { font-weight: normal; }
.small { font-size: 10px; line-height:12px; }
.big { font-size:117% }
.center { text-align:center; }
.left { text-align: left; }
.right { text-align: right; }
.vcenter {vertical-align:middle;}
.break {height: 1px; font-size: 1px; line-height:1px; clear: both; overflow:hidden; visibility: hidden; display:block; margin:0 !important; padding:0 !important; width:100%; }
.cfx:before, .cfx:after { content: ""; display:table; clear:both; }
.cfx { zoom: 1; } 
.contextfix { zoom: 1; display:table-cell; *display:block; } 
.contextfix:after { clear: both; display: block; visibility: hidden; overflow: hidden; height: 0 !important; line-height: 0; font-size: xx-large; content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x "; }
.sprite { position:absolute; top:0px; left:0px; display:block; width:100%; height:100%; }
a .sprite { cursor:pointer; }
.reset { border:none; margin:0; padding:0; background:none; font-size:100%; font-weight:normal; }
ul.reset{list-style:none;}
.reset td, .reset th { border:none; background:none; padding:0; font-size:100%; }
.reset li { margin:0; padding:0; background:none; font-size:100%; font-weight:normal; }
ol.reset li:before, ol.reset li .ie-counter { display:none; }
.ok { color:#00b816; }
.error { color: #fcee21; }



/************************************************************************************
   TYPOGRAPHY
*************************************************************************************/

html { overflow-y: scroll; }
body { font-size: 14px; line-height:24px; padding:15px; font-family:'segoe ui', arial, helvetica, sans-serif; background:#fff; color:#333; }


/* HEADING */
h1, h2, h3, h4, h5, h6 { line-height:1.1; font-weight:normal; text-transform:uppercase; }
h1 { font-size:36px; margin:0px 0 28px; padding:0; line-height:1; font-weight:300; }
h2 { margin:1.2em 0 0.55em; font-size:26px; font-weight:normal; }
h3 { margin:1.4em 0 0.7em; font-size:21px; font-weight:normal; }
h4 { margin:1.7em 0 .9em; font-size:17px; font-weight:normal; }
h5, h6 { margin:1.8em 0 0.6em; font-size:14px; }

/* PARAGRAPH */
p{ margin:0 0 1.7em; }
hr{ font-size:1px; height:1px; line-height:1px; overflow:hidden; background:#ddd; color:#ddd; border:none; margin:25px -4px 20px; *margin:10px -4px; }

/* CITE */
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

blockquote { margin:.8em 0 1.4em; padding:20px 20px 5px; color:#15212d; background:#fff; font-style:normal; border:1px solid #d6d6d6; font-style:italic; }
cite { font-style:italic; color:#333;  }
.wysiwyg blockquote { overflow:hidden; zoom:1; }

/* INLINE */
em { font-style:italic; }
b, strong { font-weight:bold; }

/* ANCHOR RULES */
a { color:#547fad; outline: }
a:hover, a:focus { color:#000; }
:focus{ -moz-outline-style: none; }

/* LIST */
ul, ol{ margin:1em 0 2em 0; list-style: none; padding:0; }
li ol, li ul { margin:.5em 0 -.5em; }
li { margin:0 0 .5em; padding: 0 0 0 20px; background: url('../img/bg/li.png') 0px .65em no-repeat; }
ol { counter-reset: item }
ol li { padding:0 0 0 20px; background:none; position:relative; }
ol li:before, ol li .ie-counter { content: counter(item) "."; counter-increment: item; position:absolute; left:0; top:0; width:15px; text-align:right; }
.wysiwyg li { overflow:hidden; zoom:1; }
dl { margin: .5em 0 1.4em 13px; } 
dt { font-weight:bold; }
dd { margin: 0 0 .7em; }

.ie6 ol, .ie7 ol {
	 behavior: expression(function(element){
		element.setAttribute('data-counter', 0);
		element.runtimeStyle.behavior = "none";
	}(this)); 
}
.ie6 ol li, .ie7 ol li {
	 behavior: expression(function(element){
	 	var counter = element.parentNode && element.parentNode.getAttribute('data-counter');
	 	if(element.parentNode && typeof counter != 'undefined'){
	 		element.parentNode.setAttribute('data-counter', ++counter);
			element.innerHTML = '<span class="ie-counter">' + (counter) + '.</span>' + element.innerHTML;
			element.runtimeStyle.behavior = "none";
		}
		
	}(this)); 
}


/* TABLE */
table { width:100%; clear:both; margin:0 0 20px; empty-cells:show; border-collapse: collapse; border:none; }
caption { font-weight:bold; text-align:left; padding:0px 0px 10px; caption-side: top; }
td, th { padding:6px 10px 6px; vertical-align:top; background:#f9f9f9; border:1px solid #bbb; }
th { font-weight:bold; text-align:left; }
thead th { background:#bbb; }


/* IMAGE */
img{vertical-align:middle; border:none;}
img.left{ margin: 4px 20px 20px 0; float:left; display:inline; border:6px solid #e7e7e7; }
img.right{ margin: 4px 0px 20px 20px; float:right;  display:inline; border:6px solid #e7e7e7; }




/**/
}