/* CSS Stylesheet for conservx */

body { 
    font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
    color: #494949;
}

body.frontpage { 
    padding-top: 0px;
    background-color: #dddddd;
}

a { 
    color: #53A20A;
    text-decoration: none;
}

a:hover { 
    color: #3E7709;
    text-decoration: underline;
}

a img { 
    border: none;
}

a.collapse_link {
    cursor:pointer;
}

h1, h2, h3, h4 { 
    margin-top: 0px;
    margin-bottom: 0px;
}

h1 { 
    font-size: 2em;
    border-bottom: 1px solid #cccccc;
    padding: 15px 0px;
}

ul { 
    margin-top: 0px;
    margin-bottom: 0px;
}

ul.block_list { 
    margin-top: 9px;
    padding-left: 0px;
    margin-left: 0px;
}

.block_list li { 
    display: block;
    list-style: none;
    margin-bottom: 9px;
}

.simple_list {
    margin-left: 0px;
    padding-left: 20px;
}

.simple_list li {
    list-style: none;
    margin-bottom: 5px;
    margin-left: 0px;
}

/* Userbar styles */

#user_bar {
    float: left;
    font-size: 76%;
    color: #747474;
}

ul.dropdown_menu {
    margin-left: 0px;
    padding-left: 0px;
}

ul.dropdown_menu li {
    margin: 0px;
    padding-left: 0px;
    float: left;
    display: block;
    position: relative;
}

ul.dropdown_menu li.dropdown_fixed {
    padding: 5px 8px;
    border: 1px solid white;
}

.dropdown_menu a.dropdown_link {
    padding: 5px 20px 5px 8px;
    border: 1px solid white;
    display: block;
    background-image: url('../images/dropdown_arrow.png');
    background-repeat: no-repeat;
    background-position: 90%;
    position: relative;
}

.dropdown_menu a.selected {
    background-color: #53A20A;
    color: white;
    text-decoration: none;
    border: 1px solid #555555;
    border-bottom: 1px solid #53A20A;
    display: block;
    background-image: url('../images/dropdown_arrow_selected.png');
    z-index: 100;
}

.dropdown_menu li ul {
    display: none; 
    margin-top: -1px;
    border: 1px solid #555555;
    padding-left: 0px;
    position: absolute;
    left: 0px;
    background-color: white;
    z-index: 10;
}

.dropdown_menu li ul li {
    float: none;
    display: block;
    list-style: none;
    padding: 0px;
    margin-right: 0px;
}

.dropdown_menu li ul li a {
    display: block;
    padding: 5px 8px;
    border-bottom: 1px solid #cccccc;
    min-width: 9em;
}

.dropdown_menu li ul li a:hover {
    background-color: #53A20A;
    color: white;
    text-decoration: none;
    border-bottom: 1px solid #53A20A;
}

.status_message
{
    background-color: #fdde6c;
    color: #54534f;
    border: 1px solid #d8cca2;
    float: left;
    width: 30em;
    padding: 0.3em;
    clear: both;
    font-size: 110%;
    margin-bottom: 1em;
    margin-top: 1em;
}

.clearer {
    clear: both;
}

.form_error {
    color: #e04828;
    font-size: 80%;
    margin-top: 0px;
}

img.profile_pic {
    border: 1px solid #464646;
}

.profile_label {
    color: #737373;
    font-size: 90%;
}

.editable {
    padding-right: 16px;
}

.editable-float {
    float: left;
    padding-right: 5px;
}

.editable-hover {
    background-color: #DDFCCB;;
    padding-right: 20px;
    background-position: top right;
    background-repeat: no-repeat;
    background-image: url('../images/eip_edit.png');
    padding-right: 16px;
}

a.profile_pic_link {
    padding: 2px;
}

a.profile_pic_link:hover {
    background-color: #e86b10;
    border: 1px solid #875037;
    padding: 1px 1px 18px 1px;
    display: block;
    background-position: bottom left;
    background-image: url('../images/eip_edit.png');
    background-repeat: no-repeat;
}

ul.project_list {
    margin-left: 0px;
    padding-left: 0px;
    border-top: 1px solid #cccccc;
    margin-top: 1em;
}

ul.project_list li {
    margin-left: 0px;
    list-style: none;
    padding: 1em;
    border-bottom: 1px solid #c5ff9e;
    font-size: 90%;
}

ul.project_list li h2 {
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 0.2em;
}

