/******************************************************/
/***            gWIZ Master Stylesheet              ***/
/******************************************************/


/***************************/
/***    Common Styles    ***/
/***************************/
 body {
    background-color: #000000;
    layer-background-color: #000000;
    margin: 0;
    padding: 0;
		font-family: arial, verdana, sans-serif;
	  font-size: 1.0em;

} 
 td{
	font-size: 12px;
	font-family: arial, verdana, sans-serif;
	color: #FFFFFF;
}
		

form {
    display: inline
}

li {
		margin-left: -15px
}
/*form elements*/ 

.form {line-height: normal; font-weight: normal; color: #ffffff} 

select { font-family: arial, verdana, sans-serif, sans-serif;} 

textarea { font-family: arial, verdana, sans-serif; } 

option {font-family: arial, verdana, sans-serif; } 

.button {font-family: arial, verdana, sans-serif; } 

/*main fonts*/ 
p {
    margin: 0 0 10px 0;
    padding: 0;
				color:#ffffff
}

div {
    margin: 0;
    padding: 0;
}


a {
    color:#225F9D;
}

dd {
    margin: 4px 10px 5px 10px
}

.pad {
    margin: 0;
    padding: 3px;
}

th {
		font-size: 80%;
    font-weight: bold;
    text-align:left;
}

caption {
    display: none
}

.list {
    padding: 0px 8px 8px 8px;
}

.listitem {
    margin-left: 10px; 
    margin-bottom: 0px;
    padding: 1px;
}

.listhead {
    margin-bottom: 8px;
    margin-top: 5px
}

#table {
    background-color: #ccd1d3;
    margin-top: 5px;
}

#table td{
    background-color: #000000;
    padding: 3px;
}

#table th {
	font-size: 80%;
    font-weight: bold;
    text-align:left;
	padding: 3px;
}
/*************************************************/
/***    New Department layout Styles    ***/
/*************************************************/


.centerColumn{
	padding: 0px 10px 20px 10px;
	color: #000000;
}
div.centerspacer{
 height: 10px;
	width:400px;}
	
.mainTable{
width:750px}

.rightColumn{
	padding: 20px 10px 20px 10px;
	border-left: 1px solid #CCCCCC;
	width:180px;	
}

.leftMenuTable {
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 20px;
	margin-top: 20px;
	width: 149px

}

 table.colorLine,div.colorline { 
    border-bottom: 1px solid #CCCCCC
}

td.nav2 { 
		border-right: 1px solid #CCCCCC;
		padding: 2px 0px 2px 0px;
		text-align: center;
		font-weight: bold
			
}

.colorMain { 
		background-color: #000000;
		}
		
.searchBox{ 
		padding: 0px 20px 0px 3px
		}
.menu3Space {
	  margin: 5px 3px 5px 0px;
	} 	
	
/***************************/
/***    Header Styles    ***/
/***************************/
.headerBack {
    vertical-align: top; 
    background-color: #000000;
		
}

.headerNav { 
		font-size: 11px;
    color: #FFFFFF;
    background-color: #000000;
}

a.headerNav { 
	  font-size: 11px;
    color: #FFFFFF;
    text-decoration: none;
    background-color: #000000;
}

.maintable {
    background-color: #000000;
}

.hdr {
    background-repeat: repeat-y;
}

div.navtop {
    color: #FFFFFF; 
    font-size: x-small; 
    padding: 5px 0px 5px 0px; 
}

a.navtop {
    color: #FFFFFF; 
    font-size: x-small;
}

div.nav1 {
    color: #FFFFFF; 
    font-size: x-small; 
    padding: 0px 5px 10px 0px;
}

a.nav1 {
    color: #FFFFFF; 
    font-size: x-small; 
    font-weight: bold; 
    text-decoration: none 
}

.headSection { 
    font-size: 21px;
    color: #000000;
}

a.headSection { 
    font-size: 21px;
    color: #225F9D;
    text-decoration: none;
}

.bodyText { 
    color: #ffffff;
}

a.bodyText { 
    color: #225F9D;
}

.bodyText_gray { 
    color: #666666;
}

a.bodyText_gray { 
    color: #225F9D;
}


