/*More colors on dynamic elements generated by CyberBuild can be modified on header.js*/

/* Generic Page, Paragraph, Link & Table Settings */
/* ============================================== */

/* Enforcing scrollbar appearance, useful for a centralized page style: */
/* HTML {min-height:100.1%;} */ 

P { 
	LINE-HEIGHT: 1.5; 
}


A, A:link, A:visited, A:active  {
	color: #0000FF;
	text-decoration: underline;
}

A:hover {
	color: #800080;
	text-decoration: underline;
}

TD {
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 1.5;
}

TH {
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;
	LINE-HEIGHT: 1.5;
}

/* TAB Styles */
/* =========== */

td.left_tab {
	background: url(Assets/left_tab.gif) right bottom no-repeat;
	padding-left: 10px;
}
td.right_tab {
	background: url(Assets/right_tab.gif) left bottom no-repeat;
	padding-right: 10px;
}
td.tab {
	background: url(Assets/tab.gif) center bottom repeat-x;
	text-align: center;
	vertical-align: middle;
}


/* Font Styles */
/* =========== */

.bktitle {
	COLOR: #ffa040;
	FONT-FAMILY: Arial Rounded MT Bold, Verdana;
	FONT-SIZE: 18pt;
	FONT-WEIGHT: bold;
}

.bktitlesmall {
	COLOR: #40a040;
	FONT-FAMILY: Arial Rounded MT Bold, Verdana;
	FONT-SIZE: 10pt;
	FONT-WEIGHT: bold;
}

.category {
	COLOR: #000080;
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;
}

.heading {
	COLOR: #ffa040;
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;
}

.headingwhite {
	COLOR: #ffffff;
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;
}

.headingbig {
	COLOR: #330066;
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 11pt;
	FONT-WEIGHT: bold;
}

.body {
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: normal;
}

.bodyblack {
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: normal;
}

.bodyblue {
	COLOR: #000080;
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: normal;
}

.bodywhite {
	COLOR: #ffffff;
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: bold;
}

.bodygreen {
	COLOR: #008000;
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: normal;
}

.bodyheading {
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;
}

.cart {
	COLOR: #000080;
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 1;
}

.menustrip {
	COLOR: #ffffff;
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;
}

.menucurrent {
	COLOR: #80ff80;
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;
}

.copyright {
	COLOR: #000000;
	FONT-FAMILY: Georgia, Times New Roman, Times;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal;
}

.copyrightwhite {
	COLOR: #ffffff;
	FONT-FAMILY: Georgia, Times New Roman, Times;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal;
}


/* Link Styles */
/* =========== */

A.menustrip, A.menustrip:link, A.menustrip:visited, A.menustrip:active {
	COLOR: #ffffff;
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
}

A.menustrip:hover {
	COLOR: #80ff80;
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: underline;
}

A.menucurrent, A.menucurrent:link, A.menucurrent:visited, A.menucurrent:active {
	COLOR: #80ff80;
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
}

A.menucurrent:hover {
	COLOR: #80ff80;
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: underline;
}

A.menusmall, A.menusmall:link, A.menusmall:visited, A.menusmall:active {
	COLOR: #004080;
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 1;
	TEXT-DECORATION: none;
}

A.menusmall:hover {
	COLOR: #ffa040;
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;
	LINE-HEIGHT: 1;
	TEXT-DECORATION: underline;
}

A.category, A.category:link, A.category:visited, A.category:active {
	COLOR: #000080;
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
}

A.category:hover
{
    COLOR: #ffa040;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: underline;
}


/* Line and Table Styles */
/* ===================== */

HR.blueline {
	COLOR: #0080ff;
	HEIGHT: 1px;
	noshade: true;
}

HR.blackline {
	COLOR: #000000;
	HEIGHT: 1px;
	noshade: true;
}

TABLE.blue {
	BACKGROUND-COLOR: #3399ff
}

TABLE.bluetopbottom {
	BORDER-BOTTOM: #0080ff 1px solid;
	BORDER-TOP: #0080ff 1px solid;
}

