﻿/**
* clean theme from streberPM
*  (c)2005 thomas@pixtur.de
*/

/* === common settings ================================== */
@import url(wiki.css);

body {
	background-color:#fff;
	padding:0px;
	margin:0px;
	font-family:"Trebuchet MS", Tahoma, Arial, Verdana,sans-serif;
    font-size:10.5pt;
}

a {
	color:#163075;
	text-decoration:none;
}
a:hover {
	color:#a00;
	text-decoration:underline;
}

a.extern {
 background:url(layout/bg_link_extern.gif) left center no-repeat;
 padding-left:17px;
}

p,h1,h2,h3,h4,div {
	margin:0px;
	padding:0px;
}

span.accesskey{
    text-decoration:underline;
}

.small, td.small span{
    font-size:8pt;
}

span.date {
    white-space:nowrap;
}

.not_found {
    color:#a00;
}


table .searchword,
div.wiki .searchword
{
    background-color:#ff4;
}
b.doclear{
    clear:both;
    display:block;
    height:1px;
    overflow:hidden;
    margin-bottom: -1px;
}

span.sub {
 color:#898989;
 line-height:120%;
 font-size:  8pt;
}

span.itemid {
 color:#aaa;
 font-size:  8pt;
 padding-left:1em;
}

a.isDone,
span.isDone a {
 text-decoration:line-through;
}

div.debugMessage {
 border:                1px solid #888;
 background-color:      #eee;
 font-size:             80%;
 padding:               2px;
 margin:                2px;
}


/*--- section-colors ---*/
.bg_projects 		{background-color:#E5E5E5;}
.bg_projects_shade  {background-color:#E5E5E5;}

.bg_time 		{background-color:#EDDB8E;}
.bg_time_shade  {background-color:#E5E5E5;}

.bg_people 		{background-color:#EAE9B4;}
.bg_people_shade  {background-color:#E5E5E5;}

.bg_misc 		{background-color:#E4E9C0;}
.bg_misc_shade  {background-color:#E5E5E5;}

.bg_error 		{background-color:#ff8888;}
.bg_error_shade  {background-color:#E5E5E5;}


/* === header =========================================== */
#header {
 background:    #5E6867 url(layout/bg_header.png) bottom left repeat-x;
}

#header #logo {
 float:         left;
 width:         7em;
}
#header #logo .text {
 padding-left:  0.6em;
}
#header #logo .text a {
 text-decoration:none;
 color:          #fff;
}

#header #logo .text a .extend {
 font-size:9pt;
 vertical-align:top;
}


/*==== tabs ============================================= */
div#sections {
 padding-top:   5px;
 padding-left:  5px;
 width:         60em;
}            

div#sections span.section {
 display:       block;
 float:         left;

 font-size:     10pt;
 font-weight:   bold;
 background:    #B1B1B1 url(layout/bg_section_tabs.png) bottom left repeat-x;
 padding:       0.0em 0.5em;
 line-height:   170%;
 margin:        3px 0px 0px 2px;
 padding-bottom: 1px;
}

div#sections span.section a {                
 color:         #000;   
}

div#sections span.section:hover,
div#sections span.section.current {
 background:    #D7DADB none;
 margin-top:    0px;
 padding-top:   3px;
}

div#sections span.section input.searchfield {       /* seach field */
 width:         80px;
 border:        0px;
 background:    #DDDDDD url(layout/bg_header_search_field.png)  no-repeat top left;
 font-size:     9pt;
 padding:       2px 1px 0px 2px;
}
div#sections span.section  input:focus {
 width:         140px;
}


#header #user_functions {
    position:       absolute;
    right:          0px;
    z-index:        1;
}





/*--- login -------------------------------------------------*/
#header #user_functions {
    float:          right;
    padding:        2px 0.61em 0px 0px;
    
    color:          #fff;
    text-align:     right;
    white-space:    nowrap;
    font-size:      8pt;
    line-height:    95%;
    display:        inline;
}

#header #user_functions a {
    color:          #fff;
    text-decoration:none;
}
#header #user_functions a.name {
    font-weight:    bold;
}

#header #user_functions a:hover {
    color:          #ff8;
    text-decoration:underline;
}


/*--- sub-navigation (breadcrumbs and options) --------------------------*/
div#nav_sub {
 clear:         both;
 margin:        0px;
 padding:       2px 1.22em 0px 0px;
 background:    #D7DADB url(layout/bg_header_pages.png) repeat-x bottom left;
 font-size:     13px;
 line-height:   26px;
 /*height:        25px;*/
 /*overflow:      hidden;*/
}
div#nav_sub a {
 color:         #000;
 text-decoration:none;
 padding:       5px 3px 5px 6px;
 font-weight:   bold;
 white-space: nowrap;
}

/*
div#nav_sub a.project {
 background-image:  url(items/item_project.png) no-repeat center left;
 padding-left:      18px;
}
div#nav_sub a.person {
 background-image:url(items/item_person.png) no-repeat center left;
 padding-left:18px;
}
*/



div#nav_sub span.breadcrumbs a{
 background:        url(layout/bg_header_breadcrumb.png) no-repeat bottom right;
 padding-right:     20px;
}

div#nav_sub span.breadcrumbs a.current {
 background:        url(layout/bg_header_breadcrumb_current.png) no-repeat bottom right;
 color:             #000;
}

div#nav_sub span.breadcrumbs a.parent_of_current {
 background:        url(layout/bg_header_breadcrumb_precurrent.png) no-repeat bottom right;
 color:             #000;
}


div#nav_sub span.options {
 padding-left:      1em;
}

div#nav_sub span.options a {
 color:             #000;
 font-weight:       bold;
 padding-left:      0.7em;
 padding-right:     0.7em;
 padding-top:       2px;
 background:        url(layout/bg_header_pages_option.png) no-repeat bottom right;

}

div#nav_sub em {
 display:           none;
}


div#nav_sub span.options a.current {
 color:             #000;
 background-color:  #fff;
 background-image:  none;
 border:            1px solid #ABAEAE;
 border-bottom-width:     0px;

}

