body {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #000000;
	background-color:#FFFFFF;
	margin: 0px;
	padding: 0px;
	padding-bottom: 20px;
	}

td, th, input, select, textarea {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a:link {
  color: #0240a3;
}

a:visited {
  color: #0240a3;
}

.topbar {
	/* background-color: #6987e1; */
	color: #333333;
}
a.topbar{
    color: #0240a3;
}
a.topbar:visited {
    color:#0240a3;
}
.bottombar {
	color: #FFFFFF;
}
td.iconbar a{
    /*color : white;*/
    font-weight:bold;
}
img {
  border: none;
  /*behavior: url("../css/pngbehavior.htc");*/
}
input {
    /*behavior: url("../css/pngbehavior.htc");*/
}
.bigLink{
    font-size: 14px;
}

.topsplitter{
    /*background-color: #6e89dd; // blue */
    background-color: silver;

}

td.submenu {
    background-color: #666699;
    color: white;
}
td.submenu a{

    color: white;
}

.menuBg {
  background-color: #003366; /*#6291d1; <- main xp color  /*#547cbb; #6e89dd;*/
}

.navOpened,
.navClosed {
  background-color: #ffffff;
}

.navOpened .navTitle .titleText {
  color: #215dc6;
}

.navOpened .navTitleOver .titleText {
  color: #428eff;
}

.navTitle .titleHandle {
  background-color: #215dc6;
}

.navTitleOver .titleHandle {
  background-color: #428eff;
}

.navClosed .navTitle .titleText {
  color: #215dc6;
}

.navClosed .navTitleOver .titleText {
  color: #428eff;
}

div.tree {
  background-color: #CAD5DF;  /*#d6dff7;*/
}

.nodeActive .name {
  background-color: #3878bf;
}

.dashboardLinks td {
    text-align:center;
}

#navLayout .nodeActive .name a,
#navLayout .nodeActive .name a:hover,
#navLayout .nodeActive .name a:visited,
#navLayout .nodeActive .name a:active {
  color: white;
}

#navLayout .name a,
#navLayout .name a:visited,
#navLayout .name a:active {
  color: #215dc6;
}

#navLayout .name a:hover {
  color: #428eff;
}



#contexthelp {
  font-size: 11px;
  color: #555555;
  text-align: left;
  padding-top: 5px;
  margin: 0 15px 0 10px;
  height: 100px;
  border-top: 1px solid #A7B8EB;
}

#userInfo {
  text-align: left;
  padding-top: 2px;
  margin: 0 15px 0 10px;
  color: #555555;
}

#userInfo .name {
  padding: 0;
  margin: 0;
}






#navArea img {
  display: block;
  margin: 0;
}

#navArea {
  padding-top: 12px;
  padding-bottom: 60px;
}

#navArea .node img,
#navArea .nodeActive img {
  display: inline;
  vertical-align: middle;
  margin: 0px;
}

/* opened tab */

.navOpened {
  background-image: url(../images/nav_bg.jpg);
  background-position: right;
  background-repeat: repeat-y;
  margin-bottom: 15px;
}

.navTitle,
.navTitleOver {
  cursor: pointer;
  cursor: hand;
  -moz-user-select: none;
}

.navOpened .navTitle,
.navOpened .navTitleOver {
  height: 22px;
}

.navOpened .navTitle .titleText {
  font-weight: bold;
  vertical-align: middle;
}

.navOpened .navTitleOver .titleText {
  font-weight: bold;
  vertical-align: middle;
}

.navOpened .titleLeft {
  width: 14px;
  vertical-align: top;
}

.navOpened .titleRight {
  width: 3px;
  vertical-align: top;
}
/*
.navOpened .titleHandle {
  background-image: url(../images/navopened.gif);
  background-position: left top;
  background-repeat: no-repeat;
}

.navClosed {
  background-image: url(../images/nav_bg.jpg);
  background-position: right;
  background-repeat: repeat-y;
  margin-bottom: 15px;
}
*/

.navClosed .navTitle,
.navClosed .navTitleOver {
  height: 22px;
}

.navTitle .titleHandle,
.navTitleOver .titleHandle {
  width: 20px;
}

