@charset "utf-8";

@import url("../base.css");

a.sctble_display {
	display: inline-block;
	*display: inine;
	zoom: 1;
	height: 40px;
	line-height: 40px;
	color: #333;
	text-decoration: none;
	cursor: default;
	text-indent: 15px;
	font-weight: bold;
	overflow: hidden;
}

div.sctble_mat {
	border: none;
	background: none;
	text-align: left;
	-moz-box-shadow: none;
	opacity: 1;
}

	a.sctble_display span {
		display: block;
		xwidth: 5em;
		cursor: default;
	}
	
	a.sizeS {
		width: 100px;
		background: url(sBtn.png) no-repeat 0px 0px;
	}
	a.sizeS:hover,
	a.sizeS.sctble_focus {
		background-image: url(sBtn-over.png);
	}
		a.sizeS span {
			width: 85px;
		}
	
	a.sizeM {
		width: 130px;
		background: url(mBtn.png) no-repeat 0px 0px;
	}
	a.sizeM:hover,
	a.sizeM.sctble_focus {
		background-image: url(mBtn-over.png);
	}
		a.sizeM span {
			width: 115px;
		}
	
	a.sizeL {
		width: 190px;
		background: url(lBtn.png) no-repeat 0px 0px;
	}
	a.sizeL:hover,
	a.sizeL.sctble_focus {
		background-image: url(lBtn-over.png);
	}
		a.sizeL span {
			width: 175px;
		}

div.sBox {
	border: none;
	width: auto;
	overflow: hidden;
	background: none;
}

div.sizeS {
	width: 100px;
}

div.sizeM {
	width: 130px;
}

div.sizeL {
	width: 190px;
}

	div.sBox div.sBoxBody p {
		overflow: auto;
		overflow-x: hidden;
	}

	div.sizeS div.sBoxHead {
		background: url(sHead.png) no-repeat 0px 0px;
		height: 15px;
		overflow: hidden;
	}
	div.sizeS div.sBoxBody {
		background: url(sBg.png) repeat-y 0px 0px;
		padding: 0px 15px 5px 15px;
	}
	div.sizeS div.sBoxFoot {
		background: url(sFoot.png) no-repeat left bottom;
		height: 15px;
	}
	
	div.sizeM div.sBoxHead {
		background: url(mHead.png) no-repeat 0px 0px;
		height: 15px;
		overflow: hidden;
	}
	div.sizeM div.sBoxBody {
		background: url(mBg.png) repeat-y 0px 0px;
		padding: 0px 15px 5px 15px;
	}
	div.sizeM div.sBoxFoot {
		background: url(mFoot.png) no-repeat left bottom;
		height: 15px;
	}
	
	div.sizeL div.sBoxHead {
		background: url(lHead.png) no-repeat 0px 0px;
		height: 15px;
		overflow: hidden;
	}
	div.sizeL div.sBoxBody {
		background: url(lBg.png) repeat-y 0px 0px;
		padding: 0px 15px 5px 15px;
	}
	div.sizeL div.sBoxFoot {
		background: url(lFoot.png) no-repeat left bottom;
		height: 15px;
	}
		div.sBox div.sBoxBody a {
			border-left: none;
		}
		
div.sctble {
	width: 505px;
}

	div.sctble div.head {
		width: 505px;
		height: 10px;
		background: url(selectable_head.png) no-repeat;
		overflow: hidden;
	}
	
	div.sctble div.optg {
		/*margin-bottom: -1em;*/
		width: 505px;
		background: url(selectable_body.png) repeat-y;
		padding: 0px 0px 0px 0px;
	}
	
	div.sctble div.nooptg {
		width: 505px;
		background: url(selectable_body.png) repeat-y;
	}
	
		div.sctble div.body dl {
			border: none;
			padding: 0px 0px 1px 15px;
			background: none;
		}
		
		div.sctble div.body p {
			padding-left: .5em;
		}
		div#birth_mat.sctble div.body p {
			margin: 0px 20px 0px 10px;
			padding: 0px 0px 0px 0px;
			height:170px;
			overflow: auto;
		}
			div.sctble div.nooptg p a {
				border-top: solid #FFF 2px;
				border-right: solid #CCC 1px;
				border-left:#FFF 2px solid;
				border-bottom: #CCC 1px solid;
				background-color: #F9F9F9;
				margin: 0px;
				padding: 8px 0px;
				width:41px;
				display: inline-block;
				color: #222;
				text-decoration: none;
				text-align: center;
				font-size: 11px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
			}
			div.sctble div.nooptg p a:hover,
			div.sctble div.nooptg p a.selected {
				background: #E9E9E9;
			}
	
	div.sctble div.foot {
		width: 505px;
		height: 20px;
		background: url(selectable_foot.png) no-repeat;
	}

/* Pulldown Mat (Basis)
=================================*/

div.sctble_mat {}

	div.sctble_mat dl {}
	
	div.sctble_mat a {
		padding-right: .7em;
		color: #1972ea;
	}
	
	div.sctble_mat a.selected {
		color: #333;
		text-decoration: none;
		cursor: default;
	}