/* This is the ADDITIONAL section stylesheet file. for main rules see main files */

/* Reseting the margins and paddings of the FORM and INPUT elements so not to allow cross-browser misinterpretation */
form, input {
	margin: 0px;
	padding: 0px;
}

/* Rules for the ADDITIONAL section */
#additional {
	display: block;
	width: auto;
	height: 70px;
}

/* Rules for the LOGON and NEWSLETTER part of the ADDITIONAL section */
#logon, #newsletter {
	display: inline;
	width: 340px;
	height: 65px;
	background-color: #f1f1f1;
	
	border-right: 10px solid White;
	border-top: 10px solid White;
	
	overflow: hidden;
	float: left;
	
	font: 8pt Arial, sans-serif;
	padding: 5px 5px 5px 5px
}
/* Exclusion from the rules above */
#newsletter {
	border-right: none;
}

/* Rules for INPUT elements of the form */
#logon input, #newsletter input {
	font: 8pt Arial, Helvetica, sans-serif;
	color: Gray;
	background-color: White;
	border: none;
	
	padding: 5px 5px 5px 5px;
	margin-top: 10px;
	margin-right: 5px;
	
	height: auto;
	width: 110px;
	float: left;
}
/* Exclusion from the rules above */
#newsletter input {
	width: 240px;
}

/* Rules for the BUTTON part of each box in ADDITIONAL section. BUTTON part holds the links to submit the form */
#logon .button, #newsletter .button {
	width: 80px;
	display: block;
	overflow: hidden;
	float: left;
	margin-top: 15px;
	margin-left: 5px;
	line-height: 1.8em;
}

/* Rules for links themselves in LOGON and NEWSLETTER parts of the ADDITIONAL section */
#logon .button a, #logon .button a:visited, #newsletter .button a, #newsletter .button a:visited {
	font: bold 10pt Arial, Helvetica, sans-serif;
	color: Grey;
	text-decoration: none;
}
#logon .button a:hover, #newsletter .button a:hover {
	color: #779a18;
	text-decoration: underline;
}