/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.0
*/
.ygtvtn{width:18px;height:22px;background:url(getimg.php?img=treeview-sprite.gif) 0 -5600px no-repeat;}.ygtvtm{width:18px;height:22px;cursor:pointer;background:url(getimg.php?img=treeview-sprite.gif) 0 -4000px no-repeat;}.ygtvtmh{width:18px;height:22px;cursor:pointer;background:url(getimg.php?img=treeview-sprite.gif) 0 -4800px no-repeat;}.ygtvtp{width:18px;height:22px;cursor:pointer;background:url(getimg.php?img=treeview-sprite.gif) 0 -6400px no-repeat;}.ygtvtph{width:18px;height:22px;cursor:pointer;background:url(getimg.php?img=treeview-sprite.gif) 0 -7200px no-repeat;}.ygtvln{width:18px;height:22px;background:url(getimg.php?img=treeview-sprite.gif) 0 -1600px no-repeat;}.ygtvlm{width:18px;height:22px;cursor:pointer;background:url(getimg.php?img=treeview-sprite.gif) 0 0px no-repeat;}.ygtvlmh{width:18px;height:22px;cursor:pointer;background:url(getimg.php?img=treeview-sprite.gif) 0 -800px no-repeat;}.ygtvlp{width:18px;height:22px;cursor:pointer;background:url(getimg.php?img=treeview-sprite.gif) 0 -2400px no-repeat;}.ygtvlph{width:18px;height:22px;cursor:pointer;background:url(getimg.php?img=treeview-sprite.gif) 0 -3200px no-repeat;}.ygtvloading{width:18px;height:22px;background:url(getimg.php?img=treeview-loading.gif) 0 0 no-repeat;}.ygtvdepthcell{width:18px;height:22px;background:url(getimg.php?img=treeview-sprite.gif) 0 -8000px no-repeat;}.ygtvblankdepthcell{width:18px;height:22px;}.ygtvitem{}.ygtvchildren{*zoom:1;}.ygtvlabel,.ygtvlabel:link,.ygtvlabel:visited,.ygtvlabel:hover{margin-left:2px;text-decoration:none;background-color:white;}.ygtvspacer{height:22px;width:18px;}
body {
	font-family: Arial,sans-serif;
	margin: 0px;
}
h1 {
	font-size: 14pt;
}
div.inputfld {
	padding-bottom: 18px;
}
div.inputfld em {
	font-style: normal;
	padding-left: 15px;
	font-weight: bold;
}
div.item {
	margin-bottom: 0.25in;
	clear: both;
}
div.item div.tn_noimg, div.item div.tn {
	float: left;
	margin-right: 20px;
}
div.item div.tn {
	margin-bottom: 10px;
}
div.item div.tn img {
	cursor: pointer;
	border: dotted gray 1px;
}
div.item h1 {
	font-size: 12pt;
	margin-bottom: 8px;
}
div.item p {
	margin-top: 5px;
	margin-bottom: 5px;
}
div.item p {
	display: inline;
}
div.item p.backorder {
	display: block;
}
div.item p.itmdesc {
	display: block;
}

div.item div.addbtn {
	display: inline;
	position: static;
	padding-left: 25px;
}

