/* Common styles */ body { font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; background: url(../images/bg.gif) repeat-x 0 0; text-align: center; color: 666666; font-size:12px; display: block; line-height: 1.7; } td { font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; } ul { margin: 0 0 0 0px; padding: 0 0 0 0; } a { font-weight: bold; text-decoration: none; color: #666666; } a:hover { text-decoration:underline; } img { border-style: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } select { font-size: 11px; } #container { width: 965px; text-align: center; position: relative; background: #FFFFFF url(../images/home_side_gray.gif) top left repeat-x; margin: 0 auto; } #container_footer { width: 965px; margin: 0 auto; text-align: center; position: relative; } #header { width: 925px; position: center; height:68px; margin: 0px 20px 0px 20px; padding: 8px 0px 0px 0px; text-align: left; } #header_logo { margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; text-align: left; float: left; } #header_menu { text-align: right; } /* Banner Menu */ #menu_head { font: 11px; } #menu_head ul { margin: 0 auto; padding: 0px 0px 0px 45px; } #menu_head li { text-align: left; line-height: 3; height: 2px; display: inline; padding-left: 5px; padding-right: 0px; list-style-type: none; } #menu_head a { font-weight: bold; text-decoration: none; } #menu_head a:hover { text-decoration:underline; } /* Main Menu */ #main_menu { width: 925px; position: left; padding: 20px 0px 0px 20px; margin: 0px 0px 0px 0px; text-align: center; } .main_menu { height: 30px; margin: 0; padding: 0; background: #FFFFFF url(../images/menu_bg.gif) top left repeat-x; } .main_menu ul { list-style: none; margin: 0; padding: 0; } .main_menu ul li { float: left; margin: 0; padding: 0; background: transparent url(../images/menu_bg.gif) top left no-repeat; } .main_menu ul li a { display: block; height: 30px; padding-left: 30px; float: left; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; } .main_menu ul li a span.menu_ar { display: block; float: left; height: 30px; padding-top: 5px; padding-right: 30px; background: transparent url(../images/menu_bg.gif) top right no-repeat; cursor: pointer; } .main_menu.gray ul li a:hover, .main_menu.gray ul li.highlight a { background: transparent url(../images/menu_hover.gif) top left no-repeat; } .main_menu.gray ul li a:hover span.menu_ar, .main_menu.gray ul li.highlight a span.menu_ar { background: transparent url(../images/menu_hover.gif) top right no-repeat; } /* Vertical Menu */ .vertical_menu { width: 175px; margin: 0px; padding: 0px; height: 600px; background: transparent url(../images/right_bg.gif) top left repeat-x; display: block; float: left; } .vertical_menu ul { display: block; list-style: none; margin: 0; padding: 0; } .vertical_menu ul li { display: block; float: left; height: 38px; width: 175px; margin: 0; padding: 0; color: #FFFFFF; background: transparent url(../images/side_menu_bg.gif) top left repeat-x; } .vertical_menu ul li a { display: block; margin: 0; height: 38px; vertical-align: middle; padding-left: 8px; padding-bottom: 8px; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; background: transparent url(../images/side_menu_bg.gif) top left no-repeat; } .vertical_menu ul li a span.menu_ar { display: block; margin: 0; height: 30px; vertical-align: middle; padding-top: 8px; padding-right: 7px; background: transparent url(../images/side_menu_bg.gif) top right no-repeat; color: #000000; cursor: pointer; } .vertical_menu.blue ul li a:hover, .vertical_menu.blue ul li.highlight a { background: transparent url(../images/side_menu_hover.gif) top left no-repeat; color: #FFFFFF; } .vertical_menu.blue ul li a:hover span.menu_ar, .vertical_menu.blue ul li.highlight a span.menu_ar { background: transparent url(../images/side_menu_hover.gif) top right no-repeat; color: #FFFFFF; } /* Home Page */ .home_container_home { width: 925px; position: left; height:220px; padding: 0px 0px 0px 0px; background: #FFFFFF; margin: 0px 0px 0px 0px; text-align: left; } .home_container { width: 925px; height:690px; position: left; padding: 0px 0px 0px 0px; margin: 10px 20px 0px 20px; background: #FFFFFF; text-align: left; } .home_share { width: 592px; height: 296px; text-align: left; background: #FFFFFF url(../images/share_your_knowledge_background.jpg) top left; float: left; padding: 0px 0px 0px 0px; margin: 0px 17px 0px 0px; } .home_examples { width: 316px; height: 296px; text-align: left; background: #FFFFFF url(../images/examples_background.jpg) top left; float: left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } .home_why1 { width: 452px; height: 384px; text-align: left; background: #FFFFFF url(../images/why_its_good_background.jpg) top left; float: left; padding: 0px 0px 0px 0px; margin: 15px 21px 0px 0px; } .home_why2 { width: 452px; height: 384px; text-align: left; background: #FFFFFF url(../images/why_its_good_background.jpg) top left; float: left; padding: 0px 0px 0px 0px; margin: 15px 0px 0px 0px; } .home_h1 { padding: 8px 10px 0px 20px; font-size: 24px; line-height: 1.2; font-weight: normal; color: #ff6600; } .home_h2 { padding: 17px 10px 0px 40px; font-size: 20px; line-height: 1.2; font-weight: normal; color: #ffffff; } .home_h3 { margin: 20px 20px 20px 20px; padding: 10px 10px 10px 10px; font-size: 14px; line-height: 1.0; font-weight: normal; background: #2070c0; color: #ffffff; } .home_t1 { padding: 10px 10px 0px 20px; font-size: 12px; line-height: 1.2; font-weight: normal; color: #000000; } .home_t2 { padding: 10px 10px 10px 20px; font-size: 12px; line-height: 1.2; font-weight: normal; color: #2070c0; } .home_t3 { padding: 0px 0px 0px 0px; float:left; line-height: 1.2; font-size: 11px; text-align: left; } .home_t4 { padding: 2px 0px 0px 38px; float:left; line-height: 1.2; font-size: 13px; text-align: left; font-weight: bold; color: #2070c0; } .home_t4 a { text-decoration: none; font-weight: bold; color: #2070c0; } .home_t4 a:hover { text-decoration: underline; } .home_t5 { padding: 85px 0px 0px 38px; float:left; line-height: 1.2; font-size: 15px; text-align: left; font-weight: bold; color: #ffffff; } .home_t5 a { text-decoration: none; font-weight: bold; color: #ffffff; } .home_t5 a:hover { text-decoration: underline; } .home_t6 { padding: 32px 0px 0px 38px; float:left; line-height: 1.2; font-size: 15px; text-align: left; font-weight: bold; color: #ffffff; } .home_t6 a { text-decoration: none; font-weight: bold; color: #ffffff; } .home_t6 a:hover { text-decoration: underline; } .home_message { width: 410px; height: 210px; text-align: left; background: #FFFFFF url(../images/home_side_gray.gif) top left repeat-x; float: left; padding: 10px 10px 0px 20px; margin: 0px 10px 0px 10px; } .home_image { width: 965px; height: 200px; margin: 0px 10px 0px 10px; } .home_head { padding: 0px 0px 10px 0px; font-size: 18px; line-height: 1.2; font-weight: bold; color: #336699; } .home_text { font-size: 12px; font-weight: normal; padding: 0px 0px 8px 0px; } .home_heading { font-size: 18px; font-weight: bold; color: #2060a0; text-align: center; padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px; } .home_text_more { font-size: 12px; font-weight: bold; text-align: left; color:#fd6500; padding: 10px 20px 8px 17px; } .home_text_more a { text-decoration: none; font-weight: bold; color: #fd6500; } .home_text_more a:hover { text-decoration: underline; } .home_bullets { padding: 0px 0px 0px 0px; } .home_bullets li { text-align: left; line-height: 1.5; background: transparent url('../images/home_bullet.gif') no-repeat; background-position: 2px 8px; display: block; padding-left: 18px; list-style-type: none; } .home_blue_box { padding: 10px 10px 10px 20px; margin: 10px 10px 0px 20px; text-align: center; line-height: 1.2; height: 16px; width: 402px; background: #2060a0; font-size: 13px; font-weight: normal; color: #FFFFFF; float: left; } .home_blue_box a { font-weight: bold; text-decoration: none; color: #FFFFFF; } .home_blue_box a:hover { text-decoration: underline; } .home_orange_box { padding: 10px 10px 10px 20px; margin: 10px 20px 0px 10px; text-align: center; line-height: 1.2; height: 16px; width: 402px; background: #fd6500; font-size: 13px; font-weight: normal; color: #FFFFFF; float: left; } .home_orange_box a { font-weight: bold; text-decoration: none; color: #FFFFFF; } .home_orange_box a:hover { text-decoration: underline; } .home_graph_container { width: 925px; height:250px; position: left; background: #FFFFFF url(../images/home_side_gray_2.gif) top left repeat-x; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-align: left; } .home_graph { width: 297px; height: 180px; text-align: left; background: #FFFFFF url(../images/home_side_gray_2.gif) top left repeat-x; float: left; padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px; } .home_graph_thumbs { width: 320px; height: 180px; position: left; background: #FFFFFF url(../images/home_thumb_bg.gif) top left repeat-x; margin: 10px 0px 10px 1px; padding: 0px 0px 0px 8px; float: left; font-size:13px; font-weight: bold; text-align: center; } .home_graph_thumbs_img { float:left; padding: 12px 8px 0px 8px; } .home_graph_thumbs_text { float:left; width: 75px; line-height: 1.2; font-size: 9px; text-align: center; padding: 5px 16px 0px 12px; margin: 0px 0px 0px 0px; } .home_graph_text { width: 905px; position: left; font-weight:normal; padding: 0px 30px 22px 10px; text-align: left; } /* Content Page A */ #page_a_container { width: 925px; height: 100px; position: left; padding: 10px 0px 0px 0px; margin: 0px 0px 0px 0px; background: #FFFFFF url(../images/home_side_gray.gif) bottom left repeat-x; text-align: left; } .page_a_middle { width: 550; position: left; padding: 0px 0px 20px 15px; margin: 0px 0px 0px 0px; text-align: left; float: left; } .page_a_wide { width: 702; position: left; padding: 0px 10px 20px 15px; background: #FFFFFF margin: 0px 0px 0px 0px; text-align: left; float: left; } .page_a_right { width: 170px; position: left; padding: 0px 0px 0px 0px; background: #FFFFFF margin: 0px 20px 0px 0px; float:right; text-align: left; } .page_a_right_panel { width: 154px; position: left; font-size: 10px; font-weight: bold; height: 600px; background: transparent url(../images/right_bg.gif) top left repeat-x; padding: 5px 8px 15px 8px; margin: 5px 0px 0px 0px; text-align: center; } .page_a_head { font-size: 14px; font-weight: bold; padding: 7px 0px 3px 0px; color: #2060a0; text-align: left; } .page_a_head_orange { font-size: 18px; font-weight: bold; padding: 7px 0px 3px 0px; color: #fd6500; text-align: left; } .page_a_head_right { font-size: 14px; font-weight: bold; padding: 7px 0px 3px 0px; color: #2060a0; text-align: center; } .page_a_error { font-size: 12px; font-weight: bold; padding: 7px 7px 3px 125px; color: #fe6500; text-align: left; } .page_a_text { font-size: 12px; font-weight: normal; text-align: justify; } .page_a_text_small { font-size: 11px; font-weight: normal; text-align: justify; } .page_a_bullets { font-size: 12px; font-weight: normal; padding: 0px 0px 8px 0px; } .page_a_bullets { padding: 0px 0px 0px 0px; } .page_a_bullets li { text-align: left; line-height: 1.5; background: transparent url('../images/home_bullet.gif') no-repeat; background-position: 2px 7px; display: block; text-align: justify; padding-left: 18px; list-style-type: none; } .page_a_free { margin: 10px 0px 10px 0px; padding: 4px 4px 4px 4px; text-align: center; height: 60px; width: 162px; background: #2060a0; font-size: 12px; font-weight: bold; color: #FFFFFF; } .page_a_free a { font-size-14px; color: #FFFFFF; } .page_a_try { margin: 0px 0px 0px 0px; padding: 4px 4px 4px 4px; text-align: center; height: 60px; width: 162px; background: #fd6500; font-size: 12px; font-weight: bold; color: #FFFFFF; } .page_a_try a { font-size-14px; color: #FFFFFF; } .page_a_alpha { padding: 7px 0px 0px 0px; } .page_a_alpha ol { list-style-type: lower-alpha; } .page_a_alpha li { text-align: justify; line-height: 1.5; display: block; padding-left: 10px; } /* Pricing Table */ table#pricing { margin: 8px 0px 10px 0px; background-color:#FFFFFF; border: solid #cccccc 1px; width: 543px; } table#pricing td { font-size: 11px; padding: 10px 5px 10px 5px; text-align: center; border: solid #cccccc 1px; } table#pricing td.bold { color: #ff6600; font-size: 12px; font-weight: bold; } table#pricing th { font-size: 11px; font-weight: bold; border: solid #cccccc 1px; padding: 5px; text-align: center; } /* Search Box */ #search { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 45px; color: #FFFFFF; font-weight: bold; } #search form { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #search label { float: left; color: #000000; width: 50px; font-weight: bold; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #search input { color: #001f58; width: 145px; height: 17px; font-size: 11px; } #search .submit { margin: 0px 3px 0px 5px; padding: 0px 0px 0px 0px; width: 27px; color: #000; background: #F0ECD6; font-size: 10px; font-weight: bold; border: 1px outset #d7b9c9 } #search_li { height: 10px; margin: 0px 0px 0px 0px; } /* Registration Form */ #register_form { padding: 20px 20px 10px 20px; margin: 10px 0px 10px 0px; width: 510px; background: #f0f0f0; } #register_form form { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #register_form label { float: left; width: 120px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #register_form input { color: #001f58; height: 18px; font-size: 11px; } #register_radio { padding: 20px 20px 20px 20px; color: #001f58; background: #e0e0e0; width: 474px; height: 16px; } #register_radio label { color: #001f58; width: 220px; height: 16px; } #register_radio input { color: #001f58; background: #e0e0e0; width: 20px; height: 16px; } .register_sub { padding: 20px 20px 20px 20px; margin: 0px 0px 0px 0px; color: #001f58; background: #e0e0e0; width: 469px; } .register_sub label { color: #001f58; width: 220px; height: 12px; } .register_sub input { color: #001f58; width: 327px; height: 18px; } .buttonclass { padding: 0px 0px 0px 0px; width: 40px; color: #000; background: #F0ECD6; font-size: 10px; font-weight: bold; border: 1px outset #d7b9c9 } #register_form .submit { margin: 10px 0px 8px 400px; padding: 0px 0px 0px 0px; color: #000; width: 100px; background: #F0ECD6; font-size: 10px; font-weight: bold; border: 1px outset #d7b9c9 } #reglinks_form2 .submit { margin: 10px 0px 8px 530px; padding: 0px 0px 0px 0px; color: #000; width: 100px; background: #F0ECD6; font-size: 10px; font-weight: bold; border: 1px outset #d7b9c9 } #register_copy { font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#001f58; font-size:11px; font-weight: normal; width: 300px; } /* Form error messages */ div.baloon { font-size: 11px; color: #900; position: absolute; padding-left: 5px; background: url('../images/baloon.gif') no-repeat top left; z-index: 1; } div.baloon a { color: blue; text-decoration: none; padding: 2px; margin-right: 2px; } div.baloon a:hover { background-color: #EEEEFF; } div.baloon div { background: url('../images/baloon_right.gif') no-repeat top right; padding: 7px 7px 14px 0; white-space: nowrap; } .required { background-image: url('../images/required.gif'); background-position: right; background-repeat: no-repeat; } /* Account Service Links */ .reglinks_container { width: 742px; margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px; background-color: #ffffff; float: left; } #reglinks_form { padding: 20px 20px 10px 20px; margin: 10px 0px 10px 0px; width: 695px; background: #f0f0f0; } #reglinks_form1 { padding: 20px 20px 10px 20px; margin: 10px 0px 10px 0px; width: 695px; background: #f0f0f0; } #reglinks_form2 { padding: 20px 20px 10px 20px; margin: 10px 0px 10px 0px; width: 695px; background: #f0f0f0; } #reglinks_form form { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #reglinks_form label { float: left; width: 120px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } table#adverts { margin: 10px 0px 0px 0px; background-color:#FFFFFF; border: solid #cccccc 1px; width: 645px; } table#adverts td { font-size: 11px; padding: 5px; border: solid #cccccc 1px; } table#adverts td.center { text-align: center; } table#adverts th { font-size: 11px; font-weight: bold; border: solid #cccccc 1px; padding: 5px; text-align: left; } table#adverts th.center { text-align: center; } #reglinks_form input { color: #001f58; width: 200px; height: 18px; } #reglinks_form .submit { margin: 0px 0px 12px 352px; padding: 0px 0px 0px 0px; color: #000; width: 70px; background: #F0ECD6; font-size: 10px; font-weight: bold; border: 1px outset #d7b9c9 } .reglinks_sub { padding: 20px 20px 20px 20px; color: #001f58; background: #e0e0e0; width: 653px; } #charsleft input { color: #001f58; background: #e0e0e0; width: 26px; height: 18px; } #charsleft2 input { margin: 0px 0px 0px 124px; color: #001f58; background: #e0e0e0; width: 26px; height: 18px; } #charsleft3 { margin: 0px 0px 0px 124px; color: #001f58; } .reglinks_bullets { padding: 7px 5px 0px 0px; } .reglinks_bullets li { text-align: justify; line-height: 1.5; background: transparent url('../images/home_bullet.gif') no-repeat; background-position: 0px 7px; display: block; padding-left: 18px; list-style-type: none; } #reglinks_copy { font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#001f58; font-size:16px; font-weight: normal; } table#links { margin: 20px; background-color:#FFFFFF; border: solid #cccccc 1px; width: 500px; } table#links td { font-size: 11px; padding: 5px; border: solid #cccccc 1px; } table#links td.right { text-align: right; } table#links th { font-size: 11px; font-weight: bold; border: solid #cccccc 1px; padding: 5px; text-align: left; } table#links th.right { text-align: right; } /* Usage Report Table */ table#usage { margin: 10px 0px 10px 0px; background-color:#FFFFFF; border: solid #cccccc 1px; width: 643px; } table#usage td { font-size: 11px; padding: 5px; border: solid #cccccc 1px; } table#usage td.right { text-align: right; } table#usage td.center { text-align: center; } table#usage th { font-size: 11px; font-weight: bold; border: solid #cccccc 1px; padding: 5px; text-align: left; } table#usage th.right { text-align: right; } table#usage th.center { text-align: center; } /* Newsletter Demographics Table */ table#newsletters { margin: 10px 0px 10px 0px; background-color:#FFFFFF; border: solid #cccccc 1px; width: 545px; } table#newsletters td { font-size: 11px; padding: 5px; border: solid #cccccc 1px; } table#newsletters td.right { text-align: right; } table#newsletters td.center { text-align: center; } table#newsletters th { font-size: 11px; font-weight: bold; border: solid #cccccc 1px; padding: 5px; text-align: left; } table#newsletters th.right { text-align: right; } table#newsletters th.center { text-align: center; } .b_middle_left { text-align: justify; line-height: 1.4; width: 250px; float: left; vertical-align: top; } .b_middle_right { text-align: left; line-height: 1.4; width: 250px; float: right; } /* Footer */ #footer { width: 925px; padding: 10px 20px 10px 20px; margin: 0 auto; float: left; background: #FFFFFF url(../images/footer_gray.gif) top left repeat-x; font-size: 9px; font-weight: normal; text-align: right; text-decoration: none; } #footer a { font-weight: normal; text-decoration: none; } #footer a:hover { text-decoration:underline; } #footer_text { float: left; text-align: left; padding: 3px 0px 0px 0px; } #footer image { padding: 20px 0px 0px 20px; }