/*--------- Styles.css ---------*/ .red{ color: #953737; } .blue{ color: #002163; } .grey_border{ border: 1px solid #CCCCCC; } .strong{ font-weight: bold; } h1{ color: #002163; font-size: 182%; margin: 0; padding: 0; font-style: italic; } h2{ padding: 0; margin: 0; font-size: 138.5%;; } p{ margin: 0; padding: 0; } div.dotted_line{ border: none; border-bottom: dotted 1px #AAAAAA; width: 350px; margin: 0 auto 0 auto; line-height: 10px; clear: both; } img.left{ float:left; margin-right: 1em; } img.right{ float:right; margin-left: 1em; } img.center{ padding-left: 175px; } img.center2{ padding-left: 225px; } table.simple_table{ width:450px; margin: 0 auto 0 auto; border:1px solid #FFFFFF; } table.simple_table td, th{ border:1px solid #FFFFFF; color: #424242; text-align: left; font-style: normal; padding-left: 10px; } /*table.pricing_table td, th{ border:1px solid #FFFFFF; color: #424242; text-align: left; font-size: 120%; padding-left: 10px; } */ table.simple_table th{ background-color: #C1D1E0; font-weight: bold; } table.simple_table td{ background-color: #E3E3E3; } ul.check_list{ list-style-image: url("images/check_small.png"); margin-top:0; font-size: 116%; line-height:15px; } ul.check_list li{ list-style-image: url("images/check_small.png"); } ul.check_list li a{ color: #000000; } body{ padding: 0; margin: 0; background: url('/images/bkgd_top.png') repeat-x top left; } /*-----------header snippet----------*/ #hd { margin: 0; padding: 0; height: 90px; } #customer_navigation{ padding: 0; margin: 0; float: right; } #customer_navigation ul{ padding: 0; margin: 0; } #customer_navigation ul li{ color: #606060; float: right; list-style-type: none; margin: 0 .3em 0 .3em; } #customer_navigation ul li a{ color: #606060; text-decoration: none; } #customer_navigation ul li a:hover{ color: #404040; text-decoration: underline; } #logo_area{ clear: both; padding: 0; height: 35px; } #hd img.logo{ float:left; margin: 0; } #logo_slogan{ float:left; margin:0 0 14px 8px; } #logo_slogan span{ margin: 0; font-size: 108%; font-weight: 600; color: #555555 } /*-----------main_navigation snippet----------*/ #main_navigation{ padding: 0; margin: 0 0 0 0; float: right; clear: left; width: 550px; } #main_navigation ul{ padding: 0; margin: 0; } #main_navigation ul li{ font-weight: 600; color: #555555; font-size: 108%; float: right; list-style-type: none; margin: 0 0 0 1.2em; padding: 0 10px 0 10px; } #main_navigation ul li a{ text-decoration: none; color: #555555; padding: 5px 10px 2px 0; display: block; outline: none; margin-top: -1px; } #main_navigation ul li a:hover{ color:#002163; } #main_navigation ul li.selected{ background: url("/images/blue_tab_left.png") no-repeat top left; } #main_navigation ul li.selected a{ color: #FFFFFF; background: url("/images/blue_tab_right.png") no-repeat top right; } /*------Demo Production------*/ div.demo_production table tr th{ width: 110px; border: none; vertical-align:top; } /*------Home Page--------*/ /*------Home Top - image & call to action -------*/ #home_top{ margin: 5px 0 0 0; } #home_top div.first{ margin: 5px 0 50px 0; width: 700px; text-align: center; } #home_top div.first img.smiler{ margin: 5px 100px 0 100px; width: 500px; } #home_top div.first p{ text-align: center; margin: 0 auto 0 auto; font-weight: 700; } #home_top div.first p.red{ margin: 0; font-size: 160%; text-align: center; } #home_top div.first a.learn_more{ float:right; margin: 0 40px 0 0; } #home_top div.second{ margin: 5px 0 0 0; width: 220px; } #home_top div.liveadmin{ margin: 0 0 5px 0; } #home_top div.second input{ width: 130px; } #home_top div.second textarea{ width: 200px; } #home_top div.third{ margin: 5px 0 0 0; width: 200px; } #actions img{ margin: 5px auto 0 auto; } div.testimonial{ width: 190px; margin: 10px auto 0 auto; } div.testimonial p.testimonial_body{ font-size: 123.1%; font-style:italic; margin: 0; } div.testimonial p.testimonial_signature{ text-align: right; font-size: 108%; color: #002163; padding: 10px 10px 0 0; } /*------- Home Icons ---------*/ #home_icons{ clear: both; padding-top: 5px; } div.icon_frame{ float: left; margin: 0; width: 115px; /*background: url("/images/icon_frame.png") no-repeat top left;*/ } div.icon_frame p{ width: 100px; margin: 0 auto 10px auto; padding-top: 5px; text-align: center; font-size: 116%; font-weight: bold; } div.icon_frame a img{ display: block; margin: 0 auto 0 auto; padding: 2px 0 2px 0; } /*------------Secondary Navigation -------------*/ #secondary_navigation{ padding: 0; margin: 0; width: 950px; float: left; clear: both; background: url('/images/sec_nav_bkgd.png') repeat-x top left; } #secondary_navigation ul{ padding: 0; margin: 0; } #secondary_navigation ul li{ font-weight: 600; color: #555555; font-size: 100%; float: left; list-style-type: none; margin: 0 1.2em 0 0; padding: 2px 5px 1px 5px; } #secondary_navigation ul li a{ text-decoration: none; color: #555555; padding: 0; display: block; outline: none; } #secondary_navigation ul li a:hover{ color:#002163; } #secondary_navigation ul li.selected{ background-color: #002163; } #secondary_navigation ul li.selected a{ color: #FFFFFF; } #secondary_navigation div.grey_separator{ float: left; clear: both; width: 950px; height: 2px; background-color: #999999; border: 0; margin: 0; padding: 0; } /*------sidebar-----------*/ div.liveadmin{ margin: 15px 0 10px 0; } div.sidebar{ width: 220px; margin: 0 auto 0 auto; background-color: #FFFFFF; } div.sidebar div.top{ width: 220px; text-align: center; background: url('/images/sidebartop.png') repeat-x top left; color: #FFFFFF; padding: 3px 0 3px 0; margin: 15px 0 0 0; } div.sidebar ul{ margin: 10px 13px 5px 26px; } div.sidebar ul li{ list-style-type: none; padding: 0 0 3px 0; } div.sidebar ul li a{ text-decoration: none; color: #000000; } div.sidebar div.bottom{ width: 220px; background: url('/images/sidebarbottom.png') repeat-x top left; padding: 3px 0 3px 0; } /*----------Regular Pages------------*/ #bd div.yui-ge{ clear: both; } #bd div.yui-ge div.yui-u{ margin-top: 10px; } /*----------Information--------------*/ div.information{ width: 650px; margin: 15px auto 0 auto; } div.help{ width: 850px; margin: 15px 0 0 0; } div.pricingpage{ width: 850px; margin: 15px 0 0 0; line-height:15px; } div.information a{ color: #000000; } div.information a.blue{ color: #002163; } div.information ul{ margin-top:0; font-size: 116%; } /*----------Product Page---------------*/ #product_box{ width: 350px; float: left; } #product_box h2{ font-size: 116%; } /*----------Legal---------------*/ div.legal{ width: 650px; margin: 0 auto 0 auto; } div.legal h2{ padding: 0 0 7px 0; } div.legal p{ font-size: 108%; padding: 5px 0 5px 0; } div.legal p a{ color: #000000; } div.legal ul{ margin: 5px 0 5px 26px; } div.legal ul li{ font-size: 108%; } /*----------Screencast-----------------*/ div.screencast{ width: 475px; margin: 0 auto 0 auto; } /*----------Feature Table--------------*/ div.feature_table{ width: 650px; margin: 15px auto 0 auto; clear: both; } div.feature_table table{ width: 650px; border: none; } div.feature_table table th, td{ border: none; } div.feature_table table tr th{ text-align: left; font-size: 108%; width:220px; vertical-align: middle; } div.feature_table table tr.header th{ background: url("/images/table_top.png") repeat-x top left; height: 53px; text-align: center; } div.feature_table table tr th img.left{ padding-right: .5em; margin-top: 8px; } div.feature_table table tr.even{ background-color: #EEEEEE; } /*------FAQ List------*/ div ol.faqlist li{ margin: 10px 0 10px 0; } div ol.faqlist h2{ font-size: 123.1%; } div ol.faqlist h2 a{ color: #002163; } div.faqitem p{ font-size: 108%; } /*------Twitter Update List------*/ #twitter_update_list li{ list-style-type: none; padding-bottom: 10px; } #twitter_update_list li a{ color: #002163; } #twitter_update_list li span a{ font-weight: normal; padding-left: 0; } #twitter_update_list li a{ font-weight: bold; padding-left: 7px; } /*------Demo Production------*/ #demo_production{ font-size: 108%; width: 420px; text-align: center; margin: 0 auto 0 auto; } #demo_production ul{ width: 620px; margin: 0 auto 0 auto; padding: 0; list-style-type: none; } #demo_production ul li{ list-style-type: none; float: left; margin: 0 .5em 20px 1em; } #demo_production ul li a{ color: #002163; font-weight: bold; } #demo_production a{ color: #002163; } /*-----------HELP---------------*/ #help_menu{ float: left; border: 1px solid #002163; border-bottom: none; width: 150px; background: #EAF1FF; margin: 5px 1em 0 0; } #help_menu_header{ width: 140px; border: none; border-bottom: 1px solid #002163; background: #CCCCCC; padding: 3px 0 3px 10px; font-weight: bold; } #help_menu_header a{ color: #000000; text-decoration: none; } ul.help{ list-style-type: none; padding: 0; margin: 0 1em 0 0; } ul.help li{ width: 140px; list-style-type: none; padding: 3px 0 0 10px; border-bottom: 1px solid #002163; } ul.help li a{ text-decoration: none; color: #002163; } ul.help_child{ margin: 0 0 0 1em; } ul.help_child li{ padding: 3px 10px 0 0; border: none; } div.information ul.help_children_index{ font-size: 116%; list-style-type: none; } div.information ul.help_children_index ul.help_children_index{ font-size: 100%; list-style-type: none; } ul.help_children_index li{ list-style-type: none; } ul.help_children_index li a{ color: #002163; } ul.help_children_index li a:visited{ color: #002163; } /*----------Contact----------------*/ fieldset.contact input{ margin-top: 5px; margin-bottom: 5px; } /*----------Error Messages------------*/ div.explanation{ padding: 0 0 20px 15px; width: 690px; text-align: justify; margin: 0 auto 0 auto; font-size: .9em; line-height: 140%; } div.explanation p{ color: #0C3661; } .fieldWithErrors { padding: 2px; background-color: red; display: inline; } #errorExplanation { width: 400px; border: 2px solid red; padding: 7px; padding-bottom: 12px; margin: 0 0 20px 80px; background-color: #f0f0f0; } #errorExplanation h2 { text-align: left; font-weight: bold; padding: 5px 5px 5px 15px; font-size: 12px; margin: -7px; background-color: #c00; color: #fff; } #errorExplanation p { color: #333; margin: 10px 0 0 0; padding: 5px; font-weight: bold; } #errorExplanation ul li { font-size: 12px; list-style: square; } div.error-with-field{ color: #c00; } div.error-with-field input { border-color: #c00 }