/************************************************************************************
   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%;}
.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }
.out { position: absolute; left: -5000px; top: -5000px; }
.bold { font-weight: bold; }
.thin { font-weight: normal; }
.small { font-size: 92%;}
.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%; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.hidden { display: none; }
.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%; line-height:1}
ul.reset{list-style:none;}
.reset td, .reset th { border:none; background:none; padding:0; font-size:100%; line-height:1}
.reset li { margin:0; padding:0; background:none; font-size:100%; line-height:1}
.nobr { white-space:nowrap; }
.nomarg{margin:0;}
.pre { white-space:pre; }
.error { color: #cc0000; }

/************************************************************************************
   RESETS and TYPOGRAPHY
*************************************************************************************/
html { margin:0; padding:0; }
body { font-size: 75%; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; }

div, pre { margin: 0; padding: 0; } 

/* HEADING */
h1, h2, h3, h4, h5, h6 { font-family:'trebuchet ms', arial, helvetica, sans-serif; padding:0; color:#000000; line-height:1.3; }
h1 { margin:.3em 0 .8em; font-size:200%; font-weight:bold; line-height:1.1; color:#ff6313;}
h2 { margin:1.4em 0 0.5em; font-size:150%; font-weight:bold;}
h3 { margin:1.5em 0 0.8em; font-size:133%; font-weight:bold;}
h4 { margin:1.7em 0 0.7em; font-size: 117%; font-weight:bold;}
h5, h6 { margin:1.8em 0 0.5em; font-size:100%; font-weight:bold;}

/* PARAGRAPH */
p{ line-height:1.5em; margin:0.4em 0 1.5em; font-size:108%; padding:0; }
hr{ font-size:1px; height:1px; line-height:1px; overflow:hidden; background:#e1e1e1; color:#e1e1e1; border:none; margin:25px 0; *margin:10px 0; }

/* CITE */
blockquote { margin:.8em 0 1.4em; padding:1em 25px 1px; font-style:italic; color:#666; font-family:Arial, Helvetica, sans-serif; background:#fff; border:1px solid #efefef;}
cite { font-style:italic; color:#666; font-family:Arial, Helvetica, sans-serif; }

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

/* LIST */
ul { margin:0.5em 0 0 0em; padding:0; list-style: none; }
li { line-height:1.5em; margin:0 0 .5em 0; padding: 0px 0 0px 25px;  background:url('./img/bg/li.png') 2px .45em no-repeat; font-size:108%;}
ol { margin:0.5em 0 1.4em 2.5em; *margin:0.5em 0 1.4em 2.8em; padding:0; }
ol li {padding:0; background:none;}
.content ul li { overflow:hidden; zoom:1;}
dl { margin: 0.5em 0 1.6em; padding: 0; line-height:20px;} 
dt { margin: 0; padding: 0; float:left; width:100px; font-style:italic;} 
dd { margin: 0 0 0 110px; padding: 0; } 

/* TABLE */
table{width:100%; clear:both; padding:0; margin:0.3em 0px 1em;  border:none; empty-cells:show; border-collapse: collapse;}
td, th{background:#fff; padding:.6em 1em .7em; margin:0; border:1px solid #efefef; border-width:0 1px 1px; line-height:1.25em; vertical-align:top; color:#333333; font-size:100%;}
thead th{color:#fff;  background:#328861; font-weight:bold; padding:.7em 1em .7em;}
.odd td{background:#dff3fd;}

/* IMAGE */
img{border:0px;}

/* FORM */
form, fieldset{margin:0; padding:0; border:none;}
input, select, textarea{font-size:100%; font-family: arial, helvetica, sans-serif;}
input, select, label{vertical-align:middle; }
.int-text{ padding:4px 6px 2px; color:#333;}
.w-full{width:100%;}
.int-fix{margin:0 7px; display:block;}
.int-fix .w-full{margin:0 -7px;}