/* $Id$ $URL$ */
/* WEB2PROJECT REQUIRED CLASSES */
BODY {
    background-position : bottom;
    background-repeat   : repeat-x;
}

.quicknav {
    margin-top: 7px;
}

.quicknav img {
    margin-top: 3px;
}
.quicknav input {
    vertical-align: top;
}

.module-nav .crumb-right {
    margin-top: -3px;
}

/* Begin: Header Bar & Navigation for all pages */
div.titlebar {
    background: url(images/titlegrad.jpg);
}

div.header {
    background: url(images/nav_bg.png);
    color:      #000;
    height:     24px;
    padding-top:    3px;
}

div.shadow {
    background: url(images/nav_shadow.jpg);
}

div.header a {
    margin: 0.7em;
}

.nav a:hover{
    background: #2E91C6 url(images/nav_shadow.jpg) repeat-x scroll 0%;
    color:      #FFFFFF;
    text-decoration:none;
}
/* End: Header Bar & Navigation for all pages */

.item {
    color: #333;
}

.text{
    border: 1px #999999 solid;
    font-family: arial,Osaka,verdana,Sans-Serif;
    font-size: 8pt;
    margin-top  : 2px;
}

.textarea {
    border: 1px #999999 solid;
    font-family: arial, verdana,helvetica,arial,sans-serif;
    font-size: 8pt;
    padding : 2px;
    margin-top  : 2px;
}

input, textarea {
    font-family : tahoma,arial,verdana,Sans-Serif;
    font-size   : 8pt;
    font-weight : normal;
    border      : 1px #999999 solid;
    padding     : 2px;
    margin-top  : 2px;
    border-radius:4px;
}

/* Focus action  */
input:focus, textarea:focus {
    border           : 1px solid #6F6F6F; /*#3162A6;*/
    background-color : #FFFFCC;
}

.button, .crumb ul li div, .crumb ul li span {
  font-family   : tahoma,verdana,arial,Sans-Serif;
  color         : #666;
  text-align    : center;
  font-size     : 9px;
  font-weight   : bold;
  border-top    : 1px solid #C4CCCC;
  border-left   : 1px solid #ACB5B5;
  border-bottom : 1px solid #6F7777;
  border-right  : 1px solid #ACB5B5;
  width         : auto;
  background    : url(images/button_bg.png) repeat-x;
  background-color : white;
  padding       : 2px 5px !important;
  padding       : 0px 0px;
  line-height   : 13px;
  margin-left   : 2px;
  cursor        : pointer !important;
  border-radius:3.5px;
}

/* Focus action  */
.button:focus {
  font-family   : tahoma,verdana,arial,Sans-Serif;
  color         : #999;
  text-align    : center;
  font-size     : 9px;
  font-weight   : bold;
  border-top    : 1px solid #C4CCCC;
  border-left   : 1px solid #ACB5B5;
  border-bottom : 1px solid #6F7777;
  border-right  : 1px solid #ACB5B5;
  width         : auto;
  background    : url(images/button_bg.png) repeat-x;
  background-color : white;
  padding       : 2px 5px !important;
  padding       : 0px 0px;
  line-height   : 13px;
  margin-left   : 2px;
  cursor        : pointer !important;
  border-radius: 0px;
}

/* web2Project Top Banner and Top Nav Customization */
TABLE.banner {
    background-color: #D4D0C8;
    color: #fff
}

TH.banner {
    background-color: #D4D0C8;
    color: #fff
}

TD.nav {
    border              : 1px solid #848284;
    color               : #333;
    background-color    : #D4D0C8;
    background-image    : url("images/nav_bg.png");
    background-image    : repeat-x;
}

/*
**********************************
Begin IE TD buttonizing
**********************************
*/

TD.clsBtnUp {
    color: #FFFFFF;
    padding: 0px 3px;
    border: inset 2px;
}

TD.clsBtnDown {
    color: #FFFFFF;
    padding: 0px 3px;
    border: inset 2px;
}

TD.clsBtnOn {
    color: #FFFFFF;
    padding: 0px 3px;
    border: outset #eeeeee 2px;
}

TD.clsBtnOff {
    color: #FFFFFF;
    padding: 0px 3px;
    border: solid #559999 2px;
}

TD.topBtnOff {
    color: #FFFFFF;
    padding: 0px 3px;
    border: solid #cccccc 2px;
}

TD.nav {
    color: #ccc;
}

/* Standard table 'spreadsheet' style */
table.tbl {
    background: #D4D0C8;
}

table.tbl TH {
    color               : #333;
    list-style-type     : disc;
    list-style-position : inside;
    border: outset #D1D1CD 0px;
    font-weight         : normal;
    background-color    : #D4D0C8;
    background-image    : url("images/header_bg.png");
    background-image    : repeat-x;
    height              : 22px;
    text-align: center;
}

