/*Remove below line to remove shadow. Below line should always appear last within this CSS*/

/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}*/

/*For all links in the footer - the arrow is added by the script in formatlinks.js*/

/****************************************************/

/*                    DOTS                          */

/****************************************************/

/*Horizontal dots - used between the header and the navigation/content/fifth element/ product finder
					and between the footer and the navigation/content/fifth element/ product finder*/

.ui-state-error
{
    background-color: #FFDDDD;
    border: solid 1px #F00;
}

.messageField
{
    padding: 2px;
    font-family: Arial;
}
.messageFieldHeader
{
    font-family: Arial;
    margin-top: 5px;
    font-weight: bold;
    font-size: 11px;
}
.messageFieldHeader span
{
    padding-left: 5px;
    color: #aaa;
    font-size: 10px;
}

.horizontalDots
{
    

	/*background-image: url(/images/HorizontalDot1.GIF); */
    border-top: 1px dotted #888;	
	margin: 0;
	padding: 0;
	height: 1px;
}

.horizontalDots_Grey 
{
	/*background-image: url(/images/HorizontalDots_grey.gif); */
    border-top: 1px dotted #888;	
	margin: 0;
	padding: 0;
	height: 1px;
	
	z-index: 1;
}

.horizontalDots_News 
{
	/* background-image: url(/images/HorizontalDots_grey.gif); */
	
    border-top: 1px dotted #888;	
	
	height: 1px;
	width: 140px;
	margin: 25px 0 5px -2px;
	z-index: 1;
}

.horizontalDots_Abs
{
    /*position: absolute;
    top: 0px; */
    width: 140px;
	background-image: url(/images/HorizontalDots_grey.gif);
	height: 1px;
	margin-left: 10px;
	margin-bottom: 5px;
	z-index: 1;
}


.verticalDots 
{
	background-image: url(/images/VerticalDot1.GIF);
	width: 1px;
}

@media print 
{
	.LogoOnPrint
	{
		border:0px;
		padding:0px 0px 0px 0px;			
	}


	.topField
	{
		display: none;
	}

	.leftField
	{
		display: none;
	}
	
	.rightField
	{
		display: none;
	}
	
	.bottomField
	{
		display: none;
	}
						
		
	.hideWhenPrinting
	{
		display: none;
		padding:0px 0px 0px 0px;
	}
	.masterTable
	{
		width: 640px;
	}
	.litTable
	{
		width: 620px;
	}	
}

@media screen
{
	.LogoOnPrint
	{
		display: none;	
	}


	.topField
	{
		border:0px;
		padding:0px 0px 0px 0px;
	}	

	.leftField
	{
	    position: relative;
		width:169px;
		background-color: #C0C0C0;
		vertical-align:top;
		border:0px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		overflow:hidden;
	}

	.rightField
	{
	    position: relative;
		width:169px;
		background-color: #C0C0C0;
		vertical-align:top;
		border:0px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		overflow:hidden;
		z-index:1;
	}

	.bottomField
	{
		vertical-align:bottom;
		height: 15px;
		border:0px;
		padding:0px 0px 0px 0px;
	}

	.masterTable
	{
		width: 1000px;
	}
	.litTable
	{
		width: 783px;
	}		
}

.Info 
{
	font-family: Verdana;
	font-size: 10pt;
	color: #008000;
	font-weight:normal;
}

.Error
{
	font-family: Verdana;
	font-size: 10pt;
	color: #F00000;
	font-weight: normal;
}


.defaultText
{
	font-family: Verdana, Arial;
    font-size: 10px;
    padding: 3px;
    border: solid 1px #888;    
}


select 
{
	font-family: Verdana, Arial;
    font-size: 10px;
    padding-left: 1px;
    padding-right: 1px;
}

.formField, select.formField
{
	font-family: Verdana, Arial;
    font-size: 10px;    
    padding: 3px;
    border: solid 1px #aaa;
}

span.sub
{
    display: block;
    color: #888;
    font-family: Verdana;
}

.lightGrayCell 
{
	background-color: #F0F0F0;
}

.GridItem
{
    background-color: #ffffff;
    border-bottom: solid 1px #A0A0A0;
    color: black;
    font-family: Verdana, Arial;
    font-size: 10px;
    padding-left: 5px
}

.GridItemAlt
{
    background-color: #F0F0F0;
    border-bottom: solid 1px #A0A0A0;
    color: black;
    font-family: Verdana, Arial;
    font-size: 10px;
    padding-left: 5px
}

