/* ================= beaTools ======================= */

/* This is the doc group's copy of main.css. Following are the customizations we've made */

/*Changed the background color to white*/

/*Changed the link colors from #000000 to blue-ish*/

/**/

/**/



BODY{

	color: #000000;

	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;

	font-size:9pt;

	margin:0px;

	background-repeat: no-repeat;

      background-color: #FFFFFF;

      height:100%;

}



A:LINK{

	color: #0066ff;

	text-decoration:none;

	FONT-FAMILY:Tahoma, Verdana, Arial, Helvetica, sans-serif;

}



A:VISITED{

	color: #996600;

	text-decoration:none;

	FONT-FAMILY:Tahoma, Verdana, Arial, Helvetica, sans-serif;

}



TD{

    font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;

	font-size:9pt;

}



UL LI { list-style-type: square; color: #455C79; }

OL LI { color: #455C79; } 



/* === Portal Styles === */



/* Use for the background color of the portal header */

.headerBgColor { background-color: #EOEOEO; }



/* Tab background color */

.titlebar{ background-color: #455C79; }



/* Used when tabs are being displayed as text vs GIFs */

.tabselected{

	font-family: Tahoma,Helvetica,Verdana,Arial,sans-serif;

	font-size: 9pt;

	font-weight: bold;

	color: #000000;

	text-decoration: none;

	vertical-align: middle;

}



.tabunselected{

	font-family: Tahoma,Helvetica,Verdana,Arial,sans-serif;

	font-size: 9pt;

	font-weight: bold;

	color: #4B4A4A;

	text-decoration: none;

	vertical-align: middle;

}



.configselected{

	font-family: Tahoma,Helvetica,Verdana,Arial,sans-serif;

	font-size: 7pt;

	color: #000000;

	text-decoration: none;

	vertical-align: middle;

}



.configunselected{

	font-family: Tahoma,Helvetica,Verdana,Arial,sans-serif;

	font-size: 7pt;

	color: #4B4A4A;

	text-decoration: none;

	vertical-align: middle;

}



.homebackground { background-color: #FFFFFF; }

.contentbgcolor { background-color: #FFFFFF; }



/* === Portlet Styles ==== light color for border #79A8D8*/



.portletcontainer {

    border : 1px solid #455C79;

	background-color: #FFFFFF;

	font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;

}

.portletcontainerBlended {

	background-color: #FFFFFF;

	font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;

}

.portlettitlebar{

	background-color: #455C79;

	color: #BBEAFF;

	font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;

	font-size:10pt;

}

/* exact duplicate of .portlettitlebar until we convert completely to .portlettitlebar */

.portletheading{

	background-color: #455C79;

	color: #BBEAFF;

	font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;

	font-size:10pt;

}



.portletbanner{

	color: #072336;

	FONT-SIZE:12pt;

	font-weight: bold;

}

.portletheader{

	color: #072336;

	font-weight: bold;

	background-color: lightsteelblue;

}

.portletcontent {

	font-size:9pt;

}

.portletfooter{

	font-size:7pt;

	background-color: silver;

}



/* ================= Content ======================= */



/* style used for content/page heading */

.pageheader{

  FONT-FAMILY:Arial,Helvetica,Tahoma,Verdana,sans-serif;

  COLOR:#000000;

  LINE-HEIGHT: 18pt;

  FONT-SIZE:14pt;

  FONT-WEIGHT:bold;

}



/* use for any instructional text */

.instructions{

  FONT-FAMILY:Arial,Helvetica,Tahoma,Verdana,sans-serif;

  COLOR:#000000;

  FONT-SIZE:9pt;

}



.contentheading{

	color: #072336;

	FONT-SIZE:12pt;

	font-weight: bold;

}

.contentsubheading{

	color: #072336;

	font-weight: bold;

}

.minortext{

	font-size:8pt;

}

.headerlink{

	FONT-SIZE:12pt;

	font-weight: bold;

}



/* use for any error message text */

.errorMessage{

  FONT-FAMILY:Arial,Helvetica,Tahoma,Verdana,sans-serif;

  COLOR:red;

}



/* use for any success message text */

.successMessage{

  FONT-FAMILY:Arial,Helvetica,Tahoma,Verdana,sans-serif;

  COLOR:green;

}



/* Use for lists where we want the row colors to be the same each row. */

.row {

  BACKGROUND-COLOR: white;

}

/* Use for multi-coloumn lists where we want the row colors to be different each row. */

.row1 {

  BACKGROUND-COLOR: white;

}

/* Use for multi-coloumn lists where we want the row colors to be different each row. */

.row2 {

  BACKGROUND-COLOR: lightgrey;

}



/* Use for adding space at end of line items list. */

.spacerRow {

  BACKGROUND-COLOR: white;

  HEIGHT: 10px;

}



/* Use for adding space at end of line items list. */

.emptyRow {

  HEIGHT: 15px;

}



form {  margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}



/* Use for all labels that are associated with some sort of input field. */

.fieldlabel{

  align: right;

}



.priorityLow {

  color:blue;

  FONT-WEIGHT:bold;

}

.priorityMedium {

  color:goldenrod;

  FONT-WEIGHT:bold;

}

.priorityHigh {

  color:red;

  FONT-WEIGHT:bold;

}

.listHighlight {

  BACKGROUND-COLOR: lightsteelblue;

}

.reportHeader {

	font-size:8pt;

	BACKGROUND-COLOR: lightsteelblue;

}

.reportSection {

  BACKGROUND-COLOR: silver;

}





/* Class used for the portlet tab indicating the current page */

/* Can probably get rid of these */

.portlet-tab-nav-on

  {

  background-color: #ffffff;

  text-align: center;

  padding: 0px 10px 1px;

  border-width: 1px 0;

  border-style: solid none;

  border-color: #000000 #000000 #ffffff;

  white-space: nowrap;

  }



/* Class used for all other tabs */

.portlet-tab-nav-off

  {

  background-color: #cccccc;

  white-space: nowrap;

  border-width: 1px 0;

  border-style: solid none solid;

  border-color: #000000;

  padding: 0px 10px 1px;

  text-align: center;

  }



/* Class for all links on the tab strip. */

.portlet-tab-nav-on a, .portlet-tab-nav-off a

  {

  font-family: Verdana, Arial, Helvetica, sans-serif;

  color: #333333;

  font-weight: bold;

  }



.accentcolor

  {

  background-color: #000000;

  }



/* ********************************************** */

/* Styles added after WLP4/7 for the admin tools. */

/* ********************************************** */



.minorTabSelected { vertical-align: middle; background-color: #F1F1F1; border-color: #577495 #577495 #F1F1F1; border-style: solid; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; }

.minorTabUnSelected { vertical-align: middle; background-color: #CCCCCC; border-color: #577495 #577495 #577495; border-style: solid; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; }

.minorTabTextSel {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 13px; font-weight: bold; text-decoration: none; color: #000000; }

.minorTabTextUnsel { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 13px; font-weight: normal; text-decoration: none; color: #666666; }

.minorTabDivAnchor { position: relative; width: 13px; height: 14px; } 

.minorTabEdgeSel { position: absolute; top: 0; left: 0; width: 13px; height: 14px; z-index: 3; }

.minorTabEdgeUnselLeft { position: absolute; top: 0; left: 0; width: 13px; height: 14px; z-index: 1; }

.minorTabEdgeUnselRight { position: absolute; top: 0; left: 0; width: 13px; height: 14px; z-index: 2; }

.minorTabOuterDiv { background-image: url(../images/minortab_bar_bkgd.gif); background-repeat: repeat-x; position: relative; height: 21px; width: 100%; }

.minorTabOuterDivOff { background-image: url(../images/minortab_bar_bkgd_off.gif); background-repeat: repeat-x; position: relative; height: 21px; width: 100%; }



.mainDivLeft { position: absolute; left: 0px; top: 0px; }

.mainDivRight { position: absolute; left: 260px; top: 0px; }

.helpDivLeft { position: absolute; left: -260px; top: 0px; width: 275px; height: 100%}

.helpDivRight { position: absolute; left: 0px; top: 0px; width: 275px; height: 100%}



.headerBold {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 13px; font-weight: bold; text-decoration: none; color: #577495; }

.headerTopBar {  background-color: #E42230; height: 13px; }

.headerHelpText { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 13px; font-weight: bold; text-decoration: none; color: #FFFFFF; }



.buttonText{ font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 10px; color: #000000; text-decoration: none; }

.resizeVert { position: absolute; left: -5px; top: 0px; width: 4px; height: 100%; visibility: visible; z-index: 40; cursor: e-resize; background-image: url(../../../../images/clear.gif); background-repeat: repeat-y; }



.boxTitleTopBorderOff {  border-color: #808080 #808080 #808080; border-style: solid; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; background-color: #CCCCCC; }

.boxTitleLeftBorderOffNoNav {  border-color: #808080 #808080 #808080; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 1px; background-color: #CCCCCC; }

.boxTitleLeftBorderOffNav {  border-color: #808080 #808080 #808080; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 1px; background-color: #CCCCCC; }

.boxTitleRightBorderOffNoNav {  border-color: #808080 #808080 #808080; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0px; background-color: #CCCCCC; }

.boxTitleRightBorderOffNav {  border-color: #808080 #808080 #808080; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 0px; background-color: #CCCCCC; }

.boxTitleMiddleOffNoNav {  background-color: #CCCCCC; padding-top: 0px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; border: #808080; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}

.boxTitleMiddleOffAboveNav {  background-color: #CCCCCC; padding-top: 0px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; border: #808080; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}

.boxTitleMiddleOffNav {  background-color: #CCCCCC; padding-top: 0px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; border: #808080; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}

.boxBodyBottomBorderOff {  border-color: #808080 #808080 #808080; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; background-color: #FFFFFF; }

.boxBodyLeftBorderOff {  border-color: #808080 #808080 #808080; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 1px; background-color: #FFFFFF; }

.boxBodyRightBorderOff {  border-color: #808080 #808080 #808080; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 0px; background-color: #FFFFFF; }

.boxBodyMiddleOff {  background-color: #FFFFFF; padding-top: 3px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }

.boxBodyMiddleOffNav {  background-color: #FFFFFF; border-color: #808080 #808080 #808080; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px; }



.boxTitleTopBorderOn {  border-color: #577495 #577495 #577495; border-style: solid; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; background-color: #9FB8D4; }

.boxTitleLeftBorderOnNoNav {  border-color: #577495 #577495 #577495; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 1px; background-color: #9FB8D4; }

.boxTitleLeftBorderOnNav {  border-color: #577495 #577495 #577495; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 1px; background-color: #9FB8D4; }

.boxTitleRightBorderOnNoNav {  border-color: #577495 #577495 #577495; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0px; background-color: #9FB8D4; }

.boxTitleRightBorderOnNav {  border-color: #577495 #577495 #577495; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 0px; background-color: #9FB8D4; }

.boxTitleMiddleOnNoNav {  background-color: #9FB8D4; padding-top: 0px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; border: #577495; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}

.boxTitleMiddleOnAboveNav {  background-color: #9FB8D4; padding-top: 0px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; border: #577495; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}

.boxTitleMiddleOnNav {  background-color: #9FB8D4; padding-top: 0px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; border: #577495; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}

.boxBodyBottomBorderOn {  border-color: #577495 #577495 #577495; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; background-color: #FFFFFF; }

.boxBodyLeftBorderOn {  border-color: #577495 #577495 #577495; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 1px; background-color: #FFFFFF; }

.boxBodyRightBorderOn {  border-color: #577495 #577495 #577495; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 0px; background-color: #FFFFFF; }

.boxBodyMiddleOn {  background-color: #FFFFFF; border-color: #577495 #577495 #577495; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px; }

.boxBodyMiddleLeftOn {  background-color: #FFFFFF; border-color: #577495 #577495 #577495; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 1px; }

.boxBodyMiddleRightOn {  background-color: #FFFFFF; border-color: #577495 #577495 #577495; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 0px; }



.padded { background-color: #FFFFFF; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; }



.separatorTable { border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; }



.text_bold_18px { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px; color: #000000; }

.text_bold_16px { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; color: #000000; }

.text_bold_14px { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #000000; }

.text_bold_12px { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #000000; }

.text_bold_10px { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; color: #000000; }

.text_bold_9px { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 9px; color: #000000; }

.text_bold_8px { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 8px; color: #000000; }

.text_normal_18px { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 18px; color: #000000; }

.text_normal_16px { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 16px; color: #000000; }

.text_normal_14px { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; color: #000000; }

.text_normal_12px { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; color: #000000; }

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

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

.text_normal_8px { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 8px; color: #000000; }



/* *********************** */

/* Support for Popup menus */

/* *********************** */



.tree_link_underline

  {

	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #000000;

  }



.tree_link

  {

	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #000000;

	text-decoration: none;

  }



.read_only

 {

	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: red;

	text-decoration: none;

 }



.tree_link:hover 

{

    background: #E0E0E0;

}   



#tree img 

  {

	border: 0px;

  }



.popup 

   {

      position: absolute;

      z-index: 3;

	background: #E0E0E0;

   }



.popup_td 

   {  

        border: #808080; 

        border-style: solid; 

        border-top-width: 1px; 

        border-right-width: 1px; 

        border-bottom-width: 0px; 

        border-left-width: 1px;

   }



#popup 

   {

        position: absolute;

        left: 0;

        top: 0;

        z-index: 2;

        visibility: hidden;

	background: #E0E0E0;

   }



.popup_link

   {

       font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;

       font-size: 8pt;

       text-decoration: none;

       color: #000000;

   }

   

.popup_link:hover

   {

	color: #FFFFFF;

   }

   

.popup_td_bottom 

   {  

	border: #808080; 

	border-style: solid; 

	border-top-width: 1px; 

	border-right-width: 1px; 

	border-bottom-width: 1px; 

	border-left-width: 1px;

   }



.popup_td_left

   {  

        border: #808080; 

        border-style: solid; 

        border-top-width: 1px; 

        border-right-width: 0px; 

        border-bottom-width: 1px; 

        border-left-width: 1px;

   }



.popup_td_all

   {  

        border: #808080; 

        border-style: solid; 

        border-top-width: 1px; 

        border-right-width: 1px; 

        border-bottom-width: 1px; 

        border-left-width: 1px;

   }



.selectedNode

   {

        background-color: #C0DBF7;

        font-weight: bold;

   }

