/* this file contains basic styles applied to HTML elements, but no
 * resourceworks-specific styles */

/*
body
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
}
*/

/*
h1 { font-family: Verdana, Arial, Helvetica; font-size: 150% ; font-weight: bold; color: #000000; margin-top: 0em }
h2 { font-family: Verdana, Arial, Helvetica; font-size: 125% ; color: #000000 }
*/

input:focus, textarea:focus { 
    background : #eef none; 
    color : #000; 
}

input:active { 
    background : #eef none; 
    color : #f00; 
}

/*
:link, :visited
{
    color: #0000ff;
    text-decoration: none
}

:link:hover, :visited:hover
{
    color: #6088c4;
    text-decoration: none
}

:link:active, :visited:active
{
    color: #000000;
    text-decoration: none
}
*/

ul {
    list-style: outside
}
ol, td, th, blockquote, p, li, ul
{
    font-family: Verdana, Arial, Helvetica;
    font-size: 12px;
}

/* this file contains resourceworks-specific styles, and styles applied
 * to HTML elements which are necessary for resourceworks to look ok. */

td {
    /*padding: 5px;*/
    text-align: left;
    padding: 5px;
}

.rowheader { font-weight: bold ; text-align: center }
.row0 {}
.row1 {}

td.content { 
    vertical-align: top; 
    width: 100%;
    background-color: #ffffff ; 
    padding: 25px;
    padding-top: 0px;
    margin-top: 0px;
}

td.sidebar { 
    vertical-align: top; background-color: #eeeeee; padding: 5px; width: 20%}

td.peaceworks { 
    vertical-align: bottom; 
    background-color: #eeeeee;
    padding: 5px; 
    width: 20%;
    font-size: 10px;
}

td.bar
{
    width: 100%; 
    height: 5px; 
    background-color: #000000;
}

h1 {
    margin-top: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-left: 0px;
}

h1.sidebar { 
    font-family: Verdana, Arial, Helvetica; 
    font-size: 125%; 
    font-weight: bold; 
    color: #000000 
}

h2.sidebar { font-family: Verdana, Arial, Helvetica; font-size: 100%; font-weight: bold; color: #000000 }

a.reservation
{
    color: #000000;
}

table.resultset
{
    border-spacing: 0px;
    /*border: 1px solid #000000;*/
    border-collapse: collapse;
}

.field
{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    text-indent: 5px;
    color: #333333;
    font-weight: normal;
    background-color: #FFFFFF;
    /*border: 1px solid #999999;*/
}

.fieldhelp
{
    font-size: 10px;
}

.readonly {
    background-color: #eeeeee; 
    color:#808080
}



.formerror
{
    color: red;
    font-weight: bold;
}

.important
{
    color: red;
    font-weight: bold;
}

img.resourceicon
{
    vertical-align: middle;
}

div.content
{
    padding-top: 0px;
    margin-top: 0px;
    margin-left: 2em;
    background-color: #ffffff;
    /*border: 1px solid #333333;*/
    padding: 3px;
}

div.bar
{
    width: 100%; 
    height: 5px; 
    background-color: #505050;
}

tr.basket
{
    padding: 0px;
}

/* menu-related styles */
/*
.menubar {
    border-collapse: collapse;
}

.menuitem {
    border: 1px solid #000000;
    background-color: #eeeeee;
}

.menuitem a:link, .menuitem a:visited {
    font-weight: bold;
    text-decoration: none;
}

.menuitem a:link:hover, .menuitem a:visited:hover {
    background-color: #eeeeee;
    text-decoration: none;
}

.submenu {
    color: #000000;
    border: 1px solid #000000;
    background-color: #000000;
}

.subitem {
    background-color: #ffffff;
    border: 1px solid #000000;
}

.subitem a {
    margin: 0px;
    padding: 0px;
    display: block;
}

.subitem a:link, .subitem a:visited { 
    text-decoration: none; 
}
.subitem a:link:hover, .subitem a:visited:hover {
    background-color: #e0e0e0;
}
.subitem a:link:active, .subitem a:visited:active {
    color: #000000;
    background-color: #d0d0d0;
    text-decoration: none
}

.menurow {
    padding: 0px;
    margin: 0px;
}
*/

ul.noindent, ol.noindent {
    padding-left: 1em;
    margin-left: 0em;
}

td.fieldlabelfieldgroup {
    border-left: 1px solid #444444;
    border-right: none;
    font-style: italic;
    text-align: right;
    padding: 5px;
}

td.fieldvaluefieldgroup {
    border-left: none;
    border-right: 1px solid #444444;
    padding: 5px;
}

td.border {
    border: 1px solid #444444;
}

table.border {
    border: 1px solid #444444;
}

.fieldlabel
{
    vertical-align: top;
    text-align: right;
    font-style: italic;
    font-size: 12px;
    padding: 5px;
}

.fieldvalue
{
    padding: 5px;
    font-size: 12px;
}

    
.fieldgroupbegin
{
    border-top: 1px solid #444444;
    border-left: 1px solid #444444;
    border-right: 1px solid #444444;
    font-weight: bold;
}

.fieldgroupend
{
    border-top: 1px solid #444444;
}

.instructions
{
    font-size: 10px;
}

.location
{
    font-size: 10px;
}

.workcontact
{
    margin-left: 2em;
    font-size: 10px;
}

div.resultsetnavbar
{
    margin-top: 1em;
    margin-bottom: 1em;
}

p.fieldchange, div.fieldchange
{
    border: 1px solid black;
    margin-bottom: .25em;
    padding: 2px;
}