/* CSS Document by sybille */
body {
	background: #fff;
	color: #666;
	font: 11px Tahoma, Helvetica, sans-serif;
}   
#main {
	background: #fff;
}
#searchBar {
	display: block;
	padding-left: 20px;
	font-weight: bold;
	background: url(images/searchBarBg.gif) repeat-x left bottom;
	line-height: 25px;
}
#searchBar * {
	vertical-align: middle;
}
#searchBar .input, #searchBar .select {
	margin: 1px 10px 3px 2px;
	*margin: 2px 10px 6px 2px;/*for FF3.0*/
}
#searchBar .checkbox {
	margin: 1px 2px 3px 0;
	*margin: 2px 0 6px 0;/*for FF3.0*/
}
#searchBar .radiobox {
	margin: 1px 2px 3px 0;
	*margin: 2px 0 6px 0;/*for FF3.0*/
}
#searchBar label {
	font-weight: normal;
	margin-right: 10px;
}
#searchBar li {
	margin: 5px 20px 5px auto;
}
#searchBar li p.line {
	margin-right: 10px;
	border-bottom: 1px dotted #ccc;
	line-height: 1px;
}
#searchBar li img {
	float: right;
	margin-top: -3px;
}
#searchBar img {
	margin-bottom: 5px;
	*margin-bottom: 6px;/*for FF3.0*/
}
#searchBar span {
	margin-right: 8px;
}
#searchBar span a {
	color: #39c;
	margin-left: 3px;
}
#HideSearchBarBtn {
	position: absolute;
	margin-top: -8px;
	right: 3px;
}
#filter {
	margin: 10px 20px;
	font-weight: bold;
	color: #7c0;
	line-height: 20px;
}
#filter a {
	margin: 0 10px;
}
#frame {
	margin: 0 auto;
}
#frame h1 {
	background: url("../images/forum/header_bg.gif") repeat-x scroll 0 0 #2F589C;
	line-height: 31px;
	margin: 1px 20px 0px 20px;
}
#frame h1 a {
	font-size: 12px;
	color: #ffffff;
	margin: 10px 10px 10px 10px;
}
#frame .midiTitle {
	margin-top: 20px;
	margin-bottom: 20px;
}
#frame .midiTitle span {
	font-size: 20px;
	font-weight: bold;
	color: #3f89c3;
	margin-left: 10px;
}

#frame .midiTitle label {
	font-size: 10px;
	color: orange;
	margin-left: 20px;
}

#frame .description span {
	font-size: 12px;
	color: #dddddd;
}

#frame .rank span {
	font-size: 12px;
	color: #dddddd;
}

#comment span {
	font-size: 12px;
	color: #dddddd;
}

