/* the main style sheet for payroll */

@import url("forms.css");
@import url("nav.css");

body { 
    width: 972px;
    margin: 3px auto; 
    font-family: Verdana, Arial, sans-serif; 
    font-size: 11pt;
    background: #fbfbfb;
}

img {
    border: 0;
    margin: 0;
    padding: 0;
}

#mast_head {
    position: relative;
    margin: 0;
    padding: 0;
}
#logo {
    margin: 10px;
}
#page {
    background-color: #fff;
    border: 1px solid #eee;
}
.login {
    position: absolute;
    top: 7px;
    right: 17px;
    color: #333;
    font-size: 9pt;
}
.login a {
    color: #666;
    font-size: 8pt;
}
.login a:hover {
    color: #111;
}

/* keep containers from collapsing under floats */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#tag_line {
    position: absolute;
    top: 85px;
    right: 15px;
    font-size: 20px;
    font-weight: bold;
}
#big_date {
    position: absolute;
    top: 102px;
    right: 15px;
    color: white;
    font-size: 48px;
    font-weight: bold;
}

#big_phone_number {
    position: absolute;
    top: 30px;
    right: 10px;
    font-size: 20px;
    font-weight: bold;
    color: purple;
}

h2 {
    margin-top: 10px;
}

.has_table {
    padding-left: 15px;
}
table.service_info {
    width: 40%;
    padding-left: 15px;
}

#header_nav {
    text-align: left;
    margin: 10px;
    font-size: 9pt;
}

.odd {
    background-color: #eee;
    padding-top: 2px;
    padding-bottom: 2px;
}

ul.no_bullet {
    list-style-type: none;
}

#main_content {
    position: relative;
    margin: 0;
    padding: 0 15px;
    /*min-height: 500px;*/
}

.appeal {
    width: 39em;
}

#footer_links {
    clear: both;
    margin-top: 10px;
    padding: 2px 0;
    text-align: center;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 7pt;
    color: #ccc;
}
#footer_links a {
    text-decoration: none;
    font-weight: bold;
    color: #666;
}
#footer_links a:hover {
    color: black;
}
#divFooter {
    text-align: center;
    font-size: 7pt;
    background: #fff;
    margin: 10px 0;
    padding: 10px;
}
#divFooter a {
    text-decoration: none;
    color: #666;
}
#divFooter a:hover {
    color: black;
}

table.form_table {
    width: 40%;
    margin: 0 15px;
}

#sub_content {
    position: relative;
}

/* -------------------------------------------------------------- */
/* Table stuff
/* -------------------------------------------------------------- */
table.item_list {
    width: 98%;
    margin: 3px auto;
    border-collapse: collapse;
}

table.item_list thead {
    font-size: 10pt;
    background-color: #def;
    line-height: 1.8em;
    border-bottom: 1px solid #aaa;
}

table.item_list th.icon {
    width: 35px;
}

table.item_list td.icon {
    width: 30px;
    text-align: center;
}

table.item_list td {
    font-size: 9pt;
    padding-left: 5px;
    line-height: 1.6em;
}

.min {
    width: 25px;
}
.text_field {
    width: 220px;
}

table.item_list th.event_name {
    width: 220px;
}

table.item_list td.event_name {
    width: 210px;
}

table.item_list th.worker {
    width: 150px;
}

table.item_list td.worker {
    width: 120px;
    text-align: center;
}

table.item_list td.mid {
    text-align: center;
}

th.left {
    text-align: left;
}

table.item_list td.short_date {
    width: 25px;
}

table.item_list td.short_time {
    width: 65px;
}

table.item_list td.short_name {
    width: 200px;
}

#date_stuff {
    min-height: 10px;
}

.line_item {
    border-bottom: 1px solid #ddd;
}

h4.emphasis {
    font-style: italic;
    margin-top: 5px;
    margin-bottom: 0.2em;
}

#restaurant_signup {
    position: absolute;
    top: 5px;
    right: 10px;
}

