@charset "UTF-8";

#mainLeft {  }
#oyyHeader {
	position:relative;
	margin-bottom:10px;
	width:617px;
	height:117px;
	background:url(../img/ooy_header_bg.gif) left top  no-repeat;
}

#ooyHistory {
	position:relative;
	width:617px;
	height:360px;
}
#ooyHistory a {
	position:absolute;
	width:329px;
	height:42px;
	background:url(../img/btn_vote_bg.gif) left top no-repeat;
	left: 134px;
	top: 292px;
}
#ooyHistory a:hover{
	background-position:0px -42px;
}

#ooyTest {
	position:relative;
	margin-bottom:20px;
	width:617px;
	height:190px;
	background:url(../img/ooy_test_bg.jpg) left top no-repeat;
}
#ooyTest a {
	position:absolute;
	width:307px;
	height:42px;
	background:url(../img/ooy_test_btn_bg.gif) left top no-repeat;
	left: 297px;
	top: 128px;
}
#ooyTest a:hover{
	background-position:0px -42px;
}

#ooy2010 {
	position:relative;
	width:617px;
	height:auto;
	background:url(../img/ooy_2010_bg.gif) left top no-repeat;
	margin-bottom:100px;
}
#writeComment {
	position:relative;
	top:68px;
	width:617px;
	background:url(../img/ooy_2010_cs_bg.gif) left top no-repeat;
}

#writeComment ul.catNumBtn {
	position:relative;
	margin:10px auto;
	text-align:center;
	height:20px;
}
#writeComment ul.catNumBtn li {
	position:relative;
	display:inline;
	margin:3px;
	padding:5px 8px;
	width:20px;
	height:20px;
	font-size:85%;
	border:#666666 1px solid;
	color:#666666;
	cursor:pointer;
}
#writeComment ul.catNumBtn li.selected{
	cursor:default;
}
#writeComment ul.catNumBtn li.selected,#categoryList ul.catNumBtn li.hover {
	background-color:#666666;
	color:#FFFFFF;
}

#writeComment ol{
	position:relative;
	padding:20px;
	width:575px;
	border:#bababa 1px solid;
}

#writeComment ol li{
	padding:10px;
	border-bottom:#bababa 1px dotted;
}
#writeComment ol li span{
	font-size:93%;
	line-height:1.3;
	color:#242424;
}
#writeComment ol li span.comment{
	display:block;
	margin-bottom:6px;
}
#writeComment ol li span.name{color:#34b0a9;}
#writeComment ol li span.spec{}