/*! ------------ last file date 2/22/2010 11:27:39 AM ------------*/


/*!



---- file:js/lib/jquery/plugin/TextboxList/TextboxList.css 10/7/2009 10:42:30 AM ----*/
/* 
		This stylesheet belongs to TextboxList - Copyright Guillermo Rauch <http://devthought.com> 2009 
		TextboxList is not priceless for commercial use. See <http://devthought.com/projects/jquery/textboxlist/> 
		Purchase to remove copyright
*/

.textboxlist { font: 11px "Lucida Grande", Verdana; cursor: text; }
.textboxlist-bits { zoom: 1; overflow: hidden; margin: 0; padding: 3px 4px 0; border: 1px solid #999; *padding-bottom: 3px; }
.textboxlist-bit { list-style-type: none; float: left; display: block; padding: 0; margin: 0 5px 3px 0; cursor: default; }
.textboxlist-bit-editable { border: 1px solid #fff; }
.textboxlist-bit-editable-input { border: 0; padding: 2px 0; *padding-bottom: 0; height: 14px; font: 11px "Lucida Grande", Verdana; }
.textboxlist-bit-editable-input:focus { outline: 0; }
.textboxlist-bit-box { position: relative; line-height: 18px; padding: 0 5px; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; border: 1px solid #CAD8F3; background: #DEE7F8; cursor: default; }
.textboxlist-bit-box-deletable { padding-right: 15px; }
.textboxlist-bit-box-deletebutton { position: absolute; right: 4px; top: 6px; display: block; width: 7px; height: 7px; font-size: 1px; background: url(../js/lib/jquery/plugin/TextboxList//close.gif); }
.textboxlist-bit-box-deletebutton:hover { border: none; background-position: 7px; text-decoration: none; }
.textboxlist-bit-box-hover { background: #BBCEF1; border: 1px solid #6D95E0; }
.textboxlist-bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
.textboxlist-bit-box-focus .textboxlist-bit-box-deletebutton { background-position: bottom; }

/*  TextboxList Style guidelines 
			This style doesn't necessarily have to be in a separate file. 
			It's advisable not to set widths and margins from here, but instead apply it to a particular object or class (#id .textboxlist { width: xxx } or .class .textboxlist { width: xxx })
			The padding-top + padding-left + height of ".textboxlist-bit-editable-input {}" has to match the line-height of ".textboxlist-bit-box {}" for UI consistency. 
			The font configuration has to be present in .textboxlist and .textboxlist-bit-editable-input (for IE reasons)
			The *padding-bottom (notice the *) property of .textboxlist-bits {} has to be equal to the margin-bottom of .textboxlist-bit {} for IE reasons.
			The padding-top of .textboxlist ul {} has to match the margin-bottom of .textboxlist-bit, and the padding-bottom has to be null.
			Make sure the border-width of the .textboxlist-bit-editable {} is equal to the border-width of the box (a border that matches the background is advisable for the input)
			Feel free to edit the borders, fonts, backgrounds and radius.		
*/

/*!



---- file:js/lib/jquery/plugin/TextboxList/TextboxList.Autocomplete.css 10/7/2009 10:42:30 AM ----*/
/* 
		This stylesheet belongs to TextboxList - Copyright Guillermo Rauch <http://devthought.com> 2009 
		TextboxList is not priceless for commercial use. See <http://devthought.com/projects/jquery/textboxlist/> 
		Purchase to remove copyright
*/

.textboxlist-autocomplete { position: absolute; }
.textboxlist-autocomplete-placeholder, .textboxlist-autocomplete-results { opacity: 0.9; filter: alpha(opacity=90); background: #eee; -webkit-box-shadow: 0 3px 3px #ccc; -moz-box-shadow: 0 3px 3px #ccc; box-shadow: 0 3px 3px #ccc; border: 1px solid #999; border-top: none; display: none; }
.textboxlist-autocomplete-placeholder { padding: 5px 7px; }
.textboxlist-autocomplete-results { margin: 0; padding: 0; }
.textboxlist-autocomplete-result { margin: 0; padding: 5px; list-style-type: none; background: #eee; }
.textboxlist-autocomplete-result-focus { background: #C6D9E4; }
.textboxlist-autocomplete-highlight { background: #EEF0C4; font-weight: bold; }

/*  TextboxList.Autocomplete Style guidelines 
			Try to keep .textboxlist-autocomplete {} as it is now
			If you apply custom styles to placeholder, also apply them to results, like it is now.
			.textboxlist-autocomplete-result {} needs a background for IE.
*/

/*!



---- file:js/lib/jquery/plugin/uploadify/uploadify.css 10/7/2009 10:42:40 AM ----*/
/*
Uploadify v2.1.0
Release Date: August 24, 2009

Copyright (c) 2009 Ronnie Garcia, Travis Nickels

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
*/
.uploadifyQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	border: 2px solid #E5E5E5;
	background-color: #F5F5F5;
	margin-top: 5px;
	padding: 10px;
	width: 350px;
}
.uploadifyError {
	border: 2px solid #FBCBBC !important;
	background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #0099FF;
	width: 1px;
	height: 3px;
}

/*!



---- file:js/lib/jquery/plugin/jpicker/css/jPicker-1.0.10.css 10/7/2009 10:42:19 AM ----*/
.jPicker_Picker {
  display: inline-block;
  height: 24px; /* change this value if using a different sized color picker icon */
  position: relative; /* make this element an absolute positioning container */
  text-align: left; /* make the zero width children position to the left of container */
  width: 25px; /* change this value if using a different sized color picker icon */
}
.jPicker_Color {
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}
.jPicker_Icon {
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}
.jPicker_Container {
  display: none;
  z-index: 10; /* make sure container draws above color picker icon in Firefox/Safari/Chrome/Opera/etc. -
                  IE calculates z-index so this won't work - we will hide all color picker icons placed after the selected one in code when shown in IE */
}
.jPicker_table {
  background-color: #efefef;
  border: 1px outset #666;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  margin: 0px;
  padding: 5px;
  width: 550px;
}
.jPicker_table td {
  margin: 0px;
  padding: 0px;
  vertical-align: top;
}
.jPicker_MoveBar {
  background-color: #dddddd;
  border: 1px outset #aaa;
  cursor: move;
  height: 12px;
}
.jPicker_Title {
  font-size: 11px !important;
  font-weight: bold;
  margin: -2px 0px 0px 0px;
  padding: 0px;
  text-align: center;
  width: 100%;
}
.jPicker_ColorMap {
  border: 2px inset #eee;
  cursor: crosshair;
  height: 260px; /* IE 6 incorrectly draws border inside the width and height instead of outside - We will fix this to 256px later */
  margin: 0px 5px 0px 5px;
  overflow: hidden; /* hide the overdraw of the Color Map icon when at edge of viewing box */
  padding: 0px;
  position: relative; /* make this element an absolute positioning container */
  width: 260px; /* IE 6 incorrectly draws border inside the width and height instead of outside - We will fix this to 256px later */
}
div[class="jPicker_ColorMap"] {
  height: 256px; /* correct to 256px for browsers that support the "[class="xxx"]" selector (IE7+,Firefox,Safari,Chrome,Opera,etc.) */
  width: 256px; /* correct to 256px for browsers that support the "[class="xxx"]" selector (IE7+,Firefox,Safari,Chrome,Opera,etc.) */
}
.jPicker_ColorMap_l1, .jPicker_ColorMap_l2, .jPicker_ColorMap_l3, .jPicker_ColorBar_l1, .jPicker_ColorBar_l2, .jPicker_ColorBar_l3, .jPicker_ColorBar_l4, .jPicker_ColorBar_l5, .jPicker_AlphaBar_l1, .jPicker_AlphaBar_l2 {
  background-repeat: no-repeat;
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}
.jPicker_ColorMap_l1 {
  background-color: #000000;
  background-image: none;
}
.jPicker_ColorMap_l2 {
  background-color: transparent;
}
.jPicker_ColorMap_l3 {
  background-repeat: repeat;
}
.jPicker_ColorMap_Arrow {
  display: block;
  position: absolute;
}
.jPicker_ColorBar {
  border: 2px inset #eee;
  cursor: n-resize;
  height: 260px; /* IE 6 incorrectly draws border inside the width and height instead of outside - We will fix this to 256px later */
  margin: 12px 10px 0px 5px;
  padding: 0px;
  position: relative;
  width: 24px; /* IE 6 incorrectly draws border inside the width and height instead of outside - We will fix this to 20px later */
}
div[class="jPicker_ColorBar"] {
  height: 256px; /* correct to 256px for browsers that support the "[class="xxx"]" selector (IE7+,Firefox,Safari,Chrome,Opera,etc.) */
  width: 20px; /* correct to 20px for browsers that support the "[class="xxx"]" selector (IE7+,Firefox,Safari,Chrome,Opera,etc.) */
}
.jPicker_ColorBar_l1, .jPicker_ColorBar_l2, .jPicker_ColorBar_l3 {
  background-color: transparent;
  background-image: none;
  background-repeat: repeat-x;
}
.jPicker_ColorBar_l4 {
  background-color: transparent;
  background-repeat: repeat-x;
}
.jPicker_ColorBar_l5 {
  background-color: transparent;
  background-repeat: repeat;
}
.jPicker_ColorBar_Arrow {
  display: block;
  left: -10px; /* (arrow width / 2) - (element width / 2) - position arrows' center in elements' center */
  position: absolute;
}
.jPicker_AlphaBar {
  border: 2px inset #eee;
  cursor: e-resize;
  display: none;
  height: 24px; /* IE 6 incorrectly draws border inside the width and height instead of outside - We will fix this to 20px later */
  margin: 10px 5px 4px 5px;
  padding: 0px;
  position: relative;
  width: 260px; /* IE 6 incorrectly draws border inside the width and height instead of outside - We will fix this to 256px later */
}
div[class="jPicker_AlphaBar"] {
  height: 20px; /* correct to 20px for browsers that support the "[class="xxx"]" selector (IE7+,Firefox,Safari,Chrome,Opera,etc.) */
  width: 256px; /* correct to 256px for browsers that support the "[class="xxx"]" selector (IE7+,Firefox,Safari,Chrome,Opera,etc.) */
}
.jPicker_AlphaBar_Arrow {
  display: block;
  top: -10px; /* (arrow height / 2) - (element height / 2) - position arrows' center in elements' center */
  position: absolute;
}
.jPicker_EnableAlpha {
  text-align: left;
}
.jPicker_Preview {
  font-size: x-small;
  text-align: center;
}
.jPicker_Preview div {
  border: 2px inset #eee;
  height: 62px;
  margin: 0px auto;
  padding: 0px;
  width: 62px;
}
.jPicker_Preview div span {
  border: 1px solid #000;
  display: block;
  height: 30px;
  margin: 0px auto;
  padding: 0px;
  width: 60px;
}
.jPicker_Preview div span.jPicker_Active {
  border-bottom-width: 0px;
}
.jPicker_Preview div span.jPicker_Current {
  border-top-width: 0px;
  cursor: pointer;
}
.jPicker_OkCancel {
  text-align: center;
  width: 120px;
}
.jPicker_OkCancel input {
  width: 100px;
}
.jPicker_OkCancel input.jPicker_Ok {
  margin: 12px 0px 5px 0px;
}
.jPicker_HueText, .jPicker_SaturationText, .jPicker_BrightnessText, .jPicker_RedText, .jPicker_GreenText, .jPicker_BlueText, .jPicker_AlphaText {
  background-color: #fff;
  border: 1px inset #aaa;
  margin: 0px 0px 0px 5px;
  width: 30px;
}
.jPicker_HexText {
  background-color: #fff;
  border: 1px inset #aaa;
  margin: 0px 0px 0px 5px;
  width: 45px;
}
td.jPicker_OpacityBar {
  height: 40px;
}
td.jPicker_OpacityCol {
  padding-top: 12px;
  text-indent: -6px;
}
td.jPicker_OpacityCol * {
  display: none;
}
td.jPicker_HexCol {
  padding-top: 12px;
  text-align: left;
}
td.jPicker_EnterHex {
  padding-top: 12px;
}
.jPicker_Grid {
  text-align: center;
}
.jPicker_QuickColor {
  border: 1px inset #aaa;
  cursor: pointer;
  display: block;
  float: left;
  height: 14px;
  line-height: 14px;
  margin: 2px 2px 1px 2px;
  padding: 0px;
  width: 14px;
}

/*!



---- file:js/sl/g.css 10/7/2009 10:41:19 AM ----*/
/*DOM CSS W3C design problems*/
/*:nth-child still does not work in ff, but works in gc*/


body div.doNotUseIE{display:none}
body.ie div.doNotUseIE{
	display:block;
	background-color:red;font-size:30px;text-align:center;
	position:absolute;width:100%;top:10%;
}

.btn{cursor:pointer}

span.upload>img.edit{border:none;cursor:move;vertical-align:middle}
span.upload>img.edit:hover{border-style:dotted;border-width:1px;border-color:Blue;cursor:pointer}
span.upload>form,span.upload>form *{display:inline}
/*
span.upload>form{position:absolute;top:17px;left:16px;z-index:500;
	background-color:White;
	border-style:outset;
	border-color:Silver;
}*/
span.upload div.MultiFile-list{white-space:nowrap}

input.error { border: 1px solid red; }
label.error {
	background: url('http://dev.jquery.com/view/trunk/plugins/validate/demo/images/unchecked.gif') no-repeat;
	padding-left: 16px;
	margin-left: .3em;
}
label.valid {
	background: url('http://dev.jquery.com/view/trunk/plugins/validate/demo/images/checked.gif') no-repeat;
	display: block;
	width: 16px;
	height: 16px;
}


/*!



---- file:js/sl/sl.css 12/18/2009 4:12:28 PM ----*/

/* compensating wrong styles set by external libraries*/
.ui-tabs .ui-tabs-nav li a{padding:0.2em 0.4em;}

body.main{background-color:#cccccc;}
.height100{}

.grid th{text-align:center;}

td.shipDate,td.recv,td.stus,td.next,td.acct,td.chk{text-align:center}
.red{color:Red}
td.date,th.date,tf.date{width:4.2em}

.prod.code{width:70px}
.prod.num{width:70px}

html>body>.test{position:fixed;top:0;right:0;background-color:InfoBackground;display:none}
html>body>.test:hover{cursor:pointer;}
html>body.dbg>.test{display:block}

ul.simpleTree>li.root{background-image:none}
li>span.upload{margin-right:10px}
.upload.uploaded{border-style:ridge}

zzlabel.error{color:red} /* for jquery validators */

.form.gen{font-family:Tahoma}

input.red-btn {
	height: 25px; cursor: pointer;
	padding-left: 4px; padding-right: 4px;
	background: url('/js/lib/img/redbuttonmid.jpg') repeat-x;
	font-size: 10px; color: White; text-decoration: none; font-weight: bold;
}
body.ff input.red-btn{padding-bottom: 2px;}

tr.required>td.lbl{color:#992F2F}

.pending div.red-btn-mid{display:none}


/*!



---- file:css/superfish.css 10/7/2009 10:41:09 AM ----*/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		500;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a 
{    
     padding-left: 15px;
    margin-left: 0px;
	/*padding: 		.5em 1em;*/
	border-bottom: solid 1px #ccc;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#000; /*font color*/
}
.sf-menu li {
	/*background:		#fff;*/
}
.sf-menu li li {
	background:		#ccc;
}
.sf-menu li li li {
	background:		#ccc;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#CFDEFF;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	/*top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:       visible;
    background:		url(../content/image/arrows-ffffff.gif) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url(../content/image/shadow.png) no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


/*!



---- file:css/superfish-vertical.css 10/7/2009 10:41:09 AM ----*/
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	95%;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	100%; /* match ul width */
	top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}


/*!



---- file:css/silver/ui.all.css 10/7/2009 10:41:09 AM ----*/
/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.silver-theme .ui-helper-hidden { display: none; }
.silver-theme .ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.silver-theme .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.silver-theme .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.silver-theme .ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.silver-theme .ui-helper-clearfix { display:block; }
/* end clearfix */
.silver-theme .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.silver-theme .ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.silver-theme .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.silver-theme .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ctl=themeroller
*/


/* Component containers
----------------------------------*/
.silver-theme .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.silver-theme .ui-widget input, .silver-theme .ui-widget select, .silver-theme .ui-widget textarea, .silver-theme .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.silver-theme .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(silver/images/ui-bg_glass_75_ffffff_1x400.png) 50% 50% repeat-x; color: #222222; }
.silver-theme .ui-widget-content a { color: #222222; }
.silver-theme .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(silver/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.silver-theme .ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.silver-theme .ui-state-default, .silver-theme .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(silver/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; }
.silver-theme .ui-state-default a, .silver-theme .ui-state-default a:link, .silver-theme .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; }
.silver-theme .ui-state-hover, .silver-theme .ui-widget-content .ui-state-hover, .silver-theme .ui-state-focus, .silver-theme .ui-widget-content .ui-state-focus { border: 1px solid #999999; background: #dadada url(silver/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.silver-theme .ui-state-hover a, .silver-theme .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; }
.silver-theme .ui-state-active, .silver-theme .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(silver/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.silver-theme .ui-state-active a, .silver-theme .ui-state-active a:link, .silver-theme .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.silver-theme .ui-state-highlight, .silver-theme .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(silver/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.silver-theme .ui-state-highlight a, .silver-theme .ui-widget-content .ui-state-highlight a { color: #363636; }
.silver-theme .ui-state-error, .silver-theme .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(silver/images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #cd0a0a; }
.silver-theme .ui-state-error a, .silver-theme .ui-widget-content .ui-state-error a { color: #cd0a0a; }
.silver-theme .ui-state-error-text, .silver-theme .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.silver-theme .ui-state-disabled, .silver-theme .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.silver-theme .ui-priority-primary, .silver-theme .ui-widget-content .ui-priority-primary { font-weight: bold; }
.silver-theme .ui-priority-secondary, .silver-theme .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Icons
----------------------------------*/

/* states and images */
.silver-theme .ui-icon { width: 16px; height: 16px; background-image: url(silver/images/ui-icons_222222_256x240.png); }
.silver-theme .ui-widget-content .ui-icon {background-image: url(silver/images/ui-icons_222222_256x240.png); }
.silver-theme .ui-widget-header .ui-icon {background-image: url(silver/images/ui-icons_222222_256x240.png); }
.silver-theme .ui-state-default .ui-icon { background-image: url(silver/images/ui-icons_888888_256x240.png); }
.silver-theme .ui-state-hover .ui-icon, .silver-theme .ui-state-focus .ui-icon {background-image: url(silver/images/ui-icons_454545_256x240.png); }
.silver-theme .ui-state-active .ui-icon {background-image: url(silver/images/ui-icons_454545_256x240.png); }
.silver-theme .ui-state-highlight .ui-icon {background-image: url(silver/images/ui-icons_2e83ff_256x240.png); }
.silver-theme .ui-state-error .ui-icon, .silver-theme .ui-state-error-text .ui-icon {background-image: url(silver/images/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.silver-theme .ui-icon-carat-1-n { background-position: 0 0; }
.silver-theme .ui-icon-carat-1-ne { background-position: -16px 0; }
.silver-theme .ui-icon-carat-1-e { background-position: -32px 0; }
.silver-theme .ui-icon-carat-1-se { background-position: -48px 0; }
.silver-theme .ui-icon-carat-1-s { background-position: -64px 0; }
.silver-theme .ui-icon-carat-1-sw { background-position: -80px 0; }
.silver-theme .ui-icon-carat-1-w { background-position: -96px 0; }
.silver-theme .ui-icon-carat-1-nw { background-position: -112px 0; }
.silver-theme .ui-icon-carat-2-n-s { background-position: -128px 0; }
.silver-theme .ui-icon-carat-2-e-w { background-position: -144px 0; }
.silver-theme .ui-icon-triangle-1-n { background-position: 0 -16px; }
.silver-theme .ui-icon-triangle-1-ne { background-position: -16px -16px; }
.silver-theme .ui-icon-triangle-1-e { background-position: -32px -16px; }
.silver-theme .ui-icon-triangle-1-se { background-position: -48px -16px; }
.silver-theme .ui-icon-triangle-1-s { background-position: -64px -16px; }
.silver-theme .ui-icon-triangle-1-sw { background-position: -80px -16px; }
.silver-theme .ui-icon-triangle-1-w { background-position: -96px -16px; }
.silver-theme .ui-icon-triangle-1-nw { background-position: -112px -16px; }
.silver-theme .ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.silver-theme .ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.silver-theme .ui-icon-arrow-1-n { background-position: 0 -32px; }
.silver-theme .ui-icon-arrow-1-ne { background-position: -16px -32px; }
.silver-theme .ui-icon-arrow-1-e { background-position: -32px -32px; }
.silver-theme .ui-icon-arrow-1-se { background-position: -48px -32px; }
.silver-theme .ui-icon-arrow-1-s { background-position: -64px -32px; }
.silver-theme .ui-icon-arrow-1-sw { background-position: -80px -32px; }
.silver-theme .ui-icon-arrow-1-w { background-position: -96px -32px; }
.silver-theme .ui-icon-arrow-1-nw { background-position: -112px -32px; }
.silver-theme .ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.silver-theme .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.silver-theme .ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.silver-theme .ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.silver-theme .ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.silver-theme .ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.silver-theme .ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.silver-theme .ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.silver-theme .ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.silver-theme .ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.silver-theme .ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.silver-theme .ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.silver-theme .ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.silver-theme .ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.silver-theme .ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.silver-theme .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.silver-theme .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.silver-theme .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.silver-theme .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.silver-theme .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.silver-theme .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.silver-theme .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.silver-theme .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.silver-theme .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.silver-theme .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.silver-theme .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.silver-theme .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.silver-theme .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.silver-theme .ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.silver-theme .ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.silver-theme .ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.silver-theme .ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.silver-theme .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.silver-theme .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.silver-theme .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.silver-theme .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.silver-theme .ui-icon-arrow-4 { background-position: 0 -80px; }
.silver-theme .ui-icon-arrow-4-diag { background-position: -16px -80px; }
.silver-theme .ui-icon-extlink { background-position: -32px -80px; }
.silver-theme .ui-icon-newwin { background-position: -48px -80px; }
.silver-theme .ui-icon-refresh { background-position: -64px -80px; }
.silver-theme .ui-icon-shuffle { background-position: -80px -80px; }
.silver-theme .ui-icon-transfer-e-w { background-position: -96px -80px; }
.silver-theme .ui-icon-transferthick-e-w { background-position: -112px -80px; }
.silver-theme .ui-icon-folder-collapsed { background-position: 0 -96px; }
.silver-theme .ui-icon-folder-open { background-position: -16px -96px; }
.silver-theme .ui-icon-document { background-position: -32px -96px; }
.silver-theme .ui-icon-document-b { background-position: -48px -96px; }
.silver-theme .ui-icon-note { background-position: -64px -96px; }
.silver-theme .ui-icon-mail-closed { background-position: -80px -96px; }
.silver-theme .ui-icon-mail-open { background-position: -96px -96px; }
.silver-theme .ui-icon-suitcase { background-position: -112px -96px; }
.silver-theme .ui-icon-comment { background-position: -128px -96px; }
.silver-theme .ui-icon-person { background-position: -144px -96px; }
.silver-theme .ui-icon-print { background-position: -160px -96px; }
.silver-theme .ui-icon-trash { background-position: -176px -96px; }
.silver-theme .ui-icon-locked { background-position: -192px -96px; }
.silver-theme .ui-icon-unlocked { background-position: -208px -96px; }
.silver-theme .ui-icon-bookmark { background-position: -224px -96px; }
.silver-theme .ui-icon-tag { background-position: -240px -96px; }
.silver-theme .ui-icon-home { background-position: 0 -112px; }
.silver-theme .ui-icon-flag { background-position: -16px -112px; }
.silver-theme .ui-icon-calendar { background-position: -32px -112px; }
.silver-theme .ui-icon-cart { background-position: -48px -112px; }
.silver-theme .ui-icon-pencil { background-position: -64px -112px; }
.silver-theme .ui-icon-clock { background-position: -80px -112px; }
.silver-theme .ui-icon-disk { background-position: -96px -112px; }
.silver-theme .ui-icon-calculator { background-position: -112px -112px; }
.silver-theme .ui-icon-zoomin { background-position: -128px -112px; }
.silver-theme .ui-icon-zoomout { background-position: -144px -112px; }
.silver-theme .ui-icon-search { background-position: -160px -112px; }
.silver-theme .ui-icon-wrench { background-position: -176px -112px; }
.silver-theme .ui-icon-gear { background-position: -192px -112px; }
.silver-theme .ui-icon-heart { background-position: -208px -112px; }
.silver-theme .ui-icon-star { background-position: -224px -112px; }
.silver-theme .ui-icon-link { background-position: -240px -112px; }
.silver-theme .ui-icon-cancel { background-position: 0 -128px; }
.silver-theme .ui-icon-plus { background-position: -16px -128px; }
.silver-theme .ui-icon-plusthick { background-position: -32px -128px; }
.silver-theme .ui-icon-minus { background-position: -48px -128px; }
.silver-theme .ui-icon-minusthick { background-position: -64px -128px; }
.silver-theme .ui-icon-close { background-position: -80px -128px; }
.silver-theme .ui-icon-closethick { background-position: -96px -128px; }
.silver-theme .ui-icon-key { background-position: -112px -128px; }
.silver-theme .ui-icon-lightbulb { background-position: -128px -128px; }
.silver-theme .ui-icon-scissors { background-position: -144px -128px; }
.silver-theme .ui-icon-clipboard { background-position: -160px -128px; }
.silver-theme .ui-icon-copy { background-position: -176px -128px; }
.silver-theme .ui-icon-contact { background-position: -192px -128px; }
.silver-theme .ui-icon-image { background-position: -208px -128px; }
.silver-theme .ui-icon-video { background-position: -224px -128px; }
.silver-theme .ui-icon-script { background-position: -240px -128px; }
.silver-theme .ui-icon-alert { background-position: 0 -144px; }
.silver-theme .ui-icon-info { background-position: -16px -144px; }
.silver-theme .ui-icon-notice { background-position: -32px -144px; }
.silver-theme .ui-icon-help { background-position: -48px -144px; }
.silver-theme .ui-icon-check { background-position: -64px -144px; }
.silver-theme .ui-icon-bullet { background-position: -80px -144px; }
.silver-theme .ui-icon-radio-off { background-position: -96px -144px; }
.silver-theme .ui-icon-radio-on { background-position: -112px -144px; }
.silver-theme .ui-icon-pin-w { background-position: -128px -144px; }
.silver-theme .ui-icon-pin-s { background-position: -144px -144px; }
.silver-theme .ui-icon-play { background-position: 0 -160px; }
.silver-theme .ui-icon-pause { background-position: -16px -160px; }
.silver-theme .ui-icon-seek-next { background-position: -32px -160px; }
.silver-theme .ui-icon-seek-prev { background-position: -48px -160px; }
.silver-theme .ui-icon-seek-end { background-position: -64px -160px; }
.silver-theme .ui-icon-seek-first { background-position: -80px -160px; }
.silver-theme .ui-icon-stop { background-position: -96px -160px; }
.silver-theme .ui-icon-eject { background-position: -112px -160px; }
.silver-theme .ui-icon-volume-off { background-position: -128px -160px; }
.silver-theme .ui-icon-volume-on { background-position: -144px -160px; }
.silver-theme .ui-icon-power { background-position: 0 -176px; }
.silver-theme .ui-icon-signal-diag { background-position: -16px -176px; }
.silver-theme .ui-icon-signal { background-position: -32px -176px; }
.silver-theme .ui-icon-battery-0 { background-position: -48px -176px; }
.silver-theme .ui-icon-battery-1 { background-position: -64px -176px; }
.silver-theme .ui-icon-battery-2 { background-position: -80px -176px; }
.silver-theme .ui-icon-battery-3 { background-position: -96px -176px; }
.silver-theme .ui-icon-circle-plus { background-position: 0 -192px; }
.silver-theme .ui-icon-circle-minus { background-position: -16px -192px; }
.silver-theme .ui-icon-circle-close { background-position: -32px -192px; }
.silver-theme .ui-icon-circle-triangle-e { background-position: -48px -192px; }
.silver-theme .ui-icon-circle-triangle-s { background-position: -64px -192px; }
.silver-theme .ui-icon-circle-triangle-w { background-position: -80px -192px; }
.silver-theme .ui-icon-circle-triangle-n { background-position: -96px -192px; }
.silver-theme .ui-icon-circle-arrow-e { background-position: -112px -192px; }
.silver-theme .ui-icon-circle-arrow-s { background-position: -128px -192px; }
.silver-theme .ui-icon-circle-arrow-w { background-position: -144px -192px; }
.silver-theme .ui-icon-circle-arrow-n { background-position: -160px -192px; }
.silver-theme .ui-icon-circle-zoomin { background-position: -176px -192px; }
.silver-theme .ui-icon-circle-zoomout { background-position: -192px -192px; }
.silver-theme .ui-icon-circle-check { background-position: -208px -192px; }
.silver-theme .ui-icon-circlesmall-plus { background-position: 0 -208px; }
.silver-theme .ui-icon-circlesmall-minus { background-position: -16px -208px; }
.silver-theme .ui-icon-circlesmall-close { background-position: -32px -208px; }
.silver-theme .ui-icon-squaresmall-plus { background-position: -48px -208px; }
.silver-theme .ui-icon-squaresmall-minus { background-position: -64px -208px; }
.silver-theme .ui-icon-squaresmall-close { background-position: -80px -208px; }
.silver-theme .ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.silver-theme .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.silver-theme .ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.silver-theme .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.silver-theme .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.silver-theme .ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.silver-theme .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.silver-theme .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.silver-theme .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.silver-theme .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.silver-theme .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.silver-theme .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.silver-theme .ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.silver-theme .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.silver-theme .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }

/* Overlays */
.silver-theme .ui-widget-overlay { background: #aaaaaa url(silver/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.silver-theme .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(silver/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }/* Accordion
----------------------------------*/
.silver-theme .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.silver-theme .ui-accordion .ui-accordion-li-fix { display: inline; }
.silver-theme .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.silver-theme .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.silver-theme .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.silver-theme .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.silver-theme .ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker
----------------------------------*/
.silver-theme .ui-datepicker { width: 17em; padding: .2em .2em 0; }
.silver-theme .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.silver-theme .ui-datepicker .ui-datepicker-prev, .silver-theme .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.silver-theme .ui-datepicker .ui-datepicker-prev-hover, .silver-theme .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.silver-theme .ui-datepicker .ui-datepicker-prev { left:2px; }
.silver-theme .ui-datepicker .ui-datepicker-next { right:2px; }
.silver-theme .ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.silver-theme .ui-datepicker .ui-datepicker-next-hover { right:1px; }
.silver-theme .ui-datepicker .ui-datepicker-prev span, .silver-theme .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.silver-theme .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.silver-theme .ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.silver-theme .ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.silver-theme .ui-datepicker select.ui-datepicker-month, 
.silver-theme .ui-datepicker select.ui-datepicker-year { width: 49%;}
.silver-theme .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.silver-theme .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.silver-theme .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.silver-theme .ui-datepicker td { border: 0; padding: 1px; }
.silver-theme .ui-datepicker td span, .silver-theme .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.silver-theme .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.silver-theme .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.silver-theme .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.silver-theme .ui-datepicker.ui-datepicker-multi { width:auto; }
.silver-theme .ui-datepicker-multi .ui-datepicker-group { float:left; }
.silver-theme .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.silver-theme .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.silver-theme .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.silver-theme .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.silver-theme .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.silver-theme .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.silver-theme .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.silver-theme .ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.silver-theme .ui-datepicker-rtl { direction: rtl; }
.silver-theme .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.silver-theme .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.silver-theme .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.silver-theme .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.silver-theme .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.silver-theme .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.silver-theme .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.silver-theme .ui-datepicker-rtl .ui-datepicker-group { float:right; }
.silver-theme .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.silver-theme .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.silver-theme .ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/* Dialog
----------------------------------*/
.silver-theme .ui-dialog { position: relative; padding: .2em; width: 300px; }
.silver-theme .ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.silver-theme .ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
.silver-theme .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.silver-theme .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.silver-theme .ui-dialog .ui-dialog-titlebar-close:hover, .silver-theme .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.silver-theme .ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.silver-theme .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.silver-theme .ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.silver-theme .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.silver-theme .ui-draggable .ui-dialog-titlebar { cursor: move; }
/* Progressbar
----------------------------------*/
.silver-theme .ui-progressbar { height:2em; text-align: left; }
.silver-theme .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable
----------------------------------*/
.silver-theme .ui-resizable { position: relative;}
.silver-theme .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.silver-theme .ui-resizable-disabled .ui-resizable-handle, .silver-theme .ui-resizable-autohide .ui-resizable-handle { display: none; }
.silver-theme .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.silver-theme .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.silver-theme .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.silver-theme .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.silver-theme .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.silver-theme .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.silver-theme .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.silver-theme .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider
----------------------------------*/
.silver-theme .ui-slider { position: relative; text-align: left; }
.silver-theme .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.silver-theme .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.silver-theme .ui-slider-horizontal { height: .8em; }
.silver-theme .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.silver-theme .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.silver-theme .ui-slider-horizontal .ui-slider-range-min { left: 0; }
.silver-theme .ui-slider-horizontal .ui-slider-range-max { right: 0; }

.silver-theme .ui-slider-vertical { width: .8em; height: 100px; }
.silver-theme .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.silver-theme .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.silver-theme .ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.silver-theme .ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
----------------------------------*/
.silver-theme .ui-tabs { padding: .2em; zoom: 1; }
.silver-theme .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.silver-theme .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.silver-theme .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.silver-theme .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.silver-theme .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .silver-theme .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .silver-theme .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.silver-theme .ui-tabs .ui-tabs-nav li a, .silver-theme .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.silver-theme .ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.silver-theme .ui-tabs .ui-tabs-hide { display: none !important; }


/*!



---- file:css/style.css 2/22/2010 11:27:39 AM ----*/
body {margin:0; padding:0; background-image: url('/content/image/outerbg.jpg');font-family: Tahoma;}
.de {display:none; z-index:1000}
.back {position:fixed; top: 0px; left: 4px}
.transpose {float: left;}
img {border-style: none;}
* {outline: none}
.ui-accordion-content {zoom: 1;}
#overlay { 
	background-color: Black; 
	width:100%; 
	height:6000px; 
	position: absolute; 
	z-index: 3000; 
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50; 
	display: none;
	text-align: center; 
}

#overlaytext {position: absolute; top: 300px; font-size: 46px; color: White;}
.pointer {cursor: pointer;}
/*******************************************************************************************************/
/*     MASTER     */
/*******************************************************************************************************/
#starlineLogo {position: relative; top: 35px; left: -20px;}
.win {font-size:12px; z-index: 2000;}
.form.gen {text-decoration: none;}
.highlight {background-color: Yellow;}
#viewing {position: relative; top: -60px; left: 775px; width: 100px;}
body.ie .simpleTree {position: relative; top: -15px;}

#topIcons {position: relative; top: -60px; left: 517px;}
#invFilter {position: relative; top: -105px; left: 780px; display: none;}
#sampleCart {position: relative; top: -60px; left: 510px;}
#site-frame {width: 100%; border-collapse: collapse; border-spacing: 0px; border-style: none;}
#site-frame-left {padding: 0px; background-image: url('/content/image/topleft.jpg'); background-repeat: repeat-x;}
#site-frame-mid  {padding: 0px; width: 1024px;}
#site-frame-right {padding: 0px; background-image: url('/content/image/topright.jpg'); background-repeat: repeat-x;}
#site-frame-bottom {padding: 0px; background-image: url('/content/image/bg.jpg');}
#site-footer {width: 100%; height: 30px; background-image: url('/content/image/bottom.jpg');}

#page {width: 1024px; background-image: url('/content/image/bg.jpg'); margin-left: auto; margin-right: auto; display: table;}
#page-top {width: 100%; height: 121px; background-image: url('/content/image/top.jpg');}
#btnUS {position: relative; top: -10px; left: 875px;}
#btnCA {position: relative; top: -10px; left: 870px;}

#page-top-bar {width: 100%; height: 47px; position:relative; left:62px; top: 10px; margin-bottom: 10px; z-index: 1000;}
#page-top-bar-left {width: 7px; height: 100%; background-image: url('/content/image/topbarleft.jpg');}
#page-top-bar-mid{width: 886px; height: 100%; background-image: url('/content/image/topbarmid.jpg');}
#page-top-bar-right {width: 7px; height: 100%; background-image: url('/content/image/topbarright.jpg');}

#site-bottom-bar {width: 100%; margin-top: 10px; height: 74px; position:relative; left:62px; top: 10px;}
#site-bottom-bar-left {width: 7px; height: 100%; background-image: url('/content/image/bottombarleft.jpg'); background-repeat: repeat-x;}
#site-bottom-bar-mid {width: 886px; height: 100%; background-image: url('/content/image/bottombarmid.jpg'); background-repeat: repeat-x;}
#site-bottom-bar-right {width: 7px; height: 100%; background-image: url('/content/image/bottombarright.jpg'); background-repeat: repeat-x;}

#flash {height: 225px; width: 900px; position: relative; margin-top: 0px; top: 0px; left: 62px; z-index: 1;}
#page-body {width: 100%; margin-top: 0px; position: relative; top: 10px; left: 62px;}
#page-left {width: 272px; margin-top: 0px;}
body.ie #page-content div {z-index: 1;}
#page-content {width: 615px; margin-top: 0px;font-size:12px;margin-left:10px}

.main {margin-top: 5px; margin-left: 15px;}

#left-nav div {z-index: 800;}
.left-nav-header {cursor: pointer; width: 269px}
.left-nav-content {margin-left: 0px; text-align: left; position: relative; top: 5px; left: 4px;}
.left-nav-category { font-size: 12px; color: black; text-decoration: underline; padding: 6px;}
.left-nav-subCategory { font-size: 12px; color: black; text-decoration: none; padding: 4px;}
#searchOptions {position: relative; left: 25px;}
#searchOptions .sep {width: 100%; background-color: #c8483f; height: 1px;}

.bar {height: 32px;}
.bar-left {width: 7px; height: 100%; background-image: url('/content/image/barleft.jpg'); background-repeat: no-repeat;}
.bar-mid {width: 255px; height: 100%; background-image: url('/content/image/barmid.jpg'); background-repeat: repeat-x; position: relative;}
.bar-right {width: 7px; height: 100%; background-image: url('/content/image/barright.jpg'); background-repeat: no-repeat;}
.bar-text { font-size: 12px; font-weight: bold; color: White; position:absolute; top: 9px; left: 15px;}

.top-bar-text { font-size: 12px; font-weight: bold; color: White; text-decoration: none;}
.top-bar-cell {height: 47px; position:relative; left: 10px; line-height: 3; padding-left: 5px; padding-right: 5px;}
.top-bar-cell:hover { background-image: url('/content/image/topbarmidhover.jpg');}

#site-search-lbl {position:relative; left: 10px; height: 47px; line-height: 4;}
#site-search {position:relative; top: 9px; left: 20px; background-color: White; width: 250px; z-index: 2000;}
.form_tags {margin-bottom: 10px;}
.form_tags .textboxlist, #txtSiteSearch .textboxlist {width: 100%;}
.textboxlist-loading  {background: url('/content/image/spinner.gif') no-repeat 380px center;}
.textboxlist-autocomplete-result {overflow: hidden; zoom: 1; z-index: 3000;}
.textboxlist-autocomplete-result img {float: left; padding-right: 10px;}
.note {color: #666; font-size: 90%;}
#footer {margin: 50px; text-align: center;}
#btnSearchSite {cursor: pointer;}

#site-search-btn {left: 20px;}
#site-newProduct {left: 25px;}
#site-promotions {left: 45px;}
#site-closeouts {left: 65px;}
#site-catalogs {left: 85px;}
#site-login {left: 105px;}

#copyright { font-size: 10px; color: #aaa; position: relative; top: 24px; left: 15px; display: inline;}
#site-bottom-nav {width: 425px; position: relative; left: 70px; top: 20px; display: inline;}
.site-bottom-nav-link { font-size: 12px; color: #aaa; text-decoration: none; font-weight: normal;}
.site-bottom-nav-link:hover {color: red;}

#gogreen {position: relative; top: 5px; left: 20px;}

.header14 { font-size: 14px; font-weight: bold; color: #c8483f; text-decoration: none;}
.header12 { font-size: 12px; font-weight: bold; color: #c8483f; text-decoration: none;}
.header10 { font-size: 10px; font-weight: bold; color: #c8483f; text-decoration: none;}
.thinHeader12 { font-size: 12px; color: #c8483f; text-decoration: none;}
.thinHeader10 { font-size: 10px; color: #c8483f; text-decoration: none;}
.boldText16 { font-size: 12px; font-weight: bold; color: black; text-decoration: none;}
.boldText14 { font-size: 14px; font-weight: bold; color: black; text-decoration: none;}
.boldText12 { font-size: 12px; font-weight: bold; color: black; text-decoration: none;}
.boldText10 { font-size: 10px; font-weight: bold; color: black; text-decoration: none;}
.text16 { font-size: 16px; color: black; text-decoration: none;}
.text12 { font-size: 12px; color: black; text-decoration: none;}
.text11 { font-size: 11px; color: black; text-decoration: none;}
.text14 { font-size: 12px; color: black; text-decoration: none;}
.text10 { font-size: 10px; color: black; text-decoration: none;}
.stext14 { font-size: 14px; font-weight:bold; color: #000000; text-decoration: none;}
.whiteText12 {font-size: 12px; color: white; text-decoration: none; font-weight: normal;}
.grayText10 { font-size: 10px; color: #aaa; text-decoration: none; font-weight: normal;}
.grayHeader12 { font-size: 12px; color: #777; text-decoration: none; font-weight: bold;}

.red-btn {height: 25px; cursor: pointer;}
.red-btn-left {width: 4px; height: 100%; background-image: url('/content/image/redbuttonleft.jpg'); background-repeat: no-repeat;}
.red-btn-mid {height: 100%; background-image: url('/content/image/redbuttonmid.jpg'); background-repeat: repeat-x; text-align: center; line-height: 25px; padding-left: 4px; padding-right: 4px;}
.red-btn-right {width: 4px; height: 100%; background-image: url('/content/image/redbuttonright.jpg'); background-repeat: no-repeat;}
.red-btn-text { font-size: 10px; color: White; text-decoration: none; font-weight: bold;}

/*******************************************************************************************************/
/*     PAGER     */
/*******************************************************************************************************/
ul.pager li {list-style:none; float: left; padding: 2px 5px 2px 5px; margin:0 5px 0 0; cursor: pointer;}
ul.pager li.pg {width: 12px; border:1px solid #ccc;  font-size: 12px; color: black; text-decoration: none; text-align: center;}
ul.pager li.pg:hover {border:1px solid #003f7e; background-color: #cfdeff;}
ul.pager {display:block; border:none; text-transform:uppercase; margin:0px 0px 0px 0px; padding:0px;}
ul.pager .pagerBtn {border:1px solid #ccc;  font-size: 12px; color: black; text-decoration: none;}
ul.pager .pagerBtn:hover {border:1px solid #003f7e; background-color: #cfdeff;}
ul.pager li.pgsel {width: 12px;  font-size: 12px; color: black; text-decoration: none; font-weight: bold; text-align: center;}

/*******************************************************************************************************/
/*     INDEX     */
/*******************************************************************************************************/
#index {width: 100%; position: relative; left: 0px; top: -12px; border-collapse: collapse; border-spacing: 0px; border-style: none;}
.container-m {height: 124px; width: 300px; background-image: url('/content/image/container-m.jpg'); background-repeat: no-repeat; padding: 2px;}
.container-m-header {width: 286px;}
.container-l {height: 398px; width: 297px; background-image: url('/content/image/container-l.jpg'); background-repeat: no-repeat; padding: 2px;}
.container-l-header {width: 283px;}
.index-spacer {height: 12px}

.containerInfo {position: relative; top: 10px; left: 10px; display: inline; width: 175px;}
#container2 { position: relative; left: 30px;}
#container3 { position: relative; top: 15px; left: 5px;}
#container4 { position: relative; top: 15px; left: 10px;}
p { margin-top: 4px; margin-bottom: 0px;}
.btnViewSeries {position: relative; top: 5px;}
.btnVeiwBPAFree {position: relative; top: 20px;}
.btnUnder10 {position: relative; top: 10px;}
#txtQP {width: 100px; position: relative; top: 50px; left: -90px;}
.btnSearchQP {position: relative; top: 25px; left: 30px;}

/*******************************************************************************************************/
/*     CATEGORY     */
/*******************************************************************************************************/
#category {position: relative; border-collapse: collapse; border-spacing: 0px; border-style: none;}
.product-cell-line {margin: 0px; padding: 0px; line-height: 90%;}
.product-cell-bottom {border-left-color: #666666; border-left-style: solid; border-left-width: 2px; padding-left: 4px;}
#grdCategory {position: relative; top: 0px; left: 0px; padding: 0px; margin: 10px 0 10px 0;}
#topPager {position: relative; top: 0px; margin-top: 10px;}
#bottomPager {position: relative; top: 0px;}
#guidedFilters ul {list-style:none; position: relative; top: 0px; left: -25px;}
div.filterBox {position: relative; left: 5px; width: 255px;}
div.filterHeader {background-color: #e2e0cb; padding: 4px;  font-size: 12px; color: #eb2000; text-decoration: none; font-weight: bold;}
div.filters {position: relative; left: 15px; padding: 5px;}
font.filter { font-size: 12px; color: black; text-decoration: underline; cursor: pointer;}
.filterCount { font-size: 12px; color: #999; text-decoration: none;}
#selections {position: relative; left: 25px;}
li.pagerBtn {height: 14px; vertical-align: middle;}
.productResults {width: 600px;}
/*******************************************************************************************************/
/*     PRODUCT     */
/*******************************************************************************************************/
#product {position: relative;}
#product .leftPanel {width: inherit; height: 500px; background-color: #ffffff;}
#product .leftPanel-border {width: 270px; height: 500px; border: solid 1px #aaa;}
#product .leftPanel-body {margin: 0px 0px 0px 10px; text-align: center; border: none;}
#product .rightPanel {position: relative; left: 5px; width: 355px; height: 500px;}
#product .top {height: 515px;}
#product .bottom {position: relative; padding-bottom: 25px;}
#product .info {position: relative; left: 10px;}
#product .name {position: relative; top: 5px}
/*#product .pricing {position: relative; top: 143px;}*/
#product .printed {width: 155px;}
#product .blank {width: 155px;}
#grdPrinted {position: relative; width: 155px;}
#grdBlank {position: relative;  width: 155px;}
/*#product .pricing {height: 165px;}*/

#product .pricing {position: absolute; bottom: 0px; left: 0px;}
body.ie #product .pricing {width: 350px;}
body.ie6 #product .pricing {bottom: 370px; width: 100%;}

#product ul.desc {height: 398px; width:300px; list-style-type: none; position: relative; left: -25px;}
body.ie #product ul.desc {height: 381px; width:300px; list-style-type: none;}
body.ie6 #product ul.desc {height: 250px; width:300px; list-style-type: none;}

#product .productInfo {position: relative; top: 5px; width: 600px;}
#product .printedSpecial {background-color: Blue; height: 25px; width: 100%; position: relative; display: none;}
#product .blankSpecial {background-color: Blue; height: 25px; width: 100%; position: relative; display: none;}
#product .specialLogo {height: 25px;}
#product .blankPricing {display: none; position: relative; left: 5px;}
#product .printedPricing {display: none;}
#colspc {display: none;}
#ccolspc {display: none;}
#bSample {display: none;}
#ppCarousel {width: 200px;}
#product .carouselImg {width: 65px; height: 89px; border: solid 1px #aaaaaa; cursor: pointer;}
#product .leftPanel-bottom {position: relative; top: 5px; left: -3px;}

/*
#product .sitePath {position: relative; top: -9px; border-bottom: solid 1px #aaaaaa; border-left: solid 1px #aaaaaa; border-right: solid 1px #aaaaaa; padding: 4px; width: 605px; background-color: #f1f1f1;}
*/

#product .sitePath {position: relative; top: -9px; height: 25px; width: 615px; background-image: url('/content/image/sitepath.gif');}

#product .pathText { font-size: 12px; font-weight: bold; color: #000000; text-decoration: none;}
#product .pathText:hover { font-size: 12px; font-weight: bold; color: red; text-decoration: none;}
.arrowsep { position:relative; top: 3px;}
#produResItems {padding: 10px;}
.prodResText {position: relative; left: 0px; padding: 5px;  font-size: 12px; color: black; text-decoration: none; cursor: pointer;}
#product .lblText { font-size: 12px; font-weight: bold; color: #c8483f; text-decoration: none; padding-right: 5px;}
#product .primaryLocation { font-size: 12px; font-weight: bold; color: green; text-decoration: none;}
#priceLock { font-size: 12px; font-weight: normal; color: #c8483f; text-decoration: none; padding-left: 7px;}
#product .productBox {width: 301px; height: 216px; background-image: url('/content/image/additionalProductBox.jpg'); background-repeat: no-repeat; margin-top: 10px;}

#leftbox {position:relative;}
#rightbox {position: relative; left: 10px;}

#product .productBox div.boldText12 {text-align: center;}
#product .productBox .boxHeader {padding-left: 15px; padding-top: 10px; text-align: left;}
#product .productBox .boxProduct {position: relative; top: 17px;}
.prodBox1 {left: 10%;}
.prodBox2 {left: 25%;}
#magnetPricing {width: 330px;}
#magnetPricing .bBorder {border-bottom: solid 1px #666;}
#magnetPricing .rBorder {border-right: solid 1px #666;}
#magnetPricing .qty {background-color: #fff;}
#magnetPricing .colorRow {background-color: #fff;}

#pQty5, #pQty6, #pPrice5, #pPrice6, #cpQty5, #cpQty6, #cpPrice5, #cpPrice6, #bMinSample { color: green; font-weight: bold;}

/*#shippingQuote {display: none; width: 300px; height:300px;}*/

/*******************************************************************************************************/
/*     SEARCH RESULTS     */
/*******************************************************************************************************/
#searchResults {position: relative; border-collapse: collapse; border-spacing: 0px; border-style: none; text-align: left;}
#searchResults .header { font-size: 16px; font-weight: bold; color: black; text-decoration: none;}
#searchResults .sep {width: 615px; background-color: #c8483f; height: 1px;}

/*******************************************************************************************************/
/*     LEFT NAV     */
/*******************************************************************************************************/
div#left-nav div.arrowRight{top:0px;left:-20px}
div.left-nav-content li.reqLogin{display:none}
body.loggedIn .left-nav-content li.reqLogin{display:inherit}

div#left-nav div.arrowRight{font-size:12px;}

span.arrowRight{
	background:transparent url(/content/image/arrowright.jpg) no-repeat scroll 0px 3px;
	padding-right:7px;
	width:8px;height:9px;
}
div.distRes span.arrowRight{display:none}
div.distRes span.link.arrowRight
,div.distRes span.lvl1.arrowRight
{display:inline}

div#left-nav div.arrowRight ul{list-style-type:none;left:-10px}
div#left-nav div.arrowRight li{cursor: pointer;padding-top:2px;padding-bottom:3px;}
div#left-nav div.arrowRight li:not(.link){cursor:default}
div#left-nav div.arrowRight li.lvl1{cursor:pointer !important;}
div#left-nav div.arrowRight a{left:-5px}
div#left-nav div.arrowRight a:hover{background:#CFDEFF none repeat scroll 0 0;}
div#left-nav div.arrowRight a{color:Black}

div.distRes li.lvl1,div.genInf li.lvl1{padding:3px;width:195px;}
div.distRes li.lvl1,div.genInf li.lvl1{border-bottom: 1px solid #CCCCCC;}
div.distRes li.lvl1.last,div.genInf li.lvl1.last{border-bottom-style:none;}
div#page-content img.banner{display:none}

body.ie6 div.arrowRight{padding-top:10px}
/*******************************************************************************************************/
/*     FORMS     */
/*******************************************************************************************************/

/*******************************************************************************************************/
/*     ADVANCED SEARCH    */
/*******************************************************************************************************/
#AdvSearch {position: relative; border-collapse: collapse; border-spacing: 0px; border-style: none; text-align: left;}
#AdvSearch .header { font-size: 16px; font-weight: bold; color: black; text-decoration: none;}
#AdvSearch .sep {width: 615px; background-color: #c8483f; height: 1px;}
#searchOptions .customRange {display:none; padding: 5px; position: relative; left: 46px;}

/* debt fixes */
div#category,div#searchResults,div#AdvSearch{font-size:medium}
div#product{width:630px}

/*******************************************************************************************************/
/*     IDEA BOARD   */
/*******************************************************************************************************/
.ideaBar {width: 615px; background: url('/content/image/openIdeaBar.gif'); cursor: pointer; height: 20px;}
.ideaBar div {padding-top: 3px;}
.addIdea {font-size: 12px; color: green; text-decoration: none; font-weight: bold;}
.removeIdea {display:none; font-size: 12px; color: green; text-decoration: none; font-weight: bold;}
.ideaBoard {position:absolute; border: solid 1px black; z-index: 100; display: none; width: 613px; background-color: White; height: 0px;}
.ideaContainer {padding: 10px;}
.emptyBoard {display: none; font-size: 12px; color: black; text-decoration: none; font-weight: bold;}
#winLink a {font-size: 12px; color: #c8483f; text-decoration: none; font-weight: bold;}
#grdIdeas .product-cell {border: solid 1px white; padding: 4px; background-color: White;}

ul.jd_menu, 
ul.jd_menu_vertical {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul.jd_menu ul,
ul.jd_menu_vertical ul {
	display: none;
}
ul.jd_menu li {
	float: left;
}

ul.jd_menu li a:hover {
	color:Red;
}

/* -- Sub-Menus -- */
ul.jd_menu ul,
ul.jd_menu_vertical ul {
	position: absolute;
	display: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	z-index: 10000;
}
ul.jd_menu ul li,
ul.jd_menu_vertical ul li {
	float: none;
	margin: 0px;
}


ul.jd_menu_slate {
	height: 19px;
	background-color: #CCC;
	border: 1px solid #70777D;
	border-top: 1px solid #A5AFB8;
	border-left: 1px solid #A5AFB8;
	clear: both;
}

ul.jd_menu_vertical {
	width: 200px;
	height: auto;
	clear: both;
	background-color: #A5AFB8;
}


ul.jd_menu_slate a, 
ul.jd_menu_slate a:active,
ul.jd_menu_slate a:link,
ul.jd_menu_slate a:visited {
	text-decoration: none;
	color: #000;
}
ul.jd_menu_slate ul li a,
ul.jd_menu_slate ul li a:active,
ul.jd_menu_slate ul li a:link,
ul.jd_menu_slate ul li a:visited {
	color: #000;
}
ul.jd_menu_slate li {
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	padding: 2px 6px 4px 6px;
	cursor: pointer;
	white-space: nowrap;
	color: #000;
}
ul.jd_menu_slate li.jd_menu_active_menubar,
ul.jd_menu_slate li.jd_menu_hover_menubar {
	padding-left: 5px;
	border-left: 1px solid #ABB5BC;
	padding-right: 5px;
	border-right: 1px solid #929AA1;
	border-right: 1px solid #70777D;
	color: red;
}

ul.jd_menu_vertical li.jd_menu_active_menubar,
ul.jd_menu_vertical li.jd_menu_hover_menubar {
	padding-left: 6px;
	padding-top: 1px;
	border-top: 1px solid #70777D;
	border-left: 0px;
	border-right: 0px;
}

ul.jd_menu_slate ul {
	background: #ABB5BC;
	border: 1px solid #70777D;
}
ul.jd_menu_slate ul li {
	padding: 3px 10px 3px 4px;
	background: #E6E6E6;
	border: none;
	color: #70777D;
}
ul.jd_menu_slate ul li.jd_menu_active,
ul.jd_menu_slate ul li.jd_menu_hover {
	padding-top: 2px;
	border-top: 1px solid #ABB5BC;
	padding-bottom: 2px;
	border-bottom: 1px solid #929AA1;
	color: red;
}
ul.jd_menu_slate ul li.jd_menu_active a.jd_menu_active,
ul.jd_menu_slate ul li.jd_menu_hover a.jd_menu_hover {
	color: red;
}


/*******************************************************************************************************/
/*     IDEA BOARD   */
/*******************************************************************************************************/

.compare-cell {width: 180px; min-width: 180px}
.compare-pricing {width: 100%} 
.compare-pricing>tbody>tr>td {border-bottom: solid 1px #999;}
#tblCompare, #tblCompare>tbody>tr>td, #tblCompare>tr>td  { 
	border: solid 1px #666;
}
#tblCompare .compareDesc { list-style-type:circle; margin: 0px;}
/*
.compare-color {color: black;}
.compare-color:hover {color: red;}
*/

/*!



---- file:css/form.css 10/7/2009 10:41:09 AM ----*/
table.gen.form tr.submit>td{text-align:center}

/*******************************************************************************************************/
/*     addresses     */
/*******************************************************************************************************/
#addresses {position: relative; left: 10px; border-collapse: collapse; border-spacing: 0px; border-style: none; text-align: left;}
#addresses .sep {width: 610px; height: 1px; color: #666666; background-color: #666666}
#addresses .main {width: 610px;}
#addresses .left {width: 47%; border-right: solid 1px #666666;}
#addresses .right {width: 47%; margin-left: 0px;}
#addresses .address {margin-top: 10px;}
#addresses .address .red-btn {margin-bottom: 4px; position:relative; left: -4px;}
#addresses .actions div {padding-right: 5px; padding-top: 2px;}
#addresses .link {font-family: Tahoma; font-size: 12px; font-weight: bold; color: #c8483f; text-decoration: underline; cursor: pointer;}
#addresses .toolbar {width: 610px; margin-top: 4px;}
#addresses .loading {display: none}

/*******************************************************************************************************/
/*     login     */
/*******************************************************************************************************/
#login {
	position: relative; left: 3px; border-collapse: collapse; border-spacing: 0px; border-style: none; text-align: left; 
	background-image: url('/content/image/loginbg.jpg'); width: 610px; height: 270px;
}
#login .left {width: 300px;}
#login .right {width: 300px;}
#loginForm {position: relative; left: 50px; top: 40px;}
#login .leftHeader, .rightHeader {font-family: Tahoma; font-size: 24px; font-weight: bold; color: #c8483f;}
#login .leftHeader {position: relative; left: 100px; top: 10px;}
#login .rightHeader {position: relative; left: 85px; top: 10px;}
#memberInfo {position: relative; left: 15px; top: 20px;}
.register {position: relative; left: 100px;}
#login .link {font-family: Tahoma; font-size: 12px; font-weight: bold; color: #c8483f; text-decoration: underline; cursor: pointer;}
#forgotPWForm {position: relative; left: 15px; top: 20px; display: none; width: 295px;}


/*******************************************************************************************************/
/*     cart     */
/*******************************************************************************************************/

#cart {position: relative; left: 10px; border-collapse: collapse; border-spacing: 0px; border-style: none; text-align: left;}

#cart .header {background-color: #cccccc;}
#cart table.cart>tbody>tr>td {border: solid 1px #666666;}
#cart table.cart>tr>td {border: solid 1px #666666;}

#cart .remove {cursor: pointer;}
#cart .footer {position: relative; left: 420px; width: 185px;}
#cart .product-cell-bottom {border-left-color: white;}


/*******************************************************************************************************/
/*     selectMethod     */
/*******************************************************************************************************/
#selectMethod {position: relative; left: 10px; border-collapse: collapse; border-spacing: 0px; border-style: none; text-align: left;}
#selectMethod .methods {list-style-type: none;}


/*******************************************************************************************************/
/*     purchase     */
/*******************************************************************************************************/

#purchase {position: relative; left: 10px; border-collapse: collapse; border-spacing: 0px; border-style: none; text-align: left;}
#purchase .header {background-color: #cccccc;}
#purchase table.info>tbody>tr>td {width: 50%;}
#purchase table.info>tr>td {width: 50%;}
#purchase .actions, .billToThis, .shipToThis, hr {display: none;}
#selBillTo {padding: 10px 0px 0px 10px;}
#selShipTo {padding: 10px 0px 0px 10px;}
#purchase .header {background-color: #cccccc;}
#purchase table.cart>tbody>tr>td {padding: 5px;}
#purchase table.cart>tr>td {padding: 5px;}
#purchase .product-cell-bottom {border-left-color: white;}
#purchase .ccheader {border-bottom: solid 1px #666666; margin-bottom: 5px;}
#purchase .link {font-family: Tahoma; font-size: 12px; font-weight: bold; color: #c8483f; text-decoration: underline; cursor: pointer;}
#purchase .taxes {display:none}
#purchase .finished {display: none; width: 50%;}

/*******************************************************************************************************/
/*     register     */
/*******************************************************************************************************/
#register {position: relative; left: 10px; border-collapse: collapse; border-spacing: 0px; border-style: none;}
#registerForm {display: none;}
#register table td {text-align: left;}

/*******************************************************************************************************/
/*     starMail     */
/*******************************************************************************************************/
#starmail{position: relative; left: 0px; border-collapse: collapse; border-spacing: 0px; border-style: none;}

/*******************************************************************************************************/
/*     orderStatus     */
/*******************************************************************************************************/
#orderStatus{position: relative; left: 3px; border-collapse: collapse; border-spacing: 0px; border-style: none;}
#orderStatus>div.sort{position:absolute;right:25px;top:-24px;}
#orderStatus>table{width:610px;border-left:solid thin gray;border-right:solid thin gray}
#orderStatus>table table{width:100%}
#orderStatus>table>tbody>tr>td>table{border-top:solid thin gray}
#orderStatus table.po
,#orderStatus table.stus
{white-space:nowrap}
#orderStatus div.nodata{white-space:normal}
#orderStatus table.po{background-image:url(/content/image/status_bar.gif);height:25px;width:100%;color:white;font-weight:bold}
#orderStatus table.stus .val{color:red}
#orderStatus div.lbl{font-weight:bold;text-decoration:underline}
#orderStatus table.inf td.ship{padding-left:30px}
zz#orderStatus table.inf td.ship div:not(.lbl){padding-left:30px}
#orderStatus table.dettrk td.trk{vertical-align:top}
#orderStatus table.dettrk td.trk>table tr.head{width:30%}
#orderStatus table.dettrk td.trk>table tr.head{background-color:Silver}
#orderStatus table.dettrk td.trk>table td{border-left:solid thin gray;text-align:center}
zz#orderStatus table.dettrk td.det{width:40%}
#orderStatus table.dettrk td.det{text-align:center}
#orderStatus table.dettrk td.det>div.lbl{text-align:left;}

/*******************************************************************************************************/
/*     manageMySites     */
/*******************************************************************************************************/

#manageMySites .header { font-size: 16px; font-weight: bold; color: black; text-decoration: none;}
#manageMySites .sep {width: 615px; background-color: #c8483f; height: 1px;}

/*******************************************************************************************************/
/*     mySite     */
/*******************************************************************************************************/

#mySite .header { font-size: 16px; font-weight: bold; color: black; text-decoration: none;}
#mySite .sep {width: 615px; background-color: #c8483f; height: 1px;}
#mySite .csheading14 {text-decoration:none; font-weight: bold; font-family: arial; font-size: 8px; color:#800000}
#mySite .csheading10 {text-decoration:none; font-weight: bold; font-family: arial; font-size: 10px; color:#800000}
#mySite .link {font-family: Tahoma; font-size: 12px; font-weight: bold; color: #c8483f; text-decoration: underline; cursor: pointer;}