/* Portal Login CSS - profiletwist.com/admin/setup/login.php - Copyright ProfileTwist.com */

/* TOOLBAR */

#toolbar .main .top img {
	float: left;
	margin: 0 0 0 10px;
}
#toolbar .main .top h3 {
	width: 180px;
	text-align: center;
	float: left;
	padding: 0 5px;
	font-size: 14px;
	color: #148c14;
}
#toolbar .main .top ul {
	float: left;
	width: 190px;
	margin: 5px 0 0;
}
#toolbar .main .top ul li {
	height: 24px;
	padding: 5px 5px 0 30px;
	margin: 0 0 0 20px;
	list-style: none;
}
#toolbar .main .top ul li.home {
	background: url(../images/icon/24x24/home.png) no-repeat;
}
#toolbar .main .top ul li.related-material {
	background: url(../images/icon/24x24/add_to_folder.png) no-repeat;
}

#toolbar .main .tas-ks {
	background: url(../images/icon/heading/tasks.png) no-repeat 9px 5px #fff;
}
#toolbar .main .tasks {
	 width: 260px;
	 margin: 5px auto 0;
	 background: #fff;
	 padding: 5px 0;
	 border: 1px solid #dedede;
}
#toolbar .main .tasks ul {
	width: 240px;
	margin: 0 auto;
}
#toolbar .main .tasks ul li {
	list-style: none;
}
#toolbar .main .tasks ul li a {
	padding: 5px 0 0 45px;
	height: 21px;
	background: #eaeaea;
	margin: 2px 0 0 0;
	display: block;
	color: #ff9600;
	font-weight: bold;
}
#toolbar .main .tasks ul li a:hover {
	background-color: #f2f2f2 !important;
	color: #ffc20b;
}
#toolbar .main .tasks ul li.active a {
	background-color: #cef3cd !important;
	color: #067ed8;
}
#toolbar .main .tasks ul li.active a:hover {
	background-color: #ddf7dd !important;
	color: #77a2e5	
}
#toolbar .main .tasks ul li.write a {
	background: url(../images/icon/24x24/edit.png) 10px 1px no-repeat #eaeaea;
}
#toolbar .main .tasks ul li.category a {
	background: url(../images/icon/24x24/open_folder_info.png) 10px 1px no-repeat #eaeaea;
}
#toolbar .main .tasks ul li.search a {
	background: url(../images/icon/24x24/search.png) 10px 1px no-repeat #eaeaea;
}
#toolbar .main .tasks ul li.signup a {
	background: url(../images/icon/24x24/accept.png) 10px 1px no-repeat #eaeaea;
}
#toolbar .main .tasks ul li.promote a {
	background: url(../images/icon/24x24/prize_winner.png) 10px 1px no-repeat #eaeaea;
}
#toolbar .main .tasks ul li.comment a {
	background: url(../images/icon/24x24/comments.png) 10px 1px no-repeat #eaeaea;
}
#toolbar .main .tasks ul li.citation a {
	background: url(../images/icon/24x24/copy_paste.png) 10px 1px no-repeat #eaeaea;
}
#toolbar .main .tasks ul li.print a {
	background: url(../images/icon/24x24/printer.png) 10px 1px no-repeat #eaeaea;
}
#toolbar .main .tasks ul li.doc a {
	background: url(../images/icon/24x24/doc_file.png) 10px 1px no-repeat #eaeaea;
}
#toolbar .main .tasks ul li.pdf a {
	background: url(../images/icon/24x24/pdf_file.png) 10px 1px no-repeat #eaeaea;
}

#toolbar .main .lis-t {
	background: url(../images/icon/heading/folder_accept.png) no-repeat 9px 5px #fff;
}
#toolbar .main .list {
	 width: 258px;
	 margin: 5px auto 0;
	 background: #fff;
	 border: 1px solid #dedede;
	 padding: 2px 0 5px 0;
}
#toolbar .main .list ol {
	width: 250px;
	margin: 0 auto;
}
#toolbar .main .list ol li {
	list-style-position: inside;
	padding: 2px 10px 2px 10px;
	list-style-type: decimal;
	line-height: 18px;
	color: #808080;
}
#toolbar .main .list ol li.link {
	color: #000;
}
#toolbar .main .list ol li.active strong {
	color: #ff9600;
	font-weight: normal;
}