div#nav_sub span.breadcrumbs a:hover {
 text-decoration:   underline;
}

div#nav_sub span.options a:hover {
 background-color:#e8e8e8;
}

div#nav_sub span.help {
    text-align:right;
    margin-right:0px;
    position:absolute;
    right:10px;
}

/* ==== feedback-line ==========================================*/

div.messages {
    background: #F6F9E0 url(layout/bg_header_messages.png) bottom left repeat-x;
    border-bottom:1px dashed #888;
    padding:0.8em;
    color:#000;
    /*font-size:80%;*/
    
}

div.messages p span.type{
    margin:0px;
    padding:0px;
    padding-left:18px;
    color:#200;
    font-weight:bold;
    background-position:center left;
    background-repeat:no-repeat;
}

div.messages p.note span.type {
    display:none;
}

div.messages p.warning span.type{
    background-image:url(img/icon_feedback_warning.png);
}

div.messages p.error span.type{
    background-image:url(img/icon_feedback_error.png);
}

div.messages p.hint span.type{
    background-image:url(img/icon_feedback_hint.png);
}

div.messages a {
    border-bottom:1px dotted #888;
}

div.messages a:hover {
    border-bottom:1px dotted #f00;
}


#message b{
    font-weight:normal;
    font-style:italic;
}


/* ==== headline ==========================================*/
	#headline {
		clear:both;
		padding:3px 4px 6px 2px;
		line-height:90%;		
		z-index:300;
		float:left;
		position:relative;
	}

	#headline .type {
		font-size:8pt;
		padding-left:1px;
		padding-bottom:10px;
		color:#808080;
	}
    #headline .type em {
		padding:0px 7px 2px 5px;
		color:#808080;
	}

	#headline .title {
		font-family:verdana;
		font-weight:bold;
		font-size:15pt;
		padding-left:5px;
		font-style:italic;
	}
	#headline .title .minor {
		font-size:13pt;
		font-style:normal;
	}
	#headline a {
	    text-decoration:none;
	}

    /*----- page functions ------------------*/
    div.page_functions {
        display:inline;
        position:absolute;
        right:0;
        vertical-align:top;
        padding:1px 3px 3px 55px;
        margin-top:1px;
        z-index:500;
        background-image:url(img/bg_pagefunctions.png);
        background-position:bottom left;
        background-repeat:no-repeat;
        /*font-family:"Tahoma";*/
        /*font-size:80%;*/
    }

    div.page_functions img {
        display:none;
    }
    div.page_functions a {
        color:#000;
        margin-right:9px;
        padding-right:10px;
        margin-left:2px;
        text-decoration:none;
        border-right:1px solid #aaa;
    }
    div.page_functions a:hover{
        text-decoration:underline;
    }

    div.page_functions a.last {
        border-right-width:0px;
        margin-right:0px;
    }

    /*
    div.page_functions2 span {
        display:inline;
        vertical-align:super;
        font-size:70%;
        padding-right:10px;
        padding-left:2px;

    }
    */

    div.page_functions span.group {
        color:#888;
        padding-left:15px;
        padding-right:3px;
    }

/* ---- Feedback request box ---- */
div.item_notice {
  background-color: #fdd;
  border: 1px solid #a00;
  padding: 0.3em 0.5em;
}
div.item_notice h3 {
  color: #800;
}


/* ---- edit functions ----*/
div.edit_functions {
    /*font-size:90%;*/
    margin:0.8em 0.8em 0.8em 0em;
    padding:0.2em 0.2em 0.2em 0em ;

}
div.edit_functions a {
    color:#000;
    margin-right:9px;
    margin-left:0px;
    text-decoration:none;

    /*background-color:#FFFFBA;*/
    padding:0px 6px 0px 6px;

    border:1px solid #8F8F8F;
    background:#E9E9E9 url(layout/bg_button.png);
    background-position: top left;
    cursor:pointer;

}
div.edit_functions a:hover{
    /*text-decoration:underline;*/
    background-color:#fff;
    background-image:none;
}



div.milestone_views {
    /*font-size:80%;*/
    float:right;
    position:relative;
    top:-1em;
}

/*------ content layout -----------------------------*/
div#layout{
	vertical-align:top;
	padding:0px 10px 3px 10px;
	clear:left;
}

div#c1 {
	width:25%;
    float:right;
    padding:0px;
    margin-left:5px;
    overflow:hidden;
}

div#layout > div#c1 {
	width:250px;
}


div#c2 {
    padding:2px 0px 0px 0px;
    margin-right:10px;
    padding-bottom:100px;
    width:70%;
    overflow:hidden;

}

div#layout > div#c2 {
    width:auto;
    /*margin-right:280px;*/
    overflow:hidden;
}

#cr {
}

/**
* special content-layout for pages
*/
body.loginForm h1,
body.loginFormSubmit h1,
body.loginForgotPassword h1,
body.loginForgotPasswordSubmit h1
{
    padding:1em 0 0.5em 0px;
}

body.loginForm div.block,
body.loginForgotPassword div.block
 {
 margin: 4em auto 10em auto;
 max-width:32em;
}

body.loginForm .form label {
 width:30%;
}

body.loginForm .form .inp {
 width:60%;
}

/**
*
* style not checked below this line
*/