ul.project_list li .project_desc {
    font-size: 90%;
    padding-top: 0.5em;
}

.bg2 {
    background-color: #eeeeee;
}

table, .filetable {
    border: 1px solid #dddddd;
    border-collapse: collapse;
    font-size: 90%;
}

table th, .filetable th {
    font-size: 110%;
}

table td, table th, .filetable td, .filetable th {
    padding: 5px	;
}

.progress_bar {
    width: 20em;
    height: 1em;
    border: 1px solid #dddddd;
    background-image: url('../images/progress.gif');
}

.progress_message {
    color: #aaaaaa;
    font-size: 90%;
}

/* Table menu styles */

ul.table_menu {
    margin-left: 0px;
    padding-left: 0px;
}

ul.table_menu li {
    list-style: none;
    margin-left: 0px;
    padding: 3px;
    font-size: 90%;
    float: left;
    margin-right: 5px;
    height: 20px;
    position: relative;
    border: 1px solid white;
    border-bottom: none;
    margin-bottom: 1px;
}

ul.table_menu li.active { 
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid white;
    z-index: 10000;
    margin-bottom: 0px;
}

ul.table_menu li div.dropdown { 
    display: none;
}

ul.table_menu li.active div.dropdown { 
    position: absolute;
    background-color: white; 
    padding: 5px;
    top: 26px;
    left: 0px;
    border: 1px solid #cccccc;
    margin-left: -1px;
    z-index: -1;
    display: block;
}

/* end of table menu */

/* icon table menu */
ul.itable_menu {
    margin-left: 0px;
    padding-left: 0px;
}

ul.itable_menu li {
    list-style: none;
    margin-left: 0px;
    font-size: 90%;
    float: left;
    height: 18px;
    position: relative;
    border: 0;
    padding-left: 2px;
    border-bottom: none;
}

ul.itable_menu li.active { 
    z-index: 10000;
    margin-bottom: 0px;
}

ul.itable_menu li div.dropdown { 
    display: none;
}

ul.itable_menu li.active div.dropdown { 
    position: absolute;
    background-color: white; 
    padding: 5px;
    top: -50px;
    left: -120px;
    border: 1px solid #cccccc;
    margin-left: -1px;
    z-index: 5;
    display: block;
}

ul.itable_menu li div.lock_dropdown { 
    display: none;
}

ul.itable_menu li.active div.lock_dropdown { 
    position: absolute;
    background-color: white; 
    padding: 5px;
    top: -120px;
    left: -380px;
    border: 1px solid #cccccc;
    margin-left: -1px;
    z-index: 5;
    display: block;
}

ul.itable_menu li div.unlock_dropdown { 
    display: none;
}

ul.itable_menu li.active div.unlock_dropdown { 
    position: absolute;
    background-color: white; 
    padding: 5px;
    top: -50px;
    left: -105px;
    border: 1px solid #cccccc;
    margin-left: -1px;
    z-index: 5;
    display: block;
}

ul.itable_menu li div.unlock_wc_dropdown { 
    display: none;
}

ul.itable_menu li.active div.unlock_wc_dropdown { 
    position: absolute;
    background-color: white; 
    padding: 5px;
    top: -120px;
    left: -380px;
    border: 1px solid #cccccc;
    margin-left: -1px;
    z-index: 5;
    display: block;
}

ul.itable_menu li div.mrdropdown { 
    display: none;
}

ul.itable_menu li.active div.mrdropdown { 
    position: absolute;
    background-color: white; 
    padding: 5px;
    top: -50px;
    left: -120px;
    border: 1px solid #cccccc;
    margin-left: -1px;
    z-index: 5;
    display: block;
}

ul.itable_menu li div.subdropdown { 
    display: none;
}

ul.itable_menu div.subdropdown.active { 
    position: absolute;
    background-color: white; 
    padding: 5px;
    top: 26px;
    right: 0px;
    border: 1px solid #cccccc;
    margin-left: -1px;
    z-index: 1;
    display: block;
}

/* end of icon table menu*/

div.page_msg {
    font-size: 150%;
    margin-top: 1em;
    background-color: #f2f2f2;
}

.row_active { 
    background-color: #DDFCCB;
}

.username { 
    font-style: italic;
}

/* Topic list styles */

table.topic_list { 
    border: 1px solid #aaaaaa;
    border-bottom: none;
    border-collapse: collapse; 
}

table.topic_list tr { 
    border-bottom: 1px solid #aaaaaa;
}

