/**
 * some global settings
 */
body {
	color: #303030;
	font: 76% Verdana, Tahoma, Arial, sans-serif;
	margin: 0;
	padding: 0;
	background-image:url(../img/background.png);
	background-position: center;
}

input, select, button {
	border: 1px solid gray;
	font-size: 0.9em;	
}

textarea {
	border: 1px solid gray;
	width: 80%;
	height: 5em;
}

form {
	margin: 0;
	padding: 0;
}

/**
 * CONTAINER
 *
 * the container holds the hole document.
 * the position can be handled here.
 */
#container {
	color: #303030;
	background-color:white;
	margin: 0 auto; /* auto is important! that centers the whole container block */
	min-width: 1000px;
	padding: 0;
	text-align: left;
	width: 1000px;
}

/**
 * LOGINBOX
 *
 * the loginbox
 */
#loginbox {
	text-align: right;
	font-size: 0.9em;
	padding: 5px;
}

#loginbox .failed {
	color: red;
}

#loginbox-righside {
	text-align: right;
	font-size: 0.9em;
	padding: 5px;
}

#loginbox-rightside .failed {
	color: red;
}

/**
 * BANNER
 *
 * just the banner. with a background image.
 */
#banner {
	background-image:url(../img/banner.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	color: #303030;
	height: 120px;
	width: 1000px;
	text-align: left;
	border-bottom: 2px solid #5F5F5F;
	border-top: 2px solid #5F5F5F;
}


#banner h1 {
	font-size: 1.6em;
	padding-top: 10px;
	padding-left: 10px;
}


/**
 * MAINMENU
 *
 * horizontal mainmenu implemented with an unordered html list (<ul><li></li></ul>)
 */
#mainmenu {
	width:100%;
	float: left;
}

#mainmenu ul {
	margin: 0;
	padding: 0;
}

#mainmenu li {
	float: left;
	height: 35px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#mainmenu a {
	color: #606060;
	display: block;
	/*font-size: 0.7em;*/
	padding: 11px 10px 10px;
	/*text-transform: uppercase;*/
	text-decoration: none;
}

#mainmenu a:hover {
	color: #505050;
	text-decoration: underline;
}

#mainmenu a.current {
	font-weight: bold;
}

/**
 * WRAP (content)
 *
 * wraps the content. it clears for example the floating setting.
 */
#wrap {
	clear: both;
	font-size: 0.9em;
	padding: 0;
}

/**
 * SIDEBARS
 * 
 * small sidebars on the left and/or right side
 */
#leftside,#rightside {
	margin: 0;
	padding-top: 0;
	padding: 0 10px 5px;
	width: 180px;
}

#leftside {
	float: left;
	margin-right: 10px;
}

#rightside {
	float: right;
	margin-left: 0px;
}

#leftside h1,#rightside h1 {
	color: #505050;
	font-size: 1.6em;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 0 0 8px 0;
}

#leftside h2,#rightside h2 {
	font-size: 1.1em;
	margin: 0 0 8px 0;
}

#leftside img, #rightside img {
	border: 0;
}

#leftside img, #rightside hr {
	border: 1px solid #F0F0F0;
}



/** 
 * CONTENT
 * 
 * 3col: three column design (one big in the middle and two small on the right and left side)
 * 2col: two column design (one big on the left and a small on the right)
 * 1col: one big column.
 */
#content-3col,#content-2col,#content-1col {
	background-color: white;/*#fafcff;*/
	/*border: 1px solid #909090;*/
	color: #2a2a2a;
	padding-top: 15px;
	padding-bottom: 15px;
}

#content-3col,#content-2col,#content-1col img {
	border:0;
}

#content-3col {
	margin: 0 200px;
	padding-right: 10px;
	padding-left: 10px;
}

#content-2col {
	margin: 0 200px 0 0;
	border-right: 1px solid #F0F0F0;
	padding-right: 10px;
	padding-left: 10px;
}

#content-1col {
	margin: 0;
	padding-right:10px;
	padding-left:10px;
}

#content-3col h1,#content-3col h2,#content-2col h1,#content-2col h2,#content-1col h1,#content-1col h2 {
	background-color: inherit;
	color: #606060;
	font-size: 1.8em;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 0 0 15px;
	padding: 0;
}

#content-3col h2,#content-2col h2,#content-1col h2 {
	font-size: 1.6em;
	margin-bottom: 10px;
}

/**
 * FILTERS
 *
 */
#filters {
	padding-top: 10px;
}
 
#filters h1 {
	margin: 0 0 5px;
}

#filters table {
	border-collapse: collapse;
}

#filters .values {
	padding-left: 10px;
}

#filters table td.label {
	text-align: right;
	vertical-align: top;
	padding: 5px;
	background-color: #F5F5F5;
	font-weight: bold;
}

#filters table td.toggle-icon {
	width: 18px;
	background-image: url('../img/resultset_next_paddingtop2px.png');
	background-position: top center;
	background-repeat: no-repeat;	
	vertical-align: top;
}

#filters table td.toggle-icon a {
	display: block;
	text-decoration: none;
}

#filters table td.toggle-icon-empty {
	width: 18px;
}

#filters #toggle-icon-treesector {
	width: 18px;
	background-image: url('../img/application_side_tree.png');
	background-position: top center;
	background-repeat: no-repeat;	
	vertical-align: top;	
	border-top: 1px solid #C0C0C0;
}

#filters #toggle-icon-treesector a {
	display: block;
	text-decoration: none;
}

#filters .invisible {
	opacity:0.0;
	filter:alpha(opacity=0);
}

