/*
	General page layout styles
*/
@import url("tables.css");
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background: #4f6375 url(../_images/body-bkg.gif) repeat-x;
	font-size: .8em;
}

.oneColFixCtr #container {
	width: 797px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin: 16px auto 0px auto;
}
.oneColFixCtr #mainContent {
	background: url(../_images/mainContent-bkg.gif) no-repeat;
	padding: 4px 8px 4px 8px;
}
.oneColFixCtr #mainContent #mainContentWrapper {
	background: url(../_images/contentWrapper-bkg.gif) repeat-y;
	width: 781px;
}
.oneColFixCtr #mainContent #mainContentWrapper #mainContentWrapperBody {
	width: 762px;
	background: url(../_images/contentWrapperBody-bkg.gif) no-repeat;
	padding: 21px 0px 0px 19px;
}
.oneColFixCtr #container #mainContent #mainContentWrapper #finishContentWrapperBody {
	background: url(../_images/finishContentWrapperBody-bkg.gif) no-repeat;
	height: 3px;
	width: 100px;
}

.oneColFixCtr #mainContent #banner {
	height: 100px;
	width: 781px;
	background-image: url(../_images/eseBanner.jpg);
	background-repeat: no-repeat;
}

.oneColFixCtr #container #finishContent {
	background: url(../_images/finishContent-bkg.gif) no-repeat;
	height: 5px;
	width: 797px;
}
.menu {
	background: url(../_images/menuTitle-bkg.png) repeat-y;
	padding-top: 2px;
}
.menu h2{
	margin: 0px;
	padding: 0px;
}
.menu .menuTitle {
	font-size: 1.1em;
	color: #FFFFFF;
	background: url(../_images/menuTitle-hilite.gif) no-repeat 2px 2px;
	padding: 0px 0px 2px 18px;
	border-bottom: solid 2px #566374;
}
#leftMenus h2 {
	width: 147px;
}
#leftMenus .menu {
	width: 169px;
}
#leftMenus .menu ul {
	width: 169px;
	margin: 0px;
	padding: 0px;
}
.menuFraming {
	background: url(../_images/menuFraming-bkg.png) repeat-y 165px 0px;
	margin: 0px;
	padding: 0px;
}
.finishMenuFraming {
	background: url(../_images/finishMenuFraming.png) no-repeat;
	height: 8px;
	width: 168px;
}

#leftMenus .menu ul li {
	width: 149px;
	background: url(../_images/menuItem-bkg.png) repeat-y;
	list-style-type: none;
	padding: 0.3em 4px 0.3em 16px;
}

#documents {
	padding: 0px;
}

#leftMenus {
	width: 217px;
	float: left;
}

#mainArea {
	float: left;
	width: 530px;
}

#footer {
	clear: both;
}

#footer p {
	color: #FFFFFF;
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
	color:#FFFFFF;
}

#mainContentExtend {
	background: url(../_images/mainContentExtend-bkg.gif) repeat-y;
}
#mainArea .lg_menu .list {
	margin: 0px;
	width: 300px;
	background: none no-repeat;
	border: none;
	list-style-type: disc;
	padding: 0em 0em 0em 1.5em;
}
#mainArea .lg_menu .list li 
{
	padding: 0em 0em .7em 0em;
}

/*
	styles for formattting the look of the small menus (the left menu area)
*/

