/* BACKGROUNDS AND COLORS */

/* =====================================
   General page template
   ===================================== */

.cs-bg-window {
	background: #80a7cd url(../_images/bg.png) top left repeat-x;
}

.cs-bg-main {
	background: transparent url(../_images/bg_wrapper.png) top left repeat-y;
}

.cs-bg-main-top {
	background: transparent url(../_images/bg_lang-toggle.png) top left repeat-x;
}

/* Header section */

.cs-bg-logo {
	background: transparent url(../_images/logo_protogo_201506.png) top left no-repeat;
}

.cs-bg-logo-login {
	background: transparent url(../_images/protogo_logo_teaser_201506.jpg) top center no-repeat;
	height:320px;
}

.cs-bg-activitymonitor {
	border: 1px solid #9b9b9b;
	border-radius: 10px;
}

.cs-bg-userbox {
	border: 1px solid #9b9b9b;
	border-radius: 10px;	
}

.cs-bg-userbox-input {
	background: transparent;
	border: 1px solid #94b2ff;
}

/* Main navigation */

.cs-bg-navi {
	background: transparent url(../_images/bg_nav.png) top left no-repeat;
}

.cs-bg-navi-items {
	background: transparent url(../_images/bg_nav_trenner.png) top left no-repeat;	
}

.cs-bg-navi-item, .cs-bg-navi-item:visited {
	background: transparent url(../_images/bg_nav_trenner.png) top right no-repeat;	
	color:#333333;
}

.cs-bg-navi-item:hover, .cs-bg-navi-item.hover {
	background: url(../_images/bg_nav_active.png) no-repeat scroll right center;
}

.cs-bg-navi-sublist {
	border-left: 1px solid #5F8AB3;
	border-right: 1px solid #5F8AB3;
	border-bottom: 1px solid #5F8AB3;
	margin-left: -1px; /* width of left border */
}

.cs-bg-navi-sublist-item, .cs-bg-navi-sublist-item:visited {
	background: #FAFAF9;
	color:#333333;
}

.cs-bg-navi-sublist-item:hover, .cs-bg-navi-sublist-item.hover {
	background: #DEE6FF
}

.cs-bg-navi-search {
	border: 1px solid #94B2FF;
}

/* Footer */

.cs-bg-footer {
	color:#333;
	background: transparent url(../_images/footer.png) top left repeat-y;
}


/* =====================================
   Page content
   ===================================== */
   
/* Boxes/headlines */

#content h5, .cs-bg-header {
	color: #333;
	font-weight: bold;
	background: transparent url(../_images/bg_import.png) top left;
}

#content h6 {
	font-weight: bold;
	background: transparent url(../_images/bg_index.png) top left;
}

.cs-bg-boxhead-3col {
	font-weight: bold;
	background: transparent url(../_images/first_page.png) top left;
}

.cs-bg-boxbody-3col {
	border: 1px solid #5F8AB3;
	border-top: none;
}

.cs-bg-inner-header {
	font-weight: bold;
	padding: 9px;
	background: transparent url(../_images/bg-inner-header.png) no-repeat;
}

.cs-bg-default-border {
	border: 1px solid #5F8AB3;
}

.cs-bg-light-grouping {
	border-left: 2px solid #94b2ff;
	border-radius: 5px;
	margin-bottom: 5px;	
}

/* Images */

.productPic {
	border: 0px solid #5F8AB3;
}

.productListItem img.productImage {
	border:1px solid #fff;
}

.productListItem:hover img.productImage {
	border:1px solid silver;
}

/* Tables/Lists */

.dataTable {
	border: 1px solid #ffffff;
}

.dataTable th {
	color: #5f8ab3;
	font-weight: bold;
}

.cs-bg-highlight-hover, .cs-bg-highlight:hover, .productListItem:hover {
	background-color:#d4e5ff;
}

.cs-bg-highlight-selected {
	background-color:#dfffde;
}

.cs-bg-highlight-match {
	background-color:#fff5d9;
	border-bottom:1px solid #FFD967;
}

.submenuParent {
	border-right:1px dotted silver;
	border-left:1px dotted silver;
}

.submenuParent.hover {
	border-top:1px solid #94b2ff;
	border-left:1px solid #94b2ff;
	border-right:1px solid #94b2ff;
	background-color:#d4e5ff;
}

/* Deprecated boxes */

.oneCol .head {
	background: transparent url(../_images/bg_01col_head.png) top left;
	font-weight: bold;
}

.oneCol .content {
	border: 1px solid #5f8ab3;
	border-top: none;	
}

.twoCol .head {
	background: transparent url(../_images/bg_02col_head.png) top left;
	font-weight: bold;	
}

.twoCol .headBlue {
	color: #333;
	font-weight: bold;
	background: transparent url(../_images/bg_02col_head.png) top left;
}

.twoCol .content {
	border: 1px solid #5F8AB3;
	border-top: none;
}

.twoOneThirdCol .head {
	font-weight: bold;
	background: transparent url(../_images/bg_02_1-3_col_head.png) top left;
}

.twoOneThirdCol .content {
	border: 1px solid #5f8ab3;
	border-top: none;
}

.twoOneThirdCol.large .head {
	background: transparent url(../_images/bg_02_1-3_col_head.png) top left;
	font-weight: bold;
}

