/*  
File:        	/css/default/style_generic.css
Application: 	Rainbow Distribution

Written by:   John W. Moore
Created On:   2004-02-01

Notes: 			****WARNNING THIS IS NOT THE COMPLETE AND FINAL STYLE SHEET****

VSS Notes:
$$Author: $ 
$$Revision: $
Last Modified $$Modtime: $
Last Checkin $$Date: $

Updates
Date       | Who | Notes
-----------+-----+--------------------------------------------------------------
*/

/*----------------------------------------------------------------------------*/
/* General over all page styles                                               */
/*----------------------------------------------------------------------------*/
BODY { /* Cw/NSG */
  color :          #000000;
  font-family:    Verdana, sans-serif;
  font-size:       11px; 
  font-weight:     normal;
  text-decoration: none;
}

table#contentarea {
width: 700px;
}

#absfooter {
width:700px;
}

/* Menu CSS to convert UL/LI to 2 layer menu: */
.menu
{
    list-style: none;
    margin:0px;
    padding:0px;
	display: none;
}
.menu ul
{
    list-style: none;
    padding:0px;
    margin:0px; 
    width:100%;
    left:100%;
}
.menu li
{
   padding-left:22px !important;
   float:left;
   text-align:center;
}
.menu  li.first
{
   border:none;
}
.menu li ul
{ 
	z-index:10;
	display: none; 
	position:relative;
	top:0px;
	left:0px;
}
.menu li ul li
{ 
	background:none;
	border:none;

}
.menu li ul li a
{ 
	color:#033f37;
	width:200px;
}
.menu  li ul li.first
{
	border:none;
}
.menu li:hover ul ul { display: none; }
.menu li:hover ul,.menu ul li:hover ul { display: block; }
.menu li a
{
	font-family:    Verdana, sans-serif;
	font-size:12px;
	color:#033f37;
	font-weight: bold;
	text-decoration:none;
}
.menu li a.Selected
{
    color:#839b9a !important;
}
.menu li a:hover
{
    color:#839b9a;
}
/* End of menu css stuff*/


/* Menu CSS to convert UL/LI to 2 layer menu: */
.menufooter
{
    list-style: none;
    margin:0px;
    padding:0px;
padding-left:10px;
}
.menufooter ul
{
    list-style: none;
    padding:0px;
    margin:0px; 
    width:100%;
    left:100%;
}
.menufooter li
{
   padding:5px;
   float:left;
   text-align:center;
}
.menufooter  li.first
{
	border:none;
}
.menufooter li ul
{ 
	z-index:10;
	display: none; 
	position:relative;
	top:0px;
	left:0px;
}
.menufooter li ul li
{ 
	background:none;
	border:none;

}
.menufooter li ul li a
{ 
	color:#666666;
	width:200px;
}
.menufooter  li ul li.first
{
	border:none;
}
.menufooter li:hover ul ul { display: none; }
.menufooter li:hover ul,.menufooter ul li:hover ul { display: block; }
.menufooter li a
{
	font-family:    Verdana, sans-serif;
	font-size:10px;
	color:#666666;
	font-weight: normal;
	text-decoration:none;
}
.menufooter li a:hover
{
	color:           #999999;
	text-decoration: underline;
}
/* End of menu css stuff*/

TD {
  font-family:     Arial, Helvetica, sans-serif;
  font-size:       8pt; 
  font-weight:     normal;
}

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

A:hover {
  color:           #999999;
	text-decoration: underline;
}

B, STRONG {
  font-weight:     bold; 
}

I, EM {
  font-style:      italic; 
}

P {
  font-family:     Verdana, Arial, Helvetica, sans-serif;
  font-size:       11px; 
  font-weight:     normal;
}

td.tblHeader
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight : normal;
	color : #ffffff;
  background-color: #6699CC;
	border-top-color: #9A9A9A;
	border-right-color: #9A9A9A;
	border-bottom-style: none;
	border-left-style: none;  
; text-align: center; vertical-align: middle; border: none; border-color: #333333 solid
}

/*----------------------------------------------------------------------------*/
/* Custom links */
a.tblHeaderLink
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight : normal;
	color : #ffffff;
}

a.tblHeaderLink:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight : normal;
	color : #ffffff;
  text-decoration: underline;
}

/*----------------------------------------------------------------------------*/
/* Custom text */
.errorText {
  font-family:     Arial, Helvetica, sans-serif;
  color:           #ff0000;
  font-size:       11px;
  font-weight:     normal;
  text-decoration: none;
}
td.footer { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight : normal; color : #666666; border-top-color: #9A9A9A; border-right-color: #9A9A9A; border-bottom-style: none; border-left-style: none; ; border: none; border-color: #333333 solid }
td.FooterLink { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight : normal; color : #666666; }
td.FooterLinkHoover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight : normal; color : #666666; text-decoration: underline; }
td.optionbox { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight : normal; color : #666666; border-top-color: #9A9A9A; border-right-color: #9A9A9A; border-bottom-style: none; border-left-style: none; ; border: none; border-color: #333333 solid }
.header { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 10pt; font-weight: bold; text-decoration: none; }
.listtext { font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; font-size: 11px; font-weight: normal; text-decoration: none; }
.greentext { font-family: Verdana, Arial, Helvetica, sans-serif; color: #829F9E; font-size: 10px; font-weight: normal; text-decoration: none; }
.greentextbold { font-family: Verdana, Arial, Helvetica, sans-serif; color: #829F9E; font-size: 11px; font-weight: bold; text-decoration: none; }
.tableheader { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; font-weight: bold; text-decoration: none; }
.blacktext { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 10px; font-weight: normal; text-decoration: none; }
.listtextlarge { font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; font-size: 8pt; font-weight: normal; }



@media screen and (max-width: 700px) { 
	body {
	background-image: none;
	min-width:100%;
	}

	table#contentarea {
	width: 100%;
	}

	.menu {
	float: none!important;
	}

	header nav {
	height: 100%!important;
	background: url("images/nav/cont_back.png") repeat!important;
	width: 100%;
	min-height: 280px;
	}

	.menu li {
	float:none!important;
	text-align:center;
	padding:7px!important;
	
	}

	.menu li li {
	display: none!important;
	}

	.menu a {
	padding: .88em!important;
	}

	#absfooter {
	display:none;
	}
}