table.tbl td {
    background-color: #ffffff;
}

table.tbl td.hilite {
  background-color: #ECEAE5;
}

/* a 'standard' table */
table.std {
    background : #D4D0C8;
    border-radius: 4px;
    margin-top: 15px;
}
table.std TH {
    color            : #333;
    list-style-type  : disc;
    list-style-position: inside;
    background-color    : #D4D0C8;
    background-image    : url("images/header_bg.png");
    background-image    : repeat-x;
    text-align: center;
    white-space: nowrap;
}

table.addedit.pref td {
    width: 50%;
}

table.std td.hilite {
    background-color: #ffffff;
}

/* contacts table */
table.contacts {
    background-color: #808080;
}

table.contacts td {
    background-color : #D4D0C8;
}

table.contacts td.hilite {
    background-color: #ffffff;
}

/* links in header blocks */
A.hdr:link, A.hdr:active, A.hdr:visited {
    color: #333333;
}

/* tabbed boxes */

td.tabon {
    background: #D4D0C8;
    background-image: url('images/tabSelectedBg.png');
    font-weight: bold;
}
td.taboff {
    background: #D4D0C8;
    background-image: url('images/tabBg.png');
    background-position : bottom;
    background-repeat   : repeat-x;
    font-weight: normal;
}
td.tabsp {
    border-bottom: solid #808080 1px;
}
td.tabox {
    background-color : #D4D0C8;
    border-left      : solid #808080 1px;
    border-right     : solid #808080 1px;
    border-bottom    : solid #808080 1px;
}

/* Message styles */
.message {  color: #333;    }

/* month calendar - title area */
table.motitle {
    background-color: #666;
}
table.motitle td {
    background-color: #D4D0C8;
}
table.motitle th {
    font-family         : arial,Osaka,verdana,Sans-Serif;
    font-size           : 14px;
    color               : #333;
    list-style-type     : disc;
    list-style-position : inside;
    font-weight         : bold;
    background-color    : #D4D0C8;
}

table.mocal {
    background-color: #777777;
    cursor: pointer;
}
table.mocal th {
    color               : #333;
    list-style-type     : disc;
    list-style-position : inside;
    font-weight         : bold;
    text-align          : center;
    background-color    : #bccfeb;
    background-image    : url("images/header_bg.png");
    background-image    : repeat-x;
}
table.mocal td {
    vertical-align: top;
}
table.mocal td.week {
    background-color: #D4D0C8;
    height: 80px;
}
table.mocal td.empty {
    background-color: #e0e0e0;
    color: #aaaaaa;
    text-align: left;
    height: 80px;
}
table.mocal td.day  {
    background-color: #ffffff;
    color: #333366;
    text-align: left;
    height: 80px;
}
table.mocal td.today {
    background-color : white;
    border           : 2px dotted red;
    color            : #ffffff;
    text-align       : left;
}

table.mocal td.weekend {
    background-color: #f0f0f0;
    text-align: left;
}

table.mocal td img {
    vertical-align: text-top;
}

/* mini calendar - title area */
table.minical {
    background-color: #f2f2f2;
    border : 1px solid #cccccc;
}
table.minical th {
    background-color: #EEE;
    font-weight: normal;

}
table.minical td {
    background-color: white;
    text-align : center;
}
table.minical td.week {
}
table.minical td.empty {
    color: #aaaaaa;
    background-color: #E0E0E0;
}
table.minical td.day  { }
table.minical td.today {
    border           : 2px dotted red;
}
table.minical td.weekend {
    background-color: #f0f0f0;
}
table.minical .event {
}
table.minical td.event {
    background-color: #ffff99;
}
table.minical td.task {
    background-color: #ababff;
}
table.minical td.eventtask {
    background-color: #ffccff;
}
table.minical td.eventtoday {
    background-color: #ffff99;
    border           : 1px dotted red;
}
table.minical td.tasktoday {
    background-color: #ababff;
    border           : 1px dotted red;
}
table.minical td.eventtasktoday {
    background-color: #ffccff;
    border           : 1px dotted red;
}
/* daily calendar */
table.tbl td.event {
    background-color: #fff0b0;
}

table.tbl td.event td {
    background-color: #fff0b0;
}

.crumb-right div.crumb ul {
    float: right;
}

.crumb ul {
    margin-left: 5px;
    padding: 0;
}
.crumb ul li {
    margin: 2px 2px 2px;
    font-family:arial,sans-serif;
    color: #000000;
    text-decoration: none;
    display: inline; /* Remove this line arrange the buttons vertically */
    float: left;
    height: 22px;
    padding-right: 5px; /* sliding doors padding */
    border:0px;
}
.crumb ul li a {
    color: #000000;
    display: inline;
}
.crumb ul li span, .crumb ul li div {
    display: block;
    line-height: 14px;
    padding: 2px 0 5px 10px;
}

a.delete div {
    color: red;
}