﻿/* CSS Document */

#LayoutPage {
 position:relative;
 z-index: 1;
 width: 100%;
 text-align: center;
 margin-top: 0; 
 margin-right: auto;
 margin-left: auto; 
}

#LayoutBody {
 position: static;
 width: 768px;
 margin: 0 auto 30px auto;
 padding: 0;
 text-align: left;
}
.DisplayEdit { position:absolute;
	top:-6px; left:20px;
	display:inline;
}
.DisplayEditDIV { position:relative;}
.HiddenEdit {
	display:none;
}

/******************************* Start  Block COMMOM  ************************/
body, td, * li, * ul, * ol, * div { 
font-family: Tahoma, Arial, Helvetica, sans-serif;
color: #7D7D7D;
}
body { margin: 0; font-size: 71%;}
#dBody td {font-size: 100%;}
td { font-size: 100%}
h1, h3, h4, h5, .Title3, .Title5 { text-indent: 0; margin:0; padding: 0; }  
h1, .Title1 {  color: #8EAEC2; font: 30px "Arial Narrow", Arial, Helvetica, sans-serif; }
h3, .Title3 {  color: #8EAEC2; font: 18px "Arial Narrow", Arial, Helvetica, sans-serif; font-weight: bold;}
h4, .Title4 {  color: #739DB1; font: 109% Tahoma, Arial, Helvetica, sans-serif; font-weight: bold;}
h5, .Title5 {  color: #557D9C; font: 100% Tahoma, Arial, Helvetica, sans-serif; font-weight: bold;}
h6, .Title6 {  color: #557D9C; font: 100% Tahoma, Arial, Helvetica, sans-serif; font-weight: bold;}
p { 
margin: 0 0 1em 0;  
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 100%; 
font-weight: normal;
 }
button{color:#FFFFFF; background-color:#AEC6D6;	border:#AEC6D6 solid 1px; font:10px Tahoma, Arial, Helvetica, sans-serif; font-weight: bold;}
.buttonText{font:10px Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; color:#FFFFFF}
A:link, A:visited, A:active { font-family: Tahoma, Arial, Helvetica, sans-serif; text-decoration: none; color: #98BF00; font-weight: bold; text-decoration: none;}
A.Title3:link, A.Title3:visited, A.Title3:active {color: #8EAEC2; font: 18px "Arial Narrow", Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none;}
A.Title5:link, A.Title5:visited, A.Title5:active {color: #557D9C; font: 11px Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none;}
A.Title4:link, A.Title4:visited, A.Title4:active  { color: #557D9C; font-weight: bold; text-decoration: none; }

.h3Layout { position: relative;  padding: 0;  margin: auto auto  -0.4em 0; }

.tdLinesBg {background-color:#E2EAF1}
.tdLinesBg2 {background-color:#8EAEC2}

A.signature:link, A.signature:visited, A.signature:active { font-family: Tahoma, Arial, Helvetica, sans-serif; text-decoration: none; color: #557D9C; font-weight: bold; text-decoration: none; font-size:10px;}

/******************************* End  Block COMMOM  ************************/




/* begin Block "LayOutNavigation"  */
#LayoutNavigation {
position: absolute;
z-index: 0;
top:  65px; left: 0px;
width: 100%; height: 106px;  
}
.tdNavigationLeftTrail {  
 width: 100%; height: 53px;  
 background-color: #507998;
}
.tdNavigationRightTrail, .tdNavigationRightTrailHome {
 width: 100%; height: 53px;  
 margin: 0;
 background-color: #507998;
}
.tdNavigationRightTrail {
 background-image:url(/upload/images/Navigation/Navigation_LeftBorder.gif);
 background-position:left;
 background-repeat:no-repeat;
}

.tdNavigationBg {
 width: 100%; height: 53px;  
 background-image: url(/upload/images/Header/TabMenu_bg.gif);
 background-repeat:repeat;
}
/*********** End Block "LayOutNavigation"  *******************/

/*********** Begin Block "Header"  ***************************/
#MainNavigation {  
 position:static;
 width: 192px; height: 52px;  
 margin: 0;
 padding-top: 1px;
 background-color: #507998;
 background-image: url(/upload/images/Navigation/Navigation_RightBorder.gif);
 background-position:right;
 background-repeat:no-repeat;
}
.NavigationIco {
width: 16px;
height: 17px;
border-width: 0;
padding:  4px 0 0 0;

}

#MainNavigation,  #MainNavigation A:link, #MainNavigation  A:visited, #MainNavigation A:active {  
color: #FFFFFF; 
font-weight: normal; 
font-size: 9px; 
}

#Header {
 position: static;
 width: 768px;
 margin-top: 0; 
 margin-right: auto;
 margin-left: auto;
 text-align: left;
}

/* TabMenu */
#LayoutTabMenu {
 position: static;
 width: 100%; 
 margin: 5px 0 0 0;
 padding: 0;
 background-image: url(/upload/images/Header/TabMenu_bg.gif);
 background-repeat:repeat;
}
#TabMenu {
 position: static;
 width: 511px; height: 53px;
 margin: 0;
 text-align: right;
 background-image: url(/upload/images/Header/TabMenu_bg.gif);
 background-repeat:repeat;
}
.TabItem { margin: 0; padding: 0;} 

.TabMenuButton, .TabMenuButtonActive {
height: 28px; width: 127px;
text-align: center;
vertical-align: middle;
}
.TabMenuButton { background-image: url(/upload/images/Tabs/TapMenuBotton_Def.gif) }
.TabMenuButtonActive { background-image: url(/upload/images/Tabs/TabMenuButton_Active.gif)}

.TabCaption { padding-top: 5px; }
.TabCaption, .TabCaption  A:link, .TabCaption  A:visited, .TabCaption A:active {
font-weight: bold;  
color: #557D9C;
}
/* End TabMenu */


.HeadLogoImg { padding-bottom: 3px; }
.HeadTechnology { padding: 0 0 2px 8px; font-size: 9px; color: #557D9C;}
a.HeadTechnology:link, a.HeadTechnology:visited, a.HeadTechnology:active {padding: 0px; font-size: 9px; color: #557D9C; font-weight:normal;}
.HeadDate { padding:  0 0 5px 8px;  font-size: 9px; color: #C0D3DC;}

/**************** End Block "Header"  ****/

/*========= Start "Footer" elements ========== */
#Footer  { 
 position: static;
 width: 768px;
 clear: both;
 margin: 0px auto;
 text-align: left;
} 
#Footer {
 color: #557D9C; 
 font-size: 9px; 
 font-weight: normal;
} 

#Footer A:link, #Footer A:visited, #Footer A:active { font-size: 9px; font-weight:normal; color: #557D9C; text-decoration: none; }
#pageCopyrights {
	position:relative;
	top:5px; left:0; 
}
#Footer .Copyright { font-size: 9px; font-weight: normal; color:#7D7D7D; }
#Footer .Copyright A:link, #Footer .Copyright A:visited, #Footer .Copyright A:active { text-decoration: underline;}
/*========= End "Footer" elements ========== */ 


/*=========Start BodySidePart elements =========  */
#BodySidePart { 
 position:relative; float:right;
 top: 0; left: 0;
 margin: 0;
 padding: 0 0 30px 0;
 width: 192px;
 font-size: 11px;
 border: none;
}

#LeftMenu { 
 position: static;
 margin: 0; 
 width: 192px;
 background-color: #AEC6D6;
 background-image: url(/upload/images/LeftMenu/LeftMenu_br.gif);
 background-position: bottom; 
 background-repeat: no-repeat;
}
#LeftMenuLayoutTable {  padding: 22px 11px 22px 16px; }
/*
#LeftMenu #LeftMenuLayoutTable { height: 106px; }
#LeftMenu > #LeftMenuLayoutTable { height: auto;}
*/
.LeftMenuArrow, .LeftMenuArrowStart, .LeftMenuArrowEnd, .LeftMenuArrowNone, .LeftMenuArrowSub  { vertical-align: top; text-align: right; padding-top: 0.2em; width: 11px;}
.LeftMenuArrow, .LeftMenuArrowStart, .LeftMenuArrowEnd  { background-image: url(/upload/images/LeftMenu/LeftMenu_VDotsline_Bg.gif);}
.LeftMenuArrow { background-repeat: repeat-y; background-position: top; }
.LeftMenuArrowStart { background-repeat: no-repeat; background-position: bottom; }
.LeftMenuArrowEnd { background-repeat: no-repeat;  background-position: top; }
.LeftMenuTd, .LeftSubMenuTd{ padding: 0 5px 8px 7px; vertical-align: top;  text-align: left;}
.LeftSubMenuTd { width: 143px;}
.LeftSubMenuDotImg { padding:  3px 0 8px 0;}
.LeftMenuDefault { color: #507998; font-weight: normal}
.LeftMenuActive { color: #FFFFFF;  font-weight: bold}
.LeftSubMenuActive, .LeftSubMenuDefault { font-size: 9px; color: #FFFFFF; text-align: left;}
.LeftSubMenuDefault { font-weight: normal}
.LeftSubMenuActive { font-weight: bold; }

#CompanyHighlight { margin: 19px 0 17px 0; padding: 0 11px 0 11px; }

.InTheBoxTd { vertical-align: top; text-align: left; background-color: #FBFCFE; }
.InTheBox  { margin: 8px 8px 17px 5px; text-indent: 3px; }
.InTheBox td { font-size: 10px; padding-top: 5px; }
.InTheBox table { padding: 0; margin: 0; }
/*=========End BodySidePart elements =========  */

#Contact { font-size: 10px;}
#Contact  A:link, #Contact  A:visited, #Contact  A:active { color: #FF7E00; font-size: 10px; text-decoration: none;  line-height: 1.4em;}

#CustomerQuote { margin: 19px 0 19px 0; padding: 0; }
#imgQP7Demo {}

#MenuPath {  
position: relative;
height: 53px; 
Width: 768px;
margin: 0px; 
padding: 0px; 
}
#MenuPath td {  font-size: 9px; font-weight: bold; color: #C0D3DC;}
#MenuPath A:link, #MenuPath A:visited, #MenuPath A:active { font-size: 9px; font-weight: bold; color: #557D9C;}


#FAQNavigation {margin:3px 0px 3px 0px;}
#FAQNavigation A:link, #FAQNavigation A:visited, #FAQNavigation A:active {color:#8EB1C2; font-weight:bold; font-size:12px;}

#FAQNavigationInsideLevel {margin:3px 0px 3px 16px;}
#FAQNavigationInsideLevel A:link, #FAQNavigationInsideLevel A:visited, #FAQNavigationInsideLevel A:active {color:#557D9C; font-weight:bold; font-size:11px;}


#HomeLoginText {
	color: #7D7D7D;
	font-family:Tahoma;
	font-size: 11px;
        height:195px;
	width:192px;
}

#HomeLoginLinks {
   position:absolute;
   top:8px;
   left:8px;
}   
#HomeLoginLinks A:link, #HomeLoginLinks A:visited, #HomeLoginLinks A:active { font-size: 9px; font-weight: bold; color: #557D9C;}

#dBody { margin: 0  0  0 0px; padding: 0; border: 0px; width: 768px;}
#BodyContent {
position: relative; float: left;
top: 0; left: 0;
width: 529px;
margin: auto;
padding: 0;
}

/*========= Begin Home Page elements ========== */ 
#HomeSwf { padding: 0; margin: 0; }
#HomeSwf object  { padding: 0; margin: 0; }

#FirstHomeLayer, #SecondHomeLayer { margin: 12px 0 0 0;}
#CaseStudies { margin: 0;}
#FirstHomeLayer .HomeTitle { position: relative;  padding: 0;  margin: auto auto  -0.4em 0; }
#SecondHomeLayer .HomeTitle { position: relative;  padding: 0;  margin: auto auto  -0.5em 0; }
.HomeNews, .HomeStudies, #FirstHomeLayer #Contact { margin: 6px 0 0 0;}
.HomeNews, .HomeStudies, #FirstHomeLayer #Contact, #SecondHomeLayer * * {  line-height: 1.4em; }
.HomeNews, .HomeStudies { padding: 0 0 0 23px;  text-indent: -22px;}
#QP7Extensions .Title5, #RightPart .Title5, #LeftPart .Title5 { color: #FF7E00;}
/*========= End Home Page elements ========== */ 

/*========= Begin SiteMap Page elements ========== */ 
.SiteMapHome{ text-indent: 150px; margin-top: 15px;}
.SiteMapHome  A:link, .SiteMapHome A:visited, .SiteMapHome A:active {
font-size: small;
font-weight: bold;
color: #557D9C;
text-decoration: underline;
}
.SiteMapBlockTD { 
vertical-align: top; 
text-align: left; 
padding: 10px 10px 10px 20px;
font-size: small;
} 
.SiteMapBlockTD, .SiteMapBlockTD td { font-size: small;}
.SiteMapIconLev1Start, .SiteMapIconLev1, .SiteMapIconLev1End, .SiteMapIconLev1None  {
vertical-align: top; 
font-size: 11px;
padding-top: 0.4em;
width: 11px;
}
.SiteMapIconLev2Start, .SiteMapIconLev2, .SiteMapIconLev2End, .SiteMapIconLev2None, .SiteMapIconLev3 { 
vertical-align: top; 
font-size: 11px;
padding-top: 0.3em;
}

.SiteMapIconLev1Start, .SiteMapIconLev1, .SiteMapIconLev1End { background-image: url(/upload/images/SiteMap/sitemap_VLine_Bg.gif); }
.SiteMapIconLev2Start, .SiteMapIconLev2, .SiteMapIconLev2End  { background-image: url(/upload/images/SiteMap/sitemap_VDotsline_Bg.gif); }
.SiteMapIconLev1Start, .SiteMapIconLev2Start { background-repeat: no-repeat; background-position: bottom; }
.SiteMapIconLev1, .SiteMapIconLev2 { background-repeat: repeat-y; background-position: top; }
.SiteMapIconLev1End, .SiteMapIconLev2End { background-repeat: no-repeat;  background-position: top; }

.SiteMapBranchImgLev1 { padding:  1px 0 0 0;}
.SiteMapBranchImg { padding:  3px 0 0 0;}

.SiteMapLev1td, .SiteMapLev2td, .SiteMapLev3td { vertical-align: top; text-align: left; }
.SiteMapLev1td, .SiteMapLev2td, .SiteMapLev3td { padding: 2px  5px 3px 7px;}

.SiteMapLev1, .SiteMapLev2, .SiteMapLev3 {color: #557D9C;}
.SiteMapLev1 { font-size: 108%; font-weight: bold; } 
.SiteMapLev2 { font-size: 100%; font-weight: normal; } 
.SiteMapLev3 { font-size: 93%; font-weight: normal;} 

/*========= End SiteMap Page elements ========== */ 


/*========= Begin Search Page elements ========== */ 

.search  {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #7D7D7D;
	font-size: 11px;
	border-color:#AEC6D6;
	border-style:solid;
	border-width:1px;
}


.input_text  {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #7D7D7D;
	font-size: 11px;
	border-color:#AEC6D6;
	border-style:solid;
	border-width:1px;
}

form {
padding:0px;
margin:0px;
}

.InTheBox2BorderTop {background-color:#FAFBFC; border-top-color:#E2EAF1; border-top-style:solid; border-top-width:1px;}
.InTheBox2BorderBottom {background-color:#FAFBFC; border-bottom-color:#E2EAF1; border-bottom-style:solid; border-bottom-width:1px;}
.InTheBox2BorderLeft {background-color:#FAFBFC; border-left-color:#E2EAF1; border-left-style:solid; border-left-width:1px;}
.InTheBox2BorderRight {background-color:#FAFBFC; border-right-color:#E2EAF1; border-right-style:solid; border-right-width:1px;}
.InTheBox2BorderRight {background-color:#FAFBFC; border-right-color:#E2EAF1; border-right-style:solid; border-right-width:1px;}

.InTheBox2Td { vertical-align: top; text-align: left; background-color: #FBFCFE; }
.InTheBox2  { margin: 3px 6px 7px 4px; text-indent: 3px;}

/*========= End Search Page elements ========== */ 

/*========= Start Login Form elements ========== */ 
.LoginFormInput {
	width:170px;
	border-color:#AEC6D6;
	border-style:solid;
	border-width:1px;
}
/*========= End Login Form elements ========== */ 

/*========= Start Forum elements ========== */ 
.ForumTD {
	padding:8px 0px 8px 0px;
}

.ForumTDTitle {
	color:#8EAEC2;
	padding-left:10px;
	font-size:10px;
	font-weight:bold;
}


/*========= End Forum elements ========== */ 

/*----------------------- Testing Start ---------------------------*/
  tr.category_header td {border-bottom: 1px solid; font-weight: bold;}
/*------------------------ Testing End ----------------------------*/

