* html .png  {behavior: url(/iepngfix.htc);}
html, body {background: #01235c url("/img/css/bg-page.png") repeat-x scroll 0 0; margin: 0; padding: 0; text-align: center; color: #333;}
body, table, td, th, tr, input, textarea {font: normal 13px "Arial", tahoma, verdana, sans-serif;}

html { overflow-y: scroll; } /*height: 100%; margin-bottom: 1px; */

img, table, td, th {border: none;}
td, th {vertical-align: top;}
table {border-collapse: collapse;}
a {color: #006699;}

.clear {clear: both; height: 0; width: 0; overflow: hidden;}
object {outline:none;}
.fir {text-indent: -2000px; overflow: hidden; display: block;}

.lscorner {width: 665px; height: 678px; position: absolute; top: 0; left: 0; display: block;}
.rscorner {width: 665px; height: 678px; position: absolute; top: 0; right: 0; display: block;}
.bgcenter {width: 100%; height: 736px; background: transparent url("/img/css/bg-center.jpg") no-repeat scroll 50% 0; position: absolute; top:0; left: 0;}
.homeheaderBg {display: block; position: absolute; top: 240px; left: 50%; margin-left: -495px;}
.wrapper {width: 990px; min-width: 990px; margin: 0 auto; text-align: left; position: relative; }
.header {height: 215px; }
.logo {display: block; width: 275px; height: 116px; position: absolute; left: 350px; top: 16px; background: transparent url("/img/logo.png") no-repeat scroll 0 0; cursor: pointer;}
.phoneBlock {padding: 0 0 0 45px; height: 40px; position: absolute; left: 760px; top: 96px; background: transparent url("/img/css/bg-phone.png") no-repeat scroll 0 0; font-size: 16px; color: #fff;}
.phoneBlock a {display: block; text-decoration: none; font-size: 13px; color: #fff;}
.phoneBlock a:hover {text-decoration: underline;}

.tmenuBg {width: 1017px; height: 74px; position: absolute; left: -23px; top: 155px; background: transparent url("/img/css/bg-tmenu.png") no-repeat scroll 0 0;}
.tmenu {width: 989px; height: 67px; position: absolute; left: 1px; top: 157px; overflow: hidden;}
.tmenu a {display: block; background: transparent url("/img/css/bg-tmenu-a.png") no-repeat scroll 100% 0; float: left; padding: 0; font-size: 16px; font-weight: bold; text-decoration: none; color: #000; height: 45px; line-height: 45px;}
.tmenu a span {padding: 0 23px; display: block;}
.tmenu a:hover,  #page_home #m1, #page_solutions #m2 , #page_demo #m3, #page_company #m4, #page_careers #m5, #page_faq #m6, #page_news #m7, #page_contact #m8     {background: transparent url("/img/css/bg-tmenu-al.png") no-repeat scroll 0 0; color: #000;}
.tmenu a:hover span, #page_home #m1 span, #page_solutions #m2 span , #page_demo #m3 span, #page_company #m4 span, #page_careers #m5 span, #page_faq #m6 span, #page_news #m7 span, #page_contact #m8 span {padding: 0 23px; display: block; background: transparent url("/img/css/bg-tmenu-ar.png") no-repeat scroll 100% 0;}
.tmenu a.demo, .tmenu a.demo:hover {width: 143px; height: 26px; border: none; line-height: 26px; padding: 0 12px 0 0; margin: 10px 0 0 0;background: transparent url("/img/css/button-requestademo.png") no-repeat scroll 0 0; float: right;}

.tmenu #m1:hover {background: transparent url("/img/css/bg-tmenu-al-rounded.png") no-repeat scroll 0 0;}
#page_home #m1 {background: transparent url("/img/css/bg-tmenu-al-rounded.png") no-repeat scroll 0 0;}



.footer {margin: 30px 0;}
.bmenu {border: 1px solid #173c5e; border-width: 1px 0; padding: 7px 10px; text-align: center; width: 970px;}
.bmenu a {padding: 0 20px; color: #fff; text-decoration: none; }
.bmenu a:hover {text-decoration: underline; }
.footnotes {text-align: center; padding: 10px; color: #6e869b;}

.homeheader {height: 390px; position: relative; margin: 20px 0 0 0;}
.homeheader img {display: block; position: absolute; left: 0; top: 0;}
.homeheader .lblock {position: absolute; width: 210px; left: 22px; top: 100px;}
.homeheader .lblock .white {margin: 0 0 30px 0; font-size: 13px; font-weight: bold; color: #fff;}
.homeheader .lblock .white a {color: #fff; text-decoration: none;}

.homeheader .lblock .black {margin: 0 0 0 10px; color: #000;}
.homeheader .more {position: absolute; width: 137px; height: 137px; left: 808px; top: 79px; background: transparent url("/img/css/bg-circle-moreinfo.png") no-repeat scroll -1000px 0;}
.homeheader .more:hover {background: transparent url("/img/css/bg-circle-moreinfo.png") no-repeat scroll 0 0;}
.homeheader .description {color: #fff; position: absolute; left: 800px; top: 240px; width: 150px; text-align: center; display: block; text-decoration: none;}

.main .content {background-color: #fff; padding: 1px 10px; width: 970px; position: relative;}
.main .content_innerpage {padding: 10px 20px; width: 950px; }
.maintop {height: 10px; overflow: hidden; background: transparent url("/img/css/bg-wbtop.png") no-repeat scroll 0 0;}
.mainbot {height: 10px; overflow: hidden; background: transparent url("/img/css/bg-wbbot.png") no-repeat scroll 0 0;}

.x240 {width: 240px; float: left; margin: 0 20px 0 0;}
.x220 {width: 200px; float: left; padding: 0 10px; line-height: 1.5; margin: 0 0 20px 0;}
.x430 {width: 430px; float: left; margin: 0 20px 20px 0; padding: 0 10px; line-height: 1.5;}

.grayBox {background: #eff4f7 url("/img/css/bg-graybox-m.png") repeat-y scroll 0 0;}
.grayBoxt {background: transparent url("/img/css/bg-graybox-t.png") no-repeat scroll 0 0; padding: 20px;}
.grayBoxb {background: transparent url("/img/css/bg-graybox-b.png") no-repeat scroll 0 100%;}
.grayBox .title {font-size: 24px; color: #16436c; padding: 0 10px 10px 10px;}
.grayBox .smalltitle {font-size: 18px; position: relative; padding-left: 0;}
.grayBox ul, .grayBox li {list-style: none; margin: 0; padding: 0; display: block;}
.grayBox ul {border-top: 1px solid #d2d2d2;}
.grayBox li {border-bottom: 1px solid #d2d2d2; padding: 5px 10px;}
.grayBox .more {display: block; height: 33px; line-height: 33px; width: 190px; color: #fff; background: transparent url("/img/css/bg-moreinfo.png") no-repeat scroll 0 0; font-weight: bold; text-decoration: none; padding: 0 0 0 10px; margin: 10px 0 0 0;}

.textBlock h3.blockHeader {font-size: 18px; font-weight: bold; border-bottom: 1px solid #d2d2d2; padding: 20px 10px 10px 10px; margin: 0 -10px 10px -10px; color: #336699;}
.imgleft {float: left; display: block; margin: 10px 20px 20px 0;}
.imgright {float: right; display: block; margin: 10px 0 20px 20px;}
.person img {float: left; padding: 4px; border: 1px solid #d2d2d2; display: top; margin: 0 10px 0 0;}
.person strong {display: block; padding: 10px 0 0 0;}
.testimonialsText {margin: 10px 0; font-style: italic; font-family: "Georgia", Times New Roman, sans; font-size: 14px;}

.newslist p {margin: 0 0 7px 0;}
.newslist p span {float: left; display: block;}
.newslist p a {text-decoration: none; padding: 0 0 0 80px; display: block;}
.newslist p a:hover {text-decoration: underline;}

.pageheader {position: relative; height: 300px; /*border-bottom: 1px solid #d2d2d2;*/}
.pageheader .text {position: relative; top: 30px; left: 10px; width: 350px;}
.pageheader .text h1 {font-size: 60px; color: #000; letter-spacing: -3px; margin: 0 0 5px 0;}
.pageheader .text h2 {font-size: 18px; font-weight: bold;  color: #336699;  margin: 0;}

.pageheader img.headerimage {display: block; position: absolute; right: 0; bottom: 0;}

.rte {line-height: 1.5;}
.rte h1 {font-size: 24px; font-weight: bold; color: #fff; overflow: hidden; float: left; background: #4b8bc3 url("/img/css/bg-h1l.png") no-repeat scroll 0 0; height: 60px; line-height: 1; margin: 10px 0 20px 0;}
.rte h1 span {display: block; float: left; background: transparent url("/img/css/bg-h1r.png") no-repeat scroll 100% 0; padding: 12px 18px 14px 18px;}
.rte h2 {font-size: 24px; margin:0; letter-spacing: -1px;}
* .blue {color: #336699 !important;}
.rte h2.border {border-bottom: 1px solid #d2d2d2; padding: 0 10px 7px 0px; margin: 0 0 10px 0;}
.rte h2.icon {border-bottom: 1px solid #d2d2d2; padding: 0 10px 7px 60px; position: relative; color: #336699;}
.rte h2.icon img {display: block; position: absolute; top: -3px; left: 10px;}
* html .rte h2.icon img {left: -50px;}

.rte h3 {font-size: 18px; margin: 20px 0 5px 0; font-weight: bold; line-height: 1.2}
.rte h4 {font-size: 18px; font-weight: normal; color: #333; margin: 20px 0 5px 0;  line-height: 1.2}
.rte h5 {font-size: 13px; font-weight: bold; color: #000; text-transform: uppercase; margin: 20px 0 5px 0;  line-height: 1.2}
.rte h6 {font-size: 13px; font-weight: bold; color: #333;  margin: 20px 0 5px 0;  line-height: 1.2}
.rte p {margin:0 0 10px 0;}
.rte .black {color: #000;}

.rte .nice {margin: 20px 0;}
.rte .nice td, .rte .nice th  {padding: 5px 15px; border: 1px solid #ccc; border-width: 1px 0;}
.rte .nice th {background-color: #e2eef9; font-weight: bold; padding: 10px 15px;}

.rte ul, .rte ol {margin: 10px 0; padding: 0 0 0 25px;}
.rte li {margin: 0; padding: 0 0 0 5px;}

.grayBoxWide {background: #f6f6f6 url("/img/css/bg-graybox-wide-m.png") repeat-y scroll 0 0;  position: relative; zoom: 1;  width: 950px; overflow: hidden; margin: 0 0 20px 0;}
.grayBoxWidet {background: transparent url("/img/css/bg-graybox-wide-t.png") no-repeat scroll 0 0; padding: 30px 0 25px 35px; position: relative; zoom: 1; overflow: hidden;}
.grayBoxWideb {background: transparent url("/img/css/bg-graybox-wide-b.png") no-repeat scroll 0 100%;  position: relative; zoom: 1;}
.grayBoxWide .column {float: left; width: 193px; margin: 0 35px 0 0; line-height: 1.3;}
.grayBoxWide h3, .grayBoxWide p {margin: 0 0 5px 0;}

.cols2x450 {}
.cols2x450 .lcol {width: 460px; float: left;}
.cols2x450 .rcol {width: 460px; float: right;}

.cols3x303 {margin: 0 0 40px 0;}
.cols3x303 .lcol {width: 263px; float: left; padding: 0 20px; margin-right: 20px;}
.cols3x303 .mcol {width: 263px; float: left; padding: 0 20px;}
.cols3x303 .rcol {width: 263px; float: right; padding: 0 20px;}

.cols2x670x240 {}
.cols2x670x240 .lcol {width: 670px; float: left;}
.cols2x670x240 .rcol {width: 240px; float: right;}

.cols2x626x303 {}
.cols2x626x303 .lcol {width: 606px; float: left;  padding: 0 20px;}
.cols2x626x303 .rcol {width: 263px; float: right; padding: 0 20px;}


.features {margin: 0 0 30px 0;}
.feature {padding: 0 20px 5px 60px; background: transparent url("/img/css/bg-checkmark.png") no-repeat scroll 18px 2px;}
.feature p {margin: 0 0 5px 0; line-height: 1.3;}
.feature h6 { margin: 10px 0 0 0;}

.faqtoc a {display: block; padding: 0 0 4px 5px;}

.newsItem {padding: 20px 20px 10px 10px; border: 1px solid #d2d2d2; border-width: 1px 0; margin: 0 0 -1px 0; position: relative;}
.newsItem .date {float: left; width: 80px; font-size: 14px;}
.newsItem .newstext {padding: 0 0 0 100px;}
.newsItem .newstext h3 {line-height: 1.2; margin: 0 0 10px 0; color: #336699;}

.subscriptionBlock,  .newsArchiveBlock {margin-bottom: 20px; width: 240px; overflow: hidden;}

.faqContainer {padding: 30px 20px 20px 20px;}
.textBox {padding: 0 20px;}
.button {background: transparent url("/img/button.png") no-repeat scroll 0 0; width: 100px; height: 40px; float:left; border:none; cursor: pointer; margin: 7px 0 0 0;}

#subscribeForm {margin: 0;}
#subscribeForm .fieldset {padding: 10px 0 0 0; border-top: 1px solid #ccc; margin: 0; position: relative;}
#subscribeForm label {display: block; margin: 0 0 7px 0;}
#subscribeForm #subscribe {background: transparent url("/img/css/button-subscribe.png") no-repeat scroll 0 0; width: 86px; height: 29px; float: left; border: none; cursor: pointer; margin: 7px 0 0 0;}
#subscribeForm #unsubscribe {background: transparent url("/img/css/button-unsubscribe.png") no-repeat scroll 0 0; width: 101px; height: 29px; float: right; border: none; cursor: pointer; margin: 7px 0 0 0;}
#subscribeForm .text {border: 1px solid #ccc; background: #fff; display: block; width: 193px; padding: 2px;}

#archiveForm {margin: 0;}
#archiveForm .fieldset {padding: 0; border-top: 1px solid #ccc; margin: 0; position: relative;}
#archiveForm label {display: block; margin: 0 0 7px 0;}
#archiveForm #display {background: transparent url("/img/css/button-display.png") no-repeat scroll 0 0; width: 71px; height: 29px; float: left; border: none; cursor: pointer; margin: 7px 0 0 0;}
#archiveForm .text {border: 1px solid #ccc; background: #fff; display: block; width: 183px; padding: 2px;}

#archiveForm .row {border-bottom: 1px solid #ccc; padding: 8px 0 7px 0; zoom: 1;}
#archiveForm .row label {display: block; float: left; margin: 3px 0 0 0;}
#archiveForm .row input {display: block; float: right;}
#archiveForm .row #limit {width: 80px;}
#archiveForm .row #text {width: 125px;}
#archiveForm .row span {display: block; float: right; padding: 0 4px; margin: 3px 0 0 0;}
#archiveForm .row #startdate, #archiveForm .row #enddate {width: 65px;}

.pagination {padding: 20px 10px;}
.pagination a {display: block; float: right; text-decoration: none;}
.pagination a:hover {text-decoration: underline;}
.pagination a.prev {float: left; padding: 0 0 0 15px; background: transparent url("/img/css/bg-arrow-l.png") no-repeat scroll 0 2px;}
.pagination a.next {padding: 0 15px 0 0 ; background: transparent url("/img/css/bg-arrow-r.png") no-repeat scroll 100% 2px;}

#timeline {width: 950px; height: 230px; position: relative; background: transparent url("/img/css/bg-timeline.png") no-repeat scroll 0 0; margin: -20px 0 0 0;}
#timeline .phase {width: 125px; position: absolute; top: 20px; left: 20px;}
#timeline .days {color: #fff; font-size: 14px; font-weight: bold;}
#timeline .stepnumber {color: #336699; font-size: 18px; font-weight: bold; letter-spacing: -1px; margin: 20px 0 5px 0;}
#timeline #phase2 {left: 180px; width: 280px;}
#timeline #phase3 {left: 487px;}
#timeline #phase4 {left: 646px;}
#timeline #phase5 {left: 800px;}

.button
{
	color:#333333;
	font: normal 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;

}
.clsform
{
	color:#333333;
	font: normal 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;

}