html, body
{
	height: 100%;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size: 11px;
	margin: 0px;
	background: #E0E0E0;
	color: #57585a;
}

#main
{
	min-width: 960px;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 35px;
}


#top
{
	font-family: Lucida Sans, Lucida Grande, Trebuchet MS, Helvetica, Arial, Verdana, Sans-Serif;
	overflow: hidden;
	background-color: #F6F4F0;
	height: 90px;
	border: solid 2px #FFFFFF;
	text-align: center;
	width: 100%;
}

#topDescartesLogo
{
	min-width: 242px;
	border-right: dotted 1px #B1B0AD;
	float: left;
	min-height: 100%;
	height: 100%;
	/*padding-top: auto;
	padding-bottom: auto;*/
}

#topDescartesLogo a
{
	display: block;
	height: 100%;
}
#topDescartesLogo a img
{
	border: 0px solid #fff;
}


#topMiddleArea
{
	float: left;
	text-align: left;
	margin-left: 20px;
	font-size: 10pt;
	color: #788082;
}
#topMiddleArea p
{
	margin: 32px 0px 0px 0px;
	padding: 0px;
}
#topRightArea
{
	position: relative;
	float: right; /*height: 95%;*/
}
#topSearchArea
{
	margin-right: 30px;
	float: right;
	margin-top: 35px;
	display: block;
}


#topSearchArea .quickSearchPanel
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.searchAreaBar
{
	font-size: 12px;
	width: 160px;
	height: 21px;
	border-top: solid 2px #CBCBCB;
	border-left: solid 2px #CBCBCB;
	border-bottom: solid 1px #CBCBCB;
	border-right: none 0px;
	margin: 0;
	padding: 0;
}
.searchAreaBarButton
{
	background: url(  "../../img/top_search.gif" ) no-repeat top left;
	width: 23px;
	height: 24px;
	background-color: #F6F4F0;
	margin: 0px;
	padding: 0px;
	border-right: solid 1px #CBCBCB;
	border-top: solid 2px #CBCBCB;
	border-bottom: solid 1px #CBCBCB;
	border-left: none 0px;
	vertical-align: top;
	left: -5px;
	position: relative;
}

#SearchArea #AdvancedArea #CategoryTable td
{
	vertical-align:middle;
	padding-top: 15px;
}

#SearchArea #AdvancedArea #CategoryTable td input[type='checkbox']
{
	padding: 0px;
	margin: 0px 5px 0px 10px;
	vertical-align:bottom;
}

#SearchArea #AdvancedArea #CategoryTable td label
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	vertical-align:middle;
}

a.current_page_link
{
	color: Orange;
}

a.current_page_link:visited
{
	color: Orange;
}

.error
{
	color: Red;
}

#MenuAndContent
{
	border: 2px solid #FFFFFF;
	background-color: #FFFFFF;
	width: 100%;
	margin-top: 2px;
	margin-bottom: 2px;
	height: 100%;
	float: left;
	padding-bottom: 20px;
	min-height: 460px;
}

#menu
{
	font-family: Lucida Sans, Lucida Grande, Trebuchet MS, Helvetica, Arial, Verdana, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	color: #57585A;
	overflow: hidden;
	float: left;
	margin-left: 35px;
	padding-right: 18px;
	width: 187px;
	margin-right: 0px;
}

#menu a
{
	color: Gray;
	text-decoration: none;
}

#menu a:hover
{
	color: Orange;
}

#menu a:active
{
	color: Orange;
}

#menu .menuitem
{
	margin-top: 0px;
	margin-bottom: 0px;
}

#menu .menuindent .menuindent .menuitem
{
	margin-top: 8px;
	margin-bottom: 8px;
}

#menu .menuitem a
{
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
}

#menu .menuindent
{
	margin-left: 15px;
}

#menu .menuitem .topTemplateParent
{
	background-image: url(  '../../img/MainMenuArrow.jpg' );
	padding: 0px 0px 0px 17px;
}

#menu .menuitem .selectedTopTemplateParent
{
	background-image: url(  '../../img/MainMenuArrow.jpg' );
	padding: 0px 0px 0px 17px;
	color: Orange;
}

#menu .menuitem .topTemplate
{
	background-image: url(  '../../img/MainMenuArrowBlank.jpg' );
	padding: 0px 0px 0px 17px;
}

