/**
 * volunteernow.org.nz stylesheet
 *
 * Author: Nigel McNie <nigel@catalyst.net.nz>
 */

html, body {
    margin: 0;
    padding: 0;
}
td img {
    display: block;
}
img.inline, td.inline img {
    display: inline;
}
p, li {
    padding: 0 10px 3px 10px;
    font: 14px Verdana, sans-serif;
}
ul {
    margin-left: 0;
    padding-left: 0;
}
li {
    margin-left: 2em;
    padding-left: 0;
}
h4 {
    padding-left: 16px;
    padding-right: 16px;
    text-align: left;
    font: bold 1.15em Verdana, sans-serif;
}
#main td.inline {
    padding: 1em;
    vertical-align: top;
}
input, textarea {
    font: 14px Verdana, sans-serif;
}
input.submit {
    font-size: 12px;
}

th {
    font: bold 14px Verdana, sans-serif;
    text-align: left;
    vertical-align: text-top;
}
td {
    font: 13px Verdana, sans-serif;
}

#index-h1 {
    margin-left:275px;
    margin-top:1em;
}
#index-content {
    margin-left:275px;
}
#contact-details table {
    margin-left: 1em;
}
#contact-details th {
    font-size: smaller;
}
#jobinput th {
    width: 20%;
    white-space: nowrap;
}

/* Links */
a {
    color: #b0303f;
}
a:visited {
    color: #b43848;
}
a:active {
    color: #000;
}

/* Styles for the top stuff */
#top, #main {
    width: 80%;
    margin: 0 auto;
}
#top td, #main td {
    padding: 0;
}
#toprow {
    background: #f2f2f2 url(/img/branding_tile.png) repeat-x;
}
#redrow td {
    background-color: #b0303f;
    border: 1px solid #fff;
    border-width: 1px 0;
}
#topmenu {
    background-color: #000;
    color: #fff;
    text-align: right;
    vertical-align: middle;
    font: bold 9px Verdana, sans-serif;
    text-decoration: none;
}
#topmenu td.right a {
    font: bold 9px Verdana, sans-serif;
    color: #fff;
    text-decoration: none;
    vertical-align: middle;
}

/* The grey bars near the top and bottom */
.greybar td {
    background-color: #cfcfcf;
    border-top: 1px solid #fff;
    height: 10px;
}

/* The main content borders */
#left_border {
    background: #fff url(/img/fade_left.png) repeat-y;
    width: 22px;
}
#right_border {
    background: #fff url(/img/fade_right.png) repeat-y;
    width: 22px;
}

/* The bottom of the page */
#bottom {
    border-bottom: 3px solid #000;
    height: 13px;
}
#bottom_menu {
    text-align: right;
    font: normal 13px Verdana, sans-serif;
}
#bottom_menu a {
    font: bold 13px Verdana, sans-serif;
    text-decoration: none;
    vertical-align: middle;
    padding: 5px;
}


/* Left column on homepage */
#leftcoltop {
    float: left;
    width: 256px;
    background-color: #333333;
    border: 2px solid #fff;
    border-width: 2px 0 1px;
    margin-top:1px;
    padding-left: 10px;
    /* "Fixes" for gecko (really a workaround for IE/Win nested float problems) */
    font-size: 0;
    line-height: 0;
}
#leftcoltop img {
    display: inline;
}
#leftcol {
    float: left;
    clear: left;
    width: 255px;
    background: #b0303f url(/img/redSideTile.png) repeat-y;
    padding: 15px 0 15px 15px;
    color: #fff;
    font: bold 13px Verdana, sans-serif;
}
#leftcol h4 {
    font: bold 16px Verdana, sans-serif;
    margin: 0;
    padding: 1px 0 0 0;
    line-height: 80%;
    text-align: left;
}
#leftcol hr {
    border: 1px dashed #fff;
    border-width: 1px 0 0 0;
    line-height: 0;
    height: 1px;
    width: 72%;
    margin: .5em 23px .3em;
    background-color: transparent;
}
#leftcol a {
    color: white;
    text-decoration: none;
}


h1 {
    background: #ecf3f6 url(/img/babyBlue.png) top left no-repeat;
    color: #1A1A1A;
    padding: 0 15px;
    font: bold 14px Verdana, sans-serif;
    width: 281px; /* 311 - (15 * 2) */
    height: 44px; /* 52 - 8 */
    padding-top: 8px;
}

/* The search form */
#search th {
    width: 15%;
    font-weight: normal;
    font-size: 13px;
    white-space: nowrap;
}
.jobshead, .jobsheaddata {
    font: 14px Verdana, sans-serif;
    font-weight: bold;
    vertical-align: text-top;
    text-align: left;
}
.jobsheaddata {
    padding-left: 2em;
}
#jobdata th {
    width: 15%;
    white-space: nowrap;
}
/* subregion select box should have a fixed width */
#subregion_id {
    width: 15em;
}
#main td.jobs {
    font: 14px Verdana, sans-serif;
    vertical-align: text-top;
    padding-left: 3em;
}
#resinfo {
    text-align: right;
    font-size: large;
    border-top: 1px solid gray;
    margin-top: .5em;
    padding-top: .5em;
}
#pagination {
    text-align: center;
    margin-top: 1em;
    font-size: large;
}

/* Articles */
#article hr {
    width: 75%;
    height: 3px;
    color: #b0303f;
    border: 0;
    border-top: 3px solid #b0303f;
}

/* Useful classes */
.right {
    text-align: right;
}
.right img {
    float: right;
}
table.standard {
    width: 100%;
    vertical-align: top;
}
.wide {
    width: 100%;
}
.err {
    color: red;
}
.expired {
    font-size: smaller;
    color: red;
    font-weight: bold;
}
.expired-note {
    border: 1px solid #ccc;
    padding: 3px;
    text-align: center;
    background-color: #eee;
}
.hl {
    background-color: #fdd;
    font-weight: bold;
    color: #600;
}

/* Registration form */
#registrationform td {
    padding: 5px;
}

.formerror {
    padding: 1em;
    margin: 1em;
    background-color: #fdd;
    border: 2px solid #f99;
}

.shortlist li {
    list-style-type: none;
}

.shortlist img {
    border: none;
    position: relative;
    top: 0.2em;
}