/* Common styles */ body { font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; background-color:#f0f0f0; color:#001f58; text-align: center; font-size:12px; padding:0px; margin:0px; line-height: 1.7; } td { font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#001f58; font-size:11px; } img { border-style: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } ol { list-style-type: lower-alpha; } ul { margin: 0 0 0 0px; padding: 0 0 0 0; } label { text-align: left; font-weight: bold; margin: 0px 0px 0px 10px; display: block } input { font-size: 11px; } a { font-weight: bold; text-decoration: none; color: #001F58; } a:hover { text-decoration:underline; } p { padding: 0px 0px 0px 0px; } .float_right { margin: 0px 0px 0px 10px; vertical-align: top; float: right; } .float_left { margin: 0px 0px 0px 0px; vertical-align: top; float: left; } .float_both { float: both; } /* General */ .copy_container { width: 550px; padding: 0px 10px 0px 15px; float: left; } .content_head_blue { font-weight: bold; font-size: 12px; color: #001f55; text-align: left; padding-bottom: 0px; } .login_head { font-weight: bold; font-size: 12px; color: #001f55; text-align: left; padding: 25px 0px 2px 0px; } #content { background: transparent url('../themes/default/images/a_gradient_big2.jpg') center left repeat-x; margin: 15px 0px 0px 0px; padding: 0px 0px 20px 0px; float: right; text-align: justify; } #content_white { margin: 15px 0px 0px 0px; padding: 0px 0px 20px 0px; float: right; text-align: justify; } /* Main Container */ #container { width: 965px; position: relative; background-color: #FFFFFF; } /* Header */ #header { width: 945px; float: right; margin-right: 0px; padding-left: 0px; } #header2 { width: 945px; margin-right: 0px; padding-left: 0px; } /* Main Container - Newsletter Pages */ #n_container { width: 760px; position: relative; background-color: #FFFFFF; } /* Header - Newsletter Pages */ #n_header { width: 760px; float: right; margin-right: 0px; padding-left: 0px; } #n_content { width: 522px; float: left; margin: 0px 0px 0px 10px; padding-left: 0px; } #n_content_wide { width: 700px; float: left; margin: 0px 0px 0px 27px; padding-left: 0px; } #n_right { width: 180px; float: right; margin: 26px 10px 0px 10px; padding-left: 0px; background: #ebebe9; } #n_questions label { display: inline; } /* Footer */ #n_footer { width:760px; background: #f0f0f0; font-size:11px; padding: 10px 0px 10px 0px; clear: both; text-align: center; color: #716f6e; } #n_footer a { text-decoration:none; color: #716f6e; } /* Index Page a */ #a_main { padding: 20px 0px 0px 0px; float: right; text-align: justify; } #a_left { width: 740px; padding: 0px 0px 0px 0px; position: relative; float: left; } #a_right { background: transparent url('../themes/default/images/menu_gradient.jpg') top left repeat-x; float: right; padding: 0px 0px 0px 0px; margin: 0px 10px 0px 0px; width: 215px; height: 288px; } #a_right_inner { /* background: transparent url('../themes/default/images/bl_index.gif') center left no-repeat;*/ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 210px; height: 288px; } /* Top Menu a */ #a_topmenu { font-size: 12px; } #a_topmenu ul { margin: 0; padding: 0px 0px 0px 45px; } #a_topmenu li { text-align: left; line-height: 3; background: transparent url('../themes/default/images/menuarrow.png') center left no-repeat; height: 2px; display: inline; padding-left: 25px; padding-right: 10px; list-style-type: none; } #a_topmenu a { font-weight: bold; text-decoration: none; color: #001F58; } #a_topmenu a:hover { text-decoration:underline; } /* Content a */ #a_content { width: 740px; font-size: 14px; text-align: center; font-weight: bold; line-height: 1.8; padding: 0px 100px 0px 100px; } #a_content a { font-weight: bold; text-decoration: none; color: #001F58; padding: 0px 5px 0px 10px; margin-bottom: 20px; } #a_content a:hover { text-decoration:underline; } /* Login Right a */ #a_login { padding: 35px 10px 0px 15px; margin: 0px 0px 0px 0px; } #a_login form { padding: 0px 0px 0px 0px; margin: 15px 0px 0px 0px; } #a_login input { width: 186px; height: 18px; } #a_login a { font-size: 11px; height: 25px; font-weight: normal; } #a_login label { float: left; width: 120px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #a_login .submit { margin: 4px 0px 8px 34px; padding: 0px 0px 0px 0px; width: 40px; color: #000; font-size: 10px; font-weight: bold; border: 1px outset #d7b9c9 } #a_login_invalid { color: #ee4611; font-size: 12px; font-weight: bold; } /* Services Page b */ #b_main { padding: 20px 0px 0px 0px; float: right; text-align: justify; } #b_middle { background-color: #ffffff; width: 550px; padding: 10px 10px 10px 10px; position: relative; float: left; } #catdisplay { font-size: 11px; line-height: 1.0; font-weight: normal; padding: 0px 0px 0px 12px; margin: 0px 0px 0px 0px; } #b_right { background: transparent url('../themes/default/images/right_gradient.jpg') top left repeat-x; float: right; padding: 0px 0px 0px 0px; margin: 10px 10px 0px 0px; width: 210px; } .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; } #b_right_content { margin: 0px 0px 0px 0px; padding: 5px 5px 0px 8px; width: 215px; } /* Catalyst Page c */ #c_right_content { margin: 0px 0px 0px 0px; padding: 5px 5px 0px 10px; width: 215px; } /* Online Page d */ #d_right_content { border-left: 2px solid #30cef3; margin: 0px 0px 0px 0px; padding: 5px 5px 0px 10px; width: 225px; } /* Newsletters Page e */ #e_right_content { border-left: 2px solid #30cef3; margin: 0px 0px 0px 0px; padding: 5px 5px 0px 10px; width: 225px; height: 1053px; } /* Future Fee Page f */ .f_bullets { float: left; padding: 0px 45px 2px 0px; } .f_bullets li { text-align: left; line-height: 1.5; background: transparent url('../images/home_bullet.gif') no-repeat; background-position: 4px 7px; display: block; padding-left: 18px; list-style-type: none; } table#f_fees { margin: 8px 0px 10px 42px; background-color:#FFFFFF; border: solid #cccccc 1px; width: 450px; } table#f_fees td { font-size: 11px; padding: 5px; border: solid #cccccc 1px; } table#f_fees td.center { text-align: center; } table#f_fees th { font-size: 11px; font-weight: bold; border: solid #cccccc 1px; padding: 5px; text-align: left; } table#f_fees th.center { text-align: center; } table#f_example { margin: 22px 0px 20px 42px; background-color:#FFFFFF; border: solid #cccccc 1px; width: 450px; } table#f_example td { font-size: 11px; padding: 5px; border: solid #cccccc 1px; } table#f_example td.center { text-align: center; } #container_main { width: 945px; background-color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #container_right_index { background: transparent url('../themes/default/images/bl_index.gif') center left no-repeat; float: right; border-bottom: 2px; padding: 0px 0px 0px 0px; width: 225px; height: 678px; } #container_right_body { float: right; width: 225px; border-left: 2px solid #30cef3; border-top: 0px; padding: 0px 10px 0px 10px; } .right_ad { text-align: center; padding: 0px 5px 5px 8px; } /* Footer */ #footer { font-size:11px; padding: 10px 0px 10px 0px; clear: both; text-align: center; color: #716f6e; } #footer a { text-decoration:none; color: #716f6e; } /* Benefits Container */ .benefits_container { width: 530px; padding: 10px 0px 10px 0px; } .benefits_head { color: #001f55; padding: 5px 0px 5px 21px; background: #97e6f9; font-size: 12px; font-weight: bold; } .benefits_bullets { width: 525px; float: left; padding: 7px 0px 0px 0px; } .benefits_bullets li { text-align: justify; line-height: 1.5; background: transparent url('../themes/default/images/bullet.gif') no-repeat; background-position: 0px 2px; display: block; padding-left: 22px; list-style-type: none; } .benefits_newsbullets { width: 505px; float: left; padding: 7px 5px 0px 20px; margin: 7px 5px 0px 20px; } .benefits_newsbullets li { text-align: justify; line-height: 1.5; /* background: transparent url('../themes/default/images/bullet.gif') no-repeat;*/ background-position: 0px 2px; display: block; padding-left: 2px; list-style-type: bullet; } .benefits_copy { text-align: justify; line-height: 1.4; width: 520px; float: left; padding: 7px 0px 0px 0px; } .benefits_copy2 { text-align: justify; line-height: 1.4; font-size:11px; width: 520px; float: left; padding: 0px 0px 18px 0px; } .newsletter_bullets { width: 250px; float: left; padding: 7px 5px 0px 0px; } .newsletter_bullets li { text-align: left; line-height: 1.5; background: transparent url('../themes/default/images/bullet.gif') no-repeat; background-position: 0px 2px; display: block; padding-left: 22px; padding-bottom: 25px; list-style-type: none; } .newsletter_footer { text-align: right; font-size:10px; font-weight: normal; padding: 10px 5px 5px 0px; } TD.FormCaption { background-color:#DDDDDD; padding-left:10px; padding-right:10px; font-weight:bold; font-size:11px; border-right:1px #EBEBE9 solid; } .FormError { background-color:#DDDDDD; color:#FF0000; padding: 5px 10px 0px 10px; font-weight:bold; font-size:11px; } .FormError2 { background-color:#FFFFFF; color:#FF0000; padding: 0px 10px 0px 10px; margin: 0px 10px 20px 10px; font-weight:bold; font-size:11px; } TD.FormValue { background-color:#DDDDDD; font-size:16px; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; } TD.FormValue INPUT, TD.FormValue SELECT { border:1px #EBEBE9 solid; background-color:#F7F8F3; font-family:Tahoma, Verdana, Helvetica; font-size:11px; } TD.FormComment { padding-left:25px; padding-top:25px; padding-bottom:5px; font-weight:bold; font-size:11px; } TD.FormExplain { border:1px solid #DDDDDD; padding-left:10px; padding-top:5px; padding-bottom:5px; font-size:11px; } TD.FormButton { padding:30px; padding-bottom:0; padding-top:5; text-align:center; } TD.fancy { padding:7px; padding-left:0px; padding-right:0px; } A.fancy, A.fancy:hover { padding:2px; padding-left:6px; padding-right:6px; background-color:#FFFFFF; border:1px #EBEBE9 solid; color:#404040; font-weight:bold; } A.fancy2, A.fancy2:hover { padding:2px; padding-left:6px; padding-right:6px; background-color:#FFFFFF; border-left:1px #8CA4DC solid; border-right:1px #8CA4DC solid; color:#14388B; font-weight:bold; } A.fancy:hover { background-color:#EBEBE9; } /* END */ /* Leftcol */ #leftcol { width: 180px; margin: 10px 0px 10px 10px; padding: 10px 0px 10px 10px; background: transparent url('../themes/default/images/menu_gradient.jpg') top left repeat-x; float: left; } #leftcol_menu { font-size: 13px; } #leftcol_menu ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #leftcol_menu li { text-align: left; line-height: 2; background: transparent url('../themes/default/images/menuarrow.png') center left no-repeat; display: block; padding-left: 28px; list-style-type: none; } #leftcol_menu a { font-weight: bold; text-decoration: none; color: #001F58; } #leftcol_menu a:hover { text-decoration:underline; } .leftcol_ads { padding-top:8px; padding-bottom:8px; text-align: left; } #leftcol_login { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #leftcol_login form { padding: 0px 0px 0px 0px; margin: 5px 0px 0px 0px; } #leftcol_login input { width: 150px; height: 18px; } #leftcol_login label { width: 120px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size: 10px; } #leftcol_login a { font-size: 10px; height: 25px; font-weight: bold; } #leftcol_login .submit { margin: 4px 0px 8px 25px; padding: 0px 0px 0px 0px; width: 40px; color: #000; background: #F0ECD6; font-size: 10px; font-weight: bold; border: 1px outset #d7b9c9 } #leftcol_invalid_login { color: #ee4611; font-size: 12px; font-weight: bold; } /* Vote and Report right side panel */ .detail_side_head { padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; text-align: center; font-size:11px; font-weight: bold; } .detail_side_image { padding: 0px 0px 0px 0px; margin: 0px 0px 10px 30px; } /* Main Content Common Items */ #terms_content { margin: 15px 10px 15px 0px; width: 770px; align: center; text-align: justify; } #content_banner { float: left; padding-bottom: 20px; } .content_ad { font-size: 8px; } .content_ad img { margin: 21px 0px 0px 14px; } .content_center_head { font-weight: bold; font-size: 14px; color: #ee4611; text-align: center; padding-bottom: 0px; } .content_head { font-weight: bold; font-size: 12px; color: #ee4611; text-align: left; padding: 0px 0px 8px 0px; } .content_head_big { font-weight: bold; font-size: 18px; color: #ee4611; text-align: left; padding: 0px 0px 0px 0px; } .content_head_blueb { font-weight: bold; font-size: 16px; color: #001f55; text-align: left; padding: 0px 0px 8px 0px; } .content_head_blue { font-weight: bold; font-size: 12px; color: #001f55; text-align: left; padding: 0px 0px 8px 0px; } .content_head_rev { font-weight: bold; font-size: 12px; color: #FFFFFF; text-align: left; padding-bottom: 0px; } .content_centre { font-weight: bold; font-size: 12px; text-align: center; padding-bottom: 0px; } .content_subhead { font-weight: bold; font-size: 12px; text-align: left; padding-bottom: 0px; } .content_copy_container { text-align: justify; width: 770px; } /* Quicktour Container */ .quicktour_container { width: 760px; margin: 0px 0px 0px 0px; padding: 10px 15px 10px 80px; background-color: #ee4611; float: left; } /* Copy Area */ .copy { text-align: justify; line-height: 1.4; width: 520px; float: left; padding: 7px 0px 0px 0px; } .copy_left { text-align: justify; line-height: 1.4; width: 250px; float: left; vertical-align: top; } .copy_right { text-align: left; line-height: 1.4; width: 250px; float: right; } .copy_container_left { width: 240px; float: left; margin: 0px 20px 0px 0px; } .copy_container_right { width: 245px; float: left; } /* Regsitration Page */ .register_container { width: 775px; margin: 0px 0px 0px 0px; padding: 5px 15px 10px 15px; background-color: #ffffff; float: left; } #reg_right { /* background: transparent url('../themes/default/images/right_gradient.jpg') top left repeat-x;*/ float: right; padding: 0px 0px 0px 0px; margin: 10px 10px 0px 0px; width: 160px; } #register_form { padding: 20px 20px 10px 20px; margin: 10px 0px 10px 0px; width: 565px; 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; } #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; color: #001f58; background: #e0e0e0; width: 524px; height: 12px; } .register_sub label { color: #001f58; width: 220px; height: 12px; } .register_sub input { color: #001f58; width: 352px; 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 445px; padding: 0px 0px 0px 0px; color: #000; width: 80px; 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; } textarea { font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#001f58; font-size:11px; font-weight: normal; } .register_fill { height: 1496px; width: 195px; background-color: #f0f0f0; margin: 0px 0px 15px 15px; float: left; } /* Account Service Links */ .reglinks_container { width: 760px; 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: 737px; background: #f0f0f0; } #reglinks_form1 { padding: 20px 20px 10px 20px; margin: 10px 0px 10px 0px; width: 737px; background: #f0f0f0; } #reglinks_form2 { padding: 20px 20px 10px 20px; margin: 10px 0px 10px 0px; width: 737px; 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: 665px; } 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: 300px; 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: 697px; height: 12px; } #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('../themes/default/images/bullet.gif') no-repeat; background-position: 0px 2px; 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; } /* Form error messages */ div.baloon { font-size: 11px; color: #900; position: absolute; padding-left: 5px; background: url('../themes/default/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('../themes/default/images/baloon_right.gif') no-repeat top right; padding: 7px 7px 14px 0; white-space: nowrap; } .required { background-image: url('../themes/default/images/required.gif'); background-position: right; background-repeat: no-repeat; } /* About Us Specific Styles */ .aboutus_container { margin: 0px 0px 0px 0px; width: 770px; } .aboutus_container_left { background: #f0f0f0; margin: 0px 0px 0px 0px; padding: 9px 10px 9px 10px; width: 600px; float: left; } .aboutus_container_right { text-align: center; margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px; width: 140px; float: right; } .aboutus_left { text-align: justify; line-height: 1.45; width: 600px; float: right; vertical-align: top; } .aboutus_name { padding: 20px 0px 20px 0px; font-size: 11px; font-weight: bold; color: #001f58; } .aboutus_name img { margin: 0px 0px 0px 30px; } /* Full Width Copy Area Styles */ .wide_container { margin: 0px 0px 0px 0px; padding: 8px 15px 8px 15px; width: 772px; } .wide_copy { text-align: justify; margin: 5px 0px 12px 0px; line-height: 1.45; width: 770px; vertical-align: top; } .terms_bullets { padding: 7px 5px 0px 0px; } .terms_bullets ol { list-style-type: lower-alpha; } .terms_bullets li { text-align: justify; line-height: 1.5; display: block; padding-left: 18px; } .wide_bullets { padding: 7px 5px 0px 0px; } .wide_bullets li { text-align: left; line-height: 1.5; background: transparent url('../themes/default/images/bullet.gif') no-repeat; background-position: 0px 2px; display: block; padding-left: 18px; list-style-type: none; } /* Submenu Container */ .submenu_container { background: #fdece7; margin: 0px 0px 0px 0px; padding: 12px 0px 0px 12px; width: 240; float: right; } .submenu_head { font-weight: bold; font-size: 12px; color: #ee4611; text-align: left; padding-bottom: 0px; } .submenu_copy_imagel { margin: 0px 14px 0px 75px; float: left; } .submenu_copy_imager { margin: 9px 0px 11px 0px; } .submenu_copy { text-align: left; font-size: 11px; line-height: 1.5; margin: 0px 0px 18px 0px; } .submenu_copy a { font-weight: bold; text-decoration: none; color: #001F58; padding: 0px 5px 0px 0px; margin-bottom: 10px; } .submenu_copy a:hover { text-decoration:underline; } /* Contact Us Specific Styles */ .contactus_container { margin: 0px 0px 0px 0px; width: 770px; } .contactus_container_left { margin: 0px 0px 0px 0px; padding: 5px 10px 5px 10px; width: 240; float: left; } .contactus_container_right { margin: 0px 10px 0px 0px; padding: 5px 10px 5px 10px; width: 240px; float: right; } 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; }