.GridItemTP
{
    background-color: #ffffff;
    border-bottom: solid 1px #A0A0A0;
    color: black;
    font-family: Verdana, Arial;
    font-size: 10px;
    padding-left: 5px
}

.GridItemAltTP
{
    background-color: #ffffff;
    border-bottom: solid 1px #A0A0A0;
    color: black;
    font-family: Verdana, Arial;
    font-size: 10px;
    padding-left: 5px
}

.Lit
{
	color: black;
    font-family: Verdana, Arial;
    font-size: 10px;
    padding-left: 5px;
    padding-bottom: 3px;
}

.LitItem { background-color: #F0F0F0; }
.LitItemAlt { background-color: #FFFFFF; }

.ListItem
{
    background-color: #ffffff;
    border: solid 1pt #A0A0A0;
    color: black;
    font-family: Verdana, Arial;
    font-size: 10px;
    padding-left: 5px;
    padding-bottom: 3px;}

.ListItemAlt
{
    background-color: #F0F0F0;
    border: solid 1pt #A0A0A0;
    color: black;
    font-family: Verdana, Arial;
    font-size: 10px;
    padding-left: 5px;
    padding-bottom: 3px;
}

.ToolTip
{
font-family: Verdana, Arial,  Tahoma;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: white;
}

/* Style on all bullets/numbered lists */

ol, ul {color: #333333;
font-size: 10px;
font-family: verdana;
font-weight: normal;
}

body 
{
	font-family: Verdana;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-size: 10px;
	color:#000000;
}

.body2
{
	font-family:Verdana;
	font-size:10px;
	font-weight:normal;
	color:#333333;
}

a.mainnews 
{
	font-family: Verdana;
	color: #333333;
	font-size: 10;
	font-weight: bold;
	text-decoration: none
}

a.mainnews:visited 
{	
	font-family: Verdana;
	color: #333333;
	font-size: 10;
	font-weight: bold;
	text-decoration: none
}

a.mainnews:hover 
{
	font-family: Verdana;
	color: #333333;
	font-size: 10;
	font-weight: bold;
	text-decoration: none
}

.newsdate 
{	
	font-family: Verdana;
	color: #333333;
	font-size: 7pt;
	text-decoration: none
	}

/****************************************************/

/*            GENERIC TEMPLATES	                    */

/****************************************************/

/*The height and width of the fifth element*/

#fifthElement {color: #333333;
height: 553px;
width: 243px;}

/*The width of the fifth element - used in the footer to align outermost rigth text*/

#fifthElementWidth {color: #333333;
width: 243px;}

/*The height and width of the productfinder*/

#productFinder {color: #333333;
height: 553px;
width: 243px;}

/*The height and width of the footer*/

#footer {color: #333333; }