/*---- form --------------------------------------------------------*/
div.form {
    padding:10px 0px 0px 0px;
    text-align:left;
    margin:3px;
    /*font-size:80%;*/
    max-width:700px;
}

    .form input:focus, textarea:focus {
        border-color:#000;
    }

    .form p {
        padding:0px;
        margin:0px;
        color:#555;
        clear:left;
    }
    .form  label {
        /*font-size:100%;*/
        width:19%;
        display:block;
        float:left;
        text-align:right;
        padding-top:4px;
    }

    .form p.invalid {
        border:1px solid #d00;
    }
    .form p.invalid  label {
        /*font-size:100%;*/
        color: #d00;
    }
    .form p.text {
        margin:1em 1em 1em 19% ;
        color:#555;
        clear:left;
    }

    .form .inp {
        width:78%;
        margin:2px 0px 2px 4px;
        border:1px solid #bbb;
        padding:1px 2px 1px 3px;
        /*font-family:verdana;*/
        -moz-border-radius:4px;
    }

    .form .inp.captcha{
        clear:left;
        width: 20%;
    }

    .form p.required input {
        background-color:#ff8;
    }
    .form .invalid {
        border-width:2px;
        border-color:#f00;
    }

    .form .datetime .inp_date{
        width:30%;
        margin:2px 0px 2px 4px;
        border:1px solid #bbb;
        padding:1px 2px 1px 3px;
        /*font-family:verdana;*/
        -moz-border-radius:4px 1px 1px 4px;
    }
    .form .datetime .inp_time{
        width:10%;
        margin:2px 0px 2px 4px;
        border:1px solid #bbb;
        padding:1px 2px 1px 3px;
        /*font-family:verdana;*/
        -moz-border-radius:4px 1px 1px 4px;
    }

    .form .datetime .button_calendar {
        font-size:0.06em;
        padding:13px 9px 2px 9px;
        -moz-border-radius:0px 0px 0px 0px;
        background:#BBBBBB url(img/bg_button_calendar.gif);
        background-repeat:no-repeat;
        color:#bbb;
        cursor:pointer;
    }
    .form .datetime .slider_time {
        padding:13px 12px 2px 12px;
        font-size:0.06em;
        -moz-border-radius:3px 4px 4px 3px;
        background:#BBB url(img/bg_slider_time.gif);
        color:#bbb;
        background-repeat:no-repeat;
        cursor:move;
        border-left:1px solid #EEEEFF;
    }


    .form .inp_dtime {
        width:7%;
        margin:2px 0px 2px 4px;
        border:1px solid #bbb;
        padding:1px 2px 1px 3px;
        /*font-family:verdana;*/
        -moz-border-radius:4px;
    }

    .form .date input {
        width:20%;
        margin:2px 0px 2px 4px;
        border:1px solid #bbb;
        padding:1px 2px 1px 3px;
        /*font-family:verdana;*/
        -moz-border-radius:4px;
    }

    .form .date .button {
        border:1px solid #bbb;
        /*vertical-align:center;*/
        padding:1px 1px 1px 1px;
        font-family:verdana;
        -moz-border-radius:4px;
        /*font-size:80%;*/
        background-color:#ddd;
        cursor:pointer;
    }

    .form .checker {
        padding:2px 2px 1px 3px;
        margin:5px 0px 2px 4px;
        display:block;
        vertical-align:bottom;

    }




    .form textarea {
        width:78%;
        border:1px solid #bbb;
        padding:1px 2px 1px 3px;
        margin:2px 0px 2px 4px;
        /*font-size:100%;*/
        /*font-family:verdana;*/
        -moz-border-radius:4px;
    }

    .form select {
        margin:2px 0px 2px 4px;
        border:1px solid #bbb;
        padding:0;;
        border-width:1px;
    }

    .form span.checker {
        clear:both;
        width:auto;
        margin:6px 0px 5px 4px;
    }

    .form span.checker label {
        float:left;
        display:inline;
        padding:0px;
        margin-left:6px;
        text-align:left;
        cursor:pointer;
        width:auto;
    }


    .form span.checker input {

        float:left;
        padding:1px 2px 0px 3px;
        margin:4px 0px 3px 115px;
        display:inline;
    }


    /*--- button area -------------------*/
    div.formbuttons  {

        background-image:url(layout/bg_form_button_area.png);
        background-repeat:repeat-x;
        padding:3px 10px 3px 3px;

        margin:10px 0px 0px 0px;
        text-align:right;
        /*border-top:1px solid #aaa;*/
        clear:both;
    }


    .button  {
        margin:0px 0px 0px 3px;
        padding:2px 20px 1px 20px;
        border:1px solid #8F8F8F;
        background:#E9E9E9 url(layout/bg_button.png);
        background-position: top left;
        cursor:pointer;
    }

    .button:hover{
        background-color:#fff;
        background-image:none;
    }
    div.formbuttons .button:focus{
        background-color:#fff;
        background-image:none;
    }

    div.formbuttons .submit {
        border:2px solid #8F8F8F;
    }

    div.formbuttons .apply,
    div.formbuttons .cancel{
        border:1px solid #8F8F8F;
    }

    /*div.formbuttons span.option {
        clear:both;
        margin:10px 10px 0px 0px;
        border:0px solid #bbb;
        line-height:30px;
        float:left;
    }

    div.formbuttons > span.option {
        line-height:0px;
        padding:0px;
    }


    .form .formbuttons .option .checker {
        margin-top:-5px;
        float:left;
        vertical-align:middle;
    }
    div.formbuttons > span.option > .checker {
        margin:10px 5px 0px 0px;
    }

    div.formbuttons  span.option label {
        width:auto;
        cursor:pointer;
    }
    */

    div.formbuttons div.formoptions {
        text-align:left;
        float:left;
    }

    div.formbuttons div.formoptions a {
        margin-right:1em;

    }

    div.formbuttons div.formoptions label {
        text-align:left;
        display:inline;
        float:left;
        width:auto;
        margin:0px;
        padding:0px;
    }

    div.formbuttons div.formoptions input {
        display:inline;
        text-align:left;
        margin:3px 3px 0px 0px;
        float:left;

    }


    /* --- tabgroup ---- */
    div.tabgroup {
     clear:both;
     margin:0.5em 1em;
    }
    div.tabgroup ul {
     margin:0;
     padding:0px 0px 0px 1em;
     list-style:none;
     background-image: url(layout/bg_tabgroup_tabrow.png);
     background-repeat:repeat-x;
     background-position:bottom;
     height:1.8em;

    }

    div.tabgroup li.tab_header a {
     color:#777;
     border:0;
     display:block;
     padding:0em .6em;
    }
    div.tabgroup li.tab_header {
      background-color:#eee;
      float:left;
      margin-right:.3em;
      border:1px solid #D5D5D5;
      border-width: 1px 1px 0px 1px;
      height:1.65em;
    }
    div.tabgroup li.tab_header.Active {
      background-color:#fff;
      height:1.8em;

    }


    div.tabgroup li.Active a {
     color:#000;
    }
    div.tabgroup li a:hover {
     background-color:#fff;
    }
    div.tabgroup div.tab_body {
     background-image: url(layout/bg_tabgroup_tabbody.png);
     background-repeat:repeat-x;
     background-position:top;
     padding:0.8em .7em 1em 1em;
     border:1px solid #d5d5d5;
     border-width:  0px 1px 1px 1px;
     clear:both;
    }

    div.tabgroup div.Hidden {
        display:none;
    }
    div.tabgroup div.tab_body label {
        position:relative;
    }
    .block label {
        position:relative;
    }





