/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/*******/


BODY {
	MIN-WIDTH: 0px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-ALIGN: left;
	/*background-image: url('images/catLogo_bk.gif');*/
}
H1 {
	COLOR: #000000;
	font-size: 18px;
	font-weight:normal;
	letter-spacing:.1px;
}
H2 {
	COLOR: #000000;
	font-weight:bold;
	font-size: 14px;
}
H3 {
	COLOR: #000000;
	font-weight:bold;
}
H4 {
	COLOR: #000000;
	font-weight:bold;
}
H5 {
	COLOR: #000000;
	font-weight:bold;
}
H6 {
	COLOR: #000000;
	font-weight:bold;
}
li {
	margin-left: 0px;
	margin-bottom: 0px;
}
#loginBody {
	BACKGROUND-POSITION: left top;
	/* BACKGROUND-IMAGE: url(images/bkgd-gradient-top.gif); 
	BACKGROUND-REPEAT: repeat-x; */
	BACKGROUND-COLOR: #999999;
	TEXT-ALIGN: center;
    background-repeat: no-repeat;
    background-position: center center;

}
#mainwrapper {
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 10px; 
	MARGIN: 0px auto; 
	WIDTH: auto; 
	TEXT-ALIGN: left
}
#loginMain
{
	background-color: #666666;	
}
#contentHeader 
{
	text-align:left;
	text-transform:capitalize;
	height:100px;
	font-size:8pt
}
#logout
{
	position: absolute;
	top: 3px;
	left: 660px;
}
#Image1
{
	height:100px;
	width:619px;
}
#LoginView2
{
	padding-bottom: 10px;
	text-align: right;
}
#contentHeader-bottom {
	FONT-SIZE: 14px; 
	WIDTH: 100%; 
	FONT-STYLE: italic
}
#content {
	WIDTH: 100%; 
	
}
#content-left {
	WIDTH: 200px;
	HEIGHT: 550px;
	padding-top: 15px;
}

#content-right {
	PADDING-LEFT: 0px; 
	padding-top: 0px;
	PADDING-BOTTOM: 0px; 
	VERTICAL-ALIGN: top; 
	WIDTH: auto; 
}

#contentFooter {
	background-color: #000000;
	MARGIN-BOTTOM: 0px;
	MARGIN-LEFT: 0px;
	WIDTH: auto;
	TEXT-ALIGN: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	padding-top: 1px;
	padding-bottom: 1px;
    height: 1px;
}
#footerBkgd {
	CLEAR: both; 
	PADDING-RIGHT: 0px; 
	BACKGROUND-POSITION: left bottom; 
	PADDING-LEFT: 0px; 
	MIN-HEIGHT: 80px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px; 
	BACKGROUND-REPEAT: no-repeat; 
	BACKGROUND-COLOR: #999999;
}
UL.footerlinks {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px auto; 
	WIDTH: 800px; 
	PADDING-TOP: 0px; 
	TEXT-ALIGN: center;
	color: #000000;
}
UL.first {
	PADDING-TOP: 20px
}
UL.footerlinks LI {
	PADDING-RIGHT: 6px; 
	DISPLAY: inline; 
	PADDING-LEFT: 4px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	LIST-STYLE-TYPE: none
}
UL.footerlinks UL {
	CLEAR: both
}
UL.footerlinks LI {
	FONT-SIZE: 8pt; 
	COLOR: #000000;
}
UL.footerlinks LI A {
	FONT-SIZE: 8pt; 
	COLOR: #000000;
}
.footerlinks LI A {
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: none;
	color: #000000;
}
.footerlinks LI A:hover {
	TEXT-DECORATION: underline;
	color: #FF0000;
}
LI.divider {
	BORDER-RIGHT: #000000 1px solid
}

