/* Stylesheet for 3SOFT Command

 * ELEKTROBIT Colors
 * 
 * Copyright (C) 2004-2005 3SOFT GmbH
 */

/*****************************
 * Global font selection
 */
input, textarea, button, select, h1, h2, h3 {
 font-family: Tahoma, Verdana, Arial, Helvetica;
 color: #000;
}

body {
 font-family: Tahoma, Verdana, Arial, Helvetica;
  color: #000;
  background-color: #6a6a6a;
}

table, div {
  font-family: Tahoma, Verdana, Arial, Helvetica;
  font-size: 10pt;
}

/*****************************
 * Body layout
 */
body {
  margin:  0px;
  padding: 0px;
}

/*****************************
 * Logo section
 */
h1 {font-size:125%; margin: 5px;}
h2 {font-size:110%; margin: 5px;}
h3 {font-size:15%; margin: 0px;}
p {margin: 0px; padding: 5px 0px 5px 5px;}

@media screen, handheld
{
  #eblogo  {
    position:      fixed;
    height:        90px;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    padding: 10px;
    z-index:       20;
  }

  #commandlogo  {
    position:      fixed;
    background: url('img/noise.png');
    border-bottom-color: #222222;
    border-left-color: #6a6a6a;
    border-bottom-width: 5px;
    border-left-width: 3px;
    border-bottom-style: solid;
    border-left-style: solid;
    height:        90px;
    margin:        0px;
    width: 100%;
    left: 0px;
    z-index:       19;
  }
}

@media print {
  #eblogo {
   display: none;
  }
  #servername {
   display: none;
  }
  #commandlogo{
   display: none;
  }

  #background {
   display: none;
  }
}

/*****************************
 * Page title
 */

@media screen, handheld {

  #pagetitle {
    position:      fixed;
    top: 32px;
    left: 195px;
    margin:        0px 0px 0px 0px;
    color:         #ffffff;
    font-size: 16pt;
    text-align:    left;
    width:         auto;
    z-index:       21;
  }
}

@media print {
  #pagetitle {
   visibility:hidden;
  }
}

/*****************************
 * Navigation
 */
@media screen, handheld
{
  #navbar {
    position:      fixed;
    color:         #ffffff;
    top: 86px;
    left: 10px;
    width:         165px;
    padding: 5px;
    z-index:       21;
  }

  #navback {
    position:      fixed;
    color: #ffffff;
    padding:       0px;
    background: url('img/noise.png');
    top:           90px;
    left:          0px;
    width:         175px;
    height:        100%;
    padding:       5px;
    z-index:       20;
    border-right-width: 5px;
    border-left-width: 3px;
    border-top-width: 0px;
    border-right-color: #222222;
    border-left-color: #6a6a6a;
    border-style: solid;
  }
}

@media print {
  #navbar {
   display: none;
  }
  #navback {
   display: none;
  }
}
/*****************************
 * Login and current project info
 */