/*--- block - -----*/
.block_opened {
}

.block_closed {
}

/*----- blocks ---------------------------------------*/
div.block {
 	background-image: url(layout/bg_block.png);
 	background-repeat:repeat-y;
 	background-position:right;
 	border-left:1px solid #C8C8C8;
 	border-bottom:1px solid #C8C8C8;
 	position:relative;
}
    /**
    * additional layoutcontainer
    */
    div.block b.extra {
        height:5px;
        width:1px;
        display:block;
        position:relative;
        background-color:#fff;
        float:left;
        line-height:0.01;
        overflow:hidden;
        left:-7px;
        top:-6px;
    }

	div.closed {
		padding:0px;
		margin:0px;
		margin-bottom:1px;
	}

	div.opened {
		margin-bottom:3px;
		margin-top:3px;
	}


	/*--- header ----*/
	.block .header {
     	background: url(layout/bg_block_header.png);
     	background-repeat:no-repeat;
     	background-position:top right;
		padding:0.4em 2px 0px 0.4em;
		font-weight:bold;
		height:20px;
		margin:0px; 

	}



    /* IE 6.0 */
    div.block.reduced_header > h2 {
     	background: url(layout/bg_block_header.png);
     	background-repeat:no-repeat;
     	background-position:top right;
    }

    /* good browsers */
    div.block.reduced_header > div.extra_top {
		padding:0.4em 2px 0px 0.4em;
		position:relative;
		height:15px;
     	background: url(layout/bg_block_header.png);
     	background-repeat:no-repeat;
     	background-position:top right;
    }

    div.block.reduced_header > h2 {
        background-image:none;
    }


    /* this must be reversed in styles_ie.ccs */
    div.block.reduced_header div.extra_top {
        margin-bottom:-2px;
    	position:relative;		
    
    }

    /*--- toggle blocks ---*/
	.opened .header h2 {
        background-image:url(img/toggle_block_open.gif);
        background-repeat:no-repeat;
        background-position:top left;

    }

	.closed div.header h2{
        background-image:url(img/toggle_block_closed.gif);
        background-repeat:no-repeat;
        background-position:top left;
	}
	.block  h2 {
		cursor:pointer;
        padding-left:16px;
        font-size:11pt;
		position:relative;

	}


	.block .header h2:hover {
		cursor:pointer;
	}

	.block .header h2 img {
		padding:0px 5px 0px 2px;
	}

	.header span.block_options {
	    float:right;
	    position:relative;
	    top:-1.4em;
	    font-weight:normal;
	    font-size:9pt;
	    padding-right:10px;
	}

    .header span.block_options span {
        margin:0px 0px 0px 8px;
        padding:0px;
    }
	.header span.block_options span.active a{
        text-decoration:none;
        color:#000;
        font-weight:bold;
	}

    .block div.empty {
        padding:0px 0px 2px 17px;
        font-size:80%;
    }





	/*--- .list_footer --------------------*/
    .block .footer .items{
        float:left;
        display:inline;
    }

    .block .footer .pages{
        float:left;
        display:inline;
    }


    .block .footer {
        text-align:left;
        vertical-align:top;
    }
    .block .footer .summary {
        /*font-size:90%;*/
        padding-left:10px;
        vertical-align:top;
        text-align:right;
        margin:2px 3px 3px 1px;
    }

    .block .footer .functions {
        margin:0px;
        padding:0px;
    }

    .block .footer>.functions {
        margin-top:1px;
        float:left;
    }
    .block .footer select {
        text-align:left;
        margin-right:10px;
        font-size:8pt;
        padding:0px;
        margin:0px;
    }

    .block div.footer span.links {
        padding-left:1em;
        /*font-size:   90%;*/
    }
    .block div.footer span.links a {
        padding-right:  1em;
    }


    div.block div.footer {
        background-image:url(layout/bg_block_footer.png);
        background-repeat:repeat-x;
        background-position:bottom;
        padding-top:0.1em;
        padding-bottom:0.3em;
        margin-right:2px;
    }
	.block .footer .icons {
        padding-left:20px;
        background-image:url(img/arrow_checkbox_functions.gif);
        background-repeat:no-repeat;
        padding-right:3px;
        margin-right:5px;
	}

    .footer>span.icons {
        float:left;
    }

	.block .footer .icons img{
		padding-left:5px;
		padding-right:5px;
	}

	.block .footer .icons a img {
		border:none;
	}

	.block .footer .list_functions {
        /*font-size:80%;*/
		padding-left:30px;
		padding-top:0px;
        background-image:url(img/arrow_checkbox_functions.gif);
        background-repeat:no-repeat;
        padding-right:3px;
        margin-right:5px;
	}

    .footer>span.list_functions {
        float:left;
    }

	.block .footer .list_functions a {
        color:#C70000;
        margin-right:9px;
        padding-right:10px;
        margin-left:2px;
        text-decoration:none;
        border-right:1px solid #888;

	}

	.block .footer .list_functions a:hover {
	    text-decoration:underline;
	}

	.block .icons .notallowed {
		opacity:0.2;
	}

	.block .icons .inactive {
		opacity:0.6;
	}

	.block .icons .inactive:hover {
		opacity:0.1;
	}

	.block .icons img:hover {
		background-color:#ffffff;
	}


