﻿/* HTML */
body { background-color: #F2F2F2; color: gray; font-family: Verdana; letter-spacing: 1px; margin: 0; padding: 0; text-align: left; text-decoration: none; word-spacing: normal; }
h2 { border-bottom: 1px solid #3091F1; color: #3091F1; font-family: Arial; font-size: 1.2em; font-weight: 700; letter-spacing: 0; margin: 0 0 10px; padding: 0 0 5px; text-align: left; text-decoration: none; word-spacing: normal; }
h2 a:link { color: #3091F1; }
h2 a:visited { color: #3091F1; }
h3 { border-bottom: 1px solid #E6E6E6; color: gray; font-family: Arial; font-size: 1em; letter-spacing: 0; margin: 0 0 10px; padding: 0 0 5px; text-align: left; text-decoration: none; word-spacing: normal; }
h3 a:link { color: gray; }
h3 a:visited { color: gray; }
h4 { color: #3091F1; font-family: Arial; font-size: 1.2em; font-weight: 700; letter-spacing: 0; margin: 0; padding: 0; text-align: left; text-decoration: none; word-spacing: normal; }

/* LOGIN */
#top-login { background: #A7A5A6 url(http://www.nmp-partnersearch.eu/images/layout/login-back.jpg) repeat-x top; height: 30px; width: 100%; }
#top-wrapper { margin: 0 auto; padding: 0; width: 900px; }
#top-login-logged { color: #FFF; float: left; font-size: 70%; margin-right: 20px; padding-top: 8px; }
#top-login-controls { color: #FFF; float: left; font-size: 70%; margin-right: 20px; padding-top: 4px; }
#top-login-controls input { font-size: 96%; height: 14px; margin: 0; padding: 0; }
#top-login-controls label { font-size: 80%; letter-spacing: .5px; margin: 0; padding: 0; }
.top-login-input { width: 80px; }
.top-login-separator { background: url(http://www.nmp-partnersearch.eu/images/layout/login-splitter.jpg)!important; float: left; width: 1px; }
.top-button { border-width: 0; color: #FFF; display: inline-block; float: left; }
a.top-button { background: url(http://www.nmp-partnersearch.eu/images/layout/login-button-off.jpg) repeat-x left top!important; color: #FFF!important; font-size: .7em; font-weight: 700; padding: 8px 10px!important; text-decoration: none; }
a.top-button:hover { background: url(http://develop.fz-juelich.de/ptj/nmp_partnersearch/images/layout/login-back.jpg) repeat-x left top!important; color: #FFF!important; text-decoration: underline; }
a.top-button.off { background: url(http://www.nmp-partnersearch.eu/images/layout/login-back.jpg) repeat-x left top!important; color: #FFF!important; font-size: .7em; font-weight: 400; margin-left: 10px; }

/* NAV */
#nav-container { margin: 0; padding: 0; }
#nav-container ul { border: 0; list-style-type: none; margin: 0; padding: 0; text-align: center; }
#nav-container ul li { display: block; float: left; margin: 0; padding: 0; text-align: center; }
#nav-container ul li a { background: url(http://www.nmp-partnersearch.eu/images/nav-main/off.jpg) repeat-x top left; color: #FFF; display: block; font-family: Arial; font-size: 76%; letter-spacing: 2px; margin: 0; padding: 23px 0; text-align: center; text-decoration: none; width: 98px; word-spacing: normal; }
#nav-container ul li a:hover { background: url(http://www.nmp-partnersearch.eu/images/nav-main/over.jpg) repeat-x top center; color: #FFF; }
#nav-container a:active { background: url(http://www.nmp-partnersearch.eu/images/nav-main/on.jpg) repeat-x top center; color: #FFF; }
#nav-container li#active a { background: url(http://www.nmp-partnersearch.eu/images/nav-main/on.jpg) repeat-x top center; color: #FFF; }
.nav-large { width: 145px!important; }
.nav-medium { width: 108px!important; }
.nav-small { width: 70px!important; }

/* MAIN */
#main-wrapper { margin: 0 auto; width: 900px; }
#main-logo { float: left; width: 160px; }
#main-nav { float: left; width: 740px; }
#main-nav-links { color: #8C8C8C; font-family: Arial; font-size: 75%; font-weight: 700; letter-spacing: 1px; padding: 10px 0; text-align: left; text-decoration: none; word-spacing: normal; }
#main-nav-links a { color: #8C8C8C; text-decoration: none; }
#main-nav-links a:hover { text-decoration: underline; }
#main-display { margin-top: 5px; width: 900px; }

/* BOXES */
.box-large { float: left; margin-bottom: 20px; margin-right: 30px; }
.box-large-inner { background: #FFF; border-left: 1px solid #D7D7D7; border-right: 1px solid #D7D7D7; padding: 10px; width: 636px; }
.box-large a { color: #E15A2D; text-decoration: none; }
.box-large a:hover { text-decoration: underline; }
.box-large p { font-size: .7em; margin: 10px 0; padding: 0; }
.box-small { float: left; margin-bottom: 20px; }
.box-small ul { list-style-type: none; margin: 0 0 10px; padding: 0; }
.box-small ul li { background: #FFF url(http://www.nmp-partnersearch.eu/images/layout/bullet.jpg) no-repeat left; padding: 0 0 3px 20px; }
.box-small a { color: #E15A2D; font-family: Arial; font-size: .7em; font-weight: 700; letter-spacing: 2px; text-decoration: none; word-spacing: normal; }
.box-small a:hover { text-decoration: underline; }
.box-small p { font-size: .7em; margin: 0; padding: 0; }
.box-small-top { }
.box-small-inner { background: #FFF; border-left: 1px solid #D7D7D7; border-right: 1px solid #D7D7D7; padding: 10px; width: 186px; }
.box-large-inner table { border: 1px solid #3091F1; border-collapse: collapse; margin-bottom: 20px; margin-left: auto; margin-right: auto; text-align: center; }
.box-large-inner table caption { font-size: .7em; font-weight: 700; padding-top: 10px; padding-bottom: 10px; text-align: left; }
.box-large-inner table td { font-size: .7em; padding: 10px; text-align: left; }
.box-large-inner table th { background-color: #f2f2f2; border-bottom: 1px solid #3091F1; font-size: .7em; padding: 10px; text-align: left; }
.box-large-inner ul { clear: both; list-style-type: none; margin: 0 0 15px 15px; padding: 0; }
.box-large-inner ul li { background: #FFF url(http://www.nmp-partnersearch.eu/images/layout/bullet.jpg) no-repeat left; color: #E15A2D; font-family: Arial; font-size: .7em; font-weight: 700; letter-spacing: 1px; padding: 0 0 7px 20px; word-spacing: normal; }
.box-large-inner ol { clear: both;   }
.box-large-inner ol li { color: #E15A2D; font-family: Arial; font-size: .7em; font-weight: 700; letter-spacing: 1px; padding: 0 0 7px; word-spacing: normal; }
.box-large-inner dl { clear: both; margin: 10px 15px 0 0; }
.box-large-inner dt { border-bottom: 1px solid #E6E6E6; color: #E15A2D; font-family: Arial; font-size: .7em; font-weight: 700; padding: 0 0 5px; text-align: left; text-transform: uppercase; }
.box-large-inner dd { font-size: .7em; margin: 0 0 0 10px; padding: 10px; text-align: left; }

/* FORM */
.form-entry { clear: both; float: left; padding: 0; padding-bottom: 5px; width: 630px; }
.form-entry span.label { color: #666; float: left; font-size: .7em; font-weight: 700; padding: 5px 10px 0 20px; width: 150px; }
.form-entry div.label { color: #666; float: left; font-size: .7em; font-weight: 700; padding: 5px 10px 0 20px; width: 150px; }
.form-entry input { background-color: #F4F4F4; border: 1px solid #ccc; color: #333; float: left; font-size: .7em; padding: 5px; width: 400px; }
.form-entry input.rdo { float: left; margin: 0; padding: 0; width: 20px; }
.form-entry textarea { background-color: #F4F4F4; border: 1px solid #ccc; color: #333; float: left; font-family: Arial; font-size: .7em; height: 100px; padding: 3px; width: 403px; }
.form-entry select { background-color: #F4F4F4; border: 1px solid #ccc; color: #333; float: left; font-size: .7em; width: 412px; }
.form-entry-chk { clear: both; float: left; font-size: 10px; padding: 0; padding-bottom: 5px; width: 330px; }

.form-entry-sm span.label { color: #666; float: left; font-size: .7em; font-weight: 700; padding: 5px 10px 0 20px; width: 150px; }
.form-entry-sm input { color: #FFF; float: left; font-family: Verdana; font-size: .7em; margin-right: 5px; padding: 8px; }
.form-entry-sm input.submit { background: url(http://www.nmp-partnersearch.eu/images/nav-main/off.jpg) repeat-x top left; border: 1px solid #ccc; color: #FFF; float: left; font-family: Verdana; font-size: .7em; margin-top: 15px; margin-right: 5px; padding: 8px; }
.form-entry-sm label { color: #666; font-size: .7em;  }
.form-entry label { color: #666; display: block; font-size: .7em; padding: 4px 0 0; }
.form-border { border-bottom: 1px solid #E6E6E6; margin-bottom:10px; }

/* FOOTER */
#footer-wrapper { background: #A7A5A6 url(http://www.nmp-partnersearch.eu/images/layout/login-back.jpg) repeat-x top; height: 30px; width: 100%; }
#footer-main { color: #FFF; font-family: Arial; font-size: 75%; font-weight: 700; letter-spacing: 1px; margin: 0 auto; padding: 7px 0 0; text-align: left; text-decoration: none; width: 900px; word-spacing: normal; }
#footer-left { float: left; width: 600px; }
#footer-left a { color: #FFF; padding: 0 5px; text-decoration: none; }
#footer-left a:hover { text-decoration: underline; }
#footer-right { float: left; text-align: right; width: 298px; }

/* MISC */
.fleft { float: left; }
.clear { clear: both; }
.line-faint { border-bottom: 1px solid #E6E6E6; }
.line-distinct { border-bottom: 1px solid #3091F1; }
.pad-marg-10 { margin-bottom: 10px; padding-bottom: 10px; }
.height-border { height:8px; }
div.hr { height: 1px; background: #E6E6E6;  clear:both; margin:10px 0 10px 0; }
div.hr hr { display: none; }