TABLE.blueborder {
	BACKGROUND-COLOR: #ffffff;
	BORDER-BOTTOM: #0080ff 1px solid;
	BORDER-LEFT: #0080ff 1px solid;
	BORDER-RIGHT: #0080ff 1px solid;
	BORDER-TOP: #0080ff 1px solid;
}

TABLE.blueline {
	BACKGROUND-COLOR: #ffffff;
	BORDER-LEFT: #0080ff 1px solid;
	BORDER-TOP: #0080ff 1px solid;
}

TABLE.highlight {
	BACKGROUND-COLOR: #e0ffe0;
	BORDER-BOTTOM: #0080ff 1px solid;
	BORDER-LEFT: #0080ff 1px solid;
	BORDER-RIGHT: #0080ff 1px solid;
	BORDER-TOP: #0080ff 1px solid;
}

TR.blue {
	BACKGROUND-COLOR: #3399ff;
}

TR.purple {
	BACKGROUND-COLOR: #c0c0ff;
}

TH.blue {
	BACKGROUND-COLOR: #3399ff;
}

TH.blueborder {
	BACKGROUND-COLOR: #ffffff;
	BORDER-BOTTOM: #0080ff 1px solid;
	BORDER-LEFT: #0080ff 1px solid;
	BORDER-RIGHT: #0080ff 1px solid;
	BORDER-TOP: #0080ff 1px solid;
}

TH.blueline {
	BACKGROUND-COLOR: #e0ffe0;
	BORDER-BOTTOM: #0080ff 1px solid;
	BORDER-RIGHT: #0080ff 1px solid;
	COLOR: #000080;
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 1.25
}

TD.highlight {
	BACKGROUND-COLOR: #e0ffe0;
	BORDER-BOTTOM: #0080ff 1px solid;
	BORDER-LEFT: #0080ff 1px solid;
	BORDER-RIGHT: #0080ff 1px solid;
	BORDER-TOP: #0080ff 1px solid;
}

TD.blue {
	BACKGROUND-COLOR: #3399ff;
}

TD.blueborder {
	BACKGROUND-COLOR: #ffffff;
	BORDER-BOTTOM: #0080ff 1px solid;
	BORDER-LEFT: #0080ff 1px solid;
	BORDER-RIGHT: #0080ff 1px solid;
	BORDER-TOP: #0080ff 1px solid;
}

TD.bluetopbottom {
	BORDER-BOTTOM: #3399ff 1px solid;
	BORDER-TOP: #3399ff 1px solid;
}

TD.blueleft {
	BORDER-LEFT: #3399ff 1px solid;
}

TD.blueright
{
	BORDER-RIGHT: #3399ff 1px solid;
}

TD.blueleftright {
	BORDER-BOTTOM: #3399ff 1px solid;
	BORDER-LEFT: #3399ff 1px solid;
	BORDER-RIGHT: #3399ff 1px solid;
}

TD.blueline {
	BORDER-BOTTOM: #0080ff 1px solid;
	BORDER-RIGHT: #0080ff 1px solid;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 1.25
}

TD.bluebottom {
	BORDER-BOTTOM: #3399ff 1px solid;
}

/* Form elements */
/* ============= */

INPUT {
	font-family: Arial; 
	font-size: 9pt;
}

.inputsmall {
	font-family: Arial; 
	font-size: 8pt;
}

SELECT {	
	font-family: Arial; 
	font-size: 9pt;
}

.selectsmall {	
	font-family: Arial; 
	font-size: 8pt;
}

TEXTAREA {	
	font-family: Arial; 
	font-size: 9pt;
}

input[type="text"], input[type="password"], select, textarea {
    border: 1px solid #AAAAAA;
    background: #FFF0FF;
}

input[type="text"]:hover, input[type="password"]:hover, select:hover, textarea:hover {
    border: 1px solid #666666;
    background: #E0FFE0;
}

input {
    height: 21px; vertical-align:middle;
}

input[type="text"], input[type="password"]{
    height: 17px; vertical-align:bottom;
}

input[type="file"], input[type="button"], input[type="submit"], input[type="reset"] {
    border: 1px solid #666666;
    background: #E0E0E0;
}