.contentAreaWithLeftNavigation {color: #333333; width: 500px; }

/****************************************************/

/*                 HEADER   	                    */

/****************************************************/

/*Style for all text in the header except the topmenu*/

.headerTexts {font-family: Verdana,Tahoma;
font-size: 10px;
color: #333333;
text-decoration: none;}

/*Style for the topmenu (not dropdown menues!)*/

.topMenuText {font-family: tahoma;
font-size: 11px;
color: #333333;
text-decoration: none;}

/*The style for the search text box and the typed text*/

.searchTextBox 
{	
	font-family: tahoma;
	font-size: 10px;
	height: 15px;
	padding: 0px;
	margin: 0px; 
	width: 120px;
	line-height: 13px;
	padding-left:3px;
}

/****************************************************/

/*            	      FOOTER                        */

/****************************************************/

/*For all text in the footer*/

.disclaimer 
{
	font-family: tahoma;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}

.disclaimerLink 
{
	font-family: tahoma;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
}

a.disclaimerLink:hover
{
	font-family: tahoma;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
}

a.disclaimerLink:hover
{
	font-family: tahoma;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
}

a.disclaimerLink:visited 
{
	font-family: tahoma;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
}

/****************************************************/

/*                   BREADCRUMB	                    */

/****************************************************/

/*Defines where the breadcrumb should begin if there is no leftnavigation
  Used in ProductCategories template + MasterHeaderFooter*/

.breadcrumbItem { float: left; width: auto; height: auto; text-decoration: none; }

.breadcrumbNoLeftNav 
{
	width:162px;
	font-family:Tahoma;
	font-size:10px;
	color:#333333;
}

/*Defines where the breadcrumb should begin if there is no leftnavigation and no margin
  Used in IFrame03 template + MasterFifth*/

.breadcrumbNoLeftNavMargin 
{
	width:178px;
	font-family:Tahoma;
	font-size:10px;
	color:#333333;
}

/*Used for breadcrumb*/
.verdana10BreadCrumb 
{
	color: #333333;
	font-size: 10px;
	font-family: verdana;
	text-decoration: none;
}

.tahoma10BreadCrumb
{
	font-family:Tahoma;
	font-size:10px;
	color:#333333;
	text-decoration:none;
}

a.breadCrumbLink, a.breadCrumbLink:hover, a.breadCrumbLink:visited
{
	color: #333333;
	font-size: 10px;
	font-family: Tahoma;
	text-decoration: none;
	font-weight: normal;
	white-space: nowrap;
}

/****************************************************/

/*                   MARGINS	                    */

/****************************************************/

/*Margin (horizontal) height 24px.
  Used between the dots and the content / breadcrumb and the content*/

.marginHeight24 {height: 24px;}

/*Margin (horizontal) height 20px.
  Used in the left nav as the top margin*/

.marginHeight20 {height: 20px;}

/*Margin (horizontal) height 18px.
  Used between placeholder with text and related link*/

.marginHeight18 {height: 18px;}

/*Margin (horizontal) height 16px.
  Used between placeholder with text and related link*/

/*Margin (horizontal) height 14px.
  Used in the content area and the fifth element area*/

.marginHeight14 {height: 14px;}

/*Margin (horizontal) height 12px.
  Used between the dots and the breadcrumb / the dots and the links/emails*/

.marginHeight12 
{
	height: 12px;
	border-width:0px;
	padding:0px 0px 0px 0px;
}

/*Margin (horizontal) height 6px.
  Used in the news summary control between the title and the summary*/

.marginHeight7 {height: 7px;}

/*Margin (horizontal) height 6px.
  Used in the news summary control between the title and the summary*/

.marginHeight6 {height: 6px;}

/*Margin (horizontal) height 4px.
  Used in the header between the dots and the text*/

.marginHeight4 {height: 4px;}

/*Margin (horizontal) height 2px.
  Used in the left menu of home page*/

.marginHeight2 {height: 2px;}

/*Margin (vertical) width 24px.
  Used between the dots and the content and between the content and fifth element / productfinder*/

.marginWidth24 {width: 24px;}

/*Margin (vertical) width 22px.
  Used in the front page and similar places with 3 columns in the middle area*/

.marginWidth22 {width: 22px;}

/*Margin (vertical) width 20px.
  Used at the outermost left side of the screen (not in left menu)*/

.marginWidth20 {width: 20px;}

/*Margin (vertical) width 18px.
  Used in the left menu of home page*/

.marginWidth18 {width: 18px;}

/*Margin (vertical) width 12px.
  Used in the left nav sub menu*/

.marginWidth12 {width: 12px;}

/*Margin (vertical) width 6px.
  Used at the outermost right side of the screen - in the header*/

.marginWidth6 {width: 6px;}

/*Margin (vertical) width 5px.
  Used in the left navigation*/

.marginWidth5 {width: 5px;}

/*Margin (vertical) width 2px.
  Used in the footer between dots and text, in the leftnav as left and right margin and
  at the outermost right side of the screen (middle area + header; used in left menu)*/

.marginWidth2 {width: 2px;}


/****************************************************/

/*                ARROW (LINKS)                     */

/****************************************************/

/*This style is used on all arrows in front of links*/

.linkarrow {color: red;
font-size: 11px;
font-family: arial;
font-weight: bold;
padding-left: 0px;
padding-right: 2px;
text-decoration: none;
vertical-align:top;
}

.linkarrowproductsearch {color: red;
font-size: 10px;
font-family: verdana;
font-weight: normal;
padding-left: 0px;
padding-right: 1px;
text-decoration: none;}

.linkarrowWithoutPadding {color: red;
font-size: 11px;
font-family: arial;
font-weight: bold;
text-decoration: none;}

.linkarrowLeftMenuItem {color: red;
font-size: 11px;
font-family: arial;
font-weight: bold;
padding-left: 4px;
padding-right: 10px;
text-decoration: none;
width:18px;}

/****************************************************/

/*                   BUTTONS                        */

/****************************************************/

/*The only style for buttons yet!!*/

.defaultButton {cursor: hand;
font-family: Tahoma;
font-size: 11px;
color: red;
background-color: #D5D5D5;
border-width: 1px;
border-style: solid;
border-color: #666666;}

/****************************************************/

/*                   FONTS                          */

/****************************************************/

h1 
{
	font-family: Verdana;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	margin-bottom: 0px;
}

h2 
{
	color: #333333;
	font-size: 10px;
	font-weight: bold;
	font-family: verdana;
	text-decoration: none;
	margin-bottom: 0px;
}

h3 
{
	color: #333333;
	font-size: 10px;
	font-weight: bold;
	font-family: verdana;
	text-decoration: none;
	margin-bottom: 0px;
	margin-top: 0px;
}

h4 
{
	color: #333333;
	font-size: 10px;
	font-family: verdana;
	text-decoration: none;
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-left: 2px;
}

.header1
{
	color: #333333;
	font-size: 13px;
	font-weight: bold;
	font-family: verdana;
	text-decoration: none;
	margin-bottom: 0px;
}

.header2
{
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	font-family: verdana;
	text-decoration: none;
	margin-bottom: 0px;
}

.header3
{
	color: #333333;
	font-size: 10px;
	font-weight: bold;
	font-family: verdana;
	text-decoration: none;
	margin-bottom: 0px;
}

.tahoma10
{
	font-family: Tahoma;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
}

.topNavigation
{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	vertical-align: bottom;	
}

.tahoma11bold
{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}


.fifthelementcontentcontainer
{
	position:relative;
	top: -12px;
	margin-top: -12px;
	vertical-align:top;
}

/*Used for headings*/

.verdana13, .verdana13:hover, .verdana13:visited {color: #333333;
font-size: 13px;
font-weight: bold;
font-family: verdana;
text-decoration: none;}

/*Used for all plain text*/

.verdana10 {color: #333333;
font-size: 10px;
font-family: verdana;
font-weight: normal;}

/*Used for all plain text*/

.smallText {color: #333333;
font-size: 9px;
font-family: verdana;
font-weight: normal;}

/*Used for all bold headings*/

.verdana10Bold {color: #333333;
font-size: 10px;
font-weight: bold;
font-family: verdana;
text-decoration: none;}

/*Used for all links - the red arrow is placed in front of the link*/
th.verdana10Link
{
	color: #333333;
	font-size: 10px;
	font-family: verdana;
	text-decoration: none;
}

/*Used for all links - the red arrow is placed in front of the link*/

.verdana10link 
{
	color: #333333;
	font-size: 10px;
	font-family: verdana;
	text-decoration: none;
	font-weight: normal;
}

.verdana10LinkBold
{
	color: #333333;
	font-size: 10px;
	font-family: verdana;
	text-decoration: none;
	font-weight: bold;
}

/*Used for links where the red arrow should not be added in front
  Used in the linkplaceholder - to be able to align links when they are wrapping*/

.verdana10LinkNoArrow {color: #333333;
font-size: 10px;
font-family: verdana;
text-decoration: none;}

/*Used for placeholders where the user can use more font sizes and
  where there is full formatting*/

.verdana {color: #333333;
font-family: verdana;
text-decoration: none;}

/****************************************************/

/*                   IMAGE                          */

/****************************************************/

/* Used by NewsSummaryControl */

.imageWithRightMargin24 {margin-right:24px;}

/* Used by ThreeColumnsSummaryControl */

.imageWithBottomMargin24 {margin-bottom: 14;}


/* Used to add hand icon in connection with image */

.imageHand {cursor: hand;}

/****************************************************/

/*            Only visible in print!    			*/

/****************************************************/

/* Hides the logo when print has not been selected  */

.printLogo {display:none;}


a 
{	
	font-family:Verdana;
	font-size:10px;
	color: #333333;
	text-decoration:none;
}
a:visited 
{	
	font-family:Verdana;
	font-size:10px;
	color: #333333;
	text-decoration:none;
}	
a:hover
{
	font-family:Verdana;
	/*font-size:10px;*/
	color: #333333;
	text-decoration:none;
}

/****************************************************/

/*            New Design - Cleanup Later   			*/

/****************************************************/

/* The design of the left grey field */

.masterTable
{
	/*height: 600px;*/
	padding:0px 0px 0px 0px;
	border-style:solid;
	border-width:1px; 
	border-color:#666666;
	border-spacing:0px;
	/*border-collapse:collapse;*/
    overflow: visible;
	margin-left: auto;
	margin-right: auto;
}
.masterDiv
{
	width:1000px;
	overflow:hidden;
	margin-left: auto;
	margin-right: auto;
}

.topCenterField
{
	width: 662px;
	height:100px;
	border:0px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	vertical-align:top;
    overflow :visible;
	/*position:relative;*/
	z-index: 1000;	
}

.topCenterFieldDiv
{
	vertical-align:bottom;
	width: 614px;
	padding:0px 24px 0px 24px;
	margin:0px 0px 0px 0px;
	overflow:visible;
	z-index: 1000;
}

td.topCenterFieldDiv
{
	vertical-align:bottom;
	width: 614px;
	padding:0px 24px 0px 24px;
	margin:0px 0px 0px 0px;
	overflow:visible;
	z-index: 1000;
}


.bottomFieldDiv
{
	padding:4px 24px 4px 24px;
	overflow:hidden;
}
.centerField
{
	height:100px;
	padding:0px 0px 0px 0px;
	overflow:auto;
	vertical-align:top;
	z-index:1;
}
.centerFieldDiv
{
	padding:0px 0px 0px 0px;
	overflow:auto;
	vertical-align:top;
	z-index:1;
}
.rowMiddle
{
	height:450px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
}

.leftFieldDiv
{
	width:145px;
	/* height:100%; */
	overflow:hidden;
	padding: 0px 12px 12px 12px;
}

.rightFieldDiv
{
	width:145px;
	overflow:hidden;
	padding:0px 12px 12px 12px;
	z-index:1;
}
.rightFieldDiv ul
{
	margin-left: 15px;
}

/* Search area Style*/
.rightTopField
{
	width:169px;
	vertical-align:top;
	/*background-color: #C0C0C0;*/
	padding:0px 0px 0px 0px;
	overflow:hidden;
	position:relative;
}
.rightTopFieldDiv
{
	width:145px;
	height:76px;
	overflow:hidden;
	padding:5px 12px 12px 12px;
	/*z-index: 1000; */
}

/* Sitename Style */
.leftTopField
{
	width:169px;
	vertical-align:top;
	background-color: #C0C0C0;
	padding:0px 0px 0px 0px;
	overflow:hidden;
}

.leftTopFieldDiv
{
	width:145px;

	overflow:hidden;
	padding: 5px 12px 0px 12px;
}

.leftTopFieldTable
{
	/*height: 88px;*/
}

a.SiteName 
{
	font-family:tahoma;
	font-size:13px;
	color:#000000;
	font-weight: bold;
	text-decoration:none;
	text-decoration: none;
	vertical-align: top;
}

a.SiteName:visited 
{
	font-family:tahoma;
	font-size:13px;
	color:#000000;
	font-weight: bold;
	text-decoration:none;
	text-decoration: none;
	vertical-align: top;
}

a.SiteName:hover 
{
	font-family:tahoma;
	font-size:13px;
	color:#000000;
	font-weight: bold;
	text-decoration:none;
	text-decoration: none;
	vertical-align: top;
}
.hideWhenPrinting
{
	padding:0px 0px 0px 0px;
	height:15px;
}

.danfossLogoStyle
{
	margin-right: -8px;
	right: -8px;
}
/****************************************************/

/*                   MENU                          */

/****************************************************/

/* Used by Unselected TopNav Items */

.menuStyle
{
	/*height: 24px;*/
	vertical-align:bottom;
}
.menuStyle a:link
{
	font-family:tahoma;
	font-size:11px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	padding:0px 1px 0px 4px;
	margin:0px 0px 0px 0px;
}
.menuStyle a:visited
{
	font-family:tahoma;
	font-size:11px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	padding: 0px 1px 0px 4px;
	margin:0px 0px 0px 0px;
}
.menuStyle a:hover
{
	font-family:tahoma;
	font-size:11px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	padding:0px 1px 0px 0px;
	margin:0px 0px 0px 4px;
	border-width:0px;
	width:100%;
	background-color: #DDDDDD;
}

/*************************/
/*		Sub Nav			 */
/*************************/
.topNavigationSubMenu 
{
	font-family:tahoma;
	font-size:10px;
	color:#000000;
	text-decoration:none;
	font-weight:normal;
	background-color:#C0C0C0;
	padding:1pt 1pt 1pt 1pt;
	margin: 0px 0px 0px 0px;
	border: solid 1px #C0C0C0;
}

 .MenuItemStyle
{
    background-color: Gray;
    color: #0171BA;
}
 .MenuItemStyle a
{
    display: block !important;
    padding: 5px 15px;
    background-image: none !important; 
    background-repeat: no-repeat;  
}

.topSubMenuItem
{
	font-family:tahoma;
	font-size:10px;
	color:#000000;
	text-decoration:none;
	font-weight:normal;
	background-color:#C0C0C0;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border: solid 0px #C0C0C0;
}

.topSubMenuItem a:link
{
	font-family:tahoma;
	font-size:10px;
	color:#000000;
	text-decoration:none;
	font-weight:normal;
	background-color:#C0C0C0;
	display:block;
}
.topSubMenuItem a:hover
{
	font-family:tahoma;
	font-size:10px;
	color:#000000;
	text-decoration:none;
	font-weight:normal;
	background-color:#DDDDDD;
	display:block;
}
.topSubMenuItem a:visited
{
	font-family:tahoma;
	font-size:10px;
	color:#000000;
	text-decoration:none;
	font-weight:normal;
	display:block;
}

html>body 
{
}

/*********************************/
/* Used by selected TopNav Items */
/*********************************/
.topNavigationItemSelected 
{
	color:red;
}

.topNavigationItemSelected:visited 
{
	color:red;
}

.topNavigationItemSelected:hover 
{
	color:red;
}

/******************/
/* Used by leftnav*/
/******************/

.leftNavigation 
{
	width:100%;
	background-color:#C0C0C0;
	border-width:0px;
}
.leftNavigationRow
{
	background-color: #C0C0C0;
	padding: 0px 2px 0px 2px;
}
.leftNavigationRow:visited
{
	background-color: #C0C0C0;
	padding: 0px 2px 0px 2px;
}
.leftNavigationRow:hover
{
	background-color: #DDDDDD;
}
.leftNavigationRowSelected
{
	color:Red;
}
.leftNavigationRowSelected:hover
{
	color:Red;
	background-color: #DDDDDD;
}

.leftNavigationItemText 
{
	text-align:left;
	vertical-align:middle;
	font-family:tahoma;
	font-size:10px;
	color:#333333;
	width:100%;
	text-decoration:none;
	DISPLAY: block;
	PADDING-right: 2px;
}

.leftNavigationItemTextSelected 
{
	text-align:left;
	vertical-align:middle;
	font-family:tahoma;
	font-size:10px;
	color:red;
	width:100%;
	text-decoration:none;
	DISPLAY: block;
	PADDING-right: 2px;
}

/* Used by Unselected leftnav Items */

.leftNavigationItemCell 
{
	text-align:left;
	vertical-align:top;
	text-decoration:none;
	DISPLAY: block;
	width:8px;
	padding:2px 0px 2px 0px;
}

.leftNavigationItem 
{
	text-align:left;
	vertical-align:middle;
	font-family:tahoma;
	font-size:10px;
	color:#000000;
	width:137px;
	text-decoration:none;
	DISPLAY: block;
	padding:2px 0px 2px 0px;
	}

.leftNavigationItem:visited 
{
	text-align:left;
	vertical-align:middle;
	font-family:tahoma;
	font-size:10px;
	color:#000000;
	width:137px;
	text-decoration:none;
	DISPLAY: block;}

/* Used by Unselected leftav Items while hover*/

.leftNavigationItem:hover 
{
	background-color:#DDDDDD;
	font-family:tahoma;
	font-size:10px;
	color:#000000;
}

/* Changes the entire row when hovering, used to apply hoverstyle to linkarrow */
.hlt td 
{
	background-color:#DDDDDD;
}

/* Used by selected leftnav Items */

.leftNavigationItemSelected {padding-top:2px;
padding-bottom:2px;
text-align:left;
vertical-align:middle;
font-family:tahoma;
font-size:10px;
color:#333333;
width:100%;
text-decoration:none;
background-color:#C0C0C0;
color:red;}

.leftNavigationItemSelected:visited {padding-top:2px;
padding-bottom:2px;
text-align:left;
vertical-align:middle;
font-family:tahoma;
font-size:10px;
color:#333333;
width:100%;
text-decoration:none;
background-color:#C0C0C0;
color:red;}

/* Used by selected leftnav Items while hover*/

.leftNavigationItemSelected:hover 
{
	background-color:#DDDDDD;
	font-family:tahoma;
	font-size:10px;
	color:#000000;
}

/* Used by submenu of leftnav */

.leftNavigationSubMenu {width:100%;
white-space:nowrap;}

/* Used by unselected submenu items of leftnav */

.leftSubMenuItemCell 
{
	background-color:#C0C0C0;
}

.leftSubMenuItem 
{	
	font-family: tahoma;
	font-size: 10px;
	font-family: tahoma;
	color: #000000;
	width: 130px;
	text-decoration:none;
	DISPLAY: block;
	padding: 1px 0px 1px 0px;
}

.leftSubMenuItem:visited 
{	
	font-family: tahoma;
	font-size: 10px;
	font-family: tahoma;
	color: #000000;
	width: 100%;
	text-decoration: none;
	background-color: #C0C0C0;	
	DISPLAY: block;
}

/* Used by unselected submenu items of leftnav while hover */

.leftSubMenuItem:hover 
{
	background-color:#DDDDDD;
	font-family:tahoma;
	font-size:10px;
	color:#000000;
}

/* Used by selected submenu items of leftnav */

.leftSubMenuItemSelected 
{
	font-family: tahoma;
	font-size: 10px;
	color: red;
	width: 100%;
	text-decoration: none;
	display: block;
	padding: 1px 0px 1px 0px;	/* padding: 1px 0px 1px 10px; */ 
}

.leftSubMenuItemSelected:visited 
{
	font-family: tahoma;
	font-size: 10px;
	color: red;
	width: 100%;
	text-decoration: none;
	display: block;
}

/* Used by selected submenu items of leftnav while hover*/

.leftSubMenuItemSelected:hover 
{
	background-color: #DDDDDD;
	font-family: tahoma;
	font-size: 10px;
	color: #000000;
}

/*Local Sites*/
.ajax__dropdown_arrow {position:absolute;height:100%;overflow:hidden;}
.ajax__dropdown_panel {background:white;}
.ajax__dropdown_frame {overflow:hidden;font-size:1px;text-align:right;position:absolute;cursor:pointer;}
.ajax__dropdown_frame_line {overflow:hidden;font-size:1px;position:absolute;cursor:pointer;}
.ajax__dropdown_arrow_image {background:url(<%=WebResource("AjaxControlToolkit.DropDown.drop-arrow.gif")%>) no-repeat 50% 50%;}
.ajax__dropdown_arrow_wrapper {position:absolute;top:50%;left:50%;}
.ajax__dropdown_arrow_wrapper img {position:relative;top:-50%;left:-50%;}

.ContextMenuPanel 
{
	border: 1px solid #868686;
	background-color: #FFFFFF;
	position:relative;
	z-index: 1000;
	cursor: default;
	padding: 1px 1px 0px 1px;
	font-size: 11px;
	height: 500px;
	width:250px;
	overflow:auto;
}
a.ContextMenuItem
{
	margin: 1px 0 1px 0;
	display: block;
	color: #000000;
	text-decoration: none;
	cursor: pointer;	
	padding: 1px 1px 1px 1px;
	white-space: nowrap;
}

a.ContextMenuItem-Selected
{
}

a.ContextMenuItem:hover
{
	background-color: #DDDDDD;
}

/* Styles for LiteratureDocs.aspx */
.LitTableStyle
{
	width:800px;
	overflow:hidden;
}
.CellPadding
{
	padding-left: 7px; 
	padding-top: 10px;
}
.CellPaddingNoTop
{
	padding-left: 7px; 
}

/****************************************************/

/*					NewsFeed.ascx	    			*/

/****************************************************/

#tableNewsFeed
{
	border-collapse:collapse; 
	border-spacing:0px;
	overflow:hidden; 
	border: 0;
}

.NewsFeedItemsStyle
{
	padding:0px 0px 0px 0px; 
	border: 0;
}

.SpacingRow
{
	display:none;
}

.SpacingCell
{
	
}

.NewsHeadline
{
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	font-family: verdana;
	text-decoration: none;
	margin-bottom: 0px;
}

.dlNewsStyle
{
	
}

.NewsDateStyle
{
	font-family:Verdana;
	font-size:10px;
	font-weight:normal;
	color:#333333;
}

.hidden
{
	display:none;
}

clipboardItem { vertical-align: middle; text-align: left; }

clipboardText { visibility: hidden; display: none; }

.literatureSearchBox
{
    padding: 10px;
    border: solid 1px #808080;
    background-color: #efefef;
    margin: 10px;
    display: block;
    
}
.literatureSearchBox h2
{
    margin-top: 0;
    padding-bottom: 5px;
}

.literatureSearchBox a
{
    padding-left: 3px;
}

/*.literatureElements
{
    padding: 10px;
}*/

.literatureElements > div
{
    float: left;
    width: 190px;
    overflow: hidden;
    height: 20px;
}



/* root element for tabs  */
#maTabs { 
	list-style:none; 
	margin: 0;
	padding:0;	
	height:20px;
	background-color: #efefef;
}

/* single tab */
#maTabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
	background-color: #efefef;
}

