.pageBanner
{
	background-color: #4B8A07;
	color: #FFFFFF;
	font-size: 12pt;
	font-weight: bold;
}

.areaLarge
{
	background-color: #DDDDDD;
	color: #000000;
}

.areaSmall
{
	background-color: #CCCCCC;
	color: #000000;
}

.areaBody
{
	background-color: #FFFFFF;
	color: #000000;
}


.areaHighlight
{
	background-color: #FFEEBB;
	color: #000000;
}

.padLarge
{
	padding: 6px;
	overflow: hidden;
}

.padSmall
{
	padding: 4px;
	overflow: hidden;
}

.fadedOut
{
  opacity: .1;	
  filter: alpha(opacity=10);
}

.measureBoxArea
{
    padding: 6px;
    padding-bottom: 0px;
    border: 1px solid #777777 !important;
    margin: 0px;
    background-color: #FFFFFF !important;
    color: #000000;
}

.measureBox
{
  border: 1px solid #999999 !important;
   background-color: #CCCCCC !important;
}

.bodyBox
{
    border: 1px solid #777777;
    padding: 6px;
    background-color: #FFFFFF;
    color: #000000;
    margin-left: 8px;
    margin-right: 8px;
}

.popup
{
  background-color: #FFEEBB;
  color: #333333;
  margin-top: 0px;
  padding: 0px;
}

.popupContent
{
padding: 6px;
padding-bottom: 3px;
border-left: 1px solid #777777;
border-right: 1px solid #777777;
}


.sidebar
{
  background-color: transparent;
  color: #000000;
  margin-top: 0px;
  padding: 0px;
}

.sidebar a:link, .sidebar a:visited
{
  text-decoration: underline;
}
.sidebar a:hover
{
  text-decoration: underline;
}

.sidebarSubTitle,.sidebarSubTitleFirst
{
padding: 4px;
padding-left: 6px;
padding-right: 6px;
font-weight: bold;
font-size: 9pt;
color: #FFFFFF;
background-color: #3D96BE;
  border-right:  1px solid #333333;
  border-left:  1px solid #333333;
  border-bottom:  1px solid #333333;
  border-top:  1px solid #333333;
  _border-left-width: 0;
_border-right-width: 0;
  background-image: url(/cobrand/CNC/images/gradients/sideSub.png);
  background-repeat: repeat-x;
}

.sidebarSubTitle,.sidebarSubTitleFirst span
{
color: #FFFFFF;
}

.sidebarSubTitleFirst
{
border-top: 0px solid #000 !important;
_border-top: 1px solid #333333 !important; 

}

.sidebarSubTitle a, .sidebarSubTitle a div,.sidebarSubTitleFirst a, .sidebarSubTitleFirst a div
{
  color: #FFFFFF;
  text-decoration: none !important;
}

.sidebarSubTitle div,.sidebarSubTitleFirst div
{
  background-color: transparent;
  position: static;
}

.sidebarSubTitle a:hover, .sidebarSubTitle a:hover div,.sidebarSubTitleFirst a:hover,.sidebarSubTitleFirst a:hover div
{
  color: #FFFFFF;
  text-decoration: underline !important;
}

.sidebarContent
{
  background-color: #CCCCCC !important;
  color: #000000;
padding: 6px;
padding-bottom: 4px;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
_border-left-width: 0;
_border-right-width: 0;
  background-image: url(/cobrand/CNC/images/gradients/sideCnt.png);
  background-repeat: repeat-x;
}

.sidebarContentAlt
{
  background-color: #DDDDDD !important;
  color: #000000;
padding: 6px;
padding-bottom: 4px;
border-left:  1px solid #333333;
border-right:  1px solid #333333;
_border-left-width: 0;
_border-right-width: 0;
}


.sidebarContent div, .sidebarContentAlt div
{
background-color: transparent;
}

.sidebarContentLast
{
    border-bottom: 1px solid #333333;
    padding-bottom: 4px;
}

div.sidebarHeading
{
  font-weight: bold;
  background-color: #0768A9;
  color: #FFFFFF;
  text-align: center;
  border-right:  1px solid #333333;
  border-left:  1px solid #333333;
  border-top:  1px solid #333333;
  border-bottom:  1px solid #333333;
  padding-bottom: 4px;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 4px;
  font-size: 10pt;
  background-image: url(/cobrand/CNC/images/gradients/sideHead.png);
  background-repeat: repeat-x;
}

