body{min-width:1000px;margin:0px;background:#eef0f5 url(images/bg-left.jpg) repeat-y;}



.left{
_position:absolute;_left:0px;_float:none;
float:left;width:210px;margin:0px;}



body div.right{
_width:735px;_position:absolute;_left:210px;_margin-left:0px;}

.right{
margin-left:210px;background:url(images/bg-shadow.jpg) repeat-y right top;padding:0px 8px 0px 0px; min-width:743px;width:65%;max-width:920px; height:100%;}


.right .container{
_width:735px;
background:white url(images/bg-container.jpg) repeat-x top; height:100%;}



.label{
float:right;width:45px; position:relative;right:-45px;top:15px;}



a{text-decoration:none; border-style: none; color:#c90000;}
a:hover{background-color:#ffff00; text-decoration:none;color:black;}
img{border-style: none; }


#content .left-col{width:48%;float:left;display:block;}

#content .right-col{margin-left:45%;padding-left:20px;}
#content .left-col img, .right-col img{max-width:100%;_width:250px;margin:8px 4px 4px 0px;}


#content{background:url(images/bg-main.jpg) no-repeat;margin:0px;color:black;line-height:130%;height:100%;min-height:566px;font-family:verdana;font-size:12px;line-height:170%;}
#content p.caption{margin-top:4px;margin-bottom:12px;font-size:11px; font-style:italic;font-family:verdana; color:#464646;}
#content p{margin:4px 0px 12px 0px;}
#content h1{font:20px verdana;font-weight:bold;padding-bottom:8px;padding-top:20px;}
#content h3{color:#950004;font-size:14px;margin:0px;padding:16px 0px 4px 0px;font-weight:bold;font-family:"century gothic";}
#content h2{font-family:"century gothic";font-weight:bold;padding:24px 0px 10px 0px;margin:0px;line-height:130%;}
#content span.selected_h3{font-size:14px;margin:0px 0px 8px 0px;font-weight:bold;background-color:#ffff00;}
#content p.code{color:#005497;font-size:11px;}
#content pre{color:#005497;font-size:11px;}

#content ul{margin:0px; padding:0px 0px 8px 16px;list-style:square;}
#content ol{margin:0px; padding:0px 0px 0px 24px;}
#content li{margin-bottom:4px;padding:0px;}


.footer{text-align:center;margin:20px 0px 0px 0px;padding:0px;border-bottom:4px solid #f7941d;}
.footer p{color:#f7941d;font-weight:bold;line-height:6px;font-family:"century gothic";font-size:11px;}




/*left bar of toc*/
body .left .toc{_position:absolute;_z-index:10;}
.left .toc{font-family:verdana;font-size:10px;line-height:140%;width:183px;height:188px; position:fixed;left:26px;top:340px;}
.left .toc .top{background:url(images/toc_header.gif) no-repeat;height:37px;}
.left .toc .body{padding:4px;background:url(images/toc_bg.jpg) repeat-y;min-height:240px;}
.left .toc .bottom{background:url(images/toc_footer.jpg) no-repeat;height:29px;}
.left .toc a{color:black;}
.left .toc ul{margin:0px;}
.left .toc .level_1{padding-left:20px;list-style:none;font-weight:bold;}
.left .toc .level_1 li{padding-bottom:12px;line-height:120%;}
.left .toc .level_2{padding-left:15px;list-style:square;font-weight:normal;}
.left .toc .level_2 li{padding-bottom:4px;line-height:120%;}
.left .toc h3{color:#950004;font-family:century gothic;font-size:14px;padding-left:20px;}

/*for partners*/
#content.partners{padding:40px;}
#content.partners h2{color:#036299;font-size:22px;font-weight:bold;} 
#content.partners a{color:#036299;}
#content.partners a:hover{background:#e1f3ff;border:none;}
#content.partners table{font-size:12px;font-family:verdana;}
#content.partners table img{margin:10px 20px 20px 0px;}
#content.partners table .logo{border:none;}
#content.partners table .logo:hover{background:transparent;}


/*for home*/
#content .home{padding:40px;}
#content .home a{color:#036299;}
#content .home a:hover{border-bottom:1px dotted #036299;background:#e1f3ff;}
#content .home .leftmain{font-family:verdana;}
#content .home .leftmain h2{font-weight:bold;color:#036299;font-family:century gothic;font-size:22px;}
#content .home .leftmain h3{color:#036299;font-size:16px;padding-top:6px;} 
#content .home .rightbar{float:right;padding-top:42px;font-size:12px; width:238px; font-family:verdana;}
#content .home .rightbar h3{font-size:14px;font-family:century gothic;margin:0px 0px 8px 0px;padding:0px;}
#content .home .rightbar .box{min-height:150px;margin:12px 0px 12px 0px;width:238px;}
#content .home .rightbar .box ul{list-style:none;margin:0px;padding-left:6px;font-family:verdana;font-size:12px;line-height:120%;}
#content .home .rightbar .box ul li{margin-bottom:12px;}
#content .home .rightbar .box .box-header{height:50px;background:url(images/box2_header.gif) no-repeat top;}
#content .home .rightbar .box .box-body{background:url(images/box2_body.gif) repeat-y;padding:0px 12px 12px 28px;}
#content .home .rightbar .box .box-footer{background:url(images/box2_footer.gif) no-repeat;height:8px;}
#content .home .table{font-size:12px;margin-bottom:16px;}
#content .home .rightbar .box h3{font-family:"century gothic"; font-size:16px;color:#036299;font-weight:bold;padding:0px 0px 10px 0px;margin:0px;}
#content .home .rightbar .box a:hover{background:transparent;}


/*for products*/
#content.product{padding:40px;}
#content.product h2{color:#3d7100;font-size:22px;font-weight:bold;} 
#content.product h3{color:#3d7100;font-size:16px;padding-top:6px;} 
#content.product table{font-size:12px;}
#content.product table td{vertical-align:top;font-size:12px;}
#content.product #ttext, #ttext2, #ttext3, #ttext4, #ttext5, #ttext6{font-style:italic;line-height:100%;padding-top:2px;font-size:11px;}
#content.product span{color:#3d7100;background:url(images/arrow.gif) no-repeat;padding-left:20px;font-family:arial;position:relative;top:134px;}



/*for developers*/
#content.developers{padding:40px;font-size:12px;}
#content.developers .dev-right{float:right;width:30%;}
#content.developers .dev-left{width:65%;padding-right:12px;border-right:1px dashed #c0c0c0;}
#content.developers h2{color:#ff7800;font-size:22px;} 
#content.developers h3{color:#ff7800;font-size:16px;padding-top:6px;} 
#content.developers h4{color:black;font-size:12px;margin:0px;padding:4px 0px 0px 0px;}
#content.developers img a{border:none;}
#content.developers a{color:#ff7800;border-bottom:1px dotted #ff7800;}
#content.developers a:hover{background:#ff7800;border:none;color:white;}


/*for aboutus & contact*/
#content.about,#content.contact{padding:40px;}
#content.about h2,#content.contact h2{color:#8b0069;font-size:22px;font-weight:bold;} 
#content.about h3{color:#8b0069;font-size:16px;} 
#content.about .photo{float:left;margin:0px 12px 0px 0px;border-left:4px solid #8b0069;}
#content.contact a{color:#8b0069;border-bottom:1px dotted #8b0069;}
#content.contact a:hover{background:#8b0069;border:none;color:white;}


/*for solutions*/
#content.solutions{padding:40px;}
#content.solutions h2{color:#950004;font-size:22px;font-weight:bold;} 
#content.solutions h3{color:#950004;font-size:16px;} 
#content.solutions a{color:#950004;border-bottom:1px dotted #950004;}
#content.solutions a:hover{background:#950004;border:none;color:white;}
#content.solutions .sample{width:130px;float:right;padding-top:6px;margin-left:14px;}
#content.solutions .sample .solution1{background:url(images/solution1.jpg); width:120px; height:165px;display:block;}
#content.solutions .sample .solution1:hover{background:url(images/solution1_hover.jpg); width:120px; height:165px;display:block;}
#content.solutions .sample .solution2{background:url(images/solution2.jpg); width:120px; height:165px;display:block;}
#content.solutions .sample .solution2:hover{background:url(images/solution2_hover.jpg); width:120px; height:165px;display:block;}
#content.solutions .sample .solution3{background:url(images/solution3.jpg); width:120px; height:165px;display:block;}
#content.solutions .sample .solution3:hover{background:url(images/solution3_hover.jpg); width:120px; height:165px;display:block;}
#content.solutions .sample a{border:0}
#content.solutions .sample a:hover{background:transparent;}

/*for tryit*/
#content.tryit{padding:40px;}
#content.tryit h2{color:#3d7100;font-size:22px;font-weight:bold;} 
#content.tryit table{font-size:13px;margin-bottom:12px;}
#content.tryit table p{color:black;}
#content.tryit table td{vertical-align:top;}
#content.tryit a{color:#3d7100;}
#content.tryit a:hover{background:#3d7100;border:none;color:white;}
#content.tryit .register{border-left:1px dotted #c0c0c0;width:28%;padding-left:12px;}
#content.tryit .bt_try{background:url(images/bt_trynow.gif);display:block;width:134px;height:24px;border:none;margin:16px 0px 16px 0px;}
#content.tryit .bt_try:hover{background:url(images/bt_trynow_hover.gif);}
#content.tryit .bt_try span{display:none;}
#content.tryit .tip{border-top:1px dashed #addb1b;padding-top:8px;}
#content.tryit .tip p{color:#3d7100;margin-bottom:24px;}
#content.tryit .tip img{padding-left:40px;}

/*for licensing*/
body.licensing{background:#e4e4e4;width:800px;min-width:720px;font-family:verdana;font-size:11px;line-height:160%;}
body.licensing .page{border:1px solid #bdbdbd; width:686px;background:white url(images/licensing_title.gif) no-repeat;margin:8px auto 12px auto;padding:30px 0px 0px 0px;}
body.licensing .page .body{padding:16px;}
body.licensing .page h3{color:#ff8200;font-weight:bold;font-size:14px;padding:12px 8px 4px 8px;margin:0px;}
body.licensing .page p{padding:4px 8px 4px 10px;margin:0px 0px 0px 30px;}
body.licensing .page h4{margin:0px 0px 0px 30px;font-size:11px;font-weight:bold;padding:8px 12px 4px 10px;}
body.licensing .page ul{margin:0px 0px 0px 30px;padding:4px 12px 8px 24px;list-style:square;}
body.licensing .page h1{text-align:right;color:#bdbdbd;font-family:times;font-size:28px;line-height:100%;margin:0px;padding:8px 0px 20px 8px;}
body.licensing .footer p{margin:0px 0px 2px;}

/*for scrshots*/
body#scrshots{background:#e1edf5;}
body#scrshots .main .toc{position:fixed;left:0px;loat:left;width:200px;font-family:tahoma,arial;font-size:12px;padding-top:20px;margin:0px;}
body#scrshots .main .toc ol{color:#036299;font-weight:bold;}
body#scrshots .main .toc ol li{padding-bottom:12px;}
body#scrshots .main .toc a{color:#036299;}
body#scrshots .main .pics{margin-left:212px;padding-bottom:20px;background:white;width:800px;border-left:1px solid #a9bbc8;border-right:1px solid #a9bbc8;}
body#scrshots .main .pics img{padding:12px 0px 12px 0px;margin:0px;}
body#scrshots .main .pics .scrshots-bt{width:790px;padding:4px;position:fixed;text-align:right;background:white;}
body#scrshots .main .pics .bt_close{border:1px solid white;background:url(images/bt_closewin.gif) no-repeat;width:16px;height:16px;border:0;cursor:pointer;}
body#scrshots .main .pics .bt_close:hover{background:url(images/bt_closewin_hover.gif) no-repeat;}

