/*-----------------------
	Global
-----------------------*/
body {
	background-color:		white;
	width:					auto;
	border:					none;
	font-size:				12px;
	margin:					0;
}
th {
	font-weight:			normal;
}
ol, ul {
	list-style-image:		none;
	list-style-position:	outside;
	list-style-type:		none;
	margin:					0;
	padding:				0;
}
*.cleared {
	display:block;
	clear:both;
	width:auto;
	height:1px;
	margin:0;
	padding:0;
	line-height:1px;
	font-size:1px;
	overflow:hidden;
}
*.floLeft {
	float:		left;
}
*.floRight {
	float:		right;
}
h3 {
	font-size:			16px;
	border-bottom:		1px solid deepskyblue;
	border-left:		7px solid deepskyblue;
	padding-left:		10px;
}
h4 {
	font-size:			12px;
	margin-bottom:		0px;
	padding-left:		10px;
	text-decoration:	underline;
}
p {
	margin:				5px;
	line-height:		1.5em;
}
pre {
	/*margin:				10px 20px;*/
	margin:				0px;
	white-space: 		-moz-pre-wrap; /* Mozilla */
	white-space: 		-pre-wrap;     /* Opera 4-6 */
	white-space: 		-o-pre-wrap;   /* Opera 7 */
	white-space: 		pre-wrap;      /* CSS3 */
	word-wrap: 			break-word;      /* IE 5.5+ */
	border:				1px solid #999999;
	background-color:	#DFDFDF;
	font-family:		'Courier New', Courier, Monospace;
	font-size:			11px;
	padding:			5px;
}
ul,
li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
img {
	border:	0;
}
dl {
	margin:				0px;
	padding:			5px 0px;
}
dt {
	float:				left;
	margin:				0px;
	padding:			5px 0px 0px 0px;
}
dd {
	margin:				0px 0px 0px 80px;
	padding:			0px;
}

/*-----------------------
	Header
-----------------------*/
table.header {
	width:				970px;
	height:				20px;
	background-color:	#3E64A0;
	font-size:			medium;
	color:				#ffffff;
	font-weight:		bold;
	font-family:		sans-serif;
	padding-left:		10px
}
table.header td.title {
	font-size:			16px;
	padding-top:		5px;
}
table.header td.title span.version {
	font-size:			12px;
	font-style:			italic;
}
table.header td.forcia {
	text-align:			right;
	vertical-align:		bottom;
	font-family:		arial;
	padding:			7px 10px 0px 5px;
	font-size:			14px;
	font-style:			italic;
}
/*-----------------------
	Container
-----------------------*/
div#container {
	margin:				10px;
	width:				950px;
	overflow:			hidden;
}

/*-------------------
	sample
--------------------*/
div.sample {
	background-color:	#FFFFA2;
	padding:			5px;
}
div.sample div.item {
	width:				200px;
	float:				left;
	margin:				0px 10px 10px 0px;
}
div.sample div.title {
	padding:			5px;
	background-color:	#28A428;
	color:				white;
	font-weight:		bold;
	text-align:			center;
}
div.sample div.content {
	padding:			5px;
	border:				1px solid blue;
}
div.sample div.w250 {
	width:				250px;
}
div.sample div.w300 {
	width:				300px;
}
div.sample div.w320 {
	width:				320px;
}
/*-------------------
	item
--------------------*/
ul li p {
	padding-left:		20px;
}
ul li p.title {
	font-weight:		bold;
	padding-left:		10px;
}
ul li div.subtitle {
	margin-left:		20px;
	color:				slateblue;
	font-weight:		bold;
}
pre {
	margin:				10px 20px 10px 20px;
}

span.sml {
	font-weight:		bold;
	color:				#FF4500;
}

div.selectBlock {
	float:				left;
	width:				300px;
	margin:				0px;
}
div.selectBlock pre {
	margin:				5px;
}
p.about_brand a {
	background: url(../../images/arrow3.gif) no-repeat left center;
	padding-left: 8px;
}
p.about_brand {
	float: right;
	margin-right: 20px;
}