/*----- listBlock ----------------------------------------*/
	table.list {
		border-collapse:collapse;
		border-width:0px;
		margin:0px 2px 0px 0px;
		padding:0px;
		/*border-bottom:1px solid #808080;*/
		margin-bottom:0px;
        width:100%;
		border-right:2px solid #ddd;
		border-left:1px solid #ddd;


	}

    div.block > div.table_container {
		clear:both;
        /*overflow:scroll;*/        /* causes hidden table rows with Firefox 1.0 */
        margin-right:1px;
    }

    /* use selector to hide this from IE6 */
    .block > table.list {
		/*border-left:2px solid #ddd;*/
        border-width:0px;
        margin-right:auto;
        width:auto;
        clear:both;
        margin-right:100px;
        border:0px solid #000;
        overflow:hidden;
    }



	table.list th {
		font-weight:bolder;
		font-size:8pt;
	    line-height:    12pt;

		text-align:left;
		padding:0px 3px 1px 2px;
		/*border-bottom:1px solid #808080;*/
		/*border-right:1px solid #a0a0a0;*/
		/*border-left:1px solid #e8e8e8;*/
		border-right:1px solid #ffffff;
		background-image:url(layout/bg_list_header.png);
		background-repeat:repeat-x;
		background-position:bottom;

		white-space:nowrap;
		vertical-align:bottom;
        font-weight:normal;
	}
	table.list  .sort_primary {
		border-bottom:2px solid #808080;
	}

	table.list  .sort_secondary {
		border-bottom:1px solid #a0a0a0;
	}

	table.list th a{
		text-decoration:none;
        color:#444;
	}
	table.list th a:hover {
		text-decoration:underline;
	}
	table.list th img {
		border:none;
		padding-right:0px;
	}


	table.list .select_col {
		padding:0px;
		margin:0px;
		text-align:center;
		vertical-align:top;
	}

	table.list td {
		border:0px solid #fff;
		border-width:0px 1px 0px 0px;
		margin:0px;
		padding:3px 20px 3px 0px;
		/*font-size:80%;*/
		vertical-align:middle;
        cursor:pointer;
        vertical-align:top;
	}


	table.list tr.group td {
	    padding:3px 0px 0px 3px;
	    background:#bbc url(img/bg_grouped_list.png);
	    background-repeat:repeat-x;
	    background-position:top right;
	    color:#fff;
	    /*font-size:80%;*/
	    font-weight:bold;
	    font-style:italic;

	}

	table.list tr.group td a {
	    color:#fff;
	    padding:3px;
	}

	table.list td.narrow {
		padding:0px 10px 0px 0px;
	}

    table.list tr.isFolder {
        font-weight:bold;
    }

    table.list td.status {
        font-size:8pt;
        font-weight:bold;
    }

    table.list td.new {
        color:#E57700;
        font-size:8pt;
    }

    table.list td.open {
        color:#888;
        font-size:8pt;
    }

    table.list td.done {
        color:#349118;
    }

    span.new {
        color:#E57700;
        font-weight:bold;
    }

    table.list td .entity {    /* entities like 'D' 'h' '�'*/
        font-size:8pt;
    }

    table.list td.label {    /* entities like 'D' 'h' '�'*/
        /*text-align:center;*/
    }

    .label1,.label2,.label3,.label4,.label5,.label6,.label7,.label8,.label9,.label10,.label11 {
        /*padding-left:4px,
        padding-right:4px;
        margin-left:4px;*/
        /*border:1px solid;*/
        /*border-left-width:5px;
        border-right-width:5px;*/
        -moz-border-radius:6px;
        font-size:8pt;
        font-weight:bold;
        color:#888;
    }

    /*1- Important*/
    .label1 {
        color:#f00;
    }
    /*2- Bug*/
    .label2 {
        color:#282;
    }



    .diz {          /*note that task has description*/
        font-size:8pt;
        color:#888;
        padding-left:5px;
    }





    .nowrap {
        white-space:nowrap;

    }

    .list td.number{
        text-align:right;
    }

    .list td.timeDue{
        text-align:right;
        white-space:nowrap;
    }
    .overdue{
        color:#c00;
        font-weight:bold;
    }


	table.list td img {
		border:none;
	}

    table.list tr.isDone a {
		text-decoration:line-through;
    }


    table.list td.right {
        text-align:right;
    }

    table.list tr.current {
        font-weight:bold;
        background-color:#ffffff;
        /*border:2px solid #888;
        border-width:2px 2px 2px 2px;*/

    }
    

	table.list td a:hover {
		text-decoration:underline;
	}

    table.list tr td {
		background-color:#fff;
    }


	table.list tr.even td {
		background-color:#f8f8f8;
	}

    table.list tr.changed span.date {
        font-weight:bold;
        color:#E57700;
    }
    /*----- Topic & Task attachments -----*/
    table.list td.summary {
        text-align: center;
    }
    table.list td.summary img {
        border: 1px solid #888;
    }

    table.list td.summary a:hover {
        text-decoration: none;
    }

    table.list td.summary a:hover img{
        border-color:#619DD5 ;
    }


    /* --- efforts --- */
	table.list  tr.isNewDay td{
        border-top:2px solid #000;
	}

    table.list tr.pub_assigned {
        border-right:4px solid #B21A4B;
    }

    table.list tr.pub_suggested {
        border-right:4px solid #F3975E;
    }

    table.list tr.pub_client {
        border-right:4px solid #C0CB94;
    }
    table.list tr.pub_client_edit {
        border-right:4px solid #788D67;
    }

    table.list tr.pub_private {
        border-right:4px solid #D50000;
    }
    table.list tr.pub_suggested {
        border-right:4px solid #45B3AD;
        opacity:0.5;
    }

    table.list  span.name {
        font-weight:bold;
    }

    table.list td.nobreak {
        white-space:nowrap;
    }


    .list .indention{
        padding-left:10px;
    }
    .list .indented{
        /*padding-left:22px;*/
        /*background-image:url(img/bg_indented.gif);
        background-repeat:no-repeat;*/
    }
    .folder_none{
        padding-left:14px;
    }
    .list .folder_collapsed{
        /*padding-right:7px;
        font-weight:bold;*/
    }
    .list .folder_open{
        /*padding-right:7px;
        font-weight:bold;*/
    }



    /*--- details in grouped list stye -------------------------*/
    .block table tr.details {
        background-color:#fff;
        color:#888;
        font-size:8pt;
        border-bottom:1px  solid #ddd;

    }
    .block table tr.details td{
        padding-left:2em;
        padding:0px;
    }


    .block table tr.details div {
        overflow:hidden;
        padding:0px;
        margin:0px;
    }

    .block table tr.details div.severity {
        padding-left:1em;
        float:left;
        width:10em;
    }

    .block table tr.details div.description {
        padding-left:1em;
        float:left;
        width:40%;
    }

    .block table tr.details img {
        width:50%;
    }

    .block table tr.details div.steps {
        padding-left:1em;
        float:left;
        width:20%;
    }
    .block table tr.details div.assigned_to {
        padding-left:1em;
        float:right;
        width:15%;
        font-size:110%;
        text-align:right;
    }


    /*--- list changes -----------------------*/
    table.list td span.extract {
        line-height:120%;
    }
    table.list td span.sub {
        color:#898989;
        line-height:120%;
        font-size:  8pt;
    }
    table.list td span.sub a {
        color:#619DD5;
    }


    table.list td span.who {
        white-space:nowrap;
    }

    table.list tr.changeList td {
        vertical-align:top;
        padding:4px 1px 4px 2px;
        line-height:100%;
    }


    /* ---- documentation list ----------------*/
    table#docu {
        background:none;
    }

    table#docu th{
        display:none;
    }

    table#docu tr.isFolder a{
        font-weight:normal;
    }

    table#docu td.current a{
        color:#000;
        font-weight:bold;
    }

    table#docu td {
        background:none;
    }

    table#docu td.odd {
        background:none;
    }

    /* ---- list comments ----------------*/

    table#comments td.details{
        vertical-align:top;
    }




    /* ---- Comment tables -------------------*/
    table.list span.comments {
        font-weight:normal;
        background-image:url(items/item_discussion.png);
        background-repeat:no-repeat;
        background-position:top right;
        padding-right:13px;
        color:#888;
    }

    table.list td.details p.poster {
        font-weight:bold;
    }

    table.list td.details.by_cur_user p.poster a{
        color:#888;

    }

    table.list td.details div.edit_functions a {
        border:1px solid #8F8F8F;
        /*padding-left:0px;*/
    }


    table.list td.details  div.edit_functions a:hover{
        border:1px solid #aaa;
        text-decoration:none;
        background-color:#fff;
        background-image:none;
    }

    table.list td.by_cur_user {
        color:#888;
    }

    table.list td.by_cur_user span.title a {
        color:#888;

    }

    table.list td.details {
        padding-left:4px;
    }

    table.list div.comment_block {
        float:left;
    }

    table.list div.comment_block span.title {
        font-weight:bold;
    }

    table.list div.comment_text {
        padding-left:18px;
    }



    /* ---- list milestones ----------------*/
    table.versions td, table.milestones td, table#comments td {
        vertical-align:top;
        border-bottom:1px dashed #ccc;
    }

    /* ---- list files ----------------*/
    table#files td {
        vertical-align:top;
        border-bottom:1px dashed #ccc;
    }

    table#files td a.thumb{
        float:right;
        margin-left:4px;
        border:1px solid #888;
    }
    table#files td.summary {
     padding-left:3px;
    }

    /* ---- team list ----------------*/
    table#projectpersons span.person{
     display:block;
     float:left;
     overflow:hidden;
     white-space:nowrap;
     padding-right:5px;


    }
    table#projectpersons td{
      padding-right:5px;
      vertical-align:bottom;
    }


