body{ font-family: arial, sans-serif; color: #000; font-size:13px; margin: 0; padding: 0; background: #fff;}
img {border:none}
form { margin: 0;}
h1, h2, h3 {margin: 0; padding:0; }
h1 {font-size:1.7em; }
h2 {font-size:1.5em}
h3 {font-size:1.4em;}
h4 {font-size:1.3em}
h5 {font-size:1.1em;padding:0;margin:0}
.container {width:900px; margin:0 auto;z-index: 0;position:relative}
#logo {float:left;margin-top:25px;margin-left:16px;clear:left;width:205px}
.search {float:right;text-align:right;display:block;margin-right:0px;width:155px;background-position:top right;margin-top:7px;height: 26px;background: url('img/search.png') no-repeat;}
.search input.rounded { float:left;padding: 0; margin: 6px 0 0 6px;border: 0; width: 119px;background: none;color:#ccc;}
.search #go {float: right;margin: 0;}
#menu {float:left;margin-top:49px !important; margin-top: 220px;margin-left:50px;clear:right;}
#menu a {display: block;float:left; margin-right:10px;line-height:30px;color:#000; text-decoration:none; font-size:15px;text-transform:uppercase;
padding-left: 15px;background: url(img/menuspanbg.png) 0 31px no-repeat;}
#menu span {display: block;padding-right: 15px;background: url(img/menubg.png) right 31px no-repeat;padding-bottom: 1px;}
#menu a:hover {background-position: 0 -31px;color:#fff;}
#menu a:hover span {background-position: right -31px;}
#index #menu a#about {background-position: 0 0;color:#fff;}
#index #menu a#about span {background-position: right 0;}
#about #menu a#about {background-position: 0 0;color:#fff;}
#about #menu a#about span {background-position: right 0;}
#docs #menu a#docs {background-position: 0 0;color:#fff;}
#docs #menu a#docs span {background-position: right 0;}
#download #menu a#download {background-position: 0 0;color:#fff;}
#download #menu a#download span {background-position: right 0;}
#teaser {clear:both; background: url(img/tbg6.png) repeat-x;height:263px;margin-bottom:28px;border-bottom:1px solid #000}
#ttext {float:left;background: url(img/ttext.png) no-repeat;height:69px;width:340px;margin-top:84px; margin-left:30px;}
#tdl {margin-top:111px;}
#tdl span {line-height:20px;width:190px;float:right;color:#ededed; font-size:12px;display:block;clear:right;}
#tdl a {width:134px;float:left;}
#screen {background: url(img/screen.png) no-repeat;width:437px;height:263px;float:right; margin-right:20px}
#screen a {display:block; width:437px;height:263px;}
#screen a:hover {background: url(img/demo4.png) no-repeat;}
#main {border-bottom:1px solid #ccc;clear:both; background: url(img/mainbg.png) repeat-y;width:820px;margin:0 auto;padding:37px;}
#main a {color:#7FB0D1; text-decoration:none;}
#main a:hover {color:#fff; background:#7FB0D1;}
#mainw {clear:both; border-top:5px solid #fff;background: #efefef; background-position:bottom center;}
#main2 {line-height:1.5em;width:820px;margin:15px auto;padding:36px; background: url(img/mbg12.jpg) no-repeat #fff; }
#main2 a {color:#7FB0D1; text-decoration:none;}
#main2 a:hover {color:#fff; background:#7FB0D1;}
#main3 b {background:#FFC; }
#main3 a {color:#7FB0D1; text-decoration:none;}
#main3 a:hover {color:#fff; background:#7FB0D1;}
#main3 a.imgl:hover {background:none;}
#main2 h1 {line-height:45px; margin-bottom:30px;display:block;color:#fff; font-size:35px;}
#teaser2 h1 {line-height:104px; color:#ccc; font-size:20px;padding-left:34px;font-weight:normal;}
#teaser2 {clear:both; background: url(img/tbg6.png) repeat-x;height:263px;margin-bottom:28px;border-bottom:1px solid #000}
#teaser2 h1 a {color:#ccc; }
#main3 {line-height:1.5em;width:918px;margin:0 auto;z-index:1000}
#mbgt {background: url(img/mbgt2.png) no-repeat;width:918px;height:98px;z-index:1000}
#mbgm {background: url(img/mbgm.png) repeat-y;width:868px; padding:30px;overflow:auto}
#mbgb {background: url(img/mbgb.png) no-repeat;width:918px;height:28px}
#leftbar {float:right;width:202px;overflow:auto;}
#leftbar h5 {padding-left:10px;padding-bottom:10px;}
#leftbarblocks {background:#FFC;font-size:11px; width:182px; }
#leftbarblocks a {display:block;padding-left:10px;line-height:30px;color:#000; border-bottom:1px solid #fff;text-decoration:none;}
#leftbarblocks a:hover {background:url(img/lbh.gif) repeat-y 100% 0;}
#content {float:left; width:650px;overflow:auto}
#about #content {float:left; width:860px;overflow:auto}
#docs #content {float:left; width:860px;overflow:auto}

span.gray {color:#bbb;font-weight:normal}
table.download {margin-top:30px;width:450px;}
table.download th {border-bottom:2px solid #7FB0D1;border-top:2px solid #7FB0D1;font-weight:bold}
table.download td {border-bottom:1px solid #7FB0D1;text-align:center;}
table.download td a {display:block;}
table.download tr:hover {background:#F3F3FF;}

.dividert {background: url(img/divider.gif) no-repeat bottom;height:30px}
.dividerb {background: url(img/divider-opposite.gif) no-repeat top;height:30px}
.offers .nav-list { float:left; width:230px; border-top:1px solid #c1c1c1; padding-bottom:15px; }
.offers .nav-list ul { margin:0;padding:0;border-top:1px solid #d9d9d9; }
.offers .nav-list li {list-style-type:none; border-bottom:1px solid #d9d9d9; background-position:0 7px; padding-left:20px; background-repeat:no-repeat;line-height:1.3em; font-size:.95em; }
.offers .nav-list a {color:#333; text-decoration:none;line-height:15px; padding-top:5px;padding-bottom:5px;display:block}
.offers .nav-list a.wactive {background:url(img/offershover.gif) repeat-y 100% 0; font-weight:bold; }
.offers h4 {margin:0;padding-top:7px;padding-bottom:7px;padding-left:20px; color:#D22C00;font-size:1em;text-transform:uppercase; }
.offers #oc { min-height:122px;width:500px;float:left;background:url(img/ocbg.gif) no-repeat;padding:18px 20px 5px 20px; line-height:1.4em; }
//pre.code {padding:10px;background:#A9C6DE;margin-top:20px; margin-bottom:20px;border:1px solid #ddd;color:#000; display:bloock; }
pre.code {height:auto !important;height:20em;max-height:30em;overflow:auto;padding:10px;background:#A9C6DE;margin-top:20px; margin-bottom:20px;border:1px solid #ddd;color:#000; display:bloock; }
.tip {background:url(img/dialog-information.png) no-repeat #F0F8FF; border:1px solid #95B2E0; background-position:10px 10px; padding:18px 40px 18px 50px; font-style:italic;}
.tip span {background:#FFC; font-size:1.1em;}
//.important {background:url(img/emblem-important.png) no-repeat #F7F2DA; font-size:1.2em;border:1px solid #F57900; background-position:10px 10px; padding:18px 40px 18px 50px; font-weight:bold;}
.important {background:url(img/emblem-important.png) no-repeat #F7F2DA; border:1px solid #F57900; background-position:10px 10px; padding:18px 40px 18px 50px; font-weight:bold;}
//.important {background:url(img/emblem-important.png) no-repeat #F7F2DA; background-position:10px 10px; padding:18px 40px 18px 50px; font-weight:bold;}
.importantx {background:#F57900;margin-top:20px; margin-bottom:20px;}
.tipx {background:#95B2E0; margin-top:20px; margin-bottom:20px;}

#footer {color:#bbb;clear:both; padding:30px;font-size:11px;float:right}
#footer a {color:#bbb; text-decoration:none; border-bottom:1px dotted #AFAFE6;}
#footer a:hover {border:none; background:#AFAFE6; color:#fff;}
h3.document {background: url(img/document2.png) no-repeat; padding-left:27px;}
.excerpt {font-style:italic; color:#444; font-size:11px;}
.dividerd {background: url(img/dividerd.gif) no-repeat left top;height:50px}