body { font-family: Verdana; font-size: 13px; }

input, select, textarea { font-family: Verdana; font-size: 12px; padding: 0px;}

fieldset { margin: 10px 5px;}


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

div.video_container {
    width: 180px;
    height: 250px;
    border: 1px solid black;
    margin: 2px;
    padding: 3px;
    float: left;
}

table.messages {
    width: 98%;
    border: 1px solid gray;
    border-collapse: collapse;
}
table.messages tr th {
     padding: 4px;
     text-align: left;
     white-space: nowrap;
     border-bottom: 2px solid gray;
}
table.messages tr td {
     padding: 4px;
     border-bottom: 1px dotted gray;
     border-right: 1px dotted gray;
}
/*table.messages tr td.time {
     width: 140px;
}
table.messages tr td.reply {
     width: 50px;
}

table.messages tr.from td {
     color: blue;
}
table.messages tr.to td {
     color: brown;
}*/
table.messages tr.not_read td span.msg {
     font-weight: bold;
}
table.messages tr.admin td {
     font-weight: bold;
     background-color: #DDDDDD;
}

table.messages p { margin: 2px; padding: 0;}
table.messages tr.from td span.login {
    font-weight: bold;
    color: blue;
    font-size: 12px;
}
table.messages tr.from td span.time {
    font-weight: normal;
    color: black;
    font-size: 11px;
}
table.messages tr.from td span.msg {
    font-size: 12px;
    color: black;
    margin-top: 3px;
    color: #2C5885;
}

table.messages tr.to td span.login {
    font-weight: bold;
    color: red;
    font-size: 12px;
}
table.messages tr.to td span.time {
    font-weight: normal;
    color: black;
    font-size: 11px;
}
table.messages tr.to td span.msg {
    font-size: 13px;
    color: red;
    padding-top: 3px;
    color: black;
}





table.table3columns, table.table2columns_left, table.table2columns_right { width: 85%; margin: 0 auto; table-layout: fixed; }
table.table3columns tr td { vertical-align: top;}
table.table3columns tr td.column1 { width: 200px;}
table.table3columns tr td.column2 { width: auto;}
table.table3columns tr td.column3 { width: 200px; }

tr.bold td { font-weight: bold;}

table.img {float: left;}
table.img tr td {width: 110px; height: 109px; vertical-align: middle; text-align: center;}

table.simple_img {}
table.simple_img tr td {}
table.simple_img tr td.selected {border: 1px solid red; }

/* paging */
div.pagination { }
div.pagination span.disabled { padding: 0 2px; }
div.pagination span.current { padding: 0 2px;  }
div.pagination a { padding: 0 2px; }

div.photo_thumb_container {  padding: 10px 2px; border: 1px solid #151515; }
div.photo_thumb { zbackground-color: #070707; width: 162px; height: 160px; float: left; font-size: 9px; color: gray; padding: 3px; margin: 5px 10px; zborder: 1px solid #fcde39; text-align: center; }

/* photos page styles */
div.photo_thumb_list_div { zwidth: 100%; overflow: auto; height: 130px; white-space: nowrap; text-align: center; width: 750px; float: right}
div.photo_thumb_list_div img.thumb { margin: 0px; border: 3px solid white; width: 105px; height: 105px; }
div.photo_thumb_list_div img.selected { margin: 0px 0px; border: 2px #FF0000 solid;}
div.photo_view_div { text-align: center;  }
div.photo_view_div img.image { }

div.profile_row {
    margin: 5px 0;
}
div.profile_row label {
    font-weight: bold;
}

tr.avatar td { background-color: #EFEAC7;}


span.status_span_1 { color: black; font-weight: bold;}
span.status_span_2 { color: blue; font-weight: bold;}
span.status_span_3 { color: #FF6000; font-weight: bold;}

tr.status_highlight_1 td {  }
tr.status_highlight_2 td { background-color: #E8EDFF; }
tr.status_highlight_3 td { background-color: #FFF08B; }


.progressWrapper {
    width: 357px;
    overflow: hidden;
}

.progressContainer {
    margin: 5px;
    padding: 4px;
    border: solid 1px #E8E8E8;
    background-color: #F7F7F7;
    overflow: hidden;
}
/* Message */
.message {
    margin: 1em 0;
    padding: 10px 20px;
    border: solid 1px #FFDD99;
    background-color: #FFFFCC;
    overflow: hidden;
}
/* Error */
.red {
    border: solid 1px #B50000;
    background-color: #FFEBEB;
}

/* Current */
.green {
    border: solid 1px #DDF0DD;
    background-color: #EBFFEB;
}

/* Complete */
.blue {
    border: solid 1px #CEE2F2;
    background-color: #F0F5FF;
}

.progressName {
    font-size: 8pt;
    font-weight: 700;
    color: #555;
    width: 323px;
    height: 14px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
    font-size: 0;
    width: 0%;
    height: 2px;
    background-color: blue;
    margin-top: 2px;
}

.progressBarComplete {
    width: 100%;
    background-color: green;
    visibility: hidden;
}

.progressBarError {
    width: 100%;
    background-color: red;
    visibility: hidden;
}

.progressBarStatus {
    margin-top: 2px;
    width: 337px;
    font-size: 7pt;
    font-family: Arial;
    text-align: left;
    white-space: nowrap;
}

a.progressCancel {
    font-size: 0;
    display: block;
    height: 14px;
    width: 14px;
    background-image: url(../images/cancelbutton.gif);
    background-repeat: no-repeat;
    background-position: -14px 0px;
    float: right;
}

a.progressCancel:hover {
    background-position: 0px 0px;
}