html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    font: 9pt Tahoma, sans-serif;
    background-color: #F2F8FF;
    color: black;
}

table.nice {
    width: 100%;
    border: 1px solid #C1C6CA;
    background-color: white;
    color: #545456;
    border-collapse: collapse;
}

table.nice .header th {
    padding: 2px;
    vertical-align: bottom;
    text-align: left;
    background: #DAE7F2 left top repeat-x url(../images/tbl_header_bg.gif);
    color: #315F87;
    font-weight: normal;
}

table.nice td {
    border-bottom: 1px dotted #B8B9B9;
}

table.nice .header a {
    display: block;
    padding-top: 2px;
    line-height: 24px;
    color: #315F87;
    text-decoration: none;
}

table.nice .header .current a {
    background: left top no-repeat url(../images/arr.gif);
}

table.nice .header a:hover {
    text-decoration: underline;
}

table.nice .footer td {
    background: #BAD2E6 left top no-repeat url(../images/tbl_footer_bg.gif);
    border-top: 1px solid #A9C3D8;
    border-bottom: none;
    line-height: 26px;
    padding: 0 20px 0 40px;
    color: #315F87;
}

table.nice .footer .itemsCount {
}

table.nice .footer .controls {
    float: right;
    padding-top: 3px;
    margin: 0;
}

table.nice .footer .controls label {
    line-height: 26px;
}

table.nice .footer .controls select {
    font-size: 8pt;
}

table.nice .footer .controls .button {
    color: #315F87;
    font: bold 9pt Verdana, sans-serif;
    border: 1px solid #89A6BE;
    background: #FEFEFE left bottom repeat-x url(../images/btn_bg.gif);
}

form.nice {
    margin: 0;
    padding-bottom: 1px;
    font: 8pt Tahoma, sans-serif;
    color: #535050;
    background-color: white;
}

form.nice h2 {
    margin: 0 0 0px 0;
    padding: 0 17px;
    border: 1px solid #A9C3D8;
    border-style: solid none;
    background: #BAD2E6 left bottom no-repeat url(../images/form_h2_bg.gif);
    color: #185081;
    font: bold 8pt/25px Verdana, sans-serif;
}

form.nice label {
    padding-left: 16px;
    display: block;
    width: 50ex;
    float: left;
    margin-bottom: 15px;
    line-height: 20px;
}

form.nice .text, form.nice select {
    display: block;
    width: 50ex;
    float: left;
    line-height: 16px; 
    margin: 2px 0;
}

form.nice select {
    display: block;
    width: auto;
    float: left;
    line-height: 16px; 
    margin: 2px 0;
}

form.nice .text2 {
    display: block;
    width: 40ex;
    float: left;
    line-height: 16px; 
    margin: 2px 0;
}

form.nice .checkbox {
    display: block;
    margin: 0 1ex 0 3ex;
    float: left;
}

form.nice .checkboxLabel {
    display: block;
    float: left;
    line-height: 20px;
}

form.nice br {
    clear: left;
}

form.nice .calPopup {
    float: left;
    padding-left: 7px;
    margin: 2px 0;
}

form.nice .calPopup img {
    border: none;
    display: block;
}

form.nice .button {
    border: 1px solid #C6C7C8;
    background: #F1F1F1 left bottom repeat-x url(../images/nice_form_btn_bg.gif);
    color: #414141;
    font-size: 10pt;
    line-height: 14pt;
    width: 14ex;
    margin-left: 5px;
}

form.nice .smallbutton {
    border: 1px solid #C6C7C8;
    background: #F1F1F1 left bottom repeat-x url(../images/nice_form_btn_bg.gif);
    color: #414141;
    font-size: 10pt;
    line-height: 14pt;
    width: 6ex;
    margin-left: 5px;
}

form.nice .buttons {
    margin: 0 20px 20px 20px;
    text-align: right;
}

form.nice .buttons .button {
    margin-left: 20px;
}

form.nice .container {
    width: 120ex;
    margin: 15px; 
}

form.nice .numb {
    color: #185081;
    font-weight: bold;
}

form.nice .message {
    font-size: 8pt;
    /* text-align: left; */
    margin: 0px 2px 0px 285px;
}

form.nice .actions {
    font-size: 9pt;
    text-align: center;
    margin: 0 20px 20px 20px;
}

form.nice .actions a {
    color: #535050;
    text-decoration: none;
    padding: 0 5px;
}

form.nice .actions a:hover {
    text-decoration: underline;
}

.tasks {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

.tasks .header th {
    border-bottom: 1px dotted #B8B9B9;
}

.tasks .header a {
    color: #535050;
    text-decoration: none;
    display: block;
}

.tasks .header .current a {
    background: right center no-repeat url(../images/arr2.gif);
}

.tasks .header img {
    border: none;
    display: block;
}

.messages {
    border-collapse: collapse;
    width: 100%;
    border-top: 1px solid white;
    border-bottom: 2px solid #185081;
    margin-bottom: 10px;
    background-color: white;
}

.messages .header th {
    padding: 0;
    background: #EBEAED left bottom repeat-x url(../images/msg_tbl_th_bg.gif);
    height: 23px;
}

.messages .header a {
    height: 19px;
    line-height: 19px;
    display: block;
    text-align: left;
    color: #535050;
    text-decoration: none;
    padding-left: 3px;
    background: repeat-y url(../images/msg_tbl_th_div.gif);
}

.messages .header a:hover {
    text-decoration: underline;
}

.messages .header img {
    border: none;
    display: block;
    padding-top: 3px;
    margin: 0 auto;
}

.messages .group td {
    font-weight: bold;
    color: #00557B;
}

.messages .expander img {
    border: none;
    display: block;
    margin: 0 auto;
}

.messages td {
    line-height: 23px;
    border-bottom: 1px dotted #B8B9B9;
    font-size: 9pt;
}

.messageCount {
    text-align: right;
    margin: 10px 0;
    color: #00557B;
}