@media screen, handheld
{
  #logininfo {
    color:   #ebebeb;
    position:  fixed;
    right:      10px;
    top:    10px;
    text-align: left;
    z-index:   23;
    font-size: 12px;
  }

  #logininfo a {
    color:      #ffffff;
    text-decoration: none;
  }

  #logininfo a:active {
    color:      #ffffff;
    text-decoration: none;
  }

  #logininfo a:visited {
    color:      #ffffff;
    text-decoration: none;
  }

  #logininfo a:hover {
    color:      #00eb00;
    text-decoration: none;
  }

  table.logininfo {
    right: 0px;
  }

  table.logininfo td {
    padding-left: 15px;
  }


  .nav {
    color:         #ffffff;
    width:         165px;
    margin:        0px 0px 0px 0px;
    padding:  2px;
    padding-left: 0px;
  }

  .level1 {
    padding-left:  14px;
    background: url("img/level1.png") no-repeat;
    background-position: 4px 4px;
  }

  .level2 {
    padding-left:  24px;
    background: url("img/level2.png") no-repeat;
    background-position: 4px 4px;
  }

  .level3 {
    padding-left:  34px;
    background: url("img/level3.png") no-repeat;
    background-position: 4px 4px;
  }

  .level4 {
    padding-left:  44px;
    background: url("img/level4.png") no-repeat;
    background-position: 4px 4px;
  }
	
  .level5 {
    padding-left:  54px;
    background: url("img/level5.png") no-repeat;
    background-position: 4px 4px;
  }
	
  .level6 {
    padding-left:  64px;
    background: url("img/level6.png") no-repeat;
    background-position: 4px 4px;
  }
	
  .bug {
    padding-left:  32px;
    background: url("img/bug-mail.png") no-repeat;
    background-position: 2px 0px;
  }

  .mail {
    padding-left:  32px;
    background: url("img/email.png") no-repeat;
    background-position: 2px 0px;
  }

  .upload {
    padding-left:  32px;
    padding-bottom: 4px;
    background: url("img/att.png") no-repeat;
    background-position: 2px 0px;
  }

  .uploaddir {
    padding-left:  32px;
    padding-bottom: 4px;
    background: url("img/attachdir.png") no-repeat;
    background-position: 2px 0px;
  }

  .submenu {
    background: url("img/submenu.png") no-repeat;
    background-position: center right;
  }

  .title {
    text-align:    left;
    color:         #ffffff;
    font-weight:   bold;
    width:         165px;
    padding-top: 10px;
    padding-bottom: 5px;
    background: url("img/bar_fade.png") repeat-x;
    background-position: 0px 0px;
  }

  .nav+.title {
    margin-top: 14px;
  }

  div.nav a:visited {
    text-decoration: none;
    color:           #ffffff;
  }

  div.nav a:link {
    text-decoration: none;
    color:           #ffffff;
  }

  div.nav a:hover {
    text-decoration: none;
    color:         #00eb00;
  }

  div.nav td.hsep {
    background:     #ebebeb;
    border:         none;
  }
}

@media print {
  #logininfo {
   display: none;
  }
}
/*****************************
 * Content body
 */

@media screen, handheld {
  #content {
    position: absolute;
    left: 0px;
    top: 90px;
    padding-top: 50px;
    padding-left: 250px;
    padding-bottom: 50px;
    padding-right: 50px;
    width: auto;
    min-width: 600px;
    z-index: 10;
  }
}

@media print {
  #content {
  }
}
td a:visited {
  text-decoration: none;
  color:           #000000;
}

td a:link {
  text-decoration: none;
  color:           #000000;
}

td a:hover {
  text-decoration: none;
  color:           #777777;
}

a:visited {
  text-decoration: none;
  color:           #000000;
}

a:link {
  text-decoration: none;
  color:           #000000;
}

a:hover {
  text-decoration: none;
  color:           #777777;
}


table.ui {
  margin: 0px;
  width: 100%;
  border-collapse: collapse;
  border-width: 0px;
  border-style: none;

}
table.ui th {
  text-align: left;
  background: #ffffff;
  color: #000000;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-style: solid;
  border-color: #878787;
  vertical-align: top;
  padding: 5px;
}

table.ui td {
  text-align:left;
  background:#ffffff;
  color: #000000;
  vertical-align: top;
  padding: 5px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-style: solid;
  border-color: #878787;
}

table.ui td.activetab {
  width: 25%;
  text-align: left;
  background: #ffffff;
  color: #000000;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 0px;
  border-style: solid;
  border-color: #878787;
  vertical-align: top;
  padding: 5px;
  font-weight: bold;
}

table.ui td.inactivetab {
  width: 25%;
  text-align: left;
  background: #cccccc;
  color: #000000;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 0px;
  border-style: solid;
  border-color: #878787;
  vertical-align: top;
  padding: 5px;
}


