﻿* {
  margin: 0px;
  padding: 0px;
}

html
{
	overflow-y:scroll; /* Forces FF to show dummy Scrollbar (flicker free user experience) */
}
 
html, body {
  height: 100%; /* Required */
}
	
body 
{
	background-color:#EEEEEE;
	font:62.5%/1.5em Verdana; /* =10px, line height 1.5em */
}

h1, h2, h3
{
	padding:0.7em 0;
}

h1
{
	font-size:1.4em;
}

h2
{
	font-size:1.3em;
}

h3
{
	font-size:1.2em;
}

p
{
	padding:0.3em 0;
}

ul
{
	font-size:1em;
	list-style-type:disc;
	list-style-position:outside;
	margin-left:15px;
}

ol
{
	font-size:1em;
	list-style-type:decimal;
	list-style-position:outside;
	margin-left:25px;
}


.BulletList
{
	font-size:1em;
	list-style-type:disc;
	list-style-position:outside;
}

#container
{
	margin:1em 6%;
	background-color:#FFFFFF;
	border:1px solid Black; /*#1166CC;*/
	/*position:absolute;*/
}

#headerHTML
{
	width:100%;
	margin:0px;
	height:90px;
}

#header
{
	background-image:url("/images/website/big/top_big.jpg");
	background-repeat:no-repeat;
	background-color:#FFF;
	width:100%;
	margin:0px;
	margin-bottom:15px;
	height:90px;
	border-bottom:solid 1px black;
}

#header a, a:link, a:hover, a:visited
{
	text-decoration:none;
}

.Logo
{
	float:left;
	margin-top:10px;
	margin-left:10px;
	display:inline;
	border:0px;
}

.searchBlock
{
	float:right;
	margin:0.5em;
	display:inline;
	font-size:1.1em;
}

#header input
{
	padding:1px;
	background-color:#FFFFFF;
	/*border-top: 2px solid #C0C0C0;
	border-right: 2px solid #F6F6F6;
	border-bottom: 2px solid #F6F6F6;	
	border-left: 2px solid #C0C0C0;	*/
	border:solid 1px #C0C0C0;
	font-size: 1em;
	width:150px;
	font-family:Verdana;
}

#searchBox
{
	padding-top:10px;
	float:left;
	display:inline;
	margin-right:5px;
}

#searchIcon
{
	padding-top:12px;
	float:left;
}

#containerContent
{
	float:left;
	overflow:hidden;
	width:100%;
	background-color:#FFF;
	font-size:1.1em;
}

#navLeft 
{
	clear:both;
	float:left;
	line-height:normal;
	cursor:pointer;
	width:20%;
	padding-top:10px;
	margin-left:10px;
}

#navLeft li.file{
    cursor:pointer;padding-top:8px;padding-bottom:0px;padding-left:14px;
    background-image:url('/showObj/1069/Images_Arrows/minus.gif');
    background-repeat: no-repeat; 
    background-position: 0px 8px; 
    }
#navLeft li.folder{
    background-image:url('/showObj/1069/Images_Arrows/plus.gif');
    background-repeat: no-repeat; 
    background-position: 0px 6px; /* 0 left, 7 top */
    padding-left: 14px; /* The text is indented 12px */
    cursor:pointer;
    padding-top:5px;
    padding-bottom:5px;
    } /* Closed list */
#navLeft li.folderOpen{
    background-image:url('/showObj/1069/Images_Arrows/minus.gif');
    background-repeat: no-repeat; 
    background-position: 0px 6px; 
    padding-left: 14px; 
    cursor:pointer;
    padding-top:5px;
    padding-bottom:5px;
    } /* Opened list */
        
/* NOTE: In order to achieve cross browser compatibility, we do not use list-style-image - this would drive us nuts. Instead we background-image
    and assign proper paddings. That will work in IE + FF exactly the same.*/
    #navLeft ul {list-style-type: none;list-style-image:none;padding:0px;margin:0px;} /* Prepare our lists */
    #navLeft ul.tree{display:none;padding-left:7px;padding-top:5px;padding-bottom:5px;} /* The single list entry is surrounded by ul having class Tree */
    #navLeft ul.treeActive{padding-left:7px;padding-top:5px;padding-bottom:5px;} /* The single list entry is surrounded by ul having class Tree */
    
    #navLeft .isActiveNode{background-color:#d2e8fe;color:Black}
    
