/* =BROWSE JOBS STYLING -------------------------*/ #navi-jobs{ margin: 0 0 15px 0.5cm; } #browse-jobs-content{ float: right; margin: 0 0.5cm 0 0; width: 720px; display: inline; font-size: 14px; } #browse-jobs-content a { font-size: 14px; } #browse-jobs-content h1 { color: #00447c; border-bottom: 1px solid #5e83b0; font-size: 15px; padding: 0 0 0 0; } #browse-jobs-content td { font-size: 14px; } #browse-jobs-content #search-bar { float: left; width: 340px; border: 1px solid #c1c1c1; margin:10px 10px 10px 0; padding: 5px; } #browse-jobs-content #search-bar input[type=text] { width:100px; } #browse-jobs-content #search-bar select { width: auto; width:200px; } #browse-jobs-content #info-bar { margin: 10px 0 0 350px; } #browse-jobs-content table.view-jobs-box{ font-size: 14px; } #browse-jobs-content table.view-jobs-box th {font-weight: normal; font-size: 14px; text-align: left; } #browse-jobs-content table.view-jobs-box td.view-jobs-standard {text-align: left; font-size: 14px; border-bottom: 1px solid #c1c1c1; padding: 20px 0 20px 0; } #browse-jobs-content table.view-jobs-box td.next-prev {background: #00447c; color: white; font-size: 14px; height: 25px; line-height: 25px; } #browse-jobs-content table.view-jobs-box td.next-prev a {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9pt;color: #ffffff;text-decoration: underline; } #browse-jobs-content table.view-jobs-box td.next-prev a:visited{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9pt;color: #ffffff;text-decoration: underline;} #browse-jobs-content table.view-jobs-box td.next-prev a:hover{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9pt;color: #ffffff;text-decoration: underline;} #browse-jobs-content table.view-jobs-box td.next-prev a:active{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9pt;color: #ffffff;text-decoration: underline;} #browse-jobs-content table.view-jobs-box td.next-prev a:hover{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9pt;color: #ffffff;text-decoration: underline;} #browse-jobs-content span.distance-tag {font-size: 14px; font-weight: bold; color: #7c7c7c;} .view-jobs-box-top{ background: #00447c; color: white; font-size: 14px; height: 25px; line-height: 25px; } .view-jobs-box-top a {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9pt;color: #ffffff;text-decoration: underline; } .view-jobs-box-top a:visited{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9pt;color: #ffffff;text-decoration: underline;} .view-jobs-box-top a:hover{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9pt;color: #ffffff;text-decoration: underline;} .view-jobs-box-top a:active{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9pt;color: #ffffff;text-decoration: underline;} .view-jobs-box-top a:hover{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9pt;color: #ffffff;text-decoration: underline;} /* =BROWSE JOBS SIDEBAR LEFT -------------------------*/ #browse-jobs-sidebar { margin: 0; padding: 0; margin-right: 750px; margin-left: 0.5cm; font-size: 14px; } #browse-jobs-sidebar a {font-size: 14px; } #browse-jobs-sidebar #browse-jobs-sidebar-top { background: #5e83b0; color: #fff; padding: 5px 0 5px 5px; } #browse-jobs-sidebar ul {} #browse-jobs-sidebar ul li{ margin: 1px 0 1px 0; } #browse-jobs-sidebar ul li.highlight { background: #d5ddef;} /* =DISPLAY JOB PAGES */ #view-job {margin: 0.5cm; } #view-job h1 { color: #00447c; font-size: 16px; border-bottom: 1px solid #00447c; font-weight: normal; } #view-job h2 { color: #00447c; font-size: 16px; border-bottom: 1px solid #00447c; font-weight: normal; } #view-job h3 { color: #00447c; font-size: 16px; border-bottom: 1px solid #00447c; font-weight: normal; } #view-job #job-details {float: left; width: 600px; } #view-job #job-details #job-description { margin: 0.5cm 0 0 0; padding: 30px; border: 2px solid #c1c1c1; } #view-job #job-details #map_canvas{ margin-right: 0.5cm; width: 600px; height: 400px; border: 1px solid #5e83b0; } #view-job #job-details #static_map_canvas { border: 1px solid #c1c1c1; margin:0; padding: 0; } #view-job #job-details #before-photos { margin: 10px 0 10px 0; padding: 10px; border: 2px solid #c1c1c1; } #view-job #job-details #before-photos .photo{ padding: 20px; width: 200px; float: left; } #view-job #job-details #before-photos .clearer{ clear: left; height: 0; } #view-job #job-details #job-comment { -moz-border-radius: 10px; border-radius: 10px; background: #f1f1f1 url(/images/icons/user_comment.png) no-repeat 10px 10px; margin: 10px 0 10px 0; padding: 10px 10px 10px 32px; font-style:italic; } #view-job #job-details #job-comment.thumb-up{ background: #e1f3e1 url(/images/icons/thumb_up.png) no-repeat 10px 10px; } #view-job #job-details #job-comment.thumb-down{ background: #f1b6b6 url(/images/icons/thumb_down.png) no-repeat 10px 10px; } #view-job #job-details #job-comment #job-comment-business { margin: 10px; } #view-job #job-details #trade-action { margin: 0 0 0.5cm 0; padding: 0 0 0 0; } #quote-info-column{ float: right; width: 320px; padding: 0; margin: 0 0.5cm 0.5cm 0; } #quote-info-column h3 { color: #00447c; font-size: 16px; margin:0 0 10px 0; padding:0; border-bottom: 1px solid #00447c; font-weight: normal; } #quote-info-column ul { list-style:none; margin:0; padding:2px 0 10px 0; } #quote-info-column li { padding: 0 0 0 22px; margin: 10px 0 10px 0; background: url(/images/tick.gif) no-repeat top left; } #quote-info-column #job-status { padding: 20px; background: #f1f1f1; margin: 0 0 10px 0; } #quote-info-column #tradesman-job-ad { padding: 20px; background: #f1f1f1; margin: 0 0 10px 0; } #quote-info-column #homeowner-ad { padding: 20px; background: #f1f1f1; margin: 0 0 10px 0; } #job-description-column{ margin: 0.5cm 350px 0 0.5cm; } #job-info-box ul{ list-style-type: none; margin-left: 0; padding: 0; } #quoting{ clear: left; text-align: center; padding-top: 0.5cm; } /* =TENDER PAGE */ #quote-now { margin: 0 0.5cm 0 0.5cm;} #quote-now h1 { padding: 10px; background: #00447c; color: #fff; margin: 10px 0 10px 0; font-size: 16px; font-weight: normal; } #quote-now textarea {height: 200px; }