/************/ /* GLOBAL */ /************/ * {padding: 0;margin: 0} a, a:visited {color: #ebefb9;} body {background: #ebefb9 url(../img/body.jpg) center repeat-y;font-size: .9em;font-family: verdana,arial,sans-serif;line-height: 1.1em} fieldset {padding: 10px;border: solid 1px #cf0} h1 {color: #cf0;font-size: 1.5em;padding-bottom: 10px} h2 {color: #cf0;font-size: 1.4em;padding: 10px 0} h3 {color: #cf0;font-size: 1.2em;padding: 10px 0} h4 {color: #cf0;font-size: 1.1em;padding: 10px 0} label {color: #cf0;font-size: .85em;font-weight: bold} legend {color: #cf0;font-size: 1.1em;font-weight: bold;padding: 2px 5px} ol, ul {margin-left: 25px} p {padding: 10px 0;} pre {font-size: 1.15em;padding-bottom: 10px} table {border-collapse: collapse} td {border-top: solid 1px #fff;padding: 5px 8px} #container {background-color: #009;width: 901px;margin: 0px auto;font-size: .9em;} #flashMessage, .error, .error-message {color:#f00;font-size: .85em;font-weight: bold;padding-left: 2px} .red {color: #f00 !important} .smallPrint {font-size: .8em} .submit {width: 60px;display: inline} /********************/ /* HEADER SECTION */ /********************/ #header {float: left;background: url(../img/header.jpg);height: 100px;width: 900px;} #header-logo {float: left;padding: 15px 5px 0;width: 150px; height: 120px;} #header-logo img {border: 0;} #header-nav {float: right;padding-right: 20px} #header-nav a, #header-nav a:visited {color: #009} #menu {float: left;height: 35px;margin-top: 2px;width: 900px;border-bottom: solid 1px #CCC} #menu ul {list-style-type: none;margin-left: 0} #menu ul li {float: left;width: 100px} #menu ul li a, #menu ul li a:visited {float: left;background: url(../img/menu_button.jpg) no-repeat;display: block;height: 25px;padding-top: 5px;text-align: center;text-decoration: none;font-weight: bold;color: #060;width: 100px} #menu ul li a:hover {background-position: 0 -30px;padding-top: 6px;text-decoration: none;} #menu ul li ul {display: none;border: none;} /******************/ /* MAIN SECTION */ /******************/ #main {clear:both;color: #ebefb9;width:880px;padding: 10px} /* HOME PAGE */ h2.blue {color: #cf0;background-color: #0033CC;border-bottom: solid 1px #0cf;font-size: 1em;padding: 3px 0 5px;text-align: center} .box-border {width: 250px; margin: 0 0 1em;padding-bottom: 5px;} .box-border-blue {border:solid 1px #0cf;background-color: #03f;} .round-border-topleft {width:10px; height:10px;position:absolute;z-index: 100;background: url(../img/bg_corner_topleft.gif) no-repeat; margin-top:-1px; margin-left:-1px;} .round-border-topright {width:10px; height:10px;position:absolute;z-index: 100;background: url(../img/bg_corner_topright.gif) no-repeat;margin-top:-1px; margin-left:241px;} #catList {background-color: #03f;border: solid 1px #0cf;margin: 5px 0 0 50px;width: 250px} #catList ul a {color: #039;text-decoration: none} #catList ul {color: #ff0;font-weight: bold;margin: 0 0 5px 15px;} #catList li {background-color: #0cf;color: #039;font-size: .9em;height: 20px;margin: 4px 0 0 5px;padding-left: 5px;list-style: none;width: 200px} #catList li:hover {background-color: #ff0} #employers, #bidders {float: left;margin-top: 10px;padding: 10px;width: 400px;} #home {height: 340px;margin: 5px 0 20px 15px} #homeTitle {background-color: #0033FF;color: #FFFF00;padding: 5px} #homeTitle span {font-size: .9em;margin-left: 300px;font-style: italic} #leftCol {float: left;margin-top: 20px;width: 410px} #rightCol {float: right;margin-right: 5px;width: 420px} fieldset#employers, fieldset#bidders {border-color: #cf0;} /* BUTTONS */ .bid {background: url(../img/bid.jpg) 0 -30px no-repeat;float: left;height: 30px !important;width: 180px;text-decoration: none} .bid a:hover {background-position: 0 0;text-decoration: none;} .buttons {padding: 20px 30px 0;text-align: center;} .buttons .login {background: url(../img/login.jpg) 0 -30px no-repeat;float: left;height: 30px !important;width: 100px;text-decoration: none} .buttons a:hover {background-position: 0 0;text-decoration: none;} .closeproj {background: url(../img/closeproject.jpg) 0 -30px no-repeat;float: left;height: 30px !important;padding-right: 5px;width: 150px;text-decoration: none} .closeproj a:hover {background-position: 0 0;text-decoration: none;} .create_acct {background: url(../img/createaccount.jpg) 0 -30px no-repeat;float: left;height: 30px !important;width: 180px;text-decoration: none} .create_acct a:hover {background-position: 0 0;text-decoration: none;} .create_proj {background: url(../img/createproject.jpg) 0 -30px no-repeat;float: right;height: 30px !important;width: 170px;text-decoration: none} .create_proj a:hover {background-position: 0 0;text-decoration: none;} .edit_acct {background: url(../img/editaccount.jpg) 0 -30px no-repeat;float: left;height: 30px !important;padding-right: 5px;width: 130px;text-decoration: none} .edit_acct a:hover {background-position: 0 0;text-decoration: none;} .getpoints {background: url(../img/getpoints.jpg) 0 -30px no-repeat;float: left;height: 30px !important;width: 130px;text-decoration: none} .getpoints a:hover {background-position: 0 0;text-decoration: none;} .reopenproj {background: url(../img/reopen.jpg) 0 -30px no-repeat;float: left;height: 30px !important;padding-right: 5px;width: 180px;text-decoration: none} .reopenproj a:hover {background-position: 0 0;text-decoration: none;} .returnMyacct {background: url(../img/myaccounts.jpg) 0 -30px no-repeat;float: left;height: 30px !important;width: 185px;text-decoration: none} .returnMyacct a:hover {background-position: 0 0;text-decoration: none;} .search_proj {background: url(../img/search.jpg) 0 -30px no-repeat;float: right;height: 30px !important;width: 160px;text-decoration: none} .search_proj a:hover {background-position: 0 0;text-decoration: none;} /* LOGIN PAGE */ #login {float: left;height: 320px;padding: 50px 0 0 150px} #login fieldset {width: 260px} #login dl {padding-top: 10px} #login dt {width: 100px;float: left;} #register {color: #cf0;float: left;font-size: 1.1em;font-weight: bold;padding: 50px 0 0 80px;} #reset {float: left;padding: 50px 0 50px 150px} #reset fieldset {width: 320px} #reset dt {width: 150px;float: left} /* ACCOUNT and PROJECT-RELATED */ .asterick {color: #f00} .disabled {display: inline} .pages {margin: 0 15px} .paginate {text-align: center} .paginate a {color: #fff;text-decoration: none} .paginate a:hover {text-decoration: underline} #acct_created {padding-bottom: 60px} #activate_failure {float: left;padding: 20px 0 150px 100px;width: 600px} #create_acct, #create_project, #bid {float: left;padding: 20px 0 20px 20px;width: 800px} #bid dt {float: left;width: 160px;} #bid dd {padding: 2px 0} #create_acct dt {width: 150px;clear: left;float: left;padding: 2px} #create_acct dd, #create_project dd {padding: 2px} #create_project dt {width: 250px;float: left;padding: 2px} #bid label span, #create_acct label span, #create_project label span {color: #f00} #listProjects {font-size: .9em;} #listProjects td {font-size: .8em} #list_projects {float: left;padding-bottom: 125px;width: 735px;} #list_projects table {margin-top: 15px} #list_projects a, #list_projects a:visited {color: #009;} #list_projects a:hover {text-decoration: underline} #list_projects td {background-color: #ccc;border-top: solid 1px #999;color: #009} #list_projects th {background-color: #cf0;border: solid 1px #999;color: #03c;padding: 2px} #list_projects tr {border: solid 1px #999;} #message {color: #f00;font-weight: bold;padding-left: 20px} #proj_created {padding: 20px 0 200px 20px;width: 800px} #proj_info {margin: 0 0 50px 10px;width: 850px} #proj_info td.label {color: #cf0;font-size: .9em;font-weight: bold;width: 150px; float: left;padding: 2px} #proj_info td {color: #fff;padding: 3px;border: 0} #view_acct fieldset {float: left;margin-right: 10px;width: 350px} #view_acct dt {width: 130px; float: left;padding: 2px} #view_acct dd {color: #fff;padding: 2px;border: solid 1px #009} #view_proj fieldset {float: left;margin-bottom: 20px;width: 650px} #view_proj table {width: 650px} #view_proj td.label {color: #cf0;width: 120px} #view_proj td {border: 0} #view_proj tr#viewprojname {background-color: #999;border-top: solid 1px #ddd;border-bottom: solid 1px #ddd} #viewprojname td {color:#00FFFF} /* used by both project view and bid view */ #view_bid fieldset {float: left;margin-right: 10px;width: 650px} #view_bid table {border-collapse: separate;width: 650px} #view_bid td.label {background-color: #06f;color: #ff0;width: 120px} #view_bid td {background-color: #06f} #view_bid tr#viewprojname {background-color: #999;border-top: solid 1px #ddd;border-bottom: solid 1px #ddd} #viewprojname td {color: #cf0;font-weight: bold} #view_projects {float: left; width: 395px} #view_my_proj a, #view_my_proj a:visited, #view_bids a, #view_bids a:visited {color: #009} #view_my_proj fieldset {padding: 10px 5px;width: 480px} #view_my_proj td {background-color: #ccc;border-top: solid 1px #999;color: #009} #view_my_proj th {background-color: #cf0;border: solid 1px #999;color: #03c;padding: 2px} #view_my_proj tr {border: solid 1px #999;} #view_bids {clear: left} #view_bids fieldset {padding: 10px 5px;width: 480px} #view_bids td {background-color: #ccc;border-top: solid 1px #999;color: #009;padding-right: 13px} #view_bids th {background-color: #cf0;border: solid 1px #999;color: #03c;padding: 2px;padding-right: 8px} #view_bids tr {border: solid 1px #999;} /* PROJECT SEARCH */ .emptyCol {padding-right: 100px} #info {-moz-border-radius: 10px;float: right;background-color: #09f;color: #fff;font-size: .8em;border: solid #0cf 1px;margin: 140px 25px 50px 0px;padding: 5px;text-align: center;width: 100px} #noJobs {color: #f00;font-weight: bold;} /* Content areas for HOW IT WORKS, EMPLOYERS and PROVIDERS pages */ #content {margin: 0 50px 50px 30px;} /* POINTS */ .savings {color: #f00;font-weight: bold} /* PROVIDERS */ table.faq {margin: 15px 0 25px} table.faq td {border: 0} .faqrow {border-top: solid 1px;} /* FOOTER SECTION */ #footer {clear: both;color: #09f;width: 900px;padding: 5px 0;font-size: .8em;font-weight: bold;text-align: center;} #footerMenu {background-color: #09f;height: 18px;margin-bottom: 2px;padding-top: 2px;text-align: center;width: 900px;} #footerMenu a, #footerMenu a:visited {padding-left: 5px;text-align: center;text-decoration: none;font-weight: bold;color: #009} #footerMenu a:hover {text-decoration: none;}