#toolbar .main .cat-egories {
	background: url(../images/icon/heading/open_folder_info.png) no-repeat 9px 5px #fff;
}
#toolbar .main .categories {
	 width: 258px;
	 margin: 5px auto 0;
	 background: #fff;
	 border: 1px solid #dedede;
	 padding: 0 0 5px;
}
#toolbar .main .categories ul.top_links {
	overflow: auto;
}
#toolbar .main .categories ul.top_links li {
	list-style: none;
	float: right;
	font-size: 10px;
	margin: 5px 12px 0 0;
}
#toolbar .main .categories ul.top_links li:first-child {
	float: left;
	margin: 5px 0 0 12px;
}
#toolbar .main .categories ul.news {
	width: 240px;
	margin: 10px auto 0;
}
#toolbar .main .categories ul.news li {
	list-style: none;
}
#toolbar .main .categories ul.news li a {
	padding: 5px 0 0 45px;
	height: 21px;
	margin: 2px 0 0 0;
	display: block;
	color: #ff9600;
	font-weight: bold;
}
#toolbar .main .categories ul.news li a:hover {
	background-color: #f2f2f2 !important;
	color: #ffc20b;
}
#toolbar .main .categories ul.news li.active a {
	background-color: #cef3cd !important;
	color: #067ed8;
}
#toolbar .main .categories ul.news li.active a:hover {
	background-color: #ddf7dd !important;
	color: #77a2e5	
}
#toolbar .main .categories ul.news li.recently  a{
	background: url(../images/icon/24x24/new.png) 10px 1px no-repeat #eaeaea;
}
#toolbar .main .categories ul.news li.history a {
	background: url(../images/icon/24x24/globe.png) 10px 1px no-repeat #eaeaea;
}
#toolbar .main .categories ul.news li.science a {
	background: url(../images/icon/24x24/green_energy.png) 10px 1px no-repeat #eaeaea;
}
#toolbar .main .categories ul.news li.math a {
	background: url(../images/icon/24x24/chart_pie.png) 10px 1px no-repeat #eaeaea;
}
#toolbar .main .categories ul.news li.language a {
	background: url(../images/icon/24x24/book.png) 10px 1px no-repeat #eaeaea;
}
#toolbar .main .categories ul.news li.foreign a {
	background: url(../images/icon/24x24/cloud_comment.png) 10px 1px no-repeat #eaeaea;
}
#toolbar .main .categories ul.news li.music-arts a {
	background: url(../images/icon/24x24/music.png) 10px 1px no-repeat #eaeaea;
}

#study {
	width: 580px;
}
.notice {
	width: 520px;
	margin: 25px auto 0;
	border: 1px solid #ffcc33;
	background: #ffffcc;
	overflow: hidden;
	padding: 0 0 5px;
	font: 12px;
}
.notice.error {
	border: 1px solid #f59b83;
	background: #ffebe8;
}
.notice img {
	float: left;
	margin: 5px 0 0 10px;
}
.notice p {
	float: left;
	margin: 6px 0 0 10px;
	width: 460px;
	line-height: 16px;
}
.notice.error p {
	margin: 12px 0 0 10px;
}
#study .search {
	overflow: hidden;
	background: url(../images/icon/36x36/search.png) no-repeat 100px 0;
	padding: 8px 0 0 150px;
	height: 28px;
	margin: 15px 0 0 0;
}
#study .search input[type=text] {
	width: 200px;
	float: left;
	margin: 1px 0 0 0;
}
#study .search input[type=submit] {
	float: left;
	margin: 0 0 0 10px;
	width: 65px;
}

#study .top-interact {
	overflow: hidden;
}
#study .top-interact .search {
	background-position: 25px 0;
	padding: 8px 0 0 75px;
	float: left;
}
#study .top-interact ul.interact {
	float: right;
}
#study .top-interact ul.interact li {
	margin: 10px 20px 0 0;
	display: block;
	float: right;
	width: 40px;
	padding: 41px 0 0 0;
	text-align: center;
}
#study .top-interact ul.interact li.print {
	background: url(../images/icon/36x36/printer.png) no-repeat 2px 0;
}
#study .top-interact ul.interact li.citation {
	background: url(../images/icon/36x36/citation.png) no-repeat 12px 0;
	width: 60px;
}


/* news article */

