﻿@media print {
   thead {display: table-header-group;}
}
.IE8Fix
{
   z-index: 100;
}
.IE8FixCatalogue
{
   z-index: 100;
   padding:0px;   
}
.modalPopupTable
{
    border-width:0px;
    width:240px;
    background-color:#ecf4fc;
}
.modalPopupTableTD
{
    border-left: 1px solid #ECE9D8; 
    border-right: 1px solid #716F64; 
    border-top: 1px solid #ECE9D8;
    border-bottom: 1px solid #716F64;
}
.modalPopupInnerTable
{
    border-width:0px;
    width:100%;
}
.modalPopupInnerTableTD
{
    border-left: 1px solid #FFFFFF; 
    border-right: 1px solid #ACA899; 
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #ACA899;
}
.modalPopupDraggablePanelTD
{
    white-space:nowrap;
    background-color:#93b6e8;
    height: 15px; 
    width: 99%;
}
.modalPopupDraggablePanelCloseTD
{
    background-color:#93b6e8;
    width:1%;
}
.modalPopupDraggablePanel
{
    /*cursor:move; */
    width:100%;
}
.modalPopupTitle
{
    color:#FFFFFF;
    font-weight:bold;
}
.modalPopupContentsTD
{
    white-space:nowrap;
    background-color:White;
    width:95%;
}
.modalBackground 
{
	background-color:Silver;
	filter:alpha(opacity=30);
	opacity:0.3;
}

