table {width: 100%} 

table.wf_index 
{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    color: #000000;
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}

img { border: 0}

th 
{
    font-size: 12px;
    background-color: #215c99;
    color: #FFFFFF; 
    text-align: center 
}

caption 
{ 
    font-size: 14px;
    color: #215c99;
    font-weight: bold;
    text-align: center
}

table.wf_index .wf_data td { border-bottom: 2px solid #215c99; }
table.wf_index .wf_n { width: 2%;}
table.wf_index .wf_type { width: 7%}
table.wf_index .wf_name { width: 55%; text-align: left;}
table.wf_index .wf_access { width: 7% }
table.wf_index .wf_mess { width: 13% }
table.wf_index .wf_last { width: 16% }

table.wf_index .wf_new { color: red; }

.wf_navigation 
{
    background-color: #ffffff;
    color: #000000;
    border-top: 2px solid #215c99; 
}


.wf_owner, .wf_owner a
{
    text-align: right;
    color:  #808080;
    background-color: #FFFFFF;
    font-weight: normal;
}

.wf_index .wf_actions, .wf_actions
{
    background-color: #FFFFFF; 
    text-align: right; 
}

.wf_interest_yes, .wf_interest_yes :visited, .wf_interest_yes :link 
    {color: black;}
.wf_interest_no, .wf_interest_no :visited, .wf_interest_no :link
    {color:  #808080}

.wf_index .wf_description { color:  #808080}

.wf_last_date_0_1 {color: #F00000 }
.wf_last_date_2_5 {color: #D00000 }
.wf_last_date_6_10 {color: #800000 }
.wf_last_date_10_18 {color:  #400000 }
.wf_last_date_old {color: black; }


.wf_last_date_box table {border-collapse: collapse; }
.wf_last_date_box table {width: 100%; height: 10px;}
.wf_last_date_box table .wf_last_date_0_1 {background-color: #F00000}
.wf_last_date_box table .wf_last_date_2_5 {background-color: #D00000}
.wf_last_date_box table .wf_last_date_6_10 {background-color: #800000}
.wf_last_date_box table .wf_last_date_10_18 {background-color: #400000}
.wf_last_date_box table .wf_last_date_old {background-color: black;}


/* discussion */

table.wf_discussion {width: 100%}

.wf_message 
{
    border-bottom: 2px solid #215c99;
}
.wf_photo 
{
    width: 75px;
    height: 100px;
    float: left;
    margin-right: 10px;
}
.wf_subject
{
    font-weight: bold
}

.wf_message .wf_actions 
{
    float: right;
}

.wf_attachment
{
    width: 100%;
    float: left;
    border-top: 1px solid #215c99;
    border-bottom: 1px solid #215c99;
}

.wf_attachment div * {vertical-align: middle}

.wf_author
{
    border-top: 1px solid #215c99;
    border-bottom: 1px solid #215c99;
}

.wf_date
{
    border-bottom: 1px solid #215c99;
}

.wf_reply
{
    font-style: italic;
}

.wf_header, .wf_footer
{
    border-top: 1px solid #215c99;
    border-bottom: 1px solid #215c99;
    background-color: #78ADE3;
    font-size: 12px;
    color: #FFFFFF; 
    text-align: center;
    font-weight: bold;
}

.wf_pages
{
    border-top: 1px solid #215c99;
    border-bottom: 1px solid #215c99;
    text-align: center;
    word-spacing: 5px;
}

.wf_freeze, .wf_archive
{
    text-align: center;
    color: red;
}

.wf_prev {float: right; border: 0}
.wf_next {float: left; border: 0}

.wf_new { color: #D87000 }

/* message */

table.wf_message {width: 100%;}
th.wf_description {border-top: 1px solid #215c99;}

table.wf_message .wf_message { border-top: 2px solid #215c99;}
table.wf_message .wf_description { color: white;}

.wf_edit_msg_div {margin-top: 20px; }
.wf_edit_msg_div .wf_header_fields { width: 100% }
.wf_header_fields input {width: 100%}
.wf_header_fields .wf_name {width: 10%}
.wf_edit_msg_div .wf_text textarea 
{
    width: 100%; 
    height: 15em;
    margin-bottom: 15px;
}


table.wf_message .wf_attachment {float: none}
table.wf_message .wf_attachment input[type="text"] { width: 50%}
.wf_attached {float: left; text-align: center; padding-right: 15px;}
.wf_attached img {border: 0px;display: block;}
.wf_attachment_1, .wf_attachment_2, .wf_attachment_3 {width: 100%; float:left}
.wf_attachment_1 { margin-top: 10px;}


.wf_photos .wf_photo {text-align: center; margin-top: 10px; height: auto;}
.wf_photo img {width: 75px; height: 100px; display: block;}


.wf_ok {text-align: center;}
.wf_ok input { width: 30% }


/* discusson_edit */

table.wf_discussion_edit {width: 100%} 
col.wf_name {width: 20%}
col.wf_value {width: 100%}

table.wf_discussion_edit .wf_description { color: #808080 }
table.wf_discussion_edit tr.wf_header, table.wf_discussion_edit tr.wf_footer,
table.wf_discussion_edit tr.wf_description, 
table.wf_discussion_edit tr.wf_freeze
{
    background-color: white;
    color: black;
    text-align: left;
}

table.wf_discussion_edit tr.wf_name input { width: 100% }
table.wf_discussion_edit textarea {width: 100%; height: 7em}

/* edit_menu */

table.wf_edit_menu 
{ 
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center; 
    background-color: #215c99;
}
.wf_edit_menu .wf_selected { background-color: white }
.wf_edit_menu a, .wf_edit_menu a:link,.wf_edit_menu a:visited { color: white;}

/* settings */

.wf_settings input, .wf_settings select { width: 200px}

/* permisson */

.wf_permission .wf_group, .wf_permission .wf_name { width: 70%}
.wf_permission td.wf_permission { text-align: right}
.wf_permission .wf_action,.wf_permission wf_permission { text-align: center}
.wf_permission .wf_description { padding-top: 50px; color: #808080}

/* discussion_tree */
div.wf_message_body { display: none; }
span.wf_date { border: none; white-space: nowrap;}
span.wf_author { border: none ; color: #808080; white-space: nowrap;}

table.wf_discussion_tree { border-collapse: collapse }
table.wf_discussion_tree .color1 { background-color:#dbecff }
table.wf_discussion_tree .color2 { background-color:#edf5ff } 

/* search */

table.wf_search input[type="text"] {width: 100%} 
table.wf_search_res { border-collapse: collapse }
table.wf_search_res .color1 { background-color:#dbecff }
table.wf_search_res .color2 { background-color:#edf5ff } 
table.wf_search_res .wf_discussion_name 
{ 
    padding-bottom: 5px; 
    border-top: 2px solid #215c99;
}

table.wf_search_res .wf_space { width: 5px; background-color: #ffffff; }

/* row highlighting */

table.wf_permission tr.row0, table.wf_permission_tree tr.row0
    { background-color: white; }
table.wf_permission tr.row1, table.wf_permission_tree tr.row1 
    { background-color: #eeeeee; }