table.topic_list td, table.topic_list th { 
    padding: 5px;
}

/* Thread display styles */
div.reply {
    margin-bottom: 1em;
    border-top: 1px solid #8BC058;
    border-bottom: 1px solid #CEE4B9;
}

div.reply_meta { 
    border-bottom: 1px solid #CEE4B9;
    background-color: #EEF3E9;
    padding-top: 0.1em;
}

div.reply_body {
    padding: 0.3em 0em;
}

div.reply_date {  
    color: #888888;
    font-size: 80%;
}

/* Pagination classes */
.page_list {
    margin-left: 0px;
    padding-left: 0px;
    font-size: 0.9em;
}

.page_list_item {
    margin-left: 0px;
    margin-top: 0em;
    margin-bottom: 0.7em;
    list-style: none;
    float: left;
    position: static;
}

.page_list_item_peer {
    margin-left: 0px;
    margin-top: 0em;
    margin-bottom: 0.7em;
    list-style: none;
    float: left;
    position: static;
}

.page_list_item_peer a {
    border: 1px solid #e0e0e0;
    padding: 2px 4px 2px 4px;
    margin-right: 3px;
    background-color: white;
}

.page_list_item a {
    border: 1px solid #e0e0e0;
    padding: 2px 4px 2px 4px;
    margin-right: 3px;
    background-color: white;
}

.page_list_item a.current, .page_list_item a.current:hover {
    background-color: #53A20A;
    color: white;
    cursor: default;
    text-decoration: none;
}

.page_list_item a:hover {
    background-color: #A2FA70;
    color: white;
}

/* Event list classes */
ul.event_list { 
    margin-left: 0px;
    padding-left: 0px;
}

ul.event_list li {
    display: block;
    margin-top: 0.5em;
}

#user_query { 
    width: 170px;
    margin-bottom: 5px;
}

.userlist { 
    font-size: 12px;
    border: 1px solid #cccccc;
    height: 150px;
    width: 270px;
    line-height: 20px;
    overflow: auto;
    padding: 3px;
}

/* Fixes for three-column layouts and IE */
* html #profile_pic_box {
    left: 180px;
}

* html #invitebox {
    left: 0px;
}

/* File status */

.file_alpha, .file_beta, .file_stable { 
    padding-left: 15px;
    background-repeat: no-repeat;
    background-position: 0px 50%;
}

.file_stable { 
    background-image: url('../images/status_stable.png');
}

.file_beta { 
    background-image: url('../images/status_beta.png');
}

.file_alpha { 
    background-image: url('../images/status_alpha.png');
}

#actionbox h3 {
    margin-top: 10px;
}

ul.box_list { 
    font-size: 95%;
    padding-left: 0px;
    margin-left: 0px;
}

ul.box_list li { 
    list-style: none;
    padding-left: 0px;
}

ul.box_list li a { 
    border-top: 1px solid #CfCfCf;
    display: block;
    width: 100%;
    padding: 3px 5px 3px 5px;
}

ul.box_list li a:hover { 
    text-decoration: none;
    background-color: #53A20A;
    color: #ffffff;
}

/* Fix for bug 186: text-wrapping within displayed code
 * CSS from http://users.tkk.fi/~tkarvine/pre-wrap-css3-mozilla-opera-ie.html
 */
pre {
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.sortable_key { display: none; }

/* Pretty form stuff */
.pretty_form label {
    display: block;
    width: 80px;
    float: left;
}

.pretty_form input.pfi {
    width: 200px;
    float: left;
    margin-bottom: 10px;
}

.pretty_form .form_error {
    float: left;
    margin-left: 10px;
}

.pretty_form br {
    clear: both;
}

/* Admin page styles */

#admin {
    border: 1px solid #53A20A;
    border-top: none;
}

#admin_menu ul {
    list-style: none;
    padding-left: 0px;
    font-size: 13px;
    border-bottom: 1px solid #53A20A;
    height: 22px;
}

#admin_menu ul li {
    float: left;
    margin-right: 5px;
    border: 1px solid #53A20A;
    border-bottom: none;
}

#admin_menu ul li a {
    display: block;
    padding: 3px 8px;
    background-color: #eeeeee;
    height: 15px;
}

#admin_menu li.active a {
    background-color: white;
    border-bottom: 1px solid white;
}

#admin_menu li a:hover {
    background-color: white;
    text-decoration: none;
}

/* Autocomplete */

