/* -------------- DEFAULTS AND OUTER WRAPPER ------------- */
html, body{ 
margin:0;
padding:0;
font-family:tahoma, arial, sans-serif;
font-size:small;
text-align:center;
color:#565656;
} 
form {
margin:0;
padding:0;
}
a {
color:darkblue;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
a.name {
color:#565656;
}
 
#pagewidth{ 
margin:0 auto 0 auto;
padding:0;
width:650px;
width:766px;
text-align:left;
overflow:hidden;
} 
/* -------------- HEADER ------------- */
div#header {
margin:0;
padding:8px 0 0 0;
padding:0;
}
div#header div#banner {
margin:0 0 0 0;
padding:0;
background:white url(bg_header_649x201.jpg) no-repeat top left;
background:white url(bg_header_764x201.jpg) no-repeat top left;
background:white url(bg_header_764x189.jpg) no-repeat top left;
background:white url(bg_header_logo6_764x189.jpg) no-repeat top left;
height:191px;
position:relative;
}
div#header div#banner img.product {
float:left;
position:relative;
top:10px;
left:70px;
top:9px;
}
div#header div#banner div#headdescription {
position:absolute;
margin:0px 110px 0 20px;
padding:0;
width:500px;
color:#393FA1;
/*float:right;*/
}
div#header div#banner div#logohome {
position:absolute;
top:1px;
right:5px;
}
div#header div#banner div#login {
position:absolute;
top:174px;
right:248px;
/*cursor:pointer;*/
}
div#header div#banner div#slash {
position:absolute;
top:174px;
right:238px;
}
div#header div#banner div#register {
position:absolute;
top:174px;
right:186px;
}
div#header div#banner div#logout {
position:absolute;
top:174px;
right:186px;
cursor:pointer;
}
div#header div#banner div#link {
position:absolute;
top:174px;
right:100px;
}
div#header div#banner div#link2 {
position:absolute;
top:174px;
right:29px;
}
div#header div#banner div#headdescription h1 {
margin:15px 0 0 0;
font-size:34px;
padding:0;
}
div#header div#banner div#headdescription p {
margin:5px 0 0 15px;
font-size:16px;
padding:0;
}
/* -------------- NOSCRIPT ------------- */
div#noscript {
color:red;
}
/* -------------- TABS ------------- */
div#topnav {
margin:0 0 1px 0;
padding:0;
position:relative;
background:white;
display:block;
float:left;
/*background:url(tab_bg_249x44.jpg) no-repeat top left;*/
background:url(tab_bg_30x44.jpg) no-repeat top left;
}
div#topnav a#logohome {
margin:0;
padding:0;
position:absolute;
top:0;
left:30px;
width:150px;
height:40px;
}

ul#tabnav, ul#tabnav ul { /* all lists */
margin: 0;
padding:0;
list-style: none;
line-height:1em;
/*padding-left:212px;*/
padding-left:1px;
}
ul#tabnav a {
display: block;
/*width:109px;*/
width:95px;
padding:0;
color:#5D6C69;
text-decoration:none;
font-weight:bold;
text-align:center;
}
ul#tabnav li { /* all list items */
float: left;
/*width:109px;*/
width:95px;
background:url(/PortalHub.nsf/tab_bg_15x84.jpg) repeat-x top left;
font-size:12px;
/*line-height:3.4em;*/
line-height:2.4em;
}
ul#tabnav li:hover {
background:white url(/PortalHub.nsf/tab_bg_15x84.jpg) repeat-x top left;
}
ul#tabnav li a {
background:url(tab_div_1x42.jpg) no-repeat top right;
/*background:url(tab_div_1x42.jpg) no-repeat top left;*/
}
ul#tabnav li.last {
float: left;
/*width:109px;*/
width:98px;
background:url(/PortalHub.nsf/tab_bg_15x84.jpg) repeat-x top left;
font-size:12px;
/*line-height:3.4em;*/
line-height:2.4em;
}
ul#tabnav li.last:hover {
background:white url(/PortalHub.nsf/tab_bg_15x84.jpg) repeat-x top left;
}
ul#tabnav li.last a {
background:none;
}
ul#tabnav li ul { /* second-level lists */
margin:0;
padding:0;
position: absolute;
width:73px;
width:92px;
border:1px solid #D9D9D9;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
ul#tabnav li ul li { /* second-level lists */
margin:0;
padding:0;
background:#EEEDE8;
border-bottom:1px solid #D9D9D9;
line-height:1em;
}

