BODY {
background-color : #ffffff;
font-size : 11px;
font-family : arial, helvetica;
margin : 0;
}


P {
font-size : 11px;
}

TD {
font-size : 11px;
color : #484848;
}

text {
border-style : inset;
font-size : 100%;
font-family : Arial;
color : #242424;
}

input {
padding : 1px 2px;
font-size : 100%;
color : #242424;
}

.inputHighlighted {
padding : 1px 2px;
border : 2px solid #808080;
color : #000000;
}

FORM#login {
  position: relative;
}

DIV#username, DIV#password {
  position: relative;
  float: left;
  margin-right: 3px;
}

INPUT#username-field, INPUT#password-field {
  width: 10em;
}

LABEL.overlabel {
  position: absolute;
  top: 3px;
  left: 5px;
  z-index: 1;
  color: #999;
}

textarea {
padding : 1px 2px;
color : #484848;
font-family : Arial;
font-size : 100%;
}

select {
font-size : 95%;
color : #242424;
}

A:link {
color : #369b00;
text-decoration : underline;
}

A:visited {
color : #369b00;
text-decoration : underline;
}

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

H1 {
color : #369b00;
font-weight : bold;
font-size : 110%;
margin : 0;
padding : 0;
}

H1 A:link {
color : #369b00;
text-decoration : none;
}

H1 A:visited {
color : #369b00;
text-decoration : none;
}

H1 A:hover {
color : #369b00;
text-decoration : underline;
}

H2 {
color : #369b00;
font-weight : bold;
font-size : 160%;
padding : 0;
margin : 0;
}

H3 {
padding : 0;
margin : 2px;
font-size : 95%;
color : #ffffff;
text-align : center;
background-color : #43C000;
}

H4 {
border : 1px solid #43C000;
font-size : 100%;
color : #ffffff;
font-weight : bold;
padding : 1px;
margin-left : 0;
margin-right : 0;
margin-top : 20px;
margin-bottom : 3px;
background-color : #4DDD00;
}

H5 {
color : #646464;
font-weight : bold;
font-size : 130%;
padding : 0;
margin : 5px 1px;
}

H6 {
color : #ffffff;
font-size : 110%;
font-weight : bold;
text-align : center;
margin : 0;
padding : 0;
}

.formtitle {
font-size : 100%;
color : #ffffff;
font-weight : bold;
padding : 1px;
background-color : #43C000;
}

.formdesc {
font-size : 90%;
color : #ffffff;
padding : 2px;
background-color : #4DDD00;
}

.formframe {
border : 1px solid #369B00;
background-color : #E9E9E9;
background-image : url(form_bg.gif);
margin-left : 1px;
margin-right : 6px;
margin-top : 1px;
margin-bottom : 8px;
padding : 0;
}


.desc {
font-size : 90%;
color : #484848;
}

.frame {
border : 1px solid #369B00;
background-color : #FFFFFF;
margin-left : 2px;
margin-right : 2px;
margin-top : 1px;
margin-bottom : 1px;
padding : 0;
}

.imgframe {
float : left;
width : auto;
border : 1px solid #A4BBE1;
background-color : #D6E3F9;
text-align : center;
margin-left : 8px;
margin-right : 8px;
margin-top : 6px;
margin-bottom : 4px;
padding : 3px;
}

.canvas {
border : 1px solid #F0F0F0;
background-color : #FFFFFF;
text-align : center;
width : auto;
margin : 0;
padding : 1px;
}


.field input {
border : 1px solid #646464;
background-image : url(text_bg.gif);
}

.title_desc {
color : #646464;
font-size : 100%;
padding : 0;
}

.main_title {
padding : 3px;
font-size : 110%;
width : 100%;
font-weight : bold;
background-image : url(main_title_bg.gif);
background-repeat : repeat-x;
color : #646464;
}

.header_menu {
width : 100%;
height : 20px;
color : #646464;
text-align : center;
font-weight : bold;
font-size: 100%;
}

.header_menu A:link {
height : 20px;
color : #484848;
text-decoration : none;
padding-left : 10px;
padding-right : 10px;
padding-top : 2px;
padding-bottom : 2px;
border-left : 1px solid #ffffff;
border-right : 1px solid #787878;
}

.header_menu A:visited {
height : 20px;
color : #484848;
text-decoration : none;
padding-left : 10px;
padding-right : 10px;
padding-top : 2px;
padding-bottom : 2px;
border-left : 1px solid #ffffff;
border-right : 1px solid #787878;
}

.header_menu A:hover {
height : 20px;
color : #808080;
text-decoration : none;
padding-left : 10px;
padding-right : 10px;
padding-top : 2px;
padding-bottom : 2px;
border-left : 1px solid #ffffff;
border-right : 1px solid #787878;
background-image : url(header_menu_hover.gif);
background-repeat : repeat-x;
background-position : left top;
}

.header_menu_p {
width : auto;
height : 20px;
color : #379D00;
font-weight : bold;
font-size: 110%;
padding-left : 11px;
padding-right : 11px;
padding-top : 2px;
padding-bottom : 2px;
border-right : 1px solid #787878;
border-bottom : 1px solid #FFFFFF;
background-image : url('header_menu_p.gif');
background-repeat : repeat-x;
background-position : left top;
}