.sm_menu 
{
	background: url(../_images/menuEdgeRpt-bkg.gif) repeat-y 165px 0px;
	margin: 0px;
	padding: 0px;
	width: 169px;
	overflow: visible;
}
.sm_menu .sm_menu_wrapper {
	background: url(../_images/menuEdgeGrad-bkg.gif) no-repeat 165px 0px;
	margin: 0px;
	padding: 0px;
	width: 169px;
}
.sm_menu h3 {
	background: #73849B url(../_images/sm-menuTitle-bkg.gif) repeat-y 1px 1px;
	border: solid 1px #73849B;
	width: 165px;
	margin: 0px;
	padding: 0px;
	font-size: 1.1em;
}
.sm_menu ul {
	padding: 0px 0px 1px 18px;
	margin: 0px;
	width: 149px;
	list-style-type: none;
	background: url(../_images/sm-menuTan-bkg.gif) repeat-y;
	border-top: solid 1px #566374;
}
.sm_menu ul li 
{
	margin: .4em 0em .4em 0em;
}
.sm_menu h3 span 
{
	color:#FFFFFF;
	padding-left: 18px;
	background: url(../_images/menuTitle-hilite.gif) no-repeat1px 1px 1px;
	display: block;
}

.sm_menu_bottom{
	width: 169px;
	height: 6px;
	margin: 0px;
	padding: 0px;
	background: url(../_images/sm-menuBottom-bkg.gif) no-repeat;
}
.sm_menu div .sm_menu_textWrapper {
	width: 165px;
	padding-bottom: 1px;
	background: url(../_images/sm-menuTan-bkg.gif) repeat-y;
}

/*
	styles for layout of the large menus (main content)
*/

.lg_menu {
	background: url(../_images/menuEdgeRpt-bkg.gif) repeat-y 510px 0px;
	margin: 0px;
	padding: 0px;
	width: 514px;
}
.lg_menu .lg_menu_wrapper {
	margin: 0px;
	padding: 0px;
	background: url(../_images/menuEdgeGrad-bkg.gif) no-repeat 510px 0px;
}
.lg_menu h3 {
	border: solid 1px #73849b;
	width: 510px;
	margin: 0px;
	padding: 0px;
	background: #73849b url(../_images/lg-menuTitle-bkg.gif) repeat-y 1px 1px;
	font-size: 1.1em;
}
.lg_menu ul {
	margin: 0px;
	width: 494px;
	list-style-type: none;
	background: url(../_images/lg-menuTan-bkg.gif) repeat-y;
	border-top: solid 1px #566374;
	padding: 0px 0px 0px 18px;
}
.lg_menu h3 span {
	color:#FFFFFF;
	padding-left: 18px;
	background: url(../_images/menuTitle-hilite.gif) no-repeat 1px 1px;
	display: block;
}

.lg_menu_bottom{
	width: 514px;
	height: 6px;
	margin: 0px;
	padding: 0px;
	background: url(../_images/lg-menuBottom-bkg.gif) no-repeat;
}

.lg_menu p, .sm_menu p{
	margin: 0px;
	padding-bottom: 6px;
}
.lg_menu div .lg_menu_textWrapper {
	width: 474px;
	padding: 6px 20px 6px 20px;
	background: url(../_images/lg-menuTan-bkg.gif) repeat-y;
}

/*
	styles applied to competency elements
*/

.comp1{
	background-image: url(../_images/comp1.gif);
}
.comp2{
	background-image: url(../_images/comp2.gif);
}
.comp3{
	background-image: url(../_images/comp3.gif);
}
.comp4{
	background-image: url(../_images/comp4.gif);
}
.comp5{
	background-image: url(../_images/comp5.gif);
}
.comp6{
	background-image: url(../_images/comp6.gif);
}
.comp7{
	background-image: url(../_images/comp7.gif);
}
.comp8{
	background-image: url(../_images/comp8.gif);
}
.comp9{
	background-image: url(../_images/comp9.gif);
}
.comp1, .comp2, .comp3, .comp4, .comp5, .comp6, .comp7, .comp8, .comp9 {
	background-repeat: no-repeat;
	padding-left: 38px;
	background-position: 8px 6px;
}

/*
	styles applied to benchmark elements
*/