.navClosed .navTitle .titleText,
.navClosed .navTitleOver .titleText {
  font-weight: bold;
  vertical-align: middle;
}

.navClosed .titleLeft {
  width: 14px;
  vertical-align: top;
}

.navClosed .titleRight {
  width: 3px;
  vertical-align: top;
}

.navClosed .titleHandle {
  background-image: url(../images/navclosed.gif);
  background-position: left top;
  background-repeat: no-repeat;
}

div.tree {
  margin-left: 1px;
  margin-right: 1px;
  padding: 2px;
  padding-top: 3px;
  padding-bottom: 10px;
}

.navOpened .tree {
  display: block;
}

.navClosed .tree {
  display: none;
}

.node,
.nodeActive {
  margin-top: 4px;
  padding: 2px 0px;
  vertical-align: middle;
}

.node .name,
.nodeActive .name {
  padding: 2px 3px;
  margin-left: 2px;
}

.nodeImage {
  background-position: right;
  background-repeat: no-repeat;
  padding-left: 11px;
  width: 27px;
}

#navLayout .nodeActive .name a,
#navLayout .nodeActive .name a:hover,
#navLayout .nodeActive .name a:visited,
#navLayout .nodeActive .name a:active {
  text-decoration: none;
}

#navLayout .name a,
#navLayout .name a:hover,
#navLayout .name a:visited,
#navLayout .name a:active {
  text-decoration: underline;
}

div.content {
	/*background: white;*/
	padding: 3px;
	width:99%; /* had to put this in because IE messes up margins in divs */
}





/* ---------- list  --------- */

th.list-header, .form-footer, .form-header, .form-buttons-center {
  background-color: #D1DCEB;
  color:#3A4F6C;
  font-weight:bold;
  padding:5px;
  margin-top:1px;
  text-align:center;
}
.form-buttons-left {
    background-color: #D1DCEB;
    color:#3A4F6C;
    font-weight:bold;
    padding:5px;
    margin-top:1px;
    text-align:left;
}

th a:link, th a:visited, th a:active {
  /*color: #000000;
  text-decoration: none;*/
}

th a:hover {
  text-decoration: underline;
}

.sort {
	background-color: #ABBEEF; 
}

.list-background {

}
.list-column-center {
  text-align: center;
}
.list-column-left {
  text-align: left;
}
.list-column-right {
  text-align: right;
}

.list-row-even {
    background-color:#EEF2F7;
}
.list-row-odd {
    background-color:#FAFDFF;
}
.list-col1, .form-error {
   /* background-color:#EEF2F7; */
      border-bottom:1px solid #D1DCEB;
      border-right:1px solid #D1DCEB ;
      border-top:1px solid #FFF;
      border-left:1px solid #FFF;

    }
    .list-col1-top {

      border-bottom:1px solid #D1DCEB;
      border-right:1px solid #D1DCEB ;
      border-top:1px solid #FFF;
      border-left:1px solid #FFF;
      vertical-align: top;
    }
    .list-col1-number {

      border-bottom:1px solid #D1DCEB;
      border-right:1px solid #D1DCEB ;
      border-top:1px solid #FFF;
      border-left:1px solid #FFF;
      text-align:right;
    }
.list-col2 {
        /* background-color:#F5F9FD; */
      border-bottom:1px solid #D1DCEB;
      border-right:1px solid #D1DCEB;
      border-top:1px solid #FFF;
      border-left:1px solid #FFF;
    }
    .list-col2-top {
      border-bottom:1px solid #D1DCEB;
      border-right:1px solid #D1DCEB;
      border-top:1px solid #FFF;
      border-left:1px solid #FFF;
      vertical-align: top;
    }
    .list-col2-number {

      border-bottom:1px solid #D1DCEB;
      border-right:1px solid #D1DCEB;
      border-top:1px solid #FFF;
      border-left:1px solid #FFF;
      text-align:right;
    }
    .list-col2-right-bold{

      border-bottom:1px solid #D1DCEB;
      border-right:1px solid #D1DCEB;
      border-top:1px solid #FFF;
      border-left:1px solid #FFF;
      text-align:right;
      font-weight:bold;
    }
     .list-col2-right-top{

      border-bottom:1px solid #D1DCEB;
      border-right:1px solid #D1DCEB;
      border-top:1px solid #FFF;
      border-left:1px solid #FFF;
      text-align:right;
      font-weight:bold;
       vertical-align: top;
    }


    .list-col-gray-top {
      background-color:#gray;
      border-bottom:1px solid #D1DCEB;
      border-right:1px solid #D1DCEB;
      border-top:1px solid #FFF;
      border-left:1px solid #FFF;
      vertical-align: top;
    }
    .bold {
    font-weight:bold;
    }