div.sidebarHeading a
{
  color: #FFFFFF;
  text-decoration: none !important;
}

div.sidebarHeading a:hover
{
  color: #FFFFFF;
  text-decoration: underline !important;
}

div.sidebarHeading div
{
  font-weight: bold;
  background-color: transparent;
  color: #FFFFFF;
  position: static;
}


.errorbar
{
  background-color: transparent;
  color: #000000;
  margin-top: 0px;
  padding: 0px;
}

.errorbar a:link, .errorbar a:visited
{
  text-decoration: underline;
}
.errorbar a:hover
{
  text-decoration: underline;
}

.errorbarSubTitle,.errorbarSubTitleFirst
{
padding: 4px;
padding-left: 6px;
padding-right: 6px;
font-weight: bold;
font-size: 9pt;
color: #FFFFFF;
background-color: #85898A;
  border-right: 1px solid #333333;
  border-left: 1px solid #333333;
  border-bottom:  1px solid #333333;
  border-top:  1px solid #333333;
  _border-left-width: 0;
_border-right-width: 0;
    background-image: url(/cobrand/CNC/images/gradients/errorSub.png);
  background-repeat: repeat-x;
}

.errorbarSubTitle span,.errorbarSubTitleFirst span
{
color: #FFFFFF;
}

.errorbarSubTitleFirst
{
border-top: 0px solid #000 !important;
_border-top: 1px solid #333333 !important;
}

.errorbarSubTitle a, .errorbarSubTitle a div,.errorbarSubTitleFirst a, .errorbarSubTitleFirst a div
{
  color: #FFFFFF;
  text-decoration: none !important;
}

.errorbarSubTitle div,.errorbarSubTitleFirst div
{
  background-color: transparent;
  position: static;
}

.errorbarSubTitle a:hover, .errorbarSubTitle a:hover div,.errorbarSubTitleFirst a:hover,.errorbarSubTitleFirst a:hover div
{
  color: #FFFFFF;
  text-decoration: underline !important;
}

.errorbarContent
{
  background-color: #DDDDDD !important;
  color: #000000;
padding: 6px;
padding-bottom: 4px;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
_border-left-width: 0;
_border-right-width: 0;
  background-image: url(/cobrand/CNC/images/gradients/errorCnt.png);
  background-repeat: repeat-x;
}

.errorbarContentAlt
{
  background-color: #CCCCCC !important;
  color: #000000;
padding: 6px;
padding-bottom: 4px;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
_border-left-width: 0;
_border-right-width: 0;
}


.errorbarContent div, .errorbarContent div
{
background-color: transparent;
}

.errorbarContentLast
{
  border-bottom: 1px solid #333333;
  padding-bottom: 4px;
}

div.errorbarHeading
{
  font-weight: bold;
  background-color: #BB0011;
  text-align: center;
  color: #FFFFFF;
  border-right: 1px solid #333333;
  border-left: 1px solid #333333;
  border-top:  1px solid #333333;
  border-bottom:  1px solid #333333;
 padding-bottom: 4px;
 padding-left: 6px;
 padding-right: 6px;
 padding-top: 4px;
  font-size: 10pt;
    background-image: url(/cobrand/CNC/images/gradients/errorHead.png);
  background-repeat: repeat-x;
}

div.errorbarHeading a
{
  color: #FFFFFF;
  text-decoration: none !important;
}

div.errorbarHeading a:hover
{
  color: #FFFFFF;
  text-decoration: underline !important;
}

div.errorbarHeading div
{
  font-weight: bold;
  color: #FFFFFF;
  background-color: transparent;
  position: static;
}


.headerText
{
 padding: 4px;
 padding-top: 0px;
 color: #000;
 font-size: 12pt;	
}

.footerBar
{
  background-color: #FFFFFF;
  color: #999999;
  padding: 0px;
  margin: 0px;
}

.infobar
{
  background-color: transparent;
  color: #000000;
}

.infobar a:link, .infobar a:visited
{
  text-decoration: underline;
}
.infobar a:hover
{
  text-decoration: underline;
}

.infobarSubTitle,.infobarSubTitleFirst
{
padding: 4px;
padding-left: 6px;
padding-right: 6px;
font-weight: bold;
font-size: 9pt;
color: #FFFFFF;
background-color: #85898A;
  border-right: 1px solid #333333;
  border-left: 1px solid #333333;
  border-bottom:  1px solid #333333;
  border-top:  1px solid #333333;
  _border-left-width: 0;
_border-right-width: 0;
    background-image: url(/cobrand/CNC/images/gradients/infoSub.png);
  background-repeat: repeat-x;
}

