/*
 * =============================
 * @author: 	Peter Slagter
 * @module: 	mod_noticeboard
 * @about: 		Main CSS-file for mod_noticeboard, basic grid & markup
 * =============================
 */

/* Defaults */
ul#nb-notice-actions,
div#nb-menu ul,
ul#nb-notices-small {
	margin-left: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

div.article {
	border: 0;
}

.login-snippet {
	display: block;
}

/*
	Noticeboard Layout
	--------------------------------------------------
*/
div#noticeboard {
	height: 100%;
	overflow: hidden;
}

div#noticeboard div.left {
	float: left;
	width: 20%;
	margin-right: 2%;
	border-right: 1px solid #ccc;
}

div#noticeboard div.right {
	float: left;
	width: 75%;
}

/*
	QuickLinks layout
	--------------------------------------------------
*/
div.quicklinks {
	width: 100%;
	margin: 0 0 2em 0;
	padding: 2px 0;
	background-color: #f6f6f6;
	border: 0;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

div.quicklinks ul {
	float: right;
}

div.quicklinks li {
	float: left;
	margin: 0 10px 0 0;
}

/*
	Notices small
	--------------------------------------------------
*/
ul#nb-notices-small {
	float: left;
	width: 100%;
}

ul#nb-notices-small li {
	display: -moz-inline-stack;
	display: inline-block;
	width: 44%;
	margin: 0 10px 10px 0;
	padding: 10px;
	background-color: #f1f1f1;
	vertical-align: top;
	*display: inline;
	zoom: 1;
}

/*
	Notices searchform
	--------------------------------------------------
*/
form#nb-search fieldset {
	padding: 0;
	border: 0;
}

form#nb-search legend {
	display: none;
}

form#nb-search label {
	position: absolute;
	left: -999em;
}

form#nb-search input {
	width: 90%;
}

form#nb-search div.fieldinput {
	margin: 0;
}

/*
	Noticeboard menu
	--------------------------------------------------
*/
div#nb-menu ul {
	padding-right: 10px;
}

div#nb-menu li {
	border-bottom: 1px dashed #efefef;
}

div#nb-menu li a:hover {
	background: #efefef;
}

div#nb-menu li a {
	display: block;
	padding: 5px;
	text-decoration: none;
}

div#nb-menu li.active {
	background: #f5f5f5;
}

div#nb-menu span.date {
	display: block;
	width: 100%;
}

/*
	Noticeboard Detailpage
	--------------------------------------------------
*/

/* Notice actions */
ul#nb-notice-actions {
	width: 100%;
}

ul#nb-notice-actions li {
	float: left;
	margin: 0 5px 0 0;
}

div#nb-notice-detail span.date,
div#nb-notice-detail span.author {
	float: left;
	margin: 0 5px 1em 0;
}

/* Notice specs */
dl#nb-notice-specs {
	clear: left;
}

dl#nb-notice-specs dt {
	float: left;
	font-weight: bold;
}

dl#nb-notice-specs dd {
	margin-left: 120px;
}

/* Notice description */
div#nb-notice-description {
	margin: 1em 0;
}

/* Reaction form */
form#nb-reaction-form fieldset {
	border: 0;
	background-color: #f6f6f6;
}