@import url(reset.css);

body {
font: 12px/1.6 "Helvetica Neue", Arial, sans-serif;
color: #555; }

input, textarea {
font: 12px/1.6 "Helvetica Neue", Arial, sans-serif; }

a {
color: #04298f; }

a:hover {
/* border-bottom: 1px solid; */ }

a:active {
position: relative;
top: 1px; }

#jobs {
width: 558px;
margin-bottom: 20px;
border: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
overflow: hidden;
font: 12px/1.6 "Helvetica Neue", Arial, sans-serif;
color: #444; }

#jobs #kaango-keywords input {
font: 12px/1.6 "Helvetica Neue", Arial, sans-serif; }

#jobs .colgroup {
border-bottom: 1px solid #ddd;
overflow: hidden; }

#jobs .col {
padding: 20px !important;
padding: 20px 20px 0;
float: left;
overflow: hidden; }

#jobs .jobseekers { }

#jobs .employers {
width: 205px; }

#jobs h2 {
margin: -7px 20px 0 0;
float: left;
font: 42px/1 Georgia, "Times New Roman", Times, serif; }

#jobs .jobseekers h2 a {
color: #A32929; }

#jobs .employers h2 a {
color: #3aa55D; }

#jobs h2 a {
text-decoration: none; }

#jobs form {
width: 239px;
margin-top: 5px;
float: right; }

#jobs form #jobs-keywords {
width: 145px;
margin-right: 5px;
padding: 4px;
border: 1px solid #ccc;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
float: left;
color: #888;
font-size: 12px; }

#jobs p {
padding: 20px;
border-top: 1px solid #eee;
clear: both;
font-size: 14px; }

#jobs p a {
text-decoration: none;
color: #666; }

#jobs p a:hover {
border-bottom: 1px solid #ddd; }

#jobs p em {
font-style: normal;
font-weight: bold;
text-transform: uppercase; }

.tabbed .nav {
width: 560px;
height: 40px;
position: relative; }

.tabbed .nav ul {
position: absolute;
left: 20px;
bottom: -1px; }

.tabbed .nav li {
margin-right: 1px;
float: left;
text-transform: uppercase;
background-color: #f3f3f3; }

.tabbed .nav li a {
padding: 12px 20px;
border: 1px solid #bbb;
display: block;
font-weight: bold;
text-decoration: none;
color: #888; }

.tabbed .nav a.current {
border-bottom-color: #fff;
color: #555;
background-color: #fff; }

.tabbed .nav a:active {
position: static; }

.tabbed .contents {
width: 558px;
border: 1px solid #bbb;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
clear: left;
overflow: hidden; }

.tabbed .section {
padding: 20px;
overflow: hidden; }

.tabbed .colgroup {
overflow: hidden;
background: url(../img/site/1px-dashed.gif) 291px 0 repeat-y; }

.tabbed .colgroup .col {
width: 208px;
float: left; }

.tabbed .colgroup .col p {
margin-bottom: 20px; }

.tabbed .colgroup .first {
width: 270px;
margin-right: 40px; }

.tabbed h2 {
margin: 5px 0 10px;
font: 42px/1.1 Georgia, "Times New Roman", Times, serif;
color: #04298f; }

.tabbed h2.secondary {
margin-bottom: 5px;
font: bold 15px/1.6 "Helvetica Neue", Arial, sans-serif;
text-transform: uppercase;
color: #04298f; }

.modal h2 {
display: none; }

.modal ul {
list-style: inside disc; }

.modal li.all {
margin-bottom: 10px;
padding: 10px 0;
border-bottom: 1px dotted #ddd;
list-style: none;
font-weight: bold; }

#browse form {
width: 100%;	}

#browse #kaango-keywords {
width: 179px !important;
width: 175px;
padding: 4px;
border: 1px solid #ccc;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
float: left;
color: #888;
font-size: 12px; }

.button {
height: 25px;
float: right;
padding: 0 11px;
border-width: 1px;
border-style: solid;
border-color: #031F6D;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
font-weight: bold;
font-size: 11px;
line-height: 25px;
text-align: center;
text-transform: uppercase;
text-shadow: 1px -1px 0 rgba(0, 0, 0, 0.6);
cursor: pointer;
opacity: 0.85;
color: #fff;
background-color: #04298f; }

#jobs .button {
float: left; }

input.button {
padding: 0 11px !important;
padding: 0 4px; }

.button:hover {
opacity: 1.0; }

#jobs .jobseekers .button {
border-color: #721D1D;
background-color: #A32929; }

#jobs .employers .button {
border-color: #2e844a;
background-color: #3aa55D; }

a.jobs {
margin-top: 5px;
float: left;
border-color: #2e844a;
background-color: #3aa55d; }

ul a:hover {
border-bottom: 1px solid; }