table.ui td.inlay {
  text-align:left;
  background:#ebebeb;
  color: #141414;
  vertical-align: top;
  padding: 0px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-style: solid;
  border-color: #878787;
}


table.ui th a:link {
  color: #000000;
  text-decoration: none;
}

table.ui th a:visited {
  color: #000000;
  text-decoration: none;
}

table.ui th a:hover {
  color: #777777;
}


table.ui2 {
    border: none;
    border-collapse: collapse;
}
table.ui2 th {text-align:right;}

table.inner {
  border: 0px none;
  border-collapse: collapse;
  border-left-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-top-width: 1px;
  border-style: solid;
  border-color: #878787;
  width: 100%;
}

table.inner th {
  background:#878787;
  color:#ebebeb;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-style: solid;
  border-color: #878787;
  padding: 3px;
}

table.inner td {
  background:#ffffff;
  border-top-width: 1px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-style: solid;
  border-color: #878787;
  padding: 3px;
}

table.inner th a:link {
  color: #ffffff;
  text-decoration: none;
}

table.inner th a:visited {
  color: #ffffff;
}

table.inner th a:hover {
  color: #00eb00;
}


table.innerVersion {
  border: 0px none;
  border-collapse: collapse;
  border-width: 0px;
  border-style: none;
  width: 100%;
}

table.innerVersion th {
  background:#fff;
  color:#000;
  border-color: #878787;
  border-top-width: 1px;
  border-top-color: #878787;
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-left-width: 0px;
  border-style: solid;
  font-weight: bold;
}

table.innerVersion td {
  background:#ffffff;
  border-color: #878787;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-width: 1px;
  border-style: solid;
}

table.innerVersion th a:link {
  color: #000;
  text-decoration: none;

}

table.innerVersion th a:visited {
  color: #000;
}

table.innerVersion th a:hover {
  color: #777777;
}


table.fixedwidth td {
  overflow: hidden;
}

table.fixedwidth {
  table-layout: fixed;
}

table.ui tr.highlight td {
  background-color: #ccc;
}



.button {color:white; background:#3f3f3f !important; border-left:2px solid #6f6f6f; border-top:2px solid #d0d0d0;
         border-right:2px solid #222222; border-bottom:2px solid #222222;
        }
.button:active {color:white; background:#6f6f6f url(img/noise.png) !important; border-left:2px solid #222222; border-top:2px solid #222222;
         border-right:2px solid #6f6f6f; border-bottom:2px solid #d0d0d0;
        }
.button:disabled {color:darkGray; background:#707070 !important; border-left:2px solid #6f6f6f; border-top:2px solid #d0d0d0;
         border-right:2px solid #505050; border-bottom:2px solid #50505;
        }
 
.button a:visited {
  text-decoration: none;
  color:           black;
}