div.item div.itmtxt {
	float: left;
	padding-bottom: 0px;
}
div.note {
	margin-top: 20px;
	margin-bottom: 15px;
}
ul.halfbtn {
	list-style-type: none;
	text-align: center;
}
ul.halfbtn li {
	text-align: center;
	display: inline;
}
ul.halfbtn li input, ul.halfbtn li a {
	padding-top: 15px;
	padding-bottom: 0px;
	padding-left: 60px;
	padding-right: 60px;
}
table.shopcart {
	width: 100%;
	border-collapse: collapse;
	padding: 0px;
}
table.shopcart th {
	text-align: left;
}
table.shopcart td.pricecol {
	text-align: right;
}
div.prtotal {
	text-align: right;
}
address {
	font-style: normal;
	font-weight: bold;
}
em.missing {
	font-weight: bold;
}
div.err {
	margin-bottom: 20px;
	font-size: 14pt;
	font-weight: bold;
	color: red;
}
.hindent {
	padding-left: 50px;
	text-indent: -50px;
}
div.catnav {
	width: 100%;
	text-align: center;
	word-spacing: 1em;
}
div.catnav a {
	text-decoration: none;
}
div.catnavtabs {
	margin-top: 10px;
	text-align: center;
	width: 100%;
}
div.itemdetails * {
	font-size: 9pt;
}
table.subitems td table.subitems {
	margin-left: 20px;
	border: solid black 1px;
}
table.subitems td {
	font-size: 9pt;
	padding: 0px;
	padding-left: 8px;
	line-height: 90%;
	text-decoration: none;
}
table.tracking td {
	vertical-align: top;
}
table.tracking td.orline {
	padding-right: 8px;
}
table.trresult {
	margin-bottom: 20px;
	font-size: 10pt;
}
table.trresult td {
	vertical-align: top;
	font-size: 10pt;
}
table.trresult td.trlbl {
	vertical-align: top;
	padding-right: 8px;
}
table.trresult td.trdata {
	vertical-align: top;
}
.content table.results {
	width: 90%;
	font-size: 8pt;
	border-collapse: collapse;
}
.content table.results tr.a { background-color: #FFFFCC; }
.content table.results tr.b { background-color: #FFFFFF; }
.content table.results th {
	border-bottom: solid black 1pt;
}
.content table.results td {
	vertical-align: top;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 1px;
	padding-right: 8px;
}
.content .reshead {
	margin-top: 18px;
}
.content table.grandtotal {
	text-align: right;
	font-size: 12pt;
	font-weight: bold;
}
.content table.subtotal {
	text-align: right;
	font-size: 10pt;
	font-weight: bold;
}
table.data_results {
	width: 100%;
}
table.data_results td {
	vertical-align: top;
	padding: 10px;
}
table.quicklist {
	width: 100%;
	border-collapse: collapse;
	border: none;
}
table.quicklist tbody {
	width: 100%;
}
table.quicklist th {
	padding-bottom: 5px;
}
table.quicklist td {
	vertical-align: top;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
}
table.quicklist_tab_main td {
	border: none;
}
table.quicklist td.qttd {
	width: 100%;
	padding: 0px;
	border: none;
}
table.quicklist td table.quicklist_tab td {
	border: none;
	padding: 0px;
}
table.quicklist td table.quicklist_tab {
	width: 100%;
	border: none;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #ffffff;
	border: none;
}
table.quicklist_tab_main {
	width: 100%;
	border: none;
	margin-top: 15px;
	margin-bottom: 0px;
	background-color: #ffffff;
}
table.quicklist td table.quicklist_tab td h2 {
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0px;
}
table.quicklist td table.quicklist_tab td h2 a.quicklist_toggle {
	color: black;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}
table.quicklist_tab_main td h1 {
	margin-bottom: 0px;
	margin-top: -5px;
	padding-top: 0px;
	padding-left: 5px;
}
table.quicklist_tab_main td h1 a.quicklist_toggle {
	font-size: 20pt;
	position: relative;
	top: 3px;
	color: black;
	text-decoration: none;
}
table.quicklist_tab_main td a.quicklist_toggle:hover {
	text-decoration: none;
}
table.quicklist td div.upload_btn {
	margin-top: 10px;
	margin-bottom: 10px;
}
table.quicklist td div.upload_info {
	margin-top: 10px;
	margin-bottom: 10px;
	display: none;
}
table.quicklist td div.upload_info table {
	width: 3.0in;
	border: solid black 1pt;
}
table.quicklist td div.upload_info table th {
	border: none;
	width: 1.0in;
	padding: 0px;
	padding-right: 8px;
	vertical-align: top;
}
table.quicklist td div.upload_info table td {
	border: none;
	width: 2.0in;
	padding: 0px;
	vertical-align: top;
}
table.quicklist td table.quicklist_tab td h2 a.quicklist_toggle img.plusminus {
	height: 9px;
	width: 9px;
	vertical-align: middle;
}
img.plusminus {
	height: 15px;
	width: 15px;
	vertical-align: middle;
}
table.addrinp colgroup.labels { width: 12em; }
table.addrinp colgroup.ast    { width: 1em; }
table.addrinp td {
	vertical-align: top;
	font-size: 10pt;
	padding-left: 6px;
}
table.orderdetails td {
	font-size: 10pt;
	vertical-align: top;
}
table.orderdetails td ul {
	margin-top: 0.2em;
	margin-left: 1.2em;
}
table.orderdetails td li {
	font-size: 8pt;
	padding-bottom: 0.2em;
}
div.orderelement {
	padding-bottom: 10px;
}
div.orderelement_indent {
	margin-left: 1.2em;
}
div.orderelement ul {
	margin-top: 0px;
	margin-bottom: 0px;
}
div.orderelement pre {
	margin-top: 5px;
	margin-left: 1.2em;
	margin-bottom: 0px;
}
div.orderdetails_conf ul {
	margin-top: 0px;
	margin-bottom: 0px;
}
p.shippingguarantee, p.shippingwarning {
	margin-top: 0.4em;
	margin-bottom: 0em;
	font-size: 85%;
	font-style: italic;
}

div.nav a {
	float: left;
}

table.customitem th {
	vertical-align: top;
	white-space: nowrap;
	padding-bottom: 10px;
	padding-right: 20px;
}
table.customitem td img.icon {
	padding-right: 10px;
	position: relative;
	top: 4px;
}
table.pricing th {
	vertical-align: top;
	white-space: nowrap;
	padding-bottom: 10px;
	padding-right: 20px;
	text-align: left;
}
table.pricing td {
	vertical-align: top;
	white-space: nowrap;
	padding-bottom: 10px;
	padding-right: 20px;
	text-align: right;
}
div#optionallogin {
	font-size: 10px;
}
div#optionallogin h1 {
	font-size: 12px;
	margin-top: 18px;
	margin-bottom: 0px;
}
div#optionallogin form {
	margin-top: 0px;
}
div#optionallogin input {
	font-size: 9px;
	height: 11px;
	width: 90px;
	margin: 0px;
}
div#optionallogin input#optloginbtn {
	width: 60px;
	height: 20px;
	font-size: 9px;
}
div#LSResult {
	position: relative;
	min-width: 135px;
}
div#LSShadow div.LSRes {
	display: block;
	margin: 0px;
	border: solid black 1px;
	padding: 3px;
	font-size: 10px;
	font-family: Arial,sans-serif;
	background-color: white;
}
div#LSShadow div.LSRes div.LSRow {
	margin: 2px 4px;
}
div#LSShadow div.LSRes div.LSRow a {
	white-space: nowrap;
}
div#LSHighlight {
	background-color: #006BB7;
}
p.continuefirst {
	font-size: 10px;
	font-style: italic;
	width: 50%;
}
table.custitem th {
	text-align: left;
	padding: 0px;
	padding-right: 10px;
}
div.instructions {
	display: none;
	margin: 10px 0px;
}
td.asterisk {
	color: red;
	font-weight: bolder;
	vertical-align: middle;
}
div#site_switcher {
	margin-left: 0.5in;
	margin-top: 15px;
}
div#site_switcher p {
	float: left;
	margin-top: 0px;
}
div#site_switcher_list {
	position: relative;
	border: solid 2px;
	float: left;
	margin-left: 10px;
	padding: 10px;
}
div#site_switcher_list p {
	margin: 0px;
	display: block;
	float: none;
	font-size: 14px;
}
div#site_switcher_list p a {
	color: black;
}
h1.heading {
	clear: both;
}
div.fldmessage {
	font-size: 10px;
}
table.copycenter_fields * {
	vertical-align: top;
}
table.imprintinfo td {
	vertical-align: top;
}