ul#tabnav li ul li:hover { /* second-level lists */
background:white;
}

ul#tabnav li:hover ul, ul#tabnav li li:hover ul { /* lists nested under hovered list items */
left: auto;
}

ul#tabnav li ul li a {
margin:0;
padding:0;
background:#EEEDE8;
text-align:left;
text-transform:none;
font-weight:normal;
border-top:1px solid white;
}
/* is this necessary */
ul#tabnav li ul li a:hover {
background:white;
}

ul#tabnav span {
margin:0;
padding:5px;
display:block;
}
/* -------------- MAIN COLUMN ------------- */
div#maincol {
margin:0;
padding:0;
}
div#maincol div#content {
/ * float:left;  */   /* commented by Alex for Firefox compatibility */
margin-top:1em;
padding:0;
}
body.home div#maincol div#content {
margin:0;
padding:0;
}
div#maincol p {
margin:0.75em 0;
padding:0;
}
div#maincol td {
font-size:75%;
}
div#maincol h1 {
margin:0.05em 0 1em 0;
padding:0.5em;
font-size:150%;
background:url(bg_title_152x22.jpg) repeat-x bottom left;
border:1px solid #BABBBB;
}
div#maincol h3 {
margin:0;
padding:0.75em;
font-size:100%;
text-transform:uppercase;
background:url(bg_title_152x22.jpg) repeat-x bottom left;
border:1px solid #BABBBB;
}
div#maincol table {
margin:0 0 1em 0;
padding:0;
}
div#maincol table.border {
border:1px solid #BABBBB;
}
div#maincol table.noborder {
border-width:0;
}
div#maincol div#view table {
border-width:0;
}
div#maincol th {
margin:0;
padding:0.35em 0.5em;
font-size:100%;
background:url(bg_title_52x22.jpg) repeat-x bottom left;
border-bottom:1px solid #BABBBB;
text-align:left;
}
div#maincol td {
margin:0;
padding:0 0.25em 0.25em 0.25em;
}
div#maincol table td.head {
margin:0;
padding:0;
font-size:100%;
background:url(bg_title_52x22.jpg) repeat-x bottom left;
border-bottom:1px solid #BABBBB;
}
div#maincol input,select {
width:300px;
font-family:tahoma, arial, sans-serif;
font-size:100%;
color:#565656;
}
div#maincol textarea {
width:500px;
font-family:tahoma, arial, sans-serif;
font-size:100%;
color:#565656;
}
div#maincol input.checkbox, div#maincol input.radio {
width:25px;
}
div#maincol input.button {
width:auto;
color:white;
border-top:1px solid #ABDA94;
border-left:1px solid #A4D590;
border-bottom:1px solid #197107;
border-right:1px solid #1B7608;
background:#ABDA94 url(bg_button_10x30.gif) repeat-x bottom left;
font-weight:bold;
cursor:pointer;
margin:0;
padding:2px 4px;
font-size:95%;
}
div#maincol input.button:hover {
border:1px solid #565656;
}
div#maincol ul {
margin:0.5em 0 0.5em 1.5em;
padding:0;
}
div#maincol ul li {
margin:0.75em 0;
padding:0;
}
div#maincol ul.view {
margin:0 0 0 1em;
padding:0;
}
div#maincol ul.view li {
margin:1em 0;
padding:0;
}
div#maincol ul.view li a {
text-decoration:none;
}
div#maincol ul.view li a:hover {
text-decoration:underline;
}
div#maincol a.large {
margin:0;
padding:0.5em;
font-size:110%;
}
div#maincol img.border {
margin:0.2em 0 0 0;
padding:0;
border:1px solid #9EA2A4;
}
div#maincol td.padding {
padding:1em;
}
div#maincol img.left {
margin:0 0.5em 0.5em 0;
padding:0;
float:left;
}
div#maincol img.right {
margin:0 0 0.5em 0.5em;
padding:0;
float:right;
}
div#maincol div#linktitle {
color:#2583A5;
}
/* HOME PAGE (body class="home") */
body.home div#maincol div#content {
/*padding:0 1px 0 4px;*/
}
body.home div#maincol h3 {
margin:0.5em 0 1em 0;
padding:0;
background:none;
border-width:0;
}
/* -------------- LEFT COLUMN ------------- */
div#leftcol {
margin:0;
padding:0;
}
div#leftcol div.element {
margin:0 0 0.25em 0;
padding:0;
border:1px solid #B9BABA;
}
div#leftcol div.element p {
margin:0.75em;
padding:0;
}
div#date {
margin:0;
padding:5px 0;
float:left;
width:206px;
background:transparent url(bg_date_40x54.jpg) top repeat-x;
color:#161616;
text-align:center;
font-size:11px;
}
div#leftcol td {
font-size:80%;
}
div#leftcol input.button {
width:auto;
color:white;
border-top:1px solid #ABDA94;
border-left:1px solid #A4D590;
border-bottom:1px solid #197107;
border-right:1px solid #1B7608;
background:url(bg_button_10x30.gif) repeat-x bottom left;
font-weight:bold;
cursor:pointer;
}
div#leftcol td input {
width:100%;
font-size:80%;
}
div#leftcol td input.button {
width:auto;
}
div#date em {
color:white;
font-style:normal;
}
div#leftcol h3 {
margin:0;
padding:0.75em;
font-size:100%;
text-transform:uppercase;
background:url(bg_title_152x22.jpg) repeat-x bottom left;
border-bottom:1px solid #BABBBB;
}
div#leftcol ul {
margin:0;
padding:0;
list-style: none;
}
div#leftcol li {
margin:0.5em 0;
padding:0 0.5em;
line-height:1.5em;
}
div#leftcol ul li a {
text-decoration:none;
}
div#leftcol ul li a:hover {
text-decoration:underline;
}
/* -------------- LOGIN ------------- */
td#login {
margin:0;
padding:0;
background:#777777;
}
td#login td {
margin:0;
padding:0.25em;
font-size:12px;
font-weight:bold;
color:white;
}
td#login th {
font-size:16px;
background:none;
border-width:0;
color:white;
margin:0;
padding:0 0 0.25em 0;
}
td#login a {
margin:0;
padding:0 0 0 0px;
color:white;
/*background:url(bullet_3x5.gif) no-repeat left center;*/
font-weight:bold;
font-size:12px;
text-decoration:underline;
}
td#login input {
width:auto;
font-size:90%;
}
/* -------------- FOOTER ------------- */
div#footer {
clear:both;
}
div#footer ul {
margin:0;
padding:0;
list-style: none;
float:left;
display:block;
border-top:3px solid #358A0B;
width:100%;
}
div#footer ul li {
margin:5px 0 10px 0;
padding:0;
float:left;
}
div#footer ul li a {
/*margin:0;*/
margin-left:1;
/*padding:0 29px;*/
padding:0 22px;
color:#737373;
font-weight:bold;
text-decoration:none;
font-size:11px;
border-right:1px solid #358A0B;
}
div#footer ul li.last a {
border-width:0;
}
div#footer ul li a:hover {
text-decoration:underline;
}
div#footer p {
margin:0.5em 0;
padding:1em 0;
clear:both;
background:#E7E7E7;
text-align:center;
font-size:85%;
color:#358A0B;
width:100%;
}
div#footer input.button {
width:auto;
color:white;
border-top:1px solid #ABDA94;
border-left:1px solid #A4D590;
border-bottom:1px solid #197107;
border-right:1px solid #1B7608;
background:url(bg_button_10x30.gif) repeat-x bottom left;
font-weight:bold;
cursor:pointer;
padding:2px 4px;
}
div#footer table.homefooter {
margin:0 0 3px 0;
padding:0;
width:652px;
}
div#maincol tr#homebottomrow {
height:85px;
}
div#maincol td h3.nomargin {
margin:0;
padding:0;
}
div#maincol td.newsletter {
margin:0;
padding:0;
background:#777777;
color:white;
font-size:90%;
width:206px;
vertical-align:top;
height:72px;
}
div#maincol td.newsletter img {
margin:10px 0 5px 20px;
padding:0;
display:block;
}
div#maincol td.newsletter input.button {
margin:0;
padding:1px 4px 2px 4px;
font-size:80%;
width:auto;
color:white;
}
div#maincol td.newsletter input {
margin:0 0 0 20px;
padding:0;
width:140px;
font-size:80%;
color:#5E5E5E;
}
div#maincol td.clients {
margin:0;
padding:0;
text-align:center;
}
div#maincol td.custsupport {
width:219px;
background:url(bg_custsupport_250x125.jpg) no-repeat bottom right;
background:url(bg_custsupport_300x125.jpg) no-repeat bottom right;
vertical-align:top;
}
div#maincol td.custsupport img.text {
margin:15px 0 0 17px;
padding:0;
}
div#maincol td.custsupport img.email {
margin:5px 0 0 17px;
padding:0;
}
div#maincol td.custsupport img.phone {
margin:4px 0 0 17px;
padding:0;
}
div#footer form {
margin:0;
padding:0;
}
div#maincol td#etblockhome {
margin:0;
padding:0.3em 0.5em 0 0;
background:#c5352d url(bg_home_et2_258x250.jpg) top left;
border-left:2px solid white;
}
div#maincol td#leftblockhome {
margin:0;
padding:0.3em 0.5em 0 0;
background:#3e9c48 url(bg_home_ef2_258x250.jpg) top left;
border-left:2px solid white;
}
div#maincol td#rightblockhome {
margin:0;
padding:0.3em 0.5em 0 0;
background:#3e429d url(bg_home_st2_258x250.jpg) top left;
border-left:2px solid white;
}
div#maincol td#etblockhome h3, td#leftblockhome h3, div#maincol td#rightblockhome h3 {
margin:0 0 0.5em 0;
padding:0;
background:none;
border-width:0;
text-transform:none;
font-size:125%;
font-size:175%;
color:white;
}
div#maincol td#etblockhome p, div#maincol td#leftblockhome p, div#maincol td#rightblockhome p {
margin:0 0 0 0;
padding:0;
color:white;
font-size:14px;
}
div#maincol td#etblockhome td, div#maincol td#leftblockhome td, div#maincol td#rightblockhome td {
margin:0;
padding:0;
font-size:12px;
}
div#maincol td#etblockhome a, div#maincol td#leftblockhome a, div#maincol td#rightblockhome a {
margin:0;
padding:0 7px 0 7px;
color:white;
/*background:url(bullet_3x5.gif) no-repeat left center;*/
text-decoration:underline;
font-size:12px;
font-weight:bold;
}
/* -------------- LAYOUT ------------- */
body.navleft div#wrapper {
float:right;
width:442px;
width:558px;
}
body.navleft div#maincol {
width:442px;
width:558px;
float:right;
}
body.navleft div#leftcol {
float:left;
width:206px;
}
body.navneither div#maincol {
float:left;
width:650px;
width:766px;
}
/* -------------- OPERA ------------- */
@media all and (min-width: 0px){

body {
/* font-size:x-small;      //changed by Alex. Safari will be too small */
    font-size:small;
}

}