#menu .menuitem .selectedTopTemplate
{
	background-image: url(  '../../img/MainMenuArrowBlank.jpg' );
	padding: 0px 0px 0px 17px;
	color: Orange;
}

#menu .menuitem .expandedTopTemplate
{
	background-image: url(  '../../img/MainMenuArrowExp.jpg' );
	padding: 0px 0px 0px 17px;
}

#menu .menuitem .selectedExpandedTopTemplate
{
	background-image: url(  '../../img/MainMenuArrowExp.jpg' );
	padding: 0px 0px 0px 17px;
	color: Orange;
}

#menu .menuitem .itemTemplate, #menu .menuitem .expandedItemTemplate
{
	padding: 0px 0px 0px 12px;
}

#menu .menuitem .selectedItemTemplate, #menu .menuitem .selectedExpandedItemTemplate
{
	padding: 0px 0px 0px 12px;
	color: Orange;
}

#menu #BottomLeftMenu
{
	padding-left: 0px;
	border-left: 2px solid #ed1093;
}

#menu #BottomLeftMenu .bottomLeftMenuInner
{
	margin-left: 20px;
	padding-top: 1px;
	padding-bottom: 1px;
}

#menu #BottomLeftMenu .menuitem
{
	margin-top: 8px;
	margin-bottom: 8px;
}

#menu #BottomLeftMenu .menuitem .selectedTemplate
{
	color: Orange;
}

.leftMenu
{
	padding-left: 0px;
	border-left: 2px solid;
	margin-bottom: 12px;
}

