/******************************************************************************
 * Base Definitions                                                           *
 ******************************************************************************/
a {
 cursor: pointer;
 cursor: hand;
 color: #336699;
 text-decoration: none;
}

a:hover {
 cursor: pointer;
 cursor: hand;
 color: #808080;
}

a[disabled=disabled] {
 color: #808080;
}

blockquote {
 background: #eeeeee;
 border: dotted 1px #c0c0c0;
 font-style: italic;
 padding: 5px 5px 5px 5px;
}

body {
 font-family: Trebuchet MS, Tahoma, Arial, Helvetica, Sans-Serif;
 font-size: 8pt;
}

h1 {
 font-size: 12pt;
 font-weight: bold;
 color: #666666;
 margin: 0px 0px 0px 0px;
}

h2 {
 font-size: 10pt;
 font-weight: bold;
 color: #666666;
 margin: 0px 0px 0px 0px;
}

hr {
 background: #c0c0c0;
 color: #c0c0c0;
 height: 1px;
}

iframe {
 border: solid 1px #c0c0c0;
 width: 100%;
}

input {
 background: #eeeeee;
 border: solid 1px #c0c0c0;
 font-family: Trebuchet MS, Tahoma, Arial, Helvetica, Sans-Serif;
 font-size: 8pt;
 /*width: 100%;*/
}

select {
 background: #eeeeee;
 border: solid 1px #c0c0c0;
 font-family: Trebuchet MS, Tahoma, Arial, Helvetica, Sans-Serif;
 font-size: 8pt;
}

sup { 
 font-family: arial;
 font-size: xx-small;
}

table {
 font-family: Trebuchet MS, Tahoma, Arial, Helvetica, Sans-Serif;
 font-size: 8pt;
}

textarea {
 background: #eeeeee;
 border: solid 1px #c0c0c0;
 font-family: Trebuchet MS, Tahoma, Arial, Helvetica, Sans-Serif;
 font-size: 8pt;
}



/******************************************************************************
 * Custom Class Definitions                                                   *
 ******************************************************************************/

.TransactionAlternateRow {
 background: #eeeeee;
}

.TransactionAlternateRow td {
 vertical-align: top;
}

.AlternateRow {
 background: #eeeeee;
}

.AlternateRow td {
 vertical-align: top;
}

.AlternateRow td div a, .Row td div a {
 display: block;
 width: 100%;
}

.AlternateAlertRow {
 background: #ee9797;
}

.AlternateAlertRow td {
 vertical-align: top;
}

.AlternateAlertRow td div a, .AlertRow td div a {
 display: block;
 width: 100%;
}

.Error {
 color: #cc0000;
}

.Framed {
 background: #eeeeee;
 border: solid 1px #c0c0c0;
}

.Header {
 background: url(../images/HeaderBackground.jpg);
 background-repeat: repeat-x;
 border: solid 1px #336699;
}

.Header td {
 padding-right: 10px;
}

.Header td a {
 color: #000000;
}

.Header td a:hover {
 color: #666666;
 text-decoration: none;
}

.Header td h2 {
}

.HeaderRow {
}

.HeaderRow th {
 border-bottom: solid 1px #eeeeee;
 font-weight: bold;
 color: #808080;
}

.HeaderRow th a {
 color: #808080;
}

.HeaderRow td {
 border-bottom: solid 1px #eeeeee;
 font-weight: bold;
 color: #808080;
}

.HeaderRow td a {
 color: #808080;
}

.HomeMessage {
 padding: 5px 5px 5px 5px;
 font-weight: bold;
}

.NavigationBar {
 background: url(../images/NavigationBackground.jpg);
 border-left: dotted 1px #c0c0c0;
 border-bottom: solid 1px #c0c0c0;
 border-right: dotted 1px #c0c0c0;
}

.NavigationBar td {
 padding-left: 5px;
 padding-right: 5px;
}

.NavigationBar a {
 color: #336699;
}

.NavigationBar a:hover {
 color: #808080;
 text-decoration: none;
}

.NavigationBar h2 {
}

.TransactionRow {
}

.TransactionRow td {
 vertical-align: top;
}

.Row {
}

.Row td {
 vertical-align: top;
}

.AlertRow {
 background: #ee5555;
}

.AlertRow td {
 vertical-align: top;
}

.Save, .Cancel {
 background: #ffffff;
 border: solid 1px #c0c0c0;
 font-family: Trebuchet MS, Tahoma, Arial, Helvetica, Sans-Serif;
 font-size: 8pt;
 font-weight: bold;
 /*width: 50px;*/
 color: #336699;
 cursor: pointer;
 cursor: hand;
}

