
body {
    background-color: #f2f2f2;
    color: #333;
    font-family: Osaka,verdana,Sans-Serif;
    font-size: 10pt;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
}

em {
    font-weight: bold;
    text-decoration: none;
    font-style: normal;
}

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

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

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

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

tr {
	font-size: 8pt
}

td {
	font-size: 8pt
}

h1, .title {
    color: #333;
    font-family: Trebuchet MS,Arial,Osaka,verdana,Sans-Serif;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 0px;
    margin-top: 5px;
    text-transform: uppercase;
}

h2, .subtitle {
    color: #333;
    font-family: 'Trebuchet MS',arial,Osaka,verdana,Sans-Serif;
    font-size: 12px;
    font-weight: bold;
	margin-bottom: 0px;
	margin-top: 15px;
    text-transform: uppercase;
}

h3 {
    color: #333;
    font-family: 'Trebuchet MS',arial,Osaka,verdana,Sans-Serif;
    font-size: 12px;
    font-weight: bold;
	margin-bottom: 0px;
	margin-top: 35px;
}




/* These are some default styles used throughout. */
.left {
    float: left;
    text-align: left;
}

.right {
    float:      right;
}

.center {
    text-align: center;
}

.icon {
    margin:     10px;
}

/* Begin: Structural styles */
div {
    font-size:  8pt;
}

div.clear {
    clear: both;
}

div.std {
	background: #fafafa;
    height:     1%;
    overflow:   hidden;
    width:      100%;
}
/* End: Structural styles

/* Begin: Header Bar & Navigation for all pages */
.nav ul {
    font:       bold 8pt helvetica,arial,sans-serif;
	line-height:100%;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:     2px 0px 0px 0px;
	padding:    0px;
}

.nav ul li {
	float:      left;
	margin:     0px 1px 0px 0px;
	padding:    0px;
}

.nav ul li a {
	color:      #000000;
	display:    block;
	padding:    5px 7px 6px;
	text-decoration:none;
}

.quicknav {
    margin-right: 10px;
}
.quicknav a, form{
    margin: 0px 8px 0 8px;
}
form {
	display: inline;
	margin: 0;
}
/* End: Header Bar & Navigation for all pages */

.module-title {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.module-title h1 {
    float: left;
    margin-top: 15px;
}

.module-title .icon {
    float: left;
    margin: 3px;
}

.module-title .crumb-right {
    float: right;
    margin: 10px 0;
}

.module-nav {
    float: left;
    margin: -15px 0 5px;
    width: 100%;
}

.module-nav .crumb-right {
    float: right;
    margin: 0;
}

.crumb-right li {
    list-style-type: none;
    margin: 0 3px;
}

.crumb-right li select, .crumb-right li input {
    margin-top: -2px;
}

.system-info P {
	color: #000000;
	font-size: 7pt;
	margin: 0px;
	text-align: center;
}
.error,.warning {
    color:red
}

input[type="checkbox"] {
    /**margin-left: 10px;*/
}

/*
 * These are the styles attached to the list screens which are urls like:
 *      ./index.php?m=projects
 *      ./index.php?m=companies
 */
.list td {
    text-align: center;
    white-space:nowrap;
}
table.smartsearch td {
    text-align: left;
}

._departments {
    text-align: left;
}
._duration {
    text-align: right;
}

._identifier {
    border: outset #eeeeee 1px;
}

._description {
    white-space: normal;
}

.budgets, .budgets input {
    text-align: right;
}
.budgets tr:first-child {
    text-align: center;
}
.budgets input {
    width: 40pt;
}

table.list {
    background-color: white;
    border-spacing: 1px;
    padding: 2px;
    width: 100%;
}

/* These two styles handle all of the mouseover highlighting in the lists. */
table.list tr:hover td {
    background-color: #ffffcc;
    color: #000;
    font-style: italic;
}
table.list tr:hover td._name {
    font-weight: bold;
}

.list ._description {
    text-align: left;
    white-space: normal;
}

.list ._identifier {
    padding: 5px;
    width: 40px;
}

.list ._name {
    text-align: left;
    width: 25%;
}

.list ._description {   width: 30%; }

.list.history td.data._description {
    width: 60%;
}
.list.history td.data {
    margin-left: 20px;
    padding: 0 5em 0 5em;
}
.list.history td.data._user {
    text-align: center;
}

/*
 * These are the styles attached to the views which are urls like:
 *      ./index.php?m=projects&a=view&id=1
 *      ./index.php?m=companies&a=view&id=1
 */
.view {
    border-spacing: 0px;
    padding-left: 0px;
    text-align: left;
    width: 100%;
}

#view-header {
    margin-bottom: 5px;
    padding: 4px;
}
.view-column {
    padding-left: 4px;
    padding-top: 4px;
}
.view td.data {
    background-color: #FFFFFF;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    text-align: left;
}