.bm1{
	background-image: url(../_images/bm1.gif);
}
.bm2{
	background-image: url(../_images/bm2.gif);
}
.bm3{
	background-image: url(../_images/bm3.gif);
}
.bm4{
	background-image: url(../_images/bm4.gif);
}
.bm5{
	background-image: url(../_images/bm5.gif);
}
.bm6{
	background-image: url(../_images/bm6.gif);
}
.bm7{
	background-image: url(../_images/bm7.gif);
}
.bm8{
	background-image: url(../_images/bm8.gif);
}
.bm9{
	background-image: url(../_images/bm9.gif);
}
.bm1, .bm2, .bm3, .bm4, .bm5, .bm6, .bm7, .bm8, .bm9 {
	background-repeat: no-repeat;
	background-position: 8px 8px;
	padding-left: 38px;
}

/* 
	styles applied to indicator elements
*/

.in1{
	background-image: url(../_images/in1.gif);
}
.in2{
	background-image: url(../_images/in2.gif);
}
.in3{
	background-image: url(../_images/in3.gif);
}
.in4{
	background-image: url(../_images/in4.gif);
}
.in5{
	background-image: url(../_images/in5.gif);
}
.in6{
	background-image: url(../_images/in6.gif);
}
.in7{
	background-image: url(../_images/in7.gif);
}
.in8{
	background-image: url(../_images/in8.gif);
}
.in9{
	background-image: url(../_images/in9.gif);
}
.in1, .in2, .in3, .in4, .in5, .in6, .in7, .in8, .in9 {
	background-repeat: no-repeat;
	background-position: 8px 8px;
	padding-left: 38px;
}

/*
	styles for Inventory report layout
*/

.reportLevel {
	border: solid 1px black;
	padding: 10px;
}

.levelText 
{
	display: block;
	padding-left: 60px;
	text-indent: -60px;
}

/*
	styles for general formating both text and element attributes
*/

a:link {
	color: Blue;
}
a:visited {
	color: Blue;
}
#mainArea .lg_menu .list {
	width: auto;
}
.errorText {
	font-weight: bold;
	color: #F00;
}
.dkGrayText {
	color: #566374;
}
.blackLink {
	color:#000000;
	text-decoration:none;
}
a.blackLink:link {
	color:#000000;
}
a.blackLink:visited {
	color:#000000;
}
.infoText {
	font-style: italic;
	color: #566374;
}
.infoText {
	font-style: italic;
	color: #566374;
}
.fauxLinkInst {
	text-align: right; 
	color: Blue;
}
.forReader {
	height: 1px;
	width: 1px;
	overflow: hidden;
	display: block;
}

.minorMargin 
{
	padding-top: 8px;
}
.blocked {
	background: white url(../_images/block-bkg.gif) repeat-y;
	width: 100%;
	padding: 1px 0px 1px 1px;
	border-top: solid 1px white;
	border-left: solid 1px white;
	margin-bottom: 10px;
}
.blockedInternal {
	background-color:#FFFFFF;
	padding: 10px 6px 10px 38px;
}
.references {
	text-indent: -30px;
}
.indent {
	padding: 6px 0px 0px 40px;
}
.cloaked {
	visibility: hidden;
	display: none;
}
.uncloaked {
	visibility: visible;
	display: block;
	
}
.finePrint
{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
}
.leftLogout
{
	padding-left: 40px;
}
.alignRight
{
	text-align: right;
}
.bufferedIMG
{
	margin-top:4px;
	margin-bottom:4px;
}


/*
	The chosen and notselected styles are used for the options on the inventory page...
	They are not named similarly to avoid accidental substring matches when checking which
		option is actually chosen by the user. (the cloaked and uncloak avoids this by checking
		the classnames in a specific order but this cannot be done in this case) and this simplifies
		the programming by completely voiding the substring issue. 
*/
.chosen 
{
	background: #bddcff;
}
.notselected 
{
	background: white;
}
/* 
	special styles for fixing problems with browser compatibility 
*/
.clearfloat { 
	clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
	display: block;
}
.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */