/* CSS Document */ * { margin: 0; padding: 0; } .brd { border: 1px solid; } img { border: none; } .break { clear: left; width: 100%; } body { background-color: #f0f4f7; width: 100%; text-align: center; font-family: sans-serif; font-size: 11px; color: #202020;} h2 { font-size: 20px; font-weight:bold; color: #000; font-family: "Berthold Akzidenz Grotesk BE", sans-serif;} h3 { font-size: 17px; font-weight:bold; color: #000; font-family: "Berthold Akzidenz Grotesk BE", sans-serif;} h5 { font-size: 14px; font-weight:bold; color: #000; font-family: "Berthold Akzidenz Grotesk BE", sans-serif;} .link { font-size: 15px; font-weight:bold; color: #3d78bc; font-family: "Berthold Akzidenz Grotesk BE", sans-serif;} .link a {text-decoration: underline; font-size: 15px; font-weight:bold; color: #3d78bc; font-family: "Berthold Akzidenz Grotesk BE", sans-serif;} .right_nav { width: 215px; margin-left: 20px; float: left; } .right_nav ul {padding: 0;} .right_nav li { font-size: 12px; color: #000; padding: 0; margin-top: 10px; margin-left: 10px;} .right_nav li a { font-size: 12px; color: #000; font-weight: bold; text-decoration: none; padding: 0;} .rightnav_title { font-size: 12px; color: #000; font-weight: bold; text-decoration: none; padding: 0;} .rightBody2 .rightnav_new { background: url(/images/right_bg.gif) top; margin-top: 16px; width: 100%; height: 227px; float: left; } .rightBody2 .rightnav_new span {font-size: 16px; color: #f9a239; font-weight: bold; text-align: center; font-family: "arial bold"; } ul { padding: 20px;} li { font-size: 12px; color: #202020; line-height: 18px; padding-top: 10px; font-family: sans-serif;} p {font-size: 12px; color: #202020; line-height: 18px; padding-top: 10px; padding-right: 10px;} p strong { font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #000;} p span{ font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #000;} .bigFont { font-size: 16px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #000;} .biggerFont { font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #000;} #page { /*border: 1px solid black;*/ margin: 0 auto; width: 980px; text-align: left; } #page .header { /*border: 1px solid orange;*/ width: 100%; /*float: left;*/ height: 110px; } .header .logo { /*border: 1px solid green;*/ float: left; display: block; margin-top: 20px; margin-left: 25px; height: 80px; width: 250px; } #content {background: url(/images/contentbg.gif) repeat-y; float: left; width: 100%; } #content .basic {width: 333px; float: left;} #content .premium {width: 310px; float: left;} #content .demo { width: 327px; background: #f2f7fa; float: left; margin-right: 10px;} #content .left_index { width: 643px; float: left; } #content .left_index .cont { width: 620px; margin-left: 20px; margin-top: 10px; float: left; } .cont ul { padding: 0; margin: 0; } .cont ul li { width: 180px; float: left; height: 130px; margin-top: 20px; font-size: 12px; color: #275a9e; list-style: none; margin-left: 20px; } #support ul {padding: 10px; margin-left: 30px;} #support li {padding: 0} #sitemap ul {padding: 10px; margin-left: 30px;} #sitemap li {padding: 0; color: #1e6eb7;} #sitemap li a { text-decoration: none; color: #1e6eb7;} #sitemap li a:hover { color: #202020; } .feature_new { padding: 0; margin-top: 20px; float: left; margin-left: 20px;} .feature_new li { width: 300px; float: left; list-style: none; margin-left: 20px; margin-top: 10px; } .feature_new li div { width: 50px; float: left; height: 70px; } .feature_new li span{ font-size: 16px; font-weight: bold; color: #2b68ac; font-family: "Berthold Akzidenz Grotesk BE";} .feature_new li span a { font-size: 16px; font-weight: bold; color: #2b68ac; font-family: "Berthold Akzidenz Grotesk BE"; text-decoration: none;} .blue_bold{ font-size: 18px; font-weight:bold; color: #2b68ac; font-family: "Berthold Akzidenz Grotesk BE";} .black_bold{ font-size: 12px; font-weight:bold; color: #000;} .basic .leftSide {width: 280px; margin-left: 50px; margin-top: 20px; border-right: 1px dashed #ddd; text-align: left; } .basic .leftSide span { font-family: Arial; font-size: 20px; font-weight: bold; color: #000; } .basic .leftSide p { padding-right: 20px; padding-top: 10px;} .premium .midCon {width: 270px; margin-left: 30px; margin-top: 20px; text-align: left; } .midCon span { font-family: Arial; font-size: 20px; font-weight: bold; color: #000; } .midCon p { padding-right: 20px; padding-top: 10px;} .demo .demoCon { width: 260px; margin-left: 30px; margin-top: 10px; text-align: center;} #footerBase {background: url(/images/bottom.gif) no-repeat top; clear: both; margin: 0 auto; text-align: center; height: 40px;} #footer { text-align: center; font-size: 10px; font-weight: bold; color: #286cbf; margin-bottom: 20px; line-height: 20px; width: 100%; float: left;} #footer a { text-align: center; font-size: 10px; font-weight: bold; color: #286cbf; margin-bottom: 20px; line-height: 20px; text-decoration: none; } #footer span { border-right: 1px solid #222; color: #666; margin-right: 4px;} .list { font-size: 12px; font-weight: bold; color: #2d6db5; line-height: 23px; margin: 4px;} .list a { font-size: 12px; font-weight: bold; color: #2d6db5; line-height: 23px; margin: 4px; text-decoration: none;} .list div {width: 24px; height: 23px; background: url(/images/arrow.png) center no-repeat; margin-right: 10px; float: left;} .row { width: 100%; float: left; display: inline; } #page .subHeader {width: 100%; float: left; height: 67px; background: url(/images/sub3.gif) repeat-x; display: inline;} .subHeader .lc {float: left; width: 16px; background: url(/images/sub1.gif) no-repeat left; height: 67px; display: inline; } .subHeader .md {height: 67px; float: left; display: inline;} .subHeader .rc {float: right; width: 16px; background: url(/images/sub2.gif) no-repeat left; height: 67px; display: inline; } .subHeader .md .ar1 { width: 40px; float: left; margin-left: 530px; display: inline; } .subHeader .md .basic1 { width: 76px; float: left; display: inline;} .subHeader .md .ar2 { width: 40px; float: left; margin-left: 40px; display: inline; } .md .basic1 .tt {width: 100%; float: left; height: 20px; margin-top: 18px; } .md .basic1 .bb {width: 100%; float: left; height: 20px;} .menu_top_level_item { float:left; top: 0px; height: 34px; font-size: 13px; color: #FAFAFA; background-image:url('images/menu/topLevelMenuItemBG.png'); background-position: top left } .menu_top_level_item_sep_with_arrow {float: left; top: 0px; height: 34px; width: 20px; background-image:url('images/menu/menuItemBGSepWithArrow.png'); background-position: top left } .menu_top_level_item_sep {float: left; top: 0px; height: 34px; width: 1px; margin-left: 9px; background-image:url('images/menu/menuItemBGSep.png'); no-repeat; background-position: top left } .menu_top_level_item_text { padding-top: 11px; padding-bottom: 10px; padding-left: 10px; color: #5A5A5A; text-decoration: none; font-weight:bold; } .menu_top_level_item_text A:link { color: #5A5A5A; text-decoration: none; font-weight:bold; padding-top: 10px; vertical-align: bottom; top: 10px } .menu_top_level_item_text A:visited { color: #5A5A5A; text-decoration: none; font-weight:bold; padding-top: 10px; vertical-align: bottom; top: 10px } .menu_top_level_item_text A:active { color: #5A5A5A; text-decoration: none; font-weight:bold } .menu_top_level_item_text A:hover { color: #5A5A5A; text-decoration: none; font-weight:bold } #subHeader .md ul { padding: 0;} #subHeader .md li { list-style: none; float: left; margin-right: 30px; padding: 0;} #subHeading { height: 20px; text-align: left; text-indent: 20px; color: #1e6eb7; font-size: 11px; background: url(/images/subbg.gif) repeat-y; float: left; width: 100%; line-height: 20px; display: inline;} #subHeading a {text-align: left; text-indent: 20px; color: #1e6eb7; font-size: 11px; line-height: 20px; display: inline;} #subHeading span { color: #393737; } #v1top {background: url(/images/top_v1.gif) no-repeat; height: 20px; float: left; width: 100%; display: inline;} #v1mid {background: url(/images/mid_v1.gif); float: left; width: 100%; display: inline;} #v1bot {background: url(/images/bot_v1.gif) no-repeat; height: 30px; float: left; width: 100%; display: inline;} #v1mid .leftBody{width: 700px; margin-left: 20px; float: left; display: inline;} #v1mid .rightBody { width: 215px; margin-left: 20px; float: left; display: inline; } #v1mid .rightBody2 { width: 236px; margin-left: 10px; float: left; } #v1mid .leftBody .cellone { width: 465px; float: left; display: inline; } #v1mid .leftBody .celltwo { width: 230px; float: left; display: inline; } #v1mid .leftBody .celltwo ul { margin: 0; padding: 0; } #v1mid .leftBody .celltwo ul li { float: left; margin: 0; list-style: none; color: #000; font-size: 12px; width: 152px; margin-left: 40px; margin-top: 20px; display: inline; } .celltwo ul li img { width: 150px; float: left; border: 1px solid #b2c1c8; } .celltwo ul li strong { color: #3f7abe; font-size: 14px; font-weight: bold; } #subPageHead {background: url(/images/subTop.gif) no-repeat; height: 20px; float: left; width: 100%; display: inline;} #subPageContent {background: url(/images/subCon.gif); float: left; width: 100%; display: inline;} #subPageBottom {background: url(/images/subBottom.gif) no-repeat; height: 30px; float: left; width: 100%; display: inline;} #pconH {background: url(/images/subTop.gif) no-repeat; height: 20px; float: left; width: 100%; display: inline;} #pconC {background: url(/images/subCon.gif); float: left; width: 100%; display: inline;} #pconF {background: url(/images/subBottom.gif) no-repeat; height: 30px; float: left; width: 100%; display: inline;} #pconC .lcol{width: 714px; margin-left: 7px; float: left; display: inline;} #pconC .rcol { width: 254px; float: left; display: inline; } #pconC .rcolads { width: 254px; float: left; display: inline; background: url(/images/ads_right.gif) top repeat-x; } .rcol ul { margin: 0; padding: 0; list-style: none; width: 100%; float: left; } .rcol ul li { width: 100%; float: left; text-align: right; margin: 0; padding: 0; margin-top: 10px;} .rcol ul li span { color: #000; font-size: 12px; margin-right: 10px; } .rcol ul li img { border: 1px solid #b1c1c8; } .cellone h1 { font-size: 16px; font-weight: bold; margin-top: 10px; } .cellone h2 { font-size: 13px; font-weight: bold; margin-bottom: 0; margin-top: 20px; clear: both; float: left; } .cellone p { margin-top: 0; clear: both; } .lcol h1 { font-size: 16px; font-weight: bold; margin-top: 10px; } .lcol h2 { font-size: 13px; font-weight: bold; margin-bottom: 0; margin-top: 20px; clear: both; float: left; } .lcol p { margin-top: 0; clear: both; } .rcolads h2 { font-size: 13px; font-weight: bold; margin-bottom: 0; clear: both; float: left; } p.bb { font-size: 11px; line-height: 16px; margin: 0; padding: 0; color: #3f7abe; } p.bb a { text-decoration: none; color: #3f7abe; } .lcol .leftside { width: 340px; float: left; text-align: left; display: inline; } .lcol .rightside { width: 360px; float: left; text-align: left; margin-top: 10px; display: inline; } #adw_top { height: 12px; float: left; width: 100%; display: inline; background: url(/images/ads_top.gif) no-repeat top; } #pconH_v4 {height: 45px; float: left; width: 100%; display: inline; background: url(/images/subCon.gif) repeat-y; } #pconH_v4 .ll { height: 45px; float: left; width: 714px; background: url(/images/orangeline.gif) repeat-x; margin-left: 7px; display: inline; } #pconH_v4 .rr{ height: 45px; float: left; width: 254px; background: url(/images/right1.gif); display: inline; } .ads_ulmid { margin: 0; padding: 0; } .ads_ulmid li { width: 220px; float: left; list-style: none; margin-left: 10px; margin-bottom: 20px;} .ads_ulmid li img { width: 200px; float: left; border: 1px solid #c7cccf; height: 150px; } .right_adsclass { margin-left: 10px; padding: 0; text-align: left; } .right_adsclass li {margin-left: 10px; width: 90%; text-align: left; float: left; } .adsul { margin: 0; padding: 0; margin-left: 10px; float: left; display: inline; } .adsul li {padding: 0; width: 100%; float: left; clear: left; margin-top: 2px; font-size: 11px; color: #202020; list-style: outside; } #pconC .rcol_v2 { width: 254px; float: left; display: inline; } .rcol_v2 ul { margin: 0; padding: 0; list-style: none; width: 100%; float: left; display: inline; } .rcol_v2 ul li { width: 210px; float: left; text-align: left; margin-left: 20px; padding: 0; margin-top: 10px; display: inline;} .rcol_v2 ul li span { color: #000; font-size: 12px; margin-right: 10px; } .rcol_v2 ul li img { border: 1px solid #b1c1c8; width: 150px; float: left; } .rcol_v2 ul li strong { color: #3f7abe; font-size: 14px; font-weight: bold; } #pconC .rcol_ads2 { width: 254px; float: left; display: inline; } .rcol_ads2 ul { margin: 0; padding: 0; list-style: none; width: 100%; float: left; display: inline; } .rcol_ads2 ul li { width: 152px; float: left; text-align: left; margin-left: 50px; padding: 0; margin-top: 10px; display: inline;} .rcol_ads2 ul li span { color: #000; font-size: 12px; margin-right: 10px; } .rcol_ads2 ul li img { border: 1px solid #b1c1c8; width: 150px; float: left; } .rcol_ads2 ul li strong { color: #3f7abe; font-size: 14px; font-weight: bold; } #seo_top {height: 20px; float: left; width: 329px; display: inline; background: url(/includes/seo/newtop.png) no-repeat; } #pconH_v2 {height: 20px; float: left; width: 100%; display: inline; background: url(/images/topv2.gif) no-repeat; } .lcol .ver2left { width: 322px; float: left; display: inline; } .lcol .ver2right { width: 392px; float: left; display: inline; } .ver2rightsub { width: 350px; margin-left: 15px; margin-top: -30px; float: left;} #subPageHeadclean {background: url(/images/subTop_new.gif) no-repeat; height: 20px; float: left; width: 100%;} #subPageBottomclean {background: url(/images/subBottom_new.gif) no-repeat; height: 30px; float: left; width: 100%;} #subPageclean { background: url(/images/subMid_new.gif); float: left; width: 100% } #subPageclean .textBody{ width: 960px; margin-left: 20px; float: left; display: inline; text-align: left; } #subPageContent .leftBody{width: 700px; margin-left: 20px; float: left; display: inline;} #subPageContent .rightBody { width: 215px; margin-left: 20px; float: left; display: inline; } .rightBody ul {padding: 0; list-style: none; margin-top: 10px; } .rightBody li { font-size: 12px; color: #4c81b5; font-weight: bold; height: 30px; padding: 0; text-indent: 10px;} .rightBody li a { font-size: 12px; color: #4c81b5; font-weight: bold; text-decoration: none; padding: 0; text-indent: 10px;} .rightBody li div { background: url(/images/dots.gif) bottom no-repeat; height: 20px; } #subPageContent .rightBody2 { width: 236px; margin-left: 10px; float: left; } .rightBody2 ul {padding: 0; list-style: none; margin-top: 10px; width: 223px; margin-left: 6px; } .rightBody2 li { font-size: 12px; color: #222; font-weight: bold; height: 30px; padding: 0; text-indent: 10px; background: #afdafb; margin-top: 1px; line-height: 30px;} .rightBody2 li a { font-size: 12px; color: #222; font-weight: bold; text-decoration: none; padding: 0; text-indent: 10px; } .rightBody2 li:hover{ background: #52bdec; } .rightBody2 li div {height: 20px; } .linebreak { clear: both; width: 100%; margin-top: 10px; } .leftcol { width: 364px; float: left;} .rightcol { width: 300px; margin-left: 20px; float: left; } .leftcol p { padding-right: 10px; } #subPageContent .leftBody .leftcell { width: 340px; float: left; margin-top: 10px; margin-left: 10px; } #subPageContent .leftBody .rightcell { width: 340px; float: left; margin-top: 10px; margin-left: 10px; } #subPageContent .moreex { width: 600px; } .moreex ul { display: inline; } .moreex li { width: 200px; height: 180px; text-align: center; float: left; list-style: none;} .moreex li a { width: 200px; height: 180px; text-align: center; float: left; list-style: none; text-decoration: none;} .moreex li span { font-size: 14px; font-weight: bold; color: #3c75bb; } .moreex li small { font-size: 11px; color: #444; } .getstarted a { width: 183px; float: right; height: 35px; display: block; margin-right: 20px;} .getstarted a { height: 35px; width: 183px; background: url(/images/getstarted.gif) bottom left; text-indent: -3000px; margin-right: 10px; } .getstarted a:hover { height: 35px; width: 183px; background: url(/images/getstarted.gif) top right; text-indent: -3000px; margin-right: 10px; } #subPageContent .exampletwo { width: 600px; } .exampletwo ul { display: inline; } .exampletwo li { width: 200px; height: 250px; text-align: center; float: left; list-style: none; margin-bottom: 10px;} .leftcell ul { margin-top: 10px; margin-left: 40px; padding: 0; } .leftcell li { list-style-type: square; margin: 0; padding: 0; } .rightcell ul { margin-top: 10px; margin-left: 40px; padding: 0; } .rightcell li { list-style-type: square; margin: 0; padding: 0; } #products { width: 680px; float: left; margin-top: 20px; margin-bottom: 20px;} #products .lc { width: 220px; border-right: 1px dotted #000; float: left;} #products .rc { width: 220px; border-right: 1px dotted #000; float: left;} #products .md { width: 220px; float: left; } .productCon { width: 200px; margin-left: 10px; margin-top: 10px; } .news { width: 600px; margin-left: 20px; } #basiccontent {background: url(/images/basicmid.gif) repeat-y; float: left; width: 100%; } #basicbottom { background: url(/images/basicbot.gif) no-repeat top; height: 30px; clear: both; float: left; width: 100%} #basiccontent .textclass { width: 940px; margin-left: 20px;} .execols { width: 680px; float: left; margin-top: 20px; margin-bottom: 20px;} .execols .leftcol { width: 120px; float: left; min-height: 250px;} .execols .rightcol { width: 450px; float: left; min-height: 250px; } .imgcol { margin-left: 35px; margin-top: 10px; } .bioscontent {width: 430px; margin-left: 4px; margin-top: 10px; } .examplecol { width: 100%;} .examplecol ul { padding: 0; margin-left: 30px; margin-top: 10px; } .examplecol li { padding: 0; } .exampleright { width: 250px; border: 1px solid #ddd; background: #ffedbd; float: right; margin-right: 10px;} .monthlynews { width: 250px; border-left: 1px dashed #3e7abe; float: right; margin-right: 10px; padding: 10px; margin-left: 40px; } #frm { font-size: 12px; width: 600px; } #frm .cols {width: 300px; float: left; margin-top: 10px; } table {font-size: 11px; color: #202020; line-height: 18px; } #tabs {width: 450px;; float: left;} #tabs .first { width: 124px; float: left; height: 31px; line-height: 30px; text-align: center; margin-right: 3px; } #tabs .second {width: 124px; float: left; height: 31px; line-height: 30px; text-align: center; margin-right: 3px; } #tabs .third {width: 124px; float: left; height: 31px; line-height: 30px; text-align: center; } #tabs .base_tabs {background: #f6f8fa; float: left; margin-top: 0; border-left: 1px solid #cbdeec; border-right: 1px solid #cbdeec; border-bottom: 1px solid #cbdeec; font-size: 11px; color: #202020; width: 450px;} .selected { background: #fde57f; font-size: 15px; color: #000; font-weight: bold; font-family: Arial, Helvetica, sans-serif; background: url(/images/selectedtab.gif) no-repeat; line-height: 31px;} .unselected { background: #9899cb; font-size: 15px; color: #fff; font-weight: bold; font-family: Arial, Helvetica, sans-serif; background: url(/images/unselectedtab.gif) no-repeat; line-height: 31px;} #tabs_pre {width: 680px;; float: left; margin-top: 20px;} #tabs_pre .first { width: 124px; float: left; height: 31px; line-height: 30px; text-align: center; margin-right: 3px; } #tabs_pre .second {width: 124px; float: left; height: 31px; line-height: 30px; text-align: center; margin-right: 3px; } #tabs_pre .third {width: 124px; float: left; height: 31px; line-height: 30px; text-align: center; } #tabs_pre .base_tabs {background: #f6f8fa; float: left; margin-top: 0; border-left: 1px solid #cbdeec; border-right: 1px solid #cbdeec; border-bottom: 1px solid #cbdeec; font-size: 11px; color: #202020; width: 680px; } .pro_tbl td { border-bottom: 1px solid #000;} .pro_tbl tr { height: 30px; } .light {background: #ffffed; text-align: center; } .dark { background: #ffffcc; text-align: center; } .bigline { border-bottom: 2px solid #666; } .smallline { border-bottom: 2px solid #666; } .rss-box { margin: 1em; font-size: 12px; font-family: Arial, Helvetica, sans-serif; width: 230px; background-color: #f2f7fa; border: 1px solid #4c81b5; } .rss-items { padding:0.5em; font-family: Arial, Helvetica, sans-serif; color:#000000; color: #202020; } p.rss-title {padding:0.5em; color: #4c81b5} .rss-title { color: #4c81b5; font-weight:bold; text-align: left; font-size: 14px; } .rss-item { list-style:none; padding-bottom:1em; font-size: 12px; line-height: 18px; } .rss-item a { color: navy; font-weight:bold; font-size: 14px; line-height: 18px; } #home_new1 h1 { font-size: 30px; font-weight: bold; color: #FFF; } #home_new1 h2 { font-size: 24px; font-weight: normal; color: #FFF; font-family: "Verdana"} .pcls { font-size: 12px; padding: 10px; color: #FFF; line-height: normal; margin-top: 0px; font-family: "Verdana"} #home_new1 {width: 968px; float: left; display: inline; margin-left: 7px; } #home_new1 .fcol { width: 465px; float: left; display: inline; height: 515px; background: url(/images/home_template.jpg) no-repeat; } #home_new1 .scol { width: 489px; float: left; display: inline; height: 515px; } #home_new1 .tcol { width: 14px; float: left; display: inline; height: 515px; background: url(/images/h_new_right.gif) no-repeat; } #home_new1 .row { font-family: "Verdana"; width: 100%; float: left; display: inline; } #home_new1 .signtxt { color: #383838; font-weight: normal; line-height: 67px; font-size: 24px; font-family: "Verdana"; } #home_new1 .signtxt a { color: #383838; font-weight: normal; text-decoration: none; } .home1_bot { width: 100%; float: left; display: inline; margin: 0; padding: 0; } .home1_bot li { width: 161px; margin-top: 0; margin-left: 24px; float: left; display: inline; list-style: none; height: 165px; text-align: right; line-height: 250px; } .home2_bot { width: 100%; float: left; display: inline; margin: 0; padding: 0; } .home2_bot li { width: 165px; margin-top: 0; margin-left: 24px; float: left; display: inline; list-style: none; height: 173px; text-align: right; } .home_ex { width: 100%; float: left; display: inline; margin: 0; padding: 0; color: #FFF; margin-top: 20px; font-size: 12px; } .home_ex a {color: #FFF; text-decoration: none; line-height: 16px; } .home_ex2 { width: 100%; float: left; display: inline; margin: 0; padding: 0; margin-top: 10px; font-size: 12px; } .home_ex2 a {color: #000; text-decoration: none; line-height: 16px; } .home3 { width: 100%; float: left; margin: 0; padding: 0; } .home3 li { width: 160px; margin-top: 0; float: left; display: inline; list-style: none; text-align: right; height: 150px; } .signtxt { color: #FFF; line-height: 67px; font-size: 18px; font-weight: bold; font-family: sans-serif; } .signtxt a { color: #FFF; text-decoration: none; } .extxt { color: #FFF; font-size: 16px; text-align: right; line-height: 12px; padding-right: 20px; } .extxt a { color: #FFF; text-decoration: none; } .extxtblue { color: #3f7abe; font-size: 11px; text-align: right; line-height: 10px;} .extxtblue a { color: #3f7abe; text-decoration: none;} .formLeftCol { width: 160px; vertical-align: bottom; float:left } .formRightCol { width: 300px; margin-left: 160px; vertical-align: middle; } .formRow { width: 460px; margin-top: 10px; } /* Product comparison */ #page .basicbox { width: 894px; float: left; display: inline; height: 129px; margin-left: 20px; } .basicbox .leftbox { width: 28px; float: left; display: inline; background: url(images/basicleft1.gif) no-repeat; height: 129px; } .basicbox .midbox { width: 840px; float: left; display: inline; background: url(images/basicmid1.gif) repeat-x; height: 129px; } .basicbox .rightbox { width: 26px; float: left; display: inline; background: url(images/basicright1.gif) no-repeat; height: 129px; } .midbox .basicbtn1 { width: 255px; float: left; display: inline; height: 129px; background: url(images/basicline1.gif) repeat-x; } .madbox .basictnow1 { width: 590px; float: left; display: inline; } .basictnow1 .txt { width: 230px; float: left; display: inline; color: #FFF; margin-left: 38px; margin-top: 26px; font-size: 16px; font-weight: bold; } .txt .more { width: 100%; float: left; display: inline; margin-top: 8px; font-size: 11px; } .basictnow1 .btn { width: 286px; float: left; display: inline; margin-left: 30px; margin-top: 26px; } #page .premiumbox { width: 894px; float: left; display: inline; margin-top: 36px; margin-left: 20px; } .premiumbox .top { width: 100%; float: left; display: inline; height: 20px; background: url(images/pre_top1.gif); } .premiumbox .mid { width: 100%; float: left; display: inline; background: url(images/pre_mid1.gif) repeat-y; } .premiumbox .bot { width: 100%; float: left; display: inline; height: 20px; background: url(images/pre_bot1.gif); } .premiumbox .mid .light { width: 100%; float: left; display: inline; margin-top: 10px; } .lightbox .pre { width: 251px; float: left; display: inline; margin-left: 28px; } .lightbox .signupbtn { width: 204px; float: left; display: inline; text-align: center; font-size: 14px; } .signupbtn img {margin-top: 40px; } .lightbox .signupbtn2{ width: 204px; float: left; display: inline; text-align: center; font-size: 14px; } .signupbtn2 img {margin-top: 10px; } .premiumbox .mid .darkbox { width: 100%; float: left; display: inline; background:url(images/pre_dark.gif) repeat-y; margin-top: 10px;} .darkbox h3, .lightbox h3 { font-weight: bold; font-size: 13px; margin-left: 20px; margin-top: 10px; } .darkbox h3 a, .lightbox h3 a { color: #3f7abe } .baseline { width: 800px; float: left; display: inline; border-bottom: 1px solid #b2c1c8; margin-left: 90px; padding-bottom: 1px; padding-top: 6px; } .baseline .one { width: 175px; float: left; display: inline; text-align: right; } .baseline .two { width: 204px; float: left; display: inline; text-align: center; margin-left: 7px; } .baseline .three { width: 204px; float: left; display: inline; text-align: center; margin-left: 2px; } .baseline .four { width: 204px; float: left; display: inline; text-align: center; margin-left: 2px; } /*----------------------------------- V2--------------------------------------------- */ #page .basicv4 { width: 930px; float: left; display: inline; height: 144px; } .basicv4 .top { width: 100%; float: left; display: inline; height: 48px; background: url(images/basictxtbig.gif); } .basicv4 .mid { width: 100%; float: left; display: inline; height: 78px; background: url(images/basictxtbigmid.gif); } .basicv4 .bot { width: 100%; float: left; display: inline; height: 18px; background: url(images/basictxtbigbot.gif);} .basicv4 .mid .ll { width: 230px; float: left; display: inline; margin-left: 25px;} .basicv4 .mid .rr { width: 230px; float: left; display: inline; } .basicv4 .mid .trynow { width: 386px; float: left; display: inline; background: url(images/oline.gif); height: 77px; margin-left: 55px; } .basicv4 .mid .trynow img { margin-left: 90px; } ul.aw { float: left; display: inline; margin: 0; padding: 0; width: 100%;} ul.aw li { margin: 0; padding: 0; list-style: none; float: left; display: inline; width: 100%; line-height: 13px; margin-top: 6px; } ul.aw li span {width: 15px; height: 13px; float: left; display: inline; margin-right: 10px; background: url(images/aw.gif) no-repeat; } ul.aw li.learn { color: #3f7abe; } ul.aw li.learn a{ color: #3f7abe; text-decoration: underline; margin-left: 30px; } #page .prev4 { width: 930px; float: left; display: inline; margin-top: 20px; } .prev4 .top { width: 100%; float: left; display: inline; height: 48px; background: url(images/pretxtbig.gif); } .prev4 .mid { width: 100%; float: left; display: inline; background: url(images/pretxtbigmid.gif); } .prev4 .bot { width: 100%; float: left; display: inline; height: 24px; background: url(images/pretxtbigbot.gif);} .prev4 .mid .lightcell { width: 100%; float: left; display: inline; margin-top: 10px; } .prev4 .mid .lightcell .pre {width: 320px; margin-left: 25px; float: left; display: inline; } .prev4 .mid .lightcell .signupbtn { width: 194px; float: left; display: inline; text-align: center; font-size: 14px; } .prev4 .mid .signupbtn img { margin: 0; padding: 0; margin-top: 50px; } .prev4 .mid .lightcell .signupbtn2{ width: 194px; float: left; display: inline; text-align: center; font-size: 14px; } .prev4 .mid .signupbtn2 img {margin-top: 10px; } .prev4 .mid .darkcell { width: 100%; float: left; display: inline; background:url(images/pre_darkv4.gif) repeat-y; margin-top: 10px;} .darkcell h3, .lightcell h3 { font-weight: bold; font-size: 13px; margin-left: 20px; margin-top: 10px; } .baselinev4 { width: 830px; float: left; display: inline; border-bottom: 1px solid #b2c1c8; margin-left: 95px; padding-bottom: 1px; padding-top: 6px; } .baselinev4 .one { width: 230px; float: left; display: inline; text-align: right; } .baselinev4 .two { width: 194px; float: left; display: inline; text-align: center; margin-left: 7px; } .baselinev4 .three { width: 194px; float: left; display: inline; text-align: center; margin-left: 2px; } .baselinev4 .four { width: 194px; float: left; display: inline; text-align: center; margin-left: 2px; } /*------------------------------------- V2 ----------------------------------------------------------------- */ /*-------------------------------------------------- V4------------------------------------------------------- */ #page .basicv6 { width: 908px; float: left; display: inline; height: 147px; margin-left: 10px; } .basicv6 .lcol { width: 26px; height: 147px; float: left; display: inline; background: url(images/bleft6.gif); } .basicv6 .mcol { width: 857px; height: 147px; float: left; display: inline; background: url(images/bmid6.gif); } .basicv6 .rcol { width: 25px; height: 147px; float: left; display: inline; background: url(images/bright6.gif);} .basicv6 .mcol .ll { width: 222px; float: left; display: inline; margin-top: 21px;} .basicv6 .mcol .ml { width: 420px; float: left; display: inline; margin-left: 26px; margin-top: 21px; line-height: 18px; font-size: 13px; } .basicv6 .mcol .rl { width: 186px; float: left; display: inline; margin-top: 21px;} #page .prev6 { width: 908px; float: left; display: inline; margin-top: 20px; margin-left: 10px;} .prev6 .top { width: 100%; float: left; display: inline; height: 21px; background: url(images/prev6top.gif); } .prev6 .bot { width: 100%; float: left; display: inline; height: 17px; background: url(images/prev6bot.gif); } .prev6 .mid { width: 100%; float: left; display: inline; height: 356px;} .prev6 .mid .mid1 { width: 28px; float: left; display: inline; height: 356px; background: url(images/v6mid1.gif) no-repeat; } .prev6 .mid .mid2 { width: 869px; float: left; display: inline; height: 356px; background: url(images/v6midline.gif) repeat-x; } .prev6 .mid .mid3 { width: 11px; float: left; display: inline; height: 356px; background: url(images/v6mid2.gif) no-repeat; } .prev6 .mid .mid2 .leftcell { width: 222px; height: 356px; float: left; display: inline; } .prev6 .mid .mid2 .rightcell { width: 623px; height: 356px; float: left; display: inline; margin-left: 24px; } .mid .mid2 .rightcell .midtop { width: 100%; height: 190px; float: left; display: inline; color: #FFF; } .rightcell .midtop li { list-style: none; font-size: 13px; color: #FFF; } .mid .mid2 .rightcell .midlower { width: 100%; height: 166px; float: left; display: inline; } .midlower .top { width: 100%; float: left; display: inline; height: 24px; background: url(images/midtop.gif) no-repeat; } .midlower .base { width: 100%; float: left; display: inline; height: 142px; background: url(images/midtopline.gif) repeat-y; } .midlower .base .signupbtn { width: 207px; float: left; display: inline; text-align: center; font-size: 14px; } .signupbtn img { margin: 0; padding: 0; margin-top: 50px; } .lightcolor .signupbtn2{ width: 210px; float: left; display: inline; text-align: center; font-size: 14px; } .signupbtn2 img {margin-top: 10px; } .prev6 .v6con { width: 100%; float: left; display: inline; background: url(images/v6con.gif) repeat-y; } .prev6 .v6con .lightcolor { width: 100%; float: left; display: inline; margin-top: 10px; } .prev6 .v6con .darkcolor { width: 100%; float: left; display: inline; background:url(images/v6condark.gif) repeat-y;} .darkcolor h3, .lightcolor h3 { font-weight: bold; font-size: 13px; margin-left: 20px; margin-top: 10px; } .darkcolor h3 a, .lightcolor h3 a { color: #3f7abe } /*------------------------------------- V4 ----------------------------------------------------------------- */ .breaknew {clear: left; } #page .prev1 { width: 563px; float: left; display: inline; margin-top: 20px; margin-left: 0px; font-weight:bold } .prev1 .top { width: 563px; float: left; display: inline; height: 24px; background: url(images/topv1.gif); background-repeat: no-repeat; } .prev1 .mid { width: 563px; float: left; display: inline; background: url(images/linev1_repeat.gif) repeat-y; } .prev1 .bot { width: 563px; float: left; display: inline; height: 20px; background: url(images/botv1.gif) bottom;background-repeat: no-repeat; } .prev1 .mid .btns { width: 563px; float: left; display: inline; height: 50px; background: url(images/linev1.gif) repeat-y; } .prev1 .mid .btns .basicv1 { width: 175px; height: 67px; margin-left: 192px; padding-left:50px; padding-right: 0px; margin-top: -19px; display: inline; font-size: 275%; color: #FFFFFF} .prev1 .mid .btns .premiumv1 { padding-left: 0px; padding-right: 0px; padding-bottom: 20px; margin-left: 70px; margin-right: 0px; width: 187px; height: 71px; margin-top: 0px; margin-bottom: 50px; display: inline; font-size: 275%; color: #FFFFFF } .prev1 .mid .lightdis { width: 100%; float: left; display: inline; margin-top: 10px; } .prev1 .mid .darkdis { width: 100%; float: left; display: inline; background:url(images/darkv1.gif) repeat-y;} .darkdis h3, .lightdis h3 { font-weight: bold; font-size: 13px; margin-left: 20px; margin-top: 10px; } .darkdis h3 a, .lightdis h3 a { color: #3f7abe } .lightdis .signupbtn1{ width: 185px; float: left; display: inline; text-align: center; font-size: 14px; } .signupbtn1 img {margin-top: 16px; } .baselinev1 { width: 530px; float: left; display: inline; border-bottom: 1px solid #b2c1c8; margin-left: 30px; padding-bottom: 1px; padding-top: 6px; } .baselinev1 .one { width: 160px; float: left; display: inline; } .baselinev1 .one span { margin-right: 10px; text-align:right } .baselinev1 .two { width: 184px; float: left; display: inline; text-align: center;} .baselinev1 .three { width: 184px; float: left; display: inline; text-align: center; } .baselinev1 .four { width: 184px; float: left; display: inline; text-align: center;} ul.sitemaplist { list-style-type: disc; list-style-position: inside; } ul.sitemaplist li { text-indent: 0px; margin: 0px; padding: 0px; height: auto; } .b_dark { background: #6699ff; text-align: center; } .b_light { background: #99ccff; text-align: center; } restApi { } .restApi p { font-size: 100% } .restApi h1 { font-size: 175% } .restApi h2 { font-size: 125%; margin-bottom: 0 } .restApi ul { list-style-type: square; padding-left: 20px; padding-top: 0 } .restApi ol { padding-left: 20px; padding-top: 0 } .restApi li { font-size: 110% } /*.restIntro h1 {*/ /*font-size: 175%*/ /*}*/ /*.restIntro h2 {*/ /*font-size: 125%*/ /*}*/ /*.restIntro h3 {*/ /*font-size: 100%*/ /*}*/ /*.restIntro li {*/ /*font-size: 110%*/ /*}*/ /*.restIntro tr td {*/ /*font-size: 100%*/ /*}*/ .restApiEntityRequestMethod { border: medium solid #1E76BB; padding: 4px; margin-bottom: 50px; margin-right: 10px; } .restApiEntityRequestMethod h2 { margin: -5px -5px 10px -5px; border: medium double #1E76BB; padding: 4px; color: #1E76BB; background-color: rgb(200, 233, 255); } .restApiEntityRequestMethod h3 { font-size: 100% } .restApiEntityRequestMethod p { margin-bottom: 10px; padding-top: 0; } .restApiEntityUrlTable { border: solid rgb(200, 233, 255) medium; width: 100%; margin-right: 10px } .restApiEntityUrlTable th { font-size: 80%; padding-left: 5px; padding-right: 5px; } .restApiEntityUrlTable td { padding: 5px; font-size: 125%; vertical-align: top; } .restApiEntityUrlTable li { font-size: 100%; padding-top: 0; } .restApi_variableTableTR { font-size: 75% } .restApiEntityOverviewMethods ul { padding: 0 20px 20px 20px; } .restApiEntityXML { padding-left: 10px; padding-right: 10px; border: medium solid rgb(200, 233, 255); margin-right: 0; } .restApiEntityXML li { font-size: 100%; } .orderedListDiv li { list-style-position: inside } .orderedListDiv li ol { list-style-position: inside; margin-left: 10px } .restApiURL { padding: 5px; font-size: 150%; background-color: rgb(200, 233, 255); border: 2px #1E76BB solid } .restApiScrollerWrapper { padding: 5px; font-size: 150%; background-color: rgb(200, 233, 255); overflow-y: hidden; overflow-x: scroll; border: solid #1E76BB 2px; } .restApiScroller { white-space: pre; display: inline; } /*.loginForm { font-size: 14px; font-weight: bold; color: #275a9e; }*/ /*.header .loginForm { float: right; margin-top: 10px; margin-right: 0px; }*/ /*.loginForm a { text-align: center; font-size: 10px; font-weight: bold; color: #286cbf; margin-bottom: 20px; line-height: 20px; text-decoration: none; }*/ /* Plugins 'Also Available' box */ .alsoAvailablePlugin { border: medium double black; width: 200px; float: right; margin-right: 15px; margin-left:15px; font-size:130%; font-weight:bold; background-color:#EAEAEA; padding: 15px} /* NEW LOGIN FORM ELEMENTS */ *.header .login_container { /*border:1px solid black;*/ float: right; margin-top: 27px; margin-right: 5px; } /* NEW LOGIN FORM ELEMENTS */ .login_container { /*border:1px solid red;*/ display: inline-block; width: 356px; } .email_field { /*border:1px solid yellow;*/ float: left; display: inline-block; width: 170px; } .password_field { /*border:1px solid blue;*/ display: inline-block; width: 172px; padding-left: 10px; } .login_buttons { /*border:1px solid green;*/ text-align:right; margin-top: 11px; margin-right: 2px; } .login_button { /*border:1px solid orange;*/ margin-left: 6px; } .login_label { /*border:1px solid brown;*/ font-family: Arial, Verdana, sans-serif; font-size: 10px; color:#333333; font-weight: bold; } .login_textfield { /*border:1px solid brown;*/ width: 165px; height: 16px; font-size: 12px; margin-top: 3px; } .login_link { /*border:1px solid purple;*/ text-decoration: none; margin-left: 6px; font-family: Arial, Verdana, sans-serif; font-size: 10px; color:#333333; font-weight:normal; } .login_error { /*border:1px solid pink;*/ font-family: Arial, Verdana, sans-serif; font-size: 12px; color:red; font-weight:bold; } .forgot_password_container { /*border:1px solid pink;*/ width: 170px; } .forgot_email_button { margin-top: 10px; /*display: block;*/ } #signup_banner_container { /*border: 1px solid red;*/ padding-top: 15px; width: 624px; height: 230px; background-color: rgb(50,49,50); line-height:140%; display:inline-block; } .signup_links { /*border: 1px solid green;*/ /*font-family: Arial, Helvetica, sans-serif; */ font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight:normal; color: #909c11; text-decoration: none; margin-left: 168px; } .signup_links:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal; color: #bebe66; text-decoration: none } .signup_p { font-size: 13px; color: #909c11; } #signup_graphic_container { /*border: 1px solid green;*/ margin-left: 5px; float: left; } #signup_logo { /*border: 1px solid black;*/ margin-left: 32px; margin-top: 20px; } #signup_right { /*border: 1px solid black;*/ display: block; margin-top: 150px; } #upgrade_header { /*border:1px solid red;*/ margin-left: 5px; width: 971px; height: 230px; background-color: rgb(50,49,50); } #upgrade_header_graphic { /*display: block;*/ float: left; } #upgrade_comments_graphic { margin-left: 132px; clear:right; } #upgrade_button { margin-left: 505px; margin-top: 12px; float: left; } #upgrade_comparison_link { /*border:1px solid yellow;*/ display: inline-block; margin-top: 30px; margin-left: 5px; color:white; font-family: Arial, Verdana, sans-serif; font-size: 12px; text-decoration:none; } #upgrade_table table { /*text-align:center;*/ margin-left: auto ; margin-right: auto ; } #purchase_message { width: 450px; margin-top: 15px; margin-left: auto ; margin-right: auto ; text-align: center; } #purchase_button { margin-top: 15px; margin-bottom: 50px; text-align: center; } /* Home page css */ .home_software_link { font-family: Verdana; font-size: 12px; color: #383838; } /********************************************************** /********************* date picker style ******************/ /********************************************************** /* the div that holds the date picker calendar */ .dpDiv { } /* the table (within the div) that holds the date picker calendar */ .dpTable { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; color: #505050; background-color: #ece9d8; border: 1px solid #AAAAAA; } /* a table row that holds date numbers (either blank or 1-31) */ .dpTR { } /* the top table row that holds the month, year, and forward/backward buttons */ .dpTitleTR { } /* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */ .dpDayTR { } /* the bottom table row, that has the "This Month" and "Close" buttons */ .dpTodayButtonTR { } /* a table cell that holds a date number (either blank or 1-31) */ .dpTD { border: 1px solid #ece9d8; } /* a table cell that holds a highlighted day (usually either today's date or the current date field value) */ .dpDayHighlightTD { background-color: #CCCCCC; border: 1px solid #AAAAAA; } /* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */ .dpTDHover { background-color: #aca998; border: 1px solid #888888; cursor: pointer; color: red; } /* the table cell that holds the name of the month and the year */ .dpTitleTD { } /* a table cell that holds one of the forward/backward buttons */ .dpButtonTD { } /* the table cell that holds the "This Month" or "Close" button at the bottom */ .dpTodayButtonTD { } /* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */ .dpDayTD { background-color: #CCCCCC; border: 1px solid #AAAAAA; color: white; } /* additional style information for the text that indicates the month and year */ .dpTitleText { font-size: 12px; color: gray; font-weight: bold; } /* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ .dpDayHighlight { color: 4060ff; font-weight: bold; } /* the forward/backward buttons at the top */ .dpButton { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; color: gray; background: #d8e8ff; font-weight: bold; padding: 0px; } /* the "This Month" and "Close" buttons at the bottom */ .dpTodayButton { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; color: gray; background: #d8e8ff; font-weight: bold; }