input[type="submit"]:hover, input[type="reset"]:hover, input[type="file"]:hover, input[type="button"]:hover, select:hover {
	CURSOR: pointer; CURSOR: hand;
}
/*
The following defines the dynamic menu styles associated with 
CyberOffice Warehouse Builder (CyberBuild) and Franchise Builder (CyberMall).
You can adjust the colors to match the theme of your site.
The style has been altered toward "grey" colors.
*/

/* Frame Properties */
/* ================ */
.clCMAbs {
	LEFT: 0px;
	LINE-HEIGHT: 1;
	TOP: 0px;
	VISIBILITY: hidden;
	POSITION: absolute;
}

.clBar {
	BACKGROUND-COLOR: #FFFFFF;
	HEIGHT: 10px;
	LINE-HEIGHT: 1;
	VISIBILITY: hidden;
	WIDTH: 10px;
	layer-background-color: #FFFFFF;
	POSITION: absolute;
}


/* Level 0 Style */
/* ============= */

.clLevel0 {
	FONT-FAMILY: Verdana,Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 1;
	PADDING-BOTTOM: 2px;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 2px;
	PADDING-TOP: 2px;
	text-align: left;
	BACKGROUND-COLOR: #e0ffe0;
	COLOR: #000080;
	LINE-HEIGHT: 1;
	layer-background-color: #E0FFE0;
	POSITION: absolute;
}

.clLevel0over {
	FONT-FAMILY: Arial;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 1;
	PADDING-BOTTOM: 2px;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 2px;
	PADDING-TOP: 2px;
	text-align: center;
	BACKGROUND-COLOR: #8080E0;
	COLOR: #ffffff;
	CURSOR: pointer; CURSOR: hand;
	LINE-HEIGHT: 1;
	layer-background-color: #8080E0;
	POSITION: absolute;
}

.clLevel0border {
	BACKGROUND-COLOR: #0080ff;
	LINE-HEIGHT: 1;
	VISIBILITY: visible;
	layer-background-color: #0080ff;
	POSITION: absolute;
}


/* Level 1 Style */
/* ============= */

.clLevel1 {
	FONT-FAMILY: Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 1;
	PADDING-BOTTOM: 2px;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 2px;
	PADDING-TOP: 2px;
	BACKGROUND-COLOR: #e0ffe0;
	COLOR: #000000;
	LINE-HEIGHT: 1;
	layer-background-color: #E0FFE0;
	POSITION: absolute;
}

.clLevel1over {
	FONT-FAMILY: Arial;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 1;
	PADDING-BOTTOM: 2px;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 2px;
	PADDING-TOP: 2px;
	BACKGROUND-COLOR: #8080E0;
	COLOR: #ffffff;
	CURSOR: pointer; CURSOR: hand;
	LINE-HEIGHT: 1;
	layer-background-color: #8080E0;
	POSITION: absolute;
}

.clLevel1border {
	BACKGROUND-COLOR: #0080ff;
	LINE-HEIGHT: 1;
	VISIBILITY: visible;
	layer-background-color: #0080ff;
	POSITION: absolute;
}


/* Level 2 Style */
/* ============= */

.clLevel2 {
	FONT-FAMILY: Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 1;
	PADDING-BOTTOM: 2px;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 2px;
	PADDING-TOP: 2px;
	BACKGROUND-COLOR: #e0ffe0;
	COLOR: #000000;
	LINE-HEIGHT: 1;
	layer-background-color: #E0FFE0;
	POSITION: absolute;
}

.clLevel2over {
	FONT-FAMILY: Arial;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 1;
	PADDING-BOTTOM: 2px;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 2px;
	PADDING-TOP: 2px;
	BACKGROUND-COLOR: #8080E0;
	COLOR: #ffffff;
	CURSOR: pointer; CURSOR: hand;
	LINE-HEIGHT: 1;
	layer-background-color: #8080E0;
	POSITION: absolute;
}

.clLevel2border {
	BACKGROUND-COLOR: #0080ff;
	LINE-HEIGHT: 1;
	VISIBILITY: visible;
	layer-background-color: #0080ff;
	POSITION: absolute;
}