﻿/****** HTML ******/
html, body, form
{
    margin: 0px;
    padding: 0px;
    /*background: #ccc;*/
    background: #FFFFFF;    
    font-family: Verdana, Sans-Serif;
    font-size: 12px;
}

a
{
    color: #000;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

/****** Layout ******/
.header
{
    height: 50px;
    background: #ddd url('images/hd_bg.jpg') repeat-x;
}

.body
{
    height: 100%;
}

.ws
{
    text-align: left;
}

.top_r
{
    float: right;
    padding-right: 10px;
    text-align: right;
}

.top_r .banner
{
    text-align: right;
    height: 25px;
    line-height: 25px;
    font-weight: bold;
}

/****** Pane ******/
.pn_title
{
    background: #aaa url('images/pn_bg.jpg') repeat-x;
    height: 25px;
    line-height: 25px;
    padding-left: 10px;
}

.pn_actions
{
    background: #dbdbdb url('images/act_bg.jpg') repeat-x bottom;
    height: 40px;
    padding: 3px 10px;
}

/****** Pane Buttons ******/
.pn_actions ul
{
    margin: 0;
    padding: 0;
}

.pn_actions .btn
{
    list-style: none;
    display: block;
    float: left;
    width: 50px;
    height: 40px;
    padding-right: 5px;
}

.pn_actions .btn a
{
    display: block;
    width: 50px;
    height: 40px;
    font-size: 11px;
    text-align: center;
}

.pn_actions .btn a:hover
{
    text-decoration: none;
    height: 15px;
}

.pn_actions img
{
    border: none;
}

.pn_actions .save
{
    background: url('/images/site/save.png') no-repeat top center;
    padding-top: 25px;
}

.pn_actions .save:hover
{
    background: #eee url('/images/site/save.png') no-repeat top center;
    padding-top: 25px;
}

.pn_actions .accept
{
    background: url('/images/site/accept.png') no-repeat top center;
    padding-top: 25px;
}

.pn_actions .accept:hover
{
    background: #eee url('/images/site/accept.png') no-repeat top center;
    padding-top: 25px;
}

.pn_actions .add
{
    background: url('/images/site/add.png') no-repeat top center;
    padding-top: 25px;
}

.pn_actions .add:hover
{
    background: #eee url('/images/site/add.png') no-repeat top center;
    padding-top: 25px;
}

.pn_actions .delete
{
    background: url('/images/site/delete.png') no-repeat top center;
    padding-top: 25px;
}

.pn_actions .delete:hover
{
    background: #eee url('/images/site/delete.png') no-repeat top center;
    padding-top: 25px;
}

.pn_actions .folder
{
    background: url('/images/site/folder.png') no-repeat top center;
    padding-top: 25px;
}

.pn_actions .folder:hover
{
    background: #eee url('/images/site/folder.png') no-repeat top center;
    padding-top: 25px;
}

.pn_actions .refresh
{
    background: url('/images/site/refresh.png') no-repeat top center;
    padding-top: 25px;
}

.pn_actions .refresh:hover
{
    background: #eee url('/images/site/refresh.png') no-repeat top center;
    padding-top: 25px;
}

.pn_actions .word
{
    background: url('/images/site/word.jpg') no-repeat top center;
    padding-top: 25px;
}

.pn_actions .word:hover
{
    background: #eee url('/images/site/word.jpg') no-repeat top center;
    padding-top: 25px;
}

.pn_actions .excel
{
    background: url('/images/site/excel.jpg') no-repeat top center;
    padding-top: 25px;
}

.pn_actions .excel:hover
{
    background: #eee url('/images/site/excel.jpg') no-repeat top center;
    padding-top: 25px;
}

.pn_actions .attachment
{
    background: url('/images/site/attachment.png') no-repeat top center;
    padding-top: 25px;
}

.pn_actions .attachment:hover
{
    background: #eee url('/images/site/attachment.png') no-repeat top center;
    padding-top: 25px;
}

.pn_actions .download
{
    background: url('/images/site/download.png') no-repeat top center;
    padding-top: 25px;
}

.pn_actions .download:hover
{
    background: #eee url('/images/site/download.png') no-repeat top center;
    padding-top: 25px;
}

/****** Form ******/
.frm
{
    margin: 0 auto 0 0;
}

.frm table
{
    border-collapse: collapse;
}

.frm td
{
    padding: 5px;
}

.frm th
{
    height: 25px;
    line-height: 25px;
    background: url('images/pn_bg.jpg') repeat-x;
}

.frm .hd
{
    background: #c0c0c0;
    text-align: center;
    font-weight: bold;
}

.frm .lbl
{
    font-weight: bold;
    font-size: 11px;
    color: #555;
    vertical-align:top;
    padding-top: 10px;
}

.frm tfoot td
{
    text-align: center;
}

.gray_btn
{
    border: solid 1px #999;
    background: #ddd;
}

.frm tfoot input.gray_btn:hover, .gray_btn:hover
{
    background: #eee;
    cursor: pointer;
}

.frm .err
{
    color: #c00;
    padding: 0px;
}

/****** Login/Register Form ******/
.login, .reg .frm, .don .frm
{
    margin: auto;
}

.login .frm, .reg .frm, .don .frm
{
    border-left: solid 1px #999;
    border-right: solid 1px #999;
    border-bottom: solid 1px #999;
    width: 330px;
}

.reg .frm
{
    width: 350px;
}

.don .frm, .sub .frm
{
    width: 550px;
}

.don .frm .lbl
{
    width: 150px;
}

.perm .frm
{
    width: 380px;
}

.adv .lbl
{
    text-align: right;
}

.adv .inst
{
    font-weight: bold;
    font-size: 12px;
    color: #555;
    text-decoration: underline;
}

.add_to
{
    background: #ddd;
    margin: 10px 0;
}

/****** Multi Page ******/
.mult_pg .frm
{
    margin: 10px 0 0 10px;
}

.mult_pg .frm .lbl
{
    padding-right: 20px;
}

/****** Action Status ******/
.sts_succ, .sts_fail
{
    font-size: 11px;
    color: #444;
    padding: 3px 10px;
    font-weight: bold;
    border-bottom: solid 1px #a4a4a4;
}

.sts_succ a:link, .sts_fail a:link
{
    text-decoration: underline;
    color: #555;
}

.sts_succ
{
    background: #D9FFB2;
}

.sts_fail
{
    background: #FFC9BB;
}

/****** Notes ******/
.rgNotes .rgRow td,
.rgNotes .rgEditRow td
{
    background: #ccc !important;
}

.rgNotes .rgRow .nt_hd,
.rgNotes .rgRow .nt_ft,
.rgNotes .rgAltRow .nt_hd,
.rgNotes .rgAltRow .nt_ft
{
    background: #dbdbdb !important;
    padding: 5px !important;
}

.rgNotes .rgEditRow .nt_hd,
.rgNotes .rgEditRow .nt_ft
{
    background: #dbdbdb !important;
    padding: 5px !important;
}

.rgNotes .rgRow td,
.rgNotes .rgAltRow td,
.rgNotes .rgEditRow td
{
	padding: 2px !important;
}

/****** Auxiliary ******/
.hideMe
{
    display: none;
    visibility: hidden;
}

/****** Galleries/Photos ******/
.galleries, .photos
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.galleries
{
    padding: 10px;
}

.galleries .add
{
    background-image: url('/images/site/add_to_folder-sml.png');
    background-repeat:no-repeat;
    padding: 0 0 10px 25px;
}

.galleries .gallery
{
    background-image: url('/images/site/folder-sml.png');
    background-repeat:no-repeat;
    padding: 0 0 0px 25px;
}

.photos .upload
{
    background-image: url('/images/site/up-sml.png');
    background-repeat:no-repeat;
    background-position: 0 8px;
    padding: 10px 0 10px 25px;
}

.photos .photo
{
    background-image: url('/images/site/image-sml.png');
    background-repeat:no-repeat;
    padding: 0 0 10px 25px;
}

.slide
{
    text-align: center;
}

.slide .name
{
    font-weight: bold;
    padding: 5px;
    background: #c0c0c0;
}

.slide .thumb
{
    height: 300px;
    line-height: 300px;
}

.slide .thumb img
{
    border: none;
    vertical-align: middle;
}
