/* ----- BODY */
html, body {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: normal;
	color: #000000;
}
/* ----- BODY */

/* ----- LAYOUT */
#container {
	width: 732px;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	padding-left: 58px;
	text-align: left;
	position: relative;
	min-height: 100%;
	height: 100%;
}
html>body #container {
    height: auto;
}
#content {
	padding: 0;
	padding-bottom: 88px;
}
#footer {
	width: 674px;
	position: absolute;
	bottom: 0;
}
/* ----- /LAYOUT */

/* ----- ELEMENTS */
div#head {
	width: 676px;
}
/* --- Logo */
div#logo {
	padding-top: 8px;
	padding-bottom: 12px;
	float: left;
}
div#top-login {
    padding-top: 5px;
    float: right;
    text-align: right;
}
/* --- Top navigation */
div#topnavigation { 
	width: 674px;
	height: 26px;
	background-image: url(../_img/top-menu-background.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
/* Menu (see also: publech-web-menu.css) */
div#topnavigation div.left {
	float: left;
}
/* In english */
div#topnavigation div.right {
	float: right;
	padding-top: 4px;
	padding-right: 10px;
	text-align: right;
}
div#topnavigation div.right a:link, div#topnavigation div.right a:active, div#topnavigation div.right a:visited {
	color: #3A3A3A;
	text-decoration: none;
}
div#topnavigation div.right a:hover {
	color: #3A3A3A;
	text-decoration: underline;
}
/* --- Top image */
div#topimage {
	padding-top: 13px;
	padding-bottom: 7px;
	font-size: 1px;
	line-height: 0;
}
/* --- Content columns */
div#columns { width: 674px; }
/* Main column */
div#maincolumn {
	float: left;
}
div.default {
	width: 430px;
}
div.fullsize {
	width: 674px;
}
div#maincolumn div.newsbillDate {
	display: none;
}
div#maincolumn div.odd, div#maincolumn div.even {
	padding-bottom: 25px;
}
/* Right column */
div#rightcolumn {
	float: right;
	width: 186px;
	padding-top: 5px;
}
div#rightcolumn div.odd, div#rightcolumn div.even {
	padding-bottom: 15px;
}
div#rightcolumn div.newsbillDate {
	display: none;
}
/* --- Product columns */
div#productcolumns {
	padding-top: 30px;
	padding-bottom: 58px;
}
div#productcolumns div.newsbillContainer {
	clear: both;
}
div#productcolumns div.odd, div#productcolumns div.even {
	float: left;
	width: 186px;
	padding-top: 8px;
	margin-right: 58px;
	border-top-style: solid;
	border-top-width: 8px;
	border-top-color: #D7D7D7;
}
div#productcolumns div.newsbillDate {
	display: none;
}
/* --- Article author info */
div#authorInfo {
	margin-top: 24px;
	padding-top: 7px;
	padding-left: 2px;
	padding-right: 6px;
	padding-bottom: 8px;
}
div#authorInfo div.head {
	padding-bottom: 6px;
	font-weight: bold;
	font-size: 80%;
	color: #25561E;
	text-transform: uppercase;
}
div#authorInfo div.name {
	font-size: 90%;
	padding-bottom: 3px;
}
div#authorInfo div.phone, div#authorInfo div.address {
	font-size: 80%;
	color: #898989;
	padding-top: 4px;
}
div#authorInfo a {
	font-weight: bold;
	
}
div#authorInfo a:link {
	color: #363636;
	text-decoration: none;
}
div#authorInfo a:active {
	color: #363636;
	text-decoration: none;
}
div#authorInfo a:visited {
	color: #363636;
	text-decoration: none;
}
div#authorInfo a:hover {
	color: #25561E;
	text-decoration: underline;
}
/* --- Attachments */
div.attachments {
	padding-top: 14px;
	font-weight: bold;
	font-size: 80%;
}
div.attachments div.attachedHead {
	color: #25561E;
	text-transform: uppercase;
}
div.attachments ul {
	margin-top: 3px;
	margin-left: 0;
	list-style-type: none;
}
div.attachments li {
	margin-bottom: 1px;
}
/* --- Footer */
div#footer {
	padding-top: 12px;
}
div#footer div.inner {
	border-top-style: solid;
	border-top-width: 3px;
	border-top-color: #D7D7D7;
	padding-top: 4px;
	padding-bottom: 8px;
	color: #898989;
	background-image: url(../_img/powered.gif);
	background-position: right 6px;
	background-repeat: no-repeat;
}
div#footer a:link {
	color: #A8A283;
	text-decoration: none;
}
div#footer a:active {
	color: #A8A283;
	text-decoration: none;
}
div#footer a:visited {
	color: #A8A283;
	text-decoration: none;
}
div#footer a:hover {
	color: #25561E;
	text-decoration: underline;
}