div.itmtxt div.limit_message {
	font-size: 12px;
}
div.itmtxt div.limit_message ul {
	margin: 0px;
	padding-left: 2em;
}
table.quicklist colgroup.units { width: 25%; }
table.quicklist colgroup.number{ width: 25%; }
table.quicklist colgroup.name  { width: 50%; }

div.largeimg {
	text-align: center;
	margin: 15px;
}
div.largeimg img {
	border: dashed gray 1px;
}
div.pdfdl {
	text-align: center;
	margin: 15px;
}
body.email {
	background: transparent;
	color: black;
}
div.approver {
	border: solid black 1px;
	margin: 15px 0px;
	padding: 15px;
}
div.approver p {
	margin: 3px 0px;
	padding: 0px;
}
p.extrainstructions {
	text-indent: 0px;
}
BODY				 	{ font-family: Arial, Helvetica, sans-serif; color: #01005B; margin: 0 0 0 0; background-color: White; }
H1 						{ font-size: 10pt; color: #3366CC; margin-bottom: 2px; font-weight: bold; }
.h1 					{ font-size: 12pt; color: #3366CC; margin-bottom: 2px; font-weight: bold; }
.h2 					{ font-size: 10pt; color: #3366CC; margin-bottom: 2px; font-weight: bold; }
.h3 					{ font-size: 10pt; color: #010066; margin-bottom: 2px; font-weight: bold; }
.h4 					{ font-size: 8pt; color: #3366CC; padding-bottom: 5px; }
.h5 					{ font-size: 12pt; color: #01005B; font-weight: bold; }
.sitemap_h3				{ font-size: 10pt; color: #3366CC; padding-bottom: 1px; font-weight: bold; padding-left: 45px; padding-top: 5px; }
.sitemap_h4				{ padding-left: 70px; color: #010066; font-size: 8pt; color: #3366CC; padding-bottom: 5px; }
TD 						{ font-family: Arial, Helvetica, sans-serif; color: #01005B; font-size: 8pt; }
UL.lessPaddingIE		{ margin-left: 15px; margin-top: 0px; margin-bottom: 0px; }
UL.lessPaddingMOZ		{ margin-left: -25px; margin-top: 0px; margin-bottom: 0px; }
LI						{ padding-bottom: 5px; }
HR						{ color: #CCCCCC; }
#landingBody			{  }
#contentBODY			{ padding-right: 25px; }
#resultBOX 				{ padding-left: 15px; }
#resultBOX A			{ font-size: 8pt; font-weight: bold; color: #010066; }
#summaryBOX				{ padding-bottom: 10px; padding-left: 15px; }
#summaryBOX SPAN		{ color: #757575; font-size: 8pt; }
#summaryBOX B			{ color: Black; font-size: 8pt; }
#oneThirdPanel			{ width: 32%; }
#halfPanel				{ width: 47%; }
#twoThirdsPanel			{ width: 65%; }
.leftPanel 				{ float: left; clear: left; }
.rightPanel 			{ float: right; clear: right; }
.yellowBOX				{ padding: 4px; background-color: #FFFFCC; border-top: 2px #FFCC00 solid; border-bottom: 2px #FFCC00 solid; }
.yellowBOXTOP			{ background-color: #FFFFCC; border-top: 2px #FFCC00 solid; border-bottom: 2px #FFCC00 solid; }
.yellowBOXBOTTOM		{ padding-top: 4px; padding-bottom: 4px; background-color: #FFFFCC; border-top: 2px #FFCC00 solid; font-size: 8pt; text-decoration: none; }

.pageTitle 				{ font-size: 14pt; color: #3366CC; font-weight: bold; padding-bottom: 15px; font-style: italic; }
.pageTitleAlt 			{ color: #010066; }
.headerBOX 				{ background-color: #010066; color: White; border-bottom: 2px solid White; }
.audienceBOX 			{ background-color: #FFCC00; color: #010040; }
.audINFO				{ position: absolute; width: 200px; border: 2px #010066 solid; background-color: #FFFFCD; filter: alpha(opacity=85); -moz-opacity: .85; }
.audINFOTXT				{ padding-left: 20px; font-weight: bold; color: Black; }
.audINFOHEAD			{ font-weight: bold; color: #3366CC; }
.quicklink 				{ font-size: 6pt; color: White; font-family: Arial, Helvetica, sans-serif; text-align: right; }
.FPIMG 					{ background-color: #010066; border-bottom: 2px solid #FFCC00; }
.titleSM 				{ font-weight: bold; color: #010066; font-size: 9pt; }
.titleSMALT 			{ font-weight: bold; color: #3366CC; font-size: 9pt; }
.titleText 				{ color: #010066; font-size: 9pt; }
.blue					{ color: #010066; }
.red					{ color: #CC0000; }
.size7 					{ font-size: 7pt; }
.audMENU 				{ border-bottom: 2px solid White; padding-top: 5px; padding-bottom: 3px; }
.audMENUline 			{ border-bottom: 2px solid White; padding-top: 5px; padding-bottom: 3px; }
.audMENUactive 			{ background-color: #010066; border-bottom: 2px solid White; padding-top: 5px; padding-bottom: 3px; }
.menuBOX 				{ background-color: #FFFFCD; border-right: 2px solid White; }
.menuLABEL				{ background-color: #010066; color: White; font-weight: bold; padding-top: 5px; padding-bottom: 5px; }
.contentMAIN			{ border-right: 2px solid White; }
.mainMARGIN				{ padding-left: 10px; }
.trim					{ background-color: #FFFFCD; }

.newsTitle				{ font-size: 12pt; color: #010066; font-weight: bold; padding-bottom: 5px; }
.readMore				{ font-size: 8pt; color: #01005B; font-weight: bold; padding-bottom: 5px; }

.gridTBL				{ border: 1px solid black; }
.gridTRHDR				{ background-color: #FFCC00; color: #FFFFFF; }
.gridTRERR				{ background-color: #CC0000; color: #FFFFFF; }
.gridTRSUBHDR			{ background-color: #CCCCCC; }
.gridSECTIONHDR			{  }
.gridSECTIONTD			{ border-top: 2px solid #CCCCCC; border-right: 1px solid black; padding-left: 5px; }
.gridTDHDR				{ border-right: 1px solid black; border-bottom: 1px solid black; padding: 2px; }
.gridTDERR				{ border-right: 1px solid black; font-weight: bold; color: #FFFFFF; padding: 5px; }
.gridTRCOL				{ background-color: #FFCC00; font-weight: bold; }
.gridTR1				{ background-color: white; }
.gridTR2				{ background-color: whitesmoke; }
.gridDATA				{ border-right: 1px solid black; border-bottom: 1px solid black; padding: 3px; }
.gridDATATBL			{ border-right: 1px solid black; padding: 2px; }
.gridLINE				{ background-color: black; }

.formLABEL 				{ padding-right: 10px; }
.formLABELERR			{ padding-right: 10px; color: #FF0000; }
.formTEXT				{ width: 95%; background-color: WhiteSmoke; }
.formTEXTAREA			{ width: 95%; background-color: WhiteSmoke; }
.formSELECT				{ width: 97%; background-color: WhiteSmoke; }
.formCHECK				{  }
.formTEXTERR			{ width: 95%; background-color: WhiteSmoke; }
.formTEXTAREAERR		{ width: 95%; background-color: WhiteSmoke; }
.formSELECTERR			{ width: 97%; background-color: WhiteSmoke; }
.ERR					{  }
.formBTN 				{ border: 2px solid #8A8A8A; background-color: White; font-weight: bold; font-size: 8pt; color: #010066; }

INPUT					{ font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: black; }
SELECT					{ font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: black; }
TEXTAREA				{ font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: black; }

A:link 					{ color: #01005B; }
A:active 				{ color: #01005B; }
A:visited 				{ color: #01005B; }
A:hover 				{ color: #3366CC; }

A.menu:link 			{ color: #01005B; text-decoration: none; }
A.menu:active 			{ color: #01005B; text-decoration: none; }
A.menu:visited 			{ color: #01005B; text-decoration: none; }
A.menu:hover 			{ color: #3366CC; text-decoration: underline; }

A.hdr:link 				{ color: #3366CC; }
A.hdr:active 			{ color: #3366CC; }
A.hdr:visited 			{ color: #3366CC; }
A.hdr:hover 			{ color: #01005B; }

A.yellowBOX:link 		{ color: #01005B; text-decoration: none; }
A.yellowBOX:active 		{ color: #01005B; text-decoration: none; }
A.yellowBOX:visited 	{ color: #01005B; text-decoration: none; }
A.yellowBOX:hover 		{ color: #3366CC; text-decoration: none; }

A.readMore:link 		{ color: #01005B; text-decoration: none; }
A.readMore:active 		{ color: #01005B; text-decoration: none; }
A.readMore:visited 		{ color: #01005B; text-decoration: none; }
A.readMore:hover 		{ color: #3366CC; text-decoration: none; }

A.menuactive:link 		{ color: #01005B; text-decoration: none; font-weight: bold; }
A.menuactive:active 	{ color: #01005B; text-decoration: none; font-weight: bold; }
A.menuactive:visited 	{ color: #01005B; text-decoration: none; font-weight: bold; }
A.menuactive:hover 		{ color: #FFCC00; text-decoration: none; font-weight: bold; }

A.yellow:link 			{ color: #FFCC00; }
A.yellow:active 		{ color: #FFCC00; }
A.yellow:visited 		{ color: #FFCC00; }
A.yellow:hover 			{ color: #FFFFCD; }

A.none:link 			{ color: White; text-decoration: none; }
A.none:active 			{ color: White; text-decoration: none; }
A.none:visited 			{ color: White; text-decoration: none; }
A.none:hover 			{ color: #FFCC00; text-decoration: none; }

div.nav {
	width: 100%;
	height: 20px;
	background-color: #e5e5e5;
	color: black;
	margin-top: 15px;
}
div.nav a {
	display: block;
	float: left;
	margin: 0px 20px;
	font-size: 12px;
	text-decoration: none;
	color: black;
	padding-top: 3px;
}
div.nav a:hover {
	text-decoration: underline;
}
div.nav a#nav_selected { font-weight: bold; }
div.nav a#nav_selected:hover { text-decoration: none; }

div.halfbtn {
	float: left;
	margin-right: 25px;
	margin-top: 15px;
}

h1.bar {
	margin-top: 20px;
}
div.item {
	clear: left;
}
div.item div.tn {
	padding-bottom: 10px;
}
div.err {
	margin-top: 10px;
}
div.itmtxt {
	padding-left: 100px;
}
a.toggle_hndl {
	cursor: pointer;
}
div.tgl {
	display: none;
	padding-top: 6px;
	padding-bottom: 6px;
}
h2 {
	clear: both;
	margin-top: 0.25in;
}
div#site_switcher { margin-left: 0px; }
/* The main calendar widget.  DIV containing a table. */

.calendar {
  position: relative;
  display: none;
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #c8d0d4;
  font-family: tahoma,verdana,sans-serif;
}

.calendar table {
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #c8d0d4;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar .nav {
  background: transparent url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: #788084;
  color: #fff;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #000;
  padding: 2px;
  text-align: center;
  background: #e8f0f4;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  padding: 0px;
  background-color: #d8e0e4;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  background-color: #b8c0c4;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #e8f4f0;
}

.calendar tbody .rowhilite td {
  background: #d8e4e0;
}

.calendar tbody .rowhilite td.wn {
  background: #c8d4d0;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: #000 #fff #fff #000;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: #000 #fff #fff #000;
  background: #d8e0e4;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #e8f0f4;
  padding: 1px;
  border: 1px solid #000;
  background: #788084;
  color: #fff;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #d8e0e4;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background: #d8e0e4;
  font-size: smaller;
  padding: 1px;
}

.combo .label,
.combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.combo .label-IEfix {
  width: 4em;
}

.combo .active {
  background: #c8d0d4;
  padding: 0px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.combo .hilite {
  background: #048;
  color: #aef;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #e8f0f4;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}