.infobarSubTitleFirst
{
border-top: 0px solid #000 !important;
_border-top: 1px solid #333333 !important; 
}

.infobarSubTitle a, .infobarSubTitle a div,.infobarSubTitleFirst a,.infobarSubTitleFirst a div
{
  color: #FFFFFF;
  text-decoration: none !important;
}

.infobarSubTitle div,.infobarSubTitle span
{
  color: #FFFFFF;
  background-color: transparent;
  position: static;
}

.infobarSubTitle a:hover,.infobarSubTitle a:hover div,.infobarSubTitleFirst a:hover,.infobarSubTitleFirst a:hover div
{
  color: #FFFFFF;
  text-decoration: underline !important;
}

.infobarContent
{
  background-color: #CCCCCC !important;
  color: #000000;
padding: 6px;
padding-bottom: 4px;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
_border-left-width: 0;
_border-right-width: 0;
  background-image: url(/cobrand/CNC/images/gradients/infoCnt.png);
  background-repeat: repeat-x;
}

.infobarContentLast
{
  border-bottom: 1px solid #333333;
  padding-bottom: 4px;
}

.infobarContentAlt
{
  background-color: #DDDDDD !important;
  color: #000000;
padding: 6px;
padding-bottom: 4px;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
_border-left-width: 0;
_border-right-width: 0;
}


.infobarContent div, .infobarContentAlt div
{
background-color: transparent;
  position: static;
}

.infobarContentLast
{
  border-bottom: 1px solid #333333;
  padding-bottom: 4px;
}


div.infobarHeading
{
  font-weight: bold;
  background-color: #EE8A00;
  color: #FFFFFF;
  text-align: center;
  border-right: 1px solid #333333;
  border-left: 1px solid #333333;
  border-top:  1px solid #333333;
  border-bottom:  1px solid #333333;
 padding-bottom: 4px;
 padding-left: 6px;
 padding-right: 6px;
 padding-top: 4px;
font-size: 10pt;
    background-image: url(/cobrand/CNC/images/gradients/infoHead.png);
  background-repeat: repeat-x;
}

div.infobarHeading a
{
  color: #FFFFFF;
  text-decoration: none !important;
}

div.infobarHeading a:hover
{
  color: #FFFFFF;
  text-decoration: underline !important;
}

div.infobarHeading div
{
  font-weight: bold;
  background-color: transparent;
  color: #FFFFFF;
  position: static;
}


.infoText
{
 padding: 4px;
 padding-top: 0px;
 color: #000000;
 font-size: 12pt;	
}

.subbar
{
  background-color: transparent;
  color: #000000;
}

.subbar a:link, .subbar a:visited
{
  text-decoration: underline;
}
.subbar a:hover
{
  text-decoration: underline;
}

.subbarSubTitle,.subbarSubTitleFirst
{
padding: 4px;
padding-left: 6px;
padding-right: 6px;
font-weight: bold;
font-size: 9pt;
color: #FFFFFF;
background-color: #85898A;
  border-right: 1px solid #333333;
  border-left: 1px solid #333333;
  border-bottom:  1px solid #333333;
  border-top:  1px solid #333333;
  _border-left-width: 0;
_border-right-width: 0;
    background-image: url(/cobrand/CNC/images/gradients/subSub.png);
  background-repeat: repeat-x;
}

.subbarSubTitleFirst
{
border-top: 0px solid #000 !important;
_border-top: 1px solid #333333 !important;
}

.subbarSubTitle a, .subbarSubTitle a div,.subbarSubTitleFirst a, .subbarSubTitleFirst a div
{
  color: #FFFFFF;
  text-decoration: none !important;
}

.subbarSubTitle div,.subbarSubTitleFirst div
{
  background-color: transparent;
  position: static;
}

.subbarSubTitle a:hover,.subbarSubTitle a:hover div,.subbarSubTitleFirst a:hover,.subbarSubTitleFirst a:hover div
{
  color: #FFFFFF;
  text-decoration: underline !important;
}

.subbarContent
{
  background-color: #DDDDDD !important;
  color: #000000;
padding: 6px;
padding-bottom: 4px;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
_border-left-width: 0;
_border-right-width: 0;
  background-image: url(/cobrand/CNC/images/gradients/subCnt.png);
  background-repeat: repeat-x;
}