#frame h2 {
	background: url("../images/forum/tableHead.gif") repeat-x scroll 0 0 #2F589C;
	line-height: 25px;
	font-size: 14px;
	color: #006699;
	padding-left: 10px;
}
#frame h2 span {
	color: #666666;
	margin-left:10px;
}
#frame h2 span a {
	color: #006699;
}
#outFrame {
	margin: 0 auto; 
	width: 800px; 
	border: 1px solid #cccccc;
	background-color:#fff;
	margin-top:40px;
}
#frameNotice {
	margin:20px 2px 15px 20px; 
	font-size: 12px;
}
#listFrame {
	margin: 10px 20px;
}
#frame ul.listboxBar li {
	float: left;
	padding: 10px;
}
#frame ul.listboxBar li p {
	margin: 50px auto;
}
#popUpFrame {
	max-width: 620px;
	margin: 10px auto;
	border: 1px solid #ccc;
}
#pageBar {
	width: 400px;
	margin: 0 20px 20px 0;
	background: url(images/searchBarBg.gif) repeat-x left bottom;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-weight: bold;
	font-size: 12px;
	height: 26px;
	line-height: 26px;
	float: right;
	overflow: hidden;
}
#pageBar label {
	display: block;
	float: right;
	height: 25px;
	padding-left: 10px;
	line-height: 25px;
}
#pageBar label em {
	color: #f00;
	font-style: normal;
	padding: 2px 0;
	font-weight: bold;
}
#pageBar div.pageOn {
	float: right;
	padding-right: 10px;
}
#pageBar div.pageOn span {
	vertical-align: middle;
}
#pageBar div.pageOn select {
	border: 1px solid #ccc;
	height: 18px;
	margin-right: 5px;
	font: 11px Tahoma;
	_margin-top: 2px;
}
#pageBar div.pageOn a {
	color: #7c0;
}
#pageBar div.pageOn img {
	vertical-align: middle;
}
#pageBar #hideSidebar {
	float: left;
}
#explanBar {
	margin: 10px 20px;
}
#explanBar li {
	float: left;
	display: block; 
	margin-right: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
}
#divide {
	border-bottom: 1px solid #ccc;
} 
#setUpBar {
	margin: 10px 20px;
}
#setUpBar span.title {
	display: block;
	font: bold 13px Tahoma;
	color: #39c;
	height: 30px;
	line-height: 30px;
}
#alertCompetitors {
	float: left;
	font-weight: bold;
	margin-right: 20px;
	margin-bottom: 5px;
}
#alertPerson {
	float: left;
	font-weight: bold;
	margin-bottom: 5px;
}
#alertCompetitors div.scroll, #alertPerson div.scroll {
	max-height: 140px;
	min-height: 140px;
	border-bottom: 1px solid #e1e1e1;
}
#alertCompetitors table, #alertPerson table {
	margin-left: 1px;
	margin-top: 1px;
	*margin: 0;
	border-bottom: 0;
} /*for IE 3.0*/
#alertCompetitors label, #alertPerson label {
	display: block;
	height: 30px;
	line-height: 30px;
}
#selectBar {
	display: block;
	height: 30px;
	line-height: 30px;
}
#selectBar a {
	color: #39c;
	font-weight: bold;
}
#select, #unselect {
	padding-left:10px;
} 
#alertTypePara, #alertExpAct, #filterOut {
	clear: both;
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
}
#alertCompetitors span.subtitle, #alertPerson span.subtitle, #alertTypePara span.subtitle, #alertExpAct span.subtitle, #filterOut span.subtitle {
	display: block;
	font: bold 11px Tahoma;
	color: #8dd3f6;
	height: 20px;
	line-height: 20px;
}
#alertTypePara div, #alertExpAct div, #filterOut div {
	height: 30px;
	line-height: 30px;
}
#alertTypePara li {
	height: 25px;
}
#alertTypePara li *, #alertExpAct div * {
	vertical-align: middle;
}
#alertTypePara .input, #alertTypePara .select, #alertExpAct .input, #alertExpAct .select {
	margin: auto 10px auto 2px;
}
#alertTypePara .checkbox, #alertTypePara .radiobox, #alertExpAct .checkbox, #alertExpAct .radiobox {
	margin: auto 2px;
	*margin: auto 0;/*for FF3.0*/
}
#newTopic {
	width: 860px;
	text-align: left;
	margin: 0 20px 10px 20px;
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #CAD9EA;
	color: #000;
}

#newTopic td {
	padding: 2px 5px;
	line-height: 22px;
}

#newTopic thead td {
	background: none repeat scroll 0 0 #E8F3FD;
	color: #666666;
	border-bottom: 1px solid #CAD9EA;
}

#newTopic tbody td {
	border: 0px;
}

#editor_left em {
	color: #666666;
	font-style: normal;
	padding: 3px 3px;
}

#uploadFile {
	border: 1px solid #CAD9EA;
	margin: 10px 0px 10px 0px;
}

#uploadFile thead td {
	margin: 5px 5px 5px 5px;
	padding: 5px 10px;
}

#uploadFile tbody td {
	padding: 5px 10px;
}

#uploadFile tbody td strong {
	color: #009900;
	font-weight: normal;
}