@import "calendar-win2k-cold-1.css";
@import "navmenu.css";
@import "ms_ext-010320.css";
@import "groupsummary.css";
@import url(messages.css);
@import url(helptip.css);
@import url(skins.css);
BODY  {font-family: "Verdana";
    font-size: 9pt;
    color: #336699;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height:100%; 
}
TD  {font-family: "Verdana"; font-size: 9pt; color: #000000}
TR  {font-family: "Verdana"; font-size: 9pt; color: #000000}
FONT  {font-family: "Verdana"; font-size: 9pt; color: #000000}
I  {font-family: "Verdana"; font-size: 9pt; color: #000000;font-style: italic}
BIG  {font-family: "Verdana"; font-size: 13pt; color: #000000;font-weight: bold}
TH  {font-family: "Verdana"; font-size: 9pt; color: #000000;font-weight: bold}
A { font-size: 12px; text-decoration: none; color: NAVY;font-weight: bolder}
A:link { font-size: 12px; text-decoration: none; color: NAVY;font-weight: bolder}
A:visited { font-size: 12px;text-decoration: none; color: NAVY;font-weight: bolder}
A:hover { font-size: 12px; text-decoration: none; color: BLUE;font-weight: bolder}
H1 {font-family: "Arial"; font-size: 30pt; color: navy;}
STRONG {font-family: "Verdana"; font-size: 9pt; color: #000000;text-decoration: none; margin-left:0}
H2 {font-family: "Verdana"; font-size: 12pt; color: RED;text-decoration: none; margin-left:0}
H3 {font-family: "Verdana"; font-size: 9pt; color: #000000;text-decoration: none; margin-left:0}
h4 {
    font: 1.1em "Trebuchet MS", "Arial", "Verdana", sans-serif;
    color: #800000;
    padding: 0;
    margin: 0px 0px 1px 0px;
}

h4 a:link {
    font: 1.1em "Trebuchet MS", "Arial", "Verdana", sans-serif;
    color: #fff;
    text-decoration: underline;
}
h4 a:hover {
    color: #FF4000;
    text-decoration: none;
}
h4 a:active {
    color: #FF4000;
    text-decoration: none;
}
h4 a:visited {
    color: #FF4000;
    text-decoration: underline;
}

h5 {
    font: bold 1.1em "Trebuchet MS", "Arial", "Verdana", sans-serif;
    color: #fff;
    margin: 10px 0px;
}

PRE {font-family: "Verdana"; font-size: 9pt; color: #000000}
P {font-family: "Verdana"; font-size: 9pt; color: #000000}
BLOCKQUOTE {font-family: "Verdana, Arial, Helvetica"; font-size:9pt; color: #000000}
.WELCOMETITLE {font-family: "Verdana"; font-size: 9pt; color: white; background: #666666; font-weight: bold}
.WELCOMETITLE:link {font-family: "Verdana"; font-size: 9pt; color: white; background: #666666; font-weight: bold}
.WELCOMETITLE:visited {font-family: "Verdana"; font-size: 9pt; color: white; background: #666666; font-weight: bold}
.TOOLBAR {font-family: "Verdana"; font-size: 9pt; color: #000000;font-weight: normal}
.TOOLBAR:link {font-family: "Verdana"; font-size: 9pt; color: #000000;font-weight: normal}
.TOOLBAR:visited {font-family: "Verdana"; font-size: 9pt; color: #000000;font-weight: normal}
.TITLEBAR {font-family: "Verdana"; font-size: 9pt; color: #FFFFFF; font-weight: bold}
.MESSAGE {font-family: "Verdana"; font-size: 8pt; color: #000000;font-weight: normal}
.MESSAGE:link {font-family: "Verdana"; font-size: 8pt; color: NAVY;font-weight: normal}
.MESSAGE:visited {font-family: "Verdana"; font-size: 8pt; color: BLACK;font-weight: normal}
.MESSAGENEW {font-family: "Verdana"; font-size: 8pt; color: #000000;font-weight: bold}
.MESSAGENEW:link {font-family: "Verdana"; font-size: 8pt; color: NAVY;font-weight: bold}
.MESSAGENEW:visited {font-family: "Verdana"; font-size: 8pt; color: BLACK;font-weight: bold}

.TOPLINK {font-family: "Verdana"; font-size: 8pt;text-decoration: none; color: WHITE;font-weight: normal}
.TOPLINK:link {font-family: "Verdana"; font-size: 8pt;text-decoration: none; color: WHITE;font-weight: normal}
.TOPLINK:visited {font-family: "Verdana"; font-size: 8pt;text-decoration: none; color: WHITE;font-weight: normal}
.TOPLINK:hover {font-family: "Verdana"; font-size: 8pt;text-decoration:none; color: #41FF00;font-weight: normal}

.SLINK {font-family: "Verdana"; font-size: 10px;text-decoration: none; color: Blue;font-weight: bold}
.SLINK:link {font-family: "Verdana"; font-size: 10px;text-decoration: none; color: Blue;font-weight: bold}
.SLINK:visited {font-family: "Verdana"; font-size: 10px;text-decoration: none; color: Blue;font-weight: bold}
.SLINK:hover {font-family: "Verdana"; font-size: 10px;text-decoration:none; color: #9BBEE6;font-weight: bold}

.WHITELINK2 { font-size: 10px;text-decoration: none; color: #09146D;font-weight: normal}
.WHITELINK2:link { font-size: 10px;text-decoration: none; color: #09146D;font-weight: normal}
.WHITELINK2:visited { font-size: 10px;text-decoration: none; color: #09146D;font-weight: normal}
.WHITELINK2:hover {font-size: 10px;text-decoration:none; color: #FF060B;font-weight: normal}

.REDLINK { font-size: 10px;text-decoration: none; color: #FF060B;font-weight: bold}
.REDLINK:link { font-size: 10px;text-decoration: none; color: #FF060B;font-weight: bold}
.REDLINK:visited { font-size: 10px;text-decoration: none; color: #FF060B;font-weight: bold}
.REDLINK:hover { font-size: 10px;text-decoration:none; color: #FF7F00;font-weight: bold}

.BLACKLINK { font-size: 10px;text-decoration: none; color: #7B8181;font-weight: bold}
.BLACKLINK:link { font-size: 10px;text-decoration: none; color: #7B8181;font-weight: bold}
.BLACKLINK:visited { font-size: 10px;text-decoration: none; color: #7B8181;font-weight: bold}
.BLACKLINK:hover { font-size: 10px;text-decoration:none; color: #D4D0C8;font-weight: bold}

.BLINK { font-size: 10px;text-decoration: none; color: #000;font-weight: bold}
.BLINK:link { font-size: 10px;text-decoration: none; color: #000;font-weight: bold}
.BLINK:visited { font-size: 10px;text-decoration: none; color: #000;font-weight: bold}
.BLINK:hover { font-size: 10px;text-decoration:none; color: #FF060B;font-weight: bold}

.GREENLINK { font-size: 8pt;text-decoration: none; color: #008400;font-weight: bolder}
.GREENLINK:link { font-size: 8pt;text-decoration: none; color: #008400;font-weight: bolder}
.GREENLINK:visited { font-size: 8pt;text-decoration: none; color: #008400;font-weight: bolder}
.GREENLINK:hover {font-size: 8pt;text-decoration:none; color: RED;font-weight: bolder}

.YELLOWLINK { font-size: 10px;text-decoration: none; color: #EFB605;font-weight: bolder}
.YELLOWLINK:link { font-size: 10px;text-decoration: none; color: #EFB605;font-weight: bolder}
.YELLOWLINK:visited { font-size: 10px;text-decoration: none; color: #EFB605;font-weight: bolder}
.YELLOWLINK:hover {font-size: 10px;text-decoration:none; color: #D2D429;font-weight: bolder}

.WHITELINK { font-size: 10px;text-decoration: none; color: #FFFFFF;font-weight: bolder}
.WHITELINK:link { font-size: 10px;text-decoration: none; color: #FFFFFF;font-weight: bolder}
.WHITELINK:visited { font-size: 10px;text-decoration: none; color: #FFFFFF;font-weight: bolder}
.WHITELINK:hover {font-size: 10px;text-decoration:none; color: #FF0305;font-weight: bolder}

.GRAYLINK { font-size: 8pt; text-decoration: none; color: GRAY;font-weight: normal}
.GRAYLINK:link { font-size: 8pt; text-decoration: none; color: GRAY;font-weight: normal}
.GRAYLINK:visited { font-size: 8pt; text-decoration: none; color: GRAY;font-weight: normal}
.GRAYLINK:hover {font-size: 8pt; text-decoration:underline; color: NAVY;font-weight: normal}

.BLUELINK { font-size: 10px; text-decoration: none; color: NAVY; font-weight: bold}
.BLUELINK:link { font-size: 10px; text-decoration: none; color: NAVY; font-weight: bold}
.BLUELINK:visited { font-size: 10px; text-decoration: none; color: NAVY; font-weight: bold}
.BLUELINK:hover {font-size: 10px; text-decoration:none; color: RED; font-weight: bold}

.NAVY_MESSAGE {font-family: Verdana, sans-serif; font-size: 11px; color: #003399; font-weight: normal}
.RED_MESSAGE {font-family: Verdana, sans-serif; font-size: 11px; color: #FF0305; font-weight: normal}
.GREEN_MESSAGE {font-family: Verdana, sans-serif; font-size: 11px; color: #06FF49; font-weight: normal}
.WHITE_MESSAGE {font-family: Verdana, sans-serif; font-size: 11px; color: #000080; font-weight: normal}

.T_LABEL {font-family: Verdana, sans-serif; font-size: 20pt; color: navy; font-weight: bolder}
.T_INFO {font-family: Verdana, sans-serif; font-size: 20pt; color: #000; font-weight: bolder}
/***DAN's CSS***/
/* myArea is for my account, logout, an about links*/
.myArea {
    font-size: 11px;
    font-weight: normal;
}
.myAreaBg {
    background-color: #d1dae4;
    color: #9fb4c8;
    font-weight:bold;
    padding-left: 2px;
    padding-right: 10px;
    border-bottom: 1px solid #ffffff;
    background-image : url(../myareabg.html);
    background-repeat: repeat-x;
    background-position: top;
}
a.myAreaLink:link, a.myAreaLink:visited {
    color: #000000;
    text-decoration: none;
}
a.myAreaLink:hover {
    color: #990033;
    text-decoration: underline;
}
div#pwdrecovery {
    background: transparent;
    border: 1px solid silver;
    color: #008000;
    height: 85px;
    margin-top: 0px;
    overflow: auto;
    padding: 0px;
    width: 96%;
}
div#loginTable {
    background-image: url(../png/mcareicon.png);
    background-repeat: no-repeat;
    background-position: center;
    color: inherit;
    margin: 2px 0px;
    padding: 0px;
    width: 570px;
    height: 520px;
}
form#loginForm {
    position: relative;
    top: 250px;
    left: 100px;
    width: 430px;
    display: table;
    /* Again, the ugly brilliant hack. */
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 300px;
}
form#loginForm input, form#loginForm textarea {
    font-weight: bolder;
    font-family: Verdana, sans-serif;
    padding: 1px 3px;
    border: 1px solid #777777;
    background-color: #E3E7EC;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-appearance: none;
}
form#loginForm input.focus, form#loginForm textarea.focus {
    border-color: gray;
    color: #000;
    background-color: #94D2E4;
}
form#ticketForm input, form#ticketForm textarea {
    font: 18px normal, Verdana;
    color: #000;
    font-weight: Normal;
    border: 1px solid #777777;
    background-color: #E3E7EC;
}
form#ticketForm input.focus, form#ticketForm textarea.focus {
    border-color: gray;
    color: #000;
    background-color: #94D2E4;
}
div#radio input {
    border: 0px;
    background-color: transparent;
}

div#radio input.focus {
    border: 0px;
    background-color: transparent;
}

form select {
    padding-left: 0px;
}
div#leftpane {
    background: transparent;
    background-image: url(../jpg/leftlogo.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    position: relative;
    top: 0px;
    left: 0px;
    margin-left: 0px;
    padding-top: 80px;
    width: 102px;
    height: 550px;
    z-index: 5;
}
.bodyBackground {
    background: transparent;
    background-image: url(../gif/top_bg_all.gif);
    background-repeat: repeat-x;
    background-position: 0px 1px;
}
div#portletContent {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 100%;
}
div#portletMain {
    position: relative;
    text-decoration: none;
    background-color: #EEEEEE;
    border-top: 1px solid #FFF;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #FFF;
    FONT-SIZE: 12px;
    padding: 2px;
}

div#extraInfo {
    background: transparent;
    text-decoration: none;
    background: #DDE4EA;
    border-top: 1px solid #FFF;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #FFF;
    FONT-SIZE: 12px;
    padding: 2px;
    width: 260px;
    height: 165px;
    position: absolute;
    top: 50px;
    right: 10px;
    z-index: 5;
}

div#windowBar {
    text-decoration:none;
    background-color:#D4D0C8;
    border-top : 1px solid #FFF;
    border-right : 1px solid #000;
    border-bottom : 1px solid #000;
    border-left : 1px solid #FFF;
    FONT-SIZE:12px;
    FONT-WEIGHT:bold;
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width: 100%;}
div#portletHeader {
    border-bottom : 1px solid #006363;
    FONT-SIZE:14px;
    FONT-WEIGHT:bold;
    color: #800000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    float: left;
    text-align:left;
    width: 100%;
    margin-bottom: 2px;
}
.postit {
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #CCCCCC;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #CCCCCC;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
}

.table1 {
    border-top: medium double #999999;
    border-right: medium none;
    border-bottom: medium double #999999;
    border-left: medium none;
}
.table2 {

    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-top-style: double;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
    border-top-color: #333333;
    border-bottom-color: #FF0033;
    background-color: #EEEEEE


}
.table3 {
    border-top: medium solid #FFFFFF;
    border-right: medium none #FFFFFF;
    border-bottom: medium none #FFFFFF;
    border-left: medium none #FFFFFF;
}
.tabletop {
    background-color: #E9E9E9;
    border: none;
}


table.portfolio {
    margin: 2px 10px 2px 10px;
    width: 100%;
    font-size: 11px;
    font-weight: normal;
}

table.portfolio td {
    border-bottom: 1px solid #CCC;
    color: #006363;
}


.button {
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-top-style: ridge;
    border-right-style: inset;
    border-bottom-style: ridge;
    border-left-style: inset;
    border-top-color: #999999;
    border-right-color: #33CCFF;
    border-bottom-color: #999999;
    border-left-color: #33CCFF;}

.REDLINK2 { font-family: "Verdana"; font-size: 10px;text-decoration: none; color: #15186C;font-weight: Bold}
.REDLINK2:link { font-family: "Verdana"; font-size: 10px;text-decoration: none; color: #15186C;font-weight: Bold}
.REDLINK2:visited { font-family: "Verdana"; font-size: 10px;text-decoration: none; color: #15186C;font-weight: Bold}
.REDLINK2:hover { font-family: "Verdana"; font-size: 10px;text-decoration:none; background: RED; color: #FFFFFF;font-weight: Bold}

.GOLINK { font-family: "Verdana"; font-size: 10px;text-decoration: none; background-color: #80FF41; color: #000000;font-weight: bold}
.GOLINK:link { font-family: "Verdana"; font-size: 10px;text-decoration: none; background-color: #80FF41;  color: #000000;font-weight: bold}
.GOLINK:visited { font-family: "Verdana"; font-size: 10px;text-decoration: none; background-color: #80FF41;  color: #000000;font-weight: bold}
.GOLINK:hover { font-family: "Verdana"; font-size: 10px;text-decoration:none; background-color: BLUE;  color: #FFFFFF;font-weight: bold}

.box   {
    border: 1px solid #999999;
    background: #EEEEEE;
}

.login2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    font-weight: bold;
}
.learn {
    border-top: medium double #999999;
    border-right: medium none;
    border-bottom: medium double #999999;
    border-left: medium none;
    background-color: #94D2E4;



}
.text {
    font-family: verdana;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}

.infocont {
    width : 100%;
    text-align : center;
    padding : 0px;
    background : #EEE;
    border-top : 1px solid #FFF;
    border-right : 1px solid #000;
    border-bottom : 1px solid #000;
    border-left : 1px solid #FFF;
}

.headerTable {
    background: buttonface;
    font: icon;
    width: 100%;
    color: buttontext;
    table-layout: fixed;
    background: threeddarkshadow;
    border-left: 1px solid threedshadow;
    border-right: 1px solid threedlightshadow;
    border-top: 1px solid threedshadow;
}
.headerTable TD {
    background: buttonface;
    padding-left: 5px;
    padding-right: 5px;
    border-top: 1px solid threedhighlight;
    border-left: 1px solid threedhighlight;
    border-right: 1px solid threedshadow;
    border-bottom: 1px solid threedshadow;
}
.headerTable #subjectHeader {
    width: 300px;
}
.headerTable #fromHeader {
    width: 150px;
}
.headerTable #sentHeader {
    width: 120px;
}
.dark {
    background: buttonshadow;
    color: white;
    font: icon;
    text-align: right;
    width: 70px;
    padding: 0;
    padding-right: 3px;
}
.bright {
    background: buttonface;
    color: windowtext;
    font: icon;
    text-align: left;
    padding: 0;
    padding-right: 3px;
    padding-left: 10px;
}

.coolBar {
    background: buttonface;
    border-top: 1px solid buttonhighlight;
    border-left: 1px solid buttonhighlight;
    border-bottom: 1px solid buttonshadow;
    border-right: 1px solid buttonshadow;
    padding: 2px;
    font: menu;
}
.coolButton {
    border: 1px solid buttonface;
    padding: 1px;
    text-align: center;
    cursor: default;
}

.coolButton IMG {
    filter: gray;
}
inputHeader {
    border: 1px solid window;
    font: icon;
    color: buttonshadow;
    cursor: hand;
    width: 100%;
}
.inputBlock {
    border: 1px solid window;
    font: icon;
    color: BLACK;
    cursor: hand;
    width: 100%;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 1px;
}
.inputTextArea{
    border: 1px solid window;
    background: #F8F8F8;
    font: verdana;
    color: #000;
    cursor: hand;
    width: 100%;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 1px;
}
#topToolBar {
    background: #EEEEEE;
    padding-left: 2px;
    width: 100%;
}
#headerTable {
    border: 1px solid black;
    width: 100%;
    background: window;
}

/***DAN's CSS END***/

.td_noborder
{  font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10px;
    font-weight: normal;
    color: #33FF00
}
.td_lefttopborder
{  font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10px;
    font-weight: bolder;
    BORDER-LEFT: #42FF00 1px solid;
    BORDER-TOP: #42FF00 1px solid;
    color: #FFFFFF
}

.td_topborder 
{  font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bolder;
    BORDER-TOP: #42FF00 1px solid;
    color: #FFFFFF
}

.td_leftborder 
{  font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bolder;
    BORDER-LEFT: #42FF00 1px solid;
    color: #FFFFFF}

.td_rightborder 
{  font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bolder;
    BORDER-RIGHT:  blue 1px solid;
    color: #000000}

.td_rightborder2 
{  font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bolder;
    BORDER-RIGHT:  40FF00 1px solid;
    color: #000000
}                 


.td_topborder2 
{  font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bolder;
    BORDER-TOP: #42FF00 1px solid;
    color: #000000
}

.tableborder
{
    border: 1px solid #CCCCCC;
}
.blackborder
{
    border: 1px solid #000000;
}
.td_topbrd 
{  font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bolder;
    BORDER-TOP: #CCC 1px solid;
    color: #000000
}


.field 
{  BORDER-RIGHT: #336699 1px solid;
    BORDER-TOP: #336699 1px solid;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    BORDER-LEFT: #336699 1px solid;
    COLOR: #CCFFFF;
    BORDER-BOTTOM: #336699 1px solid;
    FONT-FAMILY: Verdana;
    FONT-WEIGHT: normal ;
    BACKGROUND-COLOR: #2A2E69
}

.label 
{
    font-family: Verdana, sans-serif;
    font-size: 12px;
    font-weight: bolder;
    color: #000000;
    cursor: hand;
}

.formlabel 
{
    font-family: Verdana, sans-serif;
    font-size: 12px;
    font-weight: bolder;
/*    color: #006363; */
}

.smallnote 
{
    font-family: Verdana, sans-serif;
    font-size: 9px;
    font-weight: normal;
    color: #000000;
}

.BorderedContent
{
    background-color: white;
    border: thin gray solid;
    color: black;
    font-weight: normal;
    padding: 1;
}

.BorderedController
{
    background-color: white;
    border: thin gray solid;
    font: normal;
    color: black;
    padding: 1;
}

.BorderedPortlet
{
    background-color: white;
    border: thin gray solid;
    font: normal;
    color: black;
    padding: 1;
}

.BorderedTitle
{
    background-color: gray;
    border: thin gray solid;
    color: black;
    font-weight: bold;
    padding: 1;
}

.ControllerStyleClass
{
    background-color: white;
    border-style: none;
    color: black;
    font-weight: normal;
    padding: 2;
}

.PortletStyleClass
{
    background-color: white;
    border-style: none;
    color: black;
    font-weight: normal;
    padding: 0;
}

.TabStyleClass
{
    background-color: white;
    border-style: none;
    color: black;
    font-weight: bold;
    padding: 0;
}

.TitleStyleClass
{
    background-color: gray;
    border-style: none;
    color: black;
    font-weight: normal;
    padding: 0;
}

.HighlightTitleStyleClass
{
    background-color: black;
    border-style: none;
    color: white;
    font-weight: bold;
    padding: 0;
}

.TabTitleStyleClass
{
    background-color: white;
    border-style: none;
    color: black;
    font-weight: normal;
    padding: 0;
}

.ContentStyleClass
{
    background-color: white;
    border-style: none;
    color: black;
    font-weight: normal;
    padding: 0;
}

.TitleStyleClass { font-size: 9px;text-decoration: none; color: #41FF00;font-weight: normal}
.TitleStyleClass:link { font-size: 9px;text-decoration: none; color: #41FF00;font-weight: normal}
.TitleStyleClass:visited { font-size: 9px;text-decoration: none; color: #41FF00;font-weight: normal}
.TitleStyleClass:hover { font-size: 9px;text-decoration:none; color: #FFFFFF;font-weight: normal}

.TabContentStyleClass
{
    background-color: white;
    border-style: none;
    color: black;
    font-weight: normal;
    padding: 0;
}

.listCellHead
{
    text-decoration:none;
    background-color:#D4D0C8;
    layer-background-color:#D4D0C8;
    border-style:outset;
    border-width:1px;
    border-left-color:white;
    border-top-color:white;
    border-bottom-color:black;
    border-right-color:black;
    cursor:hand;
    FONT-SIZE:11px;
    FONT-WEIGHT:bold;
    COLOR: black;
    font-family: Verdana, Arial, Helvetica, sans-serif
}

.listCellHeadP
{
    text-decoration:none;
    background-color:#DADADA;
    layer-background-color:#DADADA;
    border-style:outset;
    border-width:1px;
    border-left-color:black;
    border-top-color:black;
    border-bottom-color:white;
    border-right-color:white;
    cursor:hand;
    FONT-SIZE:11px;
    FONT-WEIGHT:bold;
    COLOR: #1A2172;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-image: url(../png/arrow_off.png) !important;
    background-repeat: no-repeat;
    background-position: right;
}

.listCellHeadGreen
{
    text-decoration:none;
    background-color:#4D597C;
    layer-background-color:#4D597C;
    border-style:outset;
    border-width:1px;
    border-left-color:white;
    border-top-color:white;
    border-bottom-color:black;
    border-right-color:black;
    cursor:hand;
    FONT-SIZE:11px;
    FONT-WEIGHT:bold;
    COLOR: CDD5E3;
    font-family: Verdana, Arial, Helvetica, sans-serif
}
.listCellHeadBlue
{
    text-decoration:none;
    background-color:#4D597C;
    layer-background-color:#4D597C;
    border-style:outset;
    border-width:1px;
    border-left-color:white;
    border-top-color:white;
    border-bottom-color:black;
    border-right-color:black;
    cursor:hand;
    FONT-SIZE:11px;
    FONT-WEIGHT:bold;
    COLOR: CDD5E3;
    font-family: Verdana, Arial, Helvetica, sans-serif
}

.listCellHeadNoLink
{
    text-decoration:none;
    background-color:#D4D0C8;
    layer-background-color:#D4D0C8;
    border-style:outset;
    border-width:1px;
    border-left-color:white;
    border-top-color:white;
    border-bottom-color:black;
    border-right-color:black;
    FONT-SIZE:11px;
    FONT-WEIGHT:bold;
    COLOR: black;
    font-family: Verdana, Arial, Helvetica, sans-serif
}

.listRow
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color:#EFF0F0;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
}

.listRow2
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color:#DDE4EA;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
}

.lblueRow
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color:#626E90;
    font-size: 10px;
    font-weight: normal;
    color: #CDD5E3;
}

.lblueRow2
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color:#4D597C;
    font-size: 10px;
    font-weight: normal;
    color: #CDD5E3;
}
.blueRow
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    background-color:#5062D2;
    color: #FFFFFF;
}

.blueRow2
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color:#15186c;
    FONT-SIZE:10px;
    FONT-WEIGHT:normal;
    color: #FFFFFF;
}

.blueHeader
{
    background-color:#CAD2D6;
}

.listCell2
{
    layer-background-color: #FCFE52;
    FONT-SIZE:10px;
    FONT-WEIGHT:bolder;
    color: #000000;
}
.listCell
{
    layer-background-color: #FCFE52;
    FONT-SIZE:10px;
    FONT-WEIGHT:bolder;
}
.listRowGray
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color:#e0e0e0;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
}

.listRowGray2
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color:#FFFFFF;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
}
.statusbar
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color:#4D597C;
    font-size: 12px;
    font-weight: bolder;
    color: #CDD5E3;
}
.cstatus
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color:#D4D0C8;
    font-size: 12px;
    font-weight: bold;
    color: #000;
}
.nstatus
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color:#80FF41;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}
.pstatus
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color:Blue;
    font-size: 12px;
    font-weight: bold;
    color: #EEE;
}
.xstatus
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color:red;
    font-size: 12px;
    font-weight: bold;
    color: #EEE;
}


.UPPERCASE {
    text-transform: uppercase;
}


.WELCOME {
    font-size: 12pt;
    font-color: #000000;
    font-weight: 900;
    font-stretch: wider;
}


.MENUBAR {
    font-family: arial,helvetica;
    background: #F5F5F5;
    color: #000000;
    font-size: 12px;
    font-weight: bolder;

    border-top: 1px solid #B0B0B0;
    border-left: 1px solid #B0B0B0;
    border-right: 1px solid #FAFAFA;
    border-bottom: 1px solid #FAFAFA;
}

.BAR {
    font-family: arial,helvetica;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    background:  #FFFFFF;
    white-space: nowrap;
}
.BAR2 {
    font-family: arial,helvetica;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    background:  #FFFFFF;
    white-space: nowrap;

    border-bottom: 2px solid #000000;
}

.VERBAR {
    font-family: arial,helvetica;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    background:  #788084;
    white-space: nowrap;
}

.INPUTFORM {
    font-family: arial,helvetica;
    color: #000000;
    font-size: 12px;
    font-weight: bolder;
    background:  #EEE;
}

.INPUTFORM2 {
    font-family: arial,helvetica;
    color: #000000;
    font-size: 12px;
    font-weight: bolder;
    background:  #EEEEEE;
}
.INPUTFORMTITLE {
    font-family: arial,helvetica;
    background: #15186c;
    color: #FFFFFF;
    font-size: 13pt;
    font-weight: bold;

    border-top: 1px solid #808080;
    border-left: 1px solid #808080;
    border-right: 1px solid #0A0A0A;
    border-bottom: 1px solid #0A0A0A;
}

.MENUBUTTON {
    font-family: arial,helvetica;
    background: #E0E0E0;
    color: #808080;
    font-size: 10pt;
    font-weight: bold;

    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #A0A0A0;
    border-bottom: 1px solid #A0A0A0;
}

.PANETITLE {
    background: #FAFAFA;
    font-weight: bold;
}

.BUTTON
{

    font-family: arial,helvetica;
    background: #E0E0E0;
    color: NAVY;
    font-size: 10pt;
    font-weight: bolder;
    border-color: #050505;
    border-top: 1pt double #FFFFFF;
    border-left: 1pt double #FFFFFF;
    border-right: 1pt double #A0A0A0;
    border-bottom: 1pt double #A0A0A0;
}
div#tabledevider {
    border-top : 1px solid #006363;
    FONT-SIZE: 6px;
    FONT-WEIGHT: bold;
    color: #800000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    float: left;
    text-align: left;
    width: 100%;
    margin-bottom: 1px;
}

.UserBrowserUserDisabled
{
    background-color: red;
    text-decoration: line-through;
}

.UserBrowserUserConfirmed
{
    background-color: yellow;
    font-style: italic;
}




/******************************************************/
.errHilite
{  BORDER-RIGHT: #336699 1px solid;
    BORDER-TOP: #336699 1px solid;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
    BORDER-LEFT: #336699 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #336699 1px solid;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #FF9999;
}
/**********************************************************/

input, select, textarea 
{
    background-color: #FFFFFF;
    color: #000000;
    font-size: 13px;  
    font-weight: bolder;
    font-family: Verdana, sans-serif;
    padding: 1px 3px;
    border: 1px solid #777777;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
/*    -webkit-appearance: none; */
}

input.focus, textarea.focus {
    border-color: gray;
    background-color: #FFFF99;
}


.hello {
    color: #999999;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
}
.noborder {
    background-color: #EEEEEE;
    border: 0px ;
}
.noborder2 {
    background-color: #FFFFEC;
    border: 1px solid #FFFFEC;
}
.desc {
    font-size: 10px;
    font-weight: normal;
    color: #006699;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
div#ribbon {
    font: 10px Arial,sans-serif, normal;
    color: #999;
    text-align: center;
    position: absolute;
    left:65px;
    top: 310px;
}
form#contactForm {
    width: 400px;
    display: table;
}
form#contactForm input, form#contactForm textarea {
    font: 12px normal, Verdana, sans-serif;
    color: #000;
    border: 1px solid #009;
    background-color: #EEE;
}
div.formItem {
    display: table-row;
    padding-bottom: 10px;
}
.formItemb {
    background-color: #DDE4EA;
    display: table-cell;
    /*	float: left;*/
    width: 34%;
    white-space: nowrap;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-appearance: none;
    font-family: Verdana, sans-serif;
    font-size: 13px;
    font-weight: bolder;
    color: #006363;
    text-align: right;
    vertical-align: top;
}
.formItemc {
    display: table-cell;
    float: left;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    font-weight: bolder;
    color: #000;
    text-align: left;
    vertical-align: top;
}
div.formItem span {
    height: auto;
    display: table-cell;
    float: right;
    width: 64%;
    text-align: left;
    vertical-align: top;
}
div.formFooter {
    width: 100%;
    display: block;
    text-align: center;
}
div.formFooter input {
    color: #C00;
    font-weight: bold;
    margin: 5px;
}	
span#footer {
    color: #AAA;
    font: 11px Verdana, sans-serif;
}
.formlabel2 
{
    font-family: Verdana, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #006363;
}

.olFontClass { }
.olFontClass A { }
.olCapFontClass { 
    font-weight: bold;
    color: #222222;
    background-color: #dfdfdf;
}
.olCapFontClass A { 
    color: #ffffff;
    font-size: 9px;
}
.olFgClass td { 
    background-color: #f1f1f1;
    padding: 2px 5px 5px 5px;
}
.olCgClass td {
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #aaaaaa;
    background-color: #dfdfdf;
    padding-left: 5px;
}
.olCgClass {
    padding: 0px;
    border: 0px;
}
.olBgClass { 
    background-color: #9e9e9e;
}
.olCloseFontClass { 
    text-align: right;
    background-color: #dfdfdf;
}
.grid-row-error {
    background-color: #FF9999;
}
.grid-row-disable {
    text-decoration: line-through;
}
table.summary-msg-table {
    margin-left:auto;
    margin-right:auto;
}
table.summary-msg-table td {
    width: 50%;
    padding: 0.1rem 0.3rem;
    box-sizing: border-box;
    color: #15428b;
    font-size: 10px;
}
table.summary-msg-table tr td:first-child {
    text-align:right;
    font-weight:bold;
}