.subbarContentAlt
{
  background-color: #CCCCCC !important;
  color: #000000;
padding: 6px;
padding-bottom: 4px;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
_border-left-width: 0;
_border-right-width: 0;
}

.subbarContentLast
{
  border-bottom: 1px solid #333333;
  padding-bottom: 4px;
}

.subbarContent div, .subbarContentAlt div
{
background-color: transparent;
  position: static;
}


div.subbarHeading
{
  font-weight: bold;
  background-color: #65696A;
  color: #FFFFFF;
  text-align: center;
  border-right: 1px solid #333333;
  border-left: 1px solid #333333;
  border-top:  1px solid #333333;
  border-bottom: 1px solid #333333;
 padding-bottom: 4px;
 padding-left: 6px;
 padding-right: 6px;
 padding-top: 4px;
font-size: 10pt;
    background-image: url(/cobrand/CNC/images/gradients/subHead.png);
  background-repeat: repeat-x;
}

div.subbarHeading a
{
  color: #FFFFFF;
  text-decoration: none !important;
}

div.subbarHeading a:hover
{
  color: #FFFFFF;
  text-decoration: underline !important;
}

div.subbarHeading div
{
  font-weight: bold;
  background-color: transparent;
  color: #FFFFFF;
  position: static;
}

.subText
{
 padding: 4px;
 padding-top: 0px;
 color: #000000;
 font-size: 12pt;	
}


.altbar
{
  background-color: transparent;
  color: #111111;
}

.altbar a:link, .altbar a:visited
{
  text-decoration: underline;
}
.altbar a:hover
{
  text-decoration: underline;
}

.altbarSubTitle,.altbarSubTitleFirst
{
padding: 4px;
padding-left: 6px;
padding-right: 6px;
font-weight: bold;
font-size: 9pt;
color: #FFFFFF;
background-color: #85898A;
  border-right: 1px solid #333333;
  border-left: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-top: 1px solid #333333;
  _border-left-width: 0;
_border-right-width: 0;
    background-image: url(/cobrand/CNC/images/gradients/altSub.png);
  background-repeat: repeat-x;
}

.altbarSubTitleFirst
{
border-top: 0px solid #000 !important;
_border-top: 1px solid #333333 !important;
}

.altbarSubTitle a,.altbarSubTitle a div,.altbarSubTitleFirst a,.altbarSubTitleFirst a div
{
  color: #FFFFFF;
  text-decoration: none !important;
}

.altbarSubTitle div,.altbarSubTitleFirst div
{
  background-color: transparent;
  position: static;
}

.altbarSubTitle a:hover,.altbarSubTitle a:hover div,.altbarSubTitleFirst a:hover,.altSubTitleFirst a:hover div
{
  color: #FFFFFF;
  text-decoration: underline !important;
}

.altbarContent
{
  background-color: #EEEEEE !important;
  color: #111111;
padding: 6px;
padding-bottom: 4px;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
_border-left-width: 0;
_border-right-width: 0;
  background-image: url(/cobrand/CNC/images/gradients/altCnt.png);
  background-repeat: repeat-x;
}

.altbarContentLast
{
  border-bottom: 1px solid #333333;
  padding-bottom: 4px;
}

.altbarContentAlt
{
  background-color: #CCCCCC !important;
  color: #222222;
padding: 6px;
padding-bottom: 4px;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
_border-left-width: 0;
_border-right-width: 0;
}


.altbarContent div, .altbarContentAlt div
{
background-color: transparent;
}

div.altbarHeading
{
  font-weight: bold;
  background-color: #4B8A07;
  color: #FFFFFF;
  text-align: center;
  border-right: 1px solid #333333;
  border-left: 1px solid #333333;
  border-top: 1px solid #333333;
  border-bottom: 1px solid #333333;
 padding-bottom: 4px;
 padding-left: 6px;
 padding-right: 6px;
 padding-top: 4px;
font-size: 10pt;
    background-image: url(/cobrand/CNC/images/gradients/altHead.png);
  background-repeat: repeat-x;
}

div.altbarHeading a
{
  color: #FFFFFF;
  text-decoration: none;
}

div.altbarHeading a:hover
{
  color: #FFFFFF;
  text-decoration: underline;
}

div.altbarHeading div
{
  font-weight: bold;
  background-color: transparent;
  color: #FFFFFF;
  position: static;
}