div.description {
  /*font-size:9pt;*/
}



/*---- docuNavigation --------------------------*/
.block div.docuNavigation {
}
.block div.docuNavigation ul {
    margin:     0px;
    padding:     0px;
    list-style: none;
    margin-right:2px;
}

.block div.docuNavigation li {
    margin:     0px;
    padding:    0px;
    padding-left:2px;
}
.block div.docuNavigation ul li a {
    padding:    0.2em 0.2em 0.2em 1.5em;
    display:    block;
    background-repeat:  no-repeat;
    background-position:center left;
}

.block div.docuNavigation ul.parents li {
    background-image:url(layout/bg_docu_navi_parents.png);
    background-repeat:  repeat-x;
    background-position:bottom;
}

.block div.docuNavigation ul.parents li a {
    background-image:url(layout/bg_docu_navi_parent_icon.png);
}

.block div.docuNavigation ul.parents li a.current {
}

.block div.docuNavigation ul.children li {
    margin-left:2em;
    font-size:  8pt;
}

.block div.docuNavigation a.current {
    font-weight:bold;
    color:      #000;
}


.block div.docuNavigation ul a.current.folder {
    background-image:url(img/toggle_folder_open.gif);
}

.block div.docuNavigation ul a.folder {
    background-image:url(img/toggle_folder_closed.gif);
}


/**
* block content without underlines
*/
.block div.linklist {
    padding:3px;
    /*font-size:80%;*/
    margin:0px 2px 0px 5px;
    -moz-border-radius:7px;
}