/***************************/
/***    Footer Styles    ***/
/***************************/
.footerText { 
    color: #000000;		
	font-size: 11px;
	padding: 5px 10px 5px 10px
}

a.footerText { 
    color: #999999;
}

.ftr {
    background: #cbcbcb;
    padding-left: 10px;
    padding-bottom: 10px;
} 

.footerNav, a.footerNav { 
    color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
}



/*******************************/
/***    Breadcrumb Styles    ***/
/*******************************/
.breadNav { 
    color: #FFFFFF;
		font-size: 11px;
}

a.breadNav { 
    color: #FFFFFF;
    text-decoration: none;
		font-size: 11px;
}

.bread {
    margin: 3px 10px 10px 10px;
    padding: 0;
    color: #666666; 
}

a.bc {
    font-size: x-small;
}

a.bc:link {
    color: #666666;
    text-decoration: none;
}

a.bc:visited {
    color: #666666;
    text-decoration: none;
}

a.bc:hover {
    color: #1f599a;
    text-decoration: underline;
}



/**********************************************************************/
/***    Grey Horizontal Line at Base of Header and Top of Footer    ***/
/**********************************************************************/
td.line {
    background-repeat: repeat-x;
}



/********************************/
/***    Left Column Styles    ***/
/********************************/
.leftColumnText { 
    color: #000000;
		font-size: 11px;
}

a.leftColumnText { 
    color: #225F9D;
		font-size: 11px;
}

.leftModuleTitle { 
    font-weight: bold;
    color: #225F9D;
				font-size: 11px;
}

a.leftModuleTitle { 
    font-weight: bold;
    color: #225F9D;
    text-decoration: none;
				font-size: 11px;
}

.menuAt { 
    font-weight: bold;
    color: #E66600;
				font-size: 11px;
}

a.menuAt { 
    font-weight: bold;
    color: #E66600;
    text-decoration: none;
				font-size: 11px;
}

.menuOff { 
    font-weight: bold;
    color: #225F9D;
				font-size: 11px;
}

a.menuOff { 
    font-weight: bold;
    color: #225F9D;
    text-decoration: none;
				font-size: 11px;
}

.menu2At { 
    font-weight: bold;
    color: #E66600;
				font-size: 11px;
}

a.menu2At { 
    font-weight: bold;
    color: #E66600;
    text-decoration: none;
				font-size: 11px;
}

.menu2Off { 
    font-weight: bold;
    color: #225F9D;
				font-size: 11px;
}

a.menu2Off { 
    font-weight: bold;
    color: #225F9D;
    text-decoration: none;
				font-size: 11px;
}

.menu3At { 
    color: #E66600;
				font-size: 11px;
}

a.menu3At { 
    color: #E66600;
    text-decoration: none;
				font-size: 11px;

}

.menu3Off { 
    color: #225F9D;
				font-size: 11px;
}

a.menu3Off { 
    color: #225F9D;
    text-decoration: none;
				font-size: 11px;
}

.menu4At { 
    color: #E66600;
				font-size: 11px;
}

a.menu4At { 
    color: #E66600;
    text-decoration: none;
				font-size: 11px;
}

.menu4Off { 
    color: #225F9D;
				font-size: 11px;
}

a.menu4Off { 
    color: #225F9D;
    text-decoration: none;
				font-size: 11px;
}

td.left {
    background-repeat: repeat-y;
    vertical-align: top;
}

.leftnav {
    background-repeat: repeat-y;
    margin: 35px 0 0 0;
    padding: 0 5px 5px 0;
}

/* p.leftnav3 and p.leftnav4 might need to be tossed - trying for line height*/
p.leftnav3 {
    background-color: #000000;
    border: 0.1px solid #ffffff;
    margin: 0 0 5px 0;
    padding-top: 0;
    padding-right: 0;
    padding-left: 10px;
    color: #ff9900;
    text-decoration: none; 
}

p.leftnav4 {
    background-color: #000000;
    border: 0.1px solid #ffffff;
    margin: 0 0 3px 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 20px;
    color: #215e9d;
    text-decoration: none; 
}

a.nav2 {
    color: #215e9d;
    font-size: small;
    font-weight: bold;
    padding-left: 5px;
    padding-bottom: 3px;
    display: block;
}