.button a:link {text-decoration:none; color:#242424;}
.button a:hover {text-decoration:none; color:#00eb00; background: #242424;}

.error {font-weight:bold; color:#000; background:#ffaaaa;}
input.error {font-weight:bold; color:#000; background:#ffaaaa; border: solid black 1px;}
td.error a {background:#ffaaaa;font-weight:bold; color:#000;}
table.error {width: 100%;}

.highlight {color:#3f3f3f; background:#ffff88;}
td.highlight a {background:#ffff88; color:#3f3f3f;}

.fault {color:#000; background:#ffff88; }
td.fault a {color:#000; background:#ffff88; }

input.underlay {color: #000; background: #ffffcc; border: solid black 1px; }

table.msg
{
  border: none;
  margin: 5px;
}

.small {width: 15em;}
.normal {width : 25em;}

.minus {color:#eb4e00; }
.plus {color:#00ae00; }



/*****************************
 * Tabs
 */
.tab-bar {
  background:    #ebebeb;
  width:         160px;
  text-align:    center;
  padding:       10px 0px 10px 0px;
  margin:        0px;
  float:         left;
  border-left:   1px solid #cccccc;
  border-top:    1px solid #cccccc;
  border-right:  2px solid #808080;
  border-bottom: 2px solid #808080;

}

.tab-active {
  background:    #ebebeb;
  padding:       10px 0px 10px 0px;
  border-right:  1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-left:   2px solid #808080;
  border-top:    2px solid #808080;
}

.tab {
  padding:       10px 0px 10px 0px;
}

.tab-body {
  background:    #ebebeb;
  border-left:   1px solid #cccccc;
  border-top:    1px solid #cccccc;
  border-right:  2px solid #808080;
  border-bottom: 2px solid #808080;
  margin:   10px 10px 10px 200px;
  padding:       10px;
}

.tab-head { 
  background:    #3f3f3f;
  color: #ebebeb;
  padding:       2px;
  font-weight:   bold;
  margin-bottom: 20px;
}

.tab-body td {
  text-align:    left;
  padding-right: 10px;
}

.option-separator {
  background:    #ebebeb;
  padding:       2px 10px 2px 10px;
  border-top:    20px;
  font-weight:   bold;
}

/*****************************
 * Notes
 */
.note {
  width:         400px;
  margin: 15px;
  padding:       4px;
  border-right:  2px solid #CFCFCF;
  border-bottom: 2px solid #CFCFCF;
  background:    #FFFF7C;
}

.note-body {
  margin:        5px;
  width:         100%;
}

.note-head {
  text-align:    center;
  font-weight:   bold;
  background:    #E0E430;
}

.note-footer {
  width:         100%;
  font-size:     10pt;
}

/*****************************
 * Generic settings
 */

.beige {
  background:#ebebeb;
  color: #ebebeb;
}
/*
  background:#ECE8D0;
*/

img {
  border-style: none;
  vertical-align: middle;
}

.bold {
  font-weight: bold;
}

.crComment {
  font-family: monospace;
}


/*****************************
 * waitbar
 */
#wait
{
  display:              none;
  position:             absolute;
  z-index:              30;
  top: 20px;
  left: 190px;
  border:               5px solid #ebebeb;
  padding:              5px;
  width:                210px;
  background-color:           #ebebeb;
}

#tooltip
{
  display:              none;
  position:             fixed;
  z-index:              30;
  top: 5px;
  left: 5px;
  width:                700px;
  min-height:           50px;
 /*  background-color:           #fff; 
  border:               2px solid #878787;
  padding:              5px;
*/
}

#tooltiptext {
  color: #fff;
}


/*****************************
 * dropshadow
 */

.dropshadow {
  border-collapse: collapse;
  border-style: none;
  border-width: 0px;
  margin: auto auto;
  width: 100%;
}

.shadowtop {
  padding: 0px;
  background: url("img/shadow_top.png") repeat-x;
  background-position: left bottom;
  border-style: none;
  border-width: 0px;
  height: 10px;
}

.shadowleft {
  padding: 0px;
  background: url("img/shadow_left.jpg") repeat-y;
  background-position: right bottom;
  border-style: none;
  border-width: 0px;
  width: 10px;
}

.shadowbottom {
  padding: 0px;
  background: url("img/shadow_bottom.png") repeat-x;
  background-position: right top;
  border-style: none;
  border-width: 0px;
  height: 10px;
}

.shadowright {
  background: url("img/shadow_right.jpg") repeat-y;
  background-position: top left;
  border-style: none;
  border-width: 0px;
  padding: 0px;
  width: 10px;
}

.shadowcell {
  padding: 0px;
  border-style: none;
  border-width: 0px;
  border-color: #878787;
}

.contentcell {
  padding: 0px;
  background: white;
  border-style: solid;
  border-width: 2px;
  border-color: #878787;
}

.branding {
  display: block;
  margin: 10px auto 10px auto;
}

/* smoke style box */
.smokecontentcell {
    padding: 0;
    margin: 0;
    background: url(img/smoke.png);
}


.smoketl {
  width: 20px;
  height: 20px;
  padding: 0px;
  border: 0px;
  background: url(img/smoke_tl.png) no-repeat;
}
.smoketr {
  width: 20px;
  height: 20px;
  padding: 0px;
  border: 0px;
  background: url(img/smoke_tr.png) no-repeat;
}
.smokebl {
  width: 20px;
  height: 20px;
  padding: 0px;
  border: 0px;
  background: url(img/smoke_bl.png) no-repeat;
}
.smokebr {
  width: 20px;
  height: 20px;
  padding: 0px;
  border: 0px;
  background: url(img/smoke_br.png) no-repeat;
}

.smokel {
  width: 20px;
  padding: 0px;
  border: 0px;
  background: url(img/smoke.png) repeat-y;
}
.smoker {
  width: 20px;
  padding: 0px;
  border: 0px;
  background: url(img/smoke.png) repeat-y;
}
.smokeb {
  height: 20px;
  padding: 0px;
  border: 0px;
  background: url(img/smoke.png) repeat-x;
}
.smoket {
  height: 20px;
  padding: 0px;
  border: 0px;
  background: url(img/smoke.png) repeat-x;
}

.smoke {
  border-collapse: collapse;
  border: 0px;
  width: 100%;
}

.smokeicon {
  border-collapse: collapse;
  margin: 0;
  padding: 0 0 0 60px;
  background: url(img/smokeicon.png) no-repeat;
  background-position: center left;
  min-height: 48px;
}

.smokecontent {
  color: #fff;
  margin: 0px;
  display: inline;
}

.overlib {
  width: 600px;
}

/* sticky notes for tasks */
.pinboard {
	background: white;
	padding: 0px;
	margin: 0px;
	width: 100%;
}

.stickynote {
  width: 208px;
  height: 200px;
  color: black;
  text-align: left;
  font-family: Tahoma,Verdana,Arial,Helvetica;
  font-size: 8pt;
}

.stickynoteyellow {
  background: #eeee8d url(img/stickyshadowright.png) no-repeat;
  background-position: top right;
}

.stickynoteblue {
  background:  #acc7eb url(img/stickyshadowright.png) no-repeat;
  background-position: top right;
}

.stickynotered {
  background:  #eba1a9 url(img/stickyshadowright.png) no-repeat;
  background-position: top right;
}

.stickynotegreen {
  background:  #bae7c7 url(img/stickyshadowright.png) no-repeat;
  background-position: top right;
}

.stickynotegrey {
  background:  #c7c7c7 url(img/stickyshadowright.png) no-repeat;
  background-position: top right;
}

.stickynotewrapper {
  width: 208px;
  height: 208px;
  background:  url(img/stickyshadowbottom.png) no-repeat;
  background-position: bottom right;
  margin: 15px auto 15px auto;
}

.stickynotewrapperbacklog {
  width: 208px;
  height: 208px;
  background:  url(img/stickyshadowbottom.png) no-repeat;
  background-position: bottom right;
  margin: 5px 1px 1px 8px;
  display: block;
}

.stickynoteheader {
  width: 200px;
  height: 20px;
  background: transparent;
  color: black;
  border-style:  none;
  border-width: 0px;
  margin: 0px;
  padding: 5px 0px 0px 0px;
  font-family: Tahoma,Verdana,Arial,Helvetica;
  font-size: 8pt;
  font-weight: bold;
  overflow: hidden;
  white-space: normal;
  vertical-align: middle;
  text-align: center;
  z-index: 10;
}

.stickynotetext {
  width: 180px;
  height: 75px;
  background: transparent;
  color: black;
  border-style: solid;
  border-width: 0px;
  margin: 0px;
  padding: 10px;
  font-family: Tahoma,Verdana,Arial,Helvetica;
  font-size: 8pt;
  overflow: auto;
  white-space: normal;
  vertical-align: top;
}

.stickynoteinfo {
  width: 180px;
  height: 43px;
  background: transparent;
  color: black;
  border-style: solid;
  border-width: 0px;
  margin: 0px;
  padding: 10px;
  padding-top: 5px;
  font-family: Tahoma,Verdana,Arial,Helvetica;
  font-size: 8pt;
  overflow: auto;
  white-space: normal;
  vertical-align: top;
}

.stickynotetextbox {
  width: 186px;
  height: 90px;
  background: transparent;
  color: black;
  border-top: 1px solid grey;
  border-left: 1px solid grey;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  padding: 3px;
  margin: 3px;
  font-family: Tahoma,Verdana,Arial,Helvetica;
  font-size: 8pt;
  overflow: auto;
}

.stickynoteselect {
  background: #eeee8d;
  color: black;
  font-family: Tahoma,Verdana,Arial,Helvetica;
  border-style: solid;
  border-width: 0px;
  padding: 0px;
  margin: 0px;
  width: 70px;
  font-size: 8pt;
}

.stickynotecheckbox {
  background: transparent;
  color: black;
  font-family: Tahoma,Verdana,Arial,Helvetica;
  border-style: none;
  border-width: 0px;
  padding: 0px;
  margin: 0px;
  width: 15px;
  height: 15px;
  font-size: 8pt;
}

.stickynoteassigneebox {
	background: transparent;
	color: black;
	border: 0px solid black;
	padding: 0px;
	margin: 5px;
	width: 90px;
	height: 50px;
	font-size: 8pt;
	float: left;
	display: inline;
}

.stickynotereviewerbox {
  background: transparent;
  color: black;
  border: 0px solid black;
  padding: 0px;
  margin: 5px;
  width: 90px;
  height: 50px;
  font-size: 8pt;
  float: right;
}

.stickynoteaction {
  height: 15px;
  float: none;
  padding-left: 2px;
  clear: left;
}

table.backlog {
  border-collapse: collapse;
  width: 100%;
}

table.backlog > tbody > tr > td {
  white-space:nowrap;
  border-bottom: 1px solid #878787;
  border-top: 1px solid #878787;
  border-left: 3px dotted #878787;
  padding: 0px;
}

table.backlog > tbody > tr > th {
  border-bottom: 1px solid #878787;
  border-top: 1px solid #878787;
  border-right: 3px dotted #878787;
  padding: 0px;
  vertical-align: top;
  width: 220px;
}

/* stickynote for complete backlog view */
.stickynotewrapperbacklogcomplete {
  width: 188px;
  height: 128px;
  background:  url(img/stickyshadowbottom.png) no-repeat;
  background-position: bottom right;
  margin: 5px 1px 1px 8px;
  display: block;
  float: left;
  z-index: 1;
}

.stickynotebacklogcomplete {
  width: 188px;
  height: 120px;
  color: black;
  text-align: left;
  font-family: Tahoma,Verdana,Arial,Helvetica;
  font-size: 8pt;
  z-index: 10;
}

.stickynotebacklogcompletebackgroundnumber {
  position:absolute; 
  color:#888888;
  font-size: 50pt;
  opacity:0.25;
  width: 150px;
  height: 90x;
  padding-top: 10px;
  text-align: right;
  z-index: 11;
}

.stickynotetextbacklogcomplete {
  width: 165px;
  height: 72px;
  background: transparent;
  color: black;
  border-style: solid;
  border-width: 0px;
  margin: 0px;
  padding: 0px 5px 0px 5px;
  font-family: Tahoma,Verdana,Arial,Helvetica;
  overflow: hidden;
  white-space: normal;
}

.stickynoteiconbarbacklogcomplete {
  width: 170px;
  height: 24px;
  background: transparent;
  border-width: 0px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}

table.filter tr td{
  padding-left: 5px;
}
table.filter tr td.group {
  padding-right: 20px;
}

table.thInEachRow tr th {
	text-align: left;
}