/**************************************************************************************************/
/********    Processgene WebSite Css     *********************************************************/
/**************************************************************************************************/

BODY{
	margin: 0px;
	font-family: "Verdana", Sans-Serif;
	height:100%;
	font-size:100%;
    line-height:14px;
    background:#666666;
	}

/**************************************************************************************************/
/*****************   Structure    ****************************************************/
/**************************************************************************************************/

div.outerBg{
	background:#666666 url(images/outer_shadow.gif);
	background-position:top center;
	background-repeat: repeat-y;
}
div.outerFrame{
	background: #666666;
	position:absolute;
	top:0px;
	_height:100%;/*for IE*/
	min-height:100%; /*for FF dont delete!!*/
	width:100%;
}
div.innerFrame{
	width: 972px;
	position:relative;
	top:0px;
	text-align: center;
}
.innerFrameWidth{
	width: 972px;
}
.ContentWidth{
	width: 940px;
}
TABLE.ContentFrame{
	border-collapse:collapse;
	background-color:#FFFFFF;
	vertical-align:top;
}

.hand{
	cursor:pointer;
}
a.logo_link{
	text-decoration : 	none;
	color: 	#FFFFFF;
}
td.fullFrameContent{
	/*width:730px; width of content+rightMenu*/
	margin:0px;
	padding:0px;
}
.inner_page_right_shadow{
	background:#000000 url(images/inner_right2_shadow.jpg);
}
/**************************************************************************************************/
/*****************   HEADER STYLE              ****************************************************/
/**************************************************************************************************/
.header{
	background: #f2f2f2 url(images/homePage/header_BG.gif);
	height:74px;
}

table.upperLink{
	height:50px;
	padding:11px 4px 11px 0xp;
}
.upperLink{
	font-size: 11px;
	font-weight: normal;
	color:#FFFFFF;
}
A.whiteLink{
	color:#FFFFFF;
}
A.upperLink,A.text_title4{
	text-decoration : 	none;
}
A:hover.upperLink,A:hover.text_title4{
	text-decoration : 	underline;
}
TD.support{
	padding-right:0px;
}
INPUT.support{
	font-size: 11px;
	color:gray;
	background-color: #D5EAFF;
	border-collapse: collapse;
	border:0px;
	height:14px;
}

TD.search_btn{
	vertical-align: top;
	padding-left:0px;
	padding-top:17px;
	padding-right:14px;
}
td.headerSlogen{
	text-align:left;
	font-size:13px;
	color:#FFFFFF;
	font-weight: bold;
	vertical-align: top;
	padding-left:24px;

}
td.topMenu{
	height:20px;
	padding-right:14px;
}
td.topMenuLogin{
	/*background-image:url(images_dhtmlsuite/menu_customer_login.gif);*/
	background: #666666;
	border-right:1px solid white;
	/*border-bottom: 1px solid #BCBCBC;*/
	height:19px;
}
.topMenuLogin A{
	color:white;
}
.innerSeperator{
	width:14px;
	height:14px;
}
.outerSeperator{
	width:14px;
}
.outerSeperator,.outerSeperatorHeight{
	height:14px;
}
/**************************************************************************************************/
/*****************   Navigation path area    ****************************************************/
/**************************************************************************************************/

TABLE.nvgBar td
{
	height:	17px;
	border-collapse: collapse;
	text-align:left;
	font-size: 11px;
	font-family: verdana;
	color: #333333;

	padding-left: 14px;
	padding-right: 14px;
}
TABLE.nvgBar td.date{
	text-align:right;
}

A.nvgBara
{
	text-decoration : 	none;
	color: #333333;
	padding: 0px;
}

.border{
		height: 6px;
		background:#696969;
}
/**************************************************************************************************/
/*********  Left panel Style *****************************************************************************************/
/**************************************************************************************************/

TD.leftPanel
{
	/*When changing the width of this column, change also the width of "rightMenu" and "content" columns accordingly (to complete the 800 px (their sum is not exactly 800 but they influence each other). */
	width: 195px;
	vertical-align:	top;
	background:	#666666;
	border-collapse: collapse;
	padding: 18px 0px 0px 0px;
	/*The height property in inline - otherwise FF doesn’t recognize it.*/
}

TABLE.leftMenu
{
	width:195px;
	/*This height is the min height of the content Frame
	height: 380px;*/
	border-collapse: collapse;
}