.view .list td.data {
    border-radius: 0px;
}

.view td.workingDay, .view td.otherDay {
    border: #eeeeee solid thin;
    height: 300px;
    vertical-align: top;
    width:14.29%;
}

.view td.otherDay {
    background: silver;
}

.addedit textarea {
    height: 75px;
    width:  80%;
}

/*
 * These are the colors/formats for the tasks that are on time, overdue, etc.
 */
td.done {
    background-color:#aaddaa;
    border-style:solid;
    border-width:1px
}
tr.done td._date, tr.done td._datetime, tr.done td._duration, tr.done td._in {
    background-color:#aaddaa;
    color:#00000;
}

td.late {
    background-color: #CC6666;
    border-style:solid;
    border-width:1px;
}
tr.late td._date, tr.late td._datetime, tr.late td._duration, tr.late td._in {
    background-color:#cc6666;
    color: #fff;
}

td.notstarted {
    background-color: #ffeebb;
    border-style:solid;
    border-width:1px;
}
tr.notstarted td._date, tr.notstarted td._datetime, tr.notstarted td._duration, tr.notstarted td._in {
    background-color:#ffeebb;
}

td.active {
    background-color: #e6eedd;
    border-style:solid;
    border-width:1px;
}
tr.active td._date, tr.active td._datetime, tr.active td._duration, tr.active td._in {
    background-color:#e6eedd;
}

.highlight0 { background-color: #FFFF66; }
.highlight1 { background-color: #ADD8E6; }
.highlight2 { background-color: #90EE8A; }
.highlight3 { background-color: #FF99FF; }
.highlight4 { background-color: #FFA500; }
.highlight5 { background-color: #ADFF2F; }
.highlight6 { background-color: #00FFFF; }
.highlight7 { background-color: #FF69B4; }

#headerNav .module { font-style: italic; font-size:  small; }


/* Used in system module */
.main {
    margin-top: 20px;
    min-width:  250px;
    width:      45%;
}

.nowrap {
    white-space:nowrap;
}

#month-view span > img {
    display: inline;
}

.info span {
    font-size: medium;
    font-weight: bold;
}
.info p, .info li {
    font-size: medium;
}

/**
 * The styles below are used by the projectdesigner module
 */
table.prjprint {
    background: #ffffff;
}

table.prjprint TH {
    background-color: #ffffff;
    color: black;
    list-style-type: disc;
    list-style-position: inside;
    border:solid 1px;
    font-weight: normal;
    font-size:15px;
}

table.prjprint TD {
    background-color: #ffffff;
    font-size:14px;
}

table.prjprint TR {
    padding:5px;
}

#folder-list {
/*  margin-left: -25px;*/
}
#folder-list ul {
	padding: 0;
	margin: 0;
}
#folder-list ul li {
	list-style: none;
	margin-top: -1px;
	margin-bottom: 0px;
	border: 0px solid #CCC;
}
#folder-list ul li ul li {
	margin-left: 25px;
}

.folder-name {
	display: block;
	height: 16px;
	padding-top: 0px;
	background: white;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	margin-bottom: 0px;
}

.folder-name-current {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
	border-bottom: 1px solid #333;
}

.has-files {
	font-weight: bold;
}

#folder-list .tbl {
	margin-top: 2px;
}
#folder-list .tbl th {
	border: none;
}

#folder-list p {
	padding: 3px 5px;
	margin-top: -5px;
	margin-left: 25px;
	margin-right: 25px;
	border: 1px solid #CCC;
	border-top: none;
	background: #F9F9F9;
}
#tblFolders ul {
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#tblFolders ul li, #tblFolders ul li img {
    display: inline;
}
#tblFolders ul li a { text-decoration: none; }

