/* 
	ProActive i-4business.com StyleSheet
	Author: James Stevens
	Date: 10th September 2003
*/

html {
overflow-y: scroll;
}

body {
 margin: 0px;
 padding: 0px;
 height: 100%;
 font-size: 11px;
 font-family: arial,verdana,serif;
 color: #000;
/* background-color: gray; */
}


p {
 margin: 0px;
 padding: 0 0 3px 0;
}

form {
 margin: 0;
 padding: 0;
}

.formlabel {
 float: left;
 width: 75px;
 margin: 0 2px 0 0;
 padding: 0;
 text-align: right;
 font-family: arial,verdana,serif;
 font-size: 11px;
 color: #000;
}

.formEntry {
 float: left;
 margin: 0;
 padding: 0;
}

h1 {
 font-family: arial,verdana,serif;
 font-size: 1.0em;
 font-weight: normal;
 margin: 0px;
 padding: 2px 0 2px 0;

}

h2 {
 font-family: arial,verdana,serif;
 font-size: 1.0em;
 font-weight: normal;
 margin: 0px;
 padding: 2px 0 2px 0;

}

h3 {
 font-family: arial,verdana,serif;
 font-size: 1.0em;
 font-weight: normal;
 margin: 0px;
 padding: 2px 0 2px 0;

}


h4 {
 font-family: arial,verdana,serif;
 font-size: 1.0em;
 font-weight: normal;
 margin: 0px;
 padding: 2px 0 5px 0;
 color: #666699;

}

/* changes form fields input colours on focus
input:focus, text:focus, textarea:focus{
background-color: #FFF;
}
*/

.checkbox {
 margin-bottom: 0;
}

.checkbox_no_style {
 padding:0;
 margin:0;
 border:0;
}



