@CHARSET "UTF-8";

html {overflow-y: hidden;}

/** main layout */
body {background-color: #f47200;}
#page {background-color: white; margin: 20px auto 0px auto; width: 900px; height: 550px; position: relative;}
#footerdiv {position: absolute; left: 0px; bottom: 0px; width: 900px; height: 183px; background-repeat: no-repeat; background-position: bottom left;}

#logo {position: absolute; right: 20px; top: 10px; width: 114px; height: 49px; background: url('/img/logo.gif') no-repeat;}
body.econovation #logo {background: url('/img/logo_econovation.gif') no-repeat;}
body.diagnose #logo {background: url('/img/logo_diagnose.gif') no-repeat; width: 178px; height: 98px; top: 0px; right: 0px;}

#rightimg {position: absolute; right: 0px; top: 100px; width: 146px; height: 200px;  background-position: bottom right; background-repeat: no-repeat;}
body.diagnose #rightimg { display: none; } 


#content {width: 420px;}
body.diagnose #content { width: 390px; } 

#leftcol, #midcol, #rightcol {height: 550px; float: left; padding: 10px;}

#leftcol {width: 130px; border-right: solid 1px #f47200;}
#midcol {width: 130px; border-right: solid 1px #f47200;}
#rightcol {position: relative; width: 578px; overflow-x: hidden; overflow-y: auto}


#leftcol img {border: 0;}

#flags {
	position: absolute;
	left: 0px;
	top: 0px;
}

/** different styles */
body.style1 #footerdiv {background-image: url('/img/footer1.gif');}
body.style2 #footerdiv {background-image: url('/img/footer2.gif');}
body.style3 #footerdiv {background-image: url('/img/footer3.gif');}

body.diagnose #footerdiv {background-image: url(/img/diagnose_footer.gif);}

body.style1 #rightimg {background-image: url('/img/rightimg1.gif');}
body.style2 #rightimg {background: none;}
body.style3 #rightimg {background-image: url('/img/rightimg3.gif');}
body.style1 #rightcol {height: 450px;}
body.style2 #rightcol {height: 410px;}
body.style3 #rightcol {height: 460px;}

body.diagnose #rightcol {height: 395px;}



/** font */
body * {color: #656565; font-family: arial; font-size: 11px;}
h1, h2, h3 {color: #f47200; font-size: 100%; font-weight: bold;}

/** general style */
a:hover {color: #f47200;}
ul.menu {list-style:none; margin: 0; padding: 0;}
ul.menu li {text-align: right; margin: 0.5em 0px;}
ul.menu li.active a {color: #f47200;}

/* forms */
table.formtable {
	border-spacing: 10px 3px;
}

.formfieldtext {
	text-align: right;
	vertical-align: top;
	font-weight: bold;
	padding-right: 10px;
}
span.error {
	color: red;
}
span.required {
	color: red;
}


tr#logindata td {
	height: 40px;
	vertical-align: bottom;
	padding-bottom: 5px;
}


/* application */
img.articleimage {
	float: right;
	clear: both;
	margin: 0 0 10px 10px;
	padding: 0;
}
div.article p {
	margin-top: 0;
}

div.article {
	padding-bottom: 20px;
}
.articletitle {
	margin: 0;
	padding: 0;
	margin-top: 0px;
}
td.error {
	color: red;
}


/* category index */
ul#catindex {list-style:none; margin: 0; padding: 0;}
ul#catindex li {text-align: right;}
ul#catindex li.active {color: #f47200;}

/* profiles */
img.profileimage {
	float: right;
	clear: both;
	margin: 0;
	padding: 0;
}
div.profile_partner {
	width: 195px;
	float: left;
	padding: 5px;
}

table#portfolio {
}
table#portfolio td {
	border: 1px dotted #f47200;
	height: 155px;
	empty-cells: hide;
	text-align: center;
	vertical-align: middle;
	width: 100px;
}

table#portfolio td img.portfolioimage {
}
div.profile_name {
	color: #f47200;
	font-size: 100%;
	font-weight: bold;
}
span#employees {
	font-weight: bold;
}


div.about {
	margin-bottom: 20px;
}

table.form {
	border-spacing: 5px;
	border-collapse: separate;
}
table.form th {
	font-weight: bold;
	color: #f47200;
}
table.form td.formtext, table.form th {
	text-align: right;
}

table.form td.formtext {
	font-weight: bold;
}

input.loginbutton {
	background-color: #f47200;
	border: 1px solid #f47200;
	color: white;
}

div.preview {
	padding-bottom: 10px;
}
div.preview h1 {
	margin-bottom: 5px;
}
div.preview a {
	color: #f47200;
}

/* quick links */
#quicklinks {
	position: absolute;
	bottom: 120px;
	width: 130px;
}

#quicklinks ul {
	list-style-image: url(/img/arrow.png);
	padding-left: 20px;
	margin-left: 0px;
}

/* Pages */
img.pageimage {
	float: right;
}

/* News */
.news {margin-top: 1em;}
.newstable td, .newstable th {padding: 2px 15px 2px 0px; vertical-align: top;} 

/* Virtual library */
.vlibrary {margin-top: 1em;}
.vlibrary td, .vlibrary th {padding: 2px 10px; vertical-align: top; border: solid 1px #ddd;}