/* job browse results table */
.browseFilter {
float: left;
height: 100px;
width: 200px;
overflow: auto;
list-style: none;
text-decoration: none;
margin: 5px 5px 5px 0;
padding: 0;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
}
table {
width: 100%;
background: #fff;
padding: 0;
margin: 0;
}
table th, table td {
margin: 0;
padding: 8px 20px;
text-align: left;
border-bottom: 1px solid #b5b5b5;
color: #5a5a5a;
}
table tr {
background: #ffffcc;
}
table tr.alt {
background: #fff;
}
table caption, #filterCaption {
margin: 0;
padding: 5px 20px;
text-align: left;
background: url(/img/rink/browse-jobs-caption-bg.gif) #cacaca;
color: #006666;
font-size: 120%;
font-weight: bold;
}
table th {
background-color: #d1d1d1;
}
.jobTitle {
font-weight: bold;
}
.pagination {
float: right;
margin: 20px 0 5px 0;
padding: 7px;
}
.pagination a, .pagination .current {
background-color: #ffffcc;
margin-left: 2px;
width: 2em;
height: 2em;
text-decoration: none;
font-weight: bold;
border: 1px solid #336699;
padding: 4px;
}
.pagination a:hover {
background-color: #336699;
color: #fff;
text-decoration: none;
}
.pagination .current {
background-color: #336699;
color: #fff;
}
/* END job browse results table */

/* browse landing page */
div#stateBox {
float: left;
width: 100%;
}
div#stateBox img, div#industryBox img, div#employerBox img {
float: left;
padding: 5px 0 7em 0;
}
div#stateBox img {
padding-bottom: 12em;
}
div#industryBox, div#employerBox {
width: 460px;
/* background-color: orange; */
}
div#industryBox {
float: left;
}
div #employerBox {
float: right;
}
div#stateBox ul, div#industryBox ul, div#employerBox ul {
margin: 0;
padding: 0;
list-style: none;
}

div#industryBox ul, div#employerBox ul {
overflow: auto;
height: 200px;
width: 268px;
/* background-color: yellow; */
}

div#stateBox ul li, div#industryBox ul li, div#employerBox ul li {
padding-bottom: 5px;
}

div#stateBox ul li {
width: 150px;
float: left;
}
div#industryBox ul li {
width: 230px;
}

div#stateBox h3, div#industryBox h3, div#employerBox h3, div#search h3 {
background: url(/img/rink/browse-jobs-caption-bg.gif) #cacaca;
text-align: left;
margin: 0;
margin-bottom: 5px;
padding: 5px;
}

div#stateBox h3 a, div#stateBox ul li a {
color: #999933;
text-decoration: none;
}

div#industryBox h3 a, div#industryBox ul li a {
color: #cc9933;
text-decoration: none;
}

div#employerBox h3, div#employerBox ul li a {
color: #006699;
text-decoration: none;
}

div#search h3 a, div#search form .element div label, div#search form .element div .example {
color: #669933;
text-decoration: none;
}


/* browse landing search box */
#search {
/* border: 2px solid #8da7c5; */
margin: 10px auto;
/* padding: 5px; */
width: 100%;
}
#search form .element {
float: left;
margin-right: 10px;
}
#search form .element div .text, #search form .element div select {
/* background-color: #e6eecd; */
}
#search form .element div label {
font-weight: bold;
display: block;
/* color: #8b8d09; */
}
#search form .element div .example {
font-size: 90%;
font-style: italic;
/* color: #8b8d09; */
}