/* V5.10 CSS - Feb.18 2005 */

/* GLOBAL classes - skin & pages */
BODY { SCROLLBAR-FACE-COLOR: #6666ff; SCROLLBAR-3DLIGHT-COLOR: blue; SCROLLBAR-ARROW-COLOR: #000099; SCROLLBAR-BASE-COLOR: #bfc0e9; margin: 0pt}
H1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;}
td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }


.ReloadBox { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: blink;}

/* Top Menu */
div#header { background: url("/themes/blueox/Pics/HeadBanner_Ox.jpg") no-repeat bottom center; overflow:hidden; }
div#headerimg { height: 96px; width: 148px; overflow:hidden; }
div#headerimg h1 { text-indent:-9000px; //move the text 9000 pixels to the left (off the screen) }

.MenuFont { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none;}
.MenuFont a:link { color: #FFFFFF; text-decoration: none;}
.MenuFont a:visited {	color: #FFFFFF;  text-decoration: none;}
.MenuFont a:hover {	color: #FFFF99;  text-decoration: none;}
.SideBar { border-right-width: 1px; border-right-style: solid; border-right-color: #DBD6E8; }

/* Background Images */
.SearchBackground { background-image: url('/themes/blueox/Pics/SearchBarBackground.gif');}
.MiddleBackground { background-image: url('/themes/blueox/Pics/Middle_Background.gif');}
.HeaderBackground { background-image: url('/themes/blueox/img/cat_bg2.gif');}
.BottomBackground { background-image: url('/themes/blueox/Pics/BottomSearchBar.gif');}

/* Alert fonts*/
.redfont {color: #FF0000;}
.greenfont {color: #006600;}
.bluefont {color: #0000CC;}
.alertfont {color: #FF0000;}

/* Feedback fonts*/
.positive {color: #009933;}
.neutral {color: #666666;}
.negative {color: #FF0000;}

/* SYSTEM classes - skin & pages */
.sell {font-size: 10px; font-weight: bold; color: #FFFFFF;}
.sell a {font-size: 10px; font-weight: bold; color: #FFFFFF;}
.sell a:hover { font-size: 10px; font-weight: bold; color: #FFFF00; text-decoration: none; }

.menuHover  {background-color: #ffffff; color: #FF0000; cursor: pointer;}
.menuOut2 {background-color: #F0F0F0;}
.menuOut1 {background-color: #F8F8F8;}

.cat {font-size: 11px; color: #000000; text-decoration: none; }
.cat a {font-size: 11px; color: #000000; text-decoration: none;}
.cat a:hover { font-size: 11px; color: #FF0000; text-decoration: none; background-color: #ffffff; display: block;}


.item { font-size: 10px; color: #000000; text-decoration: none;}
.item a { font-size: 10px; color: #000000; text-decoration: underline; }
.item a:hover { font-size: 10px; color: #FF0000; text-decoration: none; }

.bolditem { font-size: 10px; font-weight: bold; color: #000000; text-decoration: none;}
.bolditem a { font-size: 10px; font-weight: bold; color: #000000; text-decoration: underline; }
.bolditem a:hover { font-size: 10px; font-weight: bold; color: #FF0000; text-decoration: none; }

.hlitem { font-size: 10px; color: #000000; text-decoration: none; }
.hlitem a { font-size: 10px; text-decoration: underline; color: #000000; background: #00CCFF; }
.hlitem a:hover { font-size: 10px; color: #FFFFFF; text-decoration: none; background: #00CCFF;}

.hlbolditem { font-size: 10px; font-weight: bold; color: #000000; text-decoration: none; }
.hlbolditem a { font-size: 10px; font-weight: bold; text-decoration: underline; color: #000000; background: #00CCFF;}
.hlbolditem a:hover { font-size: 10px; font-weight: bold; color: #FFFFFF; text-decoration: none; background: #00CCFF;}

.smallfont { font-size: 10px; color: #000000; text-decoration: none;}
.smallfont a { font-size: 10px; color: #000000; text-decoration: underline; }
.smallfont a:hover { font-size: 10px; color: #FF0000; text-decoration: none; }

.smallerfont { font-size: 9px; color: #6B3A3C; text-decoration: none; font-weight: bold;}

.biggerfont { font-size: 13px; color: #000000; text-decoration: none;}
.biggerfont a { font-size: 13px; color: #000000; text-decoration: underline; }
.biggerfont a:hover { font-size: 13px; color: #FF0000; text-decoration: none; }

.mediumfont { font-size: 11px; color: #000000; text-decoration: none;}
.mediumfont a { font-size: 11px; color: #000000; text-decoration: underline; }
.mediumfont a:hover { font-size: 11px; color: #FF0000; text-decoration: none; }

.mediumwhitefont { font-size: 11px; color: #FFFFFF; font-weight: bold;}

.contentfont { font-size: 11px; color: #000000; text-decoration: none; }
.contentfont a { font-size: 11px; color: #000000; text-decoration: underline; }
.contentfont a:hover { font-size: 11px; color: #FF0000; text-decoration: underline; }

.alertfont { font-size: 12px; color: #CC0000; text-decoration: none; }

.submenu {font-size: 10px; font-weight: bold; color: #FFFFFF; text-decoration: none;}
.submenu a {font-size: 10px; font-weight: bold; color: #FFFFFF; text-decoration: underline;}
.submenu a:hover { font-size: 10px; font-weight: bold; color: #FFFF00; text-decoration: none; }

.border {border: 1px solid #999999;}
.border2 {border: 1px solid #7777E0;}  /* Blue */
.border3 {border: 1px solid #8E0E01;}  /* Red */
.border4 {border: 1px solid #B3BB86;}  /* Green */
.border5 {border: 1px dotted #D49A9A;}  /* Lighter Red */
.border6 {border: 1px dotted #ADB0DE;}  /* Lighter Blue */

/* SYSTEM classes - auctiondetails.php */
.topitempage { background-color: #FFFFE1; border: 1px dashed #CFCFCF; margin-bottom: 5px; padding: 6px; line-height: 18px; }
.topitempage a { font-size: 11px; color: #000000; text-decoration: underline; }
.topitempage a:hover { font-size: 11px; color: #FF0000; text-decoration: underline; }
.itemid { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #ffffff; font-weight: bold;}
.itemidend { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; font-weight: bold;}
.subitem { background-color: #F8F8F8; border-left: 1px solid #003C85; border-bottom: 1px solid #003C85; border-right: 1px solid #003C85;}
.counter {background-color: #C3F400; border: 2px dotted #184300; color: #184300; font-weight: bold; font-size: 12px;}
.picselect { background-color: #FFFFE1; border: 1px dashed #CFCFCF; color: #000000; font-weight: bold;}
.picselectmain { background-color: #e9e9eb;}
.leftborder {border-left: 1px solid #003C85;} 

.gradient {border: 1px dashed #CFCFCF; background-color: #FFFFFF; } /* was #F3F3FF featured items images bg */

/* SYSTEM classes - border for Steps in sell item pages */
.sellsteptab { border-left: 1px solid #003C85; border-bottom: 1px solid #003C85; border-right: 1px solid #003C85;}

/* SYSTEM classes - font in Members area  */
.boldgrey { font-size: 10px; color: #666666; font-weight: bold; text-decoration: none;}
.boldgrey a { font-size: 10px; color: #666666; font-weight: bold; text-decoration: underline;}
.boldgrey a:hover { font-size: 10px; color: #666666; font-weight: bold; text-decoration: none;}

.membutt {font-size: 10px; font-weight: bold; color: #003399; text-decoration: none;}

/* SYSTEM classes - register.php */
.creg2 {background-color: #FaFaFa;} /* lightgray light */
.creg3 {background-color: #F4F4F4;} /* lightgray middle*/
.creg4 {background-color: #ffffff;} /* inside bg for tables */
.creg5 {background-color: #999999;} /* block tables */
.regborder {background-color: #ffffff; border: 1px dotted #999999;}
.regsignup {background-color: #FFE23B; border: 2px dotted #CC0000; color: #CC0000; font-weight: bold; font-size: 12px;}
.reguser { font-size: 9px; background-color: #FFFFFF; color: #666666;} /* small text for comments*/
.pintext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #666666; }

/* SYSTEM classes - links color in categories headers */
.cathead { font-size: 10px; font-weight: normal; color: #FFFFFF; text-decoration: none; }
.cathead a { font-size: 10px; color: #FFFFFF; text-decoration: underline; }
.cathead a:hover { font-size: 10px; color: #FFEE00; text-decoration: none; }

/* SYSTEM classes - error & alert message */
.errormessage { background-color: #FFFFE1; border: 1px dashed #CFCFCF; margin-top: 6px; margin-bottom: 12px; padding: 4px; line-height: 14px; }

.infoBox { background-color: #FFFFE1; border: 1px dashed #CFCFCF; margin-top: 1px; margin-bottom: 1px; padding: 1px; font-size: 10px;}


/* V5 & system classes &  - main colors */
.c1 {background-color: #666666; color: #FFFFFF; font-weight: bold;} /* gray */
.c1 a {color: #FFFFFF; font-weight: bold;}
.c1 a:hover {color: #FFFFFF; font-weight: bold;}
.c2 {background-color: #F8F8F8;} /* lightgray light */
.c3 {background-color: #F0F0F0;} /* lightgray middle*/
.c4 {background-color: #E1E2E4;} /* lightgray dark */
.c5 {background-color: #666666;} 
.c6 {background-color: #EEF2F9; color: #003399;}
.c7 {background-color: #E3E4EB;} /* bluegray admin area */
.c8 {background-color: #F0DFDD;} /* Red */
.c9 {background-color: #DCDCFF;} /* Blue */
.c10 {background-color: #DAE094;} /* Green */
.c11 {background-color: #F7F9DD;} /* Light Green */
.c12 {background-color: #F0DFDD;} /* Light Green */
.c13 {background-color: #0000CC; color: #FFFFFF; font-weight: bold;} /* blue */

/* V5 classes - featured items colors in main page */
.feat1 { font-size: 10px; background-color: #FF6600; color: white; font-weight: bold; }
.feat2 { font-size: 10px; background-color: #0F3F79; color: white; font-weight: bold;}
.feat3 { font-size: 10px; background-color: #FFCC00; color: black; font-weight: bold;}
.feat3 a { font-size: 10px; background-color: #FFCC00; color: black; font-weight: bold;}
.feat3 a:hover { font-size: 10px; background-color: #FFCC00; color: black; font-weight: bold;}

/* V5 classes - featured items colors in main page */
a.hidelayer:link {font-size: 14px; font-weight: bold; text-decoration: none; color: #FFFFFF;}
a.hidelayer:visited {font-size: 14px; font-weight: bold; text-decoration: none; color: #FFFFFF;}

/* V5 classes - main nav menu colors */
.mainmenu {font-size: 10px; font-weight: bold; color: #FFFFFF; }
.mainmenu a {font-size: 10px; font-weight: bold; color: #FFFFFF; text-decoration: none;}
.mainmenu a:hover { font-size: 10px; font-weight: bold; color: #FFFF33;}
.user { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #666666; }

/* V5 classes - other */
.search {font-size: 10px; font-weight: bold; color: #444444; text-decoration: none;}
.search a {font-size: 10px; font-weight: bold; color: #444444; text-decoration: none;}
.search a:hover { font-size: 10px; font-weight: bold; color: #3399FF; text-decoration: underline; }

.welcome { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #003399; }

.categories { font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; font-size: 11px; text-decoration: none;}
.categories a { font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; font-size: 11px; text-decoration: none;}
.categories a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; font-size: 11px; text-decoration: underline;}

.maintext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.title { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

/* V5 classes - footer.php */

.footerfont { font-size: 10px; color: #444444; text-decoration: none; }
.footerfont a { font-size: 10px; color: #444444; text-decoration: underline; }
.footerfont a:hover { font-size: 10px; color: #0033FF; text-decoration: none; }

.footerfont1 { font-size: 10px; font-weight: bold; color: #FFFFFF; text-decoration: none; }
.footerfont1 a { font-size: 10px; color: #FFFFFF; text-decoration: none; }
.footerfont1 a:hover { font-size: 10px; color: #FF9900; text-decoration: underline; }

.submenu2 {font-size: 10px; font-weight: bold; color: #FFFFFF; text-decoration: none;}
.submenu2 a {font-size: 10px; font-weight: bold; color: #FFFFFF; text-decoration: underline;}
.submenu2 a:hover { font-size: 10px; font-weight: bold; color: #000000; background-color: #CCCCFF; text-decoration: none; display: block; }

.alertBox {background-color: #FFDDDD;}
.alertBoxBorder {background-color: #990000;}

.InputBoxes1 {font-size: 11px;}
.InputBoxes2 {font-size: 11px; background-color: #FFFFCC}