/*
 * site.css - CSS style sheet
 *
 * $Id: site.css,v 1.4 2010/03/16 04:42:03 henrik Exp $
 */

.color1 { background: #6363D6;}
.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: #46468C;}
H1 {font-size: 16px;}
H2 {font-size: 14px;}
H3 {font-size: 12px;}

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

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

UL {list-style-image: url(/images/arrow.gif);}

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

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: #6363D6; 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;}

.menu0 {color: white; background: #6363D6 url(/images/msquare.gif) no-repeat 10px 10px; margin: 0px; padding: 6px 0px 7px 26px; font-family: Arial, sans-serif; font-size: 14px; font-weight: normal;}
.menu1 A {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 {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;}

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;text-decoration: none;}
.button {font-family: Arial, sans-serif; background: url(/images/but_bg.gif);color: white; font-weight: bold;font-size: 11px;text-decoration: none;}
.button_r {font-family: Arial, sans-serif; background: url(/images/but_r.gif) no-repeat left;font-size: 11px;text-decoration: none;}
A.button {background: 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 #9C9CE7; padding: 10px 10px; border-width: 0px 0px 0px 10px; margin-bottom: 20px; margin-left: 15px; font-size: 10px;}
DIV.rightbox P.heading {font-size: 12px; font-family: Arial, sans-serif; color: #46468C; font-weight: bold;}
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 P.heading {font-size: 9px; margin-bottom: 2px; font-family: Verdana, sans-serif; color: #46468C; font-weight: bold;}
.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: #6363D6; 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 */
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: #6363D6;}
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: #6363D6; font-weight: bold;}
TABLE.ordertab TD SELECT {color: #6363D6; 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: bottom; 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;}

DIV.appnote {margin-bottom: 10px; }
DIV.appnote .title {font-weight: bold; }
DIV.appnote .descr {font-size: 10px;}

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; }