/* ----- /ELEMENTS */

/* ----- TYPOGRAPHY STYLES */
/* General */
h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 200%;
	font-weight: bold;
	line-height: normal;
	padding: 0;
	margin-top: 0;
	margin-bottom: 7px;
	letter-spacing: -1px;
}
h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 160%;
	font-weight: bold;
	line-height: 100%;
	margin-top: 19px;
	margin-bottom: 11px;
	/*color: #A8A283;*/
	color: #363636;
	letter-spacing: -1px;
}
h3 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 125%;
	font-weight: bold;
	line-height: 100%;
	margin-top: 19px;
	margin-bottom: 1px;
	color: #363636;
	letter-spacing: -1px;
}
h4 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	line-height: 100%;
	margin-top: 19px;
	margin-bottom: 1px;
	color: #363636;
	letter-spacing: -1px;
}
p {
	margin-top: 9px;
	margin-bottom: 7px;
}
ul, ol {}
li {}
p, p p, li p, li li { font-size: 100%; }
address { font-style: normal; }
/* Right column */
div#rightcolumn p, div#rightcolumn li, div#rightcolumn a { font-size: 85%; }
div#rightcolumn p a { font-size: 100%; }
div#rightcolumn h1 {
	font-size: 150%;
}
/* Product columns */
div#productcolumns p, div#productcolumns li, div#productcolumns a { font-size: 85%; }
div#productcolumns p a { font-size: 100%; }
div#productcolumns h1 {
	font-size: 150%;
}
/* Footer */
div#footer { font-size: 80%; }
div#footer address { line-height: 140%; }
/* Links */
a:link {
	color: #000000;
	text-decoration: underline;
}
a:active {
	color: #000000;
	text-decoration: underline;
}
a:visited {
	color: #000000;
	text-decoration: underline;
}
a:hover {
	color: #25561E;
	text-decoration: underline;
}
/* Read more */
div.readMore1 a {
	background-image: url(../_img/arrow-fwd.gif);
	background-position: right 6px;
	background-repeat: no-repeat;
	padding-right: 10px;
}
div#rightcolumn div.readMore1 a, div#productcolumns div.readMore1 a  {
	background-image: url(../_img/arrow-fwd-smaller.gif);
	background-position: right 5px;
	background-repeat: no-repeat;
	padding-right: 8px;
}
div#backlink a {
	background-image: url(../_img/arrow-back.gif);
	background-position: left 5px;
	background-repeat: no-repeat;
	padding-left: 10px;
}
/* ----- /TYPOGRAPHY STYLES */

/* ----- TYPOGRAPHY REDEFINITIONS */
/* Main column headings */
h1.mainfirst {
	color: #363636;
	font-size: 35px;
	line-height: 35px;
	margin-bottom: 0;
	display: inline;
}
h1.mainother {
	/*color: #B5A851;*/
	color: #A8A283;
	font-size: 27px;
	line-height: 27px;
	letter-spacing: -1px;
	display: inline;
}
/* Right column headings */
h1.rightcolumn {
	color: #25561E;
	font-size: 30px;
	line-height: 30px;
	letter-spacing: -1px;
	display: inline;
}
/* Product column headings */
h1.content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #C1174E;
	font-size: 15px;
	line-height: 15px;
	letter-spacing: -1px;
	display: inline;
}
h1.survey {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #639441;
	font-size: 15px;
	line-height: 15px;
	letter-spacing: -1px;
	display: inline;
}
h1.helpdesk {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #D9A04E;
	font-size: 15px;
	line-height: 15px;
	letter-spacing: -1px;
	display: inline;
}
/* ----- TYPOGRAPHY AND COLOR REDEFINITIONS */