.Save:hover, .Cancel:hover {
 background: #c0c0c0;
 border: solid 1px #808080;
 font-family: Trebuchet MS, Tahoma, Arial, Helvetica, Sans-Serif;
 font-size: 8pt;
 font-weight: bold;
 /*width: 50px;*/
 color: #000000;
 cursor: pointer;
 cursor: hand;
}

.SectionTable {
 background: url(../images/SectionTableBackground.jpg);
 background-repeat: repeat-x;
}

.SectionHeader {
 border-left: solid 1px #c0c0c0;
 border-top: solid 1px #c0c0c0;
 border-right: solid 1px #c0c0c0;
 border-bottom: dotted 1px #c0c0c0;
 padding: 2px 2px 2px 2px;
 font-family: Trebuchet MS, Tahoma, Arial, Helvetica, Sans-Serif;
 font-size: 10pt;
 font-weight: bold;
 color: #666666;
}

.SectionHeader td {
 font-family: Trebuchet MS, Tahoma, Arial, Helvetica, Sans-Serif;
 font-size: 10pt;
 font-weight: bold;
 color: #666666;
}

.SectionBody {
 border-left: dotted 1px #c0c0c0;
 border-bottom: dotted 1px #c0c0c0;
 border-right: dotted 1px #c0c0c0;	
 padding: 0px 2px 2px 2px;
}

.SelectRow, .Row:hover, .AlternateRow:hover {
 background: #ffffcc;
 color: #000000;
 cursor: pointer;
}

.LoginInput {
 background: rgb(255, 255, 255) none repeat scroll 0%;
 width: 100%; 
 -moz-background-clip: initial; 
 -moz-background-origin: initial; 
 -moz-background-inline-policy: initial;
}



/******************************************************************************
 *  Status Definitions                                                        * 
 ******************************************************************************/

.OK {
 background: url(../images/StatusUpBackground.jpg);
 background-color: #0b2001;
 background-repeat: repeat-x;
 border: solid 1px #000000;
 color: #ffff00;
 font-size: 9pt;
 font-weight: bold;
 text-align: center;
 vertical-align: middle;
}

.CRITICAL {
 background: url(../images/StatusDownBackground.jpg);
 background-color: #ad2323;
 background-repeat: repeat-x;
 border: solid 1px #000000;
 color: #ffff00;
 font-size: 9pt;
 font-weight: bold;
 text-align: center;
 vertical-align: middle;
}

.WARNING {
 background: url(../images/StatusWarningBackground.jpg);
 background-color: #faffa5;
 background-repeat: repeat-x;
 border: solid 1px #ff6600;	
 color: #000000;
 text-align: center;
 vertical-align: middle;
}

.UNKNOWN {
 background: url(../images/StatusUnknownBackground.jpg);
 background-color: #feffe0;
 background-repeat: repeat-x;
 border: solid 1px #ffcc99;	
 color: #808080;
 font-weight: bold;
 text-align: center;
 vertical-align: middle;
}

.INACTIVE, .UNDEFINED {
 background: url(../images/StatusInactiveBackground.jpg);
 background-color: #efefef;
 background-repeat: repeat-x;
 border: solid 1px #cccccc;
 color: #808080;
 font-weight: bold;
 text-align: center;
 vertical-align: middle;
}

.SUSPENDED {
 background: url(../images/StatusSuspendedBackground.jpg);
 background-color: #dafff7;
 background-repeat: repeat-x;
 border: solid 1px #6699cc;
 color: #808080;
 font-weight: bold;
 text-align: center;
 vertical-align: middle;
}

.ANY {
 background: url(../images/StatusAnyBackground.jpg);
 background-color: #0b2001;
 background-repeat: repeat-x;
 border: solid 1px #000000;
 color: #ffffff;
 font-size: 9pt;
 font-weight: bold;
 text-align: center;
 vertical-align: middle;	
}

.StatusEmpty {
 background: inherit;
 border: solid 1px transparent;
 color: transparent;
}

.dpDiv {
        }


/* the table (within the div) that holds the date picker calendar */
.dpTable {
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: 12px;
        text-align: center;
        color: #505050;
        background-color: #ffffff;
        border: 1px solid #AAAAAA;
        }


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR { 
        }


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
        }


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
        }


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
        }


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD { 
        border: 1px solid #ffffff;
        }


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
        background-color: #CCCCCC;
        border: 1px solid #AAAAAA;
        }

                                                                                                                                /* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
        background-color: #aca998;
        border: 1px solid #888888;
        cursor: pointer;
        color: red;
        }


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
        }


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
        }


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
        }


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
        background-color: #CCCCCC;
        border: 1px solid #AAAAAA;
        color: white;
        }


/* additional style information for the text that indicates the month and year */
.dpTitleText {
        font-size: 12px;
        color: gray;
        font-weight: bold;
        }


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlight {
        color: 4060ff;
        font-weight: bold;
        }


