/* Designed for use with Canterris Marketing Suite - www.canterris.com. This style sheet is divided into the following sections: 1. Positioning - layout structure and positioning of the basic elements 2. Layout Styles - details of the site design 3. Typography - font definitions for global and general elements 4. MainNavigation - main navigation styling 5. Sub Navigation - secondary navigation styling 6. Forms - forms layout and styling 7. News - news layout and styling 8. Events - event content layout and styling 9. Site Map - site map layout and styling 10. Search - search layout and styling 11. Document Sharing - document sharing layout and styling 12. Job Board - job board layout and styling 13. Tabs - jQuery tabs styling */ /* POSITIONING =========================================================================*/ body { margin:0px; padding:0px; background:#114282 url(default/background.jpg) repeat-y top center; } #container { margin:0px auto; padding:0px; width:1000px; } #header { height:84px; } #home-content { } #inside-content { min-height:350px; padding:0px; } #actions { } #overview { } #sidebar { float:right; width:390px; } #footer { clear:both; padding:20px; text-align:center; color:#959393; line-height:16px; } /* LAYOUT STYLES -- details of the site design -----------------------------------------*/ a { -moz-outline-style: none; } a img { border:none; } img.img-right { padding:0px 0px 10px 15px; } img.img-left { padding:0px 15px 10px 0px; } div.clear { clear:both; line-height:0px; font-size:8px; } #header-left { float:left; width:202px; } #header-right { float:right; width:154px; background:url(default/nav_separator.gif) right no-repeat; height:84px; font:bold 14px Arial, Helvetica, sans-serif; color:#7b7b7b; } #header-middle { float:left; width:634px; } #header-right-top { line-height:42px; } #header-right-bottom { } #header-right-bottom span { text-transform:uppercase; font-size:8px; letter-spacing:1px; margin-top:0px; color:#959494; font-weight:normal; } #mainnav { height:84px; } #home-banner { height:303px; background:url(default/home_banner_bg.jpg) no-repeat; margin-top:15px; color:#fff; font:15px Arial, Helvetica, sans-serif; line-height:20px; } #home-banner-left { float:left; width:460px; } #home-banner-left-content { padding:40px 0px 10px 40px; } #home-banner-left-buttons { padding:10px 0px 0px 28px; } #home-banner-right { float:left; width:530px; height:303px; } #home-features, #inside-content-container { background:url(default/content_bg.gif) repeat-y; } #features { position:relative; width:910px; margin-left:40px; padding:20px 0px; } div.feature-item { width:134px; float:left; } div.feature-item-wide { width:150px; float:left; } div.feature-plus { width:60px; height:100px; float:left; background:url(default/plus_symbol.gif) center no-repeat; } div.feature-icon { text-align:center; } table#section-desc { font-size:14px; line-height:18px; } #inside-content-left { float:left; width:210px; padding:17px 0px 0px 0px; } #inside-content-right { float:right; width:750px; padding:30px 0px 0px 0px; } #inside-page-content-nopadding { float:right; width:750px; padding:10px 0px 0px 0px; } #inside-page-content { float:right; width:730px; padding:0px 20px 0px 0px; } #inside-content-wide { min-height:350px; padding:30px 30px 10px 30px; } #inside-banner { height:100px; background:url(default/inside_banner.jpg) no-repeat; margin-top:0px; color:#fff; font:15px Arial, Helvetica, sans-serif; line-height:20px; } #inside-banner-left { float:left; width:690px; } #inside-banner-right { float:left; width:300px; text-align:right; } #inside-banner-right img { margin:28px 10px 0px 0px; } #slider { min-height:150px; padding:0px; } #home-features-header { background:url(default/home_features_header_bg.gif) bottom no-repeat; } #home-features-footer { background:url(default/content_footer.gif) bottom no-repeat; height:11px; } #key-message { text-align:center; color:#6e850a; font:14px Arial, Helvetica, sans-serif; } #key-message span { font-size:16px; color:#5279b1; } #actions { margin-top:12px; } #actions ul { margin:0px; padding:0px; list-style:none; } #actions ul li { display:inline; padding-right:28px; } #actions ul li.last { padding-right:0px; } #overview { min-height:33px; background:#e8e7e7 url(default/overview_bg.gif) no-repeat; margin-top:20px; } #footer a { color:#959393; text-decoration:none; } #footer a:hover { color:#666666; } #footer img { padding-right:3px; } #breadcrumbs { width:350px; padding:5px 10px; } #subnav-container { margin-top:25px; height:42px; } #subnav-left { float:left; width:200px; } #subnav-left span { font:20px Arial, Helvetica, sans-serif; color:#7b7b7b; margin:0px 0px 0px 30px; line-height:42px;} #editions-comparison { position:relative; width:950px; } #editions-comparison-header { background:url(default/edition_compare_header_bg.gif) no-repeat; line-height:38px; } #editions-comparison-body { min-height:510px; background:#f3f4f2 url(default/commentcontainer_bg.gif) repeat-x; } #editions-comparison-terms { font-size:11px; padding-top:15px; } #full-features-list { position:absolute; z-index:9999; left:777px; top:12px; } #edition-feature-container { position:absolute; width:265px; z-index:999; left:458px;} #edition-feature-container-header { background:url(default/edition_feature_header.png) bottom no-repeat; height:59px; color:#fff; padding:0px 25px 0px 25px; } #edition-feature-container-body { background:url(default/edition_feature_body_bg.png) repeat-y; padding:15px 35px 0px 35px; min-height:370px; font:12px Arial, Helvetica, sans-serif; color:#808080; } #edition-feature-container-footer { background:url(default/edition_feature_footer.png) top no-repeat; height:24px; } div.edition-promo-title { padding-top:13px; text-align:center; font-weight:bold; } div.edition-promo-offer { padding-top:7px; text-align:center; } div.edition-image { text-align:center; padding-bottom:10px; } div.edition-desc { text-align:center; } div.price { color:#333333; font-weight:bold; text-align:center; padding-top:7px; } div.edition-features-title { border-top:1px solid #e1e1e1; padding-top:10px; margin-top:10px; font-weight:bold; font-size:12px; color:#333333; } div.edition-features-title span { color:#66791b; } div.sign-up { text-align:center; padding-top:5px; } #product-home-title, #product-home-image { text-align:center; } #product-home-content { padding:0px 30px; line-height:18px; } table#product-home td { padding-bottom:25px; } table#product-home img { margin:0px 0px 0px 0px; float:left; } table#product-home span { display:block; padding-left:47px; line-height:16px; } #inside-right-col-top { background:url(default/right_sidebar_top.gif) bottom no-repeat;} #inside-right-col-middle { background:url(default/right_sidebar_middle.gif) repeat-y; padding:10px; font-size:12px;} #inside-right-col-middle ol { padding:0px 0px 0px 20px; margin-bottom:0px; } #inside-right-col-middle ol li { padding-bottom:8px; } #inside-right-col-bottom { background:url(default/right_sidebar_bttm.gif) top no-repeat; } #inside-right-col-middle strong { color:#79940f; } table#serviceplans td { border-collapse:collapse; border:1px solid #f2f2f2; } table#serviceplans th { background:url(default/inside_banner.jpg) bottom repeat-x; color:#ffffff; line-height:20px; } table#serviceplans tr.service-sub-header { background:#f2f2f2; color:#333333; font-weight:bold; line-height:20px; } #live-chat-narrow { margin:40px 0px 15px 1px; } /* TYPOGRAPHY ========================================================================= */ /* Default Font Settings ----------------------------------------------------- */ #container { font:12px Arial, Verdana, Helvetica, sans-serif; color:#505050; line-height:15px; } #inside-content-container { font:13px Arial, Helvetica, sans-serif; color:#808080; } #slider a, #slider a:hover { text-decoration:none; color:#7b7b7b; } /* Headings ------------------------------------------------------------------ */ h1,h2,h3,h4,h5,h6 { font: Arial, Helvetica, sans-serif; } h1 { font-size: 22px; margin-bottom: 10px; } h2 { font-size: 16px; margin-bottom: 5px; } h3 { font-size: 13px; margin-bottom: 3px; } h4 { font-size: 12px; margin-bottom: 3px; } h5 { font-size: 12px; font-weight: bold; margin-bottom: 0px; } h6 { font-size: 12px; font-weight: bold; margin-bottom: 0px; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0px; padding:0px; } #header-left h1 { margin:0px; } #home-banner div.header h1 { margin:0px 0px 15px 0px; font:30px Arial, Helvetica, sans-serif; } #home-banner-right h1 img { margin:0px; padding:0px; } #inside-banner h1 { margin:40px 0px 8px 30px; font:22px Arial, Helvetica, sans-serif; } #product-home-title h1 { margin:0px 0px 2px 0px; font:22px Arial, Helvetica, sans-serif;} table#product-home h2 { clear:right; margin:0px 0px 2px 0px; display:block; font:15px Arial, Helvetica, sans-serif; color:#79940f; padding-left:47px; } table#product-home h2 a { color:#79940f; text-decoration:none; } table#product-home h2 a:hover { color:#5279b1; } #inside-content h2 { margin:0px 0px 10px 0px; font:18px Arial, Helvetica, sans-serif; } table#section-desc h2 { margin:0px 0px 15px 0px; font:20px Arial, Helvetica, sans-serif;} #editions-comparison-header h1 { margin:0px 0px 0px 15px; font:18px Arial, Helvetica, sans-serif; color:#666666; line-height:38px; } #tabs.ui-tabs .ui-tabs-panel h1, #tabs.ui-tabs .ui-tabs-panel h6 { color:#1c1c1c; margin:0px 0px 7px 0px; padding:0px; font:16px Arial, Helvetica, sans-serif; font-weight:bold; } div.feature-title h2 { color:#7b7b7b; margin:7px 0px 7px 0px; font:14px Arial, Helvetica, sans-serif; text-align:center; } div.feature-title h2 a { color:#7b7b7b; text-decoration:none; } #inside-content-right h3, #inside-content-wide h3 { margin:0px 0px 2px 0px; font:15px Arial, Helvetica, sans-serif; color:#79940f; } /* Text Elements ------------------------------------------------------------ */ #header-right-top a, #header-right-bottom a { display:block; padding-left:10px; margin-right:2px; color:#7b7b7b; text-decoration:none; } #header-right-bottom a { padding-top:6px; padding-bottom:3px; border-top:1px solid #e1e1e1;} #header-right-top a:hover, #header-right-bottom a:hover { background:url(default/main_nav_hover.gif) repeat-x; color:#70880b; } p { margin:0 0 15px 0; line-height: 19px; } p img.left { float:left; margin:15px 15px 15px 0px; padding:0; } p img.right { float:right; margin:15px 0px 15px 15px; } a:focus, a:hover { text-decoration: none; } a { color:#cc6600; text-decoration: underline; } blockquote { margin:15px; color:#666; font-style:italic; } strong { font-weight:bold; } em,dfn { font-style:italic; } dfn { font-weight:bold; } sup, sub { line-height:0; } abbr, acronym { border-bottom:1px dotted #666; } address { margin:0 0 15px; font-style:italic; } del { color:#666; } pre { margin:15px 0; white-space:pre; } pre,code,tt { font:10px 'andale mono', 'lucida console', monospace;line-height: 1.5; } /* Lists -------------------------------------------------------------------- */ div.edition-features ul { margin:4px 0px 0px 0px; padding:0px; list-style:none; } div.edition-features ul li { padding:0px 0px 0px 10px; margin:0px 0px 9px 2px; background:url(default/green_dot.gif) 0px 5px no-repeat; } /* Tables ------------------------------------------------------------------- */ table#comparisons { width:950px; } table#comparisons td { font:13px Arial, Helvetica, sans-serif; color:#808080; padding:25px 25px 15px 25px; } td.padding-top { padding-top:10px; } /* Font Resizing ------------------------------------------------------------ */ #fontsize a { text-decoration:none; color:#666666; padding:0px 2px 0px 2px; } #fontsize a.active { text-decoration:none; color:#881314; } #fontsize .smallfont a { font-size:10px; } #fontsize .defaultfont a { font-size:11px; } #fontsize .largefont a { font-size:12px; } #editablecontent.smallcontentfont { font-size:10px; } #editablecontent.defaultcontentfont { font-size:11px; } #editablecontent.largecontentfont { font-size:12px; line-height:17px; } /* MAIN NAVIGATION =====================================================================*/ /* Simple Horizontal Menu -- {TPL:NAVIGATION} ------------------------------- */ /*#mainnav ul { list-style:none; padding:0px 0px 0px 0px; margin:0px; } #mainnav ul li { float:left; font:bold 16px Arial, Helvetica, sans-serif; line-height:84px; background:url(default/nav_separator.gif) right no-repeat; } #mainnav ul li a { text-decoration:none; color:#7b7b7b; padding:33px 23px 32px 22px; } #mainnav ul li a:hover, #mainnav ul li a.active { color:#70880b; background:url(default/main_nav_hover.gif) repeat-x; margin-right:2px; padding:32px 21px 32px 22px;} */ /* SUB NAVIGATION ===========================================================================*/ /* Simple Verticle Sub Menu -- {TPL:NAVIGATION ['false','nested']} ----------- */ #subnav { float:left; width:789px; background:url(default/subnav_bg.gif) repeat-x; height:38px; border-right:1px solid #ebe9e9; margin-top:4px; } #subnav ul { margin:0px 0px 0px 0px; padding:0px 0px 0px 45px; list-style:none; background:url(default/subnav_slope.gif) left no-repeat; line-height:38px; } #subnav ul li { display:inline; font:bold 14px Arial, Helvetica, sans-serif; padding:10px 25px 10px 0px; color:#666666; } #subnav ul li a { color:#7b7b7b; text-decoration:none; padding:10px 0px 12px 0px; } #subnav ul li a.first-active, #subnav ul li a.middle-active, #subnav ul li a.last-active, #subnav ul li a.only-active { color:#70880b; background:url(default/subnav_hover_arrow_grn.gif) center bottom no-repeat; } #subnav ul ul { display:none; } #subnav ul li a:hover { color:#70880b; background:url(default/subnav_hover_arrow_grn.gif) center bottom no-repeat; } #tertiary-nav ul { margin:0px; padding:0px 0px 0px 0px; list-style:none; background:url(default/tertiary_nav_ul_bg.gif) repeat-y; } #tertiary-nav ul li { } #tertiary-nav ul li a { display:block; color:#7b7b7b; font:13px Arial, Helvetica, sans-serif; line-height:2px; padding:0px 0px 0px 16px; } #tertiary-nav ul li ul li a { display:block; color:#7b7b7b; font:13px Arial, Helvetica, sans-serif; line-height:22px; padding:0px 0px 0px 16px; } #tertiary-nav ul li a.first-active, #tertiary-nav ul li a.middle-active, #tertiary-nav ul li a.last-active, #tertiary-nav ul li a.only-active { } #tertiary-nav ul li.hidden { visibility: hidden; } #tertiary-nav ul li.show { visibility: visible; } #tertiary-nav ul ul li.show a.active { background:url(default/subnav_section_title.gif) no-repeat; line-height:33px; color:#77960f; } #tertiary-nav ul ul li.show a:hover { color:#77960f; } #tertiary-nav ul ul li.show ul li a { background:none; font:11px Arial, Helvetica, sans-serif; font-weight:normal; padding:0px 0px 0px 32px; line-height:22px; color:#7b7b7b; } #tertiary-nav ul ul ul li.show a.active, #tertiary-nav ul ul ul li.show a.active:hover { color:#77960f; background:url(default/tertiary_nav_active_arrow.png) 18px center no-repeat; line-height:22px; } #tertiary-nav ul ul ul li.show a:hover { color:#7b7b7b; background:url(default/tertiary_nav_hover_arrow.png) 18px center no-repeat; line-height:22px; } /* FORMS ====================================================================================*/ /* Form Fields --------------------------------------------------------------- */ #inside-content-wide input.form-submit, #inside-page-content input.form-submit { padding:4px 5px; background:#6f8806; color:#ffffff; width:125px; font-weight:bold; } #inside-content-wide label, #inside-page-content label { font-weight:bold; display:block; } #inside-content-wide input, #inside-page-content input, #inside-content-wide textarea, #inside-page-content textarea, #inside-content-wide select, #inside-page-content select { padding:4px; margin:2px 0px 10px 0px; border:1px solid #e5e3e3; font:12px Arial, Helvetica, sans-serif; color:#666666; } #inside-content-wide input, #inside-page-content input { width:300px; } #inside-content-wide input:focus, #inside-page-content input:focus, #inside-content-wide textarea:focus, #inside-page-content textarea:focus, #inside-content-wide select:focus, #inside-page-content select:focus { border:1px solid #7b9810; background:#f7f7f7; } /* Form Messages ------------------------------------------------------------- */ div.success { color:#333333; padding:10px; } div.error { color:#cc0000; padding:10px; } /* NEWS =====================================================================================*/ td.headline { font-size:12px; color:#005CAB; padding-bottom:7px; } td.headline a { color:#005CAB; text-decoration:none; } td.headline a:hover { color:#005CAB; text-decoration:none; } div.newstitle { font-weight:bold; font-size:16px; margin:0 0 13px; } div.newstitle a { color:#005CAB; text-decoration:none; } div.newsdescpreview { margin-bottom:15px; background:url(default/strata-icon-small.gif) no-repeat top left; padding-left:60px; height:50px; } div.newsdescpreview a { text-transform:underline, color:#006699; } div.newsdate { color:#339900; display:none; } div.itemheadline { font-size:16px; color:#006699; padding-bottom:15px; } div.slug { font-size:12px; border-bottom:1px solid #ebebe9; margin:0px 0px 10px 0px; padding:0px 0px 8px 0px; } div.newsbody { min-height:200px; } /* EVENTS ===================================================================================*/ /* SITE MAP =================================================================================*/ #sitemap { overflow:hidden; } #sitemap a { color:#505050; text-decoration:none; } #sitemap a:hover { text-decoration:underline; } #sitemap ul { list-style:none; margin:0; padding:0; } #sitemap li { background-color:#f9f9f7; background-image:none; margin:0 0 -0.1em; min-height:1em; padding:.2em .4em; position:relative; width:15em; border-left:1px solid #ebebe9; } #sitemap ul ul { font-size:95%; margin-top:-1.4em; } #sitemap ul ul li { background:#efefed; border-top:0.5em solid #fff !important; border-left:0.5em solid #b94b16; left:16em; } #sitemap ul ul ul li { background:#e7e7e5; border-color:#464d4c; } #sitemap ul ul ul ul li { background:#e7e7e5; border-color:#c93; } #sitemap ul ul ul ul ul li { background:#e7e7e5; border-color:#c33; } /* SEARCH ==================================================================================*/ .thesearch { font:Verdana, Arial, Helvetica, sans-serif; font-size:9px; width:170px; border:1px solid #f0f0f0; color:#505050; text-transform:uppercase;} .dosearch { vertical-align:bottom; } .searchresult { margin:4px 0px 5px 0px; border-bottom:1px dashed #f3f3f3; } .searchresult h2 { font-size:12px; font-weight:bold; margin-bottom:3px; color:#006699; } div.search-result-type { font-style:italic; padding-bottom:3px; } div.search-result-type span { margin-right:5px; color:#333333; } /* DOCUMENT SHARING ========================================================================*/ #folder-tree-data { width:510px; float:left; display:block; min-height:200px; padding:5px; } #folder-commands-div { background:#e9e9e8; color:#666666; } #folder-commands-div ul { margin:0px; padding:0px; list-style:none; text-align:right; line-height:20px; } #folder-commands-div ul li { display:inline; } #folder-commands-div ul li a { text-decoration:none; color:#666666; padding:3px 10px 2px 20px; } #folder-commands-div ul li a:hover { text-decoration:underline; } #folder-properties { width:280px; float:right; display:block; min-height:200px; padding-top:5px; } #folder-properties table { border-collapse:collapse; border:1px dashed #cccccc; float:right; } #folder-properties th { text-align:left; background:#0099CC; color:#ffffff; height:20px; padding:0px 3px 0px 3px; } td.folder-properties-leftcol { width:90px; font-weight:bold; } td.folder-properties-rightcol { width:210px; } #folder-properties td { padding:4px 15px 3px 4px; } #folder-contents-container { background:#333333; clear:both; } #folder-path { color:#666666; line-height:20px; background:#ffffff; padding-left:5px; } #folder-path span#dirpath-title-span { font-weight:bold; } #files-title { width:495px; float:left; display:block; line-height:20px; background:#0099CC; color:#ffffff; padding-left:5px; } #file-commands-div { width:300px; float:right; display:block; line-height:20px; background:#0099CC; color:#ffffff; } #file-commands-div ul { margin:0px; padding:0px; list-style:none; text-align:right; } #file-commands-div ul li { display:inline; } #file-commands-div ul li a { text-decoration:none; color:#ffffff; padding:3px 10px 2px 20px; } #file-commands-div ul li a:hover { text-decoration:underline; } #files-table { width:800px; display:block; min-height:200px; float:left; } #files-table table { width:800px; border-collapse:collapse; } #files-table table th { text-align:left; background:#e9e9e8; color:#666666; height:20px; } #files-table table td { text-align:left; padding:4px 7px 4px 4px; } /* JOB BOARD ================================================================================*/ th.locationtitle, th.titletitle, th.categorytitle, th.closingtitle, th.referencetitle { text-align:left; padding:0px; } th.descriptiontitle { color:#3278b8; font-weight:bold; margin:0px ; text-transform:uppercase; text-align:left; padding:10px 0px 0px 0px; } th.locationtitle { width:200px; } th.titletitle { width:150px; } th.categorytitle { width:125px; } th.detailstitle { color:#8c9719; font-size:14px; margin:0px 0px 7px 0px; text-align:left; padding:0px; } td.description { padding:0px; } th.requirementstitle, th.notestitle { display:none; } td.category, td.location { padding:0px; } /* TABS =====================================================================================*/ #tabs.ui-tabs { padding:5px 0px 0px 0px; margin:0px; } #tabs.ui-tabs .ui-tabs-nav { list-style:none; position:relative; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #tabs.ui-tabs .ui-tabs-nav li { position:relative; float:left; border-bottom-width:0!important; margin:0 .5em -1px 0; padding:0px 0px 0px 0px; } #tabs.ui-tabs .ui-tabs-nav li a { float:left; text-decoration: none; padding:5px 10px 12px 10px; color:#959393; } #home-resources-body #tabs.ui-tabs .ui-tabs-nav li a { float:left; text-decoration: none; padding:5px 10px 5px 10px; } #tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom:0px; border-bottom-width:0; } #tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, #tabs.ui-tabs .ui-tabs-nav li.ui-state-disabled a, #tabs.ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor:text; background:url(default/tabs_hover_bg.gif) bottom center no-repeat; color:#666666; } #tabs.ui-tabs .ui-tabs-nav li a, #tabs.ui-tabs.ui-tabs-collapsible #tabs.ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } #tabs.ui-tabs .ui-tabs-panel { display: block; border-width:0; background:none; font:12px Arial, Helvetica, sans-serif; color:#505050; line-height:15px; } #tabs.ui-tabs .ui-tabs-hide { display: none !important; } #tabs-2 ul, #tabs-3 ul { margin:0px; padding:0px; list-style:none; } #tabs-2 ul li { padding:0px 25px 15px 0px; } #tabs-2 td.last ul li { padding:0px 0px 15px 0px; } #tabs-3 ul li { border-bottom:1px solid #f1f1f1; padding:3px 10px 3px 0px; } #tabs-3 td.last { padding-right:0px; } #tabs-3 td { padding-right:25px; } /* SLIDER =====================================================================================*/ #slider ul, #slider li { margin:0px; padding:0px; list-style:none; } #slider, #slider li { width:910px; height:150px; overflow:hidden; } #features span { display:block; width:20px; height:47px; position:absolute; left:-39px; top:85px; } #features span#nextBtn { left:929px; } span#prevBtn { } #features span a { display:block; width:20px; height:47px; background:url(default/back_btn.gif) no-repeat; } #features span#nextBtn a { background:url(default/fwd_btn.gif) 0px 0px no-repeat; } /* SCREENSHOTS =====================================================================================*/ #screenshots-container { position:relative; height:700px; width:930px; } #screenshot-nav { position:absolute; top:30px; left:0px; width:210px; z-index:5; } div.screenshots-content { position:absolute; top:0;right:0px; width:735px; height:640px; } #screenshots-content-header { background:url(default/screenshots_content_top.gif) bottom no-repeat; height:21px; } #screenshots-content-footer { background:url(default/screenshots_content_bottom.gif) top no-repeat; height:21px; } #screenshots-content-image { background:url(default/screenshots_content_middle.gif) repeat-y; padding:0px 20px 10px 30px; height:430px; } #screenshots-content-desc { background:url(default/screenshots_content_desc.gif) repeat-y; padding:20px 10px 0px 30px; height: 100px; } #screenshot-free-trial { margin-top:40px; } #screenshot-nav ul { margin:0px; padding:0px; list-style:none; } #screenshot-nav ul li { } #screenshot-nav ul li a { display:block; color:#006699; font:12px Arial, Helvetica, sans-serif; padding:0px 0px 0px 5px; text-decoration:none; line-height:33px; background:url(default/screenshot_nav_border.gif) no-repeat; } #screenshot-nav ul li a.active { display:block; background:url(default/screenshots_nav_active.png) no-repeat 0 0!important; color:#77960f; } #screenshot-nav ul li a:hover { color:#79940f; } table td { vertical-align: top; padding: 0; margin: 0; } h1, h2, h3, h4 { margin-top: 0; clear: both; } .top-cap, .bottom-cap { width: 1000px; height: 15px; } .content{ padding: 10px 30px 30px 30px; } .header { background-color: #fdfdfd; margin: 0 10px 0 10px; padding: 5px; z-index: 0; } /*************** Header ********************************/ #header { position: relative; } #header h1, #header #mainnav { float: left; } /************** Search *************************/ #search { background: transparent url(default/search-bg.jpg) no-repeat; width: 192px; height: 21px; float: right; margin-bottom: -10px; position: relative; z-index: 3; } #search input { margin-top: 2.5px; } #search span { color: #cc6600; font-size: 9px; float: left; margin: 3px 3px 0 3px; } #search .dosearch{ height: 15px; margin-top: 3px; } #search .thesearch { float: left; border: 1px solid #d9dad9; width: 115px; margin-right: 2px; background-color: #eceaea; font-size: 90%; height: 11px; } #search a { float: left; } /**************** Main Nav ***************************/ #mainnav { position: absolute; z-index: 1; left: 176px; top: 0px; background:url(default/main-nav-normal-bg.jpg) no-repeat left; width: 769px; height: 80px; } #mainnav ul li { float: left; list-style-type: none; background:url(default/main-nav-seperator.jpg) no-repeat right; height: 45px; padding-left: 12px; } #mainnav ul { margin:17px 0 0 25px; padding: 0; height: 45px; } #mainnav ul li a { display: block; color: #c1c1c1; text-decoration: none; padding: 7px 2px 0; font-size: 11px; font-weight: bold; height: 37px; text-transform: uppercase; width: 100px; } #mainnav ul li:first-child a, #mainnav ul li:last-child a { width: 60px; } #mainnav ul li.first a, #mainnav ul li.last a { width: 60px; } #mainnav ul li.last { background-image: none; } #mainnav ul li:last-child { background-image: none; border-bottom: 0; } #mainnav ul li a:hover { color: #ffffff; } #mainnav ul li a.active { background:url(default/main-nav-highlight-bg.png) no-repeat center 23px; color: #ffffff; } /*************** Banner Section ************************/ #banner { margin-bottom: 38px; } /**************** Main Section ***********************/ #main-wrapper .top-cap { background: transparent url(default/main-topcap-bg.png) no-repeat center top; } #main-wrapper .bottom-cap { background: transparent url(default/main-bottomcap-bg.png) no-repeat bottom; } .main-copy { line-height: 19px; } .main-copy img { margin: 10px; } .main-copy .float-right img, .main-copy table img { margin: 0; } .main-copy ul { line-height: 16px; } .main-copy h1 { color: #00386b; line-height: 26px; margin-bottom: 20px; } .main-copy h3 { color: #00386b; font-size: 14px; margin-top:0; padding-top: 0; } .main-copy h4 { color: #000000; font-size: 12px; margin-top:12px; } .main-copy h1 span { color: #005cab; } #main-content .feature { background-color: #f6f6f6; border-top: 8px solid #7fadcb; font-size: 11px; } #main-content .feature td{ padding: 0px 20px 0px 20px; } #main-content .feature td table tr { height: 25px; } #main-content .feature td table td { padding: 0 10px 0 0; border-bottom: 1px solid #dddddd; vertical-align: middle; } #main-content .feature td table td strong{ color: #14689f; } #main-content .feature h2 { color: #005b97; margin: 10px 0 10px 0; border-bottom: 2px solid #005b97; padding-bottom: 10px; text-transform: uppercase; font-size: 12px; } #main-content .feature ul { margin: 0; padding: 0; } #main-content .feature ul li { list-style-type: none; } #main-content .feature ul li a { display: block; border-bottom: 1px solid #dddddd; margin-bottom: 5px; padding-bottom: 5px; width: 100%; } #main-content .feature ul li a.last, #main-content .feature ul li a.last-active{ border-bottom: 0; } /**************** Footer Section ***********************/ #footer-wrapper{ position: relative; } #footer-wrapper .top-cap { background: transparent url(default/footer-topcap-bg.png) no-repeat center top; height: 50px; } #footer-wrapper .bottom-cap { background: transparent url(default/footer-bottomcap-bg.png) no-repeat center bottom; height: 55px; color: #9198a2; } #footer-wrapper .bottom-cap a { text-decoration: none; } #footer-wrapper .bottom-cap a:hover { text-decoration: underline; } #footer-wrapper .bottom-cap .content{ padding: 12px 0 0 200px; } #footer-wrapper .bottom-cap span, #footer-wrapper .bottom-cap ul { float: left; margin: 0 0 0 10px; padding: 0; } #footer-wrapper .bottom-cap ul li{ float: left; list-style-type: none; padding-right: 8px; border-right: 1px solid #525456; margin-right: 8px; } #footer-wrapper .middleWrapper, #main-wrapper .middleWrapper { background: transparent url(default/main-middle-bg.png) repeat-y left; height: 1%; } #footer-nav { color: #a9b0bb; margin: 0 10px 0 10px; } #footer-nav span, #footer-nav ul { display: block; float: left; } #footer-nav ul li { float: left; list-style-type: none; padding-right: 5px; border-right: 1px solid #535456; } #footer-wrapper .bottom-cap ul li.last{ border-right:0; } /*************** Tabs *****************/ #tabs.ui-tabs .ui-tabs-nav { float: left; margin-top: -45px; } #tabs.ui-tabs .ui-tabs-nav li a { padding:3px 10px; margin:0; text-transform: uppercase; font-weight: bold; color: #6b6b6b; } #tabs-header li { background: url(default/footer-tab-off-leftcap.jpg) left top no-repeat; height: 30px; } #tabs-header li a { background: url(default/footer-tab-off-rightcap.jpg) right top no-repeat; } #tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected , #tabs.ui-tabs .ui-tabs-nav li.ui-state-disabled , #tabs.ui-tabs .ui-tabs-nav li.ui-state-processing { background: url(default/footer-tab-on-leftcap.jpg) left top no-repeat; } #tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, #tabs.ui-tabs .ui-tabs-nav li.ui-state-disabled a, #tabs.ui-tabs .ui-tabs-nav li.ui-state-processing a { color: #ffffff; background: url(default/footer-tab-on-rightcap.jpg) right top no-repeat; }