.twoOneThirdCol1 .head {
	font-weight: bold;
	background: transparent url(../_images/bg_col1.png) top left;
}

.twoOneThirdCol1 .content {
	border: 1px solid #5F8AB3;
	border-top: none;
}

.twoOneThirdCol2 .head {
	font-weight: bold;
	background: transparent url(../_images/bg_col2.png) top left;	
}

.twoOneThirdCol2 .content {
	border: 1px solid #5F8AB3;
	border-top: none;
}

.threeCol .head {
	font-weight: bold;
	background: transparent url(../_images/bg_03col_head.png) top left;
}

.threeCol .content {
	border: 1px solid #CCC8C5;
	border-top: none;
}

.fourCol .head {
	font-weight: bold;
	background: transparent url(../_images/bg_04col_head.png) top left;
}

.fourCol .content {
	border: 1px solid #5f8ab3;
	border-top: none;
}

.fourToFiveCol .head {
  color: #333;
	font-weight: bold;
	background: transparent url(../_images/bg_05_06_col_head.png) top left;
}

.fourToFiveCol .content {
	border: 1px solid #5F8AB3;
	border-top: none;
}

.fiveCol .head {
  color: #333;
	font-weight: bold;
	background: transparent url(../_images/bg_05col_head.png) top left;
}

.fiveCol .content {
	border: 1px solid #5F8AB3;
	border-top: none;
}

.sixCol .head {
  background: url("../_images/bg_import_information.png") repeat scroll left top transparent;
  color: #333333;
  font-weight: bold;
}

.sixCol .head_1 {
  border: 1px solid #5F8AB3;
  color: #0B337B;
  font-weight: bold;
}

.sixCol .content {
	border: 1px solid #5F8AB3;
}

.sixCol .contentAbsolute {
	border: 1px solid #5f8ab3;
	border-top: none;
}

.sevenCol .head {
	border: 1px solid #5F8AB3;
	color: #0b337b;
	font-weight: bold;
}

.sevenCol .content {
	border: 1px solid #5F8AB3;
	border-top: none;
}

.sevenCol .centercontentBR {
	border-top: none;
}

.sevenCol .centercontent {
	border: 1px solid #CCC8C5;
	border-top: none;
	border-radius: 0px 0px 10px 10px;
}

.eightCol .head {
	color: #666666;
	background: transparent url(../_images/bg_08col_head.png) top left;
}

.eightCol .content {    
  border: 1px solid #5F8AB3;
	border-top: none;
}

.eightCol1 .head { /*landingpagebox*/
	background: transparent url(../_images/bg_1col.png) top left;
  font-weight: bold;
}

.eightCol1 .largeHead { /*landingpagebox*/
	background: transparent url(../_images/bg_1col_facet.png) top left;
  font-weight: bold;
}

.eightCol1 .content { /*landingpagebox*/
	border: 0px solid #5f8ab3;
	border-top: none;
	color: #666;
}

.tenCol .head {
  border: 1px solid #5F8AB3;
  color: #0B337B;
  font-weight: bold;
}

.tenCol .content {
	border: 1px solid #5F8AB3;
}

.tenCol .content1 {
	border: 0px solid #fff;
}

.reportCol {
  border:1px solid #5f8ab3;
  background-color:#FFFFFF;
}


/* =====================================
   Forms and inputs
   ===================================== */

input[type="text"], input[type="password"], textarea, select {
	background-color: transparent;
	background-image: url(../_images/bg_input_text.png);
	background-repeat: repeat;
	border: 1px solid #94b2ff;
	color: #666;
}

.input-sub-extension {
	color: #666;
	border-right:1px solid #94b2ff;
	border-left:1px solid #94b2ff;
	border-top:1px dotted #94b2ff;
	border-bottom:1px solid #94b2ff;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	background-image: url(../_images/bg_input_text_double.png);
}

input[readonly], input[disabled], select[readonly], select[disabled], textarea[readonly], textarea[disabled] {
	border-color: silver;
	color: silver;
}

input[readonly].normal, input[readonly].datepicker, input[disabled].normal, select[readonly].normal, select[disabled].normal, textarea[readonly].normal, textarea[disabled].normal {
	background-color: transparent;
	background-image: url(../_images/bg_input_text.png);
	background-repeat: repeat;
	border: 1px solid #94b2ff;
	color: #666;
}

input[type="button"], input[type="submit"], button, .button, .button:visited, .smallButton, .smallButton:visited {
	background-image: url(../_images/btn_button_blue.png);
	background-repeat: repeat-x;
	background-color: #004281;
	border: 1px solid #004281;
	/* border-radius: 3px; */
	color: #fff;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

input[type="button"]:hover, input[type="submit"]:hover, button:hover, .button:hover, .smallButton:hover {
	background: #065fb3;
	text-decoration: none;
}

.disabledButton {
	color: silver !important;
	background: transparent url(../_images/bg_user_input.png) top left no-repeat !important;
}

option {
	background-image: url(../_images/bg_input_text.png);
}

/* =====================================
   Dialog boxes
   ===================================== */

/* Boxes / headlines */

.dialog h1 {
	color: #333;
	font-weight: bold;
	background: transparent url(../_images/bg_feature.png) top left;	
}