/***************************************************

    Shared (common) CSS
    ===================

    Include this on all pages.  The CSS in here should, 
    ideally, be independent of media type.

    2006-11-30  Dan Bettles     Created

***************************************************/



/*====== Forms ======*/

form,
fieldset,
legend {
display: block;
    margin: 0; padding: 0;
    border: 0 solid #fff;  /* Opera */
}

legend {
    position: relative;  /* IE and Opera */
    left: -.5em;  /* IE and Opera */
    font-weight: bold;
    margin: 0 0 .5em 0;
    padding: 0 .5em 0 0;
}

input,
select,
textarea {
    font-family: verdana, arial, helvetica, sans-serif;  /* Prevents x-browser issues */
    font-size: 100%;
    font-weight: normal;
    color: #000;
    /*background-color: #fff;*/
}

label {
    font-weight: bold;
}



/*====== end Forms ======*/



img {
    border: 0 solid #fff;
}



th,
td {
    text-align: left;
    vertical-align: top;
}



.hidden {
    display: none;
}



hr {
    clear: both;  /* This is required in IE, even with float100 */
    height: 1px;
    color: #fff;  /* [Prost] This stops IE rendering a bas-relief style bar without resorting to noshade="noshade" in the tag */
    border-top: 1px solid #333;  /* If you want a regular border, change this */
    border-left: 0;  /* [DanB] This stops Netscape and Mozilla rendering a little vertical bar on the left */
    border-right: 0;  /* [Prost] This stops Netscape and Mozilla rendering a little vertical bar on the right */
    border-bottom: 0;  /* [Prost] This stops Mozilla rendering a 2px high HR */
}



/*====== Warning Messages ======*/

.fieldWithErrors {
    display: table;
    background-color: #981A21;
    padding: 2px;
}



p#flashMessage {
    font-weight: bold;
    text-align: center;
    margin: 0 0 20px 0;
    padding: 5px;
    border: 1px solid #ccc;
}

p#flashMessage.good {
    color: #060;
    background-color: #E2F9E3;
    border-color: #9c9;
}

p#flashMessage.bad {
    color: #981A21;
    background-color: #F9E4E2;
    border-color: #981A21;
}

/*====== end Warning Messages ======*/



h1,
h2,
h3,
h4,
h5 {
    margin-top: 0;
    padding-top: 0;
}

h1 {
}

h2 {
    font-size: 140%;
}

h3 {
    font-size: 120%;
}

h4,
h5 {
    font-size: 100%;
}



/*
 *  Default link style
 */
a,
a:link,
a:visited {
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}



dl {
    list-style-type: none;  /* If this applies at all */
    margin: 0; padding: 0;
}

dl  dt,
dl  dd {
    margin: 0; padding: 0;
}



/*====== New Error Messages ======*/

/*
 *  This contains all the error messages and an introductory paragraph
 */
div.validationResponse {
    font-weight: normal;
    color: #fff;
    background-color: #f33;  /* Was #fff */
    margin: 0 0 .5em 0; 
    padding: 6px;
    border: 1px solid #000;
}

div.validationResponse  p {
    margin-top: 0;
    padding-top: 0;
}

div.validationResponse  ul.errorMessages {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

div.validationResponse  ul.errorMessages  li {
}
div.validationResponse  ul.errorMessages  li.last {
    margin-bottom: 0;
}

/*====== end New Error Messages ======*/