/**
 * common.css
 * General layout css, to be used in every page
 */

/*** General settings ***/

* { margin: 0; padding: 0; border: 0; }
a { color: #797979; text-decoration: none; }
a:hover { color: #393939; text-decoration: underline; }
img { border:0px; }

body
{
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	background-color: white;
	color: #606060;
}


/*** Page layout ***/

.contents
{
	width: 960px;
	margin: auto;
	position: relative;		/* set context for absolute positioning of child items */
}


#header
{
	background-color: #459AAF;
	background-image: url('/images/header_bg_lr_large.png');
	background-position: center bottom;
	background-repeat: no-repeat;
}
#header .contents
{
	background-image: url('/images/header.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	height: 291px;
}


#subheader
{
	background-color: #fffff;
	height: 28px;
	border-bottom: solid 1px #E6E6E6;
}

#subheader .contents #leftSubheaderColumn {
	/* 190px total width */
	float: left; 
	width: 170px;
	height: 28px;
}

#subheader .contents .breadcrumb {
	float: left; 
	width: 730px;
	height: 28px;
	padding: 5px 0 0 38px;
	color: #9F9F9F;
}

#subheader .contents .breadcrumb .Home {
	color: #879D48;
	font-weight: bold;
}

#main .contents #leftColumn
{
	/* 190px total width */
	float: left; 
	width: 170px;
	height: 700px;
	padding: 0px 10px 50px 10px;
	background-image: url(/images/left_gradient.png);
	background-repeat: no-repeat;
}
#main .contents #mainContents
{
	/* 770px total width */
	float: left; 
	width: 730px;
	padding: 20px 20px 50px 20px;
}


#footer
{
	clear: both;
	background-color: white;
	border-bottom: solid 15px #62A9BB;
}


/*** Item-specific styles ***/

/* Header */

#header .contents a { color: #EAFAFF; }
#header .contents a:hover { color: #FFFFFF; }

#header .contents #logo 
{
	position: absolute;
	top: 60px; left: 28px;
}


#header .contents #langSelection
{
	position: absolute;
	top: 30px; right: 15px;
	font-size: 0.75em;
	list-style: none;
	color: #E8F3FC;

	/* for ie6*/
	padding-top: 6px;
	padding-bottom: 6px;
}
#header .contents #langSelection li
{
	display: inline;
	padding: 6px;
}
#header .contents #langSelection .selectedItem
{
	background: url('/images/lang_bg.png') no-repeat center center;
}

#main #mainMenu
{
	position: absolute;
	top: 135px; left: 0px;	/*bullets aligned with left edge of logo*/
	line-height: 1.35em;
	font-size: 1.1em;
	padding: 0px;
	font-weight: bold;
}
#main #mainMenu ul
{
	list-style-type: none;
}
#main #mainMenu li
{
	list-style-type: none;
	font-size: 1em;
	font-weight: normal;
}
#main #mainMenu a
{
	font-size: 
	margin-left: 	0px;
	padding: 2px 2px 2px 5px;
	display: block;
	width: 168px;
}
#main #mainMenu a:hover
{
	background-color: #EBEBEB;
}
#main #mainMenu .selectedItem a
{
	font-weight: bold;
/*	color: white;
	background-image: url('/images/selected_option.png');
	background-repeat: no-repeat;*/
}

#main #mainMenu ul a
{
	width: 158px;
}

#main #mainMenu ul ul a
{
	width: 138px;
}

#main #mainMenu a {
	background-position: left center;
	background-image: url('/images/menu_level1.png');
	background-repeat: no-repeat;
	padding-left: 10px;
}
#main #mainMenu ul a {
	background-position: 10px center;
	background-image: url('/images/menu_level2.png');
	padding-left:20px;
}

#main #mainMenu .selectedItem ul a {
	font-weight: normal;
}

#main #mainMenu ul ul a {
	font-weight: normal;
	background-position: 30px center;
	background-image: url('/images/menu_level3.png');
	padding-left:40px;
}

#main #mainMenu ul .selectedItem ul a {
	font-weight: normal;
}

#main #mainMenu  ul .selectedItem a
{
	font-weight: bold;
/*	color: white;
	background-image: url('/images/selected_option.png');
	background-repeat: no-repeat;*/
}

#main #mainMenu ul ul .selectedItem a
{
	font-weight: bold;
}

/* Main part */
#main .contents #leftColumn h1 {
	position: relative;
	top: -80px;
	left: -15px;
}
#main .contents #leftColumn h1 a {
	color: #A1AF72;
}

#main .contents #leftColumn #demoLink
{
	position: relative;
	left: -15px;
	top: -122px;
}

#main .contents #leftColumn #news
{
	position: relative;
}
#main .contents #leftColumn #news h1
{
	color: #323232;
	font-weight: normal;
}
#main .contents #leftColumn #news #newsDate
{
	color: #C2C2C2;
	font-size: 0.8em;
}
#main .contents #leftColumn #news p
{
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: justify;
	font-size: 0.8em;
}
#main .contents #leftColumn #news #prevNewsLink, #main .contents #leftColumn #news #nextNewsLink
{
	display: block;
	font-size: 0.8em;
}
#main .contents #leftColumn #news #prevNewsLink
{
	float: left;
}
#main .contents #leftColumn #news #nextNewsLink
{
	float: right;
}