/* link inside the tab. uses a background image */
#maTabs a { 
	font-size:9px;
	display:block;
    line-height: 16px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding: 2px 4px 3px 4px;
	margin:0px;	
	position:relative;
	background-color: #efefef;
    
}

#maTabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
#maTabs a:hover {
	background-color: #000000;
	color:#fff;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
#maTabs a.current, #maTabs a.current:hover, #maTabs li.current a {
	background-color: #ffffff;	
	cursor:default !important; 
	color:#000 !important;
	/*border-top: 1px solid #666;	
	border-left: 1px solid #666;	
	border-right: 1px solid #666;*/	
	z-index: 1000;		
    font-weight: bold;	
}

#maPanes
{
    padding: 4px;
    margin: 0;
    min-height: 100px;
    overflow: hidden;
    clear: left;
    float: none;
}

#maPanes div
{
    overflow: hidden;
    width: 138px;
}

#maPanes div div
{
    padding-top: 4px;
    width: 300px;
}

.maElement
{
    clear: both;
    float: none;
    margin: 10px 0 20px 0;
    position: relative;

}

.maElementFirst
{
    margin-top: 0px;
    padding-top: 5px;
}

.maElement > div
{
   background-color: #ffffff;
}
.maElement .maelementcontent
{
    padding: 5px; 
    margin-top: 0px; 
    z-index: 20;
    position: relative;
}

