/*
-----------------------------------------------
Spry Demos CSS Rules
Version:  12 Apr 2006 (0.2b)
----------------------------------------------- */

/*IE6ŒÅ’è—p*/
body {
  background: url(null) fixed;
}

#content, #sidebar {
	float: left;
	text-align: left;
}
#content {
	height:900px;
	width: 240px;
	margin-right: 15px;
	padding-top: 5px;
}



.SpryHiddenRegion {
   visibility: hidden;
}

#sidebar {
	/*position: absolute;*/
	position: fixed;
	width:180px;
	margin-top: 0;
	color:#FFFFFF;
	_position: absolute;
	_top: expression(eval(document.documentElement.scrollTop+130));
}


/* Table Rules
----------------------------------------------- */
td {vertical-align:top;}

td.rank { }

#products { 
	border-collapse:collapse;
	empty-cells:show;
	width:270px;
	_width:252px;  //IE6
	margin: 0;
}
#products caption {
	color: #fff;
	text-transform:uppercase;
	text-align: left;
	font-weight: bold;
	letter-spacing: 0.1em;
	background-color: #FD2800;
	padding: 0.375em;
	border-top: solid 1px #999;
	border-bottom: solid 1px #3a3a3a;
}

/*
#products th {
	background: url('/services/images/serv_m.gif');
	color: #ffffff;	
	font-weight: bold;
	height:1.5em;
	padding: 10px;
}
*/
.midashi {
	background: url('/services/images/serv_m.gif');
	color: #ffffff;	
	font-weight: bold;
	height:1.5em;
	padding: 10px;
	text-indent:10px;
}

#products th.komidashi {
	color:#669933;
 	}

#products td { 
	margin: 0; 
	padding: 0.25em 0.375em 0.45em 0.375em;
	text-align: left;
}

/*
#products th.infocus { background-color: #E6E6E6; }
#products th.selected {	color: #EAEAEA; }

#products td, #products th { 
	margin: 0; 
	padding: 0.17em;
	text-align: left;
}
*/

/*
#products tr {
	border-bottom: solid 1px #202020;
	-moz-user-select: none;
	-khtml-user-select: none;
}
*/

#products tr.infocus {
	background-color:#dfdfdf;
	cursor: pointer;
}

#products tr.notinfocus { background-color:#fff; }
#products tr.selected { color:#fc0; }
#products tbody { margin-top: 0; }
.even { background-color: #FFFFFF; }

#productshead {font-size: 10px;}
#name {font-size: 15px;}
#category {font-size: 8px;}

.rowHover {
	background-color: #99FF99;
	cursor: pointer;
}

.rowSelected { color: #f55; }

/* Utility IDs, classes, and HTML selectors
----------------------------------------------- */
#boxshot {
	background-color: #003366;
	/*border-top: solid 1px #999;
	border-bottom: solid 1px #3a3a3a;
	border-left: solid 1px #3a3a3a;
	border-right: solid 1px #3a3a3a;*/
	align: center;
 }
.clear {
	visibility: hidden;
	display: block;
	clear: both;
	height: 0px;
	margin: 0;
	padding: 0;
	}
.ClearAll {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}

code { color: #000; }
pre { font-size: small; color: #000; }

.highlightedcode {background-color: #ff9;}

.sample {
	background: #eee;
	padding: 20px;
	border: 2px solid #666;
	margin-top: 20px;
	overflow: scroll;
}
.minmax {max-width:170px;}

/* Accordion Classes
----------------------------------------------- */
/*
.Accordion {
	/*border-left: solid 1px #404040;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #404040;
	overflow: hidden;*/
}
.AccordionPanelTab {
	color: #ccc;
	border-top: solid 1px #999;
	border-bottom: solid 1px #3a3a3a;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	background: #080808 url('../images/bg_grad_gray1.gif') repeat-x;
}
.AccordionPanelTab h3 {
	margin: 0;
	padding: 2px 2px 4px 36px;
	font-size: 110%;
	background: url('../images/blt_panel_exp.gif') no-repeat left 50%;
} 
.AccordionPanelTabHover { color: #fff; }

.AccordionPanelClosed .AccordionPanelTab h3 { background: url('../images/blt_panel_clps.gif') no-repeat left 50%; }

.AccordionPanelContent {
	overflow: auto;
	/* height: 200px; */
	font-size: 90%;
	line-height: 140%;
	}
.AccordionPanelContent ul { margin: 0;	padding: 1.375em; }
.AccordionPanelContent div { margin: 5px 8px; }
.AccordionPanelContent td{ vertical-align:middle;}
.AccordionPanelContent a {color:#cccccc;}
.AccordionPanelContent a:link {color:#cccccc;text-decoration:underline;}
.AccordionPanelContent a:visited {color:#ffffff;text-decoration:underline;}
.AccordionPanelContent a:active {color:#cccccc;text-decoration:underline;}
.AccordionPanelContent a:hover {color:#ffffff;text-decoration:underline;font-size:110%;}
*/