.NavAnchor
{
	color:#0066dd;
}

     
#content
{
	float:left;
	width:43%;
	min-height:400px;
	padding-left:15px;
	display:block;
	background-color:#FFF;
	padding-top:8px;
	padding-bottom:9999px;
	margin-bottom:-9999px;
}

#content_large
{
	float:left;
	width:75%;
	min-height:400px;
	padding-left:15px;
	display:block;
	background-color:#FFF;
	padding-top:8px;
	padding-bottom:9999px;
	margin-bottom:-9999px;
}

#content table
{
	font-size:1em;
	font-family:Verdana;
}

#content a, a:link, a:hover, a:visited
{
	font-size:1em;
	font-family:Verdana;
}

.ContentBoxYellow
{
	border: #c0c0c0 1px dotted; 
	padding:5px;
	padding-bottom:15px; 
	background-color: #fefef0;
}

.ContentTableProductFeatures
{
	border:solid 1px #C0C0C0;
	background-color:White;
	border-collapse:collapse;
}   

.ContentTableProductFeatures Caption
{
	text-align:left;
	padding-top:1.5em;
} 

.ContentTableProductFeatures th
{
	background-color:#256EB9; /*#DFEDF7;*/
	font-weight:bold;
	color:White;
	padding:0.5em;
}

.ContentTableProductFeatures td
{
	background-color:transparent;
	color:Black;
	padding:0.5em;
	vertical-align:middle;
	border:dotted 1px #C0C0C0;
}
.CTPFColSmall
{
	text-align:center;
}

.searchResult
{
	margin-bottom:8em;
}

.searchResult h2
{
	background-image:url('/images/ico_BoxActive_DarkBlue.gif');
	background-repeat:no-repeat;
	background-position:left 55%;
	vertical-align:middle;
	padding-left:20px;
}

.SearchResultContainer
{
	margin-bottom:2em;
}

.AnchorBox
{
	background-image:url('/images/ico_BoxActive_DarkBlue.gif');
	background-repeat:no-repeat;
	background-position:left 55%;
	vertical-align:middle;
	padding-left:20px;
}

#sidebar
{
	float:right;
	/*font-size:1.1em;	*/
	width:24%; /* 100% - 65% content - 6% content-padding - 6% sidebar padding = 23% */
	display:inline;
	margin-top:8px;
	padding-right:10px;
	padding-bottom:9999px;
	margin-bottom:-9999px;
}

.sidebarContent
{
	background-color:#EEEEEE;
	padding-left:0.5em;
	padding-bottom:1em;
	margin-bottom:2em;
	border:dotted 1px #C0C0C0;
}

.InfoText
{
	background-color:White;
	padding:0.5em;
	padding-bottom:1em;
	margin-bottom:2em;
	border:dotted 1px #C0C0C0;
}

.InfoText h1
{
	background-color:#F6F6E2;
	padding:0.5em;
	margin-bottom:1em;
}

.InfoText ul
{
	margin-bottom:1.5em;
}

.InfoText li
{
	padding-top:0.3em;
	padding-bottom:0.3em;
}

.FeatureList
{
	background-color:White;
	padding:0.5em;
	padding-bottom:1em;
	margin-bottom:2em;
	border:dotted 1px #C0C0C0;
}

.FeatureList h1
{
	background-color:#DFEDF7;
	padding:0.5em;
	margin-bottom:1em;
}

.FeatureList ul
{
	margin-bottom:1.5em;
}

.FeatureList li
{
	padding-top:0.3em;
	padding-bottom:0.3em;
}

.ImageGallery
{
	background-color:White;
	padding:0.5em;
	padding-bottom:1.5em;
	margin-bottom:2em;
	border:dotted 1px #C0C0C0;
	overflow:hidden;
	text-align:center;
}

.ImageGallery h1
{
	text-align:left;
	background-color:#DFEDF7;
	padding:0.5em;
	/*margin-bottom:1em;*/
}

