/* * ---------------------------------------------------------------------------- * General Styles */ .clear_both { clear: both; } #centerColumn h1, #centerColumn h2, #centerColumn h3, #twoColcenterColumn h1, #twoColcenterColumn h2, #twoColcenterColumn h3 { margin-top: 0; } #centerColumn h1, #twoColcenterColumn h1 { font-size: 20px; } #centerColumn h2, #twoColcenterColumn h2 { font-size: 15px; } #centerColumn h3, #twoColcenterColumn h3 { font-size: 14px; } #centerColumn p, #twoColcenterColumn p { margin: 0 0 1.5em 0; padding: 0; } /* * ---------------------------------------------------------------------------- * You are free to modify and use this CSS layout in accordance with the * Creative Commons 3.0 licence (see links to details of the license below) as * long as you include this comment, the link to the license, and it's * attribution. * * This CSS layout is licensed under the Creative Commons 3.0 licence. * Abstract: http://creativecommons.org/licenses/by/3.0/us/ * Full License: http://creativecommons.org/licenses/by/3.0/us/legalcode * * By: Ryan Chapin, Nuts & Bolts Interactive, Inc. http://nbinteractive.com * Version: 1.0 * Date: 2008-03-24 * * If you'd like to contact Ryan with questions or comments, please go to: * http://nbinteractive.com/contactryan.html * ---------------------------------------------------------------------------- */ /* ============================================================================ */ /* 3 Colun Layout Styles */ body { /* * If you want to have a stripe for the left side bar and the center column * uncomment this background specification and add your image here background: #edeff8 url(sidebar.left.bg.gif) top left repeat-y; */ margin: 0; padding: 0; /* IE 6.0 Addition */ height: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; } /* IE requires the position to be absolute otherwise the div will render below */ /* the mainContainer div on the page and not under it in the z axis */ #bg { position: absolute; /* background: url( art/right.sidebar.bg.gif) top right repeat-y; */ background-image: url( ../art/right.sidebar.bg.gif ); background-position: top right; background-repeat: repeat-y; top: 0; left: 0; width: 100%; height: 100%; min-width: 960px; /* IE 6.0 requires the -1 z-index so that the bg will render behind the scroll bar */ z-index: -1; } body > #bg { position: relative; z-index: 1; } #mainContainer { position: relative; min-width: 960px; top: 0; left: 0; z-index: 2; } #header { background-image: url( ../art/header.bg.jpg ); background-position: top left; background-repeat: repeat-x; } #logoBar { height: 82px; background-image: url( ../art/logo.bg.jpg ); background-position: top left; background-repeat: no-repeat; margin: 0; padding: 0; } #logoBar #accountStripContainer { float: left; width: 100%; } #logoBar #accountStrip { margin-left: 550px; /* * Naitive height 82px */ height: 82px; padding: 0 10px 0 0; text-align: right; color: #8bb996; font-size: 11px; line-height: 12px; } #accountStrip p { } #accountStrip p strong { color: #ffffff; } #accountStrip .fv_account_strip_global div.horiz ul.fv_std_list { float: right; margin-top: 13px; } #accountStrip .fv_account_strip_global div.horiz ul.fv_std_list li.fv_std_item { border-right: #7fb38c 1px solid; } #accountStrip .fv_account_strip_global div.horiz ul.fv_std_list li.lastItem { border: none; padding-right: 0; } #accountStrip .fv_account_strip_global div.horiz ul.fv_std_list li a, #accountStrip .fv_account_strip_global div.horiz ul.fv_std_list li a:visited { color: #ffffff; text-decoration: none; font-weight: bold; } #logoBar #logo { float: left; width: 550px; height: 82px; margin-left: -100%; } #logoBar #logo a.logo { display: block; width: 400px; height: 31px; top: 10px; left: 9px; position: relative; outline: none; } #logoBar #logo a.byDTLink { display: block; width: 94px; height: 30px; top: 13px; left: 9px; position: relative; outline: none; } #topNav { height: 32px; background-image: url( ../art/topnav.bg.gif ); background-position: top right; background-repeat: repeat-x; padding: 0 0 0 20px; } #topNav .fv_std_list { margin: 0; padding: 0; } #topNav .fv_std_list_horiz ul.fv_std_list li a, #topNav .fv_std_list_horiz ul.fv_std_list li a:visited { line-height: 32px; text-decoration: none; color: #000000; font-size: 12px; font-weight: bold; outline: none; padding: 0 10px 0 0; margin: 0; } #topNav .fv_std_list_horiz ul.fv_std_list li a:hover { text-decoration: underline; color: #266635; } #centerRightColumnContainer { margin: 0; padding: 0; float: left; width: 100%; } #centerRightColumnPositioner { margin-left: 215px; /* To fit the left side bar. was 215. see below. */ padding: 0; } #sideBarLeft { float: left; /* * Total width: 215px - padding */ width: 175px; margin-left: -100%; padding: 20px; } #centerColumnContainer { float: left; width: 100%; } #centerColumn { margin-right: 200px; padding: 20px 20px 20px 0; } #sideBarRight { float: left; /* * Total width: 200px - padding */ width: 200px; margin-left: -200px; padding: 35px 0 10px 0; background-image: url( ../art/right.side.bar.bg.jpg ); background-position: top right; background-repeat: no-repeat; /* * the height is specified so that when there is no content in the sidebar * that the background image is still rendered */ height: 100px; overflow: visible; } /* ------------------------------------ * navtree */ #sideNav { width: 175px; border-top: #a9c9ac 1px solid; border-left: #a9c9ac 1px solid; border-right: #a9c9ac 1px solid; } #sideNav ul.fv_nav_treelist { margin: 0; padding: 0; } #sideNav ul.fv_nav_treelist li.fv_nav_treeitem { margin: 0; padding: 0; list-style-type: none; height: 1%; } #sideNav ul.fv_nav_treelist li.fv_nav_treeitem a, #sideNav ul.fv_nav_treelist li.fv_nav_treeitem a:visited { display: block; width: inherit; height: 1%; background-color: #f4f8f4; border-bottom: #a9c9ac 1px solid; text-decoration: none; font-size: 12px; line-height: 16px; color: #266635; padding: 2px 5px; } #sideNav ul.fv_nav_treelist li.fv_nav_treeitem a:hover, #sideNav ul.fv_nav_treelist li.fv_nav_treeitem a.selected:hover, #sideNav ul.fv_nav_treelist li.fv_nav_treeitem ul.fv_nav_treelist li.fv_nav_treeitem a:hover, #sideNav ul.fv_nav_treelist li.fv_nav_treeitem ul.fv_nav_treelist li.fv_nav_treeitem a.selected:hover, #sideNav ul.fv_nav_treelist li.fv_nav_treeitem ul.fv_nav_treelist li.fv_nav_treeitem ul.fv_nav_treelist li.fv_nav_treeitem a:hover, #sideNav ul.fv_nav_treelist li.fv_nav_treeitem ul.fv_nav_treelist li.fv_nav_treeitem ul.fv_nav_treelist li.fv_nav_treeitem a.selected:hover, #sideNav ul.fv_nav_treelist li.fv_nav_treeitem ul.fv_nav_treelist li.fv_nav_treeitem ul.fv_nav_treelist li.fv_nav_treeitem ul.fv_nav_treelist li.fv_nav_treeitem a:hover, #sideNav ul.fv_nav_treelist li.fv_nav_treeitem ul.fv_nav_treelist li.fv_nav_treeitem ul.fv_nav_treelist li.fv_nav_treeitem ul.fv_nav_treelist li.fv_nav_treeitem a.selected:hover { background-color: #266635; color: #ffffff; } #sideNav ul.fv_nav_treelist li.fv_nav_treeitem a.selected, #sideNav ul.fv_nav_treelist li.fv_nav_treeitem ul.fv_nav_treelist li.fv_nav_treeitem a.selected, #sideNav ul.fv_nav_treelist li.fv_nav_treeitem ul.fv_nav_treelist li.fv_nav_treeitem ul.fv_nav_treelist li.fv_nav_treeitem a.selected { background-color: #e2ecde; } #sideNav ul.fv_nav_treelist li.fv_nav_treeitem ul.fv_nav_treelist li.fv_nav_treeitem a { padding: 2px 5px 2px 15px; } #sideNav ul.fv_nav_treelist li.fv_nav_treeitem ul.fv_nav_treelist li.fv_nav_treeitem ul.fv_nav_treelist li.fv_nav_treeitem a { padding: 2px 5px 2px 25px; } #sideNav ul.fv_nav_treelist li.fv_nav_treeitem ul.fv_nav_treelist li.fv_nav_treeitem ul.fv_nav_treelist li.fv_nav_treeitem ul.fv_nav_treelist li.fv_nav_treeitem a { padding: 2px 5px 2px 35px; } /* * ---------------------------------------------------------------------------- * Page Title and Feature buttons for all sub pages */ #titleFeatureWrapper { margin: 0 0 10px 0; padding: 0; } #titleContainer { float: left; width: 100%; } #title { margin-right: 360px; padding: 0; } #feature { float: left; width: 360px; margin-left: -360px; text-align: right; } /* * ============================================================================ * Footer Styles */ #footer { margin-top: 50px; text-align: center; } #footer #copyright { font-size: 11px; } #footer #copyright .copyright_start_year div { display: inline; } #footer #copyright .copyright_start_year div.item_end { display: none; clear: none; } #footer #siteby { font-size: 10px; color: #2e7fc1; } #footer #siteby a, #footer #sideby a:visited { color: #2e7fc1; } #footer #footer_nav { margin-bottom: 20px; } #footer #footer_nav .fv_std_list_horiz ul.fv_std_list { margin: 0; padding: 0; text-align: center; } #footer #footer_nav .fv_std_list_horiz ul.fv_std_list li.fv_std_item, #footer #footer_nav .fv_std_list_horiz ul.fv_std_list li.fv_firstItem, #footer #footer_nav .fv_std_list_horiz ul.fv_std_list li.fv_lastItem { border-right: #000000 1px solid; width: auto; float: none; display: inline; /* * Non IE browsers render spurious 5px left margin * this is removed for the IE browsers in the ie6 and 7 specific stylesheet */ margin-left: -5px; padding: 0 10px; } #footer #footer_nav .fv_std_list_horiz ul.fv_std_list li.fv_std_item .item_end, #footer #footer_nav .fv_std_list_horiz ul.fv_std_list li.fv_firstItem .item_end, #footer #footer_nav .fv_std_list_horiz ul.fv_std_list li.fv_lastItem .item_end { display: none; clear: none; } #footer #footer_nav .fv_std_list_horiz ul.fv_std_list li.fv_std_item a, #footer #footer_nav .fv_std_list_horiz ul.fv_std_list li.fv_std_item a:visited, #footer #footer_nav .fv_std_list_horiz ul.fv_std_list li.fv_firstItem a, #footer #footer_nav .fv_std_list_horiz ul.fv_std_list li.fv_firstItem a:visited, #footer #footer_nav .fv_std_list_horiz ul.fv_std_list li.fv_lastItem a, #footer #footer_nav .fv_std_list_horiz ul.fv_std_list li.fv_lastItem a:visited { font-size: 12px; font-weight: bold; outline: none; color: #296d38; } #footer #footer_nav .fv_std_list_horiz ul.fv_std_list li.fv_std_item a:hover, #footer #footer_nav .fv_std_list_horiz ul.fv_std_list li.fv_firstItem a:hover, #footer #footer_nav .fv_std_list_horiz ul.fv_std_list li.fv_lastItem a:hover { text-decoration: none; color: #000000; } #footer #footer_nav .fv_std_list_horiz ul.fv_std_list li.fv_lastItem { border-right: none; } /* * ============================================================================ * Bottom Navigation */ #bottom_nav { /* * Because this element is rendered below the content area, it must contain * some sort of specified height otherwise IE 6 and IE 7 will not render the * background image in the preceeding div */ height: 1%; padding: 0 0 10px 0; margin: 0; background-color: #ffffff; } #bottom_nav .fv_std_list_horiz ul.fv_std_list { margin: 0; padding: 0; text-align: center; } #bottom_nav .fv_std_list_horiz ul.fv_std_list li { margin: 0; padding: 0 8px; } #bottom_nav .fv_std_list_horiz ul.fv_std_list li a, #bottom_nav .fv_std_list_horiz ul.fv_std_list li a:visited { font-size: 11px; } /* * ============================================================================ * 2 Column Layout Styles */ body.twoCol { /* * add a background image here if you want to layer one under the background * image below */ margin: 0; padding: 0; /* * IE 6.0 Addition */ height: 100%; } /* * IE requires the position to be absolute otherwise the div will render below * the mainContainer div on the page and not under it in the z axis */ #twoColbg { position: absolute; background-image: url( ../art/right.sidebar.bg.gif ); background-position: top right; background-repeat: repeat-y; top: 0; left: 0; width: 100%; height: 100%; min-width: 960px; /* * IE 6.0 requires the -1 z-index so that the bg will render behind the scroll bar */ z-index: -1; } body.twoCol > #twoColbg { position: relative; z-index: 1; } #twoColmainContainer { position: relative; min-width: 960px; top: 0; left: 0; z-index: 2; } #twoColcenterRightColumnContainer { margin: 0; padding: 0; float: left; width: 100%; } #twoColcenterRightColumnPositioner { margin: 0; padding: 0; } #twoColcenterColumnContainer { float: left; width: 100%; } #twoColcenterColumn { margin-right: 200px; padding: 20px; } #twoColsideBar { float: left; /* * Total width: 200px - padding */ width: 200px; margin-left: -200px; padding: 35px 0 10px 0; background-image: url( ../art/right.side.bar.bg.jpg ); background-position: top right; background-repeat: no-repeat; /* * the height is specified so that when there is no content in the sidebar * that the background image is still rendered */ height: 100px; overflow: visible; } /* * ============================================================================ * Home Page Specific Styles */ .homeWrapper { width: 698px; margin: 0 auto; } .homeFeature { float: right; width: 360px; margin: 0 0 20px 20px; } .homeFeature img.freeDownload, #feature img.freeDownload { float: left; } .homeFeature img.moreInfo, #feature img.moreInfo { float: right; } .homeFeature .screenshot { margin: 20px 0 0 0; } #homeButtons { margin: 10px 0 20px 0; } #homeButtons ul { margin: 0 auto; padding: 0; text-align: center; } #homeButtons ul li { margin: 0; padding: 0; list-style-type: none; display: inline } #homeButtons ul li div.fv_std_list { display: inline; } #homeButtons ul li.freeDownload, #homeButtons ul li.moreInfo { background-position: top left; background-repeat: no-repeat; padding: 0 0 5px 0; } #homeButtons ul li.freeDownload { background-image: url( ../art/Download_Button_1.gif ); margin-right: 5px; } #homeButtons ul li.moreInfo { background-image: url( ../art/Question_Button_1.gif ); margin-left: 5px; } #homeButtons ul li a, #homeButtons ul li a:visited { line-height: 30px; padding-left: 25px; color: #000000; text-decoration: none; font-weight: bold; outline: none; } #homeButtons ul li a:hover { text-decoration: underline; } #homeWhatsNew { /* * Native width 720px * width below if native - padding - borders */ width: 698px; padding: 10px; background-color: #d9e7d5; border: #276c37 1px solid; margin: 0 auto; } #homeAd { /* * Native width 748px * width below if native - padding */ width: 728px; padding: 10px; margin: 0 auto; } /* * ---------------------------------------------------------------------------- * Three column audience list */ #homeAudiences .fv_std_list_plain ul.fv_std_list { margin: 20px auto 0 auto; padding: 0; width: 720px; } #homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_std_item, #homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_firstItem, #homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_lastItem { list-style-type: none; /* * The width is the total of the container 720, - the aggregate width of the borders 6, * divided by three */ width: 232px; height: 340px; margin: 0 9px; background-image: url( ../art/home.audience.bg.jpg ); background-position: bottom left; background-repeat: repeat-x; border: #276c37 1px solid; float: left; position: relative; font-size: 12px; } #homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_firstItem, #homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_lastItem { margin: 0; } #homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_std_item img.fv_image, #homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_firstItem img.fv_image, #homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_lastItem img.fv_image { float: left; } #homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_std_item img.fv_image, #homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_std_item .fv_body, #homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_firstItem img.fv_image, #homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_firstItem .fv_body, #homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_lastItem img.fv_image, #homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_lastItem .fv_body { margin: 50px 0 0 0; } #homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_std_item img.fv_image, #homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_firstItem img.fv_image, #homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_lastItem img.fv_image { margin-right: 10px; margin-bottom: 10px; margin-left: 10px; } #homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_std_item .fv_body, #homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_firstItem .fv_body, #homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_lastItem .fv_body { margin-left: 10px; margin-right: 10px; } #homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_std_item a.fv_title, #homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_firstItem a.fv_title, #homeAudiences .fv_std_list_plain ul.fv_std_list li.fv_lastItem a.fv_title { background-image: url( ../art/home.audience.title.bg.gif ); background-position: top left; background-repeat: repeat-x; position: absolute; top: 0; left: 0; text-align: center; display: block; height: 40px; line-height: 40px; background-color: #ffffff; width: 100%; font-size: 14px; text-decoration: none; font-weight: bold; color: #000000; border-bottom: #000000 1px solid; } /* * list item of links within the graphic_link_text_list instance */ #homeAudiences .fv_std_list_plain ul.fv_std_list li .fv_body ul { margin: 0 0 20px 0; padding: 0; text-align: center; } /* * list item of links within the graphic_link_text_list instance */ #homeAudiences .fv_std_list_plain ul.fv_std_list li .fv_body ul li { margin: 0; padding: 0 5px; list-style-type: none; display: inline; } /* * ============================================================================ * formVista /component styles */ .fv_std_form fieldset.formfieldset, .fv_member_inbox fieldset.formfieldset, .fv_member_notifications fieldset.formfieldset, .fv_member_profile fieldset.formfieldset, .fv_member_thread_view fieldset.formfieldset { margin: 0; padding: 0; border: none; } .fv_std_form fieldset.formfieldset legend, .fv_member_inbox fieldset.formfieldset legend, .fv_member_notifications fieldset.formfieldset legend, .fv_member_profile fieldset.formfieldset legend, .fv_member_thread_view fieldset.formfieldset legend { display: none; } /* * ---------------------------------------------------------------------------- * account_strip_global */ .fv_account_strip_global div.horiz ul.fv_std_list { float: right; } /* * ---------------------------------------------------------------------------- * blog */ .fv_blog_sidebar { margin: 0 10px; } .fv_blog .wrapper .content ul.fv_blog_list li.fv_blog_item { border-top: #666666 1px dotted; background-image: url( ../component_theme/art/green.blog.item.bg.jpg ); background-position: top left; background-repeat: repeat-x; } .fv_blog .wrapper .content .comments ul.fv_blog_list li.fv_blog_item { background-image: none; } /* * ---------------------------------------------- * tabbed navigational component */ div.tabnav { padding: 2px 0; border-bottom: #3b824b 1px solid; } div.tabnav ul { margin-left: 5px; } div.tabnav ul li { padding: 0; margin: 0; } div.tabnav ul li a, div.tabnav ul li a:visited { background-color: #f5f9f5; padding: 2px 5px; border: #3b824b 1px solid; margin-left: 5px; } div.tabnav ul li a:hover { color: #1947a9; } div.tabnav ul li.current a, div.tabnav ul li.current a:visited { padding: 2px 5px 3px 5px; background-color: #ffffff; border-bottom: none; } /* ============================================================================ * PSM Desgin/Layout styles from original PSM site. */ /* a { color: #008000; } */ strong { color: #000000; /* font-size: 16px; */ font-weight: bold; } li { margin: 0; padding: 0; } h2 { font-weight: bold; font-size: 18px; } .clear_both { clear: both; } .caption_01 { font-size: 10px; } .box_graphic { float: right; width: 150px; margin: 0 0 20px 20px; } .psm_product_header { text-align: center; font-size: 18px; font-weight: bold; margin: 25px 0 15px 0; } .affiliate_btn_centered { text-align: center; margin: 20px 0 0 0; } /* body style for the screen_shot template */ .screen_shot { background-image: none; background-color: #ffffff; } .bold_red { color: #ff0000; font-size: 18px; font-weight: bold; margin: 20px 0 0 0; } .grey_box { background-color: #dddddd; padding: 20px; margin: 10px 30px 30px 30px; } .purple_box { background-color: #f000f0; padding: 20px; margin: 10px 30px 30px 30px; } /* ------------------------------------------------------------------------- */ /* Table Styles */ table { border: none; border-collapse: collapse; margin: 20px 0; } table th { border: none; background-color: transparent; padding: 5px; margin: 0; } table td { border: none; background-color: transparent; padding: 5px; margin: 0; } /* ---------------------------------------------------------------------------- */ /* Coparison Table */ #comparo_table table { border-collapse: collapse; width: auto; border: none; } #comparo_table th { background-color: transparent; border: none; vertical-align: bottom; } #comparo_table th strong { color: #000000; font-size: 10px; } #comparo_table th img { margin: 0 0 5px 0; } #comparo_table th.psm { text-align: left; } #comparo_table tbody strong { font-size: 13px; color: #000000; } #comparo_table td { background-color: #dddddd; border: #ffffff 1px solid; padding: 5px; } #comparo_table td.check_cell { background-color: #eeeeee; } #comparo_table tr.gold_bg td { background-color: #FFCC00; } /* ---------------------------------------------------------------------------- */ /* Purchase Table */ .purchase_form { } .purchase_form table { border: none; margin: 0 auto; } .purchase_form table th { border: none; background-color: transparent; } .purchase_form table td { background-color: transparent; border: none; padding: 10px; } .purchase_form table tbody tr { border-bottom: #ffffff 10px solid; } .purchase_form table td.product_desc { background-color: #eeeeee; width: 350px; } .purchase_form table td.price { background-color: #ffcc00; border-left: #ffffff 1px solid; } .purchase_form input.submit { display: block; margin: 10px auto; } .purchase_form label { float: left; width: 100px; text-align: right; padding: 0 10px 0 0; font-weight: bold; } .purchase_form input.uid_license { float: left; } .purchase_form p { clear: left; } #contentArea { margin: 0; padding: 0 20px; } /* Log graphic encapsulated in the css */ #logo { margin: 0; padding: 0; display: block; width: 200px; height: 82px; background-image: url( ../art/dtlink.software.logo.gif ); background-position: bottom left; background-repeat: no-repeat; outline: none; } /* * #topNavWrapper { padding: 23px 0 0 0; margin: 0; } #topNav { margin: 0 10px 0 0; padding: 0 0 0 18px; height: 25px; background-color:#FFCE00; background-image:url(../art/psm.topnav.bar.fade.jpg); background-position: right; background-repeat: no-repeat; } #topNav ul { margin: 0; padding: 0; } #topNav li { margin: 3px 0 0 0; padding: 0; list-style-type: none; float: left; } #topNav li a, #topNav li a:visited { color: #000000; outline: none; font-size: 11px; text-decoration: none; font-weight: bold; margin: 0 15px 0 0; padding: 0; } #topNav li a:hover { text-decoration: underline; color: #A90000; } #pageTitle { text-align: right; margin: -5px 50px 20px 0; font-family: Papyrus, Georgia, "Times New Roman", Times, serif; font-size: 24px; font-weight: bold; cursor: default; } */ ul.sideNav { margin: 10px 0 20px 10px; padding: 0; width: 176px; } /* ---------------------------------- */ /* Top Tier Nav Items */ ul.sideNav li { height: 1%; margin: 0; padding: 0; list-style-type: none; } ul.sideNav li a, ul.sideNav li a:visited { height: 1%; width: auto; outline: none; margin: 0 0 1px 0; padding: 0 5px; color: #000000; display: block; background-color:#FFCC00; font-size: 11px; font-weight: bold; line-height: 18px; text-decoration: none; } ul.sideNav li a:hover { text-decoration: underline; } ul.sideNav li a.selected, ul.sideNav li a.selected:visited { background-color: #E4AB00; } /* ---------------------------------- */ /* 2nd Tier Nav Items */ ul.sideNav li ul { margin: 0; padding: 0; } ul.sideNav li ul li { height: 1%; width: auto; margin: 0; padding: 0; } ul.sideNav li ul li a, ul.sideNav li ul li a:visited { height: 1%; width: auto; outline: none; margin: 0 0 1px 0; padding: 0 5px 0 20px; color: #000000; display: block; background-color:#FFCC00; font-weight: normal; } ul.sideNav li ul li a:hover { text-decoration: underline; } /* ---------------------------------------------------------------------------- */ /* Additional entry specifically for IE 6.0 that keeps additional whitespace */ /* from rendering above the footer div */ /* The white border is so that IE 7.0 will properly render the right column's */ #footer { text-align: center; padding: 40px 0; margin: 0; } #footer ul { margin: 0 auto 15px auto; padding: 0; } #footer ul li { margin: 0 10px 0 0; padding: 0 0 0 10px; list-style-type: none; display: inline; } #footer ul li.home { border: none; padding: 0; } #footer ul li a, #footer ul li a:visited { font-size: 12px; color: #8D6A00; outline: none; } #footer ul li a:hover { color: #000000; text-decoration: none; } div.copyright { margin: 0; padding: 0; color: #666666; font-size: 11px; } #homeStreamingScreen { width: 250px; float: right; background-color: #FFCE00; border: #000000 1px solid; padding: 10px; margin: 0 0 20px 20px; } #homeStreamingScreen img { padding: 5px 0; } #homeStreamingScreenCaption { } #homeStreamingScreenCaption strong { font-size: 13px; font-weight: bold; color: #000000; } #homeStreamingScreenCaption a, #homeStreamingScreenCaption a:visited { color: #006600; font-weight: bold; } .tryBuy { width: 294px; margin: 15px auto 0 auto; } .tryButton { float: left; width: 137px; margin: 0 10px 0 0; padding: 0; } .buyButton { float: left; width: 137px; margin: 0 0 0 10px; padding: 0; } /* ---------------------------------------------------------------------------- */ /* Downloads page layout styles */ .downloads_wrapper { margin: 20px auto; padding: 0; width: 440px; } .downloads_logo_column { float: left; width: 37px; margin: 0 10px 0 0; } .downloads_content_column { width: 240px; margin: 0 0 0 47px; } .downloads_btns_column { float: right; width: 147px; text-align: right; padding: 0; margin: 0; } /* ---------------------------------------------------------------------------- */ /* Awards page layout styles */ .awardsYears_wrapper { text-align: right; margin: 0 0 15px 0; } .awardsYears_wrapper .fv_std_list ul.fv_std_list li.fv_std_item, .awardsYears_wrapper .fv_std_list ul.fv_std_list li.fv_firstItem, .awardsYears_wrapper .fv_std_list ul.fv_std_list li.fv_lastItem { float: right; margin: 0 0 0 20px; padding: 0; list-style-type: none; } .awardsYears_wrapper .fv_std_list ul.fv_std_list li.fv_std_item a, .awardsYears_wrapper .fv_std_list ul.fv_std_list li.fv_std_item a:visited, .awardsYears_wrapper .fv_std_list ul.fv_std_list li.fv_firstItem a, .awardsYears_wrapper .fv_std_list ul.fv_std_list li.fv_firstItem a:visited, .awardsYears_wrapper .fv_std_list ul.fv_std_list li.fv_lastItem a, .awardsYears_wrapper .fv_std_list ul.fv_std_list li.fv_lastItem a:visited { color:#000000; font-size:14px; font-weight:bold; text-decoration:none; } .awardsYears_wrapper .fv_std_list ul.fv_std_list li.fv_std_item a:hover, .awardsYears_wrapper .fv_std_list ul.fv_std_list li.fv_firstItem a:hover, .awardsYears_wrapper .fv_std_list ul.fv_std_list li.fv_lastItem a:hover { text-decoration: underline; color: #A90000; } .awardsCopyright { text-align: center; } .awardsCopyright p { display: inline; font-size: 11px; } /* ---------------------------------------------------------------------------- */ /* Release Notes page layout styles */ #releaseNotes { } #releaseNotes ul { margin: 0 0 20px 0; } /* ---------------------------------------------------------------------------- */ /* FAQ page layout styles */ .faqStyles { } .faqStyles strong { font-size: 13px; } /* ------------------------------------------------------------------------- */ /* maillist */ /* sidebar implementation */ #maillist_sidebar { background-color: #ffcc00; /* 176 total width minus padding (20px total) */ width: 156px; margin: 20px 0 20px 10px; padding: 10px; } #maillist_sidebar p { font-size: 10px; text-align: center; } #maillist_sidebar .fv_std_form fieldset.formfieldset form .fv_wrapper, #maillist_sidebar .fv_std_form fieldset.formfieldset .fv_without_label { text-align: center; } #maillist_sidebar .fv_std_form fieldset.formfieldset form .fv_wrapper label { margin: 0 auto; display: block; float: none; padding-right: 0; width: 156px; position: inherit; text-align: center; } #maillist_sidebar .fv_std_form fieldset.formfieldset form .fv_wrapper input { width: 156px; margin: 0 auto; float: none; } #maillist_sidebar .fv_std_form fieldset.formfieldset form .fv_wrapper input.submit_button { width: auto; } #maillist_sidebar .fv_std_form fieldset.formfieldset .fv_without_label select { margin-left: auto; margin-right: auto; } #maillist_sidebar fieldset.maillist form p { padding: 5px; clear: both; } /* Error message that is printed directly after the label title in a tag */ /* #maillist_sidebar fieldset.maillist label .error_msg { color: #ff0000; } */ /* Error message that gets printed above the form */ /* #maillist_sidebar fieldset.maillist .form_error_message { color: #ff0000; font-weight: bold; text-align: left; } */ /* Error message that gets printed after form fields in a tag */ #maillist_sidebar fieldset.maillist .form_field_error_message { } /* Feedback message printed after submission of the form */ #maillist_sidebar fieldset.maillist .form_feedback { } /* -------------------------------------------------------------- */ /*.psm_features_nav .text_link_list_title_global */ .psm_features_nav .fv_std_list ul.fv_std_list { text-align: center; margin: 20px 0; padding: 0; } .psm_features_nav .fv_std_list ul.fv_std_list li.fv_std_item, .psm_features_nav .fv_std_list ul.fv_std_list li.fv_firstItem, .psm_features_nav .fv_std_list ul.fv_std_list li.fv_lastItem { list-style-type: none; margin: 0px; padding: 2px 5px; background-color: #ffce00; border-right: #ffffff 1px solid; display: inline; } .psm_features_nav .fv_std_list ul.fv_std_list li.fv_std_item .item_end, .psm_features_nav .fv_std_list ul.fv_std_list li.fv_firstItem .item_end, .psm_features_nav .fv_std_list ul.fv_std_list li.fv_lastItem .item_end { clear: none; display: none; } .psm_features_nav .fv_std_list ul.fv_std_list li.fv_std_item a, .psm_features_nav .fv_std_list ul.fv_std_list li.fv_std_item a:visited, .psm_features_nav .fv_std_list ul.fv_std_list li.fv_firstItem a, .psm_features_nav .fv_std_list ul.fv_std_list li.fv_firstItem a:visited, .psm_features_nav .fv_std_list ul.fv_std_list li.fv_lastItem a, .psm_features_nav .fv_std_list ul.fv_std_list li.fv_lastItem a:visited { font-family: Papyrus, Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 14px; text-decoration: none; color: #000000; } .psm_features_nav .fv_std_list ul.fv_std_list li.fv_std_item a:hover, .psm_features_nav .fv_std_list ul.fv_std_list li.fv_firstItem a:hover, .psm_features_nav .fv_std_list ul.fv_std_list li.fv_lastItem a:hover { text-decoration: underline; color: #A90000; } /* -------------------------------------------------------------- */ /* #psm_screens .graphic_link_text_list_popupimage */ body.fv_popup_detail { background-image: none; } #psm_screens { } #psm_screens .fv_std_list_plain ul.fv_std_list li.fv_std_item img.fv_image { float: right; margin: 0 0 10px 20px; } #psm_screens .fv_std_list_plain ul.fv_std_list li.fv_std_item a.fv_title, #psm_screens .fv_std_list_plain ul.fv_std_list li.fv_std_item a.fv_title:visited { color: #000000; font-weight: bold; font-size: 14px; text-decoration:none; } #psm_screens .fv_std_list_plain ul.fv_std_list li.fv_std_item a.fv_title:hover { color: #A90000; text-decoration: underline; } #psm_screens .fv_std_list_plain ul.fv_std_list li.fv_std_item .fv_body { margin: 20px 0 0 20px; } /* -------------------------------------------------------------- */ #awards_nav { margin: 0 0 20px 0; } /* -------------------------------------------------------------- */ /*#awards_list .graphic_link_text_list */ #awards_list .fv_std_list_plain ul.fv_std_list li.fv_std_item img.fv_image, #awards_list .fv_std_list_plain ul.fv_std_list li.fv_firstItem img.fv_image, #awards_list .fv_std_list_plain ul.fv_std_list li.fv_lastItem img.fv_image { float: right; } #awards_list .fv_std_list_plain ul.fv_std_list li.fv_std_item a.fv_title, #awards_list .fv_std_list_plain ul.fv_std_list li.fv_std_item a.fv_title:visited, #awards_list .fv_std_list_plain ul.fv_std_list li.fv_firstItem a.fv_title, #awards_list .fv_std_list_plain ul.fv_std_list li.fv_firstItem a.fv_title:visited, #awards_list .fv_std_list_plain ul.fv_std_list li.fv_lastItem a.fv_title, #awards_list .fv_std_list_plain ul.fv_std_list li.fv_lastItem a.fv_title:visited { float: left; width: 175px; font-weight: normal; font-size: 12px; text-decoration: underline; } #awards_list .fv_std_list_plain ul.fv_std_list li.fv_std_item .fv_body, #awards_list .fv_std_list_plain ul.fv_std_list li.fv_firstItem .fv_body, #awards_list .fv_std_list_plain ul.fv_std_list li.fv_lastItem .fv_body { float: left; width: 125px; text-align: center; display: block; margin-top: 0; } /* ------------------------------------------------------------------------- */ /* Section Dividers in Forms */ /* This set of styles gives us the ability to create different "sections" */ /* within a single form. */ .form_section { border-top: #cccccc 10px solid; margin: 0 0 20px 0; } /* E-mail Support Form Custom Styles */ .support_form { } .support_form fieldset { text-align: left; width: 100%; margin: 0 auto; } .support_form label { float: left; text-align: right; display: block; width: 270px; padding: 0 5px 0 0; font-size: 11px; } .support_form lable .title { } .support_form input.submit_button { margin: 0 0 0 270px; } .support_form select { font-size: 9px; } /* * ---------------------------------------------------------------------------- * formVista /component styles .fv_std_form fieldset.formfieldset, .fv_member_inbox fieldset.formfieldset, .fv_member_notifications fieldset.formfieldset, .fv_member_profile fieldset.formfieldset, .fv_member_thread_view fieldset.formfieldset { margin: 0; padding: 0; border: none; } .fv_std_form fieldset.formfieldset legend, .fv_member_inbox fieldset.formfieldset legend, .fv_member_notifications fieldset.formfieldset legend, .fv_member_profile fieldset.formfieldset legend, .fv_member_thread_view fieldset.formfieldset legend { display: none; } .fv_blog .fv_wrapper .fv_content ul.fv_blog_list li.fv_blog_item { background-image:url(../component_theme/art/bluegray.blog.item.bg.jpg); background-repeat: repeat-x; background-position: top left; } */