/* content styles */

@font-face {
    font-family: 'United Sans';
    src: url('../font/unitedsans.eot');
    src: url('../font/unitedsans.eot?#iefix') format('embedded-opentype'),
         url('../font/unitedsans.woff') format('woff'),
         url('../font/unitedsans.ttf') format('truetype'),
         url('../font/unitedsans.svg#UnitedSans') format('svg');
    font-weight: bold;
    font-style: normal;

}

/************************************************************************************
   SIMPLE (FAST) CLASS 
*************************************************************************************/
.ext{background:url('/img/ico/ext.png') 100% 0 no-repeat; padding-right:15px;}
.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%;}
.cl{clear:left;}
.cr{clear:right;}
.cb{clear:both;}
.out{position:absolute; left:-5000px; top:-5000px;}
.vhide{border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.bold{font-weight:bold;}
.thin{font-weight:normal;}
.small{font-size:11px;}
.big{font-size:18px;}
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.vcenter{vertical-align:middle;}
.error{color:#cc0000;}
.js .jsHide, .hidden{display:none;}
.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{zoom:1;}
.cfx:after, .cfx:before{content:''; display:table; clear:both;}
.ctx{zoom: 1; display:table-cell; *display:block;}
.ctx: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 ";}
.reset{border:none; margin:0; padding:0; background:none;}
.sprite{position:absolute; top:0px; left:0px; display:block; width:100%; height:100%;}
a .sprite{cursor:pointer;}
.reset td, .reset th{border:none; background:none; padding:0;}
.reset>li, .reset>dt, .reset>dd{margin:0; padding:0; background:none; border:none; font-weight:inherit; float:none; display:inherit; text-align:inherit; width:auto;}	

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

body{font:13px/20px arial, helvetica, sans-serif; background:#fff; color:#333; padding:20px;}

/* HEADING */
h1, h2, h3, h4, h5, h6, caption{line-height:1.1; font-weight:bold; padding:0; color:#1a1a1a; font-family:'United Sans', arial, helvetica, sans-serif; }
h1{margin:0 0 0.6em; font-size:30px;}
h2{margin:1em 0 0.4em; font-size:24px;}
h3{margin:1em 0 0.4em;font-size:20px;}
h4{margin:1em 0 0.4em; font-size:16px;}
h5, h6{margin:0em 0 0.5em; font-size:12px;}

h1 strong,
h2  strong, 
h3 strong, 
h4 strong, 
h5 strong, 
h6 strong { color:#0c4ea3; }

/* PARAGRAPH */
p{margin:0 0 1em;}

hr{margin:20px 0px; *margin:10px 0; border:1px solid #a58b5e; border-width:1px 0 0; color:#fff; background:#fff; height:0px; overflow:hidden; line-height:0px; font-size:0px;}

/* CITE */
cite{border:none; color:#666;}
blockquote{ clear:both; padding:0 30px 0; margin:0 0 1em; position:relative; font-style:italic; }
blockquote:before, blockquote .before{content:''; position:absolute; left:0px; top:0px; width:19px; height:15px; background: url('../img/bg/quote.png') 0 0 no-repeat;}
blockquote:after, blockquote .after{content:''; position:absolute; right:0px; bottom:0px; width:19px; height:15px; background: url('../img/bg/quote.png') 0 -15px no-repeat;}

/* ANCHOR */
a{color:#19907a;}
a:visited{color:#19907a;}
a:hover{color:#333;}
a:active{color:#000;}

/* LIST */
ul, ol{margin:1em 0 1.7em 0; list-style: none; padding:0;}
li ol, li ul{margin:.5em 0 -.5em;}
li{margin:0 0 .5em; padding: 0 0 0 17px; background: url('../img/bg/bullet.png') 4px 6px no-repeat;}
ol{counter-reset: item}
ol li{padding:0 0 0 28px; background:none; position:relative;}
ol li:before, 
ol li .ie-counter{content: counter(item) "."; counter-increment: item; position:absolute; left:0; top:0; width:20px; text-align:right; color:#19907A; font-weight:bold;}
dl{margin: .5em 0 1.4em 0;}
dt{font-weight:bold;}
dd{margin: 0 0 .7em;}

/* IMAGES */
img{vertical-align:middle;}
img.left{float:left; margin:0.3em 22px 15px 0; clear:left;}
img.right{float:right; margin:0.3em 0 15px 22px; clear:right; }

/* TABLE */
table{margin:1.5em 0 1.5em; border-collapse:collapse; width:100%;}
caption{padding:0px 0px .8em; text-align:left; }
thead th{padding:10px 12px; background:#E1F2FA; color:#333;}
tbody tr td, tbody tr th { border-bottom:1px solid #E1F2FA; }
td, th{padding:7px 12px 8px; vertical-align:middle;}


/************************************************************************************
   CONTENT HELP
*************************************************************************************/
.wysiwyg blockquote,
.wysiwyg li{overflow:hidden; zoom:1;}

.table-wrap{margin:1.5em 0 1.5em;}
.table-wrap table{margin:0;}

.separator{height:1px; overflow:hidden; background:url('/img/bg/bd-dotted.png') 0 0 repeat-x; margin:1.5em 0;}
.separator hr{display:none;}

/************************************************************************************
   IE HELP
*************************************************************************************/
.ie6 blockquote,
.ie7 blockquote{
	behavior: expression(function(element){
		element.innerHTML = '<b class="before"></b>' + element.innerHTML + '<b class="after"></b>';	
		element.runtimeStyle.behavior = "none";
	}(this));
}

.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)); 
}