/* ------------------------------------------------------------------------ Styles developed for Mosaic Employer Solutions by Matt Crest, IdahoStew.com --------------------------------------------------------------------------*/ body { font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 90%; background-image: url("../images/header_bkgrnd.gif"); background-repeat: repeat-x; text-align: center; margin: 0; padding: 0; } * html body {behavior:url("scripts/csshover2.htc");} p { font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif } a { color: #058ad2; text-decoration: none } em { font-style: italic } a:hover { color: #000; text-decoration: none } img { margin: 0; padding: 0; border-width: 0 } img a { text-decoration: none; margin: 0; padding: 0; border-width: 0 } #page { top: 0; width: 100%; } html>body, html>body #page {height: auto;} #wrapper { font-size: 1em; background-color: transparent; text-align: center; margin-top: 20px; margin-right: auto; margin-left: auto; width: 760px } #header { text-align: left; width: 760px; text-align: left; } #header #mosaiclogo { margin-right: auto; padding-left: 30px; width: 183px; height: 67px; float: left } #header #textlink { font-size: 0.75em; text-align: right; margin-top: 35px; padding-right: 108px; width: 300px; float: right } #header #textlink a { color: #058AD2; text-decoration: none; } #header #textlink a:hover { color: #000; text-decoration: none; } #navbar { text-align: left; margin-left: 87px; padding-top: 16px; clear: both } #content { text-align: left; width: 760px; } #footer { color: #646565; font-size: 0.75em; background: url("../images/footer_bkgrnd.gif") repeat-x left top; text-align: center; margin: 10px 0; width: 100%; height: 32px; clear: both } #footer .copyright { text-align: center; margin-right: auto; margin-left: auto; padding-top: 10px; width: 760px } #footer .copyright p { text-align: left; margin-top: 5px; width: 760px } #footer a { color: #058AD2; text-decoration: none; } #footer a:hover { color: #000; text-decoration: none; } .clear { height: 0; clear: both } .bullet_small { background-image: url("../images/bullet_small.gif"); background-repeat: no-repeat } /* ----------------- Home page styles --------------------*/ #content .home { } .home .flash { background-color: transparent; text-align: center; margin: 20px 0 15px; clear: both } .home .feature_boxes { background-color: transparent; text-align: center; margin: 20px auto 15px; width: 700px; clear: both } .home .feature .one, .home .feature .two { background-color: transparent; background-image: url("../images/home_feat_grad_bkgrnd.gif"); background-repeat: repeat-x } .home .feature .one { text-align: left; width: 450px; height: 160px; float: left; clear: none } .home .feature .one .box { margin: 20px } .home .feature .two { text-align: left; width: 230px; height: 160px; float: right; clear: none } .home .feature .two .box { margin: 20px } .home .feature .one:hover, .home .feature .two:hover { background-color: #e0e0e0; background-image: none; background-repeat: repeat } .home .feature h2 { color: #058ad2; font-size: 1.25em; font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1em; text-transform: uppercase } .home .feature h2 a { color: #058ad2; text-decoration: none } .home .feature h2 a:hover { color: #000; text-decoration: none } .home .feature p { color: #646565; font-size: 1em; font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; line-height: 1.5em } .home .feature .featurelinks { color: #646565; font-size: 0.75em; font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; text-align: right } .home .feature .featurelinks a { color: #058ad2; text-decoration: none } .home .feature .featurelinks a:hover { color: #000; text-decoration: none } /* ----------------- Interior page styles --------------------*/ #content .interior { } .interior .headerbar { background-color: transparent; text-align: left; margin: 20px 0 15px 30px; width: 100%; clear: both } .interior .headerbar img { margin: 0 } .interior .headerbar img.right { background-color: transparent; margin-left: 17px } .interior #main_column { width: 460px; background-color: transparent; text-align: left; float: left; margin: 43px 0 0 30px; display: inline;} .interior #main_column .intro { color: #646565; font-size: 1.15em; line-height: 1.5em; } .interior #main_column h2 { color: #058ad2; font-size: 1em; font-weight: normal; line-height: 1em; text-transform: uppercase; margin-bottom: -0.25em } .interior #main_column .clearline { background-color: #058ad2; text-align: center; margin: 20px auto; width: 100%; height: 1px; clear: both } .interior #main_column .nextlink { color: #646565; font-size: 1.15em; font-style: italic; text-align: right; margin-top: 20px; margin-bottom: 20px; padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #058ad2; border-bottom: 1px solid #058ad2 } .interior #main_column .nextlink a { color: #058ad2; text-decoration: none } .interior #main_column .nextlink a:hover { color: #000 } .interior #main_column p { color: #646565; font-size: 0.9em; line-height: 1.5em } .interior #main_column ul { color: #646565; font-size: 0.8em; line-height: 1.15em; background-color: transparent } .interior #main_column ul li { list-style-type: square; margin-bottom: 1.25em } .interior #main_column ul li em { color: #646565; font-style: italic; font-weight: normal } .interior #main_column ul li a { color: #058ad2; text-decoration: none } .interior #main_column ul li a:hover { color: #000; text-decoration: none } .interior #main_column img.center { text-align: center; display: block; margin: 25px auto } .interior #side_column { background-color: transparent; text-align: left; display: inline; margin-top: 43px; margin-right: 30px; width: 200px; float: right } .interior #side_column .box { background-color: transparent; background-image: url("../images/home_feat_grad_bkgrnd.gif"); background-repeat: repeat-x; text-align: left; margin-bottom: 20px; width: 200px; height: auto } .interior #side_column .box:hover { background-color: #e0e0e0; background-image: none } .interior #side_column .box .padder { padding: 1px 10px 10px } .interior #side_column h2 { color: #058ad2; font-size: 1em; font-weight: normal; line-height: 1em; text-transform: uppercase } .interior #side_column h2 a { color: #058ad2; text-decoration: none; } .interior #side_column h2 a:hover { color: #000; text-decoration: none; } .interior #side_column p { color: #646565; font-size: 0.9em; line-height: 1.3em; margin-top: -5px } .interior #side_column ul { color: #646565; font-size: 0.9em; margin-left: 13px; padding-bottom: 0.25em; padding-left: 0 } .interior #side_column li { color: #646565; font-size: 0.9em; line-height: 1.3em; list-style-type: square; margin-bottom: 3px } .interior #side_column li a { color: #058ad2; text-decoration: none; } .interior #side_column li a:hover { color: #000; text-decoration: none; } .interior #feature_container { background-color: transparent; text-align: left; margin: 20px 0 15px 20px; width: 720px; clear: both } .interior #feature_container .row { background-color: transparent; clear: both } .interior .feature { background-color: transparent; background-image: url("../images/home_feat_grad_bkgrnd.gif"); background-repeat: repeat-x; text-align: left; display: inline; margin-right: 10px; margin-bottom: 20px; margin-left: 10px; width: 220px; height: 103px; float: left; clear: none } .interior .feature .box { margin: 15px } .interior .feature:hover { background-color: #e0e0e0; background-image: none } .interior .feature h2 { color: #058ad2; font-size: 1em; font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1em; text-transform: uppercase; margin-bottom: 0 } .interior .feature h2 a { color: #058ad2; text-decoration: none } .interior .feature h2 a:hover { color: #000; text-decoration: none } .interior .feature p { color: #646565; font-size: 0.8em; font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; line-height: 1.5em; margin-top: 0 } .interior .feature .featurelinks { color: #646565; font-size: 0.75em; font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; text-align: right; margin-top: -5px } .interior .feature .featurelinks a { color: #058ad2; text-decoration: none } .interior .feature .featurelinks a:hover { color: #000; text-decoration: none } /* ------------------------------------------------------------------------ Navigation styles // fancy css sprite rollover navigation elements - as shown at http://alistapart.com/articles/sprites -------------------------------------------------------------------------*/ #navigation { background: url("../images/navbar.gif"); text-align: center; margin: 0; padding: 0; position: relative; width: 587px; height: 32px; } #navigation li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;} #navigation li, #navigation a { text-decoration: none; display: block; height: 32px; } #navigation #home {left: 0; width: 80px;} #navigation #solutions {left: 80px; width: 120px;} #navigation #resources {left: 200px; width: 124px;} #navigation #company {left: 324px; width: 112px;} #navigation #clientcenter {left: 436px; width: 151px;} #navigation #home a:hover {background: transparent url("../images/navbar.gif") 0 -32px no-repeat;} #navigation #solutions a:hover {background: transparent url("../images/navbar.gif") -80px -32px no-repeat;} #navigation #resources a:hover {background: transparent url("../images/navbar.gif") -200px -32px no-repeat;} #navigation #company a:hover {background: transparent url("../images/navbar.gif") -324px -32px no-repeat;} #navigation #clientcenter a:hover {background: transparent url("../images/navbar.gif") -436px -32px no-repeat;} #navigation #home a:active {background: transparent url("../images/navbar.gif") 0 -64px no-repeat;} #navigation #solutions a:active {background: transparent url("../images/navbar.gif") -80px -64px no-repeat;} #navigation #resources a:active {background: transparent url("../images/navbar.gif") -200px -64px no-repeat;} #navigation #company a:active {background: transparent url("../images/navbar.gif") -324px -64px no-repeat;} #navigation #clientcenter a:active {background: transparent url("../images/navbar.gif") -436px -64px no-repeat;} /* -------------------------------------------------------- Navigation styles // styles for php current page navigation as shown here http://alistapart.com/articles/keepingcurrent ----------------------------------------------------------*/ #navigation #homecurrent {left: 0; width: 80px;} #navigation #homecurrent a {background: transparent url("../images/navbar.gif") 0 -64px no-repeat;} #navigation #homecurrent a:hover {background: transparent url("../images/navbar.gif") 0 -32px no-repeat;} #navigation #homecurrent a:active {background: transparent url("../images/navbar.gif") 0 -64px no-repeat;} #navigation #solutionscurrent {left: 80px; width: 120px;} #navigation #solutionscurrent a {background: transparent url("../images/navbar.gif") -80px -64px no-repeat;} #navigation #solutionscurrent a:hover {background: transparent url("../images/navbar.gif") -80px -32px no-repeat;} #navigation #solutionscurrent a:active {background: transparent url("../images/navbar.gif") -80px -64px no-repeat;} #navigation #resourcescurrent {left: 200px; width: 124px;} #navigation #resourcescurrent a {background: transparent url("../images/navbar.gif") -200px -64px no-repeat;} #navigation #resourcescurrent a:hover {background: transparent url("../images/navbar.gif") -200px -32px no-repeat;} #navigation #resourcescurrent a:active {background: transparent url("../images/navbar.gif") -200px -64px no-repeat;} #navigation #companycurrent {left: 324px; width: 112px;} #navigation #companycurrent a {background: transparent url("../images/navbar.gif") -324px -64px no-repeat;} #navigation #companycurrent a:hover {background: transparent url("../images/navbar.gif") -324px -32px no-repeat;} #navigation #companycurrent a:active {background: transparent url("../images/navbar.gif") -324px -64px no-repeat;} #navigation #clientcentercurrent {left: 436px; width: 151px;} #navigation #clientcentercurrent a {background: transparent url("../images/navbar.gif") -436px -64px no-repeat;} #navigation #clientcentercurrent a:hover {background: transparent url("../images/navbar.gif") -436px -32px no-repeat;} #navigation #clientcentercurrent a:active {background: transparent url("../images/navbar.gif") -436px -64px no-repeat;} /* -------------------------------------------------------- Contact form styles ----------------------------------------------------------*/ form { color: #646565; font-size: 1em;} form em { color: #c33; font-style: normal; font-weight: bold } form fieldset { background: url("../images/home_feat_grad_bkgrnd.gif") repeat-x left top; margin-bottom: 10px; border: solid 1px #ccc } form legend { padding: 0 2px; color: #058ad2; font-size: 1.25em; font-weight: normal; } form label { color: #646565; font-size: 0.9em; line-height: 1.8; text-align: right; display: inline-block; margin-right: 10px; width: 200px; vertext-align: top } form textarea { color: #058ad2; font-size: 0.9em; font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; font-style: italic; line-height: 1.5; padding: 7px; border: solid 1px #ccc } form label.comments { color: #058ad2; text-align: left; margin-left: 7px } form input { color: #058ad2; font-size: 0.9em; background-color: transparent; text-align: left; padding: 2px 2px 2px 4px; border-style: groove solid solid; border-width: 0 0 1px 1px; border-color: #666 #666 #999 #999 } form input:focus { background-color: #ff9 } form input.button { color: #058ad2; font-size: 1em; margin-left: 14px; padding: 4px 6px } form fieldset ol { margin: 0; padding: 0;} form fieldset li { list-style: none; margin: 0; padding: 5px;} form fieldset fieldset { background: none; margin: 3px 0 0; } form fieldset fieldset legend { padding: 0 0 5px; color: #058ad2; font-size: .9em; font-weight: normal; } form fieldset fieldset label { font-size: 0.8em; line-height: 1.2em; text-align: left; display: block; margin-left: 123px; width: auto } .failedlogin { color: #c33; font-size: 0.9em; margin-bottom: 20px } /* -------------------------------------------------------- Career section styles ----------------------------------------------------------*/ .interior #main_column #careers {} .interior #main_column #careers h2 { color: #058ad2; font-size: 1em } .interior #main_column #careers ul { list-style-type: none; margin-left: 0; padding-left: 0 } .interior #main_column #careers ul li { background-image: url("../images/home_feat_grad_bkgrnd.gif"); background-repeat: repeat-x; background-position: left top; list-style-type: none; padding: 7px } .interior #main_column #careers .jobtitle { color: #058ad2; font-size: 1.1em } .interior #main_column #careers .location { color: #646565; font-size: 0.9em } .interior #main_column #careers dl { } .interior #main_column #careers dt { color: #058ad2; font-size: 1em; text-transform: uppercase; margin-top: 10px; width: 100px } .interior #main_column #careers dd { color: #646565; font-size: 1em } .interior #main_column #careers dd ul { color: #646565; font-size: 1em; line-height: 1.15em; margin-left: 12px; background-color: transparent } .interior #main_column #careers dd ul li { background: transparent; list-style-type: square; margin-bottom: 0 } .interior #main_column #careers p { color: #646565; font-size: 0.9em } /* -------------------------------------------------------- sitemap styles ----------------------------------------------------------*/ #sitemap { margin-top: -2em } #sitemap ul { } #sitemap ul ul { margin-top: 1.25em; margin-bottom: 1em } #sitemap ul li { font-size: 1.15em; line-height: 0.75 } #sitemap h1 { color: #058ad2; font-size: 1.75em; font-weight: normal; text-transform: uppercase }