td.align-top {
 vertical-align: top;
 }
.list-footer {
    background-color: #BCD0ED;
    color:#3A4F6C;
    font-weight:bold;
    text-align:right;
}
/* used for pager */
.list-footer2 {
    background-color: #BCD08D;
    color:#3A4F6C;
    align:center;
    
}


.form-label {
    background-color:#EEF2F7;
      border-bottom:1px solid #D1DCEB;
      border-right:1px solid #D1DCEB ;
      border-top:1px solid #FFF;
      border-left:1px solid #FFF;
      width:30%;
}
.form-field { background-color:#F5F9FD;
      border-bottom:1px solid #D1DCEB;
      border-right:1px solid #D1DCEB;
      border-top:1px solid #FFF;
      border-left:1px solid #FFF;
    }

.form-label2 {
    background-color:#FFFF66;
     border-bottom:1px solid #D1DCEB;
      border-right:1px solid #D1DCEB ;
      border-top:1px solid #FFF;
      border-left:1px solid #FFF;
      width:30%;
}
.form-field2{
     background-color:#FFFF99;
     border-bottom:1px solid #D1DCEB;
      border-right:1px solid #D1DCEB ;
      border-top:1px solid #FFF;
      border-left:1px solid #FFF;

}

.form-label3 {
    background-color:#CC9966;
     border-bottom:1px solid #D1DCEB;
      border-right:1px solid #D1DCEB ;
      border-top:1px solid #FFF;
      border-left:1px solid #FFF;
      width:30%;
}
.form-field3{
     background-color:#FFCC99;
     border-bottom:1px solid #D1DCEB;
      border-right:1px solid #D1DCEB ;
      border-top:1px solid #FFF;
      border-left:1px solid #FFF;
}


/* ---------- form  --------- */

.footnote {
   padding-top: 2px;
	padding-left: 12px;
	text-align: left;
	color: #666666;
}

legend {
  color: #0046D5;
}

.formFields td {
  text-align: left;
}

.name, .form-label {
    font-weight: bold;
    color: #555555;
}
.form-field {

}
.nameError, .formError, .form-error {
  font-weight: bold;
  color: red;
}
.form-footer {

}





.error {
  background: #ffd9d9;
}

.error .name {
  color: #cc0000;
  background: transparent;
}

.error .hint {
  color: #333333;
}

.required {
  color: #cc0000;
}

.formFields td.unlimited {
  border-left: none;
}

.formFields td.limit {
  border-right: none;
}

.hint {
  color: #555555;
}

.formButtons {
	padding-top: 5px;
}


/* ---------- misc elements --------- */

.pathbar {
  background: #ffffff;
  color: #444444;
}

.pathbar a:link,
.pathbar a:visited {
  color: #444444;
}


.breadcrumbs {
    border-bottom: 1px dotted silver;
}

h1, .h1 {
  font-size: 20px;
  font-weight:bold;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #000000;
  margin-bottom:0px;
  padding-bottom:0px;
}


.specific {
  font-weight: bold;
}

.reportIndex a:link,
.reportIndex a:visited {
  color: #333333;
}

.reportSection {
  border-top: 1px solid #cccccc;
/*  background: #ffffff; */
}

a.mailalias:link,
a.mailalias:visited {
  color: #555555; 
}

.notdelitems {
	color: #444444;
}

code, .code {
	font-family: Courier, mono;
	font-size: 11px;
	color: blue;
}


hr {
  color: #0000A1;
  background-color: #0000A1;
  height: 1px;
  border: 0;
}



form {
  margin: 0;
  padding: 0;
}

