/* Remove Update Price Button*/  /*button.btnUpdate {display: none;}*/
/* Remove JS View Icon */ .highslide { cursor: default; }
/* Remove Customize and Review Links*/ .customizeDesignLink, .storefrontUploadArtLink { display: none; }
#shipToCompany .btnEdit {display: none;} 
/* @override http://acme.presswise.com/etc/site.css */
/* Mathnasium Color Scheme 
      Red = #ee3a31
      Light Teal = #363636
      Dark Gray = #363636
      Light Gray = #f5f5f5
*/


body {
	background-color:#FFFFFF;
	margin: 0 auto;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
}
.tag {
        font-family: Arial, Helvetica, sans-serif;
        color: #666666;
        font-size: 9px;
        line-height: 1.2em;
}
.boldbody {
        font-family: Arial, Helvetica, sans-serif;
        color: #000000;
        font-size: 12px;
        font-weight: bold;
        line-height: 1.2em;
}
.smallbody {
        color: #666666;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10pt;
}
.tinybody {
        color: #666666;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 9px;
}
.tinybodysup {
        color: #666666;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        vertical-align: text-top;
}
.signoff {
        font-family: Arial, Helvetica, sans-serif;
        color: #666666;
        font-size: 11px;
        line-height: 1.2em;
}
.login {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
		background-color: #F16122; /* Welcome and Logout color bar color */
        padding: 2px;
}
table.tableLogin {
	position: relative;
	z-index: 2;
	width: 780px;
}

table.tableMain {
	position: relative;
        z-index: 2;
        width: 780px;
        
        -moz-border-radius-bottomleft: 10px;
        -webkit-border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;

        -moz-border-radius-bottomright: 10px;
        -webkit-border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;

        background-image: -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#fff, EndColorStr=#363636);
        background-image: -moz-linear-gradient(top, #fff 50%, #363636 90%);
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.50, #fff),color-stop(0.9, #363636));
        background-repeat: no-repeat;
}

.mainContentNB {
		color: #000000;
		padding-left: 15px;
		width: 745px;
		}
a {
	font-family: Arial, Helvetica, sans-serif;
}

/******************************************************************************************
* Fusion ADDED - HTML for Menu, Footer, Checkout, Etc. *
*******************************************************************************************/
A {
  color: #F16122;
  text-decoration: none;
  /*font-weight:bold;*/
}
A:hover {
  color: #666666;
  text-decoration: underline;
}

a.login {
		color: #ffffff;
		text-decoration: none;
		font-weight:bold;
		}
a.login:hover {
		color: #000000;
		text-decoration: none;
		text-transform:uppercase;
		background-color: transparent;
		-moz-box-shadow: 0px 0px 15px #FF9900;
	    -webkit-box-shadow: 0px 0px 15px #FF9900;
		box-shadow: 0px 0px 15px #FF9900;
		}
.copyright, A.copyright, A.copyright:link, A.copyright:visited {
		background: transparent;
		color: #FFFFFF;
		font-family: Verdana, Arial, Helvetica, Sans-Serif;
		font-size: 10px;
		text-decoration: none;
		}
A.copyright:hover {
		text-decoration: underline;
		}
.anchor a{
            text-decoration: none;
		}
.anchor a:hover {
            text-decoration: underline;
		}
.clear {
		background-image: url(/img/_.gif);
		background-repeat: no-repeat;
		background-color: transparent;
		}
.yellow {
		color: #ffffff;
		}
.orange {
		color: #fffffff;
}
.green {
		color: #000000;
		font-size:14px;
		font-weight:bold;
}
.blue {
		color: #ffffff;
}
.cyan {
		color: #ffffff;
}

/******************************************************************************************
* Fusion ADDED - HTML for Menu, Footer, Checkout, Etc. *
*******************************************************************************************/
/* IE Gradient */
#BGradient {
		background-image:url(user/images/Global/BGradient.png);
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:140px;
		z-index:1;
		}