#tblFolders .info-text {
    font-size: medium;
    margin-left: 20px;
}

.small-delete {
    float: right;
}

.tool-tip td {
    color: white;
    white-space:nowrap;
}

.tool-tip td.tip-label {
    border: 1px solid white;
    text-align: right;
    -moz-border-radius:3.5px;
    -webkit-border-radius:3.5px;
}

.tool-tip td.description {
    text-align: left;
    white-space: normal;
}

.login {
    border: 0;
    margin-left:auto;
    margin-right:auto;
    width: 250px;
}

table.login tr th {
    padding: 6px;
}

table.login td {
    padding: 0;
    white-space:nowrap;
}

table.minititle th {
    font-weight: normal;
    text-align: center;
}

bordertable, .bordertable{
    border: 1px black solid;
}

#progressBar {
    font-size: 1px;
    height: 15px;
    width: 0px;
}

table.week {
    background-color:white;
}

table.week table {
    border-spacing: 0;
    width: 100%;
}

span.cal-item * {
    float: left;
}

span.cal-item a {
    padding-left: 3px;
    padding-right: 3px;
}

.subprojects td.data {
    background-color: white;
    border-spacing: 0px;
}

.subprojects {
    background-color: white;
    border: 1px solid black;
    text-align: center;
    width: 100%;
}

.subprojects tr:nth-child(even) {
    background-color: #f0f0f0;
}
.subprojects tr:nth-child(odd) {
    background-color: #fff;
}

.subprojects td.data {
    background-color: inherit;
    text-align: inherit;
}

.subprojects td._name {
    text-align: left;
}

table.mocal td a:first-child {
    font-weight: bold;
}

.projectdesigner {
    background-color: inherit;
    border: outset #eeeeee 1px;
    color: black;
    font-weight: bold;
    white-space: nowrap;
}
.projectdesigner select {
    height: 25px;
    width: 500px;
}

.syskeys td:nth-child(3) {
    text-align: left;
}

.sysvals td:nth-child(4) {
    text-align: left;
    white-space: normal;
}

.modules td:nth-child(3) {
    text-align: left;
}

.view-column {
    vertical-align: top;
    width: 50%;
}

label {
    font-size: 8pt;
    text-align: right;
    white-space: nowrap;
}

/*
        <td class="future" style="border-style:solid;border-width:1px" bgcolor="#ffffff">&nbsp; &nbsp;</td>
        <td>=<?php echo $AppUI->_('Future Task'); ?></td>
        <td>&nbsp; &nbsp;</td>
        <td class="started" style="border-style:solid;border-width:1px" bgcolor="#e6eedd">&nbsp; &nbsp;</td>
        <td>=<?php echo $AppUI->_('Started and on time'); ?></td>
        <td class="should" style="border-style:solid;border-width:1px" bgcolor="#ffeebb">&nbsp; &nbsp;</td>
        <td>=<?php echo $AppUI->_('Should have started'); ?></td>
        <td>&nbsp; &nbsp;</td>
        <td class="overdue" style="border-style:solid;border-width:1px" bgcolor="#CC6666">&nbsp; &nbsp;</td>
        <td>=<?php echo $AppUI->_('Overdue'); ?></td>
        <td>&nbsp; &nbsp;</td>
        <td class="done" style="border-style:solid;border-width:1px" bgcolor="#aaddaa">&nbsp; &nbsp;</td>
        <td>=<?php echo $AppUI->_('Done'); ?></td>
        */