/*** Master Style Sheet for ProNerve.com ******* *** Copyright (c) 9.2007 by 3 Roads Media *******/ /*** Global Styles ************/ * { margin:0; padding:0; } body { font-family:Tahoma, Arial, sans-serif; color:#3c3c3c; background-color:#fff; } a { color:#143d8d; font-weight:bold; text-decoration:none; } a:hover { color:#a8abd1; text-decoration:underline; } a.more { padding-left:25px; background:url(../images/arrow-more.gif) center left no-repeat; } /* following 6 declarations position small icons in sidebar !important ensures PNG images display for non IE browsers */ a#apply, a#home, a#hr, a#info, a#logout, a#port, a#surg { padding:0 0 6px 30px; line-height:1.9em; } a#apply { background:url(../images/icon-apply-sm.png) no-repeat !important; background:url(../images/icon-apply-sm.gif) no-repeat; } a#home { background:url(../images/icon-home-sm.png) no-repeat !important; background:url(../images/icon-home-sm.gif) no-repeat; } a#hr { background:url(../images/icon-hr-sm.png) no-repeat !important; background:url(../images/icon-hr-sm.gif) no-repeat; } a#info { background:url(../images/icon-info-sm.png) no-repeat !important; background:url(../images/icon-info-sm.gif) no-repeat; } a#logout { background:url(../images/icon-logout-sm.png) no-repeat !important; background:url(../images/icon-logout-sm.gif) no-repeat; } a#port { background:url(../images/icon-portal-sm.png) no-repeat !important; background:url(../images/icon-portal-sm.gif) no-repeat; } a#surg { background:url(../images/icon-surg-sm.png) no-repeat !important; background:url(../images/icon-surg-sm.gif) no-repeat; } h1, h2 { font-size:130%; font-weight:normal; } h1 { margin-bottom:16px; border-bottom:1px solid #cacaca; } h2 { margin-bottom:10px; font-family:Arial, sans-serif; line-height:1em; } h3 { font-size:80%; } img { border:none; } label { display:block; font-size:80%; } li { list-style:none; } p { font-size:80%; line-height:1.36em; letter-spacing:0.01em; text-align:justify; } th { height:2em; text-align:right; } /*** Classes ******************/ .bodyText { margin-bottom:50px; } .bodyText ul { padding-left: 15px; } .bodyText ul li { font-size: 13px; } .clear { clear:both; } .email { text-decoration:underline; } .email span { display:none; } .faded { color:#999; } .featureImg { padding:5px 10px 0 0; float:left; } body#home .inner { padding:5px 10px 0; border-left:1px solid #cacaca; border-right:1px solid #cacaca; width:220px; } .inner { padding:5px 19px 0; border-left:1px solid #cacaca; border-right:1px solid #cacaca; width:202px; } .innerLeft { padding-top:3px; float:left; width:85px; } .innerRight { margin-left:95px; } .innerRight p { margin-bottom:-10px; } .sidebarBox { margin-bottom:20px; background:#dedfe4 url(../images/bg-rounded.jpg) top repeat-x; width:242px; } .strong { font-weight:bold; } /*** Page Structure ***********/ #admin { position:absolute; } #body { float:left; width:460px; } #abou #body { float:left; width:560px; } #contact-info { position:absolute; bottom:85px; left:23px; width:149px; height:208px; } #contact-info p { text-align:left; } #contact-info span { padding-top:1em; display:block; font-size:11px; } #container { width:960px; } #footer { padding-bottom:3px; position:relative; clear:left; height:1%; border-top:4px solid #cacaca; } #footer p { font-size:60%; line-height:1.6em; text-align:right; } #footer-print { display:none; } #header { padding-top:20px; text-align:right; } #header h1 { margin-top:10px; text-align:left; } #inner-content { margin:32px 0 0 14px; } #main-content { margin-right:13px; padding-left:202px; background:url(../images/neurons.jpg) no-repeat; min-height:860px; height:auto !important; } #nav { margin-top:20px; padding-bottom:6px; background:url(../images/nav-bottom.gif) bottom repeat-x; width:754px; } #sidebar { margin-left:484px; padding-top:25px; } #skip { position:absolute; left:-9999px; } /* visible only to screen readers */ /*** Navigation ***************/ /* creates nav list & positions background image */ #nav li { float:left; } #nav li a { position:absolute; top:0; display:block; height:30px; background:url(../images/nav-matrix.png) no-repeat; overflow:hidden; font-size:0; } #nav ul { position:relative; width:754px; height:30px; background:url(../images/nav-matrix.png); list-style:none; } /* redundant positioning decl's */ li#home a { width:102px; background-position:0 -180px; } li#abou a { left:102px; width:123px; } li#care a { left:225px; width:119px; } li#empl a { left:344px; width:137px; } li#part a { left:481px; width:142px; background-position:-481px -180px; } li#cont a { left:623px; width:131px; background-position:-623px -180px; } li#home a:hover { background-position:0 -60px; } li#cont a:hover { background-position:-623px 0; } li#part a:hover { background-position:-481px 0; } /* unique positioning decl's */ body#none li#home a:hover { background-position:0 -60px; } body#none li#abou a { background-position:-102px -180px; } body#none li#abou a:hover { background-position:-102px -90px; } body#none li#care a { background-position:-225px -180px; } body#none li#care a:hover { background-position:-225px 0; } body#none li#empl a { background-position:-344px -180px; } body#none li#empl a:hover { background-position:-344px 0; } body#home li#home a { background-position:0 0; } body#home li#home a:hover { background-position:0 0; } body#home li#abou a { background-position:-102px -240px; } body#home li#abou a:hover { background-position:-102px 0; } body#home li#care a { background-position:-225px -180px; } body#home li#care a:hover { background-position:-225px -150px; } body#home li#empl a { background-position:-344px -180px; } body#home li#empl a:hover { background-position:-344px 0; } body#abou li#home a { background-position:0 -210px; } body#abou li#home a:hover { background-position:0 -30px; } body#abou li#abou a { background-position:-102px -30px; } body#abou li#care a { background-position:-225px -240px; } body#abou li#care a:hover { background-position:-225px -30px; } body#abou li#empl a { background-position:-344px -180px; } body#abou li#empl a:hover { background-position:-344px -150px; } body#care li#abou a { background-position:-102px -210px; } body#care li#abou a:hover { background-position:-102px -60px; } body#care li#care a { background-position:-225px -60px; } body#care li#empl a { background-position:-344px -240px } body#care li#empl a:hover { background-position:-344px -60px; } body#empl li#abou a { background-position:-102px -180px; } body#empl li#abou a:hover { background-position:-102px -90px; } body#empl li#care a { background-position:-225px -210px; } body#empl li#care a:hover { background-position:-225px -90px; } body#empl li#empl a { background-position:-344px -90px; } body#empl li#part a { background-position:-481px -240px; } body#empl li#part a:hover { background-position:-481px -90px; } body#part li#abou a { background-position:-102px -180px; } body#part li#abou a:hover { background-position:-102px -90px; } body#part li#care a { background-position:-225px -180px; } body#part li#care a:hover { background-position:-225px 0; } body#part li#empl a { background-position:-344px -210px; } body#part li#empl a:hover { background-position:-344px -120px; } body#part li#part a { background-position:-481px -120px; } body#part li#cont a { background-position:-623px -240px; } body#part li#cont a:hover { background-position:-623px -120px; } body#cont li#abou a { background-position:-102px -180px; } body#cont li#abou a:hover { background-position:-102px -90px; } body#cont li#care a { background-position:-225px -180px; } body#cont li#care a:hover { background-position:-225px 0; } body#cont li#empl a { background-position:-344px -180px; } body#cont li#empl a:hover { background-position:-344px 0; } body#cont li#part a { background-position:-481px -210px; } body#cont li#part a:hover { background-position:-481px -150px; } body#cont li#cont a { background-position:-623px -150px; } /*** Contact Form *************/ form br { line-height:0.7em; } span.required { color:#990000; font-size:90%; text-transform:uppercase; } #submit { padding:0 5px; font-family:Tahoma, sans-serif; } /**** Administration **********/ /*** Code By: Jake Alger ******/ /*** www.JakeAlger.com ********/ #admin-content h3.announcement, #admin-navigation ul li.announcement { background:url(../images/admin/announcement-icon.gif) no-repeat 0 3px; } #admin-content h3.portal, #admin-navigation ul li.portal { background:url(../images/admin/portal-icon.gif) no-repeat 0 3px; } #admin-content h3.users, #admin-navigation ul li.users { background:url(../images/admin/user-icon.gif) no-repeat 0 3px; } #admin-content h3.library, #admin-navigation ul li.library { background:url(../images/admin/library-icon.gif) no-repeat 0 3px; } #admin-content h3.mydocs, #admin-navigation ul li.mydocs { background:url(../images/admin/document-icon.gif) no-repeat 0 3px; } #admin-content h3.edituser, #blocks h3.edituser { background:url(../images/admin/edituser-icon.gif) no-repeat 0 5px; } #admin-content { float:left; width:500px; } #admin-content h3 { padding:0 0 5px 15px; } #admin-content input.button { padding:1px 4px; width:auto; font-family:Tahoma, Arial; cursor:pointer; } #admin-content table { width:100%; font-size:11px; } #admin-content table thead th { padding:3px 5px 3px 5px; background-color:#828fbf; color:#fff; text-align:left; } #admin-content table tr td { padding:3px 5px 3px 5px; background-color:#fff; } #admin-content table tr td a { font-size:10px; } #admin-content table tr td span { padding:0 3px 0 3px; } #admin-content table tr.odd td { background-color:#dcdce0; } #admin-content ul { padding:5px; text-align:right; } #admin-content ul li { /*display:inline;*/ font-size:11px; } #admin-content p { margin-bottom:10px; font-size:11px; } #admin-navigation { margin-left:15px; float:left; width:215px; } #admin-navigation ul { padding:10px; background-color:#ebecf4; font-size:11px; } #admin-navigation ul li { padding-left:15px; line-height:17px; } #admin-navigation ul li.contact { background:url(../images/admin/contact-icon.gif) no-repeat 0 5px; } #admin-navigation ul li.delete { background:url(../images/admin/delete-icon.gif) no-repeat 0 3px; } #admin-navigation ul li.euser { background:url(../images/admin/edituser-icon.gif) no-repeat 0 3px; } #admin-navigation ul li.signout { background:url(../images/admin/signout-icon.gif) no-repeat 0 4px; } #admin-navigation ul li a { font-weight:bold; } #blocks { float:left; width:460px; } #blocks div { margin-top:5px; float:left; width:460px; } #blocks h3 { padding:0 0 5px 15px; } #blocks div label { padding:2px 5px 0 0; float:left; width:145px; text-align:right; } #blocks div input { float:left; width:200px; } #blocks div input.button { padding:1px 4px; width:auto; font-family:Tahoma, Arial; cursor:pointer; } #blocks div textarea { float:left; width:200px; height:100px; } #blocks div textarea#contact, #blocks div textarea#announcement { width:300px; height:170px; } #blocks div textarea.pages { width:300px; height:150px; } #blocks div select { float:left; width:205px; } #blocks div select option { padding-left:5px; } #blocks h3.announce { background:url(../images/admin/announcement-icon.gif) no-repeat 0 3px; } #blocks h3.contact { background:url(../images/admin/contact-icon.gif) no-repeat 0 5px; } #blocks p#info { margin-bottom:10px; } #site { float:left; width:500px; } #site h3 { padding:0 0 15px; } #site div { margin-top:5px; float:left; width:500px; } #site div label { padding:2px 5px 0 0; float:left; width:65px; text-align:right; } #site div input { float:left; width:200px; } #site div input.button { padding:1px 4px; width:auto; font-family:Tahoma, Arial; cursor:pointer; } #site div textarea { width:380px; height:150px; } #site div select { float:left; width:205px; } #site div select option { padding-left:5px; } #site p#info { margin-bottom:10px; } #view { float:left; width:500px; } #view div { float:left; width:500px; } #view div#message { margin-top:15px; } #view div label { padding:2px 5px 0 0; float:left; width:95px; font-weight:bold; } #view div p { float:left; width:400px; } #view ul { margin-top:50px; float:left; } #view ul li { display:block; font-size:11px; } #view ul li a { text-decoration:underline; }