.tableSiteBanner img { z-index:2; float:inherit; position:relative; }


/* Stripes */
hgroup { margin: 35px 10px 0px }
#stripes {
        background-image:url(../user/images/Global/nav_logo.png);
        position: absolute;
        top:2px;
        left:70%;
        height:28px;
        width: 200px;
        z-index: 5;
		}

/* Nav Logo */

#NavLogo {
        background-image:url(../user/images/Global/nav_logo.png);
        float: inherit;
        position: absolute;
        top:2px;
        margin:0px auto;
        height: 32px:
        left:0;
        z-index: 3;
}

/* Main Navigation Menu */

#menu { 
		width: 780px;
		background-image:url("../user/images/Global/nav_logo.png");
		background-color:#333333;
		}

#menu, #menu li {
		float:inherit;
		position:relative;
        z-index:2;
        list-style: none;
		margin: 0px 0 0px;
}
#menu li {
		text-align: left;
		height: 35px;
		margin: 0 auto;
		display: table;
}
#menu li { position: relative; display: inline }
#menu li a {
	font-size: 11px;
	display: block; 
	float: left;
	text-decoration:none;
	text-transform: uppercase;
	line-height: 35px;
	padding: 0 15px;
	color: #ffffff;
	background:#333333 url("../user/images/Global/seperator.gif") bottom right no-repeat;
	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
#menu li a:hover, #menu li:hover > a {
        background: #FFFFFF url("../user/images/Global/hover.png") bottom center no-repeat;
	color:#F16122;
	text-decoration:none;
 }
/*#menu li:first-child a {
	border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 9px;
}*/

/* END Main Navigation Menu */

/* LOGIN BOX*/
#bigbox {
        background-color: #f5f5f5;
        border: 1px solid #969696;
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #EDEDED;
    border-bottom-color: #6A6A6A;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #6A6A6A;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 1px;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #6A6A6A;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: solid;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 1px;
    border-top-color: #6A6A6A;
    /*border-top-left-radius: 15px;*/
    /*border-top-right-radius: 15px;*/
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6);
}
        


/*CATEGORY HEADER TEXT*/
.source {
        color: #FFFFFF;
}

