﻿.flxbx-co-tbl-bg {display: inline-block;}

/* -- table style - CO - default -- */
.table-co-def, .table-co-dc {padding: 10px; background: #e3e3e3 !important; font-family: Arial;}
.table-co-def td {padding: 8px; font-size: 11px; color: #666;}
.table-co-dc td {padding: 5px; font-size: 9px; color: #555;}

.table-co-def tr td, .table-co-dc tr td {border: 1px solid white;}
.table-co-def tr.odd td.odd, .table-co-dc tr.odd td.odd {background-color: #e1f0ff;}
.table-co-def tr.odd td.even, .table-co-dc tr.odd td.even {background-color: #f7fbff;}
.table-co-def tr.even td.odd, .table-co-dc tr.even td.odd {background-color: #cce5ff;}
.table-co-def tr.even td.even, .table-co-dc tr.even td.even {background-color: #e1f0ff;}

/* -- table style - GEN - default -- */
.table-gen-def, .table-gen-dc {padding: 10px; background: #e3e3e3 !important; font-family: Arial;}
.table-gen-def td {padding: 8px; font-size: 11px; color: #666;}
.table-gen-dc td {padding: 5px; font-size: 9px; color: #555;}

.table-gen-def tr td, .table-gen-dc tr td {border: 1px solid white;}
.table-gen-def tr.odd td.odd, .table-gen-dc tr.odd td.odd {background-color: #e1f0ff;}
.table-gen-def tr.odd td.even, .table-gen-dc tr.odd td.even {background-color: #eef6ff;}
.table-gen-def tr.even td.odd, .table-gen-dc tr.even td.odd {background-color: #cce5ff;}
.table-gen-def tr.even td.even, .table-gen-dc tr.even td.even {background-color: #e1f0ff;}

/* -- table style - HX - default -- */
.table-hx-def, .table-hx-dc {padding: 10px; font-family: Arial;}
.table-hx-def td {
	padding: 8px;
	font-size: 12px;
	color: #cccccc;
	text-shadow: 0 1px 0 #000000;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.33) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.33))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 100%); /* W3C */
	background-color: #981818; 
 	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
 	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
	   -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
	        box-shadow: inner 0 1px 0 rgba(255,255,255,.1);
	border: 1px solid #000000;
}

.table-hx-dc td {
	padding: 8px;
	font-size: 11px;
	color: #cccccc;
	text-shadow: 0 1px 0 #000000;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.33) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.33))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.33) 100%); /* W3C */
	background-color: #981818; 
 	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
 	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
	   -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
	        box-shadow: inner 0 1px 0 rgba(255,255,255,.1);
	border: 1px solid #000000;
}

.table-hx-def tr.odd td, .table-hx-dc tr.odd td {background-color: #292929; color: #919191;}
.table-hx-def tr.even td, .table-hx-dc tr.even td {background-color: #3d3d3d; color: #919191;}
.table-hx-def tr.odd td.cat, .table-hx-dc tr.odd td.cat		{background-color: #202020; color: #cccccc;}
.table-hx-def tr.odd td.even, .table-hx-dc tr.odd td.even	{background-color: #373737; color: #919191;}
.table-hx-def tr.even td.even, .table-hx-dc tr.even td.even {background-color: #575757; color: #919191;}
.table-hx-def tr.even td.odd, .table-hx-dc tr.even td.odd	{background-color: #3e3e3e; color: #919191;}


/* Generic Background Box */
.flxbx-gen-bg  {
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.25), 0 1px 0 rgba(255,255,255,.9);
	   -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.25), 0 1px 0 rgba(255,255,255,.9);
	        box-shadow: inner 0 1px 3px rgba(0,0,0,.25), 0 1px 0 rgba(255,255,255,.9);
	background: #d8d8d8; background: rgba(0,0,0,.08);
        background-repeat:no-repeat;
}

/* HyperX Background Box */
.flxbx-hx-bg {
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.8), 0 1px 0 rgba(255,255,255,.1);
	   -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.8), 0 1px 0 rgba(255,255,255,.1);
	        box-shadow: inner 0 1px 3px rgba(0,0,0,.8), 0 1px 0 rgba(255,255,255,.1);
	background: #141414; background: rgba(0,0,0,.33);
    background-repeat:no-repeat;
}

/* CO Table Box */
.flxbx-co-tbl-bg {
	float: left;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.25), 0 1px 0 rgba(255,255,255,.9);
	   -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.25), 0 1px 0 rgba(255,255,255,.9);
	        box-shadow: inner 0 1px 3px rgba(0,0,0,.25), 0 1px 0 rgba(255,255,255,.9);
	background: #d8d8d8; background: rgba(0,0,0,.08);
	display: inline-block; 
	margin: 10px 0px 15px 25px; 
	padding: 10px;
	font-family: Arial;
	font-size: 11px;
}

/* GEN Table Box */
.flxbx-gen-tbl-bg {
	float: left;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.25), 0 1px 0 rgba(255,255,255,.9);
	   -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.25), 0 1px 0 rgba(255,255,255,.9);
	        box-shadow: inner 0 1px 3px rgba(0,0,0,.25), 0 1px 0 rgba(255,255,255,.9);
	background: #d8d8d8; background: rgba(0,0,0,.08);
	display: inline-block; 
	margin: 10px 0px 15px 25px; 
	padding: 10px;
	font-family: Arial;
	font-size: 11px;
}

/* HX Table Box */
.flxbx-hx-tbl-bg {
	float: left;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.8), 0 1px 0 rgba(255,255,255,.1);
	   -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.8), 0 1px 0 rgba(255,255,255,.1);
	        box-shadow: inner 0 1px 3px rgba(0,0,0,.8), 0 1px 0 rgba(255,255,255,.1);
	background: #141414; background: rgba(0,0,0,.33);
	display: inline-block; 
	margin: 10px 0px 15px 25px; 
	padding: 10px;
	font-family: Arial;
	font-size: 11px;
}

/* HX ProdFilter Box */
.flxbx-hx-pf-bg {
	float: left;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.8), 0 1px 0 rgba(255,255,255,.1);
	   -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.8), 0 1px 0 rgba(255,255,255,.1);
	        box-shadow: inner 0 1px 3px rgba(0,0,0,.8), 0 1px 0 rgba(255,255,255,.1);
	background: #141414; background: rgba(0,0,0,.33);
	display: inline-block; 
	width: 150px; 
	margin: 0px 0px 15px 3px; 
	padding: 10px 10px 2px 10px;
}
	
/* Tech Support Contact Box */
.flxbx-cntct-bg {
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.7), inset 0 -1px 0 rgba(0,0,0,.10), 0 0 3px rgba(0,0,0,.3);
	   -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.7), inset 0 -1px 0 rgba(0,0,0,.10), 0 0 3px rgba(0,0,0,.3);
	        box-shadow: inner 0 1px 0 rgba(255,255,255,.7), inner 0 -1px 0 rgba(0,0,0,.10), 0 0 3px rgba(0,0,0,.3);
	background: #e0e0e0; background: rgba(0,0,0,.05);
}

/* Image Viewer Background Box */
.flxbx-img-bg {
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.33), 0 1px 0 rgba(255,255,255,.9);
	   -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.33), 0 1px 0 rgba(255,255,255,.9);
	        box-shadow: inner 0 1px 3px rgba(0,0,0,.33), 0 1px 0 rgba(255,255,255,.9);
	background: #FFFFFF;
}

.flxbx-img-sup {
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.33), 0 1px 0 rgba(255,255,255,.9);
	   -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.33), 0 1px 0 rgba(255,255,255,.9);
	        box-shadow: inner 0 1px 3px rgba(0,0,0,.33), 0 1px 0 rgba(255,255,255,.9);
	width: 380px;
	background: #FFFFFF;
	margin: 2px 3px 17px 3px;
}

/* Image Viewer Cropped Box */
.flxbx-img {
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.9);
	   -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.9);
	        box-shadow: inner 0 1px 3px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.9);
}
.flxbx-img a {
	display: block;
	width: 100%;
	height: 100%;
}

/* 
 * -- GEN/CO ToolTip -- */
.flxbx-tooltip-bg {
	border: 1px #000000 solid;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 10px rgba(0,0,0,.5);
	   -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 10px rgba(0,0,0,.5);
	        box-shadow: inner 0 1px 0 rgba(255,255,255,.2), 0 1px 10px rgba(0,0,0,.5);
	background: #2b2b2b; background: rgba(0,0,0,.8);
}

div.flxbx-title
{
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .25), 0 0px 0 rgba(255, 255, 255, .9);
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.25), 0 0px 0 rgba(255,255,255,.9);
    box-shadow: inner 0 1px 3px rgba(0, 0, 0, .25), 0 0px 0 rgba(255, 255, 255, .9);
    background: #F4F4F4 none no-repeat top;
    padding:10px 10px 5px 10px;
    height:21px;
}

div.flxbx-content
{
    padding:10px 10px 5px 10px;
    margin-bottom:5px;
}