#suggestion {
    position: absolute;
    top: 35px;
    right: 10px;
    width: 340px;
    height: 40px;
    text-align: right;
    font-size: 14px;
    font-weight: bold;
    background: #fff;
}

#suggestion a {
    color: purple;
}

#restaurant_signup a, #donate_now a, #find_restaurants a {
    text-decoration: none;
    color: black;
}
.please_note {
    width: 97%;
    background: #fee;
    padding: 10px;
    border: 1px solid red;
}

#pop_downs {
    position: relative;
    width: 600px;
}

#find_restaurants {
    cursor: pointer;
}
#county_list {
    display: none;
    width: 300px;
    background: gold;
    border: 3px solid #ccc;
}

#county_list a, #donate_links a {
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}
#county_list a:hover, #donate_links a:hover {
    color: black;
}

#county_list li, #donate_links li {
    width: 240px;
    border-bottom: 1px solid #666;
}

#donate_now {
    cursor: pointer;
    position: absolute;
    top: 0px;
    left: 340px;
}
#donate_links {
    position: absolute;
    top: 40px;
    left: 340px;
    display: none;
    width: 300px;
    background: gold;
    border: 3px solid #ccc;
}

.listing {
    clear: both;
    background: #fff;
    margin: 0;
    padding: 10px 0 0 0;
    border-bottom: 1px solid #ccc;
}
.restaurant_logo {
    float: left;
    height: 100px;
    width: 200px;
    margin-bottom: 5px;
    border: 1px solid #fff;
}
.blurb {
    font-size: 0.9em;
    float: left;
    background: #fff;
    width: 720px;
    height: 100px;
    margin: 0;
    padding-left: 10px;
    border: 1px solid #fff;
}
.restaurant_details {
    clear: left;
    text-align: center;
    margin-bottom: 10px;
    background: #fff;
    border: 1px solid #fff;
}

.restaurant_details a {
    font-weight: bold;
    color: #666;
    text-decoration: none;
}
.restaurant_details a:hover {
    color: black;
}
.icons {
    clear: left;
    text-align: center;
    font-size: 0.8em;
    height: 25px;
    margin-bottom: 5px;
    border: 1px solid #fff;
}
.icons img {
    margin: 0px 20px;
}
.under_picture {
    margin: 10px 0;
    font-size: 0.9em;
}
.county_links {
    margin: 0;
    height: 20px;
}
.county_links ul {
    list-style-type: none;
    margin: 3px 0;
    height: 20px;
    padding: 0;
}
.county_links li {
    float: left;
    height: 20px;
    margin-left: 2px;
    background-color: #eee;
    border: 1px solid #eee;
}
.county_links li a {
    margin: 0;
    padding: 3px 8px;
    line-height: 20px;
    font-size: 8pt;
    color: #666;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}
.county_links li a:hover {
    color: black;
}
.county_links li:hover {
    background-color: #fff;
    border: 1px solid #aaa;
}
.city_header {
    text-align: center;
    background: #eee;
    border: 1px solid #ccc;
    padding: 8px 0;
    margin: 0.4em 0;
}
#follow_buttons img {
    margin-left: 10px;
}
div#icon_header {
    border: 1px solid #fff;
}

table.icon_legend {
    margin: 0 auto;
    padding: 0;
    border-collapse: collapse;
}

table.icon_legend td {
    font-size: 0.8em;
    font-style: italic;
    color: blue;
    background: #fff;
    text-align: right;
    vertical-align: middle;
}
table.icon_legend td.icon {
    width: 32px;
    padding-left: 5px;
}
table.icon_legend td.title {
    width: 11em;
}
p.leader {
    font-style: italic;
    font-weight: bold;
}
div.by_line {
    text-align: left;
    font-style: italic;
    font-size: 0.9em;
    padding-left: 30px;
}
div.testamonial {
    margin: 10px;
    padding-left: 20px;
}
p.sign_off {
    font-style: italic;
    font-size: 1.1em;
}