#center { width: 727px; margin: 0 auto 5px auto; } /* * DEFAULTS */ * { margin: 0; padding: 0; } body { color: #000000; font-family: Arial, serif; font-size: 1em; background-color: black; } strong { font-weight: bold; } em { font-style: normal; color: red; font-family:century gothic; } ti { font-style: normal; color: blue; font-size: 19em; font-family:century gothic; } ul, ol { list-style: none; } a { color: #2d2d2e; text-decoration: underline; } a:hover { color: #2d2d2e; } input { font-family: Arial, serif; } .clear { clear: both; } /* * PAGE */ #page { width: 727px; background: #ffffff url("graphics/page-bg.gif") repeat-y; margin: 0 auto 5px auto; } /* * FOR */ #for { position: relative; width: 727px; height: 25px; background: #383431 url("graphics/for-bg.gif") no-repeat; } #for ul { float: right; position: absolute; right: 24px; top: 4px; } #for li { float: left; } #for li a { line-height: 20px; text-align: center; font-size: .75em; color: #8a8887; display: block; float: left; width: 169px; height: 20px; } #for li.jobseekers a { background: url("graphics/for-job-seekers.gif") no-repeat; } #for li.employers a { background: url("graphics/for-employers.gif") no-repeat; } #for li a:hover, #for li.current a { color: #fffffd; background-position: bottom left; } /* * HEADER */ #header { position: relative; padding-left: 37px; width: 690px; height: 88px; background: #383431 url("graphics/header-bg.gif") no-repeat; } #header h1 a { color: red; font-size: 1.1em; line-height: 58px; } #header h1 a em { color: red; } #header #login { width: 150px; height: 88px; position: absolute; right: 34px; top: 0; } #header #login h2 { font-weight: normal; font-size: .75em; color: #fffffd; padding-top: 5px; height: 17px; background: url("graphics/user-login-header.gif") no-repeat center left; text-indent: 20px; } #header #login input { display: block; border: 1px solid #514d4b; font-size: .55em; padding: 2px; width: 142px; height: 12px; background: #ffffff url("graphics/login-input.gif") repeat-x; } #header #login button { position: absolute; bottom: 0; right: 0; cursor: pointer; width: 74px; height: 24px; text-indent: -1000em; border: 0; background: url("graphics/login-button.gif") no-repeat; } #header #login a { font-size: .6em; text-decoration: underline; color: #fffffd; padding-left: 10px; } #header ul { padding-top: 5px; height: 23px; } #header li { background: #383431 url("graphics/menu-bg.gif") repeat-x; height: 23px; float: left; } #header li a { border-right: 1px solid #abaaa9; border-left: 1px solid #63605d; line-height: 23px; padding: 0 10px; font-size: .75em; display: block; float: left; height: 23px; color: #e7e7e7; } #header li.first a { background: url("graphics/menu-front.gif") no-repeat; padding-left: 20px; border-left: none; } #header li.last a { background: url("graphics/menu-rear.gif") no-repeat top right; padding-right: 19px; border-right: none; } #header ul li a:hover, #header ul li a.current { color: #2b2c2c; background: #ffffff; } #header ul li.first a:hover, #header ul li.first a.current { background: #ffffff url("graphics/menu-front.gif") no-repeat; } #header ul li.last a:hover, #header ul li.last a.current { background: #ffffff url("graphics/menu-rear.gif") no-repeat top right; } #header #login1 { width: 150px; height: 88px; position: absolute; right: 34px; top: 0; text-align: center } #header #login1 h2 { font-weight: normal; font-size: .70em; color: white; padding-top: 5px; height: 17px; text-align: center } #header #login1 input { display: block; border: 1px solid #514d4b; font-size: .55em; padding: 2px; width: 142px; height: 12px; background: #ffffff url("graphics/login-input.gif") repeat-x; } #header #login1 button { position: absolute; bottom: 0; right: 0; cursor: pointer; width: 74px; height: 24px; text-indent: -1000em; border: 0; background: url("graphics/login-button.gif") no-repeat; } #header #login1 a { font-size: .6em; text-decoration: underline; color: white; font-weight:bold; } /* * MAINBODY */ #main { } #center { margin-right: auto; margin-left: auto; position: relative; width: 687px; } /* * CONTENT */ #content { margin: 0 auto; width: 684px; background: #ffffff url("graphics/content-bg.gif") repeat-y; } #content-wrapper { width: 684px; background: url("graphics/content-top.gif") no-repeat; } #content #inner-content { padding: 47px 0 15px 0; width: 443px; float: right; padding-right: 11px; } #content #inner-content h2 { clear: both; text-indent: 15px; font-weight: normal; padding-bottom: 2px; font-size: .9em; background: url("graphics/content-header.gif") no-repeat bottom left; width: 443px; } #content #inner-content ul { width: 221px; float: left; margin: 10px 0 20px 0; font-size: .70em; } #content #inner-content ul li { padding-left: 15px; background: url("graphics/square.gif") no-repeat center left; } #content #inner-content ul li a:hover { text-decoration: underline; } #content #inner-content ul2 { width: 421px; float: left; margin: 0px 0 20px 0; font-size: .70em; } #content #inner-content ul2 li { padding-left: 15px; background: url("graphics/square.gif") no-repeat center left; } #content #inner-content ul2 li a:hover { text-decoration: underline; } #content #sidebar { width: 206px; float: left; } #content #sidebar h2 { text-indent: 2px; margin-bottom: 5px; font-weight: normal; font-size: .8em; } #content #sidebar #search { position: relative; background: url("graphics/search-bg.gif") repeat-x bottom left; padding: 9px 0 0 10px; } #content #sidebar #search h2 { height: 21px; background: url("graphics/search.gif") no-repeat; text-indent: 25px; } #content #sidebar #search label { margin-top: 5px; display: block; padding-left: 3px; font-weight: bold; font-size: .70em; color: #767373; } #content #sidebar #search #title-only-label { display: inline; } #content #sidebar #search select, #content #sidebar #search input { font-family: Arial, serif; color:red; font-size: .65em; width: 183px; background: #ffffff url("graphics/sidebar-input.gif") repeat-x; border: 1px solid #5b5755; } #content #sidebar #search input { padding: 1px; } #content #sidebar #search #title-only { border: none; width: auto; background: none; } #content #sidebar #search #town { width: 120px; } #content #sidebar #search #salary-select, #content #sidebar #search #zip { width: 52px; } #content #sidebar #search #salary { width: 183px; } #content #sidebar #search #salary2 { width: 55px; } #content #sidebar #search #job-type { width: 180px; } #content #sidebar #search #search-button { width: 90px; border: 1px solid #006; background: eeeeee; margin-left: 4.5em; } #content #sidebar #links { padding: 8px 0 6px 9px; width: 197px; background: #eae9e9 url("graphics/sidebar-links-bg.gif") repeat-y; } #content #sidebar #links li { width: 191px; height: 23px; margin: 2px 0; } #content #sidebar #links li a { font-weight: bold; text-indent: 15px; font-size: .75em; display: block; height: 23px; line-height: 23px; width: 191px; color: red; background: #c2c1c1 url("graphics/sidebar-link.gif") no-repeat; } #content #sidebar #links li a:hover { color: #653301; } /* * MAIN */ #main { position: relative; width: 727px; height: 25px; background: #383431 url("graphics/for-bg.gif") no-repeat; } #main ul { float: right; position: absolute; right: 24px; top: 4px; } #main li { float: left; } #main li a { line-height: 20px; text-align: center; font-size: .75em; color: #8a8887; display: block; float: left; width: 169px; height: 20px; } #main li.jobseekers a { background: url("graphics/for-job-seekers.gif") no-repeat; } #main li.employers a { background: url("graphics/for-employers.gif") no-repeat; } #main li a:hover, #for li.current a { color: #fffffd; background-position: bottom left; } /* * HEADING */ #heading { margin: 3px auto; width: 601px; height: 34px; padding: 0 42px; line-height: 34px; background: #e4e4e3 url("graphics/heading.gif") no-repeat; } #heading .left { font-size: 1.2em; float: left; font-family: Century Gothic } #heading .right { font-size: .9em; float: right; font-family: Century Gothic } /* * TABLE */ table.contacts { width: 580px; border: 1px #000000 solid; border-collapse: collapse; border-spacing: 0px; } td.contact { font-family: Verdana, sans-serif, Arial; font-weight: normal; font-size: .7em; color: #404040; padding-top: 2px; padding-bottom: 2px; padding-left: 8px; padding-right: 0px; } td.headers { border-bottom: 1px black solid; font-family: Verdana, sans-serif, Arial; font-weight: normal; font-weight:bold; font-size: 1.1em; color: #404040; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 0px; } td.noborder { font-family: Verdana, sans-serif, Arial; font-weight: normal; font-size: .7em; color: #404040; padding-top: 2px; padding-bottom: 2px; padding-left: 8px; padding-right: 0px; } td.sortby { border-bottom: 1px black dashed; font-family: Verdana, sans-serif, Arial; font-weight: normal; text-decoration: underline; font-size: 0.7em; color: black; a color: black; text-decoration: underline; a:hover color: #2d2d2e; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 0px; } td.myaccountheaders { border-bottom: 1px orange; font-family: Verdana, sans-serif, Arial; font-weight: normal; font-size: 1.1em; color: orange; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 0px; } td.companyheaders { font-family: Verdana, sans-serif, Arial; font-weight: normal; font-size: 1.1em; color: #404040; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 0px; } a:link { color:red; font-weight:bold; } a:visited { color:red; font-weight:bold; text-decoration:underline } /* * TEXT */ #text { font-size: 0.7em; font-family: Verdana, sans-serif, Arial; } #text ul { display: inline; } #text li { display: inline; } #text a { color: #46423f; border-right: 1px solid #e1e1e1; padding: 0 1em; } #text a:hover { text-decoration: underline; } /* * TEXT */ #text1 { font-size: 1.4em; } #text1 a { color: red; text-decoration: underline; } #text1 a:hover { text-decoration: underline; } /* * FOOTER */ #footer { font-size: .7em; color: #d8d8d8; width: 684px; margin: 0 auto; background: #000000 url("graphics/footer.gif") no-repeat; text-align: center; height: 25px; line-height: 25px; } #footer a { color: #fffffd; font-weight: bold; } #footer a:hover { text-decoration: underline; } /* * FOOTER MENU */ #footer-menu { font-size: .75em; text-align: center; width: 727px; height: 26px; line-height: 26px; background: url("graphics/footer-menu.gif") no-repeat; } #footer-menu ul { display: inline; } #footer-menu li { display: inline; } #footer-menu a { color: #46423f; border-right: 1px solid #e1e1e1; padding: 0 1em; } #footer-menu a:hover { text-decoration: underline; } #signup select, #signup input { font-family: Arial, serif; font-size: .85em; width: 330px; repeat-x; } #signup #title-only { border: none; width: auto; background: none; } #signup #register { width: 330px; } #apply select, #apply input { font-family: Arial, serif; font-size: .85em; width: 350px; repeat-x; } #apply #title-only { border: none; width: auto; background: none; } #apply #methodofcontact { width: 426px; } #jobsearch select, #jobsearch input { font-family: Arial, serif; font-size: .85em; width: 250px; repeat-x; } #jobsearch #title-only { border: none; width: auto; background: none; } #jobsearch #town { width: 250px; } #jobsearch #search #salary-select, #jobsearch #search #zip { width: 180px; } #jobsearch #search #salary2 { width: 180px; } #jobsearch #job-type { width: 180px; } #jobsearch #salary { width: 180px; } #addjob select, #addjob input {width: 243px; repeat-x; } #addjob #title-only { border: none; width: auto; background: none; } #addjob #category { width: 243px; } #addjob #subcategory { width: 243px; } #addjob #location { width: 243px; } #addjob #sublocation { width: 243px; } #addjob #salary { width: 243px; } #addjob1 select, #addjob1 input {font-family: Arial, serif; font-size: .85em; width: 250px; repeat-x; } #addjob1 #title-only { border: none; width: auto; background: none; } #addjob1 #category { width: 250px; } #addjob1 #subcategories { width: 250px; } #addjob1 #location { width: 250px; } #addjob1 #sublocation { width: 250px; } #addjob1 #salary { width: 250px; } #addjob2 select, #addjob2 input {width: 243px; repeat-x; } #addjob2 #title-only { border: none; width: auto; background: none; } #addjob2 #category { width: 243px; } #addjob2 #subcategories { width: 243px; } #addjob2 #location { width: 243px; } #addjob2 #sublocation { width: 243px; } #addjob2 #salary { width: 243px; } #searchjob select, #searchjob input {width: 150px; repeat-x; } #searchjob #title-only { border: none; width: auto; background: none; } #searchjob #category { width: 150px; } #searchjob #subcategory { width: 150px; } #searchjob #location { width: 150px; } #searchjob #sublocation { width: 150px; } #searchjob #salary { width: 150px; } #refinesearchresults select, #addjob input {width: 147px; repeat-x; } #addjob #title-only { border: none; width: auto; background: none; } #addjob #category { width: 147px; } #addjob #subcategory { width: 147px; } #addjob #location { width: 147px; } #addjob #sublocation { width: 147px; } #addjob #salary { width: 147px; } #cv select, #cv input {width: 147px; repeat-x; } #cv #title-only { border: none; width: auto; background: none; } #cv #category { width: 147px; } #cv #subcategory { width: 147px; } #cv #location { width: 147px; } #cv #sublocation { width: 147px; } #cv #salary { width: 147px; } #cv #grade { width: 200px; } #userprofile select, #userprofile input {width: 147px; repeat-x; } #userprofile #title-only { border: none; width: auto; background: none; } #userprofile #age { width: 147px; } #userprofile #gender { width: 147px; } #cvsearchchoice select, #cvsearchchoice input {width: 147px; repeat-x; } #cvsearchchoice #title-only { border: none; width: auto; background: none; } #cvsearchchoice #cvsearch { width: 147px; } #cvsearchchoice #gender { width: 147px; } table.contacts { background-color: ; border: 1px black solid; border-collapse: collapse; border-spacing: 30pt 10pt; color: white; } td.contactDept { background-color:; border: 1px #000000 solid; font-family: Verdana; font-weight: bold; font-size: 12px; color: white; } table.contacts2 { background-color: black; border: 1px black solid; border-collapse: collapse; border-spacing: 30pt 10pt; color: white; } td.contactDept2 { background-color:black; border: 1px #000000 solid; font-family: Verdana; font-weight: bold; font-size: 12px; color: white; } td.contact { border-bottom: 1px #6699CC dotted; text-align: left; font-family: Verdana, sans-serif, Arial; font-weight: normal; font-size: .9em; color: #404040; background-color: #fafafa; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 0px; } td.contact2 { border-bottom: 1px #6699CC dotted; text-align: left; font-family: Verdana, sans-serif, Arial; font-weight: normal; font-size: .9em; color: white; background-color:; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 0px; }