A.a1:link {text-decoration: underline; color:#990000;font-size: 10pt; font-family: arial;}
A.a1:visited {text-decoration: underline; color:#990000;font-size: 10pt; font-family: arial;}
A.a1:active {text-decoration: underline; color:#990000;font-size: 10pt; font-family: arial;}
A.a1:hover {text-decoration: none; color:#333366;font-size: 10pt; font-family: arial;}

A.a2:link {text-decoration: none; color:#333366;font-size: 11px; font-family: arial;font-weight:bold;}
A.a2:visited {text-decoration: none; color:#333366;font-size: 11px; font-family: arial;font-weight:bold;}
A.a2:active {text-decoration: none; color:#333366;font-size: 11px; font-family: arial;font-weight:bold;}
A.a2:hover {text-decoration: underline; color:#990000;font-size: 11px; font-family: arial;font-weight:bold;}

A.a3:link {text-decoration: none; color:#333366;font-size: 11px; font-family: arial;font-weight:bold;}
A.a3:visited {text-decoration: none; color:#333366;font-size: 11px; font-family: arial;font-weight:bold;}
A.a3:active {text-decoration: none; color:#333366;font-size: 11px; font-family: arial;font-weight:bold;}
A.a3:hover {text-decoration: none; color:#990000;font-size: 11px; font-family: arial;font-weight:bold;}

A.a4:link {text-decoration: underline; color:#333366;font-size: 11px; font-family: arial;font-weight:bold;}
A.a4:visited {text-decoration: underline; color:#333366;font-size: 11px; font-family: arial;font-weight:bold;}
A.a4:active {text-decoration: underline; color:#333366;font-size: 11px; font-family: arial;font-weight:bold;}
A.a4:hover {text-decoration: none; color:#990000;font-size: 11px; font-family: arial;font-weight:bold;}

A.a5:link {text-decoration: underline; color:#CCCCCC;font-size: 9pt; font-family:arial;font-weight:bold;}
A.a5:visited {text-decoration: underline; color:#CCCCCC;font-size: 9pt; font-family:arial;font-weight:bold;}
A.a5:active {text-decoration: underline; color:#CCCCCC;font-size: 9pt; font-family:arial;font-weight:bold;}
A.a5:hover {text-decoration: none; color:#EFEFEF;font-size: 9pt; font-family:arial;font-weight:bold;}

A.a6:link {text-decoration: underline; color:#CCCCCC;font-size: 11px; font-family:arial;font-weight:bold;}
A.a6:visited {text-decoration: underline; color:#CCCCCC;font-size: 11px; font-family:arial;font-weight:bold;}
A.a6:active {text-decoration: underline; color:#CCCCCC;font-size: 11px; font-family:arial;font-weight:bold;}
A.a6:hover {text-decoration: none; color:#EFEFEF;font-size: 11px; font-family:arial;font-weight:bold;}

A.a7:link {text-decoration: underline; color:#333366;font-size: 9pt; font-family: arial;font-weight:bold;}
A.a7:visited {text-decoration: underline; color:#333366;font-size: 9pt; font-family: arial;font-weight:bold;}
A.a7:active {text-decoration: underline; color:#333366;font-size: 9pt; font-family: arial;font-weight:bold;}
A.a7:hover {text-decoration: none; color:#990000;font-size: 9pt; font-family: arial;font-weight:bold;}

A.a8:link {text-decoration: underline; color:#333366;font-size: 9pt; font-family: arial;font-weight:bold;}
A.a8:visited {text-decoration: underline; color:#333366;font-size: 9pt; font-family: arial;font-weight:bold;}
A.a8:active {text-decoration: underline; color:#333366;font-size: 9pt; font-family: arial;font-weight:bold;}
A.a8:hover {text-decoration: none; color:#990000;font-size: 9pt; font-family: arial;font-weight:bold;}

A.a9:link {text-decoration: none; color:#FFFFFF;font-size: 7pt; font-family: arial;}
A.a9:visited {text-decoration: none; color:#FFFFFF;font-size: 7pt; font-family: arial;}
A.a9:active {text-decoration: none; color:#FFFFFF;font-size: 7pt; font-family: arial;}
A.a9:hover {text-decoration: underline; color:#000000;font-size: 7pt; font-family: arial;}

A.a10:link {text-decoration: none; color:#FFFFFF;font-size: 11px; font-family: arial;font-weight:bold;}
A.a10:visited {text-decoration: none; color:#FFFFFF;font-size: 11px; font-family: arial;font-weight:bold;}
A.a10:active {text-decoration: none; color:#FFFFFF;font-size: 11px; font-family: arial;font-weight:bold;}
A.a10:hover {text-decoration: none; color:#000000;font-size: 11px; font-family: arial;font-weight:bold;}

A.a11:link {text-decoration: none; color:#990033;font-size: 11px; font-family: arial;font-weight:bold;}
A.a11:visited {text-decoration: none; color:#990033;font-size: 11px; font-family: arial;font-weight:bold;}
A.a11:active {text-decoration: none; color:#990033;font-size: 11px; font-family: arial;font-weight:bold;}
A.a11:hover {text-decoration: none; color:#000000;font-size: 11px; font-family: arial;font-weight:bold;}

A.a12:link {text-decoration: none; color:#663300;font-size: 11px; font-family: arial;font-weight:bold;}
A.a12:visited {text-decoration: none; color:#663300;font-size: 11px; font-family: arial;font-weight:bold;}
A.a12:active {text-decoration: none; color:#663300;font-size: 11px; font-family: arial;font-weight:bold;}
A.a12:hover {text-decoration: none; color:#000000;font-size: 11px; font-family: arial;font-weight:bold;}

A.white:link {text-decoration: underline; color:#FFFFFF;font-size: 11px; font-family: arial;}
A.white:visited {text-decoration: underline; color:#FFFFFF;font-size: 11px; font-family: arial;}
A.white:active {text-decoration: underline; color:#FFFFFF;font-size: 11px; font-family: arial;}
A.white:hover {text-decoration: none; color:#EFEFEF;font-size: 11px; font-family: arial;}

A.whitebold:link {text-decoration: none; color:#FFFFFF;font-size: 11px; font-family: arial;font-weight:bold;}
A.whitebold:visited {text-decoration: none; color:#FFFFFF;font-size: 11px; font-family: arial;font-weight:bold;}
A.whitebold:active {text-decoration: none; color:#FFFFFF;font-size: 11px; font-family: arial;font-weight:bold;}
A.whitebold:hover {text-decoration: none; color:#000000;font-size: 11px; font-family: arial;font-weight:bold;}

A.whitebold:link {text-decoration: none; color:#FFFFFF;font-size: 11px; font-family: arial;font-weight:bold;}
A.whitebold:visited {text-decoration: none; color:#FFFFFF;font-size: 11px; font-family: arial;font-weight:bold;}
A.whitebold:active {text-decoration: none; color:#FFFFFF;font-size: 11px; font-family: arial;font-weight:bold;}
A.whitebold:hover {text-decoration: none; color:#000000;font-size: 11px; font-family: arial;font-weight:bold;}

A.bigwhite:link {text-decoration: underline; color:#FFFFFF;font-size: 1.0em; font-family: arial;}
A.bigwhite:visited {text-decoration: underline; color:#FFFFFF;font-size: 1.0em; font-family: arial;}
A.bigwhite:active {text-decoration: underline; color:#FFFFFF;font-size: 1.0em; font-family: arial;}
A.bigwhite:hover {text-decoration: none; color:#EFEFEF;font-size: 1.0em; font-family: arial;}

A.purple:link {text-decoration: none; color:#666699;font-size: 11px; font-family: arial;}
A.purple:visited {text-decoration: none; color:#666699;font-size: 11px; font-family: arial;}
A.purple:active {text-decoration: none; color:#666699;font-size: 11px; font-family: arial;}
A.purple:hover {text-decoration: none; color:#000000;font-size: 11px; font-family: arial;}

A.purple2:link {text-decoration: underline; color:#666699;font-size: 11px; font-family: arial;}
A.purple2:visited {text-decoration: underline; color:#666699;font-size: 11px; font-family: arial;}
A.purple2:active {text-decoration: underline; color:#666699;font-size: 11px; font-family: arial;}
A.purple2:hover {text-decoration: none; color:#000000;font-size: 11px; font-family: arial;}

A.urllist:link {text-decoration: underline; color:#000033;font-size: 11px; font-family: arial;}
A.urllist:visited {text-decoration: underline; color:#000033;font-size: 11px; font-family: arial;}
A.urllist:active {text-decoration: underline; color:#000033;font-size: 11px; font-family: arial;}
A.urllist:hover {text-decoration: none; color:#990000;font-size: 11px; font-family: arial;}

A.urllistred:link {text-decoration: underline; color:red;font-size: 11px; font-family: arial;}
A.urllistred:visited {text-decoration: underline; color:red;font-size: 11px; font-family: arial;}
A.urllistred:active {text-decoration: underline; color:red;font-size: 11px; font-family: arial;}
A.urllistred:hover {text-decoration: none; color:#000000;font-size: 11px; font-family: arial;}

A.urllistblue:link {text-decoration: underline; color:blue;font-size: 11px; font-family: arial;}
A.urllistblue:visited {text-decoration: underline; color:blue;font-size: 11px; font-family: arial;}
A.urllistblue:active {text-decoration: underline; color:blue;font-size: 11px; font-family: arial;}
A.urllistblue:hover {text-decoration: none; color:#000000;font-size: 11px; font-family: arial;}

A.urllistmaroon:link {text-decoration: underline; color:#990000;font-size: 11px; font-family: arial;}
A.urllistmaroon:visited {text-decoration: underline; color:#990000;font-size: 11px; font-family: arial;}
A.urllistmaroon:active {text-decoration: underline; color:#990000;font-size: 11px; font-family: arial;}
A.urllistmaroon:hover {text-decoration: none; color:#000033;font-size: 11px; font-family: arial;}

A.urllistblack:link {text-decoration: underline; color:black;font-size: 11px;font-family: arial;}
A.urllistblack:visited {text-decoration: underline; color:black;font-size: 11px;font-family: arial;}
A.urllistblack:active {text-decoration: underline; color:black;font-size: 11px;font-family: arial;}
A.urllistblack:hover {text-decoration: none; color:#666699;font-size: 11px;font-family: arial;}

A.urllistgrey:link {text-decoration: underline; color:#A2A2A2;font-size: 11px; font-family: arial;}
A.urllistgrey:visited {text-decoration: underline; color:#A2A2A2;font-size: 11px; font-family: arial;}
A.urllistgrey:active {text-decoration: underline; color:#A2A2A2;font-size: 11px; font-family: arial;}
A.urllistgrey:hover {text-decoration: none; color:#000000;font-size: 11px; font-family: arial;}

A.urllistwhite:link {text-decoration: underline; color:#FFFFFF;font-size: 11px; font-family: arial;}
A.urllistwhite:visited {text-decoration: underline; color:#FFFFFF;font-size: 11px; font-family: arial;}
A.urllistwhite:active {text-decoration: underline; color:#FFFFFF;font-size: 11px; font-family: arial;}
A.urllistwhite:hover {text-decoration: none; color:#EFEFEF;font-size: 11px; font-family: arial;}


A.urllisttop:link {text-decoration: underline; color:#666699;font-size: 7pt;font-family: arial;}
A.urllisttop:visited {text-decoration: underline; color:#666699;font-size: 7pt;font-family: arial;}
A.urllisttop:active {text-decoration: underline; color:#666699;font-size: 7pt;font-family: arial;}
A.urllisttop:hover {text-decoration: none; color:#990000;font-size: 7pt;font-family: arial;}


A.toplink:link {text-decoration: none; color:#666699;font-size: 11px;font-family: arial; font-weight: bold;}
A.toplink:visited {text-decoration: none; color:#666699;font-size: 11px;font-family: arial; font-weight: bold;}
A.toplink:active {text-decoration: none; color:#666699;font-size: 11px;font-family: arial; font-weight: bold;}
A.toplink:hover {text-decoration: none; color:#000;font-size: 11px;font-family: arial; font-weight: bold;}

A.topmenu_deadlink:link {text-decoration: none; color:#CCC;font-size: 11px;font-family: arial; font-weight: bold;}
A.topmenu_deadlink:visited {text-decoration: none; color:#CCC;font-size: 11px;font-family: arial; font-weight: bold;}
A.topmenu_deadlink:active {text-decoration: none; color:#CCC;font-size: 11px;font-family: arial; font-weight: bold;}
A.topmenu_deadlink:hover {text-decoration: none; color:#CCC;font-size: 11px;font-family: arial; font-weight: bold;}

A.linkgreen:link {text-decoration: underline; color:#669933;font-size: 11px;font-family: arial;}
A.linkgreen:visited {text-decoration: underline; color:#669933;font-size: 11px;font-family: arial;}
A.linkgreen:active {text-decoration: underline; color:#669933;font-size: 11px;font-family: arial;}
A.linkgreen:hover {text-decoration: none; color:#000000;font-size: 11px;font-family: arial;}

A.navwhite:link {text-decoration: none; color:#FFFFFF;font-size: 11px;font-family: arial;}
A.navwhite:visited {text-decoration: none; color:#FFFFFF;font-size: 11px;font-family: arial;}
A.navwhite:active {text-decoration: none; color:#FFFFFF;font-size: 11px;font-family: arial;}
A.navwhite:hover {text-decoration: none; color:#CCCCCC;font-size: 11px;font-family: arial;}


A.callto:link {text-decoration: underline; color:#000;font-size: 11px; font-family: arial;font-weight:bold;}
A.callto:visited {text-decoration: underline; color:#000;font-size: 11px; font-family: arial;font-weight:bold;}
A.callto:active {text-decoration: underline; color:#000;font-size: 11px; font-family: arial;font-weight:bold;}
A.callto:hover {text-decoration: none; color:#000;font-size: 11px; font-family: arial;font-weight:bold;}

A.calltoblack:link {text-decoration: underline; color:#000;font-size: 11px; font-family: arial;font-weight:bold;}
A.calltoblack:visited {text-decoration: underline; color:#000;font-size: 11px; font-family: arial;font-weight:bold;}
A.calltoblack:active {text-decoration: underline; color:#000;font-size: 11px; font-family: arial;font-weight:bold;}
A.calltoblack:hover {text-decoration: none; color:#000;font-size: 11px; font-family: arial;font-weight:bold;}

A.calltoorange:link {text-decoration: underline; color:#F88017;font-size: 11px; font-family: arial;font-weight:bold;}
A.calltoorange:visited {text-decoration: underline; color:#F88017;font-size: 11px; font-family: arial;font-weight:bold;}
A.calltoorange:active {text-decoration: underline; color:#F88017;font-size: 11px; font-family: arial;font-weight:bold;}
A.calltoorange:hover {text-decoration: none; color:#000;font-size: 11px; font-family: arial;font-weight:bold;}

A.calltored:link {text-decoration: underline; color:red;font-size: 11px; font-family: arial;font-weight:bold;}
A.calltored:visited {text-decoration: underline; color:red;font-size: 11px; font-family: arial;font-weight:bold;}
A.calltored:active {text-decoration: underline; color:red;font-size: 11px; font-family: arial;font-weight:bold;}
A.calltored:hover {text-decoration: none; color:#000;font-size: 11px; font-family: arial;font-weight:bold;}

A.calltodelete:link {text-decoration: underline; color:#A2A2A2;font-size: 11px; font-family: arial;font-weight:bold;}
A.calltodelete:visited {text-decoration: underline; color:#A2A2A2;font-size: 11px; font-family: arial;font-weight:bold;}
A.calltodelete:active {text-decoration: underline; color:#A2A2A2;font-size: 11px; font-family: arial;font-weight:bold;}
A.calltodelete:hover {text-decoration: none; color:#000;font-size: 11px; font-family: arial;font-weight:bold;}

A.calltoblue:link {text-decoration: underline; color:blue;font-size: 11px; font-family: arial;font-weight:bold;}
A.calltoblue:visited {text-decoration: underline; color:blue;font-size: 11px; font-family: arial;font-weight:bold;}
A.calltoblue:active {text-decoration: underline; color:blue;font-size: 11px; font-family: arial;font-weight:bold;}
A.calltoblue:hover {text-decoration: none; color:#000;font-size: 11px; font-family: arial;font-weight:bold;}


A.urlavnetlogin:link {text-decoration: underline; color:red;font-size: 7pt;font-family: arial;}
A.urlavnetlogin:visited {text-decoration: underline; color:red;font-size: 7pt;font-family: arial;}
A.urlavnetlogin:active {text-decoration: underline; color:red;font-size: 7pt;font-family: arial;}
A.urlavnetlogin:hover {text-decoration: none; color:#000000;font-size: 7pt;font-family: arial;}

/* Other */

 hr
 {
  color: black;
  background-color: #000000;
  width: 100%;
  height: 1px;
  border: 0;
  padding: 0;
  margin: 5px 0 1px 0;
 } 

div#hrule
{
width: 990px;
background-color: #FFFFFF;
color: #000000;
margin: 4px 0 4px 0;
padding: 0;
border-top: 1px solid #000000;
font-size: 0.1em;
}

/*select.default {background-color: #EFEFEF; font-size: 11px; color: #666699;font-family: arial; border: 1px solid #666699;}*/
select.default {background-color: #666699; font-size: 11px; color: white;font-family: arial; border: 1px solid white; }                    
option.blue {background-color: #666699;  font-size: 11px; color: white;}
option.grey {background-color: #EFEFEF;  font-size: 11px; color: #666699;}
option.white {background-color: #FFFFFF; font-size: 11px; color: #000000;}
option.blue2 {background-color: #FFFFFF; font-size: 11px; color: blue;}


#t1 {border:1px solid #333366;}
#t1 td{border:1px solid #333366;background-color:#333366;}
#t2 {border:1px solid #CCCCCC;  margin: 0 0 0 5px;}
#t2 td{border:1px solid #EFEFEF;}
#t3 {border:1px solid #EFEFEF;}
#t3 td{border:1px solid #CCCCCC;}
#t4 {border:1px solid #FFFFFF;}
#t4 td{border:1px solid #CCCCCC;}
#t5 {border:1px solid #FFFFFF;}
#t5 td{border:1px solid #000033;}
#t6 {border:1px solid #FFFFFF;}
#t6 td{border:1px solid #990033;}
#t7 {border:1px solid #FFFFFF;}
#t7 td{border:1px solid #006600;}
#t8 {border:1px solid #FFFFFF;}
#t8 td{border:1px solid;}
#t9 {border:1px solid #EFEFEF;}
#t9 td{border:1px solid #EFEFEF;}
#Tcount {border:1px solid #FFFFFF;}
#Tcount td{border:1px solid #CCCCCC;background:#EFEFEF;}

#bluetxt {color: #000033;font-size: 11px;font-family: arial;}
#marroontxt {color: #990000;font-size: 11px;font-family: arial;}
#whitetxt {color: #FFFFFF;font-size: 11px;font-family: arial;}
#bluetxt2 {color: blue;font-size: 11px;font-family: arial;}
#graytxt2 {color: #666666;font-size: 11px;font-family: arial;}
#purpletext {color: #666699;font-size: 11px;font-family: arial;}
#blacktext {color: #000000;font-size: 11px;font-family: arial;}
.standardtxt {color: #000000;font-size: 11px;font-family: arial;}


form
{
 margin: 0;
 padding: 0;
 border: 0;
}

div#container
{
 width: 990px;
 margin: 0px 0 0 0;
 padding: 0px 0 0 0;
 border: 0px;
 background-color: #efefef;
}

div#avnetcontainer
{
 width: 990px;
 margin: 0px 0 0 0;
 padding: 0px 0 0 0;
 border: 0px;
 background-color: #FFFFFF;
}

div#layout
{
 width: 1000px;
 margin-top: 0;
 margin-bottom: 0px;
 margin-left: auto;
 margin-right: auto;
 padding: 0px 0px 0px 0px;
 background-color: #ffffff;
 border: 0;
/* border-right: 3px solid #505083; */
 font-family: arial,verdana, serif;
 font-size: 1.0em;

 /*line-height: 130%; */
}


div#copyright_nav
{
 width: 985px;
 margin: 0;
 padding: 0px 5px 0px 0px;
 background-color: #efefef;
 color: #cccccc;
 border: 0px;
 font-family: tahoma, serif;
 font-size: 0.6em;
 text-align: right;
 float: left;
}


div#copyright_newnav
{
 width: 500px;
 margin: 0;
 padding: 2px 0px 0px 5px;
 background-color: #efefef;
 color: #000;
 border: 0px;
 font-family: tahoma, serif;
 font-size: 8px;
 float: left;
}

div#avnetcopyright_newnav
{
 width: 500px;
 margin: 0;
 padding: 2px 0px 0px 5px;
 background-color: #FFFFFF;
 color: #000;
 border: 0px;
 font-family: tahoma, serif;
 font-size: 8px;
 float: left;
}

div#profile_copyright
{
 margin: 0;
 padding: 2px 0px 0px 5px;
 background-color: #ffffff;
 color: #000;
 border: 0px;
 font-family: tahoma, serif;
 font-size: 8pt;
}

div#profile_logo
{
 margin: 0;
 padding: 5px 0px 5px 0px;
 background-color: #ffffff;
 border: 0px;
 font-family: arial, verdana, serif;
 font-size: 11px;
}


div#nav_links
{
 margin: 0;
 padding: 8px 0px 0px 15px;
 background-color: #efefef;
 color: #000;
 border: 0px;
 font-family: tahoma, serif;
 float: left;
}

div#avnetnav_links
{
 margin: 0;
 padding: 8px 0px 0px 15px;
 background-color: #FFFFFF;
 color: #000;
 border: 0px;
 font-family: tahoma, serif;
 float: left;
}

div#avnetblackbar
{
 clear: both;
 width: 988px;
 height: 10px;
 margin: 0 0 0px 0;
 padding: 0px 0px 1px 2px;
 background-color: #000000;
 border: 0px;
 font-size: 2px;
 font-family: arial, verdana, serif;
 color: #000000;
 clear: both;
}

div#avnetwhitebar
{
 clear: both;
 width: 988px;
 height: 10px;
 margin: 0 0 0px 0;
 padding: 0px 0px 1px 2px;
 background-color: #FFFFFF;
 border: 0px;
 font-size: 2px;
 font-family: arial, verdana, serif;
 color: #000000;
 clear: both;
}

div#topcontent
{
 margin: 2px 0 2px 5px;
 padding: 1px 5px 1px 5px;
 background-color: #efefef;
 color: #666699;
 border: 1px solid #666699;
 font-family: arial, verdana, serif;
 font-weight: bold;
 font-size: 11px;
 float: left;
}


div#contentbox
{
 margin: 2px 0 2px 20px;
 padding: 0px 10px 2px 10px;
 background-color: #efefef;
 color: #000;
 border: 1px solid #666699;
 font-family: arial, verdana, serif;
 font-size: 11px;
 float: left;
}


div#leftnav
{
 width: 530px;
 margin: 0;
 padding: 2px 0px 0px 10px;
 background-color: #efefef;
 border: 0px;
 font-family: arial, verdana, serif;
 color: #666699;
 font-size: 0.7em;
 float: left;
}

div#rightnav
{
 width: 165px;
 margin: 0;
 padding: 4px 20px 2px 0px;
 background-color: #efefef;
 color: black;
 border: 0px;
 font-family: arial, verdana, serif;
 font-size: 0.7em;
 text-align: right;
 float: right;
}

div#logonav
{
 width: 258px;
 margin: 0;
 padding: 0px 2px 0px 0px;
 background-color: #efefef;
 border: 0px;
 font-family: arial, verdana, serif;
 font-size: 0.7em;
 text-align: right;
 float: right;
}

div#logonewnav
{
 width: 258px;
 margin: 0;
 padding: 5px 40px 5px 0px;
 background-color: #efefef;
 border: 0px;
 font-family: arial, verdana, serif;
 font-size: 0.7em;
 text-align: right;
 float: right;
}

.scrollwindow {
 width: 985px;
 overflow: auto;
 margin: 0 0 0 5px;
 border:1px solid #666699;
}

div#avnetlogonewnav
{
 width: 258px;
 margin: 0;
 padding: 5px 40px 5px 0px;
 background-color: #FFFFFF;
 border: 0px;
 font-family: arial, verdana, serif;
 font-size: 0.7em;
 text-align: right;
 float: right;
}


div#rightbutton
{
 width: 690px;
 margin: 0;
 padding: 0;
 color: black;
 border: 0px;
 font-family: arial, verdana, serif;
 text-align: right;
 float: right;
}

div#mainbar
{
 width: 990px;
 margin: 0;
 padding: 0;
 background-color: #666699;
 border: 0px;
 font-size: 1.0em;
 font-family: arial, verdana, serif;
 color: #000000;
 float: left;
}


div#topcontentbargrey
{
 width: 988px;
 margin: 0 0 5px 0;
 padding: 0px 0px 1px 2px;
 background-color: #EFEFEF;
 border: 0px;
 font-size: 11px;
 font-family: arial, verdana, serif;
 color: #000000;
 clear: both;
 /*background-image: url(https://www.i-4business.com/images/top_content_grey_roundedcorner_.gif); */
 /*background-repeat: no-repeat; */
 /*background-position: right; */
}


div#mainbargrey
{
 width: 990px;
 margin: 0;
 padding: 2px 0px 2px 0px;
 background-color: #EFEFEF;
 border: 0px;
 font-size: 1.0em;
 font-family: arial, verdana, serif;
 color: #000000;
 clear: both;
}

div#mainbargreytwo
{
 width: 990px;
 height: 17px;
 line-height: 14px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 background-color: #EFEFEF;
 border: 0px;
 font-size: 1.0em;
 font-family: arial, verdana, serif;
 color: #000000;
 clear: both;
}

div#filterpage
{
 width: 215px;
 margin: 0;
 padding: 2px 0px 2px 5px;
 background-color: #FFFFFF;
 border: 0px;
 font-size: 1.0em;
 font-family: arial, verdana, serif;
}

div#filterpageone
{
 width: 30px;
 margin: 0;
 padding: 2px 0px 2px 5px;
 background-color: #FFFFFF;
 border: 0px;
 font-size: 1.0em;
 font-family: arial, verdana, serif;
 float: left;
}

div#filtertop
{
 width: 990px;
 margin: 0;
 padding: 2px 0px 2px 5px;
 background-color: #FFFFFF;
 border: 0px;
 font-size: 1.0em;
 font-family: arial, verdana, serif;
}


div#pagetext
{
 width: 30px;
 margin: 0;
 padding: 3px 0 0 0 ;
 background-color: #FFFFFF;
 border: 0px;
 font-size: 1.0em;
 font-family: arial, verdana, serif;
 float: left;
}


div#pagenext
{
 width: 200px;
/*  height: 14px; */
/* line-height: 12px; */
 margin:  3px 0 0 0;
 padding: 0px ;
 background-color: #669933;
 border: 1px solid #000000;
 text-align: center;
 font-size: 11px;
 font-family: arial, verdana, serif;
 float: left;
}

.blockheader
{
 padding: 0px ;
 display: inline;
 border-top:1px solid #CCC;
 border-right:1px solid #CCC;
 text-align: center;
 background-color: #1B223E;
 background-image: url(https://www.i-4business.com/images/bg.jpg);
 background-repeat: no-repeat;
 color: #FFFFFF;
 font-size: 11px;
 font-family: arial, verdana, serif;
 font-weight: bold;
}

.blockheaderRed
{
 padding: 0px ;
 display: inline;
 border-top:1px solid #CCC;
 border-right:1px solid #CCC;
 text-align: center;
 background-color: #FF0000;
 color: #FFF;
 font-size: 11px;
 font-family: arial, verdana, serif;
 font-weight: bold;
}

div#gototextbox
{
 margin: 0;
 padding: 1px 0 0 0 ;
 background-color: #FFFFFF;
 border: 0px;
 font-family: arial, verdana, serif;
 float: left;
}

div#gotosearchbutton
{
 margin: 0;
 padding: 1px 0px 0px 0px;
 background-color: #FFFFFF;
 border: 0px;
 font-family: arial, verdana, serif;
 float: left;
}

div#pagefiltertext
{
 margin: 0;
 padding: 2px 0px 0px 0px;
 background-color: #FFFFFF;
 border: 0px;
 font-size: 11px;
 font-family: arial, verdana, serif;
 color: black;
 float: left;
}

div#pagefilterdropdown
{
 margin: 0 0 2px 0;
 padding: 0px 0px 2px 0px;
 background-color: #FFFFFF;
 border: 0px;
 font-family: arial, verdana, serif;
 float: left;
}


div#nomenu {
	margin:0;
	padding:2px;
	border:0;
	height:18px;                                  /* the menu's overall height */
	width: 986px;         /* we always want our menu to fill the available space */
	background-color: #1B223E; /*url(https://www.i-4business.com/images/bg.jpg);*/ 
        background-image: url(https://www.i-4business.com/images/bg.jpg);
        background-repeat: no-repeat;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size:11px;         /* this (and also below) sets the menu's font size */
        color: white;
}


.clearbothef {
 clear: both;
 font-size: 1px;
 background-color: #efefef;
}

.scrollableWindow {
 width: 985px;
 overflow: auto;
 margin: 0 0 0 5px;
 border:1px solid #666699;
}


.checkdatacolumnmove {
 width: 198px;
 background-color: #FFF;
 color: #000;
 font-size: 11px;
 font-family: arial; 
 border: 0;
 margin: 0;
 padding: 0 0 0 2px;
 cursor: hand; 
 cursor: pointer;
}

.checkdatacolumnmove:hover {
 background-color: #B1C3ED;
 color: #000;
 font-size: 11px;
 font-family: arial; 
}


.navinput {
 padding-left:1px;
 font-size: 11px;
 font-family: arial;
 color:#666699;
 background-color: #EFEFEF;
 border: 1px solid #666699;
}

div#general
{
 width: 700px;
 margin: 0;
 padding: 0;
 border: 0px;
 font-family: arial, verdana, serif;
 font-size: 11px;
/* color:#666699; */
}

div#stop
{
 margin: 0;
 padding: 0;
 border: 0px;
 font-family: arial, verdana, serif;
/* color:#666699; */
 text-align: right;
}

div#leftbutton
{
 width: 520px;
 margin: 0;
 padding: 0 0 0px 5px;
 color: black;
 border: 0px;
 font-size: 1.0em;
 text-align: left;
 float: left;
}

div#rightbutton
{
 width: 165px;
 margin: 0;
 padding: 0 10px 0 0;
 color: black;
 border: 0px;
 font-size: 1.0em;
 text-align: right;
 float: right;
}

.login {
 padding-left:3px;
 font-size: 7pt;
 font-family: arial;
 color:#000033;
 background-color: #EFEFEF;
 border: 1px solid #CCCCCC;
}

.loginselect {
 font-size: 11px;
 font-family: arial;
 color:#000033;
 background-color: #EFEFEF;
 border: 1px solid #CCCCCC;
}

.dbsearch {
 padding-left:3px;
 font-size: 11px;
 font-family: arial;
 color:#000033;
 background-color: #EFEFEF;
 border: 1px solid #CCCCCC;
}

.search {
 font-size: 11px;
 font-family: arial;
 color:#000033;
 background-color: #FFFFFF;
 border: 1px solid #CCCCCC;
}

.searchtwo {
 font-size: 11px;
 font-family: arial;
 color:#000000;
 background-color: #EFEFEF;
 border: 1px solid #666699;
 padding: 0px 0px 0px 1px;
 margin: 0;
}

.searchtwo_readonly {
 font-size: 11px;
 font-family: arial;
 color:gray;
 background-color: #EFEFEF;
 border: 1px solid #666699;
 padding: 0px 0px 0px 1px;
}


.searchthree {
 margin: 0;
 padding: 0;
 font-size: 11px;
 font-family: arial;
 color:#FFF;
 background-color: #1B223E; /*url(https://www.i-4business.com/images/bg.jpg);*/ 
 background-repeat: no-repeat;
 border: 1px solid #666699;
}

.filterdropdown {
 padding: 0;
 margin: 0;
 font-size: 10px;
 font-family: verdana , arial;
 color: #000000;
 background-color: #EFEFEF;
 border: 1px solid #666699;
}

.textbox {
 font-size: 11px;
 font-family: arial;
 color:#000033;
 background-color: #EFEFEF;
 border: 1px solid #CCCCCC;
}

.forminput {
 padding-left:2px;
 font-size: 11px;
 font-family: arial;
 color:#000033;
 background-color: #EFEFEF;
 border: 1px solid #CCCCCC;
}


.formselect {
 font-size: 11px;
 font-family: arial;
 color:#000033;
 background-color: #EFEFEF;
 border: #FFFFFF;
 border-style: solid;
 border-top-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px
}

.reset{
 overflow: visible;
 padding: 0px 1px 0px 1px;
 border: 1px #666699 outset;
 background-color: #FFCC33;
 font-size: 9px;
 margin: 0px;
 color: #000000;
 font-family: tahoma,Arial,tahoma;
 font-weight: bold; 
}

 #uljames
{
 padding: 0px 0px 0px 5px;
 margin: 0;
 border-bottom: 0;
 text-align: right;
}

#uljames li
{
 list-style: none;
 margin: 0;
 padding: 1px 0px 0px 0px;
 border: 0px;
}


.submit{
 margin: 0px;
 padding: 0px;
 background-color: #009900;
/* border: 1px solid #333366; */
 border: 1px #006600 outset;
 font-size: 10px;
 color: #FFFFFF;
 font-family: verdana,arial,serif;
/* font-weight: bold; */
}

div#default
{
 font-family: arial,verdana,serif;
 float: left;
 margin: 0px;
 padding: 0px;
 border: 0px;
 background-color: white;
 font-size: 11px;
 text-align: justify;
}


 #formlist
{
 float: left;
 padding: 5px 0px 0px 0px;
 margin: 0;
 border-bottom: 0;
 width: 250px;
 text-align: right;
}

#formlist li
{
 list-style: none;
 margin: 0;
 padding: 2px 0px 0px 0px;
 border: 0px;
}


 #formlist2
{
 float: left;
 padding: 5px 0px 0px 5px;
 margin: 0;
 border-bottom: 0;
 width: 600px;
 text-align: left;
}

#formlist2 li
{
 list-style: none;
 margin: 0;
 padding: 2px 0px 0px 0px;
 border: 0px;
}


ul#stats {
 width: 745px;
 background-color: white;
 padding: 2px 0px 1px 3px;
 }
ul#stats li {
 list-style-type: none;
 display: inline;
 float: left;
 margin: 0px 3px 1px 0px;
 padding: 2px 3px 2px 3px;
 font-size: 1.0em;
 font-family: verdana;
 }
ul#stats li.countryHeader {
 width: 200px;
 color: black;
 background-color: #ffccff;
 font-weight: bold;
 }
ul#stats li.columnHeader {
 width: 125px;
 color: blue;
 background-color: #ffffcc;
 font-weight: bold;
 text-align: center;
 }
ul#stats li.country {
 width: 200px;
 color: #666666;
 background-color: #eeeeee;
 }
ul#stats li.field {
 width: 125px;
 color: #999999;
 background-color: #eeeeee;
 text-align: right;
 }


ul#statsmore {
 width: 611px;
 background-color: white;
 padding: 2px 0px 1px 3px;
 }
ul#statsmore li {
 list-style-type: none;
 display: inline;
 float: left;
 margin: 0px 3px 1px 0px;
 padding: 2px 3px 2px 3px;
 font-size: 1.0em;
 font-family: verdana;
 }
ul#statsmore li.countryHeader {
 width: 200px;
 color: black;
 background-color: #ffccff;
 font-weight: bold;
 }
ul#statsmore li.columnHeader {
 width: 125px;
 color: blue;
 background-color: #ffffcc;
 font-weight: bold;
 text-align: center;
 }
ul#statsmore li.country {
 width: 200px;
 color: #666666;
 background-color: #eeeeee;
 }
ul#statsmore li.field {
 width: 125px;
 color: #999999;
 background-color: #eeeeee;
 text-align: right;
 }



.submit{
 overflow: visible;
 margin: 0px;
 padding: 0px;
 background-color: #009900; 
/* background-color: #505083; purply */
/* border: 1px solid #333366; */
 border: 1px #9cf outset;
 font-size: 0.8em;
 color: #FFFFFF;
 font-family: verdana,arial,serif;
}


.submit2{
 margin: 0px;
 padding: 0px;
 background-color: #505083; 
/* border: 1px solid #333366; */
 border: 1px #9cf outset;
 font-size: 0.8em;
 color: #FFFFFF;
 font-family: verdana,arial,serif;
}

.stop{

 overflow: visible;
 margin: 0px;
 padding: 0px 1px 0px 1px;
 background-color: red; 
/*669933  669966  	669999 */
/* border: 1px #000000 solid; */
border: 1px #666699 outset;
 font-size: 9px;
 /*color: #FFFFFF; */
 color: #FFFFFF;
 font-family: tahoma,Arial,tahoma;
 font-weight: bold;
 cursor: hand; 
 cursor: pointer;
}

.stop:hover
{
border: 1px solid #000000;
}


.delete{
 overflow: visible;
 margin: 0px;
 padding: 0px;
 background-color: #6699FF; 
/* background-color: #505083; purply */
/* border: 1px solid #333366; */
 border: 1px #000033 outset;
 font-size: 1.0em;
 color: #FFFFFF;
 font-family: arial,tahoma,serif;
}

.filter{
 overflow: visible;
 margin: 0px;
 padding: 0px;
 background-color: #666699; 
/* background-color: #505083; purply */
/* border: 1px solid #333366; */
 border: 1px #000000 outset;
 font-size: 11px;
 color: #FFFFFF;
 font-family: Arial,tahoma,arial;
}

.requestbutton{
 overflow: visible;
 margin: 0px;
 padding: 0px;
 background-color: #666699; 
/* background-color: #505083; purply */
/* border: 1px solid #333366; */
 border: 1px #000000 outset;
 font-size: 11px;
 color: #FFFFFF;
 font-family: Arial,tahoma,arial;
 font-weight: bold;
 cursor: hand; 
 cursor: pointer;
}


.clearbutton {
 overflow: visible;
 margin: 0px;
 padding: 0px;
 background-color: #669933; 
/*669933  669966  	669999 */
 border: 1px #000000 solid;
 font-size: 1.0em;
 /*color: #FFFFFF; */
 color: #FFFFFF;
 font-family: Arial,tahoma,arial;
 font-weight: normal;
}

.dgreenbutton{
 overflow: visible;
 margin-top: 2px;
 padding: 0px 1px 0px 1px;
 background-color: #669933; 
/*669933  669966  	669999 */
/* border: 1px #000000 solid; */
border: 1px #666699 outset;
 font-size: 9px;
 /*color: #FFFFFF; */
 color: #FFFFFF;
 font-family: tahoma,Arial;
 font-weight: bold; 
 cursor: hand; 
 cursor: pointer;
}

.dgreenbutton:hover
{
border: 1px solid #000000;
}

.disabledbutton{
 overflow: visible;
 margin-top: 2px;
 padding: 0px 1px 0px 1px;
 background-color:#EFEFEF; 
/*669933  669966  	669999 */
/* border: 1px #000000 solid; */
border:1px solid grey;
 font-size: 9px;
 /*color: #FFFFFF; */
 color: grey;
 font-family: tahoma,Arial;
 font-weight: normal; 
 cursor: text; 
 text-decoration: none;

}


.subPbutton{
 overflow: visible;
 margin: 0px;
 padding: 0px 1px 0px 1px;
 background-color: #666699; 
/*669933  669966  	669999 */
/* border: 1px #000000 solid; */
border: 1px #000 outset;
 font-size: 11px;
 /*color: #FFFFFF; */
 color: #FFFFFF;
 font-family: Arial,tahoma,arial;
 font-weight: bold;
 cursor: hand; 
 cursor: pointer;
}



.clearbuttonview{
 overflow: visible;
 margin: 0px;
 padding: 0px;
 background-color: #EFEFEF; 
/*669933  669966  	669999 */
 border: 1px gray solid;
 font-size: 1.0em;
 color: gray;
 font-family: Arial,tahoma,arial;
 font-weight: normal;
}

.gobutton{
 overflow: visible;
 margin: 0px;
 padding: 0px;
 background-color: #669933; 
 border: 1px #000000 outset;
 font-size: 1.0em;
 color: #FFFFFF;
 font-family: Arial,tahoma,arial;
}



div#main
{
 margin: 0;
 padding: 0px 0px 0px 0px;
 font-family: arial,verdana, serif;
 font-size: 11px;
}

div#content
{
 margin: 0;
 padding: 0px 0px 0px 0px;
 border: 0px;
 background-color: white;
 font-size: 11px;
 text-align: left;
}

div#content_left
{
 float: left;
 width: 379px;
 margin: 0px;
 padding: 2px 0px 0px 2px;
 border: 0px;
 font-size: 11px;
 text-align: left;
}

div#content_right
{
 float: right;
 width: 379px;
 margin: 0px;
 padding: 2px 2px 2px 2px;
 border: 0px;
 font-size: 11px;
 text-align: left;
}


div#content_lefttwo
{
 float: left;
 width: 450px;
 margin: 0px;
 padding: 2px 0px 0px 2px;
 border: 0px;
 background-color: white;
 font-size: 11px;
 text-align: left;
}

div#content_righttwo
{
 float: left;
 width: 335px;
 margin: 0px;
 padding: 2px 2px 2px 2px;
 border: 0px;
 background-color: white;
 font-size: 11px;
 text-align: left;
}

div#maincontent_left
{
 float: left;
 width: 498px;
 margin: 0px;
 padding: 2px 0px 0px 2px;
 border: 0px;
 background-color: white;
 font-size: 0.7em;
 text-align: left;
}

div#maincontent_right
{
 float: right;
 width: 488px;
 margin: 0px;
 padding: 2px 2px 0px 0px;
 border: 0px;
 background-color: white;
 font-size: 0.7em;
 text-align: left;
}

div#welcome_one
{
 float: left;
 width: 330px;
 margin: 0px;
 padding: 2px 0px 0px 2px;
 border: 0px;
 background-color: white;
 font-size: 11px;
 text-align: left;
display:inline;
}



div#query1
{
 float: left;
 width: 50px;
 margin: 0px;
 padding: 0px 2px 0px 1px;
 border: 0px;
 background-color: white;
 font-size: 1.0em;
 text-align: right;
}

div#query2
{
 float: right;
 width: 280px;
 margin: 0px;
 padding: 0;
 border: 0px;
 background-color: white;
 font-size: 1.0em;
 text-align: left;
}

div#query3
{
 float: left;
 width: 75px;
 margin: 0px;
 padding: 0 0 0px 0;
 border: 0px;
 background-color: white;
 font-size: 1.0em;
 text-align: right;
}

div#query4
{
 float: right;
 width: 300px;
 margin: 0px;
 padding: 0 0 0px 0;
 border: 0px;
 background-color: white;
 font-size: 1.0em;
 text-align: left;
}

div#querydates1
{
 float: left;
 width: 75px;
 margin: 0 0 4px 0;
 padding: 2px 0 0px 0;
 border: 0px;
 text-align: right;
}

div#querydates2
{
 float: left;
 width: 300px;
 margin: 0 0 4px 0;
 padding: 0 0 0 5px;
 border: 0px;
 text-align: left;
}

div#spacer
{
 margin: 0px;
 padding: 0 0 10px 0;
 border: 0px;
 background-color: white;
 font-size: 1px;
 text-align: left;
}


div#leftfilter
{
 float: left;
 margin: 0px;
 padding: 0;
 border: 0;
 background-color: white;
}

div#rightfilter
{
 float: right;
 margin: 0px;
 padding: 0px;
 border: 0px;
 background-color: white;
}

div#leftbar
{
 float: left;
 width: 600px;
 margin: 0px;
 padding: 3px 0px 0px 0px ;
 border: 0px;
}

div#rightbar
{
 float: right;
 width: 300px;
 margin: 0px;
 padding: 2px 0px 2px 0px ;
 border: 0px;
 text-align: right;
}


textarea#styled1 {
  width: 350px;
  border: 1px solid #666699;
  background-color: #EFEFEF;
  padding: 2px;
  font-size: 1.0em;
  font-family:arial, sans-serif;
}


textarea#tarea_qresults {
  width: 805px;
  height: 500px;
  margin: 15px 0 15px 5px;
  border: 1px solid #CCCCCC;
  background-color: #EFEFEF;
  padding: 2px;
  font-size: 1.0em;
  font-family:arial, sans-serif;
}

textarea#styledbox {
	width: 400px;
	height: 120px;
	border: 1px solid #666699;
        background-color: #EFEFEF;
	padding: 2px;
        margin: 0;
	font-family: arial, Tahoma, sans-serif;
     }

div#pagebox
{
/* float: right; */
 width: 180px;
/* height: 14px; */
/* line-height: 12px; */
 margin: 0px;
 padding: 2px 0px 2px 0px ;
 background-color: #669933;
 border: 1px solid #000000;
 text-align: center;
 font-size: 1.0em;
 float: right;
}


.reminderfooter {
 width: 300px; 
 padding: 4px;
 margin: 30px 0 0 5px;
 border: 1px solid red;
 font-size: 11px;
 font-family:arial, sans-serif;
 color: #000;
 clear: both;
}


.hidden { display: none; }
.clearer { clear: both; font-size: 1px; }
.floatLeft { float: left; }
.floatRight { float: right; }
.center { text-align: center; }
.right { text-align: right; }
.leftContainer{ margin-left: 0px; }
.centerContainer { margin: auto; }
.rightContainer { margin-right: 0px; }
.leftText { text-align: left; }
.centerText { text-align: center; }
.textbottom {vertical-align:text-bottom;}  

.rightText { text-align: right; }
.bold { font-weight: bold; }
.boldunderline { font-weight: bold; text-decoration: underline; }
.marginZero { margin: 0px; }
.marginTop { margin-top: 10px; }
.noMarginTop { margin-top: 0px; }
.marginBottom { margin-bottom: 10px; }
.noMarginBottom { margin-bottom: 0px; }
.marginLeft { margin-left: 0px; }
.noMarginLeft{ margin-left: 0px; }
.marginRight { margin-right: 10px; }
.noMarginRight { margin-right: 0px; }
.tablepad {border:0;padding:0px 1px 1px 2px; margin: 0;}
 
.querypad {border:0;padding:0px 1px 1px 2px; margin: 0;
          color: #000000;
          font-family: arial,verdana,serif;
          font-size: 11px; 
          cursor: hand; 
          cursor: pointer;

           }

.querypad:hover {
         border:0;
         padding:0px 1px 1px 2px;
         margin: 0;
         background-color:#000000;
         color: #FFF;
          }

.querypadtwo {border:0;padding:0; margin: 0;
          width: 450px;
          color: #000000;
          font-family: arial,verdana,serif;
          font-size: 11px; 
          cursor: hand; 
          cursor: pointer;
          background-color:#EFEFEF;

           }

.querypadtwo:hover {
         border:0;
         padding:0;
         margin: 0;
         background-color:#000000;
         color: #FFF;
          }

.querypadthree {border:0;padding:0; margin: 0;
          float: left;
          color: #000000;
          font-family: arial,verdana,serif;
          font-size: 11px; 
          cursor: hand; 
          cursor: pointer;
          background-color:#EFEFEF;

           }

.querypadthree:hover {
         border:0;
         padding:0;
         margin: 0;
         background-color:#000000;
         color: #FFF;
          }


.querypadfour {border:0;padding:0px 1px 1px 2px; margin: 0;
          color: #000000;
          font-family: arial,verdana,serif;
          font-size: 11px; 
          cursor: hand; 
          cursor: pointer;
          background-color: #EFEFEF;

           }

.querypadfour:hover {
         border:0;
         padding:0px 1px 1px 2px;
         margin: 0;
         background-color:#000000;
         color: #FFF;
          }



#parent {
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent;
        color: #000;
        overflow: hidden;
      }
      .child { 
        margin: 0;
        padding: 0 0 0 2px;
        border: 0;
        width: 135px;
        background-color: #EFEFEF;
        float: left;
        font-family: arial,verdana,serif;
        font-size: 11px;
        margin-bottom: -20px; padding-bottom: 20px;
        line-height: 18px;
        cursor: hand; 
        cursor: pointer;

      }

      .childtwo { 
        margin: 0 0 0 2px;
        padding: 0 0 0 2px;
        border: 0;
        width: 835px;
        background-color: #EFEFEF;
        float: left;
        font-family: arial,verdana,serif;
        font-size: 11px;
        margin-bottom: -20px; padding-bottom: 20px;
        line-height: 18px;
      }

      #parent:hover div  {
        background-color: #000;
        color: #FFF;
      }


      #parent:hover tr  {
        background-color: #000;
        color: #FFF;
      }


#setupuserslist {
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent;
        color: #000;
        overflow: hidden;
        width: 100%;
        border: 0px solid #666666;
      }

      .setupuserslistchildone { 
        margin: 0 0 0px 0;
        padding: 0 0 0 2px;
        border: 0;
        width: 254px;
        float: left;
        font-family: arial,verdana,serif;
        color: #000;
        font-size: 11px;
        cursor: hand; 
        cursor: pointer;
      }


      .setupuserslistchildtwo { 
        margin: 0 0 0px 0px;
        padding: 0 0 0 2px;
        border: 0;
        width: 110px;
        float: left;
        font-family: arial,verdana,serif;
        color: #000;
        font-size: 11px;
        cursor: hand; 
        cursor: pointer;
      }


      .setupuserslistchildthree { 
        margin: 0 0 0px 0px;
        padding: 0 0 0 2px;
        border: 0;
        width: 110px;
        float: left;
        font-family: arial,verdana,serif;
        color: #000;
        font-size: 11px;
        cursor: hand; 
        cursor: pointer;
      }

     .setupuserslistchildfour { 
        margin: 0 0 0px 0px;
        padding: 0 0 0 2px;
        border: 0;
        width: 327px;
        background-color: #FFF;
        float: left;
        font-family: arial,verdana,serif;
        font-size: 11px;
        cursor: hand; 
        cursor: pointer;
      }


   #setupuserslist:hover .setupuserslistchildone , #setupuserslist:hover .setupuserslistchildtwo , #setupuserslist:hover .setupuserslistchildthree , #setupuserslist:hover .setupuserslistchildfour {
     background-color: #B1C3ED;
     color: #000;
   }


#screenlistheader {
 overflow: hidden;
 width: 100%;
 background-color: #1B223E;
 background-image: url(https://www.i-4business.com/images/bg.jpg);
 background-repeat: no-repeat;
 border: 0;
 padding: 0;
 margin: 0;
 color: #FFFFFF;
 font-family: arial,verdana,serif;
        font-size: 11px;
        line-height: 18px;


 }

#screenlistheaderBig {
 overflow: hidden;
 width: 100%;
 background-color: #1B223E;
 background-image: url(https://www.i-4business.com/images/bg.jpg);
 background-repeat: no-repeat;
 border: 0;
 padding: 0;
 margin: 0;
 color: #FFFFFF;
 font-family: arial,verdana,serif;
        font-size: 13px;
        line-height: 25px;


 }


#screenlist {
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent;
        color: #000;
        overflow: hidden;
        width: 100%;
      }


      .screenlistitem { 
        padding: 0 0 0 2px;
        border: 0;
        float: left;
        font-family: arial,verdana,serif;
        color: #000;
        font-size: 11px;
        line-height: 18px;
        cursor: hand; 
        cursor: pointer;
      }

   #screenlist:hover .screenlistitem  {
     background-color: #B1C3ED;
     color: #000;
   }


.displaylist {
        margin: 0;
        padding: 0;
        border: 0;
/*        background: transparent; */
        overflow: hidden;
        width: 100%;
}

      .displaylistitem { 
        padding: 0 0 0 2px;
        border: 0;
        float: left;
        font-family: arial,verdana,serif;
        font-size: 11px;
        line-height: 18px;
      }

   .displaylist:hover   {
     background-color: #B1C3ED;
     color: #000;
   }

.displayclick {
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
 overflow: hidden;
 background: transparent;
        cursor: hand; 
        cursor: pointer;

}

      .listodd { 
        background-color: #EFEFEF;
      }

      .listeven { 
        background-color: #FFF;
      }

      .listcurrent { 
     /*   background-color: #B1C3ED; */
        background-color: #FFFFA6; 
        color: #000;
        font-weight: bold;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
      }

      .listcurrenttwo { 
        background-color: #B1C3ED;
        color: #000;
        font-weight: bold;
      }


      .listdelete { 
        color: #A2A2A2;
      }

      .listnormaltext { 
        color: #000;
      }


      .listbluetext { 
        color: blue;
      }

      .listredtext { 
        color: red;
      }

      .listorangetext { 
        color:  #F88017;
      }

      .listwhitetext { 
        color: #FFF;
      }

      .listgreentext { 
        color: #4B8A08;
      }

      .listoutofdatetext { 
        color: #990000;
      }

      .listdgreentext { 
        color: green;
      }

.sortcol
{
 float: left;
 color: #FFFFFF;
 font-size: 11px;
}

.sortcolhover
{
 color: #FFFFFF;
 font-size: 11px;
 text-decoration: underline;
 cursor: hand; 
 cursor: pointer;
}


.sortcolhover:hover
{
     background-color: #B1C3ED;
     color: #000;
}


.pagenext
{
 float: left;
 display:inline;
 border-top:1px solid #CCC;
 border-right:1px solid #CCC;
 margin: 0 0 0 5px ;
 padding: 0;
 width: 180px;
 background-color: #1B223E;
 background-image: url(https://www.i-4business.com/images/bg.jpg);
 background-repeat: no-repeat;
 font-size: 11px;
 text-align: center;
 font-family: arial,verdana,serif;
}



.testfade
{
 float: left;
 display:inline;
 border-top:1px solid #CCC;
 border-right:1px solid #CCC;
 margin: 0 5px 0 5px ;
 padding: 0;
 background-color: #1B223E;
 background-image: url(https://www.i-4business.com/images/bg.jpg);
 background-repeat: no-repeat;
 font-size: 11px;
 text-align: center;
 font-family: arial,verdana,serif;
 color: #FFF;
 font-weight: normal;
 text-decoration: underline;
 cursor: hand; 
 cursor: pointer;
 width: 150px;
}

.testfade:hover {
 background-image: none;
 background-color: #B1C3ED;
 color: #000;
}

.testfadeTWO
{
 float: left;
 display:inline;
 border-top:1px solid #CCC;
 border-right:1px solid #CCC;
 margin: 0 5px 0 5px ;
 padding: 0;
 background-color: #1B223E;
 background-image: url(https://www.i-4business.com/images/bg.jpg);
 background-repeat: no-repeat;
 font-size: 11px;
 text-align: center;
 font-family: arial,verdana,serif;
 color: #FFF;
 font-weight: bold;
 text-decoration: none;
 cursor: hand; 
 cursor: pointer;
 width: 150px;
}


a.tip{
    position:relative; /*this is the key*/
    color:#FFF;
    text-decoration:none;
    font-family: arial,verdana,serif;
    font-size: 11px;
    border: 1px solid #000000;
    background-color:#666699;
    font-weight: bold;
    text-align: center;
    }

a.tip:hover{
 /*background-color:#ff0; */
 background-color: #666699; 
 border: 1px solid #000000;
  color: #000;
  font-weight: bold;
    width: 200px;

 }

a.tip span{display: none}

a.tip:hover span{ /*the span will display just on :hover state*/
    z-index: 3;
    display:block;
    /*position:absolute;
    top:2em; left:1em; width:25em;*/
    position: fixed;
    top:50px; right:350px;width:30em;
    /*border:1px solid #000000;*/
    /*background-color:#EFEFEF;*/
    border: 1px solid #666699;
    background-color:#FFCC33;
    /*opacity: 0.9; */
    color:#000;
    text-align: left;
    padding: 2px;
    font-size: 11px;
    font-family: arial,verdana,serif;
    font-weight: normal;
    text-wrap: unrestricted;
    }


.tickbox {
 padding-top: 0px;
 margin: 0px;
}


.paddingZero { padding: 0px; }
.paddingTop { padding-top: 1em; }
.noPaddingTop { padding-top: 0px; }
.paddingBottom { padding-bottom: 1em; }
.noPaddingBottom { padding-bottom: 0px; }
.paddingLeft { padding-left: 0px; }
.noPaddingLeft { padding-left: 0px; }
.paddingRight { padding-right: 10px; }
.noPaddingRight { padding-right: 0px; }
.paddingLeft { padding-left: 10px; }
 
.borderNone { border: none; }
.bgImageNone { background-image: none; }
.textDecorationNone, .textDecorationNone a { text-decoration: none; }
.blackBorder { border: 1px solid black; }
.whiteText { color: white; }
.whiteBG { background-color: white; }
.lightGreyBG { background-color: #e6e6e6; }
.hoverUnderline { text-decoration: none; }
.hoverUnderline:hover { text-decoration: underline; }
.hand { border:0;padding:0px 1px 1px 2px; margin: 0; cursor: hand; cursor: pointer;text-decoration: underline;color: #FFFFFF; }
.hand:hover {background-color:#000000;text-decoration: underline;color: #FFFFFF; }


.clearboth {
 margin: 0;
 padding: 0;
 border: 0;
 clear: both;
 font-size: 1px;
}

.welcomeboxheader {
 overflow: hidden;
 border:1px solid #666699;
 padding:2px 0px 1px 2px;
 margin: 0 0 0px 0px;
 text-decoration: none;
 text-align: left;
 background-color: #EFEFEF;
 color: #000;
 width: 195px;
 font-size: 11px;
 font-family: arial,verdana,serif;
 font-weight: bold;
 }

.welcomebox {
 border-top:1px solid black;
 border-left:1px solid black;
 border-right:1px solid black;
 padding:0px 0px 1px 1px;
 margin: 0 0 0px 0px;
 cursor: hand; 
 cursor: pointer;
 text-decoration: none;
 text-align: left;
 background-color: #1B223E;
 background-image: url(https://www.i-4business.com/images/bg.jpg);
 background-repeat: no-repeat;
 color: #FFF;
 width: 195px;
 font-size: 11px;
 font-family: arial,verdana,serif;
 font-weight: bold;
 }

.welcomebox:hover {
 background-image: none;
 background-color: #B1C3ED;
 text-decoration: none;
 color: #000;
 }


.querytip {
 border:1px solid black;
 padding:0px 0px 1px 0px;
 margin: 0 0 2px 5px;
 cursor: hand; 
 cursor: pointer;
 text-decoration: none;
 text-align: center;
 background-color: #1B223E;
 background-image: url(https://www.i-4business.com/images/bg.jpg);
 background-repeat: no-repeat;
 color: #FFF;
 width: 135px;
 font-size: 11px;
 font-family: arial,verdana,serif;
 font-weight: bold;
 float: left;
 }

.querytip:hover {
 background-image: none;
 background-color: #B1C3ED;
 text-decoration: none;
 color: #000;
 }


.querytipview { border:1px solid grey;
            padding:0px 0px 1px 0px;
            margin: 0 0 2px 5px;
            cursor: text; 
            text-decoration: none;
            text-align: center;
            background-color:#EFEFEF;
            color: grey;
            width: 135px;
            font-size: 11px;
            font-family: arial,verdana,serif;
            font-weight: normal;
            float: left;
           }
.querytipview:hover {background-color:#EFEFEF;text-decoration: none;color: grey; }

.querytipview span{display: none}

.querytipview:hover span{ /*the span will display just on :hover state*/
    z-index: 3;
    display:block;
    /*position:absolute;
    top:2em; left:1em; width:25em;*/
    position: fixed;
    top:50px; right:350px;width:30em;
    /*border:1px solid #000000;*/
    /*background-color:#EFEFEF;*/
    border: 1px solid #666699;
    background-color:#FFCC33;
    /*opacity: 0.9; */
    color:#000;
    text-decoration: none;
    text-align: left;
    padding: 2px;
    font-size: 11px;
    font-family: arial,verdana,serif;
    font-weight: normal;
    text-wrap: unrestricted;
    }

.querytipClick {
 border:1px solid black;
 padding:0px 0px 1px 0px;
 margin: 0 0 2px 5px;
 cursor: hand; 
 cursor: pointer;
 text-decoration: none;
 text-align: center;
 background-color: #FFFFA6; /*#990000;*/
 color: #000;
 width: 135px;
 font-size: 11px;
 font-family: arial,verdana,serif;
 font-weight: bold;
 float: left;
 }

.querytipClick:hover {
 
 text-decoration: none;
 }

.itemIndicator {
 border:1px solid black;
 padding:0px 0px 1px 0px;
 margin: 0 0 2px 5px;
 cursor: hand; 
 cursor: pointer;
 text-decoration: none;
 text-align: center;
 background-color: #990000;
 color: #FFF;
 width: 135px;
 font-size: 11px;
 font-family: arial,verdana,serif;
 font-weight: bold;
 float: left;
 }


.querymandatory { border: 0;
            padding:0px 0px 1px 0px;
            margin: 0 0 2px 0 ;
            text-decoration: none;
            text-align: center;
            color: red;
            width: 15px;
            font-size: 15px;
            font-family: arial,verdana,serif;
            font-weight: bold;
            float: left;
           }

.queryclear { border:1px solid black;
            padding:0px 0px 1px 0px;
            margin: 0 0 2px 0px;
            cursor: hand; 
            cursor: pointer;
            text-decoration: none;
            text-align: center;
            background-color: #693;
            color: #FFF;
            width: 30px;
            font-size: 11px;
            font-family: arial,verdana,serif;
            font-weight: normal;
            float: left;
           }
.queryclear:hover {background-color:red;text-decoration: none;color: #FFFFFF; }


.viewqueryclear {
   border:1px solid gray;
   padding:0px 0px 1px 0px;
   margin: 0 0 2px 0px;
   cursor: text; 
   text-decoration: none;
   text-align: center;
   background-color: #EFEFEF;
   color: gray;
   width: 30px;
   font-size: 11px;
   font-family: arial,verdana,serif;
   font-weight: normal;
   float: left;
}




/*
.queryclear span{display: none}

.queryclear:hover span{ /*the span will display just on :hover state*/
    z-index: 3;
    display:block;
    /*position:absolute;
    top:2em; left:1em; width:25em;*/
    position: fixed;
    top:50px; right:350px;width:30em;
    /*border:1px solid #000000;*/
    /*background-color:#EFEFEF;*/
    border: 1px solid #666699;
    background-color:#FFCC33;
    /*opacity: 0.9; */
    color:#000;
    text-decoration: none;
    text-align: left;
    padding: 2px;
    font-size: 11px;
    font-family: arial,verdana,serif;
    font-weight: normal;
    text-wrap: unrestricted;
    }
*/



/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.preload1 {background: url(three_1.gif);}
.preload2 {background: url(three_1a.gif);}

/*#nav {padding:0; margin:0; list-style:none; height:38px; background:#fff url(three_0.gif) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}*/
#nav {padding:0; margin:0; list-style:none; height:20px; width:990px; background:#666699 repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}

/*
#nav li.top {display:block; float:left; height:38px;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:30px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(three_0.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(three_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(three_0a.gif) no-repeat right top;}
*/

#nav li.top {display:block; float:left; height:20px;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:20px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 5px; cursor:pointer; }
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 5px; height:35px; }
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 5px; height:35px; }



/*
#nav li:hover a.top_link {color:#fff; background: url(three_1.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(three_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(three_1a.gif) no-repeat right top;}
*/

#nav li:hover a.top_link {color:#fff;  }
#nav li:hover a.top_link span {}
#nav li:hover a.top_link span.down {}



/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:0px; top:20px; background: #666699; padding:1px; border:1px solid #000000; white-space:nowrap; width:200px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:18px; position:relative; float:left; width:200px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:200px; line-height:18px; text-indent:5px; color:#EFEFEF; text-decoration:none;border:0px solid #666699;}
#nav li ul.sub li a.fly
{background:#666699 url(arrow_over.gif) 80px 6px no-repeat; }
#nav li:hover ul.sub li a:hover 
{background:#fff; color: #000; border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#666699 url(arrow.gif) 80px 6px no-repeat; color:#EFEFEF;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #666699; padding:2px; border:1px solid #000000; white-space:nowrap; width:200px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#666699 url(arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#000;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#666699 url(arrow.gif) 80px 6px no-repeat; color:#000; border-color:#666699;} 


/* --------------------------------------------------- */

/*==============================================================================

	GRC multi-level script-free pure-CSS menuing system stylesheet.
   This code is hereby placed into the public domain by its author
   Steve Gibson. It may be freely used for any purpose whatsoever.

	Computed Geometries:	with a default 12px font, 1.0em == 12px and
	1px == 0.08333em.
	Thus, our 98px wide Freeware & Research buttons are 8.166666em wide.

==============================================================================*/

/*====== GLOBAL OVERRIDES FOR MAJOR ITEMS AND DIFFERING BROWSER DEFAULTS =====*/


ul { margin-left:20px; }       /* kill default 50px left padding and set 20px */
li { margin-bottom:1em; }          /* set default inter-item vertical spacing */
.tightlist li { margin-bottom:0.25em; }     /* tighter list for simple bullets */


/* our default page-width div */
.pagecontainer { width:85%; text-align:left; font-size:10pt;}


 /*================= STYLES FOR THE GRC MASTHEAD & CONTROLS ==================*/

.menuminwidth0 {             /* for all browsers (non-IE) that obey min-width */
	position:relative;
	border:0;
	margin:0;
	padding:0;
	width:100%;
	height:55px;/* 36px masthead height + 18px button height + 1px lower border*/
	min-width:560px;
}

/* suppress our whole menu when not an interactive mode (when printing, etc.) */
@media print, projection { .menuminwidth0 { d\isplay:none; } }

* html .menuminwidth1 { /* this allows IE5/6 to simulate min-width capability */
	position:relative;  /* we can simulate a minimum width by creating a large */
	float:left;          /* border in this first div, then placing our content */
	height: 1px;          /* into a second nested div (see 2nd nested div next */
	border-left:560px solid #fff;    /* CSS box-model borders are a fixed size */
}

* html .menuminwidth2 {    /* used to simulate min-width capability for IE5/6 */
	position:relative;
	margin-left:-560px;
	height: 1px;
}

#masthead {
	position:relative;      /* position our child objects relative to this div */
	float:left;
	vertical-align:top;	         /* protect from super-large user text sizing */
	border:0;
	margin:0;
	padding:0;
	width:100%;                                  /* grey-fill the entire width */
	height:36px;                  /* set the overall height above the menu-bar */
	background:#F3F3F3;                          /* a very light shade of grey */
}

#mastheadlogo {
	float:left;
	vertical-align:top;
	border:0;
	padding:0;
	margin:6px 0 0 7px;
}

#focus {                                                 /* GRC's focus label */
	position:absolute;
	border:0;
	margin:0;
	padding:0;
	top:15px;
	left:301px;
	width:121px;
	height:13px;
}

/*
#search {                                                    /* search button */
	position:absolute;
	border:0;
	margin:0;
	padding:0;
	top:7px;
	right:6px;
	width:60px;
	height:19px;
}*/

#text {                                                 /* search text field */
	position:absolute;
	border:1px solid #404040;
	margin:0;
	padding:0 0 0 2px;
	top:7px;
	right:65px;
	width:12em;
/*	height:15px;         we'll define this at the bottom of our style sheet */
	font-size:5px !important;
	background:#fefefe;
}

#yah {                                    /* the "You are here" label graphic */
	position:absolute;
	top:5px;
	right:99px;
	width:87px;
	height:9px;
}


A.navwhite:link {text-decoration: none; color:#FFFFFF;font-size: 11px;font-family: arial; font-weight: bold;}
A.navwhite:visited {text-decoration: none; color:#FFFFFF;font-size: 11px;font-family: arial; font-weight: bold;}
A.navwhite:active {text-decoration: none; color:#FFFFFF;font-size: 11px;font-family: arial; font-weight: bold;}
A.navwhite:hover {text-decoration: none; color: #EFEFEF;font-size: 11px;font-family: arial; font-weight: bold;}

/*#669933*/


a.tooltiporig{
    position:relative; /*this is the key*/
    color:#FFFFFF;
    text-decoration:none;
    font-family: arial,verdana,serif;
    font-size: 8px;
    /*border: 1px solid #000000;*/
    background-color:#443874;
    font-weight: bold;
    }

a.tooltiporig:hover{
 /*background-color:#ff0; */
 background-color: #4682B4; 
  color: #FFFFFF;
 }

a.tooltiporig span{display: none}

a.tooltiporig:hover span{ /*the span will display just on :hover state*/
    z-index: 3;
    display:block;
    /*position:absolute;
    top:2em; left:1em; width:25em; */
    position: fixed;
    top:20px; left:450px; width:25em;
    border:1px solid #000000;
    background-color:#EFEFEF;
    color:#000;
    text-align: justify;
    padding: 2px;
    font-size: 11px;
    font-family: arial,verdana,serif;
    font-weight: normal;
    }

a.tooltip{
    position:relative; /*this is the key*/
    color:#000;
    text-decoration:none;
    font-family: arial,verdana,serif;
    font-size: 10px;
    border: 1px solid black;
    background-color:#FFCC33;
    font-weight: bold;
    margin: 0;
    padding: 0;
    }

a.tooltip:hover{
 /*background-color:#ff0; */
 background-color: #000; 
 border: 1px solid #666699;
 color: #FFF;
 }

a.tooltip span{display: none}

a.tooltip:hover span{ /*the span will display just on :hover state*/
    z-index: 3;
    display:block;
    /*position:absolute;
    top:2em; left:1em; width:25em;*/
    position: fixed;
    top:50px; right:350px;width:30em;
    /*border:1px solid #000000;*/
    /*background-color:#EFEFEF;*/
    border: 1px solid #666699;
    background-color:#FFCC33;
    /*opacity: 0.9; */
    color:#000;
    text-align: left;
    padding: 2px;
    font-size: 11px;
    font-family: arial,verdana,serif;
    font-weight: normal;
    text-wrap: unrestricted;
    }

.tooltipheader
{
 margin: 0;
 border: 0;
 padding: 0 0 4px 0;
 font-weight: bold;
 text-decoration: underline;
}





/* jscript = onmouseover="hideSelect(this,'countries')" onmouseout="unhideSelect(this,'countries')" */




 /*========================= TOP OF THE MENU CASCADE =========================*/

.menu {
	position:relative;        /* establish a menu-relative positioning context */
	float:left;                                     /* play nicely with others */
	margin:0;
	padding:2px;
	border:0;
	height:18px;                                  /* the menu's overall height */
	width: 986px;         /* we always want our menu to fill the available space */
	background:#666699;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size:11px;         /* this (and also below) sets the menu's font size */
	border-bottom: 0px solid black;        /* give us a black border underneath */
        color: white;
}

.menu img {
	vertical-align: top;      /* prevent images from being pushed down by text */
}

.menu ul {
	padding: 0px;
	margin:0;
	border:0;
	list-style-type:none;          /* we don't want to view the list as a list */
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */



.menu li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0;
        padding: 0px;
}

.menu ul li table {
	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
	margin:0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
	font-size:12px;        /* this sets the base font size for our entire menu */
}

.drop {
	display:block;
	padding:0px 0.33em;	       /* this sets the l/r margins for our menu item */
	margin:0;
	text-align:right;   /* this right alignment goes with the float:left below */
	cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */
	cursor:hand;           /* IE5 only knows about "hand", so set it both ways */
}

.drop span {        /* this simultaneously left and right aligns the text and */
	float:left;       /* the >> in the drop-down menus which link to sub-menus */
}

.rightmenu {
	position:relative;  /* establish a local positioning context for YAH label */
	float:right;                  /* and right-align it at the top of our page */
}

#research {            /* this rightmost "Research" button must be positioned */
	position:absolute;       /* absolutely so that the YAH (you are here) text */
	top:0px;               /* label will slide underneath it under Opera v8.54 */
	left:364px;    /* which has a z-order sequencing bug with abs-pos elements */
}

/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

/* div#nav ul = all level ul's, div#nav ul ul */

.menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:1px;                               /* this is our box border width */
}

.menu ul li a,
.menu ul li a:visited {                    /* unselected top-level menu items */
	display:block;
        padding: 2px 20px 0;
	float:left;
	text-decoration:none;
	height:18px;
}

.menu ul li:hover a,
.menu ul li a:hover {                        /* selected top-level menu items */
	border:0px solid #000;    /* these 2 lines create the push-in illusion */
	height:18px;
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul,
.menu ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0;
	top:20px;              /* place us just up underneath the top-level images */
	left:-1px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width:18.5em;
	color:black;                        /* this sets the unselected-text color */
	background: #000000;         /* this sets our menu's effective "border" color */
}

.menu ul li:hover ul.leftbutton,
.menu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
	left:0px;
}

.menu ul li:hover ul.skinny,
.menu ul li a:hover ul.skinny {             /* 2nd level skinny drop-down box */
	width:18.5em;   /* with a 12px default font, this is 97px width (97/12) */
}


.menu ul li:hover ul.wide,
.menu ul li a:hover ul.wide {             /* 2nd level wide drop-down box */
	width:22.5em;   /*  */
}


.menu ul.rightmenu li:hover ul,
.menu ul.rightmenu li a:hover ul {    /* 2nd level neighborhood drop-down box */
	left:auto;
	right:0;         /* nudge the right menu right to line up under the border */
}

* html .menu ul.rightmenu li a:hover ul {         /* IE5/6 needs a tweak here */
	right:-1px;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {                   /* 2nd level unselected items */
	border:0;
	margin:0;
	padding:2px 0 2px 0;
	height:auto;
	color:#fff;               /* this sets the unselected drop-down text color */
	background:#666699;       /* this sets the drop-down menu background color */
	width:18.5em;
}

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color:black;
	background:white;
	padding:2px 0 2px 0;
}

.menu ul li:hover ul.skinny li a,
.menu ul li a:hover ul.skinny li a,
.menu ul li:hover ul.skinny li a:hover,
.menu ul li a:hover ul.skinny li a:hover {     /* 2nd level un+selected items */
	width:18.5em;
}


.menu ul li:hover ul.wide li a,
.menu ul li a:hover ul.wide li a,
.menu ul li:hover ul.wide li a:hover,
.menu ul li a:hover ul.wide li a:hover {     /* 2nd level un+selected items */
	width:22.5em;
}

/*======================== 3RD LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {             /* hide inactive 3rd-level menus */
	visibility:hidden;
}
     
.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {             /* 3rd level drop-down box */
	visibility:visible;
	position:absolute;
	margin-top:-1px;	      /* bring the top edge of the 3rd level menu up one */
	top:0;
	left:18.5em;
	width:16.5em;
}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {     /* 3rd level unselected items */
	width:16.5em;
	background:white;
}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {    /* level3 selected items */
	width:16.5em;
	background:#666699;
        color: white;
}

#text {           /* the Mac's standard Safari browser will not see this code */
	height:15px;#           /* ...  but every other browser will and should */
} /* Safari barfs on the illegal pound sign (#) after the rule's property val */


/*=================================================================================*/
/*=================================================================================*/