.ImageGallery img
{
	margin-top:0.5em;
	margin-bottom:0.5em;	
}

.ImageGallery_Medium
{	
	overflow-y:scroll;
	height:500px;
	text-align:center;
}

.ImageGallery_Small
{	
	overflow-y:scroll;
	height:250px;
	text-align:center;
}


#footer
{
	clear:both;
	background-color:Black;
	text-align:left;
	color:White;
	width:100%;
	display:block;
	padding-bottom:1%;
	height:3em;
}

#footer a
{
	color:White;
	text-decoration:none;
	padding-right:2em;
	position:relative;
	top:-3px;	
}

#footer a:hover
{
	color:White;
	text-decoration:underline;
	padding-right:2em;
	position:relative;
	top:-3px;
}
	
.footerLeft
{
	float:left;
	padding-left:15px;
	width:60%;
	text-align:left;
	padding-top:1em;
}

.footerRight
{
	float:right;
	padding-right:10px;
	width:35%;
	text-align:right;
	padding-top:1em;
}

.footerCenter
{
	padding-top:1em;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

/* Contact Form */

#ContactData_Container
{
	border:dotted 1px #C0C0C0;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:20px;
	padding-left:10px;
}

.ContactMSG
{
	padding-bottom:2em;
}

.ContactFieldLabel
{
	padding-bottom:0.5em;
}

#ContactFieldName
{
	margin-bottom:1.5em;
}

#ContactFieldEmail
{
	margin-bottom:1.5em;
}

#ContactFieldTel
{
	margin-bottom:1.5em;
}

#ContactFieldComment
{
	margin-bottom:1.5em;
	background-image:none;
}

#ContactField input
{
	position:relative;
	top:-5px;
}

.inp_big
{
	/*width:400px;*/
	width:99%;
	border:solid 1px #C0C0C0;
	padding:0.3em;
	font-size:1em;
	font-family:Verdana;
}

.inp_medium
{
	/*width:310px;*/
	width:30%;
	border:solid 1px #C0C0C0;
	padding:0.3em;
	font-size:1em;
	font-family:Verdana;
}

#btnOK
{
	border:solid 1px #C0C0C0;
	background-color:#EEE;
	background-image:url('/images/btnBackgrd.jpg');
	background-position:right top;
	background-repeat:no-repeat;
	margin-top:2.5em;
	margin-bottom:8em;
	width:8em;
	cursor:pointer;
}

#ContactFieldComment textarea
{
	border:solid 1px #C0C0C0;
	width:99%;
	height:200px;
	font-size:1em;
	padding:0.3em;
	font-family:Verdana;
}

.ContactErrMSG
{
	border:dotted 1px Red;
	color:Red;
	padding:10px;
	padding-bottom:20px;
	margin-bottom:1.5em;
}

.ContactThanksMSG
{
	border:dotted 1px Blue;
	color:Blue;
	padding:10px;
	padding-bottom:20px;
	margin-bottom:1.5em;
}
/* End Contact Form */


/* Tooltip */
.tooltipShadow
{
	background: url(/images/grey.gif);
}

.tooltipContent
{
	left:-4px;top:-4px;
	background-color:InfoBackground;
	border:solid 1px black;
	padding:5px;
	font-size:11px;
}	

/* FAQ - Selected Question*/
.activeQuestion
{
	background-color:#3399FF;
	color:White;
}

.inactiveQuestion
{
	background-color:White;
	color:Black;
}

/* News */
.News
{
	margin-bottom:4em;
}

.newsDate
{
	width:100%;
	margin-top:1em;
	margin-left:0.5em;
	font-weight:bold;	
}

.newsHeader
{
	width:100%;
	font-weight:bold;
	margin-top:0.5em;
	margin-left:0.5em;
	margin-bottom:1em;
}

.newsBody
{
	width:100%;	
	margin-left:0.5em;
	margin-bottom:2em;
}

.rssFeeds
{
	margin-bottom:4em;
	border:dotted 1px #C0C0C0;
	padding:0.5em;
}

.ImageGallery_Controls
{
	*font:100% Verdana;
}

.ImageGalleryDemo_Margin
{
	margin-top:4px;
	* margin-top:8px;	
}