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;
}

img {
    border: 0px;
}

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;
    width: 15em;
}

.crumb-right label {
    width: 14em;
}
.crumb-right input[type="checkbox"] {
     width: 1em;
 }

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

input[type="checkbox"] {
    vertical-align: top;
}

/*
 * 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;
    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 {
    border-collapse: collapse;
    width: 100%;
}
.addedit table {
    width: 100%;
}
.addedit table td, .addedit table th {
    border-spacing: 1px;
    padding: 1px;
}
.addedit textarea {
    height: 75px;
    width:  65%;
}

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

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: #000;
}

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;
    border-radius: 3.5px;
}

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

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

.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: 20px;
    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%;
}

.history tr td:nth-child(2) {
    white-space: nowrap;
}

div.column {
    width: 45%;
}
div.column:nth-child(1) {
    float: left;
}
div.column:nth-child(2) {
    float: right;
}
label {
    display: block;
    float: left;
    margin-right: 0.5em;
    text-align: right;
    white-space: nowrap;
    width: 10em;
}
div.addedit textarea {
    width: 65%;
}
div.addedit input.save {
    float: right;
}

input.name, input.url {
    width: 25em;
}

input.state, input.zip {
    width: 5em;
}

.projects label {
    width: 12em;
}

.tasks-depends label, .tasks-dates label, .tasks-resources label, .users label {
    width: 24em;
}
.files label {
    width: 28em;
}

input.button, a div {
    text-transform: capitalize;
}

.smartsearch label, .my-tasks label {
    width: inherit;
}
.users label, .events label {
    width: 20em;
}

.users .name {
    width: 100px;
}

.users .signature {
    width: 250px;
}

.projects label {
    width: 11em;
}

.bulk {
    width: 20em;
}

#password-strength {
    margin-left: 20.5em;
    width: 9em;
}

.tasks-tasklog label, .preference label {
    width: 12em;
}