.maelementcontent input.subscribe
{
    width: 128px;
    font-family: Verdana;
    font-size: 10px;
}


.maElement .maelementheader
{
    padding: 6px;
    background-color: #d0d0d0;
    font-weight: bold;
}
.meelementfooter
{
    background-color: #ffffff;
    text-align: right;

    
}

.meelementfooter a.verdana10Link
{
    display: block;
    padding-right: 5px;
    padding-bottom: 3px;

}
#maBasketDialog 
{
    padding: 5px;
    display:none; 
    cursor: default;
    position: relative;
}

#maBasketDialog h2
{
    margin-top: 0px;
    padding: 5px;
    font-size: 16px;
}

.basketHeaders
{
    margin-top: 6px;
    padding-top: 2px;
    border-bottom: 1px solid #808080;
    border-top: 1px solid #808080;
    background-color: #cbd3dd;
    height: 26px;
}

.basketHeaders > div
{
    margin: 5px;
    height: 20px;
    vertical-align: middle;
}

.basketItems
{
    min-height: 50px;
    background-color: #e9e9e9;
}

.basketActions 
{
    float: right;
}
.basketActions input
{
    margin: 0px;
    margin-top: -1px;
    padding: 2px 10px 2px 10px;    
    font-size: 10px;
    font-weight: bold;
    border: solid 1px #f04040;
    
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#basketUpperClose
{
    font-family: Verdana;
    position: absolute;
    top: 5px;
    right: 5px;
    height: 18px;
    padding: 2px 5px 5px 5px;
    font-size: 10px;
    font-weight: bold;
    border: solid 1px #000;
    color: #FF0000;
}

.basketLiteratureItem
{
    display:block;
}

.basketLiteratureItem > div
{
    float: left;
    padding: 5px;
}
.basketProductItem
{
    display:block;
}

.basketProductItem > div
{
    float: left;
    padding: 5px;
}

.basketNoItems
{
    padding: 5px 5px 5px 5px;
    font-weight: bold;
}
.basketTable td
{
    padding-left: 4px;
    padding-right: 4px;
    border-bottom: 1px solid #333;   
}

.basketSaveProduct,.basketSaveLiterature, .basketSaveImage
{
    cursor: hand;
}
.basketContent
{
     text-align:left; 
     max-height: 150px;
     overflow:auto;
     width: 100%;
}

.basketImage
{
     background: url(/images/basket/lib.gif) no-repeat left; 
     padding-left: 25px;
     height: 24px;
}

#leftMA
{
    padding-top: 30px; 
         
    /*position: absolute;
    bottom: 40px;
    left: 10px; */
}

#maCampaign
{
     padding-top: 15px; 
    /*position: absolute;
    bottom: 40px;
    left: 15px;     */
}

.placeholder
{
  color: #aaa;
}

.news-user-message {
    padding: 10px;
}