/* the forward/backward buttons at the top */
.dpButton {
        font-family: Trebuchet MS, Tahoma, Arial, Helvetica, Sans-Serif;
        font-size: 10px;
        color: gray;
        background: #eeeeee;
        font-weight: bold;
        padding: 0px;
        border: solid 1px #c0c0c0;
        }


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
        font-family: Trebuchet MS, Tahoma, Arial, Helvetica, Sans-Serif;
        font-size: 10px;
        color: gray;
        background: #eeeeee;
        font-weight: bold;
        padding: 0px;
        border: solid 1px #c0c0c0;
        }

/* end Date Picker styles */

SPAN.nav {  font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 12px;
	 color: #FFFFFF;
	 text-decoration: none;
	 white-space: nowrap}
.nav {  font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 13px;
	 font-weight: normal;
	 color: #FFFFFF;
	 text-decoration: none;
	 white-space: nowrap}
.currentnav {  font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 13px;
         font-weight: bold;
	 color: #FFFF66;
	 text-decoration: none;
	 white-space: nowrap}
.blue {  background-color: #4682B4;
	 background-position: left top;
	 vertical-align: top;
	 text-align: left;
         }
.blueright {  background-color: #4682B4;
	 background-position: left top;
	 vertical-align: top;
	 text-align: right;
         }
.overdue {
	 color: red;
}

div.messagebody {
    padding: 2em; 

}

div.downloadattachment {
 font size: 10px;
 text-align: right;
}

span.title {  font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 20px;
	 font-weight: bold;
	 color: #ffffff}
span.title { font-size: 1.6em;
	     vertical-align: middle;
             color: #ffffff;}
.value {       font-weight: bold; }
.entry {       font-weight: normal; }
.label {       font-weight: normal;
	       text-align: right; }
SPAN.label { font-size: 0.8em; }
.labeltop {       font-weight: normal;
	       text-align: right;
	       vertical-align: top }


.currenttab { margin: 0.2em; background: #336699; color: #ffffff;}

.warningtext { 	font-weight: bold;
		color: #ff0000;
		}

.greentext {    font-weight: bold;
                color: #00ff00;
                }

TD.mainbody {
        padding-top: 0.5em;
        padding-left: 1em;
        padding-right: 1em;
        margin-left: 1em;
        margin-right: 1em;
}

td.boxcontainer + td.boxcontainer {
	margin-left: 1em;
	padding-left: 1em;
	border-collapse: collapse;
}

/* -- forms -- */
.textBox {
 background: #eeeeee;
 border: solid 1px #c0c0c0;
 font-size: 8pt;
 width: 100%;
}

.textBoxFitted {
 background: #eeeeee;
 border: solid 1px #c0c0c0;
 font-size: 8pt;
}

/* -- submenu -- */
.subMenuTable {
 background: #eeeeee;
 background-image: url(../images/PageMenuBG.jpg);
 background-repeat: repeat-x;
 border: solid 1px #c0c0c0;
 color: #666666;
}

.popupMenu {
 background: #eeeeee;
 background-image: url(../images/PageMenuBG.jpg);
 background-repeat: repeat-x;
 border: solid 1px #c0c0c0;
 color: #666666;
 position: absolute; 
 padding-right: 30px;
}

.subMenuLeftCell, .subMenuRightCell {
 padding: 3px 3px 3px 3px;
}

.subMenuTable a {
 color: #000000;
}

.subMenuTable a:hover {
 color: #666666;
}

.subMenuTable select {
 background: #ffffff;
 font-size: 8pt;
}

.subMenuRightCell a {
 background: #666666;
 border: solid 1px #000000;
 padding: 2px 2px 2px 2px;
 color: #FFCC00;
 font-weight: bold;
}

.subMenuRightCell a:hover {
 background: #808080;
 border: solid 1px #000000;
 padding: 2px 2px 2px 2px;
 color: #ffffff;
 font-weight: bold;
}

/* -- grids & tables -- */
.grid {
 /*border: solid 1px #eeeeee;*/
}

.cell {
 padding: 2px 3px 2px 3px;
}

.cell a {
 color: #000000;
}

.cell a:hover {
 color: #336699;
}

.blocklink {
 display: block;
 width: 100%;
 text-decoration: none;
 color: #000000;
}