.header_desc {
color : #FFFFFF;
font-size: 100%;
padding-left : 8px;
padding-right : 1px;
padding-top : 1px;
padding-bottom : 1px;
}

.header_desc A:link {
color : #FFFFFF;
text-decoration : none;
}

.header_desc A:visited {
color : #FFFFFF;
text-decoration : none;
}

.header_desc A:hover {
color : #FFFFFF;
text-decoration : underline;
}

.menu_title {
border : 1px solid #369b00;
padding : 2px;
color : #ffffff;
font-size : 100%;
margin : 0;
background-image : url(menu_title_bg.gif);
background-repeat : repeat-y;
background-color : #49d200;
font-weight : bold;
text-align : center;
}

.menu {
margin : 0 1px;
padding : 2px;
border-bottom : 1px solid #c0c0c0;
border-top : 1px solid #ffffff;
font-size : 90%;
}

.menu A:link {
color : #646464;
text-decoration : none;
}

.menu A:visited {
color : #646464;
text-decoration : none;
}

.menu A:hover {
color : #000000;
text-decoration : underline;
}

.submenu {
margin : 0 1px;
padding : 2px 4px;
background-image : url(submenu_bg.gif);
background-repeat : repeat-y;
background-color : #F0F0F0;
border-bottom : 1px solid #c0c0c0;
border-top : 1px solid #ffffff;
font-size : 90%;
}

.submenu A:link {
color : #646464;
text-decoration : none;
}

.submenu A:visited {
color : #646464;
text-decoration : none;
}

.submenu A:hover {
color : #000000;
text-decoration : underline;
}

.main {
margin : 1px 6px;
padding-left : 0;
padding-right : 2px; 
padding-top : 2px;
padding-bottom : 2px;
border-bottom : 1px dotted #c0c0c0;
border-top : 1px solid #ffffff;
font-size : 100%;
}

.main A:link {
color : #646464;
text-decoration : none;
}

.main A:visited {
color : #646464;
text-decoration : none;
}

.main A:hover {
color : #000000;
text-decoration : underline;
}


.super A:link {
color : #0066FF;
text-decoration : none;
}

.super A:visited {
color : #0066FF;
text-decoration : none;
}

.super A:hover {
color : #0033FF;
text-decoration : underline;
}

.cat {
border : 1px solid #369b00;
padding : 4px;
color : #ffffff;
font-size : 125%;
margin : 2px;
background-image : url("box_title_bg.gif");
background-repeat : repeat-x;
background-color : #3FB703;
font-weight : bold;
text-align : center;
}

.sum {
margin : 6px;
font-size : 200%;
letter-spacing : 1pt;
font-weight : bold;
border-top : 1px solid #b0b0b0;
border-left : 1px solid #c0c0c0;
border-right : 1px solid #ffffff;
border-bottom : 1px solid #ffffff;
padding : 1px;
background-color : #242424;
text-align : center;
}

.list {
padding : 1px 7px;
background-image : url(arrow2.gif);
background-repeat : no-repeat;
background-position : left center;
}

.list2 {
font-size : 110%;
padding : 4px 1px;
}

.success {
font-weight : bold;
padding : 1px 18px;
background-image : url(success.gif);
background-repeat : no-repeat;
}

.result {
margin : 10px 8px;
padding : 3px;
border-top : 1px solid #e3a602;
border-bottom : 1px solid #e3a602;
border-left-width:1px; 
border-right-width:1px; 
font-size : 120%;
text-align : center;
background-color : #FFFF2A;
color : #000000;
}

.skid {
margin : 4px 8px;
padding : 3px;
border-top : 1px solid #D0D0D0;
border-bottom : 1px solid #D0D0D0;
border-left-width:1px; 
border-right-width:1px; 
font-size : 100%;
background-color : #EFEFEF;
color : #484848;
}


.download {
font-size : 120%;
margin : 5px;
padding : 1px 18px;
background-image : url(download.gif);
background-repeat : no-repeat;
background-position : left top;
color : #646464;
}

.datasheet {
font-size : 120%;
margin : 5px;
padding : 1px 18px;
background-image : url(datasheet.gif);
background-repeat : no-repeat;
background-position : left top;
color : #646464;
}


.info {
font-size : 120%;
margin : 5px;
padding : 1px 18px;
background-image : url(info.gif);
background-repeat : no-repeat;
background-position : left top;
color : #646464;
}

.bookmark {
font-size : 120%;
margin : 5px;
padding : 1px 18px;
background-image : url(bookmark.gif);
background-repeat : no-repeat;
background-position : left top;
color : #646464;
}


.error {
color : #ff0000;
font-size : 110%;
font-weight : bold;
padding : 1px 18px;
background-image : url(error.gif);
background-repeat : no-repeat;
margin : 1px 4px;
}

.counter {
color : #f24300;
font-style : italic;
font-weight : bold;
font-size : 100%;
}

.tablerow1 {
padding : 2px;
background-color : #f4f4f4;
margin-left : 0;
margin-right : 0;
}

.tablerow2 {
padding : 1px;
margin-left : 0;
margin-right : 0;
}



.red_link {
font-family : helvetica;
font-weight : bold;
font-size: 120%;
}

.red_link A:link {
color : #FF0101;
text-decoration : underline;
}

.red_link A:visited {
color : #FF0101;
text-decoration : underline;
}

.red_link A:hover {
text-decoration : underline;
color : #BF0101
}