/**********************************************************************
	This CSS resets all the padding and margin of the different tags.
	This should mean that the browsers don't render the same tags differently.
**********************************************************************/
html, body, ul, ol, li, p, blockquote, q, h1, h2, h3, h4, h5, h6, fieldset, form, label, a, div, img, dd, dt, dl
	  { border: 0;	margin: 0; padding: 0; }
html { font-family: arial, tahoma, helvetica, sans-serif; font-size: 102%; height: 100%; }
body { background: #fff; font-size : 62.5%; line-height: 150%; color: #444; height: 100%; }
#container { font-size: 1em; }

a img 	{ border: 0; background: transparent; }
a 		{ color: #3366cc; text-decoration: none; }
a:hover { color: #da0d15; text-decoration: underline; }

.clear, .clearMPane, .clearLPane
	  { clear: both; font-size: 0; height: 0px; line-height: 0%; }
.clearStatic { clear: both; margin-bottom: 15px; }
.clearL { clear: left; }
.clearMPane { margin-bottom: 15px; }
.clearBorder { border-top: 1px solid #ccc; clear: both; font-size: 0; height: 0px; line-height: 0%; margin-bottom: 15px; }
.hidden, .separator { display: none; }
.block { display: block; }
.right { position: relative; text-align: right; }
.left { position: relative; text-align: left; }
.floatright { float: right; }
.floatleft { float: left; width: 100%; }
img.inleft, img.fleft { float: left; margin: 3px 20px 20px 0; }
img.fleft { margin-top: 4px; margin-right: 15px; margin-bottom: 25px; }
img.inright { float: right; margin-left: 20px; margin-bottom: 20px; background: #fff; }
img.icon24 { float: left; margin: 0 6px 0 0; }
.center { position: relative; text-align: center; }
.ctr, table td.ctr, table th.ctr { text-align: center; }
.ct { padding: 15px 15px 0 15px; }

ol, ul	{ margin: 0 0 10px 35px; }
ol.decimal {list-style-type: decimal}
ol.lroman {list-style-type: lower-roman}
ol.uroman {list-style-type: upper-roman}
ol.lalpha {list-style-type: lower-alpha}
ol.ualpha {list-style-type: upper-alpha}

/* Typography */
h1 { font-weight: normal; font-size: 2.15em; line-height: 1.5em; }
h2 { font-size: 1.75em; font-weight: normal; margin-left: 2px; }
h3 { font-size: 1.5em; font-weight: normal; }
h4 { font-size: 1.35em; font-weight: normal; margin-bottom: 5px; }
h5 { font-size: 1.25em; font-weight: bold; }
.smalltxt { font-size: 0.8em; }
.up { text-transform: uppercase; }

.t5		{ margin-top: 5px; }
.t10	{ margin-top: 10px; }
.t15	{ margin-top: 15px; }
.t20	{ margin-top: 20px; }
.t25	{ margin-top: 25px; }

.r3		{ margin-right: 3px;}

#content .b5		{ margin-bottom: 5px; }
#content .b10	{ margin-bottom: 10px; }
#content .b15	{ margin-bottom: 15px; }
#content .b20	{ margin-bottom: 20px; }
#content .b25	{ margin-bottom: 25px; }
#content .big	{ font-size: 1.15em;}


#content .ok { border: 1px solid #5fb440; background: #eeffe8 url( "../images/i_ok.gif" ) no-repeat; background-position: 8px 7px;	}
#content .ok strong { color: #007520; }
#content .error { border: 1px solid #ff6147; background: #ffe9ea url( "../images/i_error.gif" ) no-repeat; background-position: 8px 7px;	}
#content .error strong { color: #d70000; }
#content .alert { border: 1px solid #e6b41a; background: #fffeef url( "../images/i_alert.gif" ) no-repeat; background-position: 8px 7px;	}
#content .alert strong { color: #d96d03; }
#content .info { border: 1px solid #1e83e1; background: #def3ff url( "../images/i_info.gif" ) no-repeat; background-position: 8px 7px;	}
#content .info strong { color: #336699; }
#content .norm { font-weight: normal; }
#content .ok, #content .error, #content .alert, #content .info {
	margin-bottom: 5px; padding: 6px 6px 7px 30px; font-family: tahoma, arial, verdana, sans-serif;  font-size: 0.9em;	text-align: left;
}

#content .notif { padding-top: 5px; margin-bottom: 10px; }

#container .hr-sec { width: 100%; overflow: auto; border: 1px solid #ccc; }
#container .hr-sec-in { padding: 5px 15px;}