/*---- information-block / summary ----*/
.block div.text{
    /*background-color:#f6f9df;*/
    /*border:2px solid #aaa;
    border-width:0px 2px 0px 2px;*/
    padding:3px;
    /*font-size:80%;*/
    margin:0px 2px 0px 5px;
    -moz-border-radius:7px;
    /*background-color:#EFEFEF;*/

}

    .block div.text a {
        border-bottom:1px dotted #888;
    }

    .block div.text a:hover {
        border-bottom:1px dotted #f00;
    }

    .block div.text ul {
        list-style:square;
    }
    .block div.text li{
        margin-left:10px;

    }

    .block div.text p.text{
        margin:0px 0px 0px 0px;
    }

    /* ------ labeled text item ----------------------------------------*/
    .block  div.labeled {
        margin:5px 0px 0px 80px;
        padding:0px 0px 0px 0px;
        clear:left;
    }

    .block  div.labeled label{
        width:90px;
        display:block;
        float:left;
        text-align:right;
        padding-top:0.25em;
        padding-right:5px;
        margin-left:-45px;
        font-size:8pt;
        /*line-height:120%;*/
        color:#666;
    }
    .block  div.labeled > label { /* hidden from IE5.0 */
        margin-left:-90px;
    }

    .block div.text p.edit { /* hidden from IE5.0 */
        float:right;
        display:inline;
        width:auto;
        position:relative;
        height:0px;
    }

    .block div.text a {
        text-decoration:none;
    }

    .block div.text a.dummy {
        text-decoration:line-through;
    }

    
    
    /**
    * simplify description
    */
    .block div.text p.description {
        margin:0px 0px 0px 0px;
    }
    .block div.text p.description label {
        display:none;
    }

    
/*
    .block div.text div.labeled {
        margin:5px 0px 0px 85px;
        padding:0px 0px 0px 0px;
        max-width:600px;
    }
    
    .block div.text div.labeled {
        margin:5px 0px 0px 85px;
        padding:0px 0px 0px 0px;
        max-width:600px;
    }
    .block div.text div.labeled label{
        width:95px;
        display:block;
        float:left;
        text-align:right;
        padding-top:0.2em;
        padding-right:5px;
        margin-left:-45px;
        font-size:8pt;
        color:#666;
    }

    .block div.text div.labeled > label {
        margin-left:-100px;

    }
    */

    /* dummy tag to clear floating behind framed images
       (with float the framed would have 100% width) */
    .block span.clear {
        clear:left;
        display:block;
        height:1px;

    }




/*=== page footer ===========================*/
#footer {
	clear:both;
	color:#b0b0b0;
	border-top:1px solid #e0e0e0;
	padding:0px 10px 0px 18px;
	font-size:8pt;
    float:right;

}

#footer a {
    color:#88f;
    text-decoration:none;
}

#footer div {
	margin:0;
	padding:0;
	padding-left:10px;
	padding-right:10px;
	border:1px solid #a0a0a0;

}

#footer div.error_list {
    border:1px solid #f00;
    padding:3px;
    margin:2px;

}

#footer div.error_list p {
    padding:2px;
    margin:0px;
    color:#800;
}

.contextMenus {
    position:absolute;
    background-color:#cfcfcf;
    border-style:solid;
    border-width:1px;
    border-color:#EFEFEF #505050 #505050 #EFEFEF;
    visibility:hidden;
    padding:0px;
    -moz-border-radius:0px 6px 6px 6px;
    z-index:9000;
}
.menuItem {
    cursor:pointer;
    font-size:9pt;
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    padding:2px 5px 2px 9px;
    text-decoration:none
}
.menuItemOn {
    cursor:pointer;
    font-size:9pt;
    padding:2px 5px 2px 9px;
    font-family:Tahoma,Arial, Helvetica, sans-serif;
    background-color:#008;
    color:#fff;
}
    .contextEntry {
        font-weight:bold;
        color:darkred;
        cursor:pointer
    }


    table.backtrace{
        border:1px solid #888;
        border-collapse:collapse;
    }

    table.backtrace td{
        border:1px solid #888;
        padding:4px;
    }

    table.backtrace th {
        background-color:#888;
        color:#fff;

    }

/* === 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 : Window url('indicator.gif') right center no-repeat;
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
} 



/*---- estimated --------------------*/
div.estimated {
 background-repeat:repeat-x;
 background-position:center left;
 height:10px;
}

div.hours {
  background-image:url(img/bg_estimated_hours.png);
}

div.hours_completed {
  background-image:url(img/bg_estimated_hours_completed.png);
  float:left;
}
div.hours_risk {
  height:10px;
  background-color:#fff;
  border-right:1px solid #800;
  float:right;
  opacity:0.6;
}


div.days {
  height:9px;
  background-image:url(img/bg_estimated_days.png);
}

div.days_completed {
  height:9px;
  background-image:url(img/bg_estimated_days_completed.png);
  float:left;
}

div.days_risk {
  height:9px;
  background-color:#fff;
  border-right:1px solid #800;
  float:right;
  opacity:0.6;
}


div.weeks {
  height:14px;
  background-image:url(img/bg_estimated_weeks.png);
}

div.weeks_completed {
  height:14px;
  background-image:url(img/bg_estimated_weeks_completed.png);
  float:left;
}

div.weeks_risk {
  height:14px;
  background-color:#fff;
  border-right:1px solid #800;
  float:right;
  opacity:0.6;
}



/*---- presets ----------------------*/
div.presets {
 font-size:8pt;
}

div.presets a {
 text-decoration:none;
 border-right:1px solid #ccc;
 padding-left:4px;
 padding-right:3px;
}

div.presets a.current {
 color:#800;
 font-weight:bold;
}




table.list tr.selected div.wiki .edit_chapter:hover {
    background-color:#5761E2;
}
div.edit_chapter form textarea{
    display:block;
}

/*----------- diff table -----------------------------------*/
div.diff h2 {
    /*font-size:100%;*/    
    padding:0.2em 0.2em 3px 0px;
    float:left;
    clear:left;
    width:9em;
    text-align:right;
}
div.diff table.nav {
    width:80%;
    float:left;
    margin-left:4.6em;
    -moz-border-radius:4px 4px 4px 4px;
}

/* hidden from IE6.0 */
div.diff > table.nav {
    margin-left:9.2em;
}



div.diff table.nav td.older {
    background-color:#FFFFC7;
    border:1px solid #F6F6A0;
    margin-right:2px;
    width:50%;
    text-align:right;
    padding-right:5px;
}

