/* Heidelberg Online Services Global Stylesheet stylesheet.css */

/* Navigation Path / Breadcrumbs Path */
.breadcrumbs {
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: #002a66;
}
.breadcrumbs:hover, .breadcrumbs:visited {
	color: #466dad;
}
.breadcrumbs:link {
	text-decoration : underline;
}
.breadcrumbs[disabled], .breadcrumbs[disabled]:link {
	color: #9299a4;
}

/* Push Button */
.button {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #e2e9f4;
   	border-bottom:2px outset #B7C1CF;
   	border-right:2px outset #B7C1CF;
   	border-top:1px solid #7E8590;
   	border-left:1px solid #7E8590;
	padding: 0px 5px;
	margin:0px;
	cursor: pointer;
}

/* Deprecated eInfrastructure Framework style -> move to .button */
.buttons {	
	background-color : #E2E9F4;
	font-family : Arial, sans-serif;
	font-size : 12px;
	color : #000000;
    vertical-align: top;
}

.caption {  
	font-family: Arial, sans-serif;
	font-weight: regular;
 	font-size: 10px; 
	color : #002A66;
}

/* ComboBox */
.combobox { 
	font-family: Arial, sans-serif;
	font-size: 12px;
	background-color: #D8DFEA;
}
.combobox .even {
	background-color: #D8DFEA;
}
.combobox .odd {
	background-color: #E2E9F4;
}

.contentBg {
	padding : 3px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color : #002A66;
	text-decoration : none;
}

/* Content Link */
.contentLink:active, .contentLink:link, .contentLink:visited, .contentLink:hover {
	font-family: Arial, sans-serif; 
	font-size: 11px; 
	text-align: left;
}
.contentLink:active {
	color: #14277B;
	text-decoration: none;
}
.contentLink:link {
	color: #002A66;
	text-decoration: underline;
}
.contentLink:visited, .contentLink:hover {
	color: #466DAD;
	text-decoration: underline;
}

.contentTopic {
	padding : 3px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FEFEFE;
	text-decoration: none;
}

/* Default Push Button */
.defaultbutton {	
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #e2e9f4;
   	border-bottom:2px outset #B7C1CF;
   	border-right:2px outset #B7C1CF;
   	border-top:1px solid #7E8590;
   	border-left:1px solid #7E8590;
	padding: 0px 5px;
	margin:0px;
	cursor: pointer;
}