#study > h2 {
	font-family: Georgia, Serif;
	font-weight: bold;
	font-size: 22px;
	width: 560px;
	border-bottom: 1px dotted #000;
	margin: 20px 0 0 0;
	padding: 0 10px;
}
#study dl {
	overflow: hidden;
	font-size: 10px;
	margin: 2px 0 0 0;
}
#study dt {
	float: left;
	min-height: 16px;
	padding-top: 2px;
	margin: 2px 0 0 10px;
}
#study dt.vote {
	margin: 2px 0 0 5px;
}
#study dt.by {
	background: url(../images/icon/16x16/user.png) no-repeat;
	padding: 2px 0 0 20px;
}
#study dt.published {
	background: url(../images/icon/16x16/publish.png) no-repeat;
	padding: 2px 0 0 20px;
}
#study dt.flagged {
	background: url(../images/icon/16x16/green_flag.png) no-repeat;
	padding: 2px 0 0 20px;
}
#study dd {
	float: left;
	padding: 2px 0 0 0;
	margin: 2px 0 0 5px;
}
#study dd.stars {
	padding: 0;
	margin: 2px 0 0 5px;
}

#study .home h2 {
	color: #ff9600;
	font-weight: bold;
	margin: 25px 0 0 0;
	font-size: 16px;
}
#study .home h2 + p {
	margin: 15px 0 0 20px;
}
#study .home h2 + p + p, #study .home h2 + p + p + p, #study .home h2 + p + p + p + p {
	line-height: 22px;
	padding: 5px 0 0 35px;
	text-indent: 20px;
}
#study .home p.sincerely {
	margin: 0 0 0 235px;
	padding: 0;
	text-indent: 0;
	line-height: 22px;
}
#study .home p.signature {
	margin: 0 0 0 255px;
	padding: 0;
	text-indent: 0;
}
#study .home h3 {
	color: #148c14;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 0 0 30px;
	height: 19px;
	margin: 15px 0 0 20px;
}
#study .home h3.history {
	background: url(../images/icon/heading/globe.png) no-repeat;
}
#study .home h3.science {
	background: url(../images/icon/heading/green_energy.png) no-repeat;
}
#study .home h3.language {
	background: url(../images/icon/heading/female_male_users_comments.png) no-repeat;
}
#study .home h3.contact {
	background: url(../images/icon/heading/palette.png) no-repeat;
}
#study .home ul {
	margin: 5px 0 0 35px;
}
#study .home ul li {
	list-style: none;
	line-height: 18px;
}
#study .home h3.contact + p {
	line-height: 20px;
	text-indent: 20px;
	margin: 10px 0 0 35px;
}
#study .home p.email-contact {
	line-height: 20px;
	margin: 10px 0 0 80px;
	padding: 3px 0 0 30px;
	background: url(../images/icon/24x24/yellow_mail_send.png) no-repeat;
	min-height: 24px;
}

#study dl + h3 {
	margin: 30px 0 0 15px;
}
#study > h3 {
	margin: 15px 0 0 15px;
	color: #205bc0;
	font-size: 16px;
}
#study > p, #study > h3 ~ p {
	margin: 10px 0 0 0;
	line-height: 20px;
	text-indent: 35px;
	font-family: Georgia, Serif;
	font-size: 14px;
}
#study > h3 ~ ul {
	line-height: 16px;
	list-style: lower-alpha;
	margin: 5px 0 0 50px;
}
#study > h3 ~ ul li {
	margin: 4px 0 0 0;
}
#study > h3 ~ ul li ol {
	margin: 5px 0 0 40px;
	line-height: 16px;
}
#study > h4 {
	margin: 15px 0 0 35px;
	color: #ff9600;
	font-size: 14px;
	font-weight: bold;
}
#study > h4 ~ p {
	margin: 10px 0 0 30px;
}
#study > h4 ~ ul {
	margin: 5px 0 0 70px;
}
#study > h5 {
	margin: 10px 0 0 50px;
	font-size: 12px;
	font-weight: bold;
	color: #148c14;
}
#study > h5 ~ ul {
	margin: 5px 0 0 85px;
}
#study > img {
	margin-top: 25px;
}
#study p.caption {
	margin: 5px 0 15px 0;
	font-size: 10px;
	padding: 0 50px;
	text-align: center;
	text-indent: 0;
	line-height: 16px;
}
#study table {
	border: 1px solid #dedede;
	background: #fff;
	margin: 10px 0 10px 30px;
}
#study table thead tr {
	background: #ffecd5;
}
#study table thead tr th {
	border-bottom: 2px solid #cef3cd;
	font-size: 12px;
	font-weight: normal;
	color: #067ed8;
}
#study table th, #study table td {
	text-align: center;
	padding: 2px;
}
#study table tr.even {
	background: #f0f0f0;
}
#study table td {
	font-size: 10px;
}

