/* 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;
}

#LayoutBodyCMSWire {
 position: static;
 width: 788px;
 margin: 0 auto 30px auto;
 padding: 0;
 text-align: left;
}

.CenterCulmn{
	width:496px;
	vertical-align:top;
	padding:24px 0 0 0;
}

/******************************* Dialog Message Sent  ************************/

.MessageSentA{
	z-index: 3;
	position: absolute;
	left: 37%;
	top: 226px;
	height: 114px;
	width: 288px;
	display:none;
}

.MessageSent{
	background: url('message_sent.png') no-repeat;	
	height: 114px;
	width: 288px;
}

.MessageSent .top{
	padding:37px 0 0 70px;
}

.MessageSent .top span{
	color:#3f768d; 
	font-size:13px; 
	font-weight:bold;
}

.bottom{
	text-align:center;
	left:113px;
	top:65px;
	position:absolute;
}

.MessageSentA .bottom span{
	width:80px; 
	background-color:#aec9d6; 
	color:#FFFFFF; 
	font-weight:bold; 
	font-size:12px; 
	padding:3px 6px;
	cursor:pointer;
}


/******************************* Start  Block COMMOM  ************************/
body, td, * li, * ul, * ol, * div { 
font-family: Tahoma, Arial, Helvetica, sans-serif;
color: #7D7D7D;
}
body { margin: 0; background-color: #ffffff; font-size: 70%;}
#dBody td {font-size: 100%;}
td { font-size: 11px}
h1, h3, h4, h5 { text-indent: 0; margin:0; padding: 0; }  
h1, .Title1 {  color: #8EB1C2; font: 30px "Arial Narrow", Arial, Helvetica, sans-serif; }
h3, .Title3 {  color: #8EB1C2; font: 18px Arial, Helvetica, sans-serif;}
h4, .Title4 {  color: #739DB1; font: 109% Tahoma, Arial, Helvetica, sans-serif; font-weight: bold;  height: 18px}
h5, .Title5 {  color: #3F768D; font: 11px Tahoma, Arial, Helvetica, sans-serif; font-weight: bold;  height: 18px}

p { 
margin: 0 0 1em 0;  
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 100%; 
font-weight: normal;
 }
A:link, A:visited, A:active { font-family: Tahoma, Arial, Helvetica, sans-serif; text-decoration: none; color: #98BF00; font-weight: bold; text-decoration: none;}
.Title3  A:link, .Title3  A:visited, .Title3 A:active {color: #8EB1C2; font: 18px "Arial Narrow", Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none;}
.Title5  A:link, .Title5  A:visited, .Title5 A:active {color: #3F768D; font: 11px Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none;}

A:link.Title4, A:visited.Title4, A:active.Title4  { color: #3F768D; font-weight: bold; text-decoration: none; }
.h3Layout { position: relative;  padding: 0;  margin: auto auto  -0.4em 0; }

.tdLinesBg {background-color:#E2ECF1}
.tdLinesBg2 {background-color:#8EB1C2}


.tableService { margin:14px 0 0 8px;}
.tdService{	vertical-align: top; background-image: url("/upload/images/bg_service.jpg"); background-repeat:no-repeat; background-position:left bottom;}
.trServices{ height: 38px; }
.tdFirstServicesLink { width:258px; padding:0 3px 0 8px;}
.tdSecondServicesLink { width:216px; padding:0 3px 0 8px;}
.serviceLink {
	color: #3f768d;
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 18px;
	margin: 0 0 0 0px;
}
.serviceLink A:link, A:visited {
	color: #3f768d;
	text-align: left;
}
.QP7img{ padding:11px 0 0 0px; }
/******************************* 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: #3F768D;
}
.tdNavigationRightTrail, .tdNavigationRightTrailHome {
 width: 100%; height: 53px;  
 margin: 0;
 background-color: #3F768D;
}
.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: #3F768D;
 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: 23px 0 0 0;
 padding: 0;
 background-image: url("/upload/images/Header/TabMenu_bg.gif");
 background-repeat:repeat;
}
#TabMenu {
 position: static;
 width: 509px; 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: 84px;
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: #3F768D;
}
/* End TabMenu */


.HeadLogoImg { padding-bottom: 3px; }
.HeadTechnology { padding: 0 0 2px 8px; font-size: 9px; color: #3F768D;}

.HeadTechnology #TextOfHead {
	vertical-align:bottom;
}
.HeadTechnology #Telephone {
	padding:0 0 1px 54px;
	font-size:18px;
}


.HeadDate { padding:  0 0 2px 8px;  font-size: 9px; color: #C0D3DC;}

/**************** End Block "Header"  ****/

/*========= Start "Footer" elements ========== */
#Footer  { 
 position: static;
 width: 768px;
 clear: both;
 margin: 0 auto 0 auto;
 text-align: left;
} 
#Footer {
 color: #3F768D; 
 font-size: 9px; 
 font-weight: normal;
 margin-top:30px;
} 

#Footer A:link, #Footer A:visited, #Footer A:active { font-size: 9px; font-weight: normal; color: #3F768D; text-decoration: none; }
#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 LeftPart elements =========  */
#LeftPart { 
 position:relative; float:left;
 top: 0; left: 0;
 margin: 0;
 padding: 0 0 30px 0;
 width: 192px;
 font-size: 11px;
}

#LeftMenu { 
 position: static;
 margin: 0; 
 width: 192px; 
 min-height: 150px;
 background-color: #AEC9D6;
 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 { vertical-align: top; text-align: left;  padding: 0 5px 8px 7px;}
.LeftSubMenuDotImg { padding:  3px 0 8px 0;}
.LeftMenuDefault { color: #3F768D; font-weight: normal}
.LeftMenuActive { color: #FFFFFF;  font-weight: bold}
.LeftSubMenuActive, .LeftSubMenuDefault { font-size: 9px; color: #FFFFFF;}
.LeftSubMenuDefault { font-weight: normal}
.LeftSubMenuActive { font-weight: bold; }

#CompanyHighlight { margin: 19px 0 17px 0; padding: 0 11px 0 11px; }
#ContactsLeft { 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 LeftPart elements =========  */

#RightPart { 
 position: relative; float: right;
 top: 0;  left: 0;
 margin: 0 auto auto auto;
 width: 181px; height: auto;  
 padding: 27px 0 50px 28px; 
 font-size: 11px;
}
#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; float: left;
height: 53px; 
Width: 576px; 
margin: 0; 
padding: 0;
background:#FFF; 
}
#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: #3F768D;}


#dBody { margin: 0  0  0 230px; padding: 0;}
#BodyContent {
position: relative; float: left;
top: 0; left: 0;
width: 329px;
margin: auto;
padding: 0;
}

/*========= Begin Home Page elements ========== */ 
#HomeSwf { padding: 0; margin: 0; }
#HomeSwf object  { padding: 0; margin: 0; }

#FirstHomeLayer {
	margin: 33px 0 0 0;
}
#SecondHomeLayer {
	margin: 19px 0 0 0;
}
#CaseStudies { margin: 0;}
#FirstHomeLayer .HomeTitle { position: relative;  padding: 0;  margin: auto auto  -0.4em 0; margin:0 0 1px 0px;}
#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: #3F768D;
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: #3F768D;}
.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 ========== */ 

#RegSitecreatorForm {background-color:#FBFCFE; border:1px solid #E2ECF1; padding:8px;}
form {margin:0px; padding:0px;}
#FormRequestBackground {background-color:#FBFCFE; border:1px solid #E2ECF1; padding:8px;}
.InputForm {background-color:#FFFFFF; border:1px solid #AEC9D6; width:90px; font-size: 10px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: normal;}
.InputFormButton {background-color:#FFFFFF; border:1px solid #AEC9D6; width:100%; font-size: 10px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: normal;}
.InputDescription {font-size: 10px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: normal;}

/*========= Start Blogs ========== */ 
p.posted {
	
                  color: #6699CC;

	font-family: 'Trebuchet MS', Verdana, sans-serif;

	font-size: x-small;

	border-top: 1px dotted #999999;

	text-align: left;

	font-weight: bold;


	margin-bottom: 25px;

	line-height: normal;
	padding: 3px;

	}
.blogcontent h2 {
                  
margin: 0px;
	color: #333333;

	font-family: 'Trebuchet MS', Verdana, sans-serif;

	font-size: medium;

	border-bottom: 1px solid #333333;

	text-align: left;

	font-weight: bold;


	margin-bottom: 10px;

	padding: 3px;
	
}


.blogcontent h3 {
                  
margin: 0px;
	color: #000000;

	font-family: 'Trebuchet MS', Verdana, sans-serif;

	font-size: large;

	text-align: left;

	font-weight: bold;


	margin-bottom: 10px;


                  padding: 0px;
	}



.blogdivider {

	float: left;

	width: 2px;

                  height:100%;
	padding-right: 5px;

	margin-right: 5px;

	text-align: left;

	border-right: 1px dotted #BBB;

	}

/*========= End Blogs ========== */ 
.Email{ color: #FF7E00; font-weight: bold;}

.Star{
	color:#FF0000;
}

.Calc{
	height:22px;
	vertical-align:middle;
}

.Calc2{
	height:22px;
	vertical-align:bottom;
}


.FormRequestBackground {
background-color:#FBFCFE; 
border-left-color: #AEC9D6; 
border-left-style: solid; 
border-left-width: 1px; 
border-right-color: #AEC9D6; 
border-right-style: solid; 
border-right-width: 1px;
vertical-align: middle;
height: 187px;
}

.BorderNone{
	border-style:none;	
}

.FormRequestHead{
font-family: Arial, Tahoma, sans-serif;
font-weight: bold;
font-size: 12px;
color: #ff7e00;
padding: 0 0 0 2px;
letter-spacing:0.2px;
}

.FormRequestHeadForSolution{
font-family: Tahoma, Arial, sans-serif;
font-weight: bold;
font-size: 12px;
color: #ff7e00;
padding: 0 0 0 2px;
letter-spacing:0.2px;
}


.FormRequestText{
font-family: Verdana, Tahoma, Arial;
font-weight: normal;
font-size: 10px;
color: #7D7D7D;
} 

.FormRequestMargin{
margin: 8px;
}

.FormRequestInput {
	width: 134px;
	border: 1px solid #AEC9D6;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
}

.FormRequestButton {
background-color: #AEC9D6;
border: 1px solid #AEC9D6;
font-family: Tahoma, Arial, sans-serif;
font-weight: bold;
font-size: 11px;
color: #FFFFFF;
}

.LoadFileButton {
	background-color: #AEC9D6;
	border: 1px solid #AEC9D6;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	height: 17px;
	width: 57px;
}

/*----------------------- Site Search Start -----------------------*/

.SiteSearchInput {width: 450px; background-color: #FFFFFF; border: 1px solid #AEC9D6; font-size: 10px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: normal;}
.SiteSearchTRow {padding-top: 10px;}
.SiteSearchSubmit {font-family: Tahoma, Helvetica, sans-serif; color: #FFFFFF; background-color: #AEC6D6; border: 0px; font-weight: bold !important; font-size: 10px;}
.SearchRecordBlock {padding-top: 10px;}
.SearchNumber {color: #739DB1; font: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold;}
.SearchDescription {padding-left: 15px; text-align: justify;}
.SiteSearchPages {padding-top: 10px;}

/*------------------------ Site Search End ------------------------*/
.a {
	height:20px;
}

/*------------------------ Center Part on Main Page ------------------------*/
#center-part {
	margin:0 auto;
	width:768px;
	position:relative;
	z-index:10
}
.CenterCulmnPos {
	position:absolute;
	top:118px;left:0;
	z-index:999;
}

/*------------------------ Form on Main Page ------------------------*/

div.fileinputs {
	position: relative;
	width:120px;
}
div.uploadfile {
	position: absolute;
	top: 5px;
	left: 0px;
	z-index: 1;
}
input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
	width:143px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:##333333;
	height:20px;
}
input.text{
	padding:0 0 0 0px;
	width:80px;
	background:url(/upload/images/IconsOfService/input.gif) no-repeat 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	line-height:1.8em;
	color:#333333;
	height:20px;
	position:absolute;
	border:none;
}
:root input[type="text"]{
	padding-top:3px;
	line-height:normal;
}
.uploadfile img{
	position:absolute;
	left:87px;
	top:0;
	padding:0;
	margin:0;
}

.counter{
	text-align:right;
}