body {color: #0b0b0b; margin: 0; padding: 0; border: 0 none; font: normal 12px/16px "Verdana", "Arial", "Helvetica", sans-serif; background-color: #ddd}
h1 {font-weight: bold; font-size: 16px; color:#006; text-align: left}
h2 {font-weight: bold; font-size: 15px; color:#1463A5; border-bottom: 1px solid #888; text-align: left}
h3 {font-weight: bold; font-size: 12px; color:#1463A5; border-bottom: 1px solid #888}
h4 {font-weight: normal; font-size: 13px; font-weight: bold; color:#0c3c66}
img {border: 0 none}
p {margin-top: 0.5em; margin-bottom: 0.9em; font:normal 12px/16px "Verdana", "Arial", "Helvetica", sans-serif; color:#111; padding: 5px 0 5px 0; text-align: justify}
a, a:link, a:visited, a:hover {text-decoration: none; font-weight: bold; border:0 none; color: #0c3c66}
a:hover {text-decoration: underline}
ul a:hover {text-decoration: none}
fieldset {border: 1px solid #ccc}
pre {background-color: #eee; padding: 0.75em 1.5em; border: 1px solid #ddd}
table {border-collapse: collapse}
 input {width: 98%}
select {width: 98%}
textarea {width: 98%}
.nowide {width: auto}
.nowideright {width: auto; float: right}
.imgcenter {display: block; margin-left:auto; margin-right: auto}
#main_holder {width: 958px; margin:0 auto; padding:7px 0}
#main_top {background-image: url('/img/bg-header-trans.png'); background-repeat: no-repeat; height: 136px; width: 958px}
#main_top_left {width: 200px; padding-top: 10px; padding-left: 30px; padding-right: 30px; float: left}
#main_top_right {height: 136px; width: 690px; float: left}
#main_banner {text-align: center; padding-top: 2em}
#main_middle {background-image: url('/img/bg-horiz-trans.png'); background-repeat: repeat-y; width: 958px}
#main_bottom {background-image: url('/img/bg-footer-trans.png'); background-repeat: no-repeat; height: 20px; width: 958px}
#main_quote {height: 90px; display: block; text-align: center; color:#FFF; font-size:2em; line-height: 90px}
#main_menu {display: block; text-align: center}
#main_menu li {display: inline}
#main_menu ul {margin: 0; padding: 0; color:#99CCFF; font-size:1em; line-height:30px}
#main_menu a {border-left:1px solid #99CCFF; color:#FFFFFF; font-weight:300; margin:0 0 0 -5px; padding:3px 15px}
#main_menu a:hover {color:#000}
#main_menu .first a {border-left: 0 none}
#submenu {display: block; text-align: center}
#submenu li {display: inline}
#submenu ul {margin: 0; padding: 0}
#submenu a {border-left:1px solid #bbb; color:#bbb; font-weight: bold; font-size: 0.8em; margin:0 0 0 -5px; padding:3px 15px}
#submenu a:hover {background-color: #eee}
#submenu .first a {border-left: 0 none}
#admin_menu {display: block; text-align: center}
#admin_menu li {display: inline}
#admin_menu ul {margin: 0; padding: 0}
#admin_menu a {border-left:1px solid #448; color:#448; font-weight: bold; font-size: 1.1em; margin:0 0 0 -5px; padding:3px 15px}
#admin_menu a:hover {background-color: #ccc}
#admin_menu .first a {border-left: 0 none}
#main_full {padding: 15px 30px 10px 30px}
#main_leftside {padding: 15px 15px 10px 14px; width: 270px; float: left}
#main_rightside {padding: 15px 10px 10px 15px; width: 610px; float: left}
#sidenavheader {border: 1px solid #1463A5; background-color: #1463A5; padding: 5px; color: #fff; font-weight: bold}
#sidenav {border: 1px solid #1463A5; background-color: #f4f8ff; padding: 5px;  }
#sidenav li {margin-left: auto; margin-right: auto; border:1px solid transparent}
#sidenav li:hover {margin-left: auto; margin-right: auto; background-color: #def;  }
#sidenav ul {list-style-type: none; margin: 0; padding: 0}
#sidenav a {font-family: sans-serif; font-size: 16px; display: block; margin: 0; font-weight: normal; padding-left: 40px; padding-top: 8px; padding-bottom: 8px; position: relative; text-decoration: none; width: 228px}
#sbtour {background: transparent url("/img/sidenavtour.png") no-repeat}
#sbfeat {background: transparent url("/img/sidenavfeat.png") no-repeat}
#sbprice {background: transparent url("/img/sidenavprice.png") no-repeat}
#sbdl {background: transparent url("/img/sidenavdl.png") no-repeat}
#sbbuy {background: transparent url("/img/sidenavbuy.png") no-repeat}
.sidetest {margin-top: 12px; padding-top: 12px}
.sidetest p {margin: 0}
#sideqsa {margin-bottom: 20px}
.base {clear: both}
.tablelist {background-color: #f4f8ff; border: 1px solid #1463A5}
.tablelist a, .tablelist a:hover {font: normal 11px/13px sans-serif; text-decoration: none}
.element {border:1px solid #eee; border-bottom:1px solid #ccc; padding: 4px}
.element:hover {border:1px solid #888; padding: 4px}
.seemore a {}
.seemore {padding-top: 1em}
.comparison {margin-bottom: 1em; border: 0 none}
.comparison td, .comparison th {border: 0 none}
.comparison th a {}
.comparison .header {margin-bottom: 0.5em; border-bottom: 1px solid #ccc}
.comparison .col1 {width: 350px; text-align: left}
.comparison .coln {width: 100px; text-align: center}
.comparison .yes {background-image: url('/img/yes.png'); background-repeat: no-repeat; background-position: center center}
.comparison .no {background-image: url('/img/no.png'); background-repeat: no-repeat; background-position: center center}
.testimonialauth {margin: 1em 0 0 0; font-weight: bold}
.testimonialauth, .testimonialauth a {color: #444}
.teaser {border: 1px solid #1463A5; border-top: 0 none; padding: 0 5px 5px 5px; background-color: #f4f8ff}
.teaser a, .teaser a:hover {text-decoration: none}
.teaser em, .teaser em {color: #111; font-size: 12px; text-decoration: none; font-style: italic; line-height: 120%; font-weight: normal}
.teaser strong,.teaser strong {color: #888; font-size: 10px; font-weight: bold; font-style: normal; line-height: 120%}
#getfree input {width: 98%}
#getfree .auto {width: auto}
#getfree textarea {width: 98%}
#getfree fieldset {margin-bottom: 10px}
#getfree label {display: block; margin-top: 0.75em; margin-bottom: 0.25em}
.fieldWithErrors {display: inline}
.fieldWithErrors label {font-weight: bold; color: red}
.fieldWithErrors .sticky {font-weight: bold; color: red}
.pricing {}
.pricing table, .pricing th, .pricing td {border: 1px solid #888}
.pricing th {background-color: #ddd}
.pricing table {width: 100%; table-layout: fixed}
.pricing h3 {border: 0}
.pricing a {}
.logout {float:right; color: #888; font-weight: bold; margin-left: 1em}
.loginbox {border: 1px solid #bbb; background-color: #eee; padding: 10px 100px 10px 100px; font-size: 11px; font-weight: bold; width: 250px; margin: 5px 100px 5px 100px}
.loginbox input, .resetbox input {width: auto; margin-bottom: 5px}
.loginbox label {font-weight: bold; color: #666}
.resetbox {border: 1px solid #bbb; background-color: #eee; padding: 10px 40px 10px 40px; font-size: 10px; font-weight: bold; margin: 10px 220px 10px 220px}
.inv, .inv tr, .inv td, .inv table{ border: 0}
.editbox {background-color: #ffc; border: 1px solid #bbb; padding: 10px 40px 10px 40px; font-weight: bold; margin: 10px 100px 10px 100px}
.editbox table, .editbox tr, .editbox td, .editbox th {border: 0; padding: 0px 5px 0 5px}
.editbox table {width: 100%}
.bold {font-weight: bold}
.disclaimer {color: #888}
a.formlink {font-weight: bold; margin-left: 1em}
.formlinkstrike, a.formlinkstrike {font-weight: bold; text-decoration: line-through; margin-left: 1em; color: #0c3c66}
.strike {text-decoration: line-through}
#ticketedit {margin: 10px; padding: 8px 16px 8px 16px}
#ticketquestion {margin: 10px; padding: 8px 16px 8px 16px}
.ticketheader {border: 1px solid #888; padding: 8px 16px 8px 16px; margin: 10px}
.ticketheader table {width: 98%}
.ticketcomment {border: 1px solid #888; padding: 0; margin: 10px}
.ticketcomment .author {background-color: #ddd; font-weight: bold; padding: 2px 16px 2px 16px}
.ticketcomment .date {float: right; background-color: #ddd; font-weight: italic; padding: 2px 16px 2px 16px}
.ticketcomment .content {padding: 2px 16px 2px 16px}
.ticketnew td, .ticketnew a {color: #a00; font-weight: bold}
.ticketopen td, .ticketopen a {color: #a00}
.ticketclosed td, .ticketclosed a {text-decoration: line-through; color: #888}
table.greytable {width: 100%; margin-bottom: 1em; background-color: #fff}
.greytable th, .greytable td {border: 0; border-top: 1px solid #888; border-bottom: 1px solid #888; margin: 0; padding: 5; vertical-align: top}
.greytable th {background-color: #ddd; color: #333; text-align: left; font-weight: bold}
.greytable tr.inv, .greytable .inv td {border: 0 none}
.greytable td.strong {text-align: right; font-weight: bold; margin-right: 1em}
.nobaseline td {border-bottom: 0 none}
.notopline td {border-top: 0 none}
.greytable .rejected td, .greytable .rejected a {text-decoration: line-through; color: #888}
.greytable .pending td, .greytable .pending a {color: #a00}
div.choke {margin: 0; padding: 30px 150px 0 150px}
.packtable td {font-size: 10px}
.highlightbox {margin: 10px 50px; padding: 10px; border: 1px solid #888}
.formError {color: #800; font-weight: bold; font-size: 10px; padding-bottom: 0.5em}
div.invoice {border: 2px solid black; margin: 0; padding: 20px; position: relative}
div.invoice h1 {color: black; font-weight: bold; text-align: center}
div.invoicer {position: absolute; right: 20px; top: 20px; text-align: right; font-size: 10px; color:#888}
div.invoicer strong {font-size: 11px; font-weight: bold; color:#1463A5}
div.invoicer em {font-style: normal; color:#1463A5}
table.invoicee {margin-top: 2em; margin-bottom: 2em; width: 500px}
.invoicee tr {border: 0 none; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; text-align: left; vertical-align: top}
.printbackground {margin: 0; padding: 20px 20px; background-color: white; width: 20cm}
.error {border: 2px solid red; color: red; font-weight: bold; padding: 10px; display: table}
.nberror {color: red; font-weight: bold}
.nwerror {width: auto; border: 2px solid red}
.warning {border: 2px solid #33f; color: #33f; font-weight: bold; padding: 10px; display: table}
.hostnames {color: #000; font-weight: bold; font-size: 11px; font-style: italic}
.errorrow, .errorrow td {border: 3px solid red}
.errornotice {border: 2px solid red; background-color: #fff; padding: 10px; margin-bottom: 10px}
.errornotice p {font-size: 10px; padding: 0px; margin: 0px; color: #222}
.notice {border: 1px solid #080; color: #040; padding: 10px; display: table}
div#main_categories {margin: 0px 4px 8px 4px; width: 950px; height: 280px; background-color:#1463A5; background-image: url('/img/hero-bg.png'); background-repeat: no-repeat; position: relative}
div#main_categories_layer {width: 950px; height: 280px; position: absolute; top:0; left:0; z-index: 200}
div#main_categories_index {margin: 0; position: absolute; top: 10px; right: 10px; z-index: 300}
div.herocontent {position: relative}
div#herolearn {margin: 0; position: absolute; bottom: 20px; right: 20px; width: 168px; height: 36px; z-index: 330; background-image: url('/img/learnmore.png'); cursor: pointer}
#main_categories_index li {display: inline; padding: 0 10px 0 10px; border-left: 1px solid #fff}
#main_categories_index li.first {border-left: 0}
#main_categories_index ul {margin: 0; padding: 0; color:#99CCFF; font-size:1em; line-height:30px}
.heroidx .first {border-left: 0 none}
.mfocus {color: #fff}
.vcenter { vertical-align: middle}
.hcenter {text-align: center}
.hright {text-align: right}
div#main_categories_content {}
#main_categories_content {position: absolute; padding: 40px 20px 0 20px; top:0; color: #fff; font-size: 14px}
.slideimage {float:left}
.slidecontent {float:left; width:500px; padding: 0 0 0 30px; font-family: "Arial", "Helvetica", sans-serif}
.slidecontent h1 {font-size: 32px; font-weight: bold; color:#fff; padding: 0; margin: 0}
.slidecontent h2 {font-weight: bold; font-size: 16px; color:#fff; text-align:left; padding-top: 10px; border: 0 none}
.slidecontent li {padding-top: 6px}
.tooltip {max-width: 600px; padding: 1em; background-color:#1463A5; border: 2px solid #fff; color: #fff}
.product h3 {border: 0}
.product ul {list-style-image: url('/img/gl-bullet.gif'); padding-left: 25px}
.product li {}
.product .column {float: left; width: 48%}
.product .spacer {float: left; width: 4%}
.thumbnail {margin: 5px; border: 2px solid #fff; float: left}
.thumbnail:hover {border: 2px solid #00f}
.screenshot .description {margin: 10px 30px 10px 30px}
.buy a {font-size: 14px}
.expired, .expired a {font-weight: bold; color: #a00}
a.brochuredesc {float:right; vertical-align:center; margin-top: 0.1em}
a.brochureimg {float:right; vertical-align:center; margin-top: -0.5em}
.glbutton01 {text-align: center; width: 174px; height: 68px; background-image: url('/img/web_button_01.png'); font-weight: bold; color: #fff; font-size: 16px; padding: 16px 16px 0 16px; line-height: 24px}
#prompt {margin: 1em 0 1em 0}
.greyheader {color:#444}
.overlay_dialog {background-color: #666666; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6}
.overlay___invisible__ {background-color: #666666; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0}
.dialog_nw {width: 9px; height: 23px; background: transparent url(default/top_left.gif) no-repeat 0 0}
.dialog_n {background: transparent url(default/top_mid.gif) repeat-x 0 0; height: 23px}
.dialog_ne {width: 9px; height: 23px; background: transparent url(default/top_right.gif) no-repeat 0 0}
.dialog_e {width: 2px; background: transparent url(default/center_right.gif) repeat-y 0 0}
.dialog_w {width: 2px; background: transparent url(default/center_left.gif) repeat-y 0 0}
.dialog_sw {width: 9px; height: 19px; background: transparent url(default/bottom_left.gif) no-repeat 0 0}
.dialog_s {background: transparent url(default/bottom_mid.gif) repeat-x 0 0; height: 19px}
.dialog_se {width: 9px; height: 19px; background: transparent url(default/bottom_right.gif) no-repeat 0 0}
.dialog_sizer {width: 9px; height: 19px; background: transparent url(default/sizer.gif) no-repeat 0 0; cursor:se-resize}
.dialog_close {width: 14px; height: 14px; background: transparent url(default/close.gif) no-repeat 0 0; position:absolute; top:5px; left:8px; cursor:pointer; z-index:2000}
.dialog_minimize {width: 14px; height: 15px; background: transparent url(default/minimize.gif) no-repeat 0 0; position:absolute; top:5px; left:28px; cursor:pointer; z-index:2000}
.dialog_maximize {width: 14px; height: 15px; background: transparent url(default/maximize.gif) no-repeat 0 0; position:absolute; top:5px; left:49px; cursor:pointer; z-index:2000}
.dialog_title {float:left; height:14px; font-family: Tahoma, Arial, sans-serif; font-size:12px; text-align:center; width:100%; color:#000}
.dialog_content {overflow:auto; color: #DDD; font-family: Tahoma, Arial, sans-serif; font-size: 10px; background-color:#123}
.top_draggable, .bottom_draggable {cursor:move}
.status_bar {font-size:12px}
.status_bar input{ font-size:12px}
.wired_frame {display: block; position: absolute; border: 1px #000 dashed}
 .dialog {display: block; position: absolute}
.dialog table.table_window {border-collapse: collapse; border-spacing: 0; width: 100%; margin: 0px; padding:0px}
.dialog table.table_window td , .dialog table.table_window th {padding: 0}
.dialog .title_window {-moz-user-select:none}
.overlay_alphacube {background-color: #85BBEF; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6}
.alphacube_nw {background: transparent url(alphacube/left-top.gif) no-repeat 0 0; width:10px; height:25px}
.alphacube_n {background: transparent url(alphacube/top-middle.gif) repeat-x 0 0; height:25px}
.alphacube_ne {background: transparent url(alphacube/right-top.gif) no-repeat 0 0; width:10px; height:25px}
.alphacube_w {background: transparent url(alphacube/frame-left.gif) repeat-y top left; width:7px}
.alphacube_e {background: transparent url(alphacube/frame-right.gif) repeat-y top right; width:7px}
.alphacube_sw {background: transparent url(alphacube/bottom-left-c.gif) no-repeat 0 0; width:7px; height:7px}
.alphacube_s {background: transparent url(alphacube/bottom-middle.gif) repeat-x 0 0; height:7px}
.alphacube_se, .alphacube_sizer {background: transparent url(alphacube/bottom-right-c.gif) no-repeat 0 0; width:7px; height:7px}
.alphacube_sizer {cursor:se-resize}
.alphacube_close {width: 23px; height: 23px; background: transparent url(alphacube/button-close-focus.gif) no-repeat 0 0; position:absolute; top:0px; right:11px; cursor:pointer; z-index:1000}
.alphacube_minimize {width: 23px; height: 23px; background: transparent url(alphacube/button-min-focus.gif) no-repeat 0 0; position:absolute; top:0px; right:55px; cursor:pointer; z-index:1000}
.alphacube_maximize {width: 23px; height: 23px; background: transparent url(alphacube/button-max-focus.gif) no-repeat 0 0; position:absolute; top:0px; right:33px; cursor:pointer; z-index:1000}
.alphacube_title {float:left; height:14px; font-size:14px; text-align:center; margin-top:2px; width:100%; color:#123456}
.alphacube_content {overflow:auto; color: #000; font-family: Tahoma, Arial, sans-serif; font: 12px arial; background:#FDFDFD}
 .alphacube_window {border:1px solid #F00; background: #FFF; padding:20px; margin-left:auto; margin-right:auto; width:400px}
.alphacube_message {font: 12px arial; text-align:center; width:100%; padding-bottom:10px}
.alphacube_buttons {text-align:center; width:100%}
.alphacube_buttons input {width:20%; margin:10px}
.alphacube_progress {float:left; margin:auto; text-align:center; width:100%; height:16px; background: #FFF url('alert/progress.gif') no-repeat center center }
.alphacube_wired_frame {background: #FFF; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6}