#study > p span.location {
	text-transform: uppercase;
}
#study span.end_note {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../layout/end_icon.png) no-repeat;
}
#study span.end_note a {
	display: none;
}

#study .about {
	border-top: 1px dotted #000;
	margin: 25px 0 0 0;
}
#study .about h3 {
	padding: 8px 0 0 65px;
	height: 21px;
	background: url(../images/icon/heading/info.png) no-repeat 35px 5px;
	font-size: 14px;
	font-weight: bold;
}
#study .about .group {
	overflow: hidden;
	border: 1px solid #dedede;
	margin: 15px auto 0;
	width: 540px;
	padding: 0 0 10px 0;
}
#study .about .group .photo {
	float: left;
	padding: 3px;
	border: 1px solid #ccc;
	width: 120px;
	margin: 10px 0 0 10px;
}
#study .about .group .photo:hover {
	border-color: #ffdd83;
}
#study .about .group .photo a img {
	border: none;
	display: block;
}
#study .about .group h4 {
	float: left;
	width: 370px;
	margin: 10px 0 0 25px;
	font-weight: bold;
	color: #808080;
	font-size: 14px;
}
#study .about .group p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	float: left;
	width: 380px;
	padding: 0 10px;
	margin: 10px 0 0 0;
}
#study .about .group p strong {
	font-weight: normal;
	color: #148c14;
}

/* Dialog Tooltip */
#dialog_overlay {
	width: 100%;
	height: 1000px;
	position: absolute;
	z-index: 2;
	background: url(../images/mis/dialog_overlay.png);
	top: 0;
	left: 0;
}
#dialog {
	position: absolute;
	width: 400px;
	padding: 0 0 4px 0;
	background: url(../images/mis/dialog_bot.png) no-repeat 0 100%;
	z-index: 2;
	top: 250px;
	left: 500px;
}
#dialog .head {
	background: url(../images/mis/dialog_top.png) no-repeat;
	height: 4px;
}
#dialog .content {
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	background: #f8f8f8;
	padding: 0 0 5px 0;
}
#dialog .title {
	width: 394px;
	margin: -1px auto 0 auto;
	background: url(../images/mis/dialog_heading.png) no-repeat;
	height: 30px;
	overflow: hidden;
}
#dialog .title h2 {
	color: #fff;
	font-weight: normal;
	font-size: 14px;
	float: left;
	margin: 6px 0 0 10px;
	font-weight: bold;
}
#dialog .title a {
	width: 21px;
	height: 20px;
	display: block;
	background: url(../images/mis/dialog_cross.png) no-repeat 6px 6px;
	float: right;
	margin: 5px 5px 0 0;
}
#dialog .title a:hover {
	background: url(../images/mis/dialog_cross_hover.png) no-repeat;
}
#dialog p.info {
	padding: 0 0 0 30px;
	background: url(../images/icon/24x24/note2.png) no-repeat 0 5px;
	min-height: 21px;
	margin: 5px 10px 0 10px;
	font-size: 10px;
	line-height: 16px;
}
#dialog p.send-to-printer {
	margin: 10px 0 0 80px;
	padding: 5px 0 0 30px;
	background: url(../images/icon/heading/printer_accept.png) no-repeat;
	min-height: 19px;
	font-size: 14px;
	font-weight: bold;
}
#dialog h3 {
	font-size: 12px;
	color: #148c14;
	font-weight: bold;
	margin: 10px 0 0 10px;
}
#dialog h3 + p {
	line-height: 16px;
	font-size: 10px;
	padding: 0 10px 0 20px;
	text-indent: 20px;
}
#dialog p.citation {
	margin: 5px 0 10px 0;
	font-size: 12px;
	line-height: 18px;
}
#dialog ul.browsers {
	margin: 0 0 10px 0;
}
#dialog ul.browsers li {
	list-style: none;
	background: url(../images/icon/mis/bullet_green.png) no-repeat 0 4px;
	margin: 2px 0 0 35px;
	padding: 0 0 0 15px;
	font-size: 10px;
}
#dialog ul.nav {
	clear: both;
	border-top: 1px solid #ffdd83;
	padding: 3px 0 0 0;
	margin: 0 0 0 10px;
	width: 378px;
	overflow: hidden;
}
#dialog ul.nav li {
	list-style: none;
	float: left;
	height: 16px;
	padding: 0 0 0 25px;
	margin: 0 0 0 45px;
}
#dialog ul.nav li.send-to-printer {
	background: url(../images/icon/16x16/printer_accept.png) no-repeat;
}
#dialog ul.nav li.code-of-conduct {
	background: url(../images/icon/16x16/attachment.png) no-repeat;
}
#dialog ul.nav li.help {
	background: url(../images/icon/16x16/support.png) no-repeat;
}

