/* FONTS
*******************************************************************************/
@font-face {
	font-family: 'thesans';
	src: url('/resources/fonts/thesans.eot');
	src: local('☺'), url('/resources/fonts/thesans.woff') format('woff'), url('/resources/fonts/thesans.ttf') format('truetype'), url('/resources/fonts/thesans.svg#webfontNnUhLz0Y') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* GLOBAL
*******************************************************************************/
* { list-style: none; margin: 0; padding: 0; }
img { border: none; }
body { background: #fff URL("/resources/images/backgrounds/body.jpg") no-repeat center 0; font: 11px "Tahoma", Verdana, Arial, Sans-Serif; color: #333; text-align: center;}
a { text-decoration: none; color: #ff9900; font-weight: bold; }
input, select, textarea { font: 11px "Tahoma", Verdana, Arial, Sans-Serif; color: #666666; }
.clear { clear: both;}
p { margin-bottom: 12px; }
.red-weight { color: #c00; font-weight: bold; padding-top: 10px;  }
.EditorListDropDown { padding: 3px; margin-right: 5px; }


/* MASTERS
*******************************************************************************/

/*- Btns -*/
a.btn { height: 24px; background: URL("/resources/images/btn/btn.jpg") repeat-x; font-family: 'thesans', 'tahoma'; line-height: 24px; display: inline-block; border: 1px solid #fff; padding: 0 15px; text-transform: uppercase; color: #fff; font-weight: normal; }
a.btn:hover { background: URL("/resources/images/btn/btn-hover.jpg") repeat-x; color: #ff9900; }


/* Modal Popup */
.modalBackground { background-color: #000; filter: alpha(opacity=70); opacity: 0.7; }
.modalPopup { width: 350px; background: #adadad; padding: 1px; border: 3px solid #fff;  }
.modalPopup-inner {  background: URL("/resources/images/backgrounds/contentTbl.jpg") repeat; border: 1px solid #fff; padding: 4px; margin: 0px;  }
.modalPopup-content { border: 1px solid #999999; background: #fff; padding: 10px; text-align: left;   }

.modalPopup-content-new { border: 1px solid #999999; background: #fff; padding: 10px; text-align: center;  }
.modalPopup-content h2, .modalPopup-content-new h2 { font-family: 'thesans', 'tahoma'; color: #660000; font-size: 14px; font-weight: normal; }
.modalPopup-content p { margin-top: 10px; font-family: 'thesans', 'tahoma';}
.modalPopup-close { position: relative; float: right; margin-top: -18px; margin-right: -18px;  }
.form-table { padding: 20px 0; }
.form-table td { padding-bottom: 5px; }
.login-tbl td .modalPopup .form-table td { color: #333; }
.form-table td.form-table-width { width: 110px; }
.form-table td input { width: 130px; padding: 2px; }
.form-table td select { width: 138px; padding: 2px; }
.form-table td input[type="checkbox"] { width: 20px; padding: 0px; padding-right: 5px; }
.form-table td input[type="radio"] { width: 20px; padding: 0px; padding-right: 5px; }


/* Calendar */
.Calendar .ajax__calendar_container {
    border:1px solid #ff9900;
    background-color: #c00;
    color: white;
}
.Calendar .ajax__calendar_other .ajax__calendar_day,
.Calendar .ajax__calendar_other .ajax__calendar_year {
    color: #ff9900;
}
.Calendar .ajax__calendar_hover .ajax__calendar_day,
.Calendar .ajax__calendar_hover .ajax__calendar_month,
.Calendar .ajax__calendar_hover .ajax__calendar_year {
    color: #ff9900;
}
.Calendar .ajax__calendar_active .ajax__calendar_day,
.Calendar .ajax__calendar_active .ajax__calendar_month,
.Calendar .ajax__calendar_active .ajax__calendar_year {
    color: #ff9900;
    font-weight:bold;
}

/* CONTAINERS
*******************************************************************************/
#master-container { margin-bottom: 10px; }
#header-container-outer { height: 80px; }
#header-container { margin: 0px auto; width: 1000px; text-align: left; }
#body-container { background: #cc0000 URL("/resources/images/backgrounds/body-bottom.jpg") no-repeat center bottom; padding-bottom: 90px; text-align: center;}
#body-container-img { margin: 0px auto; width: 1200px; background: URL("/resources/images/backgrounds/swish.png") no-repeat right bottom; text-align: center; padding-bottom: 50px;}
#content-container { margin: 0px auto; width: 1000px; min-height: 310px; padding-bottom: 30px; }
#navigation-container-outer { background: URL("/resources/images/backgrounds/navigation.jpg") repeat-x; text-align: center; height: 43px; margin-top: 10px; margin-bottom: 15px; }
#navigation-container { margin: 0px auto; width: 1000px; padding-top: 4px; }
#footer-container { margin: 0px auto; width: 845px; margin-top: 30px; text-align: right; padding-right: 130px;}
#bug-report-container { color: #fff; width: auto; text-align: left; height: 22px; line-height: 22px; padding-left: 30px; }

/* LOGIN
*******************************************************************************/
#login-content-outer { margin: 0px auto; margin-top: 40px; background:  URL("/resources/images/backgrounds/login-container-outer.png") no-repeat 0 bottom; width: 359px; }
#login-content { width: auto; height: 200px; background:  URL("/resources/images/backgrounds/login-container.png") no-repeat 0 top; padding: 20px; text-align: left;  padding-bottom: 30px; }
#login-content h1 { margin-top: 10px; }
#login-content p { color: #fff; font-family: 'thesans', 'tahoma'; }
#login-content .modalPopup-content p { color: #333; }
#login-content p.error-weight { color: #ff9900; font-weight: bold;  }
.login-tbl { margin-left: 30px; margin-top: 10px; }
.login-tbl td { color: #fff; padding-bottom: 5px; }
.login-tbl td input { padding: 2px; }

/* HEADER CONTAINER
*******************************************************************************/

#logo { position: absolute; margin-left: 10px; margin-top: 30px; }

/*- Utility Nav -*/
#utilityNav { position: absolute; width: 380px; text-align: right; margin-left: 620px; }
#utilityNav li { display: inline; padding: 0 10px; background: URL("/resources/images/backgrounds/utility-nav-divider.jpg") no-repeat right 0; height: 20px; line-height: 20px; font-family: 'thesans', 'tahoma'; }
#utilityNav li.last { background: none;}
#utilityNav li a { font-weight: normal;}

/*- Rollover Nav -*/
#rolloverNav { position: absolute; width: 520px; text-align: right; margin-left: 480px; height: 31px; margin-top: 53px; }
#rolloverNavUl li { display: inline; padding: 9px 10px; background: URL("/resources/images/backgrounds/rollover-nav-divider.jpg") no-repeat right top; height: 31px; line-height: 31px; color: #fff; }
#rolloverNavUl li.last { background: transparent; }
#rolloverNavUl li.last a img { position: absolute; margin-right: 2px; margin-top: 11px; *margin-top: 18px; }

#rolloverNavUl li a { display: inline; padding: 9px 10px; font-weight: normal; }

#rolloverNavUl li.last ul { display: none; width: 185px; position: absolute; background: #600; border-left: 1px solid #003366; border-right: 1px solid #003366; border-bottom: 1px solid #003366; z-index: 300; margin-left: 335px; *margin-left: -170px; *margin-top: 38px; text-align: left;   }
#rolloverNavUl li.last:hover ul {display: block; }
#rolloverNavUl li.last ul { padding-bottom: 0; background: #600; }
#rolloverNavUl li.last ul li { font-family: 'thesans', 'tahoma'; display: block; padding: 0px; width: 185px; text-align: left; line-height: 25px; height: 25px;   }
#rolloverNavUl li.last ul li a { font-family: 'thesans', 'tahoma'; display: block; padding: 1px 0 1px 10px; background: #600; }
#rolloverNavUl li.last ul li a:hover { background: #fff; } 

/* MAIN CONTENT
*******************************************************************************/
.pageBreak { height: 5px; }
.contentTbl { background: #adadad; padding: 1px; border: 3px solid #fff; }
.contentTbl-inner { background: URL("/resources/images/backgrounds/contentTbl.jpg") repeat; border: 1px solid #fff; padding: 4px; }

.workingTbl { min-height: 390px; border-width: 1px 1px 1px 1px; border-color: #999999; border-style: solid; background: #fff; padding: 3px; text-align: left; }
.workingTbl-top { height:30px; border-width: 0px 0px 0px 0px; border-color: #999999; border-style: solid; background: URL("/resources/images/backgrounds/contentTbl.jpg") repeat; padding: 3px; text-align: left;  }
.workingTbl-left { width: 929px; float: left; padding: 5px 10px 10px 10px; }
.workingTbl-right { float: left; padding: 0px 0px 0px 0px;  }

.workingTbl-navigation { }
.workingTbl-navigation ul { margin: 0px; padding: 0px; margin-left: 5px; }
.workingTbl-navigation ul li { float: left; margin: 0px; padding: 0px; background: #fff; font-family: 'thesans', 'tahoma'; font-size: 11px; margin-right: 2px;  }
.workingTbl-navigation ul li a { display: block; margin-bottom: 0px; padding: 10px 15px;  padding-bottom: 6px; font-weight: normal; }
.workingTbl-navigation ul li.dark-not-selected { color: #fff; border-width: 1px 1px 1px 1px; border-color: #999999; border-style: solid; }
.workingTbl-navigation ul li.dark-not-selected a { background: #999; color: #fff; }
.workingTbl-navigation ul li.dark-selected, .workingTbl-navigation ul li.light-selected { background: #fff; color: #600; padding: 7px 15px; border-width: 1px 1px 1px 1px; border-color: #999999; border-style: solid; border-bottom: 1px solid #fff; font-size: 14px; }
.workingTbl-navigation ul li:first-child.dark-selected { padding-left: 20px;}
.workingTbl-navigation ul li:first-child.dark-not-selected a { padding-left: 20px; }
.workingTbl-navigation ul li.light-not-selected { border-bottom: 1px solid #660000; color: #fff; }
.workingTbl-navigation ul li.light-not-selected a { background: #eee; }

.iconTbl { height: 37px; border: 1px solid #999999; background: #fff; padding: 3px; text-align: left; }
.iconTbl h2 { font-family: 'thesans', 'tahoma'; color: #660000; font-size: 14px; line-height: 37px; padding-left: 20px; letter-spacing: -0.02sem; font-weight: normal; }
.iconTbl h2 a { font-weight: normal; }
.iconTbl ul { float: right; padding-right: 10px;  }
.iconTbl ul li { float: left; }
.iconTbl ul li img.ico { height: 37px; width: 37px; }
.iconTbl ul li img.ico-divider {height: 37px; width: 13px; } 

#demotip { display:none; font-family: 'thesans', 'tahoma'; background: transparent URL("/resources/images/icons/tooltip.png"); font-size:11px; height:34px; width:181px; padding:7px 5px 2px 5px;	color:#660000; font-weight: normal; z-index: 1000; }
#demo img {	border:0; cursor:pointer; margin:0 8px; }

.standardTbl { width: 100%; }
.standardTbl th { background: URL("/resources/images/backgrounds/standardTbl-th.jpg") repeat-x; height: 30px; color: #fff; text-align: left; padding: 0 2px; font-size: 11px;  font-weight: bold; }
.standardTbl td { height: 15px; padding: 8px 2px; border-bottom: 1px solid #660000; vertical-align: top; }
.standardTbl td.centerTd { text-align: center; }
.standardTbl td.arrowsTd a { margin-left: 2px; }
.standardTbl tr.alt td { background: #f6f4e0; }
.standardTbl tr:hover td { background: #c00; color: #fff; }
.standardTbl tr.tbl-footer td {  background: URL("/resources/images/backgrounds/standardTbl-th.jpg") repeat-x; color: #fff; font-weight: bold; }

.workingTbl-left h2 { font-family: 'thesans', 'tahoma'; color: #660000; font-size: 14px; padding: 5px 0px 0px 10px; letter-spacing: -0.02sem; margin-top: 30px; font-weight: normal; border-bottom: 1px solid #660000; margin-bottom: 0px;  }
.workingTbl-left h2:first-child { margin-top: 10px; }
.workingTbl-left textarea { width: 910px; }

.togglestrip { width: 25px; color: #fff; float: left; text-align: center; background: #660000; padding-top: 10px; cursor: pointer; }
.workingTbl-right-content { width: 276px; float: left; display: none; padding-left: 10px; background: URL("/resources/images/backgrounds/contentTbl.jpg") repeat; padding-top: 10px; }

/*- accordion -*/
.panel-up, .panel-down { width: 246px; background: #660000; color: #fff; font-size: 11px; font-weight: bold; height: 25px; line-height: 25px; margin: 0; padding: 0 10px; border-bottom: 1px solid #fff; font-family: 'thesans', 'tahoma';}
.dep1, .dep2, .dep3, .dep4, .dep5 { width: 244px; font-weight: normal; border-width: 1px 1px 1px 1px; border-color: #999999; border-style: solid; border-bottom: none; }
.dep1.panel-up { background: #660000 URL("/resources/images/backgrounds/accordion-off.jpg") no-repeat right 0; color: #f90; }
.dep2.panel-up { background: #660000 URL("/resources/images/backgrounds/accordion-off.jpg") no-repeat right 0; color: #f90;}
.dep3.panel-up { background: #660000 URL("/resources/images/backgrounds/accordion-off.jpg") no-repeat right 0; color: #f90;}
.dep4.panel-up { background: #660000 URL("/resources/images/backgrounds/accordion-off.jpg") no-repeat right 0; color: #f90;}
.dep5.panel-up { background: #660000 URL("/resources/images/backgrounds/accordion-off.jpg") no-repeat right 0; color: #f90;}
.dep1.panel-down { background: #f90; }
.dep2.panel-down { background: #f90; }
.dep3.panel-down { background: #f90; }
.dep4.panel-down { background: #f90; }
.dep5.panel-down { background: #f90; }
.panel-target { width: 244px; padding:5px 10px; background: #fff; padding-bottom: 10px; margin-bottom: 10px; border-width: 1px 1px 1px 1px; border-color: #999999; border-style: solid; border-top: none;  }
.panel-closed { display:none; }

.panel-target table { width: 100%; }
.panel-target table td { padding-bottom: 3px;  }
.panel-target table td.form-table-width { width: 90px; }
.panel-target table td input { width: 130px; padding: 2px;  }
.panel-target table td input[type="checkbox"] { width: 20px; padding: 0px; }

.panel-target table td select { width: 138px; padding: 2px; }

/*- customTbl -*/
.workingTbl-full { padding: 0px 20px; padding-bottom: 20px;  }
.workingTbl-full h2 { font-family: 'thesans', 'tahoma'; color: #660000; font-size: 14px; padding: 5px 0px 0px 0px; letter-spacing: -0.02sem; margin-top: 10px; font-weight: normal; margin-bottom: 5px;    }
.customTbl td { padding: 3px; vertical-align: top;  }
.customTbl td.customTbl-width { width:110px; }
.customTbl td input, .customTbl td select, .customTbl td textarea   { padding: 2px; }
.customTbl td input { width: 130px;}
.customTbl td select { width: 138px; }
.customTbl td input[type="checkbox"] { width: 20px; padding: 0px; padding-right: 5px;  }
.workingTbl-full input[type="checkbox"] { width: 20px; padding: 0px; padding-right: 5px;  }

.modules-errormessage { width: auto; padding: 10px 20px; }


/*- Orders Filter -*/
.search-filter-table { background: #999; margin: 0px; height: 38px; text-align: right; line-height: 38px; font-family: 'thesans', 'tahoma'; color: #fff; font-size: 13px; padding-right: 10px; }
.search-filter-table select { padding: 4px; width: 130px; margin-right: 30px;   }
.search-filter-table label { margin: 0 10px;}
.search-filter-table input { padding: 4px; width: 130px; } 

/*- Orders Table -*/
.ordertbl { width: 100%; }
.ordertbl td { padding: 3px 0px; vertical-align: top; }
.ordertbl h2 { font-family: 'thesans', 'tahoma';color: #660000; font-size: 14px; line-height: 37px; letter-spacing: -0.02sem; margin-top: 10px; }
.ordertbl td select { width: 150px; padding: 2px; }
.ordertbl td input { width: 140px; padding: 2px; }
.ordertbl .ordertbl-form td:first-child { width: 120px; }
.ordertbl .ordertbl-summary { width: 100%; }
.ordertbl .ordertbl-summary th { padding: 8px 5px; background: URL("/resources/images/backgrounds/standardTbl-th.jpg") repeat-x; color: #fff; } 
.ordertbl .ordertbl-summary td { padding: 6px 5px;}
.ordertbl .ordertbl-summary tr.datarow td { border-bottom: 1px solid #ccc; }

/*- Customers Table -*/
.customTbl-customers { }
.customTbl-customers td { width: 50%; vertical-align: top; padding-right: 10px; }
.customTbl-customers table.customerinfo-tbl { width: 400px; }
.customTbl-customers table.customerinfo-tbl td { padding: 2px 0; }
.customTbl-customers table.customerinfo-tbl td:first-child { width: 120px; }
.customTbl-customers table.customerinfo-tbl input { padding: 3px; width: 190px; }
.customTbl-customers table.customerinfo-tbl select { padding: 3px; width: 200px; }

.customTbl-customers table.orderhistory-tbl { width: 100%; }
.customTbl-customers table.orderhistory-tbl th { padding: 8px 5px; background: URL("/resources/images/backgrounds/standardTbl-th.jpg") repeat-x; color: #fff; } 
.customTbl-customers table.orderhistory-tbl td {  padding: 5px 5px; width: 1px; }
.customTbl-customers table.orderhistory-tbl tr.footer td { background: URL("/resources/images/backgrounds/standardTbl-th.jpg") repeat-x; color: #fff; font-weight: bold; }

/*- Product Navigation -*/
.product-control-navigation {  }
.product-control-navigation ul { margin: 0px; padding: 0px; margin-left: 5px; }
.product-control-navigation ul li { float: left; margin: 0px; padding: 0px; background: #fff; font-family: 'thesans', 'tahoma'; font-size: 11px; margin-right: 2px; }
.product-control-navigation ul li a { display: block; margin-bottom: 0px; padding: 10px 15px;  padding-bottom: 6px; font-weight: normal; }
.product-control-navigation ul li.dark-not-selected {  color: #fff; border-width: 1px 1px 1px 1px; border-color: #999999; border-style: solid;  }
.product-control-navigation ul li.dark-not-selected a { background: #999; color: #fff; }
.product-control-navigation ul li.light-not-selected { color: #fff; border-width: 1px 1px 1px 1px; border-color: #666; border-style: solid; }
.product-control-navigation ul li.light-not-selected a { background: #666; color: #fff;  }
.product-control-navigation ul li.dark-selected, .product-control-navigation ul li.light-selected {  background: #fff; color: #600; padding: 7px 15px; border-width: 1px 1px 1px 1px; border-color: #999999; border-style: solid; border-bottom: 1px solid #fff; font-size: 14px; }
.product-control-navigation ul li:first-child.dark-selected { padding-left: 20px;}
.product-control-navigation ul li:first-child.dark-not-selected a { padding-left: 20px; }

.workingTbl-navigation ul { margin: 0px; padding: 0px; margin-left: 5px; }
.workingTbl-navigation ul li { float: left; margin: 0px; padding: 0px; background: #fff; font-family: 'thesans', 'tahoma'; font-size: 11px; margin-right: 2px;  }
.workingTbl-navigation ul li a { display: block; margin-bottom: 0px; padding: 10px 15px;  padding-bottom: 6px; font-weight: normal; }
.workingTbl-navigation ul li.dark-not-selected { color: #fff; border-width: 1px 1px 1px 1px; border-color: #999999; border-style: solid; }
.workingTbl-navigation ul li.dark-not-selected a { background: #999; color: #fff; }
.workingTbl-navigation ul li.dark-selected, .workingTbl-navigation ul li.light-selected { background: #fff; color: #600; padding: 7px 15px; border-width: 1px 1px 1px 1px; border-color: #999999; border-style: solid; border-bottom: 1px solid #fff; font-size: 14px; }
.workingTbl-navigation ul li:first-child.dark-selected { padding-left: 20px;}
.workingTbl-navigation ul li:first-child.dark-not-selected a { padding-left: 20px; }
.workingTbl-navigation ul li.light-not-selected { border-bottom: 1px solid #660000; color: #fff; }
.workingTbl-navigation ul li.light-not-selected a { background: #eee; }



/* NAVIGATION
*******************************************************************************/
/* ================================================================ 
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/final_drop.html Copyright (c) 2005-2008 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements.
=================================================================== */

.menu {width:975px; height:34px; margin-top: 2px; position:relative; z-index:1; float: left; }
/* hack to correct IE5.5 faulty box model */
* html .menu {width:976px; w\idth:975px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; margin-left: 10px; }
.menu ul ul {width:214px; margin-left: 0px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon  */
.menu li { float: left; position: relative; margin: 0; height: 33px; padding: 0px; background: URL("/resources/images/backgrounds/nav-divider.jpg") no-repeat right 0; }
.menu li.noBkng { background: none; }
.menu li:last-child {background: none; }

/* style the links for the top level */
/* .menu a, .menu a:visited {  display: block; font: bold 14px "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; color: #fff; text-transform: uppercase; letter-spacing: -0.05em; line-height: 36px; } */
.menu a, .menu a:visited {display: block; font-family: 'thesans', 'tahoma'; font-weight: normal; letter-spacing: 0px; font-size: 15px; height: 33px; text-transform: uppercase; color: #660000; text-decoration: none; padding: 2px 16px 0 16px; }
.menu a.home, .menu a:visited.home { }

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position:absolute; top:33px; left:0; background: URL("/resources/images/backgrounds/contentTbl.jpg") repeat; border: 2px solid #fff; margin: 0px; padding: 2px; text-align: left; font-weight: bold;  }

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited { display: block; background: #fff; color: #600; font-weight: normal; line-height: 26px; height: 26px; padding: 0px; width: 198px; padding-left: 12px; padding-right: 4px; font-size: 11px;  text-shadow: none; }

/* style the top level hover */
.menu a:hover { color:#660000; background: URL("/resources/images/backgrounds/nav-rollover.jpg") no-repeat 50% 20px;  }
.menu :hover > a{ color:#660000; background: URL("/resources/images/backgrounds/nav-rollover.jpg") no-repeat 50% 20px;  }
.menu ul ul a:hover { display: block; background: #cc0000; height: 26px; line-height: 26px; color: #fff; }

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{ visibility:hidden;}
.menu ul ul :hover ul ul { visibility:hidden; }
.menu ul :hover ul :hover ul ul { visibility:hidden;} 
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul { visibility:visible;} 
.menu ul :hover ul :hover ul :hover ul { visibility: visible; }

.menu ul ul li { background: none; padding: 0; height: 26px; line-height: 26px;}
.menu ul ul ul li { background: none; }