.accordionHeader {
	BORDER-RIGHT: #333333 1px solid; 
	PADDING-RIGHT: 5px; 
	BORDER-TOP: #333333 1px solid; 
	MARGIN-TOP: 5px; 
	PADDING-LEFT: 5px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 14px; 
	PADDING-BOTTOM: 5px; 
	BORDER-LEFT: #333333 1px solid; 
	CURSOR: pointer; 
	COLOR: #333333; 
	PADDING-TOP: 5px; 
	BORDER-BOTTOM: #333333 1px solid; 
	FONT-FAMILY: Verdana, Arial, Sans-Serif; 
	BACKGROUND-COLOR: #CCCCCC;
	/*background-image:url(images/tab_gradient.gif);*/
	background-repeat:repeat-x; 
	margin-left: 50px;
	margin-right: 50px;
}

#master_content .accordionHeader A {
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	COLOR: #ffffff; 
	TEXT-DECORATION: none
}
#master_content .accordionHeader A:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	TEXT-DECORATION: underline
}
.accordionHeaderSelected 
{
	BORDER-RIGHT: #333333 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #333333 1px solid;
	MARGIN-TOP: 5px;
	PADDING-LEFT: 5px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: #333333 1px solid;
	BORDER-BOTTOM: #333333 1px solid;
	CURSOR: pointer;
	COLOR: #333333;
	PADDING-TOP: 5px;
	FONT-FAMILY: Verdana, Arial, Sans-Serif;
	BACKGROUND-COLOR: #CCCCCC;
	/*background-image:url(images/tab_gradient.gif);*/
	background-repeat:repeat-x; 
	margin-left: 50px;
	margin-right: 50px;
}
#master_content .accordionHeaderSelected A {
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	COLOR: #ffffff; 
	TEXT-DECORATION: none
}
#master_content .accordionHeaderSelected A:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	TEXT-DECORATION: underline
}
.accordionContent 
{
	BORDER-RIGHT: #333333 1px solid;
	PADDING-RIGHT: 3px;
	BORDER-TOP: #333333 1px;
	PADDING-LEFT: 3px;
	PADDING-BOTTOM: 0px;
	BORDER-LEFT: #333333 1px solid;
	PADDING-TOP: 3px;
	BORDER-BOTTOM: #333333 1px solid;
   background-color: #FFFFFF;
	margin-left: 50px;
	margin-right: 50px;
}
.accordionLink {
	COLOR: #333333;
	TEXT-DECORATION: none
}
.collapsePanel {
	OVERFLOW: hidden; 
	BACKGROUND-COLOR: white
}
.collapsePanelHeader {
   font-weight: bold; 
	background-image: url(images/bg-menu-main.gif); 
	width: 100%; 
	color: #fff; 
   background-repeat: repeat-x; 
	height: 15px
}
#master_content .collapsePanelHeader A {
	COLOR: #fff
}
#master_content .collapsePanelHeader A:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	TEXT-DECORATION: none
}
.modalBackground 
{
   background-color:Gray;  
   filter:alpha(opacity=50); 
   opacity:0.5;    
}
.modalPopup {
	BORDER-RIGHT: gray 3px solid; 
	PADDING-RIGHT: 0px; 
	BORDER-TOP: gray 3px solid; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	BORDER-LEFT: gray 3px solid; 
	PADDING-TOP: 0px; 
	BORDER-BOTTOM: gray 3px solid; 
	BACKGROUND-COLOR: #999999;
}
.sampleStyleA {
	BACKGROUND-COLOR: #fff
}
.sampleStyleB {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt; 
	FONT-FAMILY: monospace; 
	BACKGROUND-COLOR: #fff
}
.sampleStyleC {
	FONT-SIZE: 10pt; 
	FONT-STYLE: italic; 
	FONT-FAMILY: sans-serif; 
	BACKGROUND-COLOR: #ddffdd
}
.sampleStyleD {
	FONT-SIZE: 10pt; 
	COLOR: white; 
	FONT-FAMILY: Arial; 
	BACKGROUND-COLOR: blue
}

.editnewBTN {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;	
	cursor: pointer;
	text-decoration: none;
	background-color: #999999;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	width: 50px;
	height: 20px;
	margin-left: 0px;
	text-align: center;
	}