.altText
{
 padding: 4px;
 padding-top: 0px;
 color: #000000;
 font-size: 12pt;	
}






.highbar
{
  background-color: transparent;
  color: #000000;
}

.highbar a:link, .highbar a:visited
{
  text-decoration: underline;
}
.highbar a:hover
{
  text-decoration: underline;
}

.highbarSubTitle,.highbarSubTitleFirst
{
padding: 4px;
padding-left: 6px;
padding-right: 6px;
font-weight: bold;
font-size: 9pt;
color: #000000;
background-color: #FFC344;
  border-right: 1px solid #333333;
  border-left: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-top: 1px solid #333333;
    background-image: url(/cobrand/CNC/images/gradients/highSub.png);
    _border-left-width: 0;
_border-right-width: 0;
  background-repeat: repeat-x;
}

.highbarSubTitleFirst
{
border-top: 0px solid #000 !important;
_border-top: 1px solid #333333 !important; 

}

.highbarSubTitle a,.highbarSubTitle a div,.highbarSubTitleFirst a,.highbarSubTitleFirst a div
{
  color: #000000;
  text-decoration: none !important;
}

.highbarSubTitle div,.highbarSubTitleFirst div
{
  background-color: transparent;
  position: static;
}

.highbarSubTitle a:hover,.highbarSubTitle a:hover div,.highbarSubTitleFirst a:hover,.highSubTitleFirst a:hover div
{
  color: #000000;
  text-decoration: underline !important;
}

.highbarContent
{
  background-color: #FFEEBB !important;
  color: #000000;
padding: 6px;
padding-bottom: 4px;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
_border-left-width: 0;
_border-right-width: 0;
  background-image: url(/cobrand/CNC/images/gradients/highSub.png);
  background-repeat: repeat-x;
}

.highbarContentLast
{
  border-bottom:  1px solid #333333;
  padding-bottom: 4px;
}

.highbarContentAlt
{
  background-color: #CCCCCC !important;
  color: #000000;
padding: 6px;
padding-bottom: 4px;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
_border-left-width: 0;
_border-right-width: 0;
}

.highbarContent div, .highbarContentAlt div
{
background-color: transparent;
}

div.highbarHeading
{
  font-weight: bold;
  background-color: #1D769E;
  color: #FFFFFF;
  text-align: center;
  border-right: 1px solid #333333;
  border-left: 1px solid #333333;
  border-left: 1px solid #333333;
  border-bottom: 1px solid #333333;
 padding-bottom: 4px;
 padding-left: 6px;
 padding-right: 6px;
 padding-top: 4px;
font-size: 10pt;
    background-image: url(/cobrand/CNC/images/gradients/highHead.png);
  background-repeat: repeat-x;
}

div.highbarHeading a
{
  color: #FFFFFF;
  text-decoration: none !important;
}

div.highbarHeading a:hover
{
  color: #FFFFFF;
  text-decoration: underline !important;
}

div.highbarHeading div
{
  font-weight: bold;
  background-color: transparent;
  color: #FFFFFF;
  position: static;
}


.highText
{
 padding: 4px;
 padding-top: 0px;
 color: #000000;
 font-size: 12pt;	
}



span.highlight
{
background-color: #FFC344;
color: #000000;
text-decoration: underline;
font-weight: bold;
}

img.kbImage
{
display: inline;
}

.modalOverlay
{
 position: absolute;
 margin:0; padding: 0;
 top: 0; left: 0;
 background-color: #222;
 z-index: 5000;
}

/* CLUETIP STYLING -- our rollhelp */
/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 16px;
  height: 16px;
  position: absolute;
  background-image: url(/cobrand/DEFAULT/images/loading.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}

/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
    color: #333333;
  background-color: #FFEEBB;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #FFEEBB;
  border: 1px solid #777777;
    background-image: url(/cobrand/CNC/images/gradients/highCnt.png);
  background-repeat: repeat-x;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #FFB300;
  color: #000000;
}
.cluetip-default #cluetip-title a {
  color: #063868;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 3px 3px;
  color: #FFFFFF;
}


/* default arrows -- unused at the moment */

.clue-right-default .cluetip-arrows {
  background-image: url(images/darrowleft.gif);
}
.clue-left-default .cluetip-arrows {
  background-image: url(images/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
  background-image: url(images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-default .cluetip-arrows {
  background-image: url(images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}