/*
 * site.css - CSS style sheet
 *
 * $Id: site.css,v 1.4 2010/03/29 05:45:57 henrik Exp $
 */

.color1 { background: #6ea54f;}
.color2 { background: #929292;}
BODY {background-color: white; margin: 0; padding: 0; height: 100%;}
BODY.window {margin: 10px;}
BODY, P, H1, H2, H3, H4, H5, H6, TD, TH, OL, DL, UL, FORM, INPUT, TEXTAREA {font-size: 12px; font-family: Verdana, sans-serif;}

H1, H2, H3, H4, H5, H6 {font-family: Arial, sans-serif; color: #246c00;}
H1.menu {color: white; background: #6ea54f url(/images/msquare.gif) no-repeat 10px 10px; margin: 0px; padding: 6px 0px 7px 26px; font-size: 14px; font-weight: normal;}
H1 {font-size: 16px;}
H2 {font-size: 16px;}
H3 {border: solid #007D77; background: #cee1c4; border-width: 0px 0px 1px 0px; padding: 1px 1px 1px 1px; font-size: 14px;}
TABLE.tabcont H3 {border: none; background: white;}

IMG {border: none;}
SMALL {font-size: 80%;}

A:link {text-decoration: underline; color: #246c00;}
A:link:hover {color: #ffaa00;}
A.external {background: url(/images/extlink.gif) right center no-repeat; padding-right: 18px;}

UL {line-height: 1.5em; list-style-type:square; list-style-image: none; padding: 0 0 0 0; margin:0 0 0.5em 1.5em; color: #888888;}
UL LI {color: #000000; font-weight: normal;}

TABLE.text {border: none; padding: 0; margin: 0;}
TD.text {width: 50%; vertical-align: top;}
TD.padright {padding-right: 25px;}
TD.padbottom {padding-bottom: 25px;}

TABLE.inline {background-color:#FFFFFF; border-collapse:collapse; border-spacing:0px;}
TABLE.inline TH {background-color:#929292; border:1px solid #8CACBB; padding:3px;}
TABLE.inline TD {border:1px solid #8CACBB; padding:3px;}


DIV#footer {text-align: center; color: #888888; border: solid #eeeeee; margin: 20px 20px 0px 20px; padding: 10px 0px 10px 10px; border-width: 5px 0px 0px 0px; font-size: 10px;}

.logobar TD {border: solid white; border-width: 0px 0px 0px 1px; line-height: 25px;}
.logobar A {display: block; padding: 2px 5px 2px 5px; background: #6ea54f; color: white; font-family: Arial, sans-serif; font-size: 12px; text-decoration: none; text-align: center;}
.logobar A:hover {background: #ffaa00; color: white; text-decoration: none;}

.menu1 A, .menu1 A:visited {display: block; color: white; background: #cccccc url(/images/marr_r.gif) no-repeat 185px 8px; margin: 1px 0px 0px 0px; padding: 5px 22px 6px 0px; font-family: Arial, sans-serif; font-size: 12px; text-decoration: none; text-align: right;}
.menu1 A.act {background: #ffaa00;}
.menu1 A:hover {background: #ffaa00 url(/images/marr_r_o.gif) no-repeat 185px 8px; color: white; text-decoration: none;}

.menu2 A, .menu2 A:visited {display: block; color: #888888; background: #eeeeee; margin: 1px 9px 0px 0px; padding: 4px 16px 4px 0px; font-family: Arial, sans-serif; font-size: 9px; text-decoration: none; text-align: right;}
.menu2 .act {color: white; font-weight: bold; background: #ffaa00;}
.menu2 A:hover {background: #ffaa00; color: white; text-decoration: none;}

.view A {font-family: Arial, sans-serif; font-size: 10px;}
.view {font-weight: bold; font-family: Arial, sans-serif; font-size: 10px;}

.hint3 {border: solid #CCCCCC; border-width: 0px 0px 0px 0px; margin: 0; padding: 0;}
TABLE.hint {margin: 0; padding: 0px; border: solid #CCCCCC; border-width: 1px 0px 0px 0px; }
TD.hint {margin: 0; padding: 0px; line-height: 11px; border: solid #CCCCCC; border-width: 1px 1px 1px 1px;}
.hint A {display: block; color: #ffaa00; padding: 0px 1px 0px 1px; text-decoration: none; font-size: 9px; background: white;}
.hint A:hover {color: white; background: #ffaa00;}

.button_l {font-family: Arial, sans-serif; background: url(/images/but_l.gif) no-repeat right;font-size: 11px;}
.button {font-family: Arial, sans-serif; background: url(/images/but_bg.gif);color: white; font-weight: bold;font-size: 11px;}
.button_r {font-family: Arial, sans-serif; background: url(/images/but_r.gif) no-repeat left;font-size: 11px;}
A.button {background: none; text-decoration: none;}

DIV.floatleft {float: left; padding: 15px 15px 15px 0px;}
DIV.floatright {float: left; padding: 15px 0px 15px 15px;}

DIV.rightbox {float: right; width: 30%; background: #f8f8f9; border: solid #cee1c4; padding: 10px 10px; border-width: 0px 0px 0px 10px; margin-bottom: 20px; margin-left: 15px; font-size: 10px;}
DIV.rightbox H2 {font-size: 12px;}
DIV.rightbox P {font-size: 10px;}

DIV#sidepanel {margin: 20px 0px 0px 0px; background: url(/images/sidebar_bg.gif) repeat-y 195px 0px;}
TD.sidepanel {padding: 0px 10px 0px 10px; font-size: 9px;}
.sidepanel H2 {font-size: 9px; margin-bottom: 2px; font-family: Verdana, sans-serif;}
.sidepanel P {font-size: 9px;}

.sidepanel FORM  {font-size: 9px; color: #999999;}
.sidepanel INPUT  {width: 100%; height: 14px; font-size: 9px;}
.sidepanel SELECT {width: 100%; font-size: 9px;}
.sidepanel TEXTAREA  {width: 100%; height: 42px; font-size: 9px;}
TD.sidepanelBox {border: solid #cee1c4; padding: 5px; border-width: 1px; font-size: 9px;}
TH.sidepanelBox {font-size: 9px; font-weight: bold; background: #cee1c4; color: #246c00; text-align: left; padding: 2px 0px 2px 5px;}

DIV.quickmail {color: #999; font-size: 9px;}
.quickmail FORM  {margin: 0; font-size: 9px;}
.quickmail INPUT  {width: 170px; height: 17px; font-size: 9px;}
.quickmail TEXTAREA  {width: 170px; height: 60px; font-size: 9px;}

/* Override oscommerce boxes for sidepanel ttt*/
DIV.sidepanel .infoBox {background: white;}
DIV.sidepanel .infoBoxContents {background: white; font-size: 9px;}
DIV.sidepanel TD.infoBoxHeading {font-size: 9px; font-weight: bold; background: white; color: #246c00;}
DIV.sidepanel TD.infoBox, DIV.sidepanel SPAN.infoBox {font-size: 9px;}

TABLE.tabcont {margin: 0px; padding: 10px; border: solid #919b9c; border-width: 0px 1px 1px 1px;}
TD.tabcont {padding: 10px;}
TD.tabview {background-image: url( "/images/tab.gif" ); background-repeat: repeat-x; font: 11px Tahoma, sans-serif; white-space: nowrap; text-align: center; height: 19px;}
TD.tabview_act {background-image: url( "/images/tab_a.gif" );}
TD.tabview_bg {width: 100%; background-repeat: repeat-x; background-image: url( "/images/tab_bg.gif" ); height: 19px;}
TD.tabview A {color: black; text-decoration: none;}
TD.tabview A:hover {color: #ffaa00; text-decoration: none;}

TABLE.tab TH {color: white; background: #cccccc; text-align: left; vertical-align: top; font-weight: bold; padding: 5px 5px 5px 5px;}
TABLE.tab TD {color: #888888; background: #eeeeee; text-align: left; vertical-align: middle; padding: 5px 5px 5px 5px;}

TABLE.ordertab TD {padding: 0px 0px 5px 0px;}
TABLE.ordertab H4 {padding: 0px; margin: 5px 0px 5px 0px;}
TABLE.ordertab TD.price {font-size: 14px; color: #246c00; font-weight: bold;}
TABLE.ordertab TD SELECT {color: #246c00; font-size: 10px;}

TD.rsc_i {text-align: left; vertical-align: bottom;}
TD.rsc_l {width: 100%; font-size: 10px; vertical-align: bottom; padding: 0px 0px 0px 3px;}
TD.rsc_d {font-size: 10px; text-align: left; vertical-align: top; padding: 0px 0px 3px 0px;}

TD.feat_i {text-align: left; vertical-align: top; padding: 0px 10px 10px 0px;}
TD.feat_d {width: 100%; vertical-align: top; padding: 5px 0px 0px 0px;}
TD.feat_d A {}
TD.feat_a {font-weight: bold;}
TD.feat_r {text-align: right; vertical-align: top; padding: 5px 0px 10px 0px;}

.buynowprice {color: #ff3300; font-weight: bold; font-size: 11px;}
S.buynowprice {color: black; font-weight: normal; font-size: 9px;}

/* Table of Content Box */
DIV.toc {clear:both; float:right; font-size:80%; margin:0pt 0pt 2em 2em; width:200px;}
DIV.tocheader {background-color:#929292; border:1px solid #8CACBB; font-weight:bold; margin-bottom:2px; padding:3px; text-align:left;}
#toc__inside {background-color:#FFFFFF; border:1px solid #8CACBB; padding:0.5em 0pt 0.7em; text-align:left;}
UL.toc {line-height:1.2em; list-style-image:none; list-style-type:none; margin:0pt; padding-left:1em;}
UL.toc LI {background:transparent url(images/tocdot2.gif) no-repeat scroll 0pt 0.6em; padding-left:0.4em;}
UL.toc LI.clear {background-image:none; padding-left:0.4em;}
A.toc:link, A.toc:visited {color:#246C00;}
A.toc:hover, A.toc:active {color:#000000;}

/* Link icons */
A.pdf {background: url(images/fileicons/pdf.png) no-repeat; padding: 2px 0px 0px 20px; line-height: 24px;}
A.zip {background: url(images/fileicons/zip.png) no-repeat; padding: 2px 0px 0px 20px; line-height: 24px;}
A.rpm {background: url(images/fileicons/rpm.png) no-repeat; padding: 2px 0px 0px 20px; line-height: 24px;}
A.tar {background: url(images/fileicons/tar.png) no-repeat; padding: 2px 0px 0px 20px; line-height: 24px;}
A.tgz {background: url(images/fileicons/tgz.png) no-repeat; padding: 2px 0px 0px 20px; line-height: 24px;}
A.gz {background: url(images/fileicons/gz.png) no-repeat; padding: 2px 0px 0px 20px; line-height: 24px;}
A.link {background: url(images/fileicons/html.png) no-repeat; padding: 2px 0px 0px 20px; line-height: 24px;}
A.chm {background: url(images/chm.gif) no-repeat; padding: 2px 0px 0px 19px; line-height: 24px;}
A.download {background: url(images/download.gif) no-repeat; padding: 2px 0px 0px 20px; line-height: 24px;}

/* eForm */
div.errors { color:#F00; background: #FFFFDF; border:1px solid #F00; padding:10px;}
.invalid { background: #FFDFDF; border:1px solid #F00; }
.required { background: #FFFFDF; border:1px solid #F00; }