/* Styles for the creation forms */

body {
    background-color: #FFFFFF;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    text-align: left;
    color: #000000;
}

td {
    font-size: 8pt;
    line-height: 18px;
}

h1{
    font-size : 1.4em;
}

h2{
    font-size : 1.3em;
}

label.required {
    color: #D91B1E;
}

.fielderror {
    font-weight: bold;
    color: #D91B1E;
}
.em_fieldhelp {
    display: block;
    color: #D91B1E;
}

#breadcrumbs {
    text-align: right;
    font-size: 15px;
    font-weight: bolder;
    text-transform: uppercase;
}

#breadcrumbs.complete {
    color: #336600;
}

#breadcrumbs.navigation {
    color: #990000;
    font-weight: normal;
    font-size: 14px;
}

#breadcrumbs.navigation span.active{
    font-weight: bold;
}

.fieldhelp {
    display: block;
    font-style: italic;
}

.labelcol {
    vertical-align: top;
    font-weight: bold;
}

.textfield, .repeatedtextfield, .textarea, .filefield, .emhelptextfield {
    width: 98%;
}

.fieldcol ul li {
    list-style-type: none;
}

#hidden_gift {
    height: 110px;
    overflow: auto;
}

#hidden_gift_text {
    padding-top: 25px;
    padding-left: 5px;
    display: table-cell;
    vertical-align: middle;    
}

#hidden_gift_image {
    height: 80px;
    float: left;
}

/* Styles for the presentation view */
#print_notice_banner {
    width:      100%;
    text-align: center;
}

#presentation_legend {
    margin-top: 16px;
    display: inline;
    float: right;
    vertical-align: middle;
}

#presentation_legend_box {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    border: 1px solid #999999;
}

#presentation_legend_box_header {
    text-align: center;
    border-bottom: 1px solid #999999;
    font-size: 120%;
    font-weight: bold;
    padding: 3px 6px 3px 6px;
}

.presentation_legend_box_entry {
    padding-right: 3px;
    padding-bottom: 3px;
}

.indicator {
    font-weight: bold;
}

.upload {
    color: green;
}

.postcard {
    color: blue;
}

#presentation_list {
    overflow: auto;
    padding-bottom: 30px;
}

.presentation_item {
    margin: 15px 6px 18px 6px;
    float:left;
    display:inline;
    font-size: small;
    text-align: center;
    vertical-align: middle;
    width: 130px;
    height: 160px;
}

.presentation_title{
    width:100%; /* I guess we need this with the various indicators */
    display: table;
    height: 40px;
    vertical-align: middle;
    text-align: center;
    font-size: 13px;
    padding-bottom: 1px;
    margin-bottom: 1px;
}

.presentation_image{
    width:100%;
    display: block;
}
.presentation_image img{
    border-color: #888888 #222222 #222222 #888888;
    border-width: 3px;
}

.presentation_button{
    display: block;
}

#categories {
}

.category_head {
    font-size: 130%;
    font-weight: bold;
}

.category_link {
    display: block;
    height: 16px;
    line-height: 20px;
    margin: 2px 3px 3px 3px;
    white-space: nowrap;
    text-align: left;
}

.category_link .current_item {
}

.category_link a{
    cursor: pointer;
}

.category_link a:hover {
}

.category_link a:visited {
}

/* For the print notice */
/*for the print notice*/
div#secondary_supplements {
    padding: 20px;
}

.print_notice_help_img,
.print_notice_img {
    border: none;
}

.copyright {
    text-align: left;
}

/*For the creation forms */
form table {
    width: 98%;
}

/*Flash traffic*/
div#flash_message {
    border: 1px solid #000000;
    padding: 20px;
    margin-bottom: 10px;
    font-size: 140%;
    text-transform: capitalize;
}
div#flash_message.success {
    background-color: #A5C828;
    font-weight: bold;
    color: #222200;
}
div#flash_message.warning {
    background-color: #F0d030;
    color: #222200;
    border: 1px solid #E0c010;
}
div#flash_message.error {
    background-color: #DD7777;
    border: 1px solid #EE5555;
    color: #FFFFFF;
}