html * {
margin: 0;
padding: 0;
}
body {
background: #000;
margin: 0 0 36px 0;
}
/*-- Global ---------- */
body, textarea {
font: 12px/18px Arial, Helvetica, Lucida-grande, sans-serif;
color: #000;
}
a {
color: blue;
font-weight: normal;
text-decoration: none;
}
a:hover { color: blue; text-decoration: none;}
img, fieldset { border: 0; }
select option { padding: 0 10px 0 0; }
h1 { font-size: 36px; line-height: 36px; padding-top: 18px; padding-bottom: 18px; }
h2 { font-size: 24px; line-height: 36px; padding-top: 9px; padding-bottom: 9px; }
h3 { font-size: 20px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h4 { font-size: 20px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h5 { font-size: 12px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h6 { font-size: 10px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
p { padding: 0 0 18px 0; }
h1, h2, h3, h4, h5, h6 {
/* font-weight: normal; */
}
blockquote {
padding: 18px;
background: #eee;
margin: 0px 36px 18px 18px;
}
ul, ol {
margin: 0px 36px 18px 18px;
}
ul li, ol li { margin: 9px 0 9px 0;}
#content h2 {
padding: 0 0 9px 0;
border-bottom: solid 1px #ddd;
margin: 0 0 9px 0;
}
#contentul, ol {
margin: 0;
}
#content ul li, ol li { margin: 0 0 8px 0;}
/*-- Clearing Styles & Container --*/
#container {
background: #fff;
border-left: #ffc81f solid 5px;
border-right: #ffc81f solid 5px;
border-bottom: #999 solid 1px;
margin: 0 auto;
width: 900px;
}
.block {
width: 900px;
margin: 0 auto;
padding: 0;
display: block;
}
.clearfix { display: inline-block; }
.block:after, .clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.column {
float: left;
width: 192px;
}
#topnav, #breadcrumb, #sidebar, #mainnav, #footer-nav {
display: none;
}
/*-- header --*/
#header {
height: 97px;
}
h1#logo {
padding: 22px 0 0 15px;
width: 638px;
float: left;
height: 75px;
}
h1#logo a {
display: block;
float: left;
text-decoration: none;
text-indent: -999em;
width: 215px;
height: 53px;
background: url("/public/img/logo_blanchard-cat.gif") no-repeat;
}
h1#logo_rental {
padding: 22px 0 0 15px;
width: 638px;
float: left;
height: 75px;
}
h1#logo_rental a {
display: block;
float: left;
text-decoration: none;
text-indent: -999em;
width: 252px;
height: 53px;
background: url("/public/img/logo_blanchard-rental.gif") no-repeat;
}
h1#logo_powersystems {
padding: 22px 0 0 15px;
width: 638px;
float: left;
height: 75px;
}
h1#logo_powersystems a {
display: block;
float: left;
text-decoration: none;
text-indent: -999em;
width: 252px;
height: 53px;
background: url("/public/img/logo_blanchard-powersystems.gif") no-repeat;
}
#tools {
float: left;
width: 247px;
height: 97px;
background: #333;
display: none;
}
#tools ul {
list-style: none;
margin: 0;
padding: 10px 0 0 15px;
width: 232px;
}
#tools ul li {
margin: 0;
padding: 3px 0;
float: left;
}
#tools ul li a {
display: block;
float: left;
padding: 0 0 0 15px;
margin: 0;
font-weight: normal;
color: #fff;
background: url("/public/img/tools_li.gif") 0 50% no-repeat;
width: 217px;
}
#tools ul li a:hover {
color: #ccc;
}
#tools form {
padding: 0;
margin: 0;
}
#tools form input, #tools form label, #tools form button { vertical-align: top; }
#tools form label {
color: #000;
}
/*input.search-button {
font-weight: bold;
padding: 2px 2px 3px 2px;
background: #ffc81f;
border: none;
color: #000;
margin: 0;
width: 55px;
height: 20px;
}*/
#searchinput {
width: 120px;
border: solid 1px #fff;
margin: 0 5px 0 0;
padding: 1px;
font-size: 13px;
}
#submitbutton {
width: 58px;
height: 20px;
background: url(/public/img/search-button.gif) no-repeat;
text-indent: -999em;
border: none;
cursor: pointer;
}
#tools_rental {
float: left;
width: 247px;
height: 97px;
background: #990000;
display: none;
}
#tools_rental ul {
list-style: none;
margin: 0;
padding: 15px 0 0 15px;
width: 232px;
}
#tools_rental ul li {
margin: 0;
padding: 0;
float: left;
}
#tools_rental ul li a {
display: block;
float: left;
padding: 0 0 0 15px;
margin: 0 0 5px 0;
font-weight: normal;
color: #fff;
background: url("/public/img/tools_li.gif") 0 50% no-repeat;
width: 217px;
}
#tools_rental ul li a:hover {
color: #eee;
}
#navigation {
height: 35px;
background: #ffc81f;
display: none;
}
#navigation ul {
margin: 0 0 0 20px;
padding: 0;
list-style: none;
}
#navigation ul li {
margin: 0;
padding: 0;
float: left;
}
#navigation ul li a {
display: block;
padding: 8px 10px;
height: 19px;
font-weight: bold;
color: #000;
float: left;
}
#navigation ul li a:hover {
color: #fff;
background: #000;
}
/*-- Frameset pages header --*/
#container-frames {
background: #fff;
margin: 0 auto;
}
.block-frames {
margin: 0 auto;
padding: 0;
display: block;
}
#header-frames {
height: 97px;
}
h1#logo-frames {
padding: 22px 0 0 15px;
width: 638px;
float: left;
height: 75px;
}
h1#logo-frames a {
display: block;
float: left;
text-decoration: none;
text-indent: -999em;
width: 215px;
height: 53px;
background: url("/public/img/logo_blanchard-cat.gif") no-repeat;
}
#framestitle {
padding: 10px 25px;
font-size: 24px; line-height: 36px; padding-top: 9px; padding-bottom: 9px;
font-weight: bold;
}
#tools-frames {
float: right;
width: 247px;
height: 97px;
background: #333;
}
#tools-frames ul {
list-style: none;
margin: 0;
padding: 15px 0 0 15px;
width: 232px;
}
#tools-frames ul li {
margin: 0;
padding: 0;
float: left;
}
#tools-frames ul li a {
display: block;
float: left;
padding: 0 0 0 15px;
margin: 0 0 5px 0;
font-weight: normal;
color: #fff;
background: url("/public/img/tools_li.gif") 0 50% no-repeat;
width: 217px;
}
#tools-frames ul li a:hover {
color: #ccc;
}
#navigation-frames {
height: 35px;
background: #ffc81f;
}
#navigation-frames ul {
margin: 0 0 0 20px;
padding: 0;
list-style: none;
}
#navigation-frames ul li {
margin: 0;
padding: 0;
float: left;
}
#navigation-frames ul li a {
display: block;
padding: 8px 10px;
height: 19px;
font-weight: bold;
color: #000;
float: left;
}
#navigation-frames ul li a:hover {
color: #fff;
background: #000;
}
/*-- Home specific sections --*/
#home-main {
width: 900px;
height: 244px;
border-bottom: 12px solid #ffc81f;
background: #333;
}
#home-news {
width: 150px;
padding: 9px 15px 0px 15px;
background: #333;
float: left;
line-height: 16px;
color: #fff;
}
h2#home-news-title {
color: #ffc81f;
font-size: 14px;
text-transform: uppercase;
padding: 0;
}
#home-news p {
color: #fff;
font-size: 11px;
}
#home-news a {
color: #fff;
text-decoration: underline;
}
#home-news a:hover {
color: #fff;
text-decoration: none;
}
#home-image {
width: 720px;
height: 244px;
background: #ffc81f;
float: left;
}
#home-image img {
width: 720px;
height: 244px;
}
#newsarticle {
margin: 0;
padding: 0;
}
#newslist h3 {
margin: 0;
padding: 0;
}
#newsarticle h3#newstitle {
margin: 0 0 8px 0;
padding: 0 0 8px 0;
}
/*-- Columns --*/
#main {
width: 900px;
margin: 0;
padding: 0;
background: url("/public/img/contentarea_bkg.gif") repeat-y;
}
#contentarea {
width: 665px;
padding: 5px 0 0 56px;
float: left;
}
#level3 {
background: url('/public/img/subheader-level3.gif') no-repeat;
border-top: solid 1px #000;
width: 665px;
padding: 0 0 0 56px;
float: left;
}
#level3-header {
}
#level3-titlebox {
float: left;
width: 630px;
padding: 43px 18px 0 0;
}
#level3-img {
float: left;
width: 176px;
margin: 0 0 0 18px;
}
#content {
padding: 0 18px 0 18px;
font-size: 12px;
}
#level3 #content {
padding: 18px 18px 0 18px;
}
#level3 h3 {
border-bottom: solid 1px #ddd;
padding: 0 0 9px 0;
margin: 0 0 9px 18px;
}
#level3 h2#level3-title {
border: 0;
color: #fff;
text-transform: uppercase;
font-size: 44px;
padding: 0;
}
#product { width: 629px; overflow: hidden;}
#single_copy {
margin: 10px 0;
padding: 0 10px;
clear: both;
}
#extracontent {
width: 600px;
clear: both;
padding: 0 0 5px 10px;
}
#extracontent h2 {
color: #000;
font-size: 16px;
margin: 0;
padding: 0;
}
#extracontent p {
color: #000;
font-size: 12px;
margin: 0;
padding: 0;
}
/*-- frameset styles --*/
#main-frameheader {
width: 860px;
margin: 0;
padding: 10px 10px 0 30px;
background: #fff;
}
/*-- sidebar nav --*/
#sidebar {
width: 179px;
float: left;
}
#sidebar ul {
margin: 20px 0 0 12px;
padding: 0;
list-style: none;
}
#sidebar ul li {
margin: 0;
padding: 0;
}
#sidebar ul li a {
display: block;
margin: 0 0 8px 0;
padding: 0 0 0 3px;
font-weight: bold;
color: #000;
}
#sidebar ul li a:hover {
color: #fff;
background: #000;
}
#sidebar ul ul {
margin: 10px 0 18px 12px;
padding: 0;
list-style: none;
}
#sidebar ul ul li {
margin: 0;
padding: 0;
}
#sidebar ul ul li a {
display: block;
margin: 0 0 8px 0;
padding: 0 0 0 3px;
font-weight: normal;
text-decoration: underline;
background: none;
color: #000;
}
#sidebar ul ul li a:hover {
color: #000;
background: none;
font-weight: normal;
text-decoration: none;
}
#sidebar h3 {
padding: 12px 12px 3px 12px;
background: #ddd;
}
#sidebar ul.divisionsnav {
margin: 6px 0 0 6px;
}
#sidebar ul.divisionsnav li {
border-bottom: solid 1px #bbb;
padding: 4px 0 4px 3px;
}
#sidebar ul.divisionsnav li a {
padding: 0 0 0 18px;
margin: 0;
}
#sidebar ul.divisionsnav li.selected a {
background: url(/public/img/divisions-active.gif) 2px 3px no-repeat;
}
#sidebar p.note {
padding: 0 12px 9px 12px;
font-size: 10px;
border-bottom: solid 1px #666;
background: #ddd;
}
#sidebar-news {
margin: 0;
padding: 0 5px 0 10px;
}
h2#sidebar-news-title {
color: #333;
font-size: 14px;
text-transform: uppercase;
padding: 0;
}
#sidebarfeature {
width: 150px;
padding: 9px 14px 0px 15px;
margin: 0 0 15px 0;
background: #333;
float: left;
line-height: 16px;
color: #fff;
overflow: visible;
}
h2#sidebarfeature-title {
color: #ffc81f;
font-size: 14px;
text-transform: uppercase;
padding: 0;
}
#sidebarfeature p {
color: #fff;
font-size: 11px;
}
#sidebarfeature a {
color: #fff;
text-decoration: underline;
}
#sidebarfeature a:hover {
color: #fff;
text-decoration: none;
}
#quicklinks {
margin: 20px 0 0 15px;
padding: 0;
}
#quicklinks ul {
margin: 4px 0;
padding: 0;
list-style: none;
}
#quicklinks ul li {
margin: 0;
padding: 0;
}
#quicklinks ul li a {
display: block;
margin: 0 0 4px 0;
padding: 0;
font-weight: normal;
color: #000;
text-decoration: underline;
}
#quicklinks ul li a:hover {
color: #000;
background: none;
text-decoration: none;
}
#site_detail_body {
float: left;
width: 400px;
}
#site_detail_info {
float: left;
width: 227px;
}
#site_detail_body h3 {
color: #333;
padding: 0 0 9px 0;
margin: 0 0 9px 0;
border-bottom: solid 1px #ccc;
font-weight: normal;
}
#map_container {
float: left;
clear: both;
}
#map_sidebar ul {
list-style: none;
margin: 0;
padding: 0 14px 0 0;
}
#map_sidebar ul li { margin: 0; }
#map_sidebar ul li a {
font-size: 11px;
font-weight: normal;
padding: 2px 0 2px 0;
border-top: solid 1px #eee;
display: block;
}
#site-detail {
width: 629px;
}
#site_detail_info {
width: 217px;
padding: 0 0 0 10px;
}
#site_detail_info img#site_image {
width: 209px;
padding: 3px;
border: solid 1px #eee;
margin: 0 0 9px 0;
}
#site_detail_map, #site_detail_contact {
width: 217px;
padding: 0 0 0 0;
background: #ffc81f;
margin: 0 0 9px 0;
color: #000;
}
#site_detail_map h4, #site_detail_contact h4 {
font-size: 11px;
padding: 6px 6px 3px 9px;
border-bottom: solid 1px #ddd;
}
#site_detail_map p, #site_detail_contact p {
font-size: 11px;
font-family: Helvetica, Arial, sans-serif;
padding: 0 6px 3px 9px;
}
#site_detail_map p span, #site_detail_contact p strong {
display: block;
font-weight: bold;
}
#site_detail_contact a { text-decoration: underline;}
#site_detail_body h4 {
border-bottom: solid 1px #ddd;
padding: 9px 0 3px 0;
margin: 0 0 4px 0;
}
#site_detail_body p { padding: 0 0 3px 0; }
#site_detail_divisions {
background: #eee;
}
#site_detail_divisions h4 {
padding: 5px 12px;
background: #ffc81f;
font-size: 11px;
}
#site_detail_divisions ul {
padding: 6px 12px;
margin: 0 0 0 12px;
}
#site_detail_divisions ul li a {
font-weight: bold;
}
.location_bubble .more { font-weight: bold; }
.location_bubble strong { font-size: 13px; }
#radius-search {
background: #eee;
padding: 12px;
border-bottom: solid 2px #ddd;
}
#radius-search form p {
margin: 0 6px 0 0;
display: inline;
}
#radius-search form label {
font-weight: bold;
margin: 0 6px 0 0;
}
#radius-search form p.legend {
display: block;
padding: 0 0 6px 0;
}
#radius-search form input.forminput { width: 75px; }
#radius-search form input.submit {
border: solid 1px #000;
background: #ffc81f;
padding: 4px;
}
/*-- links sections/marquis --*/
#home-links-col1 {
float: left;
width: 300px;
padding: 0 15px 0 0;
}
#home-links-col2 {
float: left;
width: 300px;
}
.home-links {
padding: 0 0 25px 0;
border-top: solid 1px #868485;
height: 75px;
overflow: hidden;
font-size: 12px;
}
.home-links-img {
margin: 0 9px 9px 0;
float: left;
}
.home-links p {
margin: 0;
padding: 0;
color: #333;
font-size: 12px;
line-height: 14px;
}
.home-links h4 { padding: 0; text-transform:uppercase; }
.home-links h4 a {
color: none;
font-weight: bold;
font-size: 12px;
text-decoration: none;
}
.home-links h4 a:hover {
color: none;
font-weight: bold;
font-size: 12px;
text-decoration: none;
}
.home-links a {
color: blue;
font-weight: normal;
font-size: 10px;
text-decoration: none;
}
.home-links a:hover {
color: blue;
font-weight: normal;
font-size: 10px;
text-decoration: none;
}
.home-links-featured {
width: 605px;
background: #ffc81f;
padding: 10px 10px 10px 0;
margin: 0 0 10px 0;
height: 75px;
overflow: hidden;
border: solid 5px #ffc81f;
}
.home-links-featured-img {
margin: 0 9px 9px 0;
float: left;
}
.home-links-featured p {
margin: 0;
padding: 0;
color: #333;
font-size: 11px;
line-height: 14px;
}
.home-links-featured h4 { padding: 0; text-transform:uppercase; }
.home-links-featured a {
color: blue;
font-weight: bold;
font-size: 12px;
}
.home-links-featured-below {
width: 605px;
background: #fff;
padding: 0 0 25px 0;
border-top: solid 1px #868485;
margin: 0 0 10px 0;
height: 75px;
overflow: hidden;
}
.home-links-featured-img {
margin: 0 9px 9px 0;
float: left;
}
.home-links-featured-below p {
margin: 0;
padding: 0;
color: #333;
font-size: 11px;
line-height: 14px;
}
.home-links-featured-below h4 { padding: 0; text-transform:uppercase; }
.home-links-featured-below a {
color: blue;
font-weight: bold;
font-size: 12px;
}
/*-- breadcrumb ----- */
ul#breadcrumb {
margin: 0;
padding: 0 0 10px 18px;
}
.catproducts ul#breadcrumb { padding: 0 0 10px 0; }
ul#breadcrumb li {
padding: 0;
margin: 0;
display: inline;
}
#breadcrumb li a {
color: #666;
font-size: 11px;
background: url("/public/img/more_arrow.gif") 100% 63% no-repeat;
padding: 0 10px 0 0;
}
#breadcrumb li a.active {
color: #333;
background-image: none;
font-weight: normal;
text-decoration: none;
}
/*--- Products --*/
ul.productslist, ul.productslist li {
list-style: none;
margin: 0;
}
ul.productslist li {
float: left;
width: 140px;
padding: 0 9px 9px 0;
text-align: center;
}
ul.productslist li p, ul.productslist li h4 {
padding: 0;
font-size: 11px;
}
ul.productslist li h4 a {
font-size: 11px;
color: #333;
text-decoration: underline;
}
h4.subfamily-title {
font-size: 15px;
border-bottom: solid 1px #ddd;
padding: 15px 0 3px 0;
margin: 0 0 6px 0;
color: #333;
}
.productstable {
width: 629px;
}
.detailtable, .featurestable {
width: 100%;
border-bottom: solid 1px #ddd;
margin: 0 0 12px 0;
}
.productstable th, .detailtable th {
padding: 3px 0 3px 6px;
border-bottom: solid 1px #ddd;
text-align: left;
background: #eee;
}
.detailtable td, .productstable td, .featurestable td {
font-size: 11px;
padding: 6px 0 6px 6px;
border-bottom: solid 1px #ddd;
vertical-align: top;
}
.detailtable td {
background: #fff;
border-top: solid 1px #ddd;
border-bottom: none;
width: 50%;
}
.detailtable td ul li {
margin: 3px 0;
}
.featurestable td {
background: #fff;
padding: 12px;
}
.featurestable td a.more {
font-weight: bold;
display: block;
}
.featurestable td.feature-image {
width: 130px;
}
.featurestable tr.feature-heading td {
background: #333;
color: #fff;
}
.featurestable th {
background: #ddd;
padding: 3px 6px;
text-align: right;
}
p.feature-image {
float: left;
margin: 0 10px 10px 0;
}
.featurestable td h4, .productstable h5 {
padding: 0;
}
.family_header {
padding: 0;
font-size: 13px;
background: #333;
color: #fff;
width: 629px;
}
.family_image {
float: left;
margin: 0;
padding: 0;
width: 130px;
border-right: solid 5px #ffc81f;
}
.family_header_content {
float: left;
width: 464px;
font-size: 13px;
padding: 0 15px;
}
h3.equipment-header {
font-size: 15px;
border-top: solid 2px #ddd;
border-bottom: solid 1px #ddd;
}
#content .family_header h2 {
padding: 3px 0;
}
.product-nav {
list-style: none;
margin: 0;
width: 629px;
border-bottom: solid 1px #ddd;
border-left: solid 1px #ddd;
}
.product-nav li {
list-style: none;
margin: 0;
float: left;
}
.product-nav li a {
padding: 9px;
background: #eee;
border: solid 1px #ddd;
float: left;
border-left: none;
border-bottom: none;
}
.product-nav li a.active, .product-nav li a:hover {
background: #ffc81f;
color: #000;
}
.product-nav li a.active { font-weight: bold; }
.product-section {
background: #eee;
padding: 12px;
width: 605px;
}
.product-section-image {
float: left;
padding: 6px;
background: #fff;
border: solid 1px #ddd;
margin: 0 12px 0 0;
width: 300px;
}
.subfamily-section-image {
float: left;
padding: 6px;
background: #fff;
border: solid 1px #ddd;
margin: 12px 12px 0 0;
width: 100px;
}
.subfamily-section-image img { width: 100px; }
.product-section-content {
float: left;
width: 268px;
}
.product-catalog-link img {
width: 35px;
vertical-align: middle;
margin: 0 9px 0 0;
}
.product-catalog-link {
background: #ddd;
border: solid 1px #ccc;
padding: 6px;
margin: 0 0 9px 0;
font-size: 13px;
}
.product-section h3 {
font-size: 14px;
}
/* News */
ul#newslist {
list-style: none;
margin: 0;
}
ul#newslist li {
border-bottom: solid 1px #eee;
padding: 0 0 8px 0;
margin: 0 0 9px 0;
}
ul#newslist p { padding: 0; }
ul#newslist p.date {
font-size: 10px;
color: #b5121b;
padding: 0;
font-weight: bold;
}
ul#newslist p.more {
font-weight: bold;
font-size: 11px;
}
ul#newslist p.more a {
background: url("/public/img/bc-arrow.gif") 100% 50% no-repeat;
padding: 0 10px 0 0;
font-size: 11px;
}
ul#newslist li h3 { margin: 0; padding: 9px 0 0 0; }
ul#newslist li h3 a {
padding: 2px 0 4px 0;
display: block;
text-decoration: none;
margin: 0;
font-size: 16px;
}
/*Locations -- */
#locationslist ul, #locationslist ul li, #reps-list li, #reps-list, #reps-list ul li, #reps-list ul {
list-style: none;
margin: 0;
}
#locationslist .locations-col1, #locationslist .locations-col2 {
width: 280px;
float: left;
padding: 0 20px 0 0;
}
#locationslist h5, #reps-list h5 {
font-size: 14px;
padding: 0;
}
#locationslist h5 a, #reps-list h5 a { font-weight: bold; }
#locationslist h6, #reps-list h6 {
font-weight: bold;
padding: 0 0 3px 0;
}
#locationslist p {
padding: 0;
}
#locationslist li {
padding: 9px 0 9px 0;
}
#reps-list h5 {
padding: 9px 0 3px 0;
margin: 0 0 4px 0;
border-bottom: solid 1px #ddd;
color: #ffc81f;
font-size: 15px;
}
#reps-list h6 { font-size: 14px; color: #52799e; }
#reps-list ul li {
padding: 9px 0;
border-bottom: solid 1px #eee;
}
#full-reps-list, #full-reps-list li {
list-style: none;
margin: 0;
}
#full-reps-list {
border-top: solid 1px #eee;
}
#full-reps-list li {
padding: 9px 0;
border-bottom: solid 1px #eee;
}
#full-reps-list h3 {
padding: 0 0 3px 0;
}
#full-reps-list p { padding: 3px 0; }
/* Form -------------- */
.generic_form p.legend {
padding: 12px 0 8px 0;
}
p.legend em, form em {
color: #cc0000;
font-weight: bold;
}
form#supportform {
}
form#supportform p {
clear: both;
padding-bottom: 0 0 10px 0;
}
form#supportform label {
padding: 0 0 10px 0;
}
form.generic_form {
font-size: 12px;
}
form.generic_form fieldset {
border: none;
margin: 8px 0 4px 0;
}
form.generic_form legend {
font-size: 15px;
color: #000;
font-weight: bold;
padding: 0 0 9px 0;
}
form.generic_form label {
width: 150px;
text-align: left;
float: left;
display: block;
padding: 1px 0 0 0;
}
form#supportform p.checkbox {
padding: 10px 0 6px 0;
margin: 0;
border-top: solid 1px #ebe6dd;
}
form.generic_form p.checkbox {
margin: 0 0 0 150px;
}
form.generic_form p.checkbox label {
float: none;
display: inline;
}
form.generic_form div, form.generic_form p.formcol1, form.generic_form p.formcol2, form.generic_form p.formrow {
padding: 10px 0 6px 0;
border-top: solid 1px #ebe6dd;
}
form.generic_form input.forminput, form.generic_form textarea {
margin: 0;
padding: 3px;
width: 350px;
}
form.generic_form textarea {
font-family: "Lucida Grande","Lucida Sans Unicode", Trebuchet MS, Verdana, Tahoma, sans-serif;
font-size: 1em;
height: 125px;
}
form.generic_form select {
margin: 0;
width: 360px;
}
form.generic_form select option { padding: 0 10px 0 0; }
form.generic_form p.note, form.generic_form p.error_note, span.note {
font-style: italic;
margin: 0;
font-size: .9em;
}
span.note {
display: block;
}
form.generic_form .button {
margin: 0;
width: 150px;
padding: 10px 20px;
background: #009ac7;
color: #fff;
font-style: bold;
}
span.error { display: block; }
span.error, span.required {
font-weight: bold;
font-size: .9em;
color: #cc0000;
}
p.error_note {
padding: 0;
color: #cc0000;
font-size: .8em;
}
#forminset {
padding: 10px;
background: #eee;
margin: 0 0 10px 0;
}
#forminset p.checkbox { margin: 0; }
fieldset ul, fieldset ul li {
margin: 0;
list-style: none;
}
fieldset ul li { margin: 0 0 3px 0; }
p.error_notice {
padding: 12px;
color: #cc0000;
background: #f7f9c3;
margin: 0 0 9px 0;
}
/*-- footer --*/
#footer {
width: 600px;
padding: 18px 0 18px 300px;
background: #fffffc;
background: url("/public/img/contentarea_bkg.gif") repeat-y;
display: none;
}
#footer ul, #footer ul li {
margin: 0;
list-style: none;
}
#footer ul li {
padding: 0 12px;
border-right: solid 1px #312d2e;
font-size: 9px;
float: left;
line-height: 12px;
height: 20px;
}
#footer ul li.last {
padding: 0 0 0 12px;
border: none;
}
/*-- Jobs -----------*/
table#joblist {
width: 600px;
}
table#joblist th {
text-align: left;
border-bottom: solid 1px #ddd;
padding: 3px 0;
}
table#joblist h4 {
font-size: 11px;
padding: 0;
}
table#joblist h4 a {
font-weight: normal;
}
table#joblist td {
border-bottom: solid 1px #ddd;
border-right: solid 1px #ddd;
padding: 3px 6px;
}
table#joblist td.job-date { width: 75px; }
table#joblist tr.odd {
background: #eee;
}
p.apply-button {
width: 625px;
padding: 6px 0;
}
.apply-button a {
background: #ffc81f;
padding: 6px;
color: #fff;
border: solid 1px #ffc81f;
float: right;
font-weight: bold;
color: #333;
width: 100px;
text-align: center;
}
.apply-button a:hover {
background: #fff;
color: #333;
}
#jobinfo {
padding: 9px 0;
}
#jobinfo h3 {
color: #333;
border-bottom: solid 1px #ccc;
padding: 12px 0 6px 0;
margin: 0 0 6px 0;
}
#searchinfo {
background: #eee;
border-bottom: solid 2px #ddd;
padding: 12px;
margin: 10px 0 0 0;
}
form#application {
padding: 0;
width: 600px;
}
form#application input { font-size: 12px; padding: 3px; }
form#application fieldset { padding: 6px 0 8px 0; }
form#application fieldset legend {
padding: 8px 0 8px 0;
}
form#application span.label {
display: block;
color: #0071bc;
padding: 12px 0 4px 0;
border-bottom: solid 1px #eee;
margin: 10px 0 4px 0;
}
form#application div.formsection, form#application div.formcheck {
padding: 6px 0 6px 0;
clear: both;
}
form#application div.formcheck p span { display: block; }
form#application div.formcheck { padding: 0 0 2px 0; }
form#application div#form_legalname div.field1, form#application div#form_legalname div.field2, form#application div#form_legalname div.field3 {
float: left;
width: 220px;
}
form#application div#form_email div.field1 {
width: 500px;
}
form#application div#form_email label, form#application div#form_felony label { display: block; }
form#application div#form_email div.field1 input.forminput {
width: 550px;
}
form#application div#form_legalname div.field1 input.forminput, form#application div#form_legalname div.field2 input.forminput {
width: 205px;
}
form#application div#form_address1 div.field1 {
float: left;
width: 310px;
}
form#application div#form_address1 div.field1 input.forminput { width: 300px; }
form#application div#form_address1 div.field2 {
float: left;
width: 100px;
}
form#application div#form_address1 div.field2 input.forminput { width: 80px; }
form#application div#form_address2 div.field1 input.forminput { width: 200px; }
form#application div#form_address2 div.field2 select { width: 150px; }
form#application div#form_address2 div.field3 input.forminput { width: 50px; }
form#application div#form_address2 div.field1 { width: 220px; }
form#application div#form_address2 div.field2 { width: 160px; }
form#application div#form_address2 div.field3 { width: 80px; }
form#application div#form_address4 div.field2 input.forminput, form#application div#form_address5 div.field2 input.forminput, form#application div#form_address6 div.field2 input.forminput,
form#application div#form_address4 div.field1 input.forminput, form#application div#form_address5 div.field1 input.forminput, form#application div#form_address6 div.field1 input.forminput,
form#application div#form_jobinfo1 div.field1 input.forminput, form#application div#form_jobinfo1 div.field2 input.forminput
{ width: 235px; }
form#application div.field1,form#application div.field2, form#application div.field3 {
float: left;
margin: 0 10px 0 0;
}
form#application div.formcheck { font-size: .9em; }
form#application div.formcheck span { margin: 0 8px 0 0 ; }
form#application div.formcheck label {
font-weight: bold;
display: inline;
margin: 0 4px 0 0;
}
form#application div.formcheck input {margin: 0 6px 0 0; }
form#application div.forminline input.forminput {
width: 30px;
margin: 0 4px 0 2px;
}
form#application div.forminline span {
display: block;
font-size: .9em;
padding: 0 0 2px 0;
}
form#application div.forminline label {
display: inline;
margin: 0 4px 0 0;
}
form#application div#form_ed1 div.field1 input.forminput, form#application div#form_ed5 div.field1 input.forminput,
form#application div#form_ed9 div.field1 input.forminput, form#application div#form_ed13 div.field1 input.forminput
{ width: 360px; }
form#application div#form_ed1 div.field2 input.forminput, form#application div#form_ed5 div.field2 input.forminput,
form#application div#form_ed9 div.field2 input.forminput, form#application div#form_ed13 div.field2 input.forminput
{ width: 100px; }
form#application div#form_ed4 div.field1 input.forminput, form#application div#form_ed4 div.field2 input.forminput,
form#application div#form_ed8 div.field1 input.forminput, form#application div#form_ed8 div.field2 input.forminput,
form#application div#form_ed12 div.field1 input.forminput, form#application div#form_ed12 div.field2 input.forminput,
form#application div#form_ed16 div.field1 input.forminput, form#application div#form_ed16 div.field2 input.forminput,
form#application div#form_ed20 div.field1 input.forminput, form#application div#form_ed20 div.field2 input.forminput,
form#application div#form_ed21 div.field1 input.forminput, form#application div#form_ed21 div.field2 input.forminput,
form#application div#form_reg2 div.field1 input.forminput, form#application div#form_reg2 div.field2 input.forminput,
form#application div#form_work1 div.field1 input.forminput, form#application div#form_work1 div.field2 input.forminput,
form#application div#form_work8 div.field1 input.forminput, form#application div#form_work8 div.field2 input.forminput,
form#application div#form_work14 div.field1 input.forminput, form#application div#form_work14 div.field2 input.forminput,
form#application div#form_work20 div.field1 input.forminput, form#application div#form_work20 div.field2 input.forminput
{ width: 220px; }
form#application div#form_felony div.field1 { width: 600px; }
form#application div#form_felony div.field1 input { margin: 0 8px 0 0; vertical-align: middle;}
form#application textarea {
font-size: 1.1em;
font-family: Lucida Grande,"Lucida Sans Unicode", Trebuchet MS, Verdana, Tahoma, sans-serif;
padding: 3px;
height: 200px;
width: 400px;
}
form#application table {
margin: 0 0 8px 0;
}
form#application table th {
font-size: .8em;
background: #eee;
text-align: left;
padding: 2px;
vertical-align: bottom;
}
form#application table td.col1, form#application table th.col1 { width: 200px; }
form#application table th.col2, form#application table th.col3, form#application table th.col4,
form#application table td.col2, form#application table td.col3, form#application table td.col4
{ width: 100px; }
form#application table input.forminput { width: 190px; }
form#application table td.col2 input.forminput, form#application table td.col3 input.forminput, form#application table td.col4 input.forminput
{ width: 90px; }
form#application div.csz div.field1 input.forminput { width: 200px; }
form#application div.csz div.field2 select { width: 150px; }
form#application div.csz div.field3 input.forminput { width: 50px; }
form#application div.csz div.field1 { width: 220px; }
form#application div.csz div.field2 { width: 170px; }
form#application div.csz div.field3 { width: 60px; }
form#application div#form_work4 div.field1, form#application div#form_work5 div.field1,
form#application div#form_work11 div.field1, form#application div#form_work12 div.field1,
form#application div#form_work17 div.field1, form#application div#form_work18 div.field1,
form#application div#form_work23 div.field1, form#application div#form_work24 div.field1
{ width: 220px; }
form#application div#form_work4 div.field1 input.forminput, form#application div#form_work5 div.field1 input.forminput,
form#application div#form_work11 div.field1 input.forminput, form#application div#form_work12 div.field1 input.forminput,
form#application div#form_work17 div.field1 input.forminput, form#application div#form_work18 div.field1 input.forminput,
form#application div#form_work23 div.field1 input.forminput, form#application div#form_work24 div.field1 input.forminput
{ width: 200px; }
form#application div#form_work4 div.field2, form#application div#form_work4 div.field3,
form#application div#form_work5 div.field2, form#application div#form_work5 div.field3,
form#application div#form_work11 div.field2, form#application div#form_work11 div.field3,
form#application div#form_work12 div.field2, form#application div#form_work12 div.field3,
form#application div#form_work17 div.field2, form#application div#form_work17 div.field3,
form#application div#form_work18 div.field2, form#application div#form_work18 div.field3,
form#application div#form_work23 div.field2, form#application div#form_work23 div.field3,
form#application div#form_work24 div.field2, form#application div#form_work24 div.field3
{ width: 120px; }
form#application div#form_work4 div.field2 input.forminput, form#application div#form_work4 div.field3 input.forminput,
form#application div#form_work5 div.field2 input.forminput, form#application div#form_work5 div.field3 input.forminput,
form#application div#form_work11 div.field2 input.forminput, form#application div#form_work11 div.field3 input.forminput,
form#application div#form_work12 div.field2 input.forminput, form#application div#form_work12 div.field3 input.forminput,
form#application div#form_work17 div.field2 input.forminput, form#application div#form_work17 div.field3 input.forminput,
form#application div#form_work18 div.field2 input.forminput, form#application div#form_work18 div.field3 input.forminput,
form#application div#form_work23 div.field2 input.forminput, form#application div#form_work23 div.field3 input.forminput,
form#application div#form_work24 div.field2 input.forminput, form#application div#form_work24 div.field3 input.forminput
{ width: 80px; }
#form_work27 {
margin: 10px 0 10px 0;
background: #eee;
}
#form_work27 p { padding: 12px; }
span.note {
font-size: .8em;
display: block;
}
form#application p.note {
padding: 10px 0 0 0;
font-weight: bold;
}
form#application p.error_note {
background: pink;
padding: 10px;
}
body#editContent {
padding: 14px;
background: #fff;
}