body {
    background-color:#FFF;
    color:#000;
    font-family:Arial, sans-serif;
    font-size:small;
    margin:1.5px 4px 4px;
 }

.CalendarWidget .navbar {
width:100%;
background-color:#C3D9FF;
vertical-align:middle;
border-bottom:1px solid #ACA899;
}

.CalendarWidget .navbar .gwt-Button {
padding-left:5px;
padding-right:5px;
}

.CalendarWidget .table {
font:10pt sans-serif;
text-align:center;
}

.CalendarWidget .weekheader {
background-color:#ACA899;
}

.CalendarWidget .weekheader .days {
width:3em;
}

.CalendarWidget .cell {
cursor:pointer;
}


.app-BorderPanel {
border:1px solid #AAA;
}

.app-loginPanel {
background-color:url(gray_gradient.gif);
}

.app-hPanel {
background-color:#556B2F;
border-top:2px solid #AAA;
border-left:2px solid #AAA;
border-bottom:4px solid #556B2F;
}

.app-AboutText {
width:24em;
font-size:80%;
}

.app-Shortcut-Title {
font-variant:small-caps;
color:#556B2F;
white-space:nowrap;
}
.app-UL {
color:#556B2F;
font-size:85%;
}
.app-s {
color:#556B2F;

}

.app-Shortcut-Title1 {
font-variant:small-caps;
color:#556B2F;
white-space:nowrap;
font-size:120%;
text-align:center;
}

.app-List {
border:1px solid #AAA;
background-color:#FFF;
font-size:80%;
cursor:hand;
}

.app-Table-Cell {
font-size:80%;
cursor:default;
font-variant:small-caps;
}

.app-Table-Cell1 {
font-family:Arial, sans-serif;
font-size:80%;
cursor:default;
font-variant:small-caps;
}

.app-Table-Cell2 {
font-size:80%;
cursor:default;
font-variant:small-caps;
text-align:right;
}

.app-ListHeader {
background-image:url(../img/blue_gradient.gif);
background-repeat:repeat-x;
font-weight:700;
}

.app-nav {
font-weight:700;
}

.app-ListHeader-Title {
font-size:90%;
color:#556B2F;
border-right:1px solid #8FBC8F;
border-bottom:1px solid #8FBC8F;
}

.app-ListHeader-Title2 {
font-size:90%;
color:#556B2F;
border-bottom:1px solid #8FBC8F; 
}

.app-ListHeader-Title10 {
font-size:100%;
color:#556B2F;
font-variant:small-caps;
font-weight:bold;

}

.app-ListHeader-Title3 {
font-size:90%;
color:#556B2F;
}

.app-ListHeader-Title5 {
font-size:96%;
color:#556B2F;
font-weight:bold;
}
.app-button {
font-size:100%;
color:#556B2F;
border-bottom:1px solid #8FBC8F;
}

.app-button_bold {
font-weight:bold;
font-size:100%;
color:#556B2F;
border-bottom:1px solid #8FBC8F;
}
.app-button_LARGE {
font-size:150%;
color:#556B2F;
border-bottom:1px solid #8FBC8F;
}

.app-button1 {
color:#556B2F;
}

.app-ListHeader-Title4 {
font-size:90%;
color:#556B2F;
border-top:1px solid #8FBC8F;
border-left:1px solid #8FBC8F;
border-bottom:1px solid #8FBC8F;
}

.app-ListHeader-Title6 {
font-size:60%;
color:#556B2F;
border-top:1px solid #8FBC8F;
border-left:1px solid #8FBC8F;
border-bottom:1px solid #8FBC8F;
}
.app-ListHeader-Title7 {
font-size:80%;
color:#556B2F;
font:Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
border-top:1px solid #8FBC8F;
border-left:1px solid #8FBC8F;
border-bottom:1px solid #8FBC8F;
}
.app-ListHeader-Title8 {
font-size:86%;
color:#556B2F;
font-weight:bold;
font-style:italic;
font:Verdana, Arial, Helvetica, sans-serif;
text-align:right;
}

.Listheader-Title8 {

font-size:2;
color:#556B2F;
font-weight:bold;
font-style:italic;
font:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
}

.app-ListHeader-Title9 {
font-size:86%;
color:#556B2F;
font-weight:bold;
font-style:italic;
font:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
background-color:#99FF99;
}

.app-SelectedRow {
background-image:url(gray_gradient.gif);
background-repeat:repeat-x;
}

.app-ToolButton {
font-size:80%;
width:10em;
}

.app-Detail {
border:1px solid #AAA;
margin-top:4px;
}

.app-DetailHeader {
background-image:url(blue_gradient.gif);
background-repeat:repeat-x;
border-bottom:1px solid #AAA;
padding:4px;
}

.app-DetailInner {
background-color:#FFF;
font-size:80%;
}

.app-DetailSender {
font-weight:700;
font-size:80%;
}

.app-DetailRecipient {
font-style:italic;
font-size:80%;
}

.app-DetailBody {
padding:4px;
}

.app-ContactPopup {
background-image:url(blue_gradient.gif);
background-repeat:repeat-x;
border:1px solid #AAA;
padding:4px;
}

.app-ContactPopupName {
font-size:80%;
font-weight:700;
}

.app-ContactPopupEmail {
font-size:80%;
font-style:italic;
}

.app-Title {
color:#8FBC8F;

font-size:30px;
font-variant:small-caps;
}

.app-TitleOLD {
color:#8FBC8F;

font-family:Verdana;
font-size:30px;
font-variant:small-caps;
}

.app-Title2 {
color:Green;
font-family:serif;
font-size:20%;
}

.app-Title1 {
color:#CCC;
font-size:85%;
background-color:#556B2F;
}

.app-Title3 {
color:#8FBC8F;
font-family:serif;
font-size:15px;
}

.app-link {
font-size:70%;
}

.app-Error {
font-size:90%;
color:red;
}

.error {
color:red;
}
.errorBox {
border:red solid 1px;
}

form span.errorBox {
color:red;
}



.app-Contacts,.app-Tasks {
font-size:80%;
margin:0.5em;
}
.app-shipment {
font-size:85%;
margin:0.5em;
}

.app-picpac {
font-size:140%;

font-variant:small-caps;
color:#556B2F;
}

.app-WHITE {
color:#fffafa;
background-image:url(blue_gradient.gif);
background-repeat:repeat-x;
}
.title {
font-variant:small-caps;
font-size:25px;
color:#556B2F; 
margin-top:0px;
margin-right:0px;
font-family: Georgia; 
align:center;

}
.titleN {
font-variant:small-caps;
font-size:19.9px;
color:#556B2F; 
font-family: Georgia; 
}

.titleNew {
font-variant:small-caps;
color:#556B2F; 
font-family: Georgia;  
font-size:77%;
}
.titleold {
font-variant:small-caps;
font-size:25px;
color:#556B2F; 
margin-top:0px;
margin-right:0px;
font-family:Arial, sans-serif,Times New Roman; 
align:center;

}
.app-welcome{
font-variant:small-caps;
color:#556B2F;
white-space:nowrap;

}

rightalign {
text-align: right;

}

.app-whiltfont{
color:white;
}
.ap-button {
font-size:100%;
color:#556B2F;
border-bottom:1px solid #8FBC8F;
}


.total { color:#666666; background-color:#F7F7F7}