/* ############### STORIX BACKEND STYLE SHEET ############### */
/* LAST UPDATE 10/23/08

/*#####################################*/
/* --------DEFAULT PAGE STYLES-------- */ 

/* This is the default table properties */
.default {
        table-layout: auto;
        width: 98%;
        border: 0px solid black;
        border-collapse: collapse;
        margin-left: auto;
        margin-right: auto;
        padding: 6px;
        border-spacing: 3;
        text-align: left;
		color: #333333;
        font-size: 85%
}

/* This is the default font properties */
body {
	font-family: arial, helvetica, 'sans serif';
	color: #333333;
	margin: 0;
	background-color: white;
}

/* This is the default headline properties */
h1 {
	font-size: 150%;
}

/* This is the default subhead 2 properties */
h2 {
    font-size: 135%;
}


/* This is the default subhead 3 properties */
h3 {
	font-size: 100%;
}

/* This is the default for table data */
td {
	padding: 2px;
}

/* Default for subheads */
.subhead {
	font-size: 90%;
	color: white;
	padding: 3px;
	font-weight: bold;
	background: url(../../templates/stxdefault/images/navbutton.png) repeat-x;
}

/*##################################*/
/* --------HOME PAGE STYLES-------- */

/* This is the table properties for homepage tables */
.indexTABLE {
	table-layout: auto;
	width: 100%;
	border: 0;
	border-spacing: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 6px;
	border-spacing: 0;
	text-align: left;
	font-size: 75%
}	

/* This is the table properties for features table (outer) */
.featuresTABLE {
	table-layout: auto;
	width: 200px;
	border: 0;
	border-spacing: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    border-spacing: 0;
    text-align: center;
    font-size: 100%
}

/* This is the table properties for features table (inner) */
.featuresTABLE2 {
    table-layout: auto;
    width: 100%;
    border: 0;
    border-spacing: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    border-spacing: 0;
    text-align: left;
    font-size: 90%
}

/* This is the table properties for news */
.newsTABLE {
    table-layout: auto;
    width: 100%;
    border: 0;
    border-spacing: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    border-spacing: 0;
    text-align: left;
    font-size: 90%
}

/* This is the table properties for screencaps */
.screensTABLE {
    table-layout: auto;
    width: 400px;
    border: 0;
    border-spacing: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    border-spacing: 0;
    text-align: left;
    font-size: 90%
}

/* This is used for special tables on the homepage */
.nopadTD {
	padding: 0px;
}	

/* This is used for tiny text */
.tiny {
	font-size: 65%;
}

/*####################################*/
/* --------CUSTOM PAGE STYLES-------- */ 

/* This is white subhead properties */
.whiteh3 {
	color: #FFFFFF;
	font-size: 115%;
}

/* This is red subhead properties */
.redh3 {
	color: #990000;
	font-size: 115%;
}

/* This is for normal subheads in tables */
.h3 {
	color: #333333;
	font-size: 115%;
}

.whiteTD {
	color: #FFFFFF;
	text-align: center;
}

/* This is the black table row */
.blackTR {
	background-color: #000000;
}

/* This is the grey table row */
.greyTR {
	background-color: #F1F1F1;
}

/* This is the dark grey table row */
.dkgreyTR {
    background-color: #333333;
}


/* This table is for smaller tables */
.table55 {
	table-layout: auto;
	width: 55%;
	border: 0;
	border-spacing: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	text-align: left;
	font-size: 75%
}

/* This table is for smaller tables */
.products {
    table-layout: auto;
    /*width: 580px;*/
    width: 100%;
    border-collapse: collapse;
    border: 0px solid black;
    margin-left: auto;
    margin-right: auto;
    font-size: 65%
}

.products td {
    text-align: center;
    padding: 2px;
    border: 1px solid black;
}

/* This table is for smaller tables */
.products2 {
    table-layout: auto;
    width: 100%;
    border-collapse: collapse;
    border: 1px solid black;
    margin-left: auto;
    margin-right: auto;
    font-size: 100%
}

.products2 td {
    text-align: center;
    padding: 2px;
    border: 1px solid black;
}

/* This table is for medium tables */
.table75 {
    table-layout: auto;
    width: 75%;
    border: 0;
    border-spacing: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    text-align: left;
    font-size: 75%
}


/* This table is for larger tables */
.table100 {
    table-layout: auto;
    width: 100%;
    border: 0;
    border-spacing: 0;
    padding: 0;
    text-align: left;
    font-size: 100%
}


/* These are properties for the reseller and distributor tables */
.table_resell {
    table-layout: auto;
    width: 85%;
    border-spacing: 1px;
	background-color: #333333;
    margin-left: auto;
   	margin-right: auto; 
    padding: 0px; 
	text-align: left;
	empty-cells: show;
}

/* This table is pulldown menus */
.pulldown {
    table-layout: auto;
    width: 100%;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-spacing: 0;
    padding: 0;
    text-align: left;
    font-size: 100%
}

/* These are properties for td w/white bg and text:center */
.wcenterTD {
	background-color: #FFFFFF;
	text-align: center;
	padding: 6px;
}

/* These are properties for td w/white bg and text:left */
.wleftTD {
    background-color: #FFFFFF;
    text-align: left;
	padding: 2px;
}

/* These are properties for td w/grey bg and text:center */
.gcenterTD {
    background-color: #CCCCCC;
    text-align: center;
	padding: 2px;
}

/* These are properties for td w/grey bg and text:left */
.gleftTD {
    background-color: #CCCCCC;
    text-align: left;
	padding: 2px;
}

/* These are properties for td w/light grey bg and text:left */
.lgleftTD {
    background-color: #F2F2F2;
    text-align: left;
    padding: 2px;
}

/* These are properties for td w/light grey bg and text:center */
.lgcenterTD {
    background-color: #F2F2F2;
    text-align: center;
    padding: 2px;
}

/* These are properties for td w/black bg and white text */
.blackTD {
    background-color: #000000;
    color: white;
    padding: 6px;
}

.usertab {
	background: url(../../templates/stxdefault/images/navbutton.png) repeat-x;
	color: white;
}

.closeButton {
	border: 1px solid #990000;
	padding: 3px;
}

.closeButton a:hover {
	background: url(../../templates/stxdefault/images/navbutton.png) repeat-x;
	color: white;
	padding: 3px;
	margin:0;
}