/* General */
.disabled { color: #a6adb8; }

/* Error Messages */
.errorLabel { 
	font-family: Arial, sans-serif;
	font-size: 9px;
	text-align: left;
	color: #DC6464;
	text-decoration: none;
}
.errorMsg {
	font-family: Arial, sans-serif; 
	font-weight: bold;
	font-size: 12px; 
	text-align: left ;
	color: #DC6464;
	text-decoration: none;
	line-height: 120%;
}

/* Footer Link */
.footerLinkBottom, .footerLinkTop {
	font-family: Arial, sans-serif; 
	margin: 0px; 
}
.footerLinkBottom { 
	font-weight: regular; 
	color: #FEFEFE;
	background-color: #003A7D;
}
.footerLinkTop {
	font-size: 12px;
	font-weight: bold;
	color: #002A66;
	background-color: #C9D5E5;
}

/* Footnote */
.footnote {
	font-family: Arial, sans-serif;
	font-size: 10px;
    font-style: italic;
	color: #002A66;
}

/* Functional Header */
.functionalHeader {	
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: #003a7d;
	text-decoration: none;
}
.functionalHeader:hover {	
	text-decoration: underline;
}
.functionalHeaderActive {	
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: #002A66;
	font-weight : 600;
	text-decoration : none;
}

/* HDM */
.HDblue {
	color: #004B8D;
}
.HDred {
	color: #E21F23;
}

/* Header Link */
.headerLink, .headerLink:link, .headerLink:visited, .headerLink:hover {
	font-family: Arial, sans-serif; 
	font-size: 12px; 
	text-align: left;
	color : #FEFEFE;
	text-decoration : none;
	font-weight: bold;
}
.headerLink:hover {
	color : #002A66;
}

/* Homepage Link */
.homepageLink:active {
	font-family: Arial, sans-serif; 
	font-size: 11px; 
	text-align: left;
	color : #14277B;
	text-decoration : none;
}
.homepageLink:link {
	font-family: Arial, sans-serif; 
	font-size: 11px; 
	font-weight: bold;
	text-align: left;
	color : #002A66;
	text-decoration : underline;
}
.homepageLink:visited, .homepageLink:hover {
	font-family: Arial, sans-serif; 
	font-size: 11px; 
	font-weight: bold;
	text-align: left;
	color : #466DAD;
	text-decoration : underline;
}

/* Horizontal Navigation */
.horizontalNav {
	font-family: Arial, sans-serif; 
	font-size: 12px; 
	font-weight: bold;
	text-align: left;
	color: #FEFEFE;
	text-decoration: none;
}

.horizontalRuler {
    color: #E2E9F4;
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #97A0AB;
}

.imageIconBox {
 	background-color : #a6adb8;
}

.infoArea {
	font-family: Arial, sans-serif;
	font-size: 11px;
    background: #C9D5E5;
    height: 25px;
    vertical-align: middle;
}

/* Deprecated Framework Style -> move to .textfield */
.inputContent {	
	background-color: #D3DFEF;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	overflow: hidden;
}

/* Deprecated Framework Style -> move to .list */
.inputContentList {	
	scrollbar-arrow-color: #000000;
	scrollbar-base-color: #AEB4C0;
	scrollbar-darkshadow-color: #9da3b0;
	scrollbar-face-color: #AEB4C0;
	background-color: #D3DFEF;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #000000;
}

.inputHeader {	
	background-color: #D3DFEF;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	overflow: hidden;
}

/* Deprecated Framework Style -> move to .textarea */
.inputTextArea {	
	background-color: #D3DFEF;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #000000;
}

/* Right Navigation */
.rightNav, .rightNav:active, .rightNav:link, .rightNav:visited
{
	font-family: Arial, sans-serif; 
	font-weight: bold; 
	font-size: 11px; 
	text-align: right;
	text-decoration: none;
	color: #404348;
}

/* Left Navigation */
.leftNav, .leftNav:active, .leftNav:link, .leftNav:visited
{
	font-family: Arial, sans-serif; 
	font-weight: bold; 
	font-size: 11px; 
	text-align: left;
	text-decoration: none;
	color: #404348;
}

/* Justify Navigation */
.justifyNav, .justifyNav:active, .justifyNav:link, .justifyNav:visited
{
	font-family: Arial, sans-serif; 
	font-weight: bold; 
	font-size: 11px;
	text-align:justify;
	aligh:justify;
	text-decoration: none;
	color: #404348;
}

/* Center Navigation */
.centerNav, .centerNav:active, .centerNav:link, .centerNav:visited
{
	font-family: Arial, sans-serif; 
	font-weight: bold; 
	font-size: 11px;
	text-align:center;
	aligh:center;
	text-decoration: none;
	color: #404348;
}

/* Deprecated Framework Style -> deleted 
.leftNav:hover {
	font-family: Arial, sans-serif; 
	font-weight: bold; 
    font-size: 11px; 
	text-align: left;
	text-decoration : none;
	color : #002A66;
}
*/
.leftNavActive, .leftNavActive:active, .leftNavActive:link, .leftNavActive:visited, .leftNavActive:hover {
	font-family: Arial, sans-serif; 
	font-weight: bold; 
    font-size: 11px; 
	text-align: left;
	text-decoration: none;
	color: #003A7D;
}

/* List */
.list { 
	font-size: 12px;
	font-family: Arial, sans-serif;
}
.list .even {
	background-color: #C9D5E5;
}
.list .odd {
	background-color: #D3DFEF;
}

/* PD Link */
.pdLink:link, .pdLink:visited, .pdLink:hover  {
	font-family: Arial, sans-serif; 
	font-size: 12px; 
	text-align: left ;
	color: #002A66;
	text-decoration: none;
	font-weight: bold;
}

.pdLink:hover {
	color : #466DAD;
}

.productBullet {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	padding : 2px;
	background-color : #E21F23;
	color : #FEFEFE;
	text-decoration : none;
}

/* Table */
.table {
	border-top: 1px solid #86898e;
	border-left: 1px solid #86898e;
	border-bottom: 0px solid #86898e;
	border-right: 0px solid #86898e;
	background: #d3dfef;
}
.tableheader {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	padding: 0px 8px;
	height: 21px;
	border-top: 0px solid #86898e;
	border-left: 0px solid #86898e;
	border-right: 1px solid #86898e;
	border-bottom: 1px solid #86898e;
}

/* Teaser */
.teaserBody, teaserHeadline, .teaserTopic {
	font-family: Arial, sans-serif;
	text-decoration: none;
}
.teaserBg {
	padding : 3px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #002A66;
	text-decoration: none;
}
.teaserBody {
	font-size: 11px;
	padding: 3px;
	color: #002A66;
	background-color: #C9D5E5;
	line-height: 14px; 
	font-weight: bold;
}
.teaserHeadline {
	font-weight: bold;
	font-size: 12px;
	color: #E21F23;
}
.teaserTopic {
	font-weight: bold;
	font-size: 12px;
	color: #FEFEFE;
	padding: 3px;
	line-height: 14px;
}

/* Textfield, Textarea */
.textarea, .textfield, .textfielddis, .textfieldro, .textareadis, .textarearo { 
	font-family: Arial, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 1px 2px;
	border-top: 1px solid #7e8590;
	border-left: 1px solid #7e8590;
	border-bottom: 1px solid #fefefe;
	border-right: 1px solid #fefefe;
}
.textarea, .textareadis { 
	line-height: 21px;
}
.textarea, .textfield { 
	color: #000000;
	background-color: #bfcbdb;
}
.textarearo  {
	line-height: 18px;
}
.textfielddis, .textareadis {
	color: #a6adb8;
	background-color: #E2E9F4;
	border: 1px solid #a6adb8;
}
.textfieldro, .textarearo { 
	color: #000000;
	background-color: #d3dfef;
}

/* Title */
.title {  
	font-family: Arial, sans-serif;
	font-weight: bold;
 	font-size: 12px; 
	color : #002A66;
}

/**
 * Definitions from eInfrastructure not specified by GUIDE
 */

@media print {
	#leftNavigation { display: none; } 
}

/* Label and Links */
a, a:link, a:hover, a:active, a:visited {
	font-family: Arial, sans-serif;
}

body {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color : #002A66;
    scrollbar-arrow-color:#000000;
    scrollbar-face-color:#e5ecf5;
    scrollbar-highlight-color:#7e8590;
    scrollbar-shadow-color:#7e8590;
    scrollbar-track-color:#c9d5e5;
    scrollbar-3dlight-color:#c9d5e5;
    scrollbar-base-color:#c9d5e5;
    scrollbar-darkshadow-color:#c9d5e5;
}

/* Pulldown Menu. */
div.menuBar, div.menuBar a.menuButton, div.menu, div.menu a.menuItem {
	font-family: Arial, sans-serif;
	font-size: 8px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
div.menuBar {
  	background-color: transparent;
  	padding: 0px 0px 0px 0px;
  	text-align: left;
}
div.menuBar a.menuButton {
  	background-color: transparent;
  	color: #000000;
  	cursor: default;
  	left: 0px;
  	margin: 1px;
  	padding: 2px 6px 2px 6px;
  	position: relative;
  	text-decoration: none;
  	top: 0px;
  	z-index: 100;
}
div.menuBar a.menuButton:hover {
 	background-color: transparent;
  	color: #002A66;
}
div.menuBar a.menuButtonActive, div.menuBar a.menuButtonActive:hover {
  	color: #002A66;
  	left: 1px;
  	top: 1px;
}
div.menu {
  	background-color: transparent; 
  	padding: 5px 0px 0px 0px;
  	left: 0px;
  	position: absolute;
  	top: 0px;
  	visibility: hidden;
  	z-index: 101;
}
div.menu table.menuRow {
  	background-color: #D3DFEF;
  	border: 1px outset #848D9B; 
}
div.menu table.menuItem{
  	color: #003A7D;
  	cursor: default;
  	display: block;
  	padding:  -10px -10px -10px -10px;
  	font-family: Arial, sans-serif; 
  	font-size: 12px; 
  	text-decoration: none;
  	white-space: nowrap;
  	font-weight: bold;
  	margin: -4px -2px -7px -2px;
}
div.menu table.menuItem:hover, div.menu table.menuItemHighlight {
  	background-color: #fefefe; 
}
div.menu table.menuRow a.menuItem span.menuItemText {
}
div.menu a.menuItem {
  	color: #003A7D;
  	cursor: default;
  	display: block;
  	padding: 3px 1em;
  	padding-right: 15px;
  	font-family: Arial, sans-serif; 
  	font-size: 12px; 
  	text-decoration: none;
  	white-space: nowrap;
  	font-weight: bold;
}
div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  	background-color: #fefefe; 
  	color: #003A7D;
}
div.menu a.menuItem span.menuItemText {
}
div.menu tr.menuItemHighlight {
  	background-color: #fefefe; 
  	border-color:#fefefe;
}

/* Header */
h1 { 
	font-family: Arial, sans-serif; 
	font-size: 16px; 
	font-weight: bold;
	margin-top: 0px; 
	margin-left: 0px;	
	margin-right: 0px; 	
	margin-bottom: 0px; 
	color : #002A66;
}
h2 { 
	font-family: Arial, sans-serif; 
	font-size: 14px; 
	font-weight: bold;
	margin-top: 0px; 
	margin-right: 0px; 	
	margin-left: 0px;	
	margin-bottom: 0px;
	color : #002A66;
}
h3 { 
	font-family: Arial, sans-serif; 
	font-size: 12px; 
	font-weight: bold;
	margin-top: 0px; 
	margin-right: 0px; 	
	margin-left: 0px;
	margin-bottom: 0px;
	color : #002A66;
}
h4 { 
	font-family: Arial, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	margin-left: 0px;
	margin-bottom: 0px;
	color : #002A66;
}

/* Label */
label {
	font-family: Arial, sans-serif;
	font-size: 12px; 
	color: #000000;
}
label[disabled] {
	color: #a6adb8;
}

/* Paragraph */
p {  
	font-family:  Arial, sans-serif;
	font-size: 11px; 
	margin-left: 0px;
	margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
}

/* Table Cells */
table, td {
	font-family: Arial, sans-serif;
	font-size: 11px;
}
tr .odd td, tr .even td, tr .selected td {
	color: #000000;
	padding: 0px 8px;
	border-top: 0px solid #86898e;
	border-left: 0px solid #86898e;
	border-right: 1px solid #86898e;
	border-bottom: 1px solid #86898e;
}
tr .odd {
	height:21px;
	background: #c9d5e5;
}
tr .even {
	height:21px;
	background: #d3dfef;
}
tr .selected {
	height:21px;
	background: #ffc582;
}