#comments {
	padding: 40px 0 0 0;
	clear: both;
}
#comments .heading {
	border: 1px dashed #c0c0c0;
	padding: 8px 0 8px 50px;
	overflow: auto;
	background: url(../images/icon/heading/comments.png) no-repeat 9px 5px #fff;
}
#comments .heading h3 {
	float: left;
	font-size: 16px;
	font-weight: normal;
	color: #808080;
}
#comments .heading h3 a {
	color: #067ed8;
	font-weight: bold;
}
#comments .heading h3 a:hover {
	color: #77a2e5;
}
#comments .heading a.min-max {
	float: right;
	margin: 0 10px 0 0;
}
#comments .subheading {
	border: 1px dashed #c0c0c0;
	padding: 8px 0 8px 50px;
	overflow: auto;
	width: 830px;
	margin: 15px auto 0;
}
#comments .subheading.pos-t {
	background: url(../images/icon/heading/comment.png) no-repeat 9px 5px #fff;
}
#comments .subheading.for-um {
	background: url(../images/icon/heading/accept_page.png) no-repeat 9px 5px #fff;
}
#comments .subheading h4 {
	float: left;
	font-size: 16px;
	font-weight: normal;
	color: #808080;
}
#comments .subheading h4 a {
	color: #148c14;
	font-weight: bold;
}
#comments .subheading h4 a:hover {
	color: #69cf69;
}
#comments .subheading a.min-max {
	float: right;
	margin: 0 10px 0 0;
}
#comments .post.comment {
	width: 870px;
	margin: 5px auto 0;
	padding: 0 0 5px 0;
	background: url(../images/comment/bg_bot_full.png) 0 100% no-repeat;
}
#comments .post.comment .top {
	background: url(../images/comment/bg_top_full.png) no-repeat;
	height: 5px;
}
#comments .post.comment .main {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #f6f6f6;
	padding: 5px 10px;
}
#comments .post.comment ul {
	overflow: hidden;
	padding: 0 0 0 169px;
}
#comments .post.comment ul li {
	float: left;
	list-style: none;
}
#comments .post.comment ul li a {
	display: block;
	width: 17px;
	height: 19px;
	background: url(../images/profile/smiley2.png) no-repeat;
	margin: 0 0 0 5px;
}
#comments .post.comment ul li a:hover {
	background: url(../images/profile/smiley3.png) no-repeat;
}
#comments .post.comment ul li a span {
	display: none;
}
#comments .post.comment ul li.smile a {
	background-position: 0 0;
}
#comments .post.comment ul li.grin a {
	background-position: -20px 0;
}
#comments .post.comment ul li.frown a {
	background-position: -40px 0;
}
#comments .post.comment ul li.wink a {
	background-position: -60px 0;
}
#comments .post.comment ul li.tongue a {
	background-position: -80px 0;
}
#comments .post.comment ul li.shocked a {
	background-position: -100px 0;
}
#comments .post.comment ul li.cool a {
	background-position: -120px 0;
}
#comments .post.comment ul li.undecided a {
	background-position: -140px 0;
}
#comments .post.comment ul li.angel a {
	background-position: -160px 0;
	width: 20px;
}
#comments .post.comment ul li.helmet a {
	background-position: -180px 0;
	width: 18px;
}
#comments .post.comment ul li.monkey a {
	background-position: -200px 0;
	width: 19px;
}
#comments .post.comment ul li.angry a {
	background-position: -220px 0;
}
#comments .post.comment ul li.vampire a {
	background-position: -240px 0;
}
#comments .post.comment ul li.dog a {
	background-position: -260px 0;
	width: 18px;
}
#comments .post.comment ul li.cat a {
	background-position: -280px 0;
}
#comments .post.comment ul li.confused a {
	background-position: -300px 0;
}
#comments .post.comment ul li.cry a {
	background-position: -320px 0;
}
#comments .post.comment ul li.kiss a {
	background-position: -340px 0;
}
#comments .post.comment ul li.in_love a {
	background-position: -360px 0;
}
#comments .post.comment ul li.present a {
	background-position: -380px 0;
	width: 15px;
}
#comments .post.comment ul li.flower a {
	background-position: -400px 0;
	width: 14px;
}
#comments .post.comment ul li.cake a {
	background-position: -420px 0;
	width: 15px;
}
#comments .post.comment ul li.camera a {
	background-position: -440px 0;
	width: 16px;
}
#comments .post.comment ul li.music a {
	background-position: -460px 0;
}
#comments .post.comment ul li.more a {
	width: 19px;
	background: url(../images/comment/more.png) no-repeat 0 0;
	margin: 0 0 0 10px;
}
#comments .post.comment ul li.more a:hover {
	background: url(../images/comment/more.png) no-repeat 0 -19px;
}
#comments .post.comment ul.more-icons {
	overflow: hidden;
	padding: 0;
	margin: 5px 0 0 19px
}
#comments .post.comment ul.more-icons li a {
	display: block;
	height: 31px;
	background: none;
	margin: 0 0 0 5px;
}
#comments .post.comment ul li.afro a {
	background: url(../images/comment/more_icons/afro.gif) no-repeat 0 3px;
	width: 35px;
}
#comments .post.comment ul li.facepalm a {
	background: url(../images/comment/more_icons/anim_facepalm.gif) no-repeat 0 6px;
	width: 24px;
}
#comments .post.comment ul li.reading a {
	background: url(../images/comment/more_icons/anim_reading.gif) no-repeat 0 9px;
	width: 23px;
}
#comments .post.comment ul li.rules a {
	background: url(../images/comment/more_icons/anim_rules.gif) no-repeat 0 3px;
	width: 26px;
}
#comments .post.comment ul li.devilish a {
	background: url(../images/comment/more_icons/devilish.gif) no-repeat 0 12px;
	width: 19px;
}
#comments .post.comment ul li.examine a {
	background: url(../images/comment/more_icons/examine.gif) no-repeat 0 15px;
	width: 23px;
}
#comments .post.comment ul li.face_wall a {
	background: url(../images/comment/more_icons/face_wall.gif) no-repeat 0 9px;
	width: 39px;
}
#comments .post.comment ul li.fail a {
	background: url(../images/comment/more_icons/fail.gif) no-repeat 0 5px;
	width: 39px;
}
#comments .post.comment ul li.geek a {
	background: url(../images/comment/more_icons/geek.gif) no-repeat 0 16px;
	width: 17px;
}
#comments .post.comment ul li.hammer_time a {
	background: url(../images/comment/more_icons/hammer_time.gif) no-repeat 0 8px;
	width: 48px;
}
#comments .post.comment ul li.idea a {
	background: url(../images/comment/more_icons/idea.gif) no-repeat 0 0;
	width: 23px;
}
#comments .post.comment ul li.keep_quiet a {
	background: url(../images/comment/more_icons/keep_quiet.gif) no-repeat 0 16px;
	width: 15px;
}
#comments .post.comment ul li.ninja a {
	background: url(../images/comment/more_icons/ninja.gif) no-repeat 0 5px;
	width: 30px;
}
#comments .post.comment ul li.party a {
	background: url(../images/comment/more_icons/party.gif) no-repeat 0 4px;
	width: 28px;
}
#comments .post.comment ul li.party a {
	background: url(../images/comment/more_icons/party.gif) no-repeat 0 4px;
	width: 28px;
}
#comments .post.comment ul li.pirate a {
	background: url(../images/comment/more_icons/pirate.gif) no-repeat 0 2px;
	width: 27px;
}
#comments .post.comment ul li.praise a {
	background: url(../images/comment/more_icons/praise.gif) no-repeat 0 5px;
	width: 55px;
}
#comments .post.comment ul li.quoted_for_truth a {
	background: url(../images/comment/more_icons/quoted_for_truth.gif) no-repeat 0 7px;
	width: 54px;
}
#comments .post.comment ul li.party a {
	background: url(../images/comment/more_icons/party.gif) no-repeat 0 4px;
	width: 28px;
}
#comments .post.comment ul li.sleeping a {
	background: url(../images/comment/more_icons/sleeping.gif) no-repeat 0 2px;
	width: 21px;
}
#comments .post.comment ul li.stop a {
	background: url(../images/comment/more_icons/stop.gif) no-repeat 0 9px;
	width: 22px;
}
#comments .post.comment ul li.talkative a {
	background: url(../images/comment/more_icons/talkative.gif) no-repeat 0 16px;
	width: 65px;
}
#comments .post.comment ul li.thumb_up a {
	background: url(../images/comment/more_icons/thumb_up.gif) no-repeat 0 11px;
	width: 25px;
}
#comments .post.comment ul li.touche a {
	background: url(../images/comment/more_icons/touche.gif) no-repeat 0 4px;
	width: 37px;
}