.editnewBTN:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ff0000;
	cursor: hand;
	text-decoration: none;
	background-color: #999999;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	width: 50px;
	height: 20px;
	margin-left: 0px;	
   }

/* styles the into paragraph*/
#intro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:italic;
	color: #000000;
	line-height: 16px;
   margin-bottom:25px;
	WIDTH: 100%;
	line-height: 16px;
}

.gridMouseOver 
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   cursor: hand;
   font-size: 8pt;
   font-weight: bold;
   text-decoration: underline;
   line-height: 20px;
    background-color: #FFFF00;
}

.gridMouseOutWhite 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
   text-decoration: none;
   line-height: 20px;   
   background-color: white;
}

.gridMouseOutGray {
   text-decoration: none;
   background-color: #DEDEDE
}

.gridRowSelected {
   text-decoration: none;
   background-color: #fdf7d9;
}

.AlternatingRowStyle 
{
   background-color: #DEDEDE;
   font-family: Verdana; 
   font-size: 8pt
}

.gridHeader 
{
    height: 25px;
    text-align: left;
	padding-right: 0px;
	margin-top: 1px; 
	padding-top: 5px;
	padding-left: 5px; 
	font-weight: bold; 
	font-size: 16px;
	color: #333333;
	font-family: Arial, Sans-Serif; 
	background-color: #CCCCCC;
	background-image:url(images/tab_gradient.gif);
	background-repeat:repeat-x;
}

.alignleft {
float: left;
}
.alignright {
float: right;
 }

.loginBTN {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;	
	cursor: pointer;
	text-decoration: none;
	background-color: #999999;
	width: 50px;
	height: 20px;
	margin-left: 0px;
	}

.loginBTN:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	cursor: hand;
	text-decoration: none;
	background-color: #999999;
	width: 50px;
	height: 20px;
	margin-left: 0px;		
}

/* KW ADDED LOGIN CLASS FOR LINKS AT TOP NAV */
.login {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 10px;
	color: #FF0000;
}

.login:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 10px;
	color: #FF0000;
	text-decoration: underline;
}
.login:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 10px;
	color: #FF0000;
	text-decoration: underline;

}
.login:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 10px;
	color: blue;
	text-decoration: underline;
}
.loginName {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 10px;
	color: black;
}

#progressBackgroundFilter {
    position:fixed; 
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    overflow:hidden; 
    padding:0; 
    margin:0; 
    background-color:#809A10; 
    filter:alpha(opacity=50); 
    opacity:0.5; 
    z-index:1000; 
}

#processMessage { 
    position:fixed; 
    top:40%; 
    left:43%;
    padding:10px; 
    width:100px; 
    z-index:1001; 
    background-color:#043F59;
    border:solid 1px #000;
}

.popupHeader 
{
    height: 25px;
    text-align: center;
	 padding-right: 5px; 
	 margin-top: 1px; 
	 padding-top: 5px;
	 padding-left: 5px; 
	 font-weight: bold; 
	 font-size: 16px;
	 color: white; 
	 font-family: Arial, Sans-Serif; 
	 background-color: #043F59; 	
}

.pcmCellCaption {
	white-space: nowrap;
	padding-top: 5px;
}
.pcmCellText {
	padding-left: 0px;
	padding-top: 2px;
}
.pcmCheckBox {
	padding-left: 6px;
	padding-bottom: 10px;
}
.pcmButton {
	padding-top: 10px;
	padding-bottom: 0px;
}
.pcmComboCaption {
	white-space: nowrap;
	padding-left: 0px;
	padding-top: 20px;
	padding-right: 10px;
}
.pcmComboBox 
{
   padding-top: 20px;
	padding-bottom: 10px;
}
.pcmComboSpacer {
	width: 1px;
	height: 1px;
}
.pcmSideSpacer {
	width: 30px;
	height: 1px;
}
.avComboCaption {
	white-space: nowrap;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
}
.avComboBox 
{
   padding-top: 0px;
	padding-bottom: 0px;
}

.panelBottom  {
   background-color: #DEDEDE;
}