/*----------------------------------------------------------------------------- pathway-medical.com Stylesheet date: 8/31/06 author: chris monnat email: cmonnat@practisinc.com website: http://www.practisinc.com -----------------------------------------------------------------------------*/ /* =General -----------------------------------------------------------------------------*/ /* Remove padding and margin */ * { margin: 0; padding: 0; } /* Put it back on certain elements */ h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul { margin: 1em 0; color:#333333; } /* Class for clearing floats */ .clear { clear:both; } /* Remove border around linked images */ a img { border: 0; } /* =Typography -----------------------------------------------------------------------------*/ html { padding: 0; margin: 0; } body { padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } /* Apply appropriate background image based on ID of . */ #index_page { background: url(../images/bg_body.gif) repeat-x #E5E5E5; } #content_page { background: url(../images/bg_body_content.gif) repeat-x #E5E5E5; } /* =Headings -----------------------------------------------------------------------------*/ h1 { font-size: 18px; color:#0D2D84; } h2 { font-size: 16px; color:#0D2D84; } /* =Links -----------------------------------------------------------------------------*/ a { color: #0D2D84; } /* =Page Structure -----------------------------------------------------------------------------*/ #page { margin:0 auto; padding:0; width: 780px; } /* =Navigation -----------------------------------------------------------------------------*/ #nav { height:31px; margin:0; padding:0; overflow:hidden; } ul#nav_main { height:31px; margin:0; padding:0; list-style-type:none; overflow:hidden; } ul#nav_main li { height:31px; margin:0; padding:0; list-style-type:none; float:left; position:relative; overflow:hidden; } ul#nav_main li a { padding:31px 0 0 0; height:0; margin:0; display:block; cursor:pointer; } * html #nav_main a:hover { background:#ccccff; cursor:pointer;} /* This is an example of what needs to be done for each li in the main navigation unordered list. You can copy this block and just change out the class name, widths and background image names/locations. */ ul#nav_main li.home { width:98px; } ul#nav_main li.home a,ul#nav_main li.home a:link { background:url(../images/nav_main/btn-home.png) no-repeat; } ul#nav_main li.home a:hover,body.home ul#nav_main li.home a { background:url(../images/nav_main/btn-home.png) no-repeat 0 -31px; } ul#nav_main li.search-jobs { width:149px; } ul#nav_main li.search-jobs a,ul#nav_main li.search-jobs a:link { background:url(../images/nav_main/btn-search-jobs.png) no-repeat; } ul#nav_main li.search-jobs a:hover,body.search-jobs ul#nav_main li.search-jobs a { background:url(../images/nav_main/btn-search-jobs.png) no-repeat 0 -31px; } ul#nav_main li.find-candidates { width:176px; } ul#nav_main li.find-candidates a,ul#nav_main li.find-candidates a:link { background:url(../images/nav_main/btn-find-candidates.png) no-repeat; } ul#nav_main li.find-candidates a:hover,body.find-candidates ul#nav_main li.find-candidates a { background:url(../images/nav_main/btn-find-candidates.png) no-repeat 0 -31px; } ul#nav_main li.about-us { width:121px; } ul#nav_main li.about-us a,ul#nav_main li.about-us a:link { background:url(../images/nav_main/btn-about-us.png) no-repeat; } ul#nav_main li.about-us a:hover,body.about-us ul#nav_main li.about-us a { background:url(../images/nav_main/btn-about-us.png) no-repeat 0 -31px; } ul#nav_main li.contact-us { width:140px; } ul#nav_main li.contact-us a,ul#nav_main li.contact-us a:link { background:url(../images/nav_main/btn-contact-us.png) no-repeat; } ul#nav_main li.contact-us a:hover,body.contact-us ul#nav_main li.contact-us a { background:url(../images/nav_main/btn-contact-us.png) no-repeat 0 -31px; } ul#nav_main li.blog { width:96px; } ul#nav_main li.blog a,ul#nav_main li.blog a:link { background:url(../images/nav_main/btn-blog.png) no-repeat; } ul#nav_main li.blog a:hover,body.blog ul#nav_main li.blog a { background:url(../images/nav_main/btn-blog.png) no-repeat 0 -31px; } /* =Sub Nav -----------------------------------------------------------------------------*/ #nav_bottom { padding: 5px 0; clear: both; border-top: 1px solid #c5cad7; text-align: center; font-size: 11px; color: #333333; clear:both; } #nav_bottom a { padding: 0 5px; text-decoration: none; color: #333333; } #nav_bottom a:hover { text-decoration: underline; } /* =Main Content -----------------------------------------------------------------------------*/ #index_page #promo { width: 390px; height: 126px; float: right; color: #FFFFFF; background: url(../images/home_blue_watermark2.jpg) no-repeat 186% 0; font-size: 11px; } #index_page #promo h1 { width:275px; height:36px; margin:15px 0 5px 0; padding:0; position:relative; overflow:hidden; } #index_page #promo h1 span { width:100%; height:100%; position:absolute; background:url(../images/txt-promo.jpg) no-repeat; } #index_page #promo a, #index_page #promo a:link, #index_page #promo a:visited, #index_page #promo a:hover { color:#fff; text-decoration:underline; } #index_page #promo .tagline { font-family: "Times New Roman", Times, serif; font-size: 18px; font-weight: bold; text-transform:uppercase; } #index_page #search { display:inline; width: 516px; height: 200px; float: left; overflow:hidden; } #index_page #jobs_search { height:150px; padding: 1px 0 0 151px; background: url(../images/home_job_search.gif) no-repeat; font-size:20px; line-height:30px; color:#0d2d84; } #index_page #jobs_search p { font-size:20px; line-height:30px; color:#0d2d84; } #index_page #jobs_search img { vertical-align:middle; } #index_page #candidates_search { height:121px; padding: 30px 0 0 151px; background: url(../images/home_candidate_search.jpg) no-repeat; } #index_page #callouts { display:inline; width: 222px; float: right; margin-right: 42px; padding:80px 0 0 0; } #index_page #callouts .socal-links { width: 222px; overflow:hidden; text-align:center; padding:5px 0; } #index_page #callouts .socal-links h4 { margin:10px 0; padding:0; color:#0D2D84; font-size:13px; font-weight:bold; } #index_page #callouts .socal-links img { margin:0; padding:0 2px; } #content_page #branding-message{ float: right; display:inline; width: 452px; height: 104px; padding:17px 0 0 0; color:#fff; font-size:20px; line-height:26px; overflow:hidden; } #content_page #search { width: 319px; height: 74px; float: right; padding-top: 50px; padding-left: 103px; padding-right: 30px; background: url(../images/bg_search_jobs.jpg) no-repeat; visibility:hidden; } #content_page #search_candidates { width: 319px; height: 74px; float: right; padding-top: 50px; padding-left: 103px; padding-right: 30px; background: url(../images/bg_search_candidates.jpg) no-repeat; } #content_page #search_candidates_main_content { width: 450px; height: 74px; padding-top: 50px; padding-left: 13px; padding-right: 30px; background: url(../images/bg_find_candidates_main_content.jpg) no-repeat; } #content_page #search select, #content_page #search_candidates select, #search_candidates_main_content select { font-size: 11px; } #content_page #callouts { width: 222px; float: right; margin-right: 42px; } #primary_content { width: 530px; float: right; margin-top: 20px; margin-bottom: 20px; color: #333333; } #primary_content ul { list-style-type:none; margin:0; padding:0; } #primary_content ul ul { list-style-type:none; margin:0; padding:0;} #primary_content li { list-style-type:disc; margin:0 0 0 40px; line-height:18px; font-size:12px; } #primary_content li li { list-style-type:circle; margin:0 0 0 40px; line-height:18px; font-size:12px; } /* =Secondary Content -----------------------------------------------------------------------------*/ #secondary_content { width: 205px; float: left; } #in_this_section { width: 185px; height: 117px; padding: 40px 25px 0 13px; color: #0D2D84; background: url(../images/bg_its_contact.gif) no-repeat; } #in_this_section ul { padding:0; margin: 0; margin-left: 15px; list-style-type: none; } #in_this_section li { padding-left: 12px; background: url(../images/bg_bullet.gif) no-repeat 0 50%; line-height: 21px; } #in_this_section a { color: #0d2d84; text-decoration: none; font-weight: bold; } #in_this_section li a:hover { text-decoration: underline; } /* =Footer -----------------------------------------------------------------------------*/ #footer { padding-top: 5px; color: #333333; font-size: 11px; border-top: 1px solid #c5cad7; } #footer a { color: #333333; text-decoration: none; } #footer a:hover { text-decoration: underline; } #footer #contact { width: 390px; float: left; } #footer #copyright { width: 390px; float: right; text-align: right; } /* =Forms -----------------------------------------------------------------------------*/ form { /*width: 98%;*/ padding: 5px; margin: 0; } form em { color: #FF0000; } form p { clear: left; margin: 0; padding: 0; padding-top: 5px; } form p label { float: left; width: 35%; } fieldset { padding: 7px; padding-left: 8px; } fieldset legend { padding: 0; margin-bottom: 2px; font-weight: bold; color: #000000; font-size: 13px; } input.txt { width: 200px; } /*textarea { width: 300px; height: 100px; } */ .formerror { border: 1px solid red; background-color : #FFCCCC; width: auto; padding: 5px; margin-bottom: 5px; } .formerror ul { padding-left: 20px; } /* Removes fieldset borders. even on Opea 7 */ /* =Tables -----------------------------------------------------------------------------*/ table { margin: 0; border-spacing: 0; border-collapse: collapse; } td { text-align: left; font-weight: normal; vertical-align:top; } p.blue { color:#0D2D84; }