#filter .visible {
	opacity:1.0;
	filter:alpha(opacity=1);
}

#filters a.span-link {
	padding: 2px;
	background-color: #F5F5F5;
	border: 1px solid #C0C0C0;
	text-decoration: none;
	color: #2a2a2a;
	margin-right: 4px;
	line-height:24px;
}

#filters a.div-link {
	display: block;
	text-decoration: none;
	color: #2a2a2a;
}

/*
#filter #sector-values {
	float:left;
}
*/

#filters div.sector-selected {
	margin-bottom: 1px;
	padding: 2px;
	background-color: #F5F5F5;
	border: 1px solid #C0C0C0;
}	

#filters div.sector-hidden {
	font-weight: bold;
	color: #606060;
	padding: 1px;
	background-color: #FAFAFA;
	margin-top: 5px;
	margin-bottom: 1px;
	border-bottom: 1px solid gray; 
}

#filters table td.border-top {
	border-top: 1px solid #C0C0C0;
}

#filters table td.border-right {
	border-right: 1px solid #C0C0C0;
	background-color: #F5F5F5;
}

.level1 {
	margin-left: 10px;
}

.level2 {
	margin-left: 20px;
}

.level3 {
	margin-left: 30px;
}

.level4 {
	margin-left: 40px;
}

.level5 {
	margin-left: 50px;
}

.level6 {
	margin-left: 60px;
}


option.included {
	color: #A0A0A0;
}

/**
 * suggestion box
 */
#sectorSearchResult {
	position: absolute; 
	background-color: #FFFFFF; 
	text-align: left; 
	/*border: 1px solid gray;*/	
}

.suggestLink {
	background-color: #FFFFFF;
}
.suggestLinkOver {
	background-color: #E0E0E0;
}


/**
 * FOOTER
 *
 * the footer
 */
#footer {
	clear: both;
	color: #A0A0A0;
	font-size: 0.9em;
	margin: 0;
	padding: 5px 0;
	margin: 20px 0;
	text-align: center;
	width: 100%;
}

#footer a {
	color: #A0A0A0;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
	color: black;
}


/**
 * TABLES
 *
 * table designs.
 * tbl-ted : looks like the search result of the ted page (table like)
 * 
 */

/** tbl-ted **/ 
#tbl-ted {
	width:100%;
}

#tbl-ted tr {
	width: 100%;
}

#tbl-ted th {
	text-align: left;
	background-color: #DDDDDD;
}

#tbl-ted td {
	padding: 4px;
	background-color: #EEEEEE;
}

#tbl-ted td .counter {
	text-align: center;
}

#tbl-ted td .type {
	width: 170px;
}

#tbl-ted td .type_label {
	font-size: 0.9em;
	color: gray;
}

#tbl-ted-footer {
	text-align: right;
	background-color: white;
}

#tbl-ted .assessmentfilter {
	background-color: white;
	text-align: right;
}

#tbl-ted .assessmentfilter a {
	color: #606060;
	padding: 0px 5px 5px 5px;
	text-decoration: none;
}

#tbl-ted .assessmentfilter a:hover {
	color: #505050;
	text-decoration: underline;
}

#tbl-ted .assessmentfilter a.selected {
	text-decoration: none;
	font-weight: bold;
}


#browsecpv-left {
	float: left;
	padding-bottom: 5px;
	padding-right: 20px;
}

#browsecpv-right {
	padding-bottom: 5px;
}

#tbl-docview {
}

#tbl-docview .label {
	width: 150px;
	background-color: #DDDDDD;	
}

#tbl-docview .value {

	background-color: #EEEEEE;
}

#tbl-profiles {
	padding: 10px;
	border-collapse: collapse;
}

#tbl-profiles th {
	padding: 5px;
}

#tbl-profiles th.border-bottom {
	border-bottom:1px solid black;
	vertical-align: bottom;
}

#tbl-profiles td {
	border-bottom: 1px solid gray;
	padding: 5px;
}

#tbl-profiles td.border-left {
	border-left: 1px solid #A0A0A0;
}


#tbl-profiles .actions {
	width: 80px;
}

#tbl-profiles .actions a {
	text-decoration: none;
}


#tbl-profiles .center {
	text-align: center;
}


#tbl-assessments {
	border-collapse: collapse;
}

#tbl-assessments th {
	padding: 2px;
	border-bottom: 1px solid gray;
}

#tbl-assessments td {
	padding: 2px;
}

#tbl-assessments td.inContext {
	background-color: #F0F0F0;
}

#tbl-assessments .tbhrelevant {
	background-image:url(../img/assessed_relevant.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#tbl-assessments .tbhnotrelevant {
	background-image:url(../img/assessed_notrelevant.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#tbl-assessments .tbhunknown {
	background-image:url(../img/assessed_not.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#tbl-assessments input {
	border: 0;
}

/**
 * highlighting text
 */
.highlightedText {
	font-weight: bold;
}

/**
 * text for validation errors
 */
.errorText {
        color: red;
}


/**
 * tool tip boxes
 */
a.tooltipp {
	position: relative;
	z-index: 24;
	text-decoration: none;
}

a.tooltipp:hover {
	z-index: 25; 
}

a.tooltipp span.hiddentxt {
	display: none;
}

a.tooltipp:hover span.hiddentxt {
	display:block;
	position:absolute;
	top:2em; 
	left:0; 
	width:auto;
	padding: 4px;
	border:1px solid gray;
	background-color: #FEFEFE;
	color: #303030;
	font-weight: normal;
}

/**
 * latesttenderbox
 */
#latesttenderbox {
	width: 180px;
	overflow: hidden;
}