/* ----- FORM STYLES */
/* --- Form containers */
div.dynamicForm {}
div.webForm {
	margin: 0;
	margin-bottom: 6px;
}
/* --- Required field */
.reqText { 
	color: #A50000;
	font-size: 110%;
	font-weight: bold;
}
/* --- Input, select, textarea */
input, select, textarea {
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 70%;
}
input:focus, select:focus, textarea:focus {
	border-color: #E89532;
}
/* --- Buttons */
div.btnBlock {
	padding-top: 6px;
	text-align: right;
}
div.btnBlock button {
	margin-right: 0;
}
button, .button {
	background-image: url(../_img/button_lightRepeat.gif);
	background-repeat: repeat-x;
	background-color: #FAFAF9;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	padding: 1px;
	font-size: 85%;
	color: #000000;
}
div.btnBlock button, div.btnBlock .button {
	padding: 4px;
}
button:focus, button:hover, .button:focus, .button:hover {
	border-color: #E89532;
}
/* --- Labels */
label {
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 80%;
	font-weight: normal;
}
/* Block label (label above element) */
div.block label {
	display: block;
	margin-top: 7px;
	margin-bottom: 3px;
}
/* Inline label (label left of element) */
div.inline label {
	display: inline;
	margin-top: 3px;
	width: 90px;
	float: left;
}
/* Checkbox label */
div.checkbox label {
	display: inline;
	position: relative;
	top: -2px;
}
/* --- Fieldsets and legends */
fieldset {
	border-style: solid;
	border-width: 1px;
	border-color: #C3C7CA;
	padding-top: 0px; 
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	margin-top: 8px;
	margin-right: 8px;
	/*display: inline;*/
}
fieldset label {
	position: relative;
	top: -2px;
}
legend {
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 80%;
	font-weight: bold;
	color: #000000;
	margin-bottom: 4px;
	padding-right: 4px;
}
/* ----- /FORM STYLES */

/* ----- RESOURCE STYLES */
/* Floats */
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.clearFloat {
	clear: both;
	font-size: 1px;
	line-height: 0;
}
/* */
br {
	line-height: 0;
}
/* ----- /RESOURCE STYLES */

/* ----- PRINT STYLES */
@media print {
	#container {
		width: 540px;
	}
	#content {}
	#footer {
		width: 540px;
	}
	div#columns { width: 540px; }
	div.default {
		width: 330px;
		padding-right: 20px;
	}
	div.fullsize {
		width: 540px;
	}
	div#maincolumn {
		font-size: 90%;
		line-height: 150%;
	}
	div#rightcolumn {
		width: 160px;
		margin-right: 20px;
		font-size: 90%;
		line-height: 115%;
	}
	div#productcolumns div.odd, div#productcolumns div.even {
		float: left;
		width: 150px;
		margin-right: 20px;
		font-size: 90%;
		line-height: 115%;
	}
	div#footer { position: relative; }
	div#topimage {display: none;}
	div#topnavigation { display: none; }
	div.readMore1 a, div#backlink a { display: none; }
	.noprint { display: none; }
	h1, h2, h3, h4 { color: #000000; }
	h1.mainfirst, h1.mainother, h1.rightcolumn, h1.content, h1.survey, h1.helpdesk { color: #000000; } 
	h1.mainfirst { font-size: 210%; line-height: 135%; }
	h1.mainother { font-size: 180%; }
	h1.content, h1.survey, h1.helpdesk { font-size: 90%; } 
}
/* ----- /PRINT STYLES */

