<style type="text/css">

/* ---------- RESET ----------*/

html,body,form { margin:0; padding:0; border:none; list-style:none; }
img { border:0; }
:focus { outline:0; }
acronym { cursor:help; }
a, a:visited, a:hover { color:#1f6eee; }
a:focus, a:hover { color:#0e3779; }
body {font:80% Arial,Verdana; color:#666; background:#fff;}

/* ---------- HEADER ----------*/

#page_header {width:75%; text-align:left;}
#page_header #signin {width:100%; text-align:left; padding-bottom:20px;}

/* ---------- CLOUD ----------*/

div.cloud {
	width:75%;
	text-align:left;
	padding-top:20px;
	padding-bottom:20px;
	border-bottom:1px dotted black;
}

div.cloud div.header {padding-bottom:0px;}
div.cloud div.header div.ctime {display:inline; padding-right:5px;}
div.cloud div.header div.username {display:inline; padding-right:5px; font-style:italic;}
div.cloud div.header div.star {display:inline-block; padding-right:5px; font-weight:bold;}
div.cloud div.header div.star a.on {
	display:block;
	white-space:nowrap;
	width:17px; height:17px;
	margin-left:5px;
	overflow:hidden; text-indent:-2000px;
	background:url(#{SYS.URI}/suppl/star_on.gif) no-repeat;
}
div.cloud div.header div.star a.off {
	display:block;
	white-space:nowrap;
	width:17px; height:17px;
	margin-left:5px;
	overflow:hidden; text-indent:-2000px;
	background:url(#{SYS.URI}/suppl/star_off.gif) no-repeat;
}
div.cloud div.header div.status {display:inline; font-size:90%; margin-left:10px;}

div.cloud div.header div.votes {font-weight:bold;}
div.cloud div.header div.votes a.thumbs_up {
	display:block; float:left;
	width:20px; height:22px;
	margin-right:3px;
	white-space:nowrap;
	overflow:hidden; text-indent:-2000px;
	background:url(#{SYS.URI}/suppl/thumb_up.gif) no-repeat;
}
div.cloud div.header div.votes a.thumbs_down {
	display:block; float:left;
	width:20px; height:22px;
	margin-right:3px;
	white-space:nowrap;
	overflow:hidden; text-indent:-2000px;
	background:url(#{SYS.URI}/suppl/thumb_down.gif) no-repeat;
}
div.cloud div.header div.result {display:inline; font-size:90%; margin-left:5px;}
div.cloud div.header div.result a {font-weight:normal;}


div.cloud div.body {}
div.cloud div.body div.title {padding-top:0px; padding-bottom:10px; font-weight:bold; font-size:110%;}
div.cloud div.body div.commNum {display:inline; padding-right:5px;}
div.cloud div.body div.addYourComm {display:inline;}
div.cloud div.body div.message {padding-top:10px;}

/* ---------- CONTROLS ----------*/

div.controls {width:75%; padding-top:20px;}

/* ---------- PAGER ----------*/

div.controls div.pager {width:100%; text-align:left; padding-bottom:15px;}
div.controls div.pager a.prevNext {}
div.controls div.pager a.vol {}
div.controls div.pager a.pageSelected {color:black; font-weight:bold;}
div.controls div.pager a.page {}
div.controls div.pager a.vol {}

/* ---------- SORTING ----------*/

div.controls div.sorting {width:100%; text-align:left; padding-bottom:15px;}
div.controls div.sorting a {border-left:solid 1px black; padding-left:7px; padding-right:4px;}
div.controls div.sorting a.first {border-left:none;}
div.controls div.sorting a.selected {font-weight:bold; color:green;}

/* ---------- POST CLOUD ----------*/

div.post_cloud {width:75%; text-align:left; padding-top:20px; padding-bottom:20px;}
div.post_cloud div.controls {width:100%; text-align:left; padding-top:15px;}
div.post_cloud div.error {color:red; padding-bottom:20px; text-align:left;}
div.post_cloud div.msg {font-size:110%; font-weight:bold; padding-top:5px; padding-bottom:10px;}
div.post_cloud div.title {padding-top:5px;}
div.post_cloud div.control {padding-top:5px;}
div.post_cloud div.control div.upload {padding-bottom:5px;}
div.post_cloud div.btnPost {padding-top:10px;}
div.post_cloud div.btnReturnToList {padding-top:10px;}

/* ---------- COMMENTS ----------*/

div.comments {width:75%; text-align:left;}

div.comments div.cloud {width:100%; border-bottom: dotted 1px black;}
div.comments div.cloud div.body div.attachments {padding-top:10px; padding-bottom:10px;}
div.comments div.cloud div.body div.attachments div {font-weight:bold; padding-bottom:10px;}
div.comments div.cloud div.body div.attachments a {}

div.comments div.comm_list {width:100%;}
div.comments div.comm_list div.msg_no_comm {font-weight:bold; padding-top:15px; padding-bottom:5px;}
div.comments div.comm_list div.msg_comment_posted {font-weight:bold; padding-top:10px; color:#1f6eee;}

div.comments div.comm_list div.comment {
	padding-top:15px;
	padding-bottom:15px;
	border-bottom:1px dotted black;
}
div.comments div.comm_list div.comment div.ctime {display:inline; padding-right:5px; font-weight:bold;}
div.comments div.comm_list div.comment div.username {display:inline; padding-right:5px; font-style:italic;}
div.comments div.comm_list div.comment div.message {padding-top:5px;}

div.comments div.post_comment div.msg_post_comm {font-weight:bold; padding-bottom:10px;}
div.comments div.post_comment div.error {color:red; padding-bottom:10px;}
div.comments div.post_comment div.title {padding-top:5px;}
div.comments div.post_comment div.control {padding-top:5px; padding-bottom:10px;}

</style>

<!--[if IE]>
	<style type="text/css">
		
		div.cloud div.header div.ctime {display:block; float:left; padding-right:5px;}
		div.cloud div.header div.username {display:block; float:left; padding-right:5px; font-style:italic;}
		div.cloud div.header div.star {display:block; float:left; padding-right:5px; font-weight:bold;}
		div.cloud div.header div.status {font-size:90%; margin-left:10px;}
		div.cloud div.header div.votes {display:inline; font-weight:bold;}
		div.cloud div.header div.result {display:block; font-size:90%; margin-left:5px;}
	</style>
<![endif]-->
