* {margin:0; padding:0; font-family:Verdana, Arial, sans-serif; font-size:11px}
body {background-color:#EAEAEA; TEXT-ALIGN:center; color:#000; padding:3px 0 0 0}
a{color:#336699; outline:none;}
a:hover{color:#F00}
img{border:0}

.m_0{margin:0 !important}
.m_5{margin:0 5px 0 0 !important}
.pb_0{padding-bottom:0 !important}
.fr{float:right;}
.fl{float:left}

#frame {color:#666; background:#fff; width:950px; margin:0 auto 10px auto; text-align:left; border:1px solid #CCCCCC; border-top:none; }
.little_dots{clear:both; background:url(/images/dot_little.gif) repeat-x; line-height:1px; font-size:1px; height:1px;}
.clearfix:after {  content: "."; display: block; height: 0; clear: both; visibility: hidden; zoom:1}


 /*TopLogo*/
#top {height:110px; overflow:hidden; background: url(/images/top_bg.gif) repeat-x #fff; width:951px; margin: 0 auto; text-align:left; border-left:1px solid #CCCCCC; z-index:100; position:relative}
#top .logo a  { height:105px; display:block; float:left}
#top_right {border-right:1px solid #CCCCCC; width:245px; height:76px; float:right; margin-top:8px;}
#head_menu { clear:both; text-align:right; padding: 0 9px 0 0; position:relative; }
#head_menu span {background: url(/images/bullet_head.gif) no-repeat 0 3px; margin:0 43px 0 2px; font: 11px/100% Verdana, Tahoma, Arial}
#head_menu a, #head_menu a:visited { font: 11px Verdana, Tahoma, Arial;  color: #336699;  text-decoration: underline; padding:0 0 0 15px}
#head_menu a:hover {color: #ff0000}
#top_right .phone{ padding:22px 14px 9px 4px; text-align:right}

.slogan {float:left;padding:84px 0 0 1px; float:left; font-size:13px;color:#333;position:absolute; left:218px; top:0;}
 /* menus
 -------------------------------------------------------*/
/*top menu*/
.topmenu {  background:#F2F2EA ; height:60px; border-collapse:collapse}
.topmenu ul {padding:24px 0 15px 17px; LIST-STYLE-TYPE: none; zoom:1;  text-align:left; border:3px solid #FFFFFF; border-bottom:none; }
.topmenu li {display: block;  FLOAT: left; border:1px solid #ADA78E; margin: 0 4px 0 0; background-color:#ffffff; padding:1px;}
.topmenu li A ,  .topmenu li span  { display: block; FONT: 12px/100% Verdana, Tahoma, Arial;  COLOR: #333333; TEXT-ALIGN: center; TEXT-DECORATION: none; padding:4px 25px}
.topmenu li span {  COLOR: #ffffff ; background-color:#35352D;}
.topmenu A:hover { COLOR: #ffffff; TEXT-DECORATION: none; background-color:#35352D;}
 .topmenu li A.DemoAccount  { COLOR: #ffffff; padding:4px 17px; background:#ff0000}
 .topmenu li A.DemoAccount:hover  {background:#000000}
.topmenu li b { position:absolute; height:1px; width:1px; overflow:hidden; z-index:150; display:none}
.topmenu li b.lap1 { background-color:#fff; margin:18px 0 0 -1px}
/*top menu*/


 /*left menu*/
.left_menu{margin-bottom:40px; width:199px; border:1px solid #D5D2C2; background-color:#F3F3EC;}
.left_menu ul{	padding:15px 0 16px 0; LIST-STYLE-TYPE: none;  text-align:left; border:3px solid #ffffff;}
.left_menu li {  padding:0; margin:0;}
.left_menu li a {FONT: 11px/16px Verdana, Tahoma, Arial;  COLOR: #333333;  TEXT-DECORATION: none; display:block; width:157px; padding:5px 10px 5px 26px;}
.left_menu li a:hover {	 TEXT-DECORATION: none;  display:block; width:157px; BACKGROUND: url(/images/bullet_head7.gif) no-repeat 0 -1px; *BACKGROUND: url(/images/bullet_head7.gif) no-repeat left top; color:#bf0015;padding:3px 10px 3px 26px; border-top:2px solid #ffffff;border-bottom:2px solid #ffffff;}
.left_menu span {COLOR:#bf0015; FONT: 11px/16px Verdana, Tahoma, Arial; padding:5px 10px 5px 26px; display:block;}


 /*  drop down  menu */
.topmenu .supMenu { display:none; position:absolute;  padding:0;  z-index:100;  margin:-2px 0 0 -2px; width:212px;  }
.topmenu #supMenuLong { width:312px;  }
.topmenu .supMenu .supMenuCont { padding:0;  background:url("/images/bg_menu_vup_sadow_left.png") no-repeat; _height:1px; behavior: url(/stylesheet/iepngfix.htc) }
.topmenu .supMenu  p { line-height:0; margin:0; padding:0; font-size:1px; height:7px; overflow:hidden;}
.topmenu .supMenu  ul  {	padding:0; }
.topmenu li:hover .supMenu  { display:block; }
.topmenu li:hover b  {display:block;}
.topmenu .left_menu {  width:207px; margin:0; padding:0;  border:1px solid #ada78e; }
.topmenu #supMenuLong .left_menu {  width:307px;}
.topmenu .left_menu ul {border:1px solid #fff; list-style:none; padding: 0 ;  margin:0; background:#35352d  }

.topmenu li{z-index:200;}
.topmenu li a {position:relative;  z-index: 99 }
.topmenu li:hover a, .topmenu li:hover span, .topmenu li a.active{ position:relative; z-index: 102; background:#35352d; color:#FFF !important;   }
.topmenu li:hover li a, .topmenu li:hover li span { position:static; color:#FFF; }

.topmenu .left_menu li {  display:block;  background:none; font-size: 11px; width:auto; float:none; padding:0; margin:0; border:none;}
.topmenu .left_menu li a {  font-size: 11px; background:none;  border:none;  border-bottom:1px solid #716b5d;  width:auto; padding:3px 0 5px 15px; margin:0; color:#fff; font-weight:bold; text-align:left; line-height:100%; }
.topmenu  li .left_menu  li span, .topmenu .left_menu  li a:hover,
.topmenu .left_menu  li:hover a { font-size: 11px;  background:#FFF; border:none; border-bottom:1px solid #35352d; width:auto;  padding:3px 0 5px 15px; margin:0; text-align:left; color:#F00 !important; }
/* end Menus */



#top_right form { margin:0; padding:0 0 0 0}
#search, #searchPG{width:200px; background-color:#F3F3EC; border:1px solid #999999; margin:0 0 0 14px; height:18px; float:left; font:12px/18px Verdana, Arial, Tahoma}
#search_s, #search_PS{width:26px; height:20px; border:0; float:right}
#search_PS{float:left; margin:0 0 0 10px }
#searchPG {width:250px}
.search label {font-size:11px}
.topSearch {float:right; width:250px; padding:6px 0 0 0}
.topSearch label{color:#666666; text-align:right; }
h1 label { font:26px/95% Verdana,Arial,serif;}
.subGoogleForm  {  text-align:left}
.subGoogleForm #searchPG,  .subGoogleForm #search_PS{ float:none; vertical-align:middle; margin:0;}






 /* breadcrumb */
.breadcrumb { margin:0 0 0 0;border-left:3px solid #FFF; position:relative;}
 .breadcrumb:after {  content: "."; display: block; height: 0; clear: both; visibility: hidden; zoom:1}
 .breadcrumb ul {list-style:none; height:18px; border-left:1px solid #E5E4D8}
 .breadcrumb ul li {background:#F3F3EC; float:left; padding:1px 0; border-bottom:1px solid #E5E4D8; font-size:10px}
 .breadcrumb ul li a { border:1px solid #fff; display:block; color:#646150; padding:1px 5px 0;font-size:10px}
 .breadcrumb ul li a:hover { color:#333333}
 .breadcrumb ul li p {border:1px solid #fff; padding:1px 5px 0; border-right:none;font-size:10px}
 .breadcrumb ul li.img { padding:0; border:0; background:url(/images/breadcramd.gif) no-repeat; width:16px; height:17px;}
 /* end breadcrumb */

.content {background:url(/images/bnr_blue.gif) no-repeat 3px 0;  overflow:hidden; width:950px}
.content #contentleft {float:left; display:inline; margin:40px 5px 30px 25px;}
#left_column { width:201px; float:left; overflow:hidden; display:inline-block;}
#middle_column { float:left; display:inline; width:450px; margin:0 0 0 25px; padding:40px 0 50px 0; line-height:150%}
#middle_column_two { float:left; display:inline; width:660px; margin:0 0 0 25px; padding:40px 0 50px 0; line-height:150%}
#middle_column_all {float:left;padding:100px 0 50px 140px;width:660px;  }
.content #contentright {float:left; width:201px; display:inline; padding:90px 0 0 30px; margin:0; vertical-align:top; }

.Overview #middle_column{padding-top:225px}
.Overview #contentright {padding:300px 0 0 30px; }

/*  top Overviews */
.overviwTop { position:absolute; margin: 6px 0 0 226px; background:#fff; width:723px; height:280px;  }
.overviwTop h1 { font: normal 28px  Verdana, Arial, serif; color:#333; padding: 15px 0 0 0 }
.overviwTop h4 { font: bold 13px  Verdana, Arial, serif; color:#999; padding:0 0 3px}
.overviwTop h3 {font: bold 18px  Verdana, Arial, serif; color:#F00; padding:42px 0 0}
.overviwTop .supOvTop p { padding: 50px 140px 0 26px; color:#000; font-family:"Times New Roman", Times, serif; font-size:25px;  line-height:110%}
.Inside360 .overviwTop .supOvTop p{padding: 60px 210px 0 23px}
.Company .overviwTop .supOvTop h1{padding-right: 165px;line-height:28px; font-size:26px;}
.Company .overviwTop .supOvTop h1 span{color:#BBB; font-size:16px;} 
.overviwTop .supOvTop  { padding:0px 0 10px 50px}
.Product .overviwTop { background: url("/images/overview/top-product.jpg") no-repeat 0 -3px}
.Features .overviwTop { background: url("/images/overview/top-features.jpg") no-repeat 0 -3px}
.Challenges .overviwTop { background: url("/images/overview/top-challenges.jpg") no-repeat 0 -3px}
.Platform .overviwTop { background: url("/images/overview/top-platform.jpg") no-repeat 0 -3px}
.Company .overviwTop { background: url("/images/overview/top-company.png") no-repeat right -3px}
.Inside360 .overviwTop { background: url("/images/overview/top-inside360.png") no-repeat right -3px} 
.Platform #left_column {padding-top:30px;}
.Company .overviwTop h1{ color:#FFFFFF; font-size:23px; padding:15px 0 5px}
.Company .overviwTop h1 b{ color:#B4D3FA ; font-weight:normal; font-size:23px; } 
.Company  .supOvTop { padding:18px 0 10px 28px}
.Company .overviwTop {margin:6px 0 0 247px; width:702px;  padding: 0 0 0 0 ; height:145px;}
.Company  #middle_column{padding:100px 0 0}
.Company  #contentright {padding:150px 0 0 30px}

 /*Middle_all*/
.middle_all h1  { font: normal 26px/95%  Verdana, Arial, serif; color:#333; padding:5px 0 8px}
.middle_all h2 { BACKGROUND: url(/images/h2-title-ico.png) no-repeat 0 31px ;   padding:31px 0 1px 25px ; font:bold 16px/100% Verdana,  Arial; color:#333333;}
.middle_all h2.oldStyle   { background:#F5F7FB none repeat scroll 0 0; font-size:12px; line-height:22px; border-bottom:1px solid #7C9CBE; margin:30px 0 0px ;  padding:1px 0 1px 8px ; padding-left:8px;}
.middle_all h3 { padding:15px 0 3px 0px ; font:bold 12px/100% Verdana,  Arial; color:#333333;}
.middle_all p{padding:7px 0; margin:0;}
.middle_all {line-height:150%;} 
.middle_all ul { margin: 5px 0 5px 15px; padding:0 0 0 15px; list-style-type: none;}
.middle_all ul li{ background: url(/images/dot_red_2.gif) no-repeat 0 8px;   padding:5px 0 5px 15px;}

.custCont { padding:20px 0 20px 10px; display:inline-block;}
#middle_column .custCont p { width: 67px; height:58px; position:relative; float:left; zoom:1;  padding:2px; margin:0}
.custCont p img {width:67px; height:58px; position:absolute; top:0; left:0;  zoom:1}

/* footer */
.vFooterCont {clear:both}
.menuLine {padding:0 100px; background:url(/images/bg_menu_dotted.gif) repeat-x; height:70px}
.menuLine ul { text-align:center; margin:0; padding:30px 0 0}
.menuLine ul li {display:inline }
.menuLine a {color:#336699}
.menuLine a:hover {color:#FF0000}
.companyInfo {padding:20px 0; color:#666}
.companyInfo p { text-align:center; padding:5px 0}
.companyInfo p span { color:#FF0000; padding: 0 7px}




/*HomePage*/
.introHomePageNoFla { padding: 40px 345px 0 47px;}
.introHomePageNoFla  h1 { margin:0; padding:5px 0; color:#ffffff; font-family:Arial,Verdana,  sans-serif; font-size:28px}
.introHomePageNoFla  h1 span { display:none}
.introHomePageNoFla p { padding: 7px 60px 7px 0; color:#ccc; font-size:12px; line-height:170%}
.introHomePageNoFla p a { color:#ccc; font-size:12px; }
.introHomePageNoFla p a:hover { color:#fff}
.introHomePageNoFla p.link { float:right; padding-top:40px; padding-right:70px;}
.introHomePageNoFla p.link a { color:#baddff;  font-size:13px; }
.introHomePageNoFla p.link a:hover {color:#ff0000;}

.introHomePage {margin: 3px 3px 0; height:250px; background:#000 url(/images/index360.jpg) no-repeat right bottom }



.contentHOME { padding:20px 20px 0; margin:0; width:auto; background:none }
.contentHOME #contentleft{float:left;   padding:0;  margin:0;  width:52%;}
.contentHOME #contentright{float:right; width:405px;  padding:0;  margin:0;  }



.homePlane { padding:0;}
.homePlane .left, .homePlane .right { width:31%; float:left}
.homePlane .left{margin-right:2%;background: url("/images/bg_plan_sep.png") no-repeat right center;}
.homePlane .right {width:33%;}
.homePlane h2 {background:none; line-height:23px; margin:0; padding:15px 0; }
.homePlane h2 img { margin:0 0 10px}
.homePlane h2 a { text-decoration:none; font-size: 16px; font-family: Arial, Verdana, serif ; color:#999; display: block;  background:url("/images/arr_hover_l.png") no-repeat 150px 57px}
.homePlane .right h2 a { background-position:210px 57px}
.homePlane h2 a:hover { background-position:150px  -90px; color:#999;}
.homePlane .right  h2 a:hover { background-position:210px  -90px}
.homePlane h3 { font-size: 24px; font-family: Arial, Verdana, serif ; color:#000; padding:10px 0;  }
.homePlane h3 span { display:none}
.homePlane ul { margin:0; padding:7px 10px 0 0px; list-style:none}
.homePlane ul li { background:url(/images/dot_red_2.gif) no-repeat 0 3px; padding: 0 10px 3px 15px; position:relative; }
.homePlane p { padding:7px 10px 7px 0; line-height:150%}

.homeCastomers { background: url("/images/extremeform-cast.png") no-repeat 0 30px;  padding:0 0 40px 0; color:#000}
.homeCastomersSUp { padding:290px 25px 10px;  background: url("/images/extremeform-cast-bot.png") no-repeat 0 bottom;}
.homeCastomers h3, .customer_inline h3 { font-size: 12px;  padding:0; line-height:150%; color:#333333   }
.homeCastomers p, .customer_inline p { padding:0  0 12px; color:#000000; line-height:150%}

.Homepage .customer_inline{
    background:url(/images/index-customer-long.gif) no-repeat left top;
    padding-right:52%;
    padding-top:20px;
    padding-left:20px;
    height:232px;
    margin: 20px 0 0 0;
}

/* blog  feed reader */
#feed { line-height:140%; padding:0 10px 0 0}
#feed .gfc-resultsHeader {  padding:20px 0 0 0; border:none; background:url(/images/rss_bg_line.png) no-repeat  50% 0 }
#feed .gfc-resultsHeader .gfc-title{ font-size:12px; font-weight:bold;  font-size:12px;  padding:0; line-height:100%; color:#333333 }
/* off blog  feed reader */

/*End HomePage*/

 /*nextStep*/
.next_step { margin: 0 0 30px 0}
.next_step_up { background:transparent url(/images/next_step_blue2.gif) no-repeat scroll left 25px; height:28px; margin:0 2px 0 0; padding:0;}
.next_step p { background:#fff url("/images/bg_bottom_featers.gif") repeat-x left bottom;  height:3px; overflow:hidden; padding:0; margin:0 0 0 -1px;  font-size:1px ; line-height:1px}

.lrtbl_nextstep { list-style:none;  BACKGROUND: url(/images/next_step_bg.gif) repeat-y -2px 0; padding:0 5px 0 3px;margin:0;}
.lrtbl_nextstep li{background:url(/images/dot_little.gif) repeat-x   left bottom ; padding:1px 0 2px 0;}
.lrtbl_nextstep li.last{background:none}
.lrtbl_nextstep a {color:#000; text-decoration:none; height:38px;  clear:both; padding:5px 0 5px 5px; display: block;}
.lrtbl_nextstep a:hover { color:#ff0000; background-color:#F3F3EC;}
.lrtbl_nextstep a strong { text-decoration:underline }
.lrtbl_nextstep a img {border:0;  background-image:url(/images/next_step_img2.gif); margin-right:5px;}
.lrtbl_nextstep li.lrtbl_ns1 img{background-position:0 0;}
.lrtbl_nextstep li.lrtbl_ns2 img{background-position:0 -40px;}
.lrtbl_nextstep li.lrtbl_ns3 img{background-position:0 -80px;}
.lrtbl_nextstep li.lrtbl_ns4 img{background-position:0 -120px;}
.lrtbl_nextstep li.lrtbl_ns5 img{background-position:0 -160px;}
.lrtbl_nextstep li.lrtbl_ns1 a:hover img{background-position:-40px 0;}
.lrtbl_nextstep li.lrtbl_ns2 a:hover img{background-position:-40px -40px;}
.lrtbl_nextstep li.lrtbl_ns3 a:hover img{background-position:-40px -80px;}
.lrtbl_nextstep li.lrtbl_ns4 a:hover img{background-position:-40px -120px;}
.lrtbl_nextstep li.lrtbl_ns5 a:hover img{background-position:-40px -160px;}

/*left_right bnr*/
p.RBnr{margin:0; padding:0 0 20px; text-align:left;}
p.RBnr a{display:block; height:76px; width:201px; overflow:hidden}
p.RBnr a:hover{background-position:0 -76px}
p.RBBKS a{background:url(/images/lr_bnr/blog_ks.png) no-repeat;} 
p.RBWC a{background:url(/images/lr_bnr/w_community.png) no-repeat;} 

/*Contacts*/
.Contacts  dl { margin:0 0 0 31px; padding:10px 0; overflow:hidden; width:250px;}
.Contacts  dl dt { float:left; clear:left; width:100px; padding:1px 0}
.Contacts  dl dd { float:right;  font-weight:bold;  margin:0; width:150px; padding:1px 0  } 
.Contacts  dl.mails { margin:0 0 0 31px;  padding:15px 0 10px;}
.Contacts  dl.mails dt { font-weight:bold; padding:15px 0 0}
.Contacts  dl.mails dd { font-weight:normal; padding:15px 0 0}

 /* sitemap */
.sitemap #contentleft{ padding:90px 25px 0;  margin:0;}
.sitemap #middle_column_all {width:900px; margin:0; padding:0;}
.sitemap #middle_column_all ul {list-style:none;  padding:0; margin:0; }
.sitemap #middle_column_all ul li { padding:0}
#header_link a {color:#999999;font-weight:bold;text-decoration:none;}

.sitemap th { background:#F5F7FB ; border-bottom:1px solid #7C9CBE; text-align:left;vertical-align:bottom; padding:5px 10px 5px 5px;}
#site_map th a { color:#444444; font-family: Verdana,Tahoma,Arial,sans-serif;font-size:12px; font-variant:normal;font-weight:bold;}
#site_map ul li {background:transparent url(/images/sitemap_li_bg_point.gif) no-repeat scroll 1px 50%;}
#site_map ul li a {color:#333333; display:block; padding:10px 0 10px 24px; text-decoration:none;}

#site_map ul li a:hover {color:#FF0000;text-decoration:underline;}
#site_map { border-collapse:collapse;}
#site_map ul {background: url(/images/sitemap_ul_bg.gif) repeat-y 0 2px}
#site_map .last_li {background:transparent url(/images/site_map_li_last.gif) no-repeat scroll 0;}

.sitemap table { border-collapse:collapse; width:100%;}
.sitemap table#site_map td {  padding:0 10px 0 5px}
.sitemap table td.little_dots  {width:900px; padding:0}

#site_map .last_li a {padding:10px 0 10px 24px;}
#middle_link { padding:20px 70px 10px; margin:0 0 70px 0}
#middle_link .middle_link {border:1px solid #ddd; padding:0 10px;  background:#f9f9f9}
#middle_link td { padding: 0 20px; white-space:nowrap;}
#middle_link a {color:#000}
#middle_link a:hover {color:#f00}

.sitemap #middle_column_all .text_list3 {list-style:none !important; margin:0; padding:0}
.sitemap #middle_column_all .text_list3 a { padding:6px 0 6px 3px; display:block; text-decoration:none;  height:auto;  line-height:100%;}
.sitemap #middle_column_all .text_list3 a:hover {text-decoration:underline;}
.sitemap #middle_column_all .text_list3 li {list-style:none !important; height:auto; margin:0;  padding:2px 5px 2px 25px; background:url(/images/dot_red_2.gif) no-repeat 15px 50%;}
/* sitemap off */
/*pdf access*/
.middle_all .ul_pdf {list-style:none; padding:20px 0 20px 20px }
.EnDoc .middle_all .ul_pdf {float: left; width:200px}
.middle_all .ul_pdf li { background:url(/images/sheet.gif) no-repeat 0 7px; padding:7px 0  7px 20px  }
/*end pdf access*/
/*lrbnr*/
 .lrtbl_docBox { width:202px; padding:0 0  20px}
 .lrtbl_docBox h3 { background:url(/images/LR_table/bg_doc_box_top.png) no-repeat top left; padding:16px 0 11px 46px; color:#F00; font-size:12px;}
 .lrtbl_docBox ul { list-style:none; margin:0;   background:url(/images/LR_table/bg_doc_box_bottom1.png) bottom left no-repeat;  padding:0 0  6px}
 .lrtbl_docBox ul li { list-style:none; margin:0; padding:0 5px 0 5px ; background:url(/images/LR_table/bg_doc_box_sep.png) repeat-y top left }
 .lrtbl_docBox ul li a { display:block; padding:7px 3px 7px 35px; background:url(/images/LR_table/bullet_blue.gif) no-repeat 12px 8px }