div.diff table.nav a {
    color:#C70000;
    margin-right:9px;
    padding-right:10px;
    margin-left:2px;
    text-decoration:none;
    /*font-size:90%;*/
}

div.diff table.nav a:hover {
    text-decoration:underline;
}

div.diff table.nav td.older a {
    float:left;

}

div.diff table.nav td.newer {
    background-color:#FFFFC7;
    border:1px solid #F6F6A0;
    width:50%;
    padding-left:5px;
    text-align:right;
}
div.diff table.nav td.newer select {
    float:left;
}


table.diff  {
    width:80%;
    float:left;
}

table.diff td{
    width:50%;
    /*font-size:80%;*/
    /*font-family:"Verdana";*/
    vertical-align:top;
    padding:2px;
    -moz-border-radius:3px;
}

table.diff td.add{
    background-color:#cfc;
}

table.diff td.deleted{
    background-color:#FFCCCC;
    color:#A60000;
    text-decoration:line-through;
}

table.diff td.changed{
    background-color:#FBDD88;
    color:#936B34;
}


table.diff td.changed span.changed{
    font-weight:bold;
    color:#000;
}

table.diff td.changed span.add{
    font-weight:bold;
    color:#1D761D;
}

table.diff td.changed span.deleted{
    font-weight:bold;
    color:#D72727;
    text-decoration:line-through;
}

table.diff td.changed span.add_place{
    border-left:2px solid #fff;
    padding-right:2px;
}

table.diff td.changed span.delete_place{
    border-left:2px solid #fff;
    padding-right:2px;
}




table.diff td.copy{
    background-color:#ddd;
    color:#888;
}

table.diff td.neutral{
    background-color:#eee;
    color:#888;
}


table.list tr.selected td{
    background-color:#5761E2;
    color:#fff;
}

table.list tr.selected td a{
    color:#fff;
}

table.list tr.selected td span{
    color:#fff;
}


/**
* styles for ajax driven sideboard
*/
#outer.sideboardOn {
    margin:0px;
    padding:0px;
    top:0px;

    left:0px;
    margin-right:30%;
    width:60%;
    height:100%;

    position:fixed;
    overflow:auto;
}


#sideboard.sideboardOn {
    margin:0px;
    margin-right:0px;
    margin-left:auto;

    background-color:#ccc;

    position:fixed;
    overflow:auto;

    top:0px;
    right:0px;
    left:auto;
    height:100%;
    width:40%;
    position:fixed;
    font-size:90%;
    background:#D7E1EB url(img/bg_sideboard.png);
    background-repeat:repeat-y;
    background-position:top left;
}

#sideboard div {
    padding:0.3em;
}


/**
* quick project selector in tabs
*/
span.selector {
 background-image:  url(layout/marker_context_menu.png);
 background-repeat: no-repeat;
 cursor:            pointer;
 padding:     		0px 4px 0px 4px;
 margin-left: 		4px;
 background-position: right center;
 border-left: 		1px dotted #777;
}

span.selector:hover {
 background-image: url(layout/marker_context_menu_hover.png);
}


span.selectorlist {
 display:           inline;
 z-index:           5000;
 position:          absolute;
}


span.selectorlist span.selectorlist_content {
 position:          relative;
 top:               -2px;
 left:              5px;
 display:           block;
 border:            1px solid #888;
 background:        #eee;
 padding:           2px;
 margin:            20px 0px 0px 0px;
 /*font-size:         90%;*/
 text-align: 		left;
 width: 			180px;
}

span.selectorlist span.selectorlist_content a {
 display:           block;
 text-align:        left;
 font-weight:       normal;
}

span.selectorlist span.selectorlist_content div.companies:hover {
 background-color:  #fff;
 /*color:             #fff;*/  /* this has no effect with Ghecko ???*/
}

span.selectorlist span.selectorlist_content div.companies {
	padding: 2px;
 	margin:  0px 0px 0px 0px;	
	border-top: 1px dotted #000; 	
}

span.selectorlist span.selectorlist_content div.projects {
	padding:       2px;
	margin:	       0px;
}

span.selectorlist span.selectorlist_content div.projects ul {
	margin: 0px 0px 5px 30px;
	padding: 0px 2px 2px 2px;
}

span.selectorlist span.selectorlist_content div.projects ul li:hover {
 background-color:  #fff;
}

/*--- dashboard (recent changes) -----------------*/
div.recentchanges h4 {
 margin:            0.2em 0.5em;
}

div.recentchanges ul {
 margin:            1px 1em 0em 1em;
 padding:           0px;
 /*font-size:         90%;*/
}


div.recentchanges ul li{
 list-style:        none;
 background-color:  #fff;
 padding:           0.2em 0.5em;
 margin-bottom:     1px;
 line-height:       120%;

}

div.recentchanges ul li span.sub {
 display:           block;
 font-size:         8pt;
 color:             #888;
 padding-left:      0.5em;
}

div.recentchanges ul li span.sub span.person {
 color:             #555;
}

div.recentchanges p.more {
 text-align:        right;
 margin:            1px 1em 1em 1.5em;
 font-size:         10pt;
}

div.recentchanges li.by_cur_user a {
  color:            #888;
}


/*--- dashboard (projects) -----------------*/
div#b_home_projects_long  {
 margin:            0.5em;
}

div#b_home_projects_long ul {
 margin:            0.2em 0em 1em 0.6em;
 padding:           0px;
 list-style:        none;

}
div#b_home_projects_long ul li {
 margin:            0px;
 padding:           0px 0px 0px 0.7em;
 background:        url(layout/list_bullet.png) left center no-repeat; 
 

}



/*--- project news (for custom projView)--------------*/
div.newsBlock {
    border-bottom:1px dashed #888;
    padding-bottom:0.5em;
}
div.newsTitle {
    margin-top: 1em;
    margin-bottom: 0.5em;

}

div.newsTitle h3 a {
    font-size:14pt;
    color:#000;
    font-family: "Arial Black";
    font-weight: normal;
}

div.newsBlock span.comments {
    display:block;
    text-align:right;

}