.ac_results {
    padding: 0px;
    border: 1px solid WindowFrame;
    background-color: Window;
    overflow: hidden;
}

.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ac_results li {
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block;
    width: 100%;
    font: menu;
    font-size: 12px;
    overflow: hidden;
}

.ac_loading {
    background: url('../images/progress_small.gif') right center no-repeat;
}

.ac_over {
    background-color: #A8FF36;
    color: HighlightText;
}

ul.project_list a.delete_link {
    float: right;
}

ul.treelist {
    list-style: none;
    margin: 0;
    padding-left:1em;
}


#page_messages {
    margin-top: 1em;
    color: #3CC407;
    border: 1px solid #3CC407;
    background-color: #F1FFEB;
    padding: 0.5em;
}

#page_errors {
    margin-top: 1em;
    color: #FF4E36;
    border: 1px solid #FF4E36;
    background-color: #FFEDEB;
    padding: 0.5em;
}

.project_browse_results {
    color: white;
    border: 1px solid #3CC407;
    background-color: #53A20A;
    font-size: 12px;
    padding: 4px 10px;
}

.activity_results {
    color: white;
    border: 1px solid #3CC407;
    background-color: #53A20A;
    font-size: 12px;
    padding: 4px 10px;
}

#activity_display_messages {
    color: white;
    background-color: #53A20A;
}

#activity_display_messages h3 {
    float: left;
    padding-right: 3px;
}

#project_display_messages {
    color: white;
    background-color: #53A20A;
}

#project_display_messages h3 {
    float: left;
    padding-right: 3px;
}

#display_messages {
    color: white;
    background-color: #53A20A;
}

#display_messages h3 {
    float: left;
    padding-right: 3px;
}

.display_results {
    color: white;
    border: 1px solid #3CC407;
    background-color: #53A20A;
    font-size: 12px;
    padding: 4px 10px;
}

#user_display_messages {
    margin-top: 1em;
    color: #3CC407;
    border: 1px solid #3CC407;
    background-color: #F1FFEB;
    padding: 0.5em;
}

.hidden { 
    display: none; 
}

.more_text_link { 
    margin-top: 5px;
    font-size: 80%;
}

a.result_section_link, a.result_section_link:hover {
    color: white;
    text-decoration: none;
}

.note {
    background-color: #EBFF80;
    border: 1px solid #BDBD00;
    padding: 10px;
    font-size: 90%;
}

.filelistrow {
    border-top: 1px solid #C5FF9E;
}

/* Project subscription styles */

#sub_interface {
    border : 3px solid #C5FF9E;
    padding: 10px;
}

.sub_notoggle {
    border : 3px solid #C5FF9E;
    padding: 10px;
    width: 500px;
    position: absolute;
    background-color: white;
    top: -30px;
    left: -100px;
    z-index:100;
}

.update_notoggle {
    border : 3px solid #C5FF9E;
    padding: 10px;
    width: 550px;
    position: absolute;
    background-color: white;
    top: -30px;
    left: -100px;
    z-index:100;
}

#update_interface {
    border : 1px solid #CCCCCC;
    padding: 10px;
}

/* modal background and window styles */

#modalBackground
{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

    z-index: 9;
    background-color:#c8ffa0;
    display: none;
    opacity: 0.40;
    filter: alpha(opacity=40)
}
#modalWindow
{
    position: fixed;
    left: 0;
    top: 0;

    z-index: 10;
    background-color: white;
    display: none;
    border: 2px solid #53a20a;
}

/* styles to support Valmus's file uploader */

.qq-uploader { position:relative; width: 100%;}

.qq-upload-button {
    display:block; /* or inline-block */
    width: 210px; padding: 7px 0; text-align:center;    
    background:#C8FFA0; border-bottom:1px solid #ddd;color:#000000;
}
.qq-upload-button-hover {background:#3E7709;color:#FFFFFF}
.qq-upload-button-focus {outline:1px dotted black;}

.qq-upload-drop-area {
    position:absolute; top:0; left:0; width:100%; height:100%; 
    min-height: 70px; z-index:2;
    background:#FF9797; text-align:center; 
}
.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%;
    margin-top:-8px; font-size:16px;
}
.qq-upload-drop-area-active {background:#FF7171;}

.qq-upload-list {margin:15px 35px; padding:0; list-style:disc;}
.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

.qq-upload-file {}
.qq-upload-spinner {display:inline-block; 
		    background: url("/images/loading.gif"); 
		    width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px;}

.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}