/* Stylesheet TAMPEP website - copyright NetFiesta ICT Solutions, http://www.netfiesta.nl */
* {-moz-box-sizing: border-box; box-sizing: border-box;}
html, body {height: 100%;}
body {font-family: Geneva, Arial, Helvetica, san-serif; font-size: 10px; line-height: 16px; cursor: default; margin: 0px 0px 0px 0px; background-image: url('../images/background.gif'); background-repeat: repeat-y;}
#page_overlay {position: fixed; visibility: hidden; width: 100%; min-height: 100%; height:auto !important; height:100%; z-index: 95; background: url('/images/overlay_background.png') repeat;}
#page_overlay #banner {position: absolute; background: black; width: 386px; height: 550px; top: 50%; left: 50%; margin: -270px -200px; padding: 5px 0 0 5px; color: white; font-size: 12pt; font-weight: bold;}
#banner2, #banner3 {position: absolute; left: 825px; z-index: 95;}
#banner2 {top: 50px;}
#banner3 {top: 250px;}
#banner2 img, #banner3 img {border: 2px solid white;}
img {border: 0;}
ul {margin-top: 0px; margin-bottom: 16px;}
li {list-style-type: square;}
dl {margin-top: 0px; margin-bottom: 0px;}
dt {margin-bottom: 0px; margin-top: 0px; font-weight: bold;}
dd {margin-left: 170px; margin-top: -16px;}
a {text-decoration: none;}
a:hover {color: #FFCC00;}
label {clear: left; float: left; width: 160px; height: 20px; padding-top: 2px;}
hr {height: 1px; margin 0; padding: 0; border: 0;}
.input_container {height: 20px;}
input {font-family: Geneva, Arial, Helvetica, san-serif; height: 18px; font-size: 12px; line-height: 14px; width: 225px; background-image: url('../images/textfield_background.gif'); background-repeat: none; border: 1px solid #999999; padding-top: 2px; padding-left: 2px;}
select {font-family: Geneva, Arial, Helvetica, san-serif; height: 22px; font-size: 12px; line-height: 14px; width: 225px; border: 1px solid #999999;}
.button_container {margin-top: 15px; text-align: center;}
.button {font-family: Geneva, Arial, Helvetica, san-serif; height: 20px; font-size: 12px; color: #FFFFFF; padding-top: 1px; font-weight: bold; background-color: #FF3399; background-image: none; cursor: pointer;}
#left_menu {position: absolute; left: 6px; top: 6px; padding-left: 6px; padding-bottom: 15px; width: 230px; color: #FFFFFF;}
#left_menu .bold {font-weight: bold;}
#left_menu a.active {background-color: #FFCC00;}
#tampep_logo {width: 212px; padding: 2px 0px 5px 0px;}
.menu_header_item {display: block; color: #FFFFFF; width: 212px; height: auto; min-height: 19px; margin: 7px 0px 7px 0px; padding-top: 1px; font-size: 12px; background-color: #000000; vertical-align: middle; letter-spacing: 3px; padding-left: 5px;}
a:hover.menu_header_item {color: #FFFFFF; background-color: #FFCC00;}
.menu_links {color: #FFFFFF; font-weight: bold; padding-bottom: 4px; padding-left: 25px;}
.menu_links a {color: #FFFFFF; font-weight: bold; font-size: 11px; line-height: 18px; letter-spacing: 1px;}
.menu_links a:hover {color: #FFCC00;}
.menu_links a.subactive {color: #FFCC00;}
.menu_text {color: #DFDFDF; font-weight: bold; font-size: 11px; padding-left: 25px; letter-spacing: 0px;}
.menu_text a {color: #FFFFFF; font-weight: bold; font-size: 11px;}
#content_container {position: absolute; left: 250px; top: 0px; width: 538px; background-color: #FFFFFF; font-size: 12px; color: #666666;}
#content_container a {text-decoration: none; color: #0071A9;}
#content_container a:hover {text-decoration: underline;}
.content_text {min-height: 175px; overflow: auto; padding-left: 25px;}
.content_header_container {margin-top: 20px;}
.content_header_item {height: 19px; margin: 5px 40px 0px 0px; padding-left: 5px; padding-right: 10px; padding-top: 1px; color: #FFFFFF; font-size: 12px; background-color: #000000; vertical-align: middle; letter-spacing: 1mm;}
#eu_logo {float: right; margin-right: 4px;}
.pink {color: #FF3399;}
.bold {font-weight: bold;}
.underline {text-decoration: underline;}
#footer {position: relative; width: 538px; overflow: visible; background-color: #FF6699; font-size: 10px; line-height: 14px; color: #333333;}
#footer a {text-decoration: none; color: #FFFFFF;}
#footer a:hover {text-decoration: none; color: #FFCC00;}
#copyrightline {background-color: #9900CC; color: #FFFFFF; font-size: 10px; height: 18px; line-height: 17px; padding-left: 10px;}
#acknowledgement {padding: 10px 0px 10px 25px;}
.white {color: #FFFFFF;}
.pdficon {margin-right: 6px; margin-top: -1px; vertical-align: middle;}
.pdf_line {height: 18px;}
.network_headerline {border: 1px dotted #ABABAB;}
.network_footerline {border: 1px solid #ABABAB;}
/* ------------------
 styling for the tables 
   ------------------   */
#box-table-a
{
	font-family: Geneva, Arial, Helvetica, san-serif;
	font-size: 11px;
	margin: 3px;
	width: 500px;
	text-align: left;
	line-height: 1.2em;
	border-collapse: collapse;
}
#box-table-a th
{
	font-size: 13px;
	font-weight: strong;
	padding: 8px 4px;
	background: #9E9B88;
	border-top: 4px solid #3E3C35;
	border-bottom: 1px solid #3E3C35;
	color: #000;
}
#box-table-a td
{
	padding: 0px 8px;
	background: #E0E0C0; 
	border-bottom: 1px solid #CCCCAF;
	color: #000;
	border-top: 1px solid transparent;
}
#box-table-a ul
{
	margin-bottom:3px;
	margin-top:3px;
	padding: 0px 20px;
}
#box-table-a li
{
	list-style-type:square;
}
#box-table-a tr:hover td
{
	background: #C2B7A6;
	color: #FFF;
}