a.nav3 {
    color: #215e9d;
    font-size: x-small;
    font-weight: bold;
    padding-left: 10px;
    padding-bottom: 3px;
    display: block;
}

a.nav3:link {
    color: #215e9d;
    text-decoration: none;
}

a.nav3:visited {
    color: #215e9d;
    text-decoration: none;
}

a.nav3:hover {
    color: #cccccc;
    text-decoration: none;
}

a.nav4 {
    color: #215e9d;
    font-size: x-small;
    padding-left: 17px; 
    display: block;
}

a.nav4:link {
    color: #215e9d;
    text-decoration: none;
}

a.nav4:visited {
    color: #215e9d;
    text-decoration: none;
}

a.nav4:hover {
    color: #cccccc;
    text-decoration: none;
}

a.nav5 {
    font-size: x-small;
    padding-left: 23px; 
    display: block;
}



/**********************************/
/***    Center Column Styles    ***/
/**********************************/
.alertText { 
    font-weight: bold;
    color: #000000;
}

a.alertText { 
    font-weight: bold;
    color: #225F9D;
}
.alertText2 { 
  
    color: #E66600;
}

.tableOddRow {
		background-color: #f2f5fb
}

.tablesubhdr {
    margin: 0;
    padding: 3px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.pad {
    margin: 0;
    padding: 3px;
}

.slide {
    color:#666666;
}

a.slides{
    color: #666666;
    text-decoration: none;
} 

td.slidepad1 {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 5px;
}

td.slidepad2 {
    padding-top: 0;
    padding-right: 8px;
    padding-bottom: 0;
    padding-left: 0;
    text-align: right;
}

.alert {
    font-weight: bold;
    color: #CC0033
}

.top {
    text-align: left; 
}

.stats{
    font-size: 10px
}

.memo {
    font-size: x-small;
    font-face: Courier New, Courier, mono;
}

p.indent1 {
    margin-left: 18px;
}

div.body {
    margin-top: 0px;
    margin-right: 8px;
    margin-bottom: 8px;
    margin-left: 0px;
}

.header1 { 
    font-size: 21px;
    color: #E66600;
}

a.header1 { 
    font-size: 21px;
    color: #E66600;
    text-decoration: none;
}

 

.header2 { 
    font-size: 110%;
    font-weight: bold;
    color: #000000;
}

a.header2 { 
    font-size: 110%;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

.header3 { 
    font-weight: bold;
    color: #000000;
}

a.header3 { 
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

.header4 { 
    font-style: italic;
    color: #000000;
}

a.header4 { 
    font-style: italic;
    color: #000000;
    text-decoration: none;
}

.ihead1 { 
    font-size: 14px;
    font-weight: bold;
    color: #225F9D;
}

a.ihead1 { 
    font-size: 14px;
    font-weight: bold;
    color: #225F9D;
    text-decoration: none;
}

.ihead2 { 
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}

a.ihead2 { 
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

.featurehead { 
    font-size: 18px;
    font-weight: bold;
    color: #225F9D;
}

a.featurehead { 
    font-size: 18px;
    font-weight: bold;
    color: #225F9D;
    text-decoration: none;
}

.graphimage { 
    text-align:center;
    padding: 10px;
}



/*********************************/
/***    Right Column Styles    ***/
/*********************************/
td.right {
    background-repeat: repeat-y;
    vertical-align: top;
}

div.right {
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 0;
    margin-left: 7px;
}

.rhead1 {
    margin-top: 5px;
    margin-bottom: 0;
    color: #ff9900;
    font-size: small;
    font-weight: bold;
}

.dateText { 
    font-size: 10px;
    color: #999999;
}

.rightStockText { 
    font-size: 10px;
    color: #000000;
}

a.rightStockText { 
    font-size: 10px;
    color: #225F9D;
}

.rightColumnTitle { 
    font-size: 14px;
    font-weight: bold;
    color: #E66600;
}

a.rightColumnTitle { 
    font-size: 14px;
    font-weight: bold;
    color: #E66600;
    text-decoration: none;
}

.rightColumnText { 
    color: #000000;
		  font-size: 11px;
		  font-weight: normal
}

a.rightColumnText { 
    color: #225F9D;
		font-size: 11px;
}

.rightColumnRevTitle { 
    font-size: 13px;
    font-weight: bold;
    color: #FFFFFF;
}

a.rightColumnRevTitle { 
    font-size: 13px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
}

.line { margin: 10px 0px 10px 0px}
.rightBox { border-color: #FF9900;}

/*********************/
/***    Spacers    ***/
/*********************/
.spacer9 { 
    font-family: arial, verdana, sans-serif;
    font-size: 9px;
}

.spacer6 { 
    font-family: arial, verdana, sans-serif;
    font-size: 6px;
}

.spacer3 { 
    font-family: arial, verdana, sans-serif;
    font-size: 3px;
}

.spacer1 { 
    font-family: arial, verdana, sans-serif;
    font-size: 1px;
}

.spacer {
    line-height: 8px;
}

/********************/
/***    Colors    ***/
/********************/
.colorHighlight { 
    color: #FF9900;
}

.colorLine { 
    color: #CCCCCC;
    background-color: #CCCCCC;
}

.colorMenu { 
    color: #377FBB;
    background-color: #377FBB;
}

.colorBread { 
    color: #225F9D;
    background-color: #225F9D;
}

.colorImageBar { 
    color: #FF9900;
    background-color: #FF9900;
}

.colorLeft { 
    color: #F5F5F5;
    background-color: #F5F5F5;
			 border-right: 1px solid #CCCCCC 
}

.colorLeftModuleTitle { 
    color: #CCE6FA;
    background-color: #CCE6FA;
}

.colorLeftModuleContent { 
    background-color:#EBF4FA;
    color:#EBF4FA;
}

.colorLeftLine { 
    color: #668299;
    background-color: #668299;
}

.colorRight { 
    color: #FFF0D2;
    background-color: #FFF0D2;
}

.colorRightContent { 
    color: #FFFFFF;
    background-color: #FFFFFF;
}

.colorBody { 
    color: #000000;
    background-color: #000000;
}

.colorColLine { 
    color: #CCCCCC;
    background-color: #CCCCCC;
}
.colorColLinePad { 
    color: #CCCCCC;
    background-color: #CCCCCC;
		padding: 0px 10px 0px 10px;
}

.colorMenuLine { 
    color: #CCCCCC;
    background-color: #CCCCCC;
}

.colorMenuAt { 
    color: #FFFFFF;
    background-color: #000000;
	padding: 5px 8px 3px 10px;
	border-top: 1px solid #CCCCCC;
}

.colorMenuOff { 
    color: #F0F0F0;
    background-color: #F0F0F0;
	padding: 5px 8px 3px 10px;
	border-top: 1px solid #CCCCCC

}

.colorRightBox { 
    color: #FF9900;
    background-color: #FF9900;
}

.colorFooter { 
    color: #999999;
    background-color: #999999;
	padding: 5px 10px 5px 10px
}



/**********************************************************/
/***    Vignette Specific Styles for the DHTML Menus    ***/
/**********************************************************/

/******************************************/
/***    Horizontal DHTML Menu Styles    ***/
/******************************************/
.epi-horzMenu0  {
    position: relative;
}

.epi-horzMenu,
.epi-horzMenu-border-baseLevel,
.epi-horzMenu-border-subLevel,
.epi-horzMenu-baseLevel,
.epi-horzMenu-baseLevel-over,
.epi-horzMenu-baseLevel-select,
.epi-horzMenu-baseLevel-select-over,
.epi-horzMenu-subLevel,
.epi-horzMenu-subLevel-over,
.epi-horzMenu-subLevel-select,
.epi-horzMenu-subLevel-select-over,
.epi-menu-img,
.epi-CMEvent    {
    position: absolute;
}

/* turns menus off until all are prepared by the javascript; javascript then turns them on */
.epi-horzMenu,
.epi-horzMenu-border-baseLevel,
.epi-horzMenu-border-subLevel,
.epi-CMEvent    {
    visibility:hidden;
}

.epi-CMEvent    {
    z-index:300;
    width:100%;
    height:100%;
    clip:rect(0,100%,100%,0);
    left:0;
    top:0;
}

/* sets padding for top-level menu items */
.epi-horzMenu,
.epi-horzMenu-baseLevel,
.epi-horzMenu-baseLevel-over,
.epi-horzMenu-baseLevel-select,
.epi-horzMenu-baseLevel-select-over {
    padding-left:45px;
    padding-right:45px;
    padding-top:2px;
    padding-bottom:2px;
}

/* sets padding for popup menu items */
.epi-horzMenu-subLevel,
.epi-horzMenu-subLevel-over,
.epi-horzMenu-subLevel-select,
.epi-horzMenu-subLevel-select-over  {
    padding-left:10px;
    padding-right:12px;
    padding-top:4px;
    padding-bottom:4px;
}

/* sets font and cursor attributes for top-level menu items */
.epi-horzMenu-border-baseLevel,
.epi-horzMenu-baseLevel,
.epi-horzMenu-baseLevel-over,
.epi-horzMenu-baseLevel-select,
.epi-horzMenu-baseLevel-select-over {
    overflow:hidden;
    cursor:pointer;
    cursor:hand;
    font-size:11px;
    font-family: arial,verdana,sans-serif;
    font-weight:bold;
}

/* sets font and cursor attributes for popup menu items */
.epi-horzMenu-border-subLevel,
.epi-horzMenu-subLevel,
.epi-horzMenu-subLevel-over,
.epi-horzMenu-subLevel-select,
.epi-horzMenu-subLevel-select-over  {
    overflow:hidden;
    cursor:pointer;
    cursor:hand;
    font-size:9px;
    font-family:Arial;
}

/* sets color of separator between popup menu items */
.epi-horzMenu-subLevel,
.epi-horzMenu-subLevel-over,
.epi-horzMenu-subLevel-select,
.epi-horzMenu-subLevel-select-over  {
    vertical-align:bottom;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#FFFFFF;
}

/* turns off border for top-level menu items; if this line is missing, the rollover hilite doesn't fill the whole menu item */
.epi-horzMenu-border-baseLevel {
    border-width:0px;
}

/* sets border color for popup menus */
.epi-horzMenu-border-subLevel   {
    border-color:#FFFFFF;
    border-style:solid;
    border-width:1px;
}

/* sets text and background colors for menu and unselected menu items */
.epi-horzMenu0,
.epi-horzMenu,
.epi-horzMenu-baseLevel,
.epi-horzMenu-subLevel  {
    color:#FFFFFF;
    layer-background-color:#377FBB;
    background-color:#377FBB;
}

/* sets text and background colors for moused-over menu items */
.epi-horzMenu-baseLevel-select-over,
.epi-horzMenu-subLevel-select-over,
.epi-horzMenu-baseLevel-over,
.epi-horzMenu-subLevel-over  {
    color:#D0DCE9;
    layer-background-color:#2766A5;
    background-color:#2766A5;
}


/* sets text and background colors for selected menu items */
.epi-horzMenu-baseLevel-select,
.epi-horzMenu-subLevel-select   {
    color:#D0DCE9;
    layer-background-color:#2766A5;
    background-color:#2766A5;
}


/* sets the left and right border colors for the selected menu item */
.epi-horzMenu-baseLevel,
.epi-horzMenu-baseLevel-over,  
.epi-horzMenu-baseLevel-select,
.epi-horzMenu-baseLevel-select-over  {
    border-right-style:solid;
    border-right-width:1px;
    border-right-color:#CCCCCC;
}

/* sets the font treatments for static version of Horizontal Navigation */

td.epi-horzMenu-baseLevel-td {
    cursor:pointer;
    cursor:hand;
    background-color:#377FBB;
    }
td.epi-horzMenu-baseLevel-select-td{
    cursor:pointer;
    cursor:hand;
    background-color:#2766A5;
}
    
a.epi-horzMenu-baseLevel-static:link,
a.epi-horzMenu-baseLevel-static:visited,
a.epi-horzMenu-baseLevel-static:hover,
a.epi-horzMenu-baseLevel-static:active{
    cursor:pointer;
    cursor:hand;
    font-size:11px;
    font-family: arial,verdana,sans-serif;
    font-weight:bold;
    color:#FFFFFF;
    text-decoration:none;
}

a.epi-horzMenu-baseLevel-static:hover,
a.epi-horzMenu-baseLevel-static:active{
    color:#D0DCE9;
    text-decoration:none;
}