/* FOOTER*/
#FooterStyle {
        float:inherit;
	position:relative;
        margin: 0 auto;
        width: 920px;
        margin-top: 5px;
	background: none;
	padding: 10px;
         z-index: 3;
}
.footer   { color: #ffffff; font-size: 11px; font-family: Arial, sans-serif; font-weight: bold; background: none; }
.footer a { color:#ffffff; }
.footer a:hover { color:#FFFFFF; }

/* End Footer*/

/* CHECKOUT HEADER*/

.tableCheckoutHeader {
       display:block;
       float:inherit;
       position:relative;
       margin-left: auto;
       margin-right: auto;
       width: 780px;
       background-color: #ffffff;
       z-index: 3;
}
.tableCheckoutHeader img {
        padding-left: 100px;
}
/* END Checkout Header*/

.rightColumn {
        width: 240px;
} 
.homeTable { color: #A; font-size: 12px; font-family: Arial, sans-serif; font-weight: bold; text-decoration: none;}
.homeTable a { color: #ee3a31; font-size: 12px; font-family: Arial, sans-serif; font-weight: bold; text-decoration: none; }
.homeTable a:hover { color: #009900; font-size: 12px; font-family: Arial, sans-serif; font-weight: bold; text-decoration: none; }

/* Page Heading */
.pageHeading  { color: #FFFFFF; font-size: 25px; font-family: Arial, sans-serif; font-weight: bold; font-style:italic; float: left; padding-right: 20px; }
/* END Page Heading */

/* Product Heading */
.prodHeading  { color: #FFFFFF; font-size: 20px; font-family: Arial, sans-serif; font-weight: bold; font-style:italic; float: left; padding-right: 20px; }
/* END Page Heading */

/* HOME PAGE TABS */

#tabProducts {
        background-image:url(user/images/Global/HomePage/tabProducts.png);
        left:0;
        width:100%;

}

/* SERVICES NAVIGATION */

.sMenuHolder {text-align:center;}
.sMenu {background:#fff; height:100px; display:inline-block;  list-style:none; overflow:visible; }

.sMenu a {display:block; float:left; width:50px; height:50px; padding:25px 5px 0 5px;
text-decoration:none;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
}
.sMenu img {width:100%; display:block; border:0; z-index:3; }
.sMenu a:hover {width:100px; padding-top:0;}

.sMenu span {
	display:block; 
	padding-top:5px; position:relative; right:-70px; bottom:-35px; color:#fff; opacity:0;
	text-decoration: none;
	font-size:12px;
	font-family:verdana, arial, sans-serif;
transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-webkit-transition: 0.5s ease-in-out;
z-index:0;
}

.sMenu :hover span {
	display:block; 
	overflow: inherit; 
	text-align:center;
	color:#383838;
	text-decoration: none;
	font-size:12px;
	font-family:verdana, arial, sans-serif;
	right:0; bottom:0px; opacity:1;
	z-index:2;
} 

/* END SERVICES NAVIGATION */


/******************************************************************************************
* END Fusion ADDED - HTML for Menu, Footer, Checkout, Etc. *
*******************************************************************************************/


.body {
            font-family: Arial, Helvetica, sans-serif;
            color: #333333;
            font-size: 13px;
            line-height: 1.2em;
}
h1 {
           font-family: Arial, Helvetica, sans-serif;
            font-size: 18px;
            line-height: 1.2em;
}
.h1 {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 18px;
            font-weight: bold;
            line-height: 1.2em;
}
h2 {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 15px;
            line-height: 1.2em;
}
.h2 {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 15px;
            font-weight: bold;
            line-height: 1.2em;
}
h3 {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 13px;
            line-height: 1.2em;
}
.h3 {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 13px;
            font-weight: bold;
            line-height: 1.2em;
}
.tableC {
            border: 1px solid #ffffff;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 11px;
            line-height: 1.2em;
}
.inputBody {
            font-family: Arial, Helvetica, sans-serif;
            font-style: normal;
            font-variant: normal;
            line-height: normal;
            text-decoration: none;
}
 
.tableYHead {
            background: #FFCC00;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 16px;
            font-weight: bold;
}
.tableYLabel {
            background: #FFCC00;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 12px;
            font-weight: bold;
            text-align: right;
}
.tableYBody {
            background: #FFF2BF;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 10px;
}
 
/* context help */
a.glossaryTerm, a.glossaryTerm:link, a.glossaryTerm:visited {
            border-bottom: 1px dotted #027FC2;
            color: #282828;
            text-decoration: none;
            cursor: help;
}
a.glossaryTerm:hover {
            border-bottom: 1px solid #027FC2;
}
th a.glossaryTerm, th a.glossaryTerm:link, th a.glossaryTerm:visited {
            border-bottom: 1px dotted #FFFFFF;
            color: #FFFFFF;
}
th a.glossaryTerm:hover {
            border-bottom: 1px solid #FFFFFF;
}
 
/* tabular data */
.dataQuantity, .dataQuantityNegative {
            text-align: right;
}
.dataQuantityNegative {
            color: #A30A0D;
}
.textInfo {
            font-size: 0.9em;
            font-weight: normal;
            line-height: 1.6em;
            color: #1D239A;
}
 
/* cart image */
table.tblImage {
            border: 1px solid #CCCCCC;
}
table.tblImage td {
            background-color: #FFFFFF;
            padding: 0em;
            margin: 0em;
            text-align: center;
            vertical-align: middle;
 
}
 
 
 
/* fancy form buttons */
button {
            margin-top: 0px;
            padding: 1px 5px 4px 8px; /* text within button */
            border: none;
            color: #FFFFFF;
            background: url(/img/button/buttonSecondary.gif) no-repeat top left;
            font: bold 12px Arial, Helvetica, Verdana, sans-serif;
            height: 18px;
            overflow: visible;
            cursor: pointer;
}
.button_a
{
            margin-top: 0px;
            padding: 1px 5px 4px 8px; /* text within button */
            border: none;
            color: #FFFFFF;
            background: url(/img/button/buttonSecondary.gif) no-repeat top left;
            font: bold 12px Arial, Helvetica, Verdana, sans-serif;
            height: 18px;
            overflow: visible;
            cursor: pointer; 
}
span.button {
            padding-right: 3px;
            float: left;
            display: block;
            background: url(/img/button/buttonSecondaryRt.gif) no-repeat top right;
            height: 18px;
            overflow: visible;
}
button.action {
            padding-left: 25px; /* space for arrow */
            margin-top: 0px;
            background: url(/img/button/buttonPrimary.gif) no-repeat top left;
            padding-bottom: 4px;
            padding-top: 1px;
}
span.action {
            padding-right: 3px;
            float: left;
            padding-top: 0px;
            display: block;
            background: url(/img/button/buttonPrimaryRt.gif) no-repeat top right;
            font-size: 1.2em;
            text-transform: uppercase;
            height: 18px;
            vertical-align: top;
            overflow: visible;
}
.buttonContainer {
/*         float: right; */
            padding: 5px;
            clear: both;
/*         text-align: right; */
}
.buttonContainer span.action, .buttonContainer span.button {
            margin: 5px; /* was 10px */
}
 
.buttonContainerSmall {
            padding: 0px 0px;
            margin-left: 5px;
}
button.small {
            padding: 0px 5px 3px 8px; /* text within button */
            border: 0px none #FFFFFF;
            margin-top: 0px;
            color: #FFFFFF;
            background: url(/img/button/buttonSecondarySmall.gif) no-repeat top left;
            font-size: 11px;
            font-weight: 900;
            height: 15px;
            overflow: visible;
            cursor: pointer;
}
span.small {
            padding-right: 3px;
            float: left;
/*         margin-right: 3px; */
            background: url(/img/button/buttonSecondarySmallRt.gif) no-repeat top right;
            height: 15px;
}
button.smallAction {
            padding: 0px 5px 4px 18px; /* text within button */
            margin-top: 0;
            margin-right: 3px;
            background: url(/img/button/buttonPrimarySmall.gif) no-repeat top left;
            font-size: 11px;
            font-weight: 900;
            height: 15px;
}
span.smallAction {
            padding-right: 3px;
            float: left;
            background: url(/img/button/buttonPrimarySmallRt.gif) no-repeat top right;
            text-transform: uppercase;
            height: 15px;
}
button.nonAction {
            border: none;
            padding: 0 0 0 12px;
            margin-right: 15px;
            background: transparent url(/img/button/linkSecondary.gif) no-repeat 0px 4px;
            color: #0B6997;
            font-size: 1.1em;
            font-weight: bold;
            text-transform: capitalize;
}
button.nAction {
            background: transparent url(/img/button/linkPrimary.gif) no-repeat scroll 2px 8px;
            color: #0B6997;
            height: auto;
            padding:5px 0pt 0pt 14px;
}
 
/******************************************************************************************
* Fusion ADDED - PRODUCT SIDE MENU *
*******************************************************************************************/

#TCtable { padding: 0px 20px 0px 10px; background: #ffffff; border: 0; }

ul.TreeControl {
        float: inherit;
	position:relative;
	background: #303030;
	margin-right: 5px;
	padding: 10px;
        width:260px;
}
ul.TreeControl { color: #FFFFFF; }
ul.TreeControl li.TCopen, ul.TreeControl li.TCclosed { padding: 5px 0px 5px 0px; }
ul.TreeControl li.TCopen div.anchorCatalog, ul.TreeControl li.TCclosed div.anchorCatalog { 
        height: 30px;
        margin-bottom: 3px;
}
ul.TreeControl li.TCopen div.anchorCatalog a, ul.TreeControl li.TCclosed div.anchorCatalog a, ul.TreeControl li.TCopen div.anchorCatalog a, ul.TreeControl li.TCclosed div.anchorCatalog a:hover {
        float: inherit;
	position:relative;
        color:#FFFFFF;
	font-family: Georgia,"Times New Roman",Times,serif;
        font-size: 20px;
        font-weight: normal;
        text-align: left;
        border: none;
        padding-left: 15px;	
}
ul.TreeControl li { list-style: none; }
ul.TreeControl, ul.TreeControl ul, ul.TreeControl li { margin-bottom: 5px; padding: 0; font-size: 10pt; }
ul.TreeControl ul { padding:10px 0px 10px 0px; }
ul.TreeControl ul li {border-bottom:1px solid #464646;}
ul.TreeControl li a { cursor: pointer; text-decoration: underline; color: #FFFFFF; }
ul.TreeControl li a:hover { padding-left: 0px; cursor: pointer; text-decoration: underline; color: #FFFFFF; }
ul.TreeControl li.TCopen a { list-style: none; background: none; text-decoration: none; color: #FFFFFF; }
ul.TreeControl li.TCclosed a { list-style: none; background: none; text-decoration: none; color: #FFFFFF;}

ul.TreeControl li.TCbullet a { 
        list-style: disc; background: none;
        color:#FFFFFF;
        padding-left: 15px;
	font-size: 14px;
	line-height: 25px;
	margin-bottom: 0px;
	text-align: left;
}
ul.TreeControl li a:hover,   ul.TreeControl li.TCbullet:hover {
        background:#ff9900 url('http://www.bobkatinc.com//images/hover_sub.gif') center left no-repeat;
	border:0px;
	color:#ffffff;
	text-decoration:none;
        border-bottom:1px solid transparent ;
}
ul.TreeControl li.TCbullet a:hover { 
        list-style: disc; 
        color:#FFFFFF;
        padding-left: 15px;
	font-size: 14px;
	line-height: 25px;
	margin-bottom: 0px;
	text-align: left;      
}

ul.TreeControl li.TCopen ul { 
        display: block; 
}
ul.TreeControl li.TCclosed ul { 
        display: none;
}

/******************************************************************************************
* END Fusion ADDED - PRODUCT SIDE MENU *
*******************************************************************************************/


/*  default tree control styles 
ul.TreeControl li { list-style: none; }
ul.TreeControl, ul.TreeControl ul, ul.TreeControl li { margin-bottom: 5px; padding: 0; font-size: 10pt;}
ul.TreeControl ul { padding-left: 15px; }
ul.TreeControl li a { padding-left: 15px; cursor: pointer; text-decoration: underline; color: #000000;}
ul.TreeControl li a:hover { padding-left: 15px; cursor: pointer; text-decoration: underline; color: #224390;}
ul.TreeControl li.TCopen a { background: url(/img/tree_minus.gif) center left no-repeat; text-decoration: none; }
ul.TreeControl li.TCclosed a { background: url(/img/tree_plus.gif) center left no-repeat; text-decoration: none; }
ul.TreeControl li.TCbullet a { list-style: disc; background: url(/img/x.gif) center left no-repeat;}
ul.TreeControl li.TCopen ul { display: block; }
ul.TreeControl li.TCclosed ul { display: none; } */
 
.myText { font-size: 10px; color: #000000;  font-family: Arial,Helvetica,sans-serif; border-width: 1px; border-color: #000000; border-style: solid; text-align: left; background-color: #FFFFFF; }
.myTextR { font-size: 10px; color: #000000;  font-family: Arial,Helvetica,sans-serif; border-width: 1px; border-color: #000000; border-style: solid; text-align: right; background-color: #FFFFFF; }
 
/* EZ Tab Concept */
/* Tabs Container */
div.easycard-tabs { background-image: url(/catalog/img/EZTabRow.gif); }
div.easycard-tabs td { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 11px;}
/* Active Tab */
div.easycard-tabs td.activetab-left  { background-image: url(/catalog/img/EZActiveL.gif); width: 8px; height: 26px; }
div.easycard-tabs td.activetab-right { background-image: url(/catalog/img/EZActiveR.gif); width: 10px; height: 26px; }
div.easycard-tabs td.activetab-text  { background-image: url(/catalog/img/EZActiveM.gif); font-weight: bold; color: #000000; padding: 0px 5px 0px 5px; }
/* Inactive Tabs */
div.easycard-tabs td.tab-left  { background-image: url(/catalog/img/EZTabL.gif); width: 9px; height: 26px; }
div.easycard-tabs td.tab-right { background-image: url(/catalog/img/EZTabR.gif); width: 11px; height: 26px; }
div.easycard-tabs td.tab-text  { background-image: url(/catalog/img/EZTabM.gif); color: #000000; padding: 2px 5px 0px 5px; }
div.easycard-tabs td.tab-text a { color:#0000FF; }
/* Bottom Decoration */
div.easycard-tabs-btm1 { background-color: none; border-top: 1px thin #000000; height: 9px; overflow: hidden; }
div.easycard-tabs-btm2 { background-color: #ffffff; border: 0px; height: 9px; overflow: hidden; }
div.easycard-tabs-btm3 { border: 0px; padding: 4px; }
/* table below tabs */
.easycard-table { border: 0px; }
/* end EZ Tab Concept */
 
/* search paging styles */
 
/***********************************************
* informative boxes                           *
***********************************************/
table.tblGreen,
table.tblGreenPad {
            margin-top: 0.2em;
            margin-bottom: 0.2em;
            border: 1px solid #339966;
            background-color: #339966;
}
table.tblGreen th,
table.tblGreenPad th,
table.tblGreen td.tblGreen,
table.tblGreenPad td.tblGreenPad {
            padding: 0.1em 0.5em 0.1em 0.5em;
            margin: 0.1em;
            vertical-align: top;
}
table.tblGreen th,
table.tblGreenPad th {
            background-color: #CCFFCC;
            color: #666666;
            font-size: 90%;
}
table.tblGreen td {
            background-color: #F6FFF6;
}
table.tblGreenPad td {
            background-color: #F6FFF6;
            padding: 0.1em 0.5em 0.1em 0.5em;
}
 
table.tblGray,
table.tblGrayPad {
            margin-top: 0.2em;
            margin-bottom: 0.2em;
            border: 1px solid #333333;
}
table.tblGray th,
table.tblGray td.tblGray,
table.tblGrayPad th,
table.tblGrayPad td.tblGrayPad {
            padding: 0.1em 0.5em 0.1em 0.5em;
            margin: 0.1em;
            vertical-align: top;
}
table.tblGray th,
table.tblGrayPad th {
            background-color: #D3DCE3;
            color: #666666;
            font-size: 90%;
}
table.tblGray td {
            background-color: #EEEEEE;
}
table.tblGrayPad td {
            background-color: #EEEEEE;
            padding: 0.1em 0.5em 0.1em 0.5em;
}
 
table.tblBlue,
table.tblBluePad {
            margin-top: 0.2em;
            margin-bottom: 0.2em;
            border: 1px solid #6699FF;
}
table.tblBlue th,
table.tblBlue td.tblBlue,
table.tblBluePad th,
table.tblBluePad td.tblBluePad {
            padding: 0.1em 0.5em 0.1em 0.5em;
            margin: 0.1em;
            vertical-align: top;
}
table.tblBlue th,
table.tblBluePad th {
            background-color: #B0DDEC;
            color: #666666;
            font-size: 90%;
}
table.tblBlue td {
            background-color: #EEF3FF;
}
table.tblBluePad td {
            background-color: #EEF3FF;
            padding: 0.1em 0.5em 0.1em 0.5em;
}
 
table.tblRed,
table.tblRedPad {
            margin-top: 0.2em;
            margin-bottom: 0.2em;
            border: 1px solid #FF6633;
}
table.tblRed th,
table.tblRed td.tblRed,
table.tblRedPad th,
table.tblRedPad td.tblRedPad {
            padding: 0.1em 0.5em 0.1em 0.5em;
            margin: 0.1em;
            vertical-align: top;
}
table.tblRed th,
table.tblRedPad th {
            background-color: #FFCCCC;
            color: #666666;
            font-size: 90%;
}
table.tblRed td {
            background-color: #FFF6F6;
}
table.tblRedPad td {
            background-color: #FFF6F6;
            padding: 0.1em 0.5em 0.1em 0.5em;
}
 
table.tblYellow,
table.tblYellowPad {
            margin-top: 0.2em;
            margin-bottom: 0.2em;
            border: 1px solid #FF9900;
}
table.tblYellow th,
table.tblYellow td.tblYellow,
table.tblYellowPad th,
table.tblYellowPad td.tblYellowPad {
            padding: 0.1em 0.5em 0.1em 0.5em;
            margin: 0.1em;
            vertical-align: top;
}
table.tblYellow th,
table.tblYellowPad th {
            background-color: #FFCC66;
            color: #666666;
            font-size: 90%;
}
table.tblYellow td {
            background-color: #FFFFF6;
}
table.tblYellowPad td {
            background-color: #FFFFF6;
            padding: 0.1em 0.5em 0.1em 0.5em;
}
 
table.tblBlue tr.r td,
table.tblBluePad tr.r td,
table.tblGray tr.r td,
table.tblGrayPad tr.r td,
table.tblGreen tr.r td,
table.tblGreenPad tr.r td,
table.tblRed tr.r td,
table.tblRedPad tr.r td,
table.tblYellow tr.r td,
table.tblYellowPad tr.r td {
            background-color: #FFEEEE;
}
table.tblBlue tr.o td,
table.tblBluePad tr.o td,
table.tblGray tr.o td,
table.tblGrayPad tr.o td,
table.tblGreen tr.o td,
table.tblGreenPad tr.o td,
table.tblRed tr.o td,
table.tblRedPad tr.o td,
table.tblYellow tr.o td,
table.tblYellowPad tr.o td {
            background-color: #FFFFFF;
}
table.tblBlue tr.e td,
table.tblBluePad tr.e td,
table.tblGray tr.e td,
table.tblGrayPad tr.e td,
table.tblGreen tr.e td,
table.tblGreenPad tr.e td,
table.tblRed tr.e td,
table.tblRedPad tr.e td,
table.tblYellow tr.e td,
table.tblYellowPad tr.e td {
            background-color: #EEFFEE;
}
 
table.tblBlue tr.oh td,
table.tblBluePad tr.oh td,
table.tblGray tr.oh td,
table.tblGrayPad tr.oh td,
table.tblGreen tr.oh td,
table.tblGreenPad tr.oh td,
table.tblRed tr.oh td,
table.tblRedPad tr.oh td,
table.tblYellow tr.oh td,
table.tblYellowPad tr.oh td,
table.tblBlue tr.eh td,
table.tblBluePad tr.eh td,
table.tblGray tr.eh td,
table.tblGrayPad tr.eh td,
table.tblGreen tr.eh td,
table.tblGreenPad tr.eh td,
table.tblRed tr.eh td,
table.tblRedPad tr.eh td,
table.tblYellow tr.eh td,
table.tblYellowPad tr.eh td
table.tblBlue tr.rh td,
table.tblBluePad tr.rh td,
table.tblGray tr.rh td,
table.tblGrayPad tr.rh td,
table.tblGreen tr.rh td,
table.tblGreenPad tr.rh td,
table.tblRed tr.rh td,
table.tblRedPad tr.rh td,
table.tblYellow tr.rh td,
table.tblYellowPad tr.rh td {
            background-color: #DDEEFF;
}
 
table.tblPage {
            border: 0px;
            margin-bottom: 0.2em;
            margin-top: 0.2em;
}
table.tblPage td {
            color: #666666;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 0.8em;
            text-align: center;
            width: 30px;
}
table.tblPage A:link,
table.tblPage A:visited,
table.tblPage A:active,
table.tblPage A:hover {
            color: #666666;
}
table.tblPage strong {
            color: #CC0000;
}
 
table.tblPageEdit {
            margin-bottom: 0.2em;
            margin-top: 0.2em;
            border: 1px solid #b7b7b6;
            padding: 0px;
}
table.tblPageEdit td .number {
            font-size: 1.4em;
}
table.tblPageEdit td {
            background-color: #dbe5f1;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 0.8em;
            text-align: center;
            width: 32px;
            border: 1px solid #666;
            cursor: pointer;
            height: 32px;
            vertical-align: middle;
}
table.tblPageEdit td.active {
            background-color: #95b3d7;
            border-width: 2px;
            border-color: #000;
}
table.tblPageEdit A:link,
table.tblPageEdit A:visited,
table.tblPageEdit A:active,
table.tblPageEdit A:hover {
            color: #666666;
            text-decoration: none;
}
 
/**********************************************
* message boxes: warning, error, confirmation *
***********************************************/
.notice {
    color:              #000000;
    background-color:   #FFFFDD;
}
h1.notice,
div.notice {
            margin:             0.5em 0 0.5em 0;
            border:             2px solid #FFD700;
            background-image:        url(/img/s_notice.png);
            background-repeat:  no-repeat;
            background-position: 10px 50%;
            padding:            10px 10px 10px 36px;
}
div.notice h1 {
            border-bottom:              2px solid #FF0000;
            font-weight:                   bold;
            text-align:                                  left;
            margin:                                     0 0 0.2em 0;
}
 
.warning {
            color:                                        #CC0000;
            background-color:          #FFFFCC;
}
p.warning,
h1.warning,
div.warning {
            margin:                                     0.5em 0 0.5em 0;
            border:                                     2px solid #CC0000;
            background-image:        url(/img/s_warn.png);
            background-repeat:        no-repeat;
            background-position: 10px 50%;
            padding:                                    10px 10px 10px 36px;
}
div.warning h1 {
            border-bottom:              2px solid #cc0000;
            font-weight:                   bold;
            text-align:                                  left;
            margin:                                     0 0 0.2em 0;
}
 
.error {
            background-color:          #FFFFCC;
            color:                                        #FF0000;
}
h1.error,
div.error {
            margin:                                     0.5em 0 0.5em 0;
            border:                                     2px solid #FF0000;
            background-image:        url(/img/s_error.png);
            background-repeat:        no-repeat;
            background-position: 10px 50%;
            padding:                                    10px 10px 10px 36px;
}
div.error h1 {
            border-bottom:              2px solid #FFDD00;
            font-weight:                   bold;
            text-align:                                  left;
            margin:                                     0 0 0.2em 0;
}
 
.confirmation {
            background-color:          #FFFFCC;
}

/** UI BUTTON COLOR **/
.fg-toolbar .ui-state-default {
            background-color:          #FFFFFF;
color:                                        #ffffff;
background-image: url("images/ui-bg_glass_75_e6e6e6_1x4001.png");
}

.tableMain .fg-toolbar .ui-state-hover {
            background-color:          #FFFFFF;
background-image: url("images/ui-bg_glass_75_e6e6e6_1x4001.png");
}


/******************************************************************************************
* BEGIN FIX FOR FINISHING TASK EDITOR*
*******************************************************************************************/
#root-menu-div{
z-index:10000;
}

/******************************************************************************************
* END FIX FOR FINISHING TASK EDITOR*
*******************************************************************************************/