#comments .post.comment .main textarea {
	width: 816px;
	height: 100px;
	margin: 10px 0 0 10px;
}
#comments .post.comment .main textarea:hover {
	border-color: #ffc20b;
}
#comments .post.comment .main textarea:focus {
	border: 2px solid #ffd163;
	padding: 4px;
}
#comments .post.comment input[type=submit] {
	width: 120px;
	margin: 15px 0 0 364px;
}

#comments .forum {
	width: 868px;
	margin: 5px auto 0;
	padding: 0 0 15px 0;
	border: 1px solid #ccc;
	background: #f6f6f6;
	overflow: hidden;
}
#comments .forum p.displaying {
	margin: 12px 0 20px 20px;
	float: left;
	padding: 5px 0 0 30px;
	background: url(../images/icon/24x24/note2.png) no-repeat;
	height: 19px;
}
#comments .forum p.displaying.bottom {
	margin: 17px 0 0 20px;
}
#comments .forum ul.navigate {
	float: right;
	margin: 15px 20px 0 0;
	font-size: 10px;
}
#comments .forum ul.navigate.bottom {
	margin: 20px 20px 0 0;
}
#comments .forum ul.navigate li {
	list-style: none;
	float: left;
	margin: 0 0 0 5px;
}
#comments .forum ul.navigate li a {
	display: block;
	float: left;
	padding: 2px 6px;
	border: 1px solid #dedede;
	background: #dedede;
	color: #505050;
	text-decoration: none;
}
#comments .forum ul.navigate li a:hover {
	color: #fff;
	background: #f09a11;
	border-color: #f09a11;
}
#comments .forum ul.navigate li.active a {
	border: 1px solid #f09a11;
	background: #fff;
	color: #f09a11;
	cursor: default;
}
#comments .forum ul.navigate li.adj a {
	background: #f09a11;
	border: 1px solid #f09a11;
	color: #fff;
}
#comments .forum ul.navigate li.adj a:hover {
	color: #505050;
}
#comments .forum ul.navigate li.adj.inactive a {
	background: none;
	color: #f09a11;
	cursor: default;
}
#comments .forum > .group {
	overflow: hidden;
	border: 1px solid #dedede;
	margin: 15px 0 0 40px;
	width: 788px;
	padding: 0 0 5px 0;
	background: #fff;
}
#comments .forum ul.navigate + .group {
	margin-top: 0;
}
#comments .forum > .group .photo {
	float: left;
	padding: 3px;
	border: 1px solid #ccc;
	width: 120px;
	margin: 10px 0 10px 10px;
}
#comments .forum > .group .photo:hover {
	border-color: #ffdd83;
}
#comments .forum > .group .photo a img {
	border: none;
	display: block;
}
#comments .forum > .group h5 {
	float: left;
	width: 600px;
	margin: 10px 0 0 25px;
	font-weight: normal;
	font-size: 12px;
}
#comments .forum > .group h5 a[rel=expand] {
	font-size: 14px;
	font-weight: bold;
}
#comments .forum > .group h5 span {
	color: #148c14;
}
#comments .forum > .group p {
	line-height: 18px;
	float: left;
	width: 600px;
	padding: 0 10px;
	margin: 10px 0 10px 25px;
	text-indent: 20px;
}
#comments .forum > .group ul {
	border-top: 1px solid #ffdd83;
	padding: 3px 0 0 0;
	margin: 0 0 0 10px;
	overflow: auto;
	width: 768px;
}
#comments .forum > .group ul li {
	float: left;
	list-style: none;
	margin: 0 0 0 90px;
	padding: 0 0 0 25px;
	height: 16px;
}
#comments .forum > .group ul li.count {
	margin: 0 0 0 60px;
	color: #148c14;
	padding: 0;
}
#comments .forum > .group ul li.vote {
	overflow: auto;
	margin: 0 0 0 10px;
	padding: 0;
}
#comments .forum > .group ul li.vote a {
	display: block;
	width: 14px;
	height: 14px;
	float: left;
}
#comments .forum > .group ul li.vote a.down {
	margin: 0 0 0 5px;
	background: url(../images/icon/mis/thumbs_down.png) no-repeat;
}
#comments .forum > .group ul li.vote a.down:hover {
	background: url(../images/icon/mis/thumbs_down2.png) no-repeat;
}
#comments .forum > .group ul li.vote a.up {
	background: url(../images/icon/mis/thumbs_up.png) no-repeat;
}
#comments .forum > .group ul li.vote a.up:hover {
	background: url(../images/icon/mis/thumbs_up2.png) no-repeat;
}
#comments .forum > .group ul li.wall {
	background: url(../images/icon/16x16/wall.png) no-repeat;
}
#comments .forum > .group ul li.friend {
	background: url(../images/icon/16x16/user_accept.png) no-repeat;
}
#comments .forum > .group ul li.comments {
	background: url(../images/icon/16x16/comment_icon.png) no-repeat;
}
#comments .forum > .group ul li.report {
	background: url(../images/icon/16x16/red_flag.png) no-repeat;
}
#comments .forum div.comments {
	width: 708px;
	margin: 5px auto 0;
	padding: 0 0 5px 0;
}
#comments .forum .comments ul {
	overflow: hidden;
	width: 698px;
	margin: 0 auto;
}
#comments .forum .comments ul li {
	list-style: none;
	float: left;
	font-size: 10px;
	margin: 8px 0 0 0;
}
#comments .forum .comments ul li.cancel {
	float: right;
	margin: 5px 0 0 0;
}
#comments .forum .comments ul li.cancel a {
	display: block;
	height: 16px;
	width: 16px;
	background: url(../images/icon/16x16/cross.png) no-repeat;
}
#comments .forum .comments ul li.cancel a:hover {
	background: url(../images/icon/16x16/cross2.png) no-repeat;
}
#comments .forum .comments .group {
	overflow: auto;
	padding: 0 0 10px;
	background: #fff;
	margin: 4px auto 0;
	width: 706px;
	border: 1px solid #dedede;
}
#comments .forum .comments .photo {
	width: 80px;
	border: 1px solid #ccc;
	padding: 3px;
	float: left;
	margin: 10px 0 0 10px;
}
#comments .forum .comments .photo:hover {
	border-color: #ffdd83;
}
#comments .forum .comments .photo a img {
	border: none;
	display: block;
}
#comments .forum .comments h4 {
	font-size: 12px;
	float: left;
	margin: 10px 0 0 25px;
	padding: 0 10px 0 0;
	width: 570px;
}
#comments .forum .comments p {
	font-size: 10px;
	float: left;
	width: 575px;
	padding: 0 10px;
	margin: 5px 0 0 10px;
	line-height: 16px;
	text-indent: 20px;
}
#comments .forum .comments .respond {
	overflow: hidden;
	padding: 0 0 10px 0;
	background: #fff;
	margin: 5px auto 0;
	width: 706px;
	border: 1px dashed #dedede;
}
#comments .forum .comments .respond .photo {
	margin-top: 27px;
}
#comments .forum .comments .respond h4 {
	margin-left: 40px;
	width: 558px;
}
#comments .forum .comments .respond textarea {
	width: 548px;
	margin: 5px 0 0 25px;
	height: 50px;
	float: left;
}
#comments .forum .comments .respond input {
	margin: 10px 250px 0 0;
	width: 111px;
	float: right;
}