.pathbar {
	padding: 10px 10px 0 11px;
}

.screenBody {
  margin: 0 10px;
}

.uplevel {
  text-align: right;
}


div.screenTitle {
	background: #ffffff;
	border-bottom: 1px solid #cccccc;
	padding: 5px 12px 5px 11px;
}
.screenTitle .name, .screenTitle b {
  font-weight: normal;
  color: #0D1DE0;
}
td.screenTitle {
  padding: 0px 12px 0px 11px;
  vertical-align: middle;
}
.screenTitle img, .screenTitle td, .screenTitle input, .screenTitle select {
  vertical-align: middle;
}



/* ---------- list  --------- */
.number {
  text-align: right;
}


/* ---------- form  --------- */

.formArea {
/*  width: 695px; */
}
.formTable {
    background: #F9F8F8;
    /*border: 1px solid #cccccc;*/
}

.label {
    font-weight : bold;
	color: #555555;
}

.checkbox,
.radiobox {
  width: 13px;
  height: 13px;
  padding: 0;
  margin: 0;
}

#chkProceed {
	margin-left: 3px;
}

legend .checkbox,
legend .checkbox,
.formFields .checkbox,
.formFields .radiobox {
  margin-right: 3px;
}

.suboption {
	margin-left: 18px;
}

.bigSelect {
    font-size:12px;
    font-weight:bold;
    color:blue;
}

/* ---------- for login --------- */

#login {
  width: 450px;
  margin: auto;
  margin-top: 40px;
}

#get_password {
	text-align: left;
	padding-left: 0;
}

#get_password a:link, 
#get_password a:visited {
	color: #444444;
}

#loginForm {
	padding: 10px;
	border-bottom: 1px solid #D1CBD0;
	border-left: 1px solid #D1CBD0;
	border-right: 1px solid #D1CBD0;
	border-top: 1px solid #D1CBD0;
}



/* ------- Portlets / Blocks ----- */
td.blockHeader{
    background-color : blue;
    color : white;
}
td.blockheader a {
    color:white;
}



/* ------ Tables ---------*/
.tableborder {
    border:1px solid #345487;
    width:100%;
}
.maintitle { font-size:12px;
    vertical-align:middle;font-weight:bold;
    color:#FFFFFF;
    padding:8px 0px 8px 5px;
    background-image: url(../images/bg_sectionheader.gif);
}
.maintitle img {
    margin:0px 2px 0px 0px;
    align:middle;
}
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #FFF }
.maintitle a:hover { text-decoration: underline }
.subtitle {
            background-color:#D1DCEB;
            padding:7px;
            margin-top:1px;
            font-size:11px;
            font-weight:bold;
            background-image: url(../images/bg_listsubheader.gif);
}
.alert { background-color: #FF3333; }
.needAttention { background-color: #FFFF33 }
.onTrack { background-color: #33FF33 }
.normal { background-color: #E4EAF2 }
table.needAttention { border:1px solid black; }
table.onTrack { border:1px solid black; }
table.alert { border:1px solid black; }
table.normal { border:1px solid black; }
div.borderOptions {
    background-color: #CCFF00;
}

/* ---------- Reports ---------------*/
.reportHeader1 {
    font-size:14px;
    font-weight:bold;
}
.reportHeader2 {
    font-size:11px;
    font-weight:bold;
}



#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

table.pageOptions {
    background-color: #CAD5DF; /*#5FC63B;*/
}
table.paginator {

}

div.todNight {
    background-color: #393D03;
    color:white;
}
div.todMorning{
    background-color: #ACB50B;
}
div.todDay {
    background-color: #E6F10E;
}
div.todEvening{
    background-color: #717607;
    color:white;
}
.subSectionButton {
    background: #FFFFFF url('../images/subSectionButton.gif') no-repeat;
    height: 25px;
    width: 144px;
}
.subSectionButton-selected {
    text-decoration:none;
    font-weight:bold;
}

.subSectionButton-selected a {
    text-decoration:none;
    font-weight:bold;
}



.msgInfo {
    font-size:13px;
    color:blue;
}
.strongBlue{
    font-weight:bold;
    color:blue;
}