/* Footer */

#footer .contents div
{
	text-align: right;
	padding: 3px 15px 5px 15px;
	height: 40px;
	line-height: 40px;	/* center text vertically */
	border-top: solid 1px #D7D7D7;

}
#footer .contents #copyright
{
	position: absolute;
	left: 0px; top: 0px;
}
#footer .contents #footerLinks img
{
	vertical-align: middle;
}

/* Form */

#main .contents input, #main .contents textarea {
	border: solid 1px gray;
}




/**
 * home.css
 * Stylesheet for main site page
 */




/* Main part */
h1, h2, h3, h4 {
	font-family: Myriad Pro Light Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;	
}

h1 { font-size: 1.5em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.1em; }

#main .contents #mainContents
{
	text-align: justify;
	color: #363636;
	font-size: 1.2em;
}


#main .contents #mainContents h1
{
	margin-top: 0.7em;
	padding-bottom: 2px;	
	margin-bottom: 10px;
	border-bottom: solid 1px #41A3CD;
	color: #555555;
}

#main .contents #mainContents a { color: #727272; }
#main .contents #mainContents a:hover { color: #363636; }

#main .contents #mainContents a.externalLink
{
	padding-left: 18px;
	background-image: url('/images/product_bullet.png');
	background-position: left center;
	background-repeat: no-repeat;
}

#main .contents #mainContents p 
{ 
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	line-height: 1.5em;
}

#main .contents #mainContents ul, #main .contents #mainContents ol
{ 
	padding-left: 2em;
	padding-bottom: 0.3em;
	line-height: 1.4em;
}

#main .contents #mainContents h2
{
	/* section on a page */
	margin-top: 1.3em;
	padding-bottom: 5px;
	/*border-bottom: solid 1px gray;*/
	margin-bottom: 5px;

	/*
	background-image: url('../images/h2_bullet.png');
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-left: 20px;*/

}

#main .contents #mainContents h3
{
	/* subsection on a page */
	margin-top: 1em;
	padding-bottom: 5px;
/*	border-bottom: solid 1px #DDDDDD;*/
	margin-bottom: 10px;
/*
	background-image: url('../images/h2_bullet.png');
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-left: 20px;
*/
}

#main .contents #mainContents table.shadedTable
{
	border: solid 1px black;
	border-collapse: collapse;
}

#main .contents #mainContents table.shadedTable td
{
	border: solid 1px black;
	padding: 5px;
}


#main .contents #mainContents table.descriptionTable
{
	/* Products - logo + project description */
	border: none;
	border-collapse: collapse;
}
#main .contents #mainContents table.descriptionTable td
{
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
}

.clear {
	clear: both;
}

/*** Page-specific styles ***/

/* Home - news */
#main .contents #mainContents .newsHead
{
	width: 163px;
	clear: left;
	float: left;
	vertical-align: top;
	margin: 7px;
}
#main .contents #mainContents .newsContent
{
	vertical-align: top;
	margin: 7px;
	font-size: 0.85em;
	width: 694px;
}
#main .contents #mainContents .newsHead h1
{
	border-bottom: none;
	margin-top: 0;
}
#main .contents #mainContents .newsContent .readMore
{
	border: 0;
}

/* Home - products */
#main .contents #mainContents .product
{
	width: 163px;
	float: left;
	vertical-align: top;
	margin: 7px;
	font-size: 0.85em;
}

#main .contents #mainContents .product .description
{
	height: 8em;
	line-height: 1.6em;
	padding-top: 5px;
	padding-bottom: 5px;
}


#main .contents #mainContents .readMore
{
	border-top: solid 1px #D7D7D7;
	margin-top: 10px;
	padding-top: 5px;
	font-size: 0.8em;
	text-align: right;
}

#main .contents #mainContents .readMore img
{
	vertical-align: middle;
}
/* vertical menu - all menu levels */
.CMSMenu { position: absolute;
	   top: 145px; left: 0px;	/*bullets aligned with left edge of logo*/
	   line-height: 1.35em;
	   font-size: 1.25em;
	   padding: 0px;
	   font-weight: bold; 
	   color: white;
	   /*background-color: #81D1E4;*/
	   text-shadow: none;
	   filter: none;	/* shadow for IE */
	   background-image: url('../images/main_menu_bullet.png');
	   background-repeat: no-repeat;
	   background-position: left center;
	   text-shadow: #555 1px 1px 1px;
	   filter: Shadow(Color=#333333, Direction=135, Strength=1);
	   
	}

.cmstreemenu{ position: absolute;
	   top: 145px; left: 0px;	/*bullets aligned with left edge of logo*/
	   line-height: 1.35em;
	   font-size: 1.25em;
	   padding: 0px;
	   font-weight: bold; 
	   color: white;
	   /*background-color: #81D1E4;*/
	   text-shadow: none;
	   filter: none;	/* shadow for IE */
	   background-image: url('../images/main_menu_bullet.png');
	   background-repeat: no-repeat;
	   background-position: left center;
	   text-shadow: #555 1px 1px 1px;
	   filter: Shadow(Color=#333333, Direction=135, Strength=1);
	   
	}