/* @group Reset */

/*reset.css*/body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*fonts.css*/body {font:13px/1.22 "helvetica neue",helvetica,arial,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}.clear:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}.clear {display: block; overflow: hidden;}

/* @end */

/* @group Basic */

a:link			{color: #333;}
a:active		{color: #333;}
a:visited		{color: #333;}
a:hover 		{color: #999;}

body {
	background: #fff;
	color: #333;
	}

/* @end */

/* @group Demo */

#demo {
	border: 1px solid #ddd;
	margin: 15px auto 60px;
	padding: 5px;
	width: 715px;
	}

#header {
	background: #ccc;
	color: #999;
	font-size: 20px;
	height: 100px;
	padding: 15px;
	}
	
#content {
	margin: 5px 0 0;
	}
	
#sidebar {
	float: left;
	width: 200px;
	}

.module {
	border: 1px solid #ddd;
	height: 100px;
	margin: 0 0 10px;
	padding: 5px;
	}
	
#main {
	background: #eee;
	float: right;
	height: 600px;
	width: 510px;
	}
	
#main p {
	color: #999;
	font-size: 20px;
	margin: 15px;
	}
	
/* @end */

/* @group Version 02 */

#container {
	margin: 15px auto 60px;
	width: 715px;
	}

h1 {
	font-size: 22px;
	font-weight: bold;
	margin: 0 0 10px;
	}

#global_toolbar {
	background: #6694E3;
	padding: 8px 10px;
	}
	
#search_messages_field {
	color: #999;
	font-size: 11px;
	padding: 2px;
	}
	
.views {
	color: #000;
	}
	
.views a {
	color: #333;
	text-decoration: none;
	}
	
.views .current {
	color: #E0ECFF;
	font-weight: bold;
	}
	
.display_messages_count {
	margin: 2px 0 0;
	}
	
.display_messages_count table {
	margin: 5px 0 0;
	}
	
#display_bar {
	border-bottom: 1px solid #ddd;
	padding: 10px 0;
	}
	
h2 {
	color: #666;
	font-size: 20px;
	}
	
#message_count {
	color: #000;
	font-size: 14px;
	}
	
.unread {
	border: 1px solid #6694E3;
	}
	
.unread h3 {
	background: #E0ECFF;
	}
	
.read {
	border: 1px solid #ccc;
	color: #666;
	}
	
.single_message {
	margin: 15px 0;
	}
	
h3 {
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
	position: relative;
	}
	
h3 a {
	position: absolute;
	top: 9px;
	right: 10px;
	}
	
.single_message table {
	background: #f5f5f5;
	}
	
.single_message table td {
	padding: 7px 10px;
	}
	
.message_output {
	line-height: 1.5;
	padding: 10px;
	}
	
.message_output h4 {
	font-size: 14px;
	font-weight: bold;
	}
	
.message_output p {
	margin: 5px 0 10px;
	}
	
.category_output {
	border-top: 1px solid #ddd;
	}
	
#pagination {
	margin: 35px 0 0;
	text-align: center;
	}
	
#pagination .current {
	font-weight: bold;
	padding: 5px;
	}
	
#pagination a {
	background: #fff;
	border: 1px solid #ccc;
	color: #0465DC;
	padding: 5px;
	text-decoration: none;
	}
	
#pagination a:hover {
	background: #0465DC;
	border: 1px solid #000;
	color: #fff;
	}

/* @end */