.leftMenu .leftInnerMenu
{
	margin-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.knowledgeMenu
{
	border-color: #E38401;
}
.supportMenu
{
	border-color: #3688AB;
}
.installMenu
{
	border-color: #ABAF8C;
}



#content
{
	padding-top: 20px;
	margin: 0px;
	margin-left: 0px;
	float: left;
	width: 718px;
	height: 100%;
}

#bottom
{
	float: left;
	min-width: 100%;
	max-width: 100%;
	font-size: 9px;
	color: #666666;
	margin: 0px;
	padding-left: 35px;
	padding: 0;
	background-color: #F6F4F0;
	border: solid 2px #FFFFFF;
}

a
{
	color: #3685aa;
	text-decoration: none;
}
a:hover
{
	color: Orange;
	text-decoration: none;
}
a:active
{
	color: Orange;
	text-decoration: none;
}
a:visited
{
	color: #3685AA;
	text-decoration: none;
}

img
{
	border: none;
}

h1
{
	font-size: 18px;
	margin: 0px;
	padding: 0px;
	color: #666666;
	font-weight: bold;
}

.small
{
	font-size: 8pt;
	margin: 0px;
	padding: 0px;
	color: Gray;
}

/* Article  */
.article
{
	padding-right: 5px;
}

.article .articleinfo
{
	margin-bottom: 10px;
	font-size: 8pt;
	margin: 0px;
	padding: 0px;
	color: Gray;
}

.article .articleingress
{
	font-weight: bold;
	clear: left;
	float: left;
	margin-bottom: 12px;
	margin-top: 12px;
}
.article .articlebody
{
	margin-top: 0px;
	clear: left;
	float: left;
	width: 100%;
}

/* Gallery article  */
.gallery_article
{
	padding-right: 5px;
}

.gallery_article .articleinfo
{
	margin-bottom: 10px;
	font-size: 8pt;
	margin: 0px;
	padding: 0px;
	color: Gray;
}

.gallery_article .articleingress
{
	font-weight: bold;
	/*
	clear: left;
	float: left;
	margin-bottom: 12px;
	margin-top: 12px;
	*/
}
.gallery_article .articlebody
{
	margin-top: 0px;
	clear: left;
	float: left;
	width: 100%;
}

/* Banner of the start page*/
.frontpage .banner
{
	margin-bottom: 36px;
	height:143px;
}

/* .frontpage .banner a
{
	color:#3685AA;
    text-decoration:none;
    position:static;
}*/
.frontpage .banner .image1 {
	position:relative;
	float:left; /* optional */
	width:171px;
	height:143px;
	margin-right:10px;
	background-image:url(../../img/frontbox_kunnskap.jpg);
}
.frontpage .banner .image2 {
	position:relative;
	float:left; /* optional */
	width:171px;
	height:143px;
	margin-right:10px;
	background-image:url(../../img/frontbox_support.jpg);
}
.frontpage .banner .image3 {
	position:relative;
	float:left; /* optional */
	width:171px;
	height:143px;
	margin-right:10px;
	background-image:url(../../img/frontbox_installering.jpg);
}
.frontpage .banner .image1 a {
	position:absolute;
	top:55px; /* in conjunction with left property, decides the text position */
	width:161px; /* optional, though better have one */
	font-size:16px;
	text-align:center;
	height:50px;
	padding:5px 5px 5px 5px;
	float:left;
	color:#e38502; 
}
.frontpage .banner .image2 a {
	position:absolute;
	top:55px; /* in conjunction with left property, decides the text position */
	width:161px; /* optional, though better have one */
	font-size:16px;
	text-align:center;
	height:50px;
	padding:5px 5px 5px 5px;
	float:left;
	color:#3685aa;
}
.frontpage .banner .image3 a {
	position:absolute;
	top:55px; /* in conjunction with left property, decides the text position */
	width:161px; /* optional, though better have one */
	font-size:16px;
	text-align:center;
	height:50px;
	padding:5px 5px 5px 5px;
	float:left;
	color:#a0ae8b;
}

/* Article list styling*/

.newsarchive .title
{
	color: #999999;
	font-size: 16px;
	margin-bottom: 15px;
	margin-top: 0px;
}

.newsarchive .title span
{
	border-bottom: 1px dotted #cccccc;
	padding-bottom: 4px;
	display: inline;
}

.newsarchive ul
{
	list-style-type: none;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	list-style-position: outside;
	color: #57585a;
	margin: 0px 60px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.frontpage .newsarchive ul
{
	margin: 0px 180px 0px 0px;
}

.newsarchive ul li
{
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 12px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-left: 0px;
	border-bottom: 1px dotted #cccccc;
}
.newsarchive ul li div.article_title
{
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 2px;
}
.newsarchive ul li div.article_info
{
	margin-bottom: 10px;
}
.newsarchive ul li div.article_preview_text
{
	line-height: 18px;
}

.newsarchive ul li .author
{
	color: #3685AA;
	margin-top: 10px;
	margin-bottom: 10px;
}
.newsarchive ul li a.read_more_link
{
	text-decoration: underline;
}

.newsarchive .article_list_image
{
	width: 60px;
	border: none;
	float: left;
	padding-top: 4px;
	overflow: hidden;
}

.newsarchive .article_text_with_image
{
	margin-left: 65px;
	text-align: left;
}

.newsarchive .article_text_no_image
{
	margin-left: 0px;
}


/**** Support menu ****/
#SupportPage
{
	float: left;
	height: 100%;
	width: 100%;
	color: #76787a;
}

.supportheader
{
	background-color: #76787a;
	color: #ffffff;
	width: 190px;
	display: block;
	height: 18px;
	padding-left: 10px;
	padding-top: 2px;
	vertical-align: middle;
}

#SupportContentDiv
{
	width: 420px;
	overflow: auto;
	height: 100%;
}

#SupportContentDiv p
{
	margin: 0px;
	padding: 0px;
}

#SupportContentQuestions
{
	width: 200px;
	margin-left: 10px;
	float: left;
	height: 100%;
	color: #76787A;
}

#SupportContentQuestions hr
{
	color: #f6f4f0;
	background-color: #f6f4f0;
	height: 1px;
	border-width: 0;
	display: none;
	margin: 1px 0px 1px 0px;
}

#SupportContentQuestions .supportheader
{
	margin-bottom: 8px;
}

#SupportContentQuestions .question
{
	padding-bottom: 1px;
	padding-top: 1px;
	border-bottom: 1px solid #f6f4f0;
}
#SupportContentQuestions .first
{
	border-top: 1px solid #f6f4f0;
}
#SupportContentQuestions .selected a
{
	background-color: #f6f4f0;
}
#SupportContentQuestions .selected a:hover
{
	background-color: #f6f4f0;
	text-decoration: none;
}

#SupportContentQuestions a
{
	text-decoration: none;
	color: #76787A;
	display: block;
	margin: 0px;
	padding: 7px 6px 12px 6px;
}

#SupportContentQuestions a:hover
{
	background-color: #f6f4f0;
	text-decoration: underline;
}

#SupportContentAnswers
{
	float: right;
	width: 200px;
	margin-left: 10px;
	height: 100%;
}

#SupportContentAnswers .supportheader
{
	margin-bottom: 7px;
}

#SupportContentAnswers .supportlink
{
	background-position: 2px center;
	background-repeat: no-repeat;
	background-image: url(  '../../img/support_link.gif' );
	padding-left: 25px;
}
#SupportContentAnswers .supportanswer
{
	background-color: #f6f4f0;
	border-top: 3px double #ffffff;
	border-bottom: 3px double #ffffff;
	margin-bottom: 20px;
	padding: 7px 6px 17px 6px;
}
#SupportContentAnswers .supportformheader
{
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}

#SupportContentAnswers .supportform
{
	background-color: #f6f4f0;
	padding: 6px 6px 17px 6px;
	border-top: 3px double #ffffff;
	border-bottom: 3px double #ffffff;
}

#SupportMenu
{
	font-size: 1em;
	height: 100%;
	float: left;
	width: 200px;
}
#SubMenuHeader
{
	color: #ffffff;
	padding: 0.5em 0 0.5em 0.5em;
	background-color: #faa61b;
	font-variant: small-caps;
	font-weight: bold;
}
#SubMenuHeader a
{
	color: #ffffff;
}
#SubMenuHeader ul
{
	margin-top: 0;
	list-style: none;
	font-size: 1em;
}

#SupportMenu #SubMenu ul
{
	padding: 0;
	margin: 0;
	list-style: none;
}
#SupportMenu #SubMenu li
{
	margin: 0;
	padding: 0px 0px 0px 0px;
	list-style: none;
	font-weight: bold;
}

#SupportMenu #SubMenu ul li ul li
{
	font-weight: normal;
	background-color: #ffffff;
	padding-left: 6px;
}
#SupportMenu #SubMenu a
{
	color: #76787a;
	display: block;
	background-repeat: no-repeat;
	background-position: 16px center;
	padding: 4px 0px 4px 40px;
}
#SupportMenu #SubMenu a.topmenu
{
	margin-left: 0px;
	margin-bottom: 4px;
	margin-top: 2px;
	background-color: #edeae1;
	background-position: 10px center;
	background-image: url(  '../../img/support_menu_arrow.gif' );
}
#SupportMenu #SubMenu a.topmenu_selected
{
	background-image: url(  '../../img/support_menu_expanded_arrow.gif' );
}
#SupportMenu #SubMenu a.topmenu_expanded
{
	background-image: url(  '../../img/support_menu_expanded_arrow.gif' );
}
#SupportMenu #SubMenu a.selected
{
	background-image: url(  '../../img/radio_btn_checked.gif' );
}
#SupportMenu #SubMenu a.not_selected
{
	background-image: url(  '../../img/radio_btn.gif' );
}

img.floatRight
{
	float: right;
	margin: 4px;
}

#supportFormArea
{
	width: 423px;
}

#supportFormArea h1
{
	padding-bottom: 17px;
}

#supportFormArea .hr
{
	margin: 0px 0px 12px 0px;
	padding: 0px;
	border-bottom: dotted 1px #cccccc;
	width: 100%;
	height: 0px;
}

#supportFormArea .issueFormTopic
{
	font-size: 11px;
	color: #9a9e7e;
	padding-top: 10px;
	margin-top: 10px;
	margin-bottom: 3px;
}

#supportFormArea .aknowledgeTermsCheckBox label
{
	color: #3685aa;
	padding-left: 5px;
}

#supportFormArea .issueLabel
{
}

#supportFormArea .descriptionTextBox, #supportFormArea .titleTextBox, #supportFormArea .fileUpload, #supportFormArea .issueTypeDropDownList, #supportFormArea .issueTypeDropDownList
{
	margin-top: 5px;
}



#supportFormArea .loginFields
{
	background-color: #f9f9f8;
	width: 100%;
	border: 1px solid #cccccc;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 5px 5px 5px 20px;
	display: none;
}

#LoginOptionLink
{
	margin-bottom: 5px;
	display: block;
}

#supportFormArea .loginFields .formHeader
{
	/*font-weight: bold; 	font-size: 12px;*/
	width: 300px;
	padding-bottom: 5px;
}

#supportFormArea #LoginOptionLink
{
	/*font-weight: bold;*/
	font-size: 12px;
}

#supportFormArea .closed
{
	padding-left: 24px;
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url(../../img/expand.gif) no-repeat scroll 0 50%;
}

#supportFormArea .opened
{
	padding-left: 24px;
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url(../../img/collapse.gif) no-repeat scroll 0 50%;
}

/*************************/
/*   Login               */
/*************************/
.loginPanel
{
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	width: 270px;
}
.loginPanel h1
{
	padding-bottom: 15px;
}
.loginPanel fieldset
{
	border: 0px none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
.loginPanel #ButtonArea
{
	text-align: right;
	padding-top: 10px;
}
.loginPanel input[type='text'], .loginPanel table input[type='password']
{
	width: 97%;
	margin: 0px 0px 0px 0px;
}
.loginPanel input
{
	margin: 0px;
}
.loginPanel table
{
	width: 100%;
}

.loginPanel table label
{
	margin: 0px 0px 0px 0px; /*display:block; 	line-height:1em;*/ /*width:35%;*/
}

.loginPanel .labelColumn
{
	width: 90px;
}

.forgotPassword fieldset
{
	border: 0px none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

.changePassword fieldset
{
	border: 0px none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

.userEditLink {
background-image:url(../../img/support_link.gif);
background-position:2px center;
background-repeat:no-repeat;
padding-left:25px;
}

.userEditLink:hover
{
	color: Orange;
	text-decoration: underline;
}

/*************************/
/* Register new user     */
/*************************/
.registerArea
{
	padding: 0px 40px 15px 10px;
	width: 350px;
}
.registerArea label
{
	line-height: 1em;
}

.registerArea input
{
	display: block;
	margin: 5px 0 5px 0;
}

.registerTable
{
	width: 100%;
	border-collapse: collapse;
}

.registerTable .labelColumn
{
	width: 120px;
	text-align: left;
}

.registerTable td 
{
	white-space: nowrap;
}


.registerTable .inputColumn
{
	/*width: 100%;*/
}
.registerTable td input[type='text']
{
	width: 95%;
}

/**************************/
/*  Shortcut bar          */
/**************************/
#topShortcutsArea
{
	/* clear: right; 	margin-right: 30px; 	float: right; 	margin-top: 0px; 	position: relative; 	height: 1em; 	width: 400px; */
	position: relative;
	float: right;
	clear: right;
	height: 1.6em
}

#ShortcutBar
{
	top: 8px; 	
	right: 28px; 
	text-align: right;
	position: absolute;
	margin: 0;
	padding: 0; /*	position: absolute; 	top: 0px; 	right: 10px; 	margin: 0; 	padding: 0; 	list-style-type: none; 	font-family: Verdana, Arial, Helvetica, Sans-Serif; 	font-size: 0.8em; 	line-height: 1.6em; */
}

#ShortcutBar td
{
	border-left: 1px solid #dee1e3;
	padding-left: 5px;
	padding-right: 5px;
}
#ShortcutBar td > div
{
	height: 1.8em;
	display: block;
	white-space: nowrap;
}

#ShortcutBar td.first
{
	border-left: none;
}

#ShortcutBar td a
{
	display: block;
	text-decoration: none;
	float: left;
	padding-left: 0px;
	height: 1.8em;
}

#ShortcutBar a:hover
{
	text-decoration: underline;
}

#ShortcutBar a.loginButton
{
	background: url(../../img/login.gif) no-repeat;
	padding-left: 2em;
}

#ShortcutBar a.logoutButton
{
	background: url(../../img/login.gif) no-repeat;
	padding-left: 2em;
}

#ShortcutBar input.languageButton
{
	width: 20px;
	float: left;
	height: 1.6em;
}

#ShortcutBar select.languageButton
{
	font-size: 1em;
}

#ShortcutBar a.userLink, #ShortcutBar a.userLink:hover
{
	/*color: #57585a;
	text-decoration: none;*/
}

/**********************************
*
*  Galleria
*
***********************************/
.image_gallery table td 
{
	text-align: center;
}
.image_gallery table td ul 
{
	text-align: center;
	margin:0px;
	padding:0px;
}
.galleria_container span.caption 
{
	text-align: center;
}
.galleria{list-style:none;width:200px}

.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 2px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

/* Grid view */
.gridViewPager 
{
	border-top: 1px solid #F6F4F0;
}