/* 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. Main Navigation - 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 */ /* POSITIONING =========================================================================*/ body { margin:0px; padding:0px; background:url(Extranet_Home/insidebackground.gif); } #container { margin:0px auto; padding:0px; width:990px; } #login-container { margin:0px auto; padding:0px; width:990px; } #header { height:109px; } #sitenavigation { height:60px; } #content { margin-top:10px;} #footer { clear:both; padding:10px; } /* LAYOUT STYLES -- details of the site design -----------------------------------------*/ a { -moz-outline-style: none;} a img { border:none;} div.clear { clear:both; height:10px; font-size:8px;} #sitenavigation img { float:left;} #mainnav { height:30px; background:url(extranet_home/mainnav_bg.gif) repeat-x; float:left; width:700px;} #search-container { float:left; width:261px; background:url(extranet_home/mainnav_bg.gif) repeat-x; line-height:30px;} #toolbar { clear:left; height:30px; background:url(extranet_home/toolbar.gif) no-repeat; color:#ffffff;} #breadcrumbs-container { width:710px; padding:0px 10px; float:left; line-height:30px;} #breadcrumbs-container img { padding:9px 3px 0px 0px; } #welcome-user { width:252px; padding:0px 0px 0px 8px; float:left; line-height:30px; background:url(templates/extranet/welcomeuser_bg.gif) left no-repeat;} #content-header { background: url(extranet_home/body_header.gif) top no-repeat; height:12px;} #content-body { background:url(extranet_home/body_bg.gif) repeat-y; min-height:400px;} #content-body-left.inside { float:left; width:670px; padding:5px 30px 0px 20px;} #content-body-right.inside { float:left; width:230px; padding:0px 20px;} #content-body-left.home { float:left; width:620px; padding:5px 30px 0px 20px;} #content-body-right.home { float:left; width:280px; padding:0px 20px;} #content-footer { background: url(extranet_home/body_footer.gif) bottom no-repeat; height:12px;} #subnav { min-height:100px; margin-top:15px;} #document-manager { width:800px;} #news-container { margin-top:15px; } /* TYPOGRAPHY ========================================================================= */ /* Default Font Settings ----------------------------------------------------- */ body { font:11px Verdana, Arial, Helvetica, sans-serif; color:#505050; line-height:15px; } /* Headings ------------------------------------------------------------------ */ h1,h2,h3,h4,h5,h6 { font:Arial, Helvetica, sans-serif; } h1 { font:18px "Times New Roman", Times, serif; margin:0px 0px 10px 0px; color:#881314;} h2 { font-size: 16px; margin:0px; } h3 { font-size: 13px; margin:0px; } h4 { font-size: 12px; margin:0px; } h5 { font-size: 12px; font-weight: bold; margin:0px; } h6 { font-size: 12px; font-weight: bold; margin:0px; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0px; } /* Global Text Elements ------------------------------------------------------------ */ p { margin:0 0 15px 0; } 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 { color:#881314; } a { color:#006699; text-decoration:none; } 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 -------------------------------------------------------------------- */ li ul, li ol { margin:0 15px; } ul, ol { margin:0 15px 15px 15px; } ul { list-style-type:disc; } ol { list-style-type:decimal; } dl { margin: 0 0 15px 0; } dl dt { font-weight:bold; } dd { margin-left:15px;} /* Tables ------------------------------------------------------------------- */ table { margin-bottom:15px; width:100%; border-collapse:collapse; } th { font-weight:bold; } thead th { background:#c3d9ff; } th,td, caption { padding:4px 10px 4px 5px; } tr.even td { background:#e5ecf9; } tfoot { font-style:italic; } caption { background:#eee; } /* Font Resizing ------------------------------------------------------------ */ #fontsize { padding:0px 0px 10px 0px; } #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; padding:7px 0px 05px 0px; font:bold 12px Arial, Helvetica, sans-serif; text-transform:none; } #mainnav ul li a { text-decoration:none; color:#505050; padding:16px 15px 8px 15px; } #mainnav ul li a:hover { color:#ffffff; background:#9d9c9c; } #mainnav ul li a.active { color:#ffffff; background:#881314; } /* Pure CSS Drop Down -- {TPL:NAVIGATION} ----------------------------------- ul#tmenu ul { margin:0px; padding:0px; list-style:none; } ul#tmenu li { float:left; padding-right:10px; } ul#tmenu li a.toplevel { color:#ffffff; text-decoration:none; padding:0px 10px 0px 10px; line-height:30px; display:block; } ul#tmenu li a.toplevel:hover, ul#tmenu li a.toplevel.active { background:#908f8f; color:#00e5e5; } #tmenu li ul { color:#ffffff; position: absolute; border: solid #000000 0px; background:#646464; left: -999.0em; height:auto; width: 160px; margin:0px; padding:10px 10px 10px 5px; z-index:999; } #tmenu li li { width:160px; padding:0px 0px 0px 0px; margin-bottom:5px; } #tmenu li ul a { display:block; text-decoration:none; color:#ffffff; height:14px; padding-left:6px; } #tmenu li ul a:hover { font-weight: normal; color:#00e5e5; } #tmenu li ul ul { margin:-1.75em 0 0 12.0em; } #tmenu li:hover ul ul, #tmenu li:hover ul ul ul, #tmenu li.sfhover ul ul, #tmenu li.sfhover ul ul ul { left: -999em; } #tmenu li:hover ul, #tmenu li li:hover ul, #tmenu li li li:hover ul, #tmenu li.sfhover ul, #tmenu li li.sfhover ul, #tmenu li li li.sfhover ul { left:auto; } ------------------------------------------------------------------------------- */ /* jQuery Drop Down Menu --{TPL:NAVIGATION}-- Requires jqueryslidemenu.js and jquery.min.js ----- .ddsmoothmenu { font:bold 12px Verdana; background:#414141; width:100%; } .ddsmoothmenu ul { z-index:100; margin:0; padding:0; list-style-type:none; } .ddsmoothmenu ul li { position:relative; display:inline; float:left; } .ddsmoothmenu ul li a { display:block; background: #414141; color:#fffff; padding:8px 10px; border-right:1px solid #778; color:#2d2b2b; text-decoration:none; } * html .ddsmoothmenu ul li a { display:inline-block; } .ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited { color:#ffffff; } .ddsmoothmenu ul li a.selected { background:#333333; color:#ffffff; } .ddsmoothmenu ul li a:hover { background:#000000; color:#ffffff; } .ddsmoothmenu ul li ul { position:absolute; left:0; display:none; visibility:hidden; } .ddsmoothmenu ul li ul li { display:list-item; float:none; } .ddsmoothmenu ul li ul li ul { top:0; } .ddsmoothmenu ul li ul li a { font:normal 13px Verdana; width:160px; padding:5px; margin:0px; border-top-width:0px; border-bottom:1px solid gray; } * html .ddsmoothmenu { height:1%; } .downarrowclass { position:absolute; top:12px; right:7px; } .rightarrowclass { position:absolute; top:6px; right:5px; } .ddshadow { position:absolute; left:0; top:0; width:0; height:0; background:silver; } .toplevelshadow { opacity:0.8; } ------------------------------------------------------------------------------------------------ */ /* SUB NAVIGATION ===========================================================================*/ /* Simple Verticle Sub Menu -- {TPL:NAVIGATION ['false','nested']} ----------- */ #subnavheader { background:url(extranet_home/subnav_bg.gif) no-repeat; color:#ffffff; height:21px; font:bold 12px Arial, Helvetica, sans-serif; padding:6px 0px 0px 10px; } #subnavigation ul { padding:0px; margin:0px; list-style:none; } #subnavigation ul ul { padding:0px; margin:0px 0px 0px 0px; list-style:none; } #subnavigation ul li a { background:#f9f9f7; border-bottom:1px solid #ebebe9; display:block; width:220px; line-height:29px; padding:0px 0px 0px 10px; color:#444444; text-decoration:none;} #subnavigation ul li ul li a { background:#ffffff url(extranet_home/subsubnav_bg.gif) 12px 8px no-repeat; border-bottom:1px solid #ebebe9; display:block; width:205px; line-height:20px; padding:0px 0px 0px 25px; color:#444444; text-decoration:none; } #subnavigation ul li ul li ul li a { background:#ffffff url(extranet_home/subsubnav_bg.gif) 26px 8px no-repeat; border-bottom:1px solid #ebebe9; display:block; width:190px; line-height:20px; padding:0px 0px 0px 40px; color:#444444; text-decoration:none; } #subnavigation ul li ul li ul li ul li a { background:#ffffff url(extranet_home/subsubnav_bg.gif) 40px 8px no-repeat; border-bottom:1px solid #ebebe9; display:block; width:175px; line-height:20px; padding:0px 0px 0px 55px; color:#444444; text-decoration:none; } #subnavigation ul li ul li ul li ul li ul li a { background:#ffffff url(extranet_home/subsubnav_bg.gif) 54px 8px no-repeat; border-bottom:1px solid #ebebe9; display:block; width:160px; line-height:20px; padding:0px 0px 0px 70px; color:#444444; text-decoration:none; } #subnavigation ul li a:hover, #subnavigation ul li a.first-active, #subnavigation ul li a.middle-active, #subnavigation ul li a.last-active, #subnavigation ul li a.only-active { background:#f1f1ec url(extranet_home/subnav_hover_bg.gif) left repeat-y; text-decoration:none; color:#444444; } #subnavigation ul li ul li a:hover, #subnavigation ul li ul li a.first-active, #subnavigation ul li ul li a.middle-active, #subnavigation ul li ul li a.last-active, #subnavigation ul li ul li a.only-active { background:#ffffff url(extranet_home/subsubnav_bg_active.gif) 12px 8px no-repeat; text-decoration:none; color:#444444; } #subnavigation ul li ul li ul li a:hover, #subnavigation ul li ul li ul li a.first-active, #subnavigation ul li ul li ul li a.middle-active, #subnavigation ul li ul li ul li a.last-active, #subnavigation ul li ul li ul li a.only-active { background:#ffffff url(extranet_home//subsubnav_bg_active.gif) 26px 8px no-repeat; text-decoration:none; color:#444444; } #subnavigation ul li ul li ul li ul li a:hover, #subnavigation ul li ul li ul li ul li a.first-active, #subnavigation ul li ul li ul li ul li a.middle-active, #subnavigation ul li ul li ul li ul li a.last-active, #subnavigation ul li ul li ul li ul li a.only-active { background:#ffffff url(extranet_home/subsubnav_bg_active.gif) 40px 8px no-repeat; text-decoration:none; color:#444444; } #subnavigation ul li ul li ul li ul li ul li a:hover, #subnavigation ul li ul li ul li ul li ul li a.first-active, #subnavigation ul li ul li ul li ul li ul li a.middle-active, #subnavigation ul li ul li ul li ul li ul li a.last-active, #subnavigation ul li ul li ul li ul li ul li a.only-active { background:#ffffff url(extranet_home/subsubnav_bg_active.gif) 54px 8px no-repeat; text-decoration:none; color:#444444; } /* FORMS ====================================================================================*/ /* Form Fields --------------------------------------------------------------- */ #content-body label { font-weight:bold; width:100px; float:left; display:block; margin-right:10px; } #content-body input, textarea, select { margin:0px 5px 0px 20px; border:1px solid #999999; font:Verdana, Arial, Helvetica, sans-serif; font-size:11px; } #content-body input.submit { padding:3px 5px; background:#333333; color:#f2f2f2; } #content-body input:focus, #content-body textarea:focus, #content-body select:focus { border:1px solid #666666; } #content-body input { width:150px; padding:3px; } #content-body textarea { width:350px; height:200px; padding:5px; } /* Form Messages ------------------------------------------------------------- */ div.success { color:#333333; padding:10px; } div.error { color:#cc0000; padding:10px; } /* NEWS =====================================================================================*/ #news-container h3 { background:url(extranet_home/header_bg_280.gif) no-repeat; color:#ffffff; height:21px; font:12px Arial, Helvetica, sans-serif; padding:6px 0px 0px 10px; text-transform:none; margin:0px; } #news-container-body { padding:7px 5px 0px 8px; } #news-container-body .headline { padding:0px 0px 7px 0px; border-bottom:1px solid #f3f3f3; } #news-container-body .headline a { color:#444444; } #news-container-body .headline a:hover { color:#881314; } #news-container-footer { background:#f9f9f9; border:1px solid #f3f3f3; padding:8px 0px 8px 7px; position:relative; } #news-container-footer a { text-decoration:none; color:#8a929d; font:9px Arial, Helvetica, sans-serif; color:#8a929d; text-transform:uppercase; } #news-container-footer a:hover { text-decoration:underline; color:#8a929d; } #news-container-footer span.icon { position:absolute; margin:0px 0px 0px 140px; } div.newstitle { font-weight:bold; } div.newsdescpreview { margin-bottom:15px; } div.newsdescpreview a { text-transform:underline, color:#006699; } div.newsdate { color:#339900; } 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; } /* 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; 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 ==================================================================================*/ #search-container p { margin:0px; } .thesearch { font:Arial, Helvetica, sans-serif; font-size:11px; width:170px; border:1px solid #f0f0f0; padding:2px; color:#505050; } input.dosearch { vertical-align:middle; } .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; } -----------------------------------------------------------------------------------------------*/ /* Login ===================================================================================== */ #login-header { height:80px;} #login-body { background:url(extranet_home/green_login_bg.gif) repeat-x; height:267px; color:#ffffff;} #login-body-left { background:url(extranet_home/login_block_bg.gif) no-repeat; height:267px; float:left; width:563px; color:#505050;} #login-box { margin:30px 40px 0px 30px; font:11px Arial, Helvetica, sans-serif;} #login-body-right { float:left; width:397px; padding:15px;} #login-body-right ul { margin:0px 0px 15px 0px; padding:0px; list-style:none; } #login-body-right ul li { background:url(extranet_home/login_arrow.gif) no-repeat; padding-left:20px; } #login-body-right a { text-decoration:none; color:#fff;} #login-body-right a:hover { text-decoration:underline;} #login-footer { padding:15px;}