.updateProgress
{
    border-width:1px; 
    border-style:solid; 
    background-color:#FFFFFF; 
    position:absolute; 
    width:200px; 
    height:100px;    
}
.updateProgressMessage
{
    margin:3px; 
    font-family:Trebuchet MS; 
    font-size:small; 
    vertical-align: middle;
}
H2
{
	font-size:24px;
	font-weight:bold;
	margin:4px
}
TABLE,TD
{
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 10px
}
.links
{
    BORDER-RIGHT: black thin;
    BORDER-TOP: black thin;
    FONT-SIZE: 10px;
    BORDER-LEFT: black thin;
    COLOR: #000000;
    LINE-HEIGHT: 11px;
    BORDER-BOTTOM: black thin;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.chapterList
{
	background-color:#ffffff;
}

.altChapterList
{
	background-color:#cccccc;
}
.chapterListHeader
{
	background-color:#ffffff;
	border-top: black 1px solid; 
	border-bottom: black 1px solid;
}
.altChapterListHeader
{
	background-color:#cccccc;
	border-top: black 1px solid; 
	border-bottom: black 1px solid;
}

.text
{
    FONT-SIZE: 10px;
    Z-INDEX: 2;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.textrub
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.rubrik
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.ingress
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.stat
{
    BORDER-RIGHT: black;
    BORDER-TOP: black;
    BORDER-LEFT: black;
    BORDER-BOTTOM: black;
    BACKGROUND-REPEAT: repeat;
    BACKGROUND-COLOR: black
}
TABLE.table
{
    BORDER-RIGHT: black thin solid;
    BORDER-TOP: black thin solid;
    BORDER-LEFT: black thin solid;
    BORDER-BOTTOM: black thin solid;
    BACKGROUND-COLOR: silver
}
HR.hr
{
    COLOR: black
}
.text2
{
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
SELECT.zorder
{
    Z-INDEX: -99;
    VISIBILITY: visible;
    POSITION: absolute
}
.redText
{
    FONT-SIZE: 10px;
    COLOR: red;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
    TEXT-DECORATION: none
}
SELECT
{
    FONT-SIZE: 10px;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
SELECT SELECT.text
{
    FONT-SIZE: 10px;
    COLOR: black;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
    TEXT-DECORATION: none
}
INPUT
{
    FONT-SIZE: 10px;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.links2
{
    BORDER-RIGHT: black solid;
    BORDER-TOP: black solid;
    FONT-SIZE: 10px;
    BORDER-LEFT: black solid;
    COLOR: black;
    BORDER-BOTTOM: black solid;
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: none
}
INPUT.buttonLink
{
    FONT-WEIGHT: bolder;
    BACKGROUND-COLOR: #ff4d00
}
TH.menulink
{
    BORDER-RIGHT: gray 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #dddddd 1px solid;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: lighter;
    FONT-SIZE: 10px;
    PADDING-BOTTOM: 1px;
    MARGIN: 0px;
    BORDER-LEFT: #dddddd 1px solid;
    COLOR: black;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: gray 1px solid;
    FONT-FAMILY: Verdana, Arial;
    HEIGHT: 5px;
    BACKGROUND-COLOR: #555555
}
TABLE.menu
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid
}
.thLink
{
    FONT-SIZE: 10px;
    COLOR: white;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
A.ecmeny:active
{
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 4px;
    WIDTH: 100%;
    COLOR: white;
    LINE-HEIGHT: 11px;
    PADDING-TOP: 4px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ff4d00;
    TEXT-DECORATION: none
}
A.ecmeny:link
{
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 4px;
    WIDTH: 100%;
    COLOR: white;
    LINE-HEIGHT: 11px;
    PADDING-TOP: 4px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ff4d00;
    TEXT-DECORATION: none
}
A.ecmeny:visited
{
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 4px;
    WIDTH: 100%;
    COLOR: white;
    LINE-HEIGHT: 11px;
    PADDING-TOP: 4px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ff4d00;
    TEXT-DECORATION: none
}
A.ecmeny:hover
{
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 4px;
    WIDTH: 100%;
    COLOR: #ffffff;
    LINE-HEIGHT: 11px;
    PADDING-TOP: 4px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ad3400;
    TEXT-DECORATION: none
}

A.Menu, A.Menu:hover
{
	color:#ff4d00;
	text-decoration:none;
	font-weight:bold;
	background-color:#000000;
}

.MenuCatalogue img
{
	height:30px;
	width: 30px;	
}

.Grid 
{
	border: solid 0px #FFFFFF; 
}
.Grid td
{
	border: solid 0px #FFFFFF;
	margin: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
}
.GridCenterColumn
{
	text-align: center;
}
.GridRightColumn
{
	text-align: right;
}
.GridLeftColumn
{
	text-align: left;
}
.GridHeader
{
	color:White;
	font-weight: bold;
	background-color: #ff4d00;
}
.GridItem
{
	background-color: #cccccc;
}
.GridAltItem
{
	background-color: white;
}
.GridRow 
{
	border-style:none;
	background-color: #cccccc;
}
.GridFooter
{
	color:White;
	font-weight:bold;
	background-color: #507CD1;
}

.GridPager
{
	background-color:#ff4d00;
	color:White;
	text-align:center;
}
.GridSelRow
{
	background-color:#D1DDF1;
	font-weight:bold;
	color:#333333;
}
.GridEditRow
{
	background-color:#2461BF;
}

.GridHiddenColumn 
{ 
	display:none; 
}

.modalBackground {
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}
.confirm{
   background-color:White;
   padding:10px;
   width:370px;
}

.Calendar .ajax__calendar_container
{
	border: 0.2px solid #646464;
	background-color: #ff4d00;
	color: #ff4d00;
}
.Calendar .ajax__calendar_hover .ajax__calendar_day
{
	background-color: #ff4d00;
	color: white;
	font-weight: bold;
}
.Calendar .ajax__calendar_hover .ajax__calendar_month
{
	background-color: #ff4d00;
	color: white;
	font-weight: bold;
}
.Calendar .ajax__calendar_hover .ajax__calendar_year 
{
	background-color: #ff4d00;
	color: white;
	font-weight: bold;
}
.Calendar .ajax__calendar_body
{
	background-color: lightgrey;
	color: black;
	font-weight: bold;
}
.Calendar .ajax__calendar_footer
{
	background-color: lightgrey;
	color: #ff4d00;
	font-weight: bold;
}
.Calendar .ajax__calendar_header
{
	background-color: lightgrey;
	color: #ff4d00;
	font-weight: bold;
}
.Calendar .ajax__calendar_prev
{
	background-color: lightgrey;
}
.Calendar .ajax__calendar_next
{
	background-color: lightgrey;
}
.Calendar .ajax__calendar_title
{
	background-color: lightgrey;
	color: #ff4d00;
	font-weight: bold;
}

/*Menu control style*/
.Menu
{
	color:white;
	text-align:left;
	padding:3px;
	background-color:#000000;			
}
.MenuCatalogue
{
	color:white;
	text-align:left;	
	background-color:transparent;	
	padding:0px;		
}

.level1
{
    color: #FFFFFF;
    background-color: #000000;    
}

.level2
{
    color: #FFFFFF;
    background-color: #000000;      
}

.level3
{
    color: #FFFFFF;
    background-color: #000000;   
}

.level1Catalogue
{
    color: #000000;
    background-color: transparent;    
}

.level2Catalogue
{
    color: #FFFFFF;
    background-color: #000000;  
    padding:5px;
    margin:0px;     
}

.level3Catalogue
{
    color: #FFFFFF;
    background-color: #000000;   
}

.hoverstyle
{
	
    font-weight: bold;    
}
       
.sublevel1
{
    background-color: black !important;
    color: White !important;    
}  

.DynamicHoverStyle
{	
	color: #ffffff;
	background-color: #FF4D00;
}
.level1DynamicHoverStyleCatalogue
{	
	color: #ffffff;
	background-color: #FF4D00;		
}
.level2DynamicHoverStyleCatalogue
{		
	color: #ffffff;
	background-color: #FF4D00;		
	padding:5px;
	margin:0px;
}

.preview{
  	position:absolute;
	z-index:20;
	layer-background-color:#507CD1;
	background-color:#507CD1;
	border: 2px solid;
	border-color:#80B09F;
	font-family:Tahoma,Arial;
	font-size:8pt;
	visibility:hidden;
	padding:6 7 7 6;
}

#popup 
{
	position:absolute ;
	top:20%;
	left:20%;
	width: 330px; 
	height:130px;
	background-color:white;
	margin:10px;
	border: 2px solid;
	border-color:#80B09F;
	padding:10px;
    visibility:hidden;
}
.ScrollPanel { 
	scrollbar-base-color:#FFFFFF;
	scrollbar-track-color: #FFFFFF;
} 
.BahcoColourText
{
	color: #FF4d00;
}
.BahcoBackgroundColour
{
 background-color:#FF4d00;
}
.BahcoHorizontalRule
{
	color: #FF4d00;
	background-color: #FF4d00;
	height: 1px;
}
.BahcoFrame
{
	border-style:solid;
	border-width:medium;
	border-color:#FF4d00; 
}
.BahcoBottomLine
{
	border-bottom-color:#ff4d00;
	border-bottom-width:medium;
	border-bottom-style:solid;
}
.IrimoColourText
{
	color: #3366FF;
}
.IrimoBackgroundColour
{
 background-color:#3366FF;
}
.IrimoHorizontalRule
{
	color: #3366FF;
	background-color: #3366FF;
	height: 1px;
}
.IrimoFrame
{
	border-style:solid;
	border-width:medium;
	border-color:#3366FF; 
}
.IrimoBottomLine
{
	border-bottom-color:#3366FF;
	border-bottom-width:medium;
	border-bottom-style:solid;
}
.MasterTitle
{
    FONT-SIZE: 18px;
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
}
DIV#logo { 
position: absolute; 
left: 5px; 
top: 5px; 
width: 113px; 
height: 114; 
z-index: 2; 
} 
.CommonPictureFormat
{
 border-width:0px;
}
.OtherPictureFormat
{
 border-width:0px;
}
.DrawingPictureFormat
{
	width:105px;
	border-width:0px;
}
.IconPictureFormat
{
	width:40px;
	border-width:0px;
}

.Title
{	
	border-spacing: 0;		
    width: 100%;    
    padding: 6px; 	    
    behavior: url(./includes/PIE/PIE.htc);
}

.Content
{
	margin-bottom: 0;
	margin-top: 0;	
	margin-left: auto;
    margin-right: auto;
    width: 1000px;
    padding: 6px; 	    
}

.Footer
{
	border-spacing: 0;		
    width: 100%;    
    padding: 6px; 	    
   
}

body
{
	background-image:url('images/bg_pattern.png');	
}

.catalogueArticles
{
	border-style: none;
	border-width: 10px;	
	width: 100%;	
}