TD.leftMenuTitle
{
	font-family: 	Verdana, Arial, Helvetica, sans-serif;
	font-weight: 	bold;
	font-size: 		9pt;
	text-align: left;
	vertical-align: middle;
	color: #FFFFFF;
	border-collapse: collapse;
	border-top: 0px;
	width: 170px;
}

.leftmenucell {
	padding: 4px;
	padding-left: 6px;
	BACKGROUND-COLOR: #E7E7E7;
	border-right: 1px solid #969696;
	border-bottom:1px solid #969696;
	border-left:1px solid #969696;
	vertical-align:top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	cursor: pointer;
	font-size:  0.70em;
}

.leftmenucell_icon {
	padding-left: 6px;
	padding-top:2px;
	color: #FDBC59;
	vertical-align:top;
}

.leftmenucell_on{
	BACKGROUND-COLOR: #FDBC59;
}
.leftmenucell_active
{
	BACKGROUND-COLOR: #FFFFFF;
	border-bottom:1px solid #969696;
	border-right:1px solid #FFFFFF;
	border-top:1px solid #969696;
	vertical-align:top;
}

.right_border{
	border-right: 1px solid #969696;
}

/**************************************************************************************************/
/*******  Right Panel Style ********************************************************************/
/**************************************************************************************************/

/* image on right panel */
img.rightSideImage
{
    vertical-align: top;
    width:      150px;
    height:      115px;
	border-collapse: collapse;
   	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	spacing: 0px 0px 0px 0px;
	align: right;
}

img.rightSideImageHP
{
	/*135, 120  */
    align: center;
   	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	spacing: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align:		middle;
	width:      160px;
	height:      145px;
}

/*  news box */
FONT.news_title
{
	color:			#57739D;
}

A.news_href
{
	color:			#000000;
	text-decoration : 	none;
}

/* Right menu style*/

TD.rightMenu
{
	/*When changing the width of this column, change also the width of "content" and "leftMenu" columns accordingly (to complete the 800 px (their sum is not exactly 800 but they influence each other). */
	width: 167px;
	vertical-align:	top;
	padding: 0px 14px 0px 1px;/*padding-left:1 place holder for the boxes onmouseover border */
	text-align:left;
	/*background: #FFFFFF;*/

}
TD.rightMenuHP{
	/*When changing the width of this column, change also the width of "content" and "leftMenu" columns accordingly (to complete the 800 px (their sum is not exactly 800 but they influence each other). */
	vertical-align:	top;
	text-align:right;
	background: #FFFFFF;
	padding-left: 0px;
	width:198px;
}
.rightPanelBox{
	text-align:left;
}
.rightPanelBox_small{
	width:175px;
	font-size:14px;
}
.rightPanelBox_shadow_R{
	vertical-align:top;
	width:6px;
	background-image:url(images/right_menu/inner_box_shadow_R.jpg);
	background-position:top left;
	background-repeat: repeat-y;

}
.heightForHomepage{
	height: 100px;
}

.whiteBoxLeftBorder{
	background:url(images/homePage/whiteBox_L.gif) repeat-y;
	width: 5px;
}
.whiteBoxRightBorder{
	background:url(images/homePage/whiteBox_R.gif);
	width: 5px;
}
.whiteBoxBottomBorder{
	background-image:url(images/homePage/whiteBox_B.gif);
	background-repeat: repeat-x;
}
.whiteBoxBottomBorder_small{
	border-bottom:1px solid #969696;
}
.whiteBoxTopBorder{
	background-image:url(images/homePage/whiteBox_T.gif);
	background-repeat: repeat-x;
}
.whiteBox{
	padding:0px;
	width:167px;
}
table.newsSeperator{
	width:100%;
	border-bottom: 1px dotted #444444;
	padding-top:10px;
	margin-bottom:10px;
}

/* End right menu*/

/**************************************************************************************************/
/*********   Main panel Elements  **************************************************************/
/**************************************************************************************************/

/* Main content*/

TD.content,TD.search_content
{
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size: 		0.70em;
	text-align: 	left;
	vertical-align: top;
	padding-top: 26px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 12px;
	background-color: #FFFFF;
	line-height: 16px;
}

TD.content,TD.search_content
{
	width:730px;
	/*width:535px;*/
	/*When changing the width of this column, change also the width of "rightMenu" and "leftMenu" columns accordingly (to complete the 940 px (they influence each other). */
	/*This width is not given, even not in px that completes the left and right sides to 800, because in px - there is a space between the right column's gif and the end of the page. */
}




/* Content  (main page)*/
div.mainText P
{
	margin-left:	0.5cm;
	margin-right:	0.5cm;
}

div.mainText table.contact TD
{
	font-family: 	Verdana, Arial, Helvetica, sans-serif;
	width:			60%;
	vertical-align:	top;
	height:			100%;
}

Font.regular_text,A.regular_text
{
	font-family: 		verdana;
  	line-height: 14px;
}

A.regular_text
{
	text-decoration: underline;
}

.leftmenucell a,Font.regular_text,A.regular_text,DIV.list
{
	color: #333333;
}

A.with_red_underline
{
	text-decoration: underline;
	color: #0066CC;
}

/*  Headers  */

Font.content_title,Font.text_title2,Font.text_title3,text_title3_non_bold
{
	font-family: "Verdana";
}

Font.content_title
{
	font-size: 	1.45em;
	color: 	#000000;
	font-weight:bold;
}

Font.text_title2, A.text_title2
{
	color: #04357B;
	font-size: 	1.20em;
	font-weight:bold;
	text-decoration: none;
}

A:hover.text_title2
{
	text-decoration: underline;
}

Font.text_title3
{
	color: #04357B;
	font-weight:bold;
}

Font.text_title3_non_bold
{
	color: #04357B;
}

.text_title4{
	color: #FFA539;/*Orange*/
	font-weight:bold;
}

/* Site dotted Headers */
div.dotted_header
{
	border-collapse: collapse;
	border-top: 1px dotted #FFA539;
	border-bottom: 1px dotted #FFA539;
	padding-top: 1px;
	padding-bottom: 1px;
	width: 100%;
}

div.dotted_header_spaced
{
	border-collapse: collapse;
	border-top: 1px dotted #FFA539;
	border-bottom: 1px dotted #FFA539;
	padding-top: 4px;
	padding-bottom: 4px;
	WIDTH:100%;
}

/* list elements style */

UL.red_list
{
	list-style-image: url(images/bullet.gif);
}
UL.small_margin{
	margin-top:4px;
}

UL.simple_list
{
	list-style-type: "square";
}

UL.box_list{
	padding:0px;
	margin:0px;
	margin-left:26px;
	margin-bottom:10px;
	margin-top:5px;
	list-style-image: url(images/bullet.gif);
	font-size:1em;
}
.box_list A{
	color:black;
}
DIV.list
{
	margin-bottom: 8px;
}

/* Form Elements */

tr.registration_dark
{
	background-color: #D8D8D8;
}

tr.registration_light
{
	background-color: #EFEFEF;
}

input,select,textarea
{
	font-size: 1em;
	font-family: Verdana;
}

/*  image in main pages style */

TD.image_frames
{
	width: 100%;
	height: "100%";
	padding: 3px;
}
/* doclist title */
TD.title{
	color:#333333;
	font-size:12px;
	font-weight:bold;
	padding:3px 17px 3px 17px;
	background-color: #D8DDEF;
	border-bottom:1px solid #9AA2AD;
}

/* Specific inner pages style*/
img.teamMemberGif{
	border:1px solid #515151;
	width: 75px;
	height: 105px;
	margin-top: 2px;
	margin-right: 12px;
}
table.demos, .demos td{
	border-collapse:collapse;
	background : #DBE5F1; /*#C6D9F1*/
	border: 2px solid white;
}
table.demos tr.title td{
	background:#666666;
	color:white;
	font-size: 9pt;
}
/*End of - Specific inner pages style*/

/* End content  (main page)*/


/**************************************************************************************************/
/*************   Footer style   ******************************************************/
/**************************************************************************************************/

/* Privacy statement cell */
div.copyrights{
	position:relative;
	height:26px;
	width: 972px;
	font-size:	0.6em;
	font-family:	verdana;
	color: 	#F2F2F2;
	text-align:center;
	padding-top:6px;
	background:#666666 url(images/outer_shadow_bottom.gif);
	background-position:top center;
	background-repeat: repeat-x;
}
A.privacy{
	text-align:	left;
	color: 	#F2F2F2;
	text-decoration: none;
}
/* End of Privacy statement cell Style */
/**************************************************************************************************/
/**************************************************************************************************/

/* General font style*/
span.tm{
	font-family: Arial;
}
A.underline{
	text-decoration : underline;
}
A.no_underline{
	text-decoration : none;
}
.inner_page_right_border{
	background-color:#FFFFFF;
	background-image: url(images/dark_gray_px.gif);
	background-position:top right;
	background-repeat: repeat-y;
}

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