/* Chief specific classes
 * Classes in here are used by the chief
 * The default format for module classes is #modulename .page .region {}
 * You can format on a module-wide, page-specific or region specific basis
 * Regions are standardised as follows;
 * * container : container box (subcategories .alt1 and .alt2 for alternating categories)
 * * image : image
 * * text : body text
 * * summary : summary text
 * * link : a link to another page
 * * date : date
 * Standardising is an ongoing process, please bear with us...
 */
#errorbox, div.highlight { border: 1px solid #003333; padding: 10px; margin-bottom: 10px; background-color: #DDFFFF; }
#errorbox b { display: block; width: 100%; color: #FF0000; }
#errorbox hr { display: none; }
/* errorbox text, highlighting for each class of error */
.errorlevel1 { color : #000000; }
.errorlevel2 { color : #660000; }
.errorlevel3 { color : #aa0000; }
.errorlevel4 { color : #ff0000; }

/* for tables with alternating rows */
.rowlight { background-color : #EEEEFF; }
.rowdark  { background-color : #E4EDEE; }

.table_content { width: 100%; border: 2px solid #000000; }
.table_invisible, .invisible { border: none; width: 100%; border-collapse: collapse; border-spacing: 0px; empty-cells: hide;}
.text_heading { font-size : large; font-weight: bold; padding-bottom: 26px;}
.text_small {	font-size: 0.8em; }
.greyed_out { color : #999999; }
.centre, .center { text-align: center; }
.transparent { opacity: 0.35; -moz-opacity: 0.35; FILTER: Alpha(Opacity=35); }

.admin_options {
	float: right;
	display: block;
	padding: 5px;
	background-color: #cccccc;
	opacity: 0.85;
	-moz-opacity: 0.85;
	FILTER: Alpha(Opacity=85);
}
.admin_options a {
	color: #666666;
	opacity: 0.85;
	-moz-opacity: 0.85;
	FILTER: Alpha(Opacity=85);
}

/* news and links */
.news_header, .link_header { font-weight: bold;	color: #0033AA;}
.news_subheader, .links_description {	font-size: 0.8em; }
.news_media, .links_media {	float: right; }
#news {}
#news h3 { margin: 0; }
#news h3 a { text-decoration: none; }
#news .container { margin-bottom: 1em; }
#news .image { float: left; }
#news .link { float: right; }
#news .summary { font-size: 0.9em; }
#news .text { }
#news .date { font-size: 0.9em; font-style: italic; margin-bottom: 0.5em; }


/* Products */
#product {}
#product h3 {}
#product .container { border: 1px solid #006; padding: 10px; background-color: #fff; width: 200px; float: left; margin-left: 10px;}
#product.detail .container { width: 677px; }
#product .image { float: left; margin-right: 5px; }
#product .link { font-size: 0.9em; }
#product .summary {}
#product .text {}
#product .price {}

/* Forums */
#forum {}
#forum .control { float: right; }
#forum .date { font-style: italic; font-size: 0.9em; }
#forum .makepost .text textarea, #forum .makereply .text textarea { width: 100%; height: 10em; }
#forum .makepost .title input { width: 100%; }
#forum .makepost .upload, #forum .makereply .upload { width: auto; float: right; padding-left: 20px; background: transparent center left url('../images/attach.png') no-repeat; }
#forum .makepost .upload input, #forum .makereply .upload input { border: 0; background-color:transparent; }
#forum .makepost .submit, #forum .makereply .submit { clear: both; text-align: right; }
#forum .container { border: 1px solid #B9C1C2; padding: 5px; margin-bottom: 5px; }
#forum .container.alt1 { background-color: #C9E1E2; }
#forum .container.alt2 { background-color: #D9F1F2; }
#forum .container.first { border: 1px solid #003366; padding: 5px; background-color: #F0F9FA; margin-bottom: 10px; }
#forum .text, #forum .summary { border-top: 1px dotted #003366; padding-top: 5px; margin-top: 5px; }
#forum h3 { margin: 0; padding: 0; }
#forum .thread .summary div { float: left; padding-right: 10px; margin-right: 10px; border-right: 1px solid #003366; font-size: 0.9em; }
cite { display: block; margin: 10px; padding: 5px; background-color: #F0F9FA; border: 1px dotted #003366; }
.forum_post_quote { display:block; font-weight:bold; }
#breadcrumb { margin-bottom: 1em; }

/* Bulletin board/PMs various others */
.bbcode { width: 100%; height: 20px; padding: 0px; background-color: #F0F9FA; border: 0px solid #FFFFFF; }
.bbcode a { display: inline-block; height: 20px; width: 20px; border: 1px solid black; line-height: 26px; text-align: center; background-color:transparent;}
.bbcode a:link { border-color: #999999 #999999 #CCCCCC #CCCCCC; }
.bbcode a:visited { border-color: #999999 #999999 #CCCCCC #CCCCCC; }
.bbcode a:hover { border-color: #999999 #999999 #CCCCCC #CCCCCC; background-color: #ffffff; }
.bbcode a:active { border-color: #CCCCCC #CCCCCC #999999 #999999; }
.bbcode_right { float: right; }
.bbcode_extra { }
.bbcode_smilies { }
.bbcode img { behavior: url("./js/png.htc"); width:16px; height:16px; }

/* Checkout */
.invoice { border: 1px solid #C9E1E2; }
.invoice td { text-align: right; padding: 3px; border-top: 1px solid #C9E1E2; }
.invoice th { text-align: right; }

/* Pager */
.pager { line-height: 16px; }
.pager img { vertical-align: text-top; }
.pager .current {	font-weight: bold; background-color: #CCCCCC; }

/* Calendar */
.calendar_event { width:100%; background-color: #C9E1E2;}
.calendar_event a { display:block; vertical-align: top; }
.calendar table { width: 100%; }

/** Debugging console */
#debug {
	position: fixed;
	width: 100%;
	height: 175px;
	bottom: 0px;
	left:0px;
	overflow: auto;
	background: #AABBFF;
	opacity: 0.85;
	-moz-opacity: 0.85;
	FILTER: Alpha(Opacity=85);
}

/* PM */
#pmtable{float:left; width:510px}
#pmtable th {color:#333;border-top:1px solid #ccc; border-bottom:2px solid #ccc; padding:3px 2px; vertical-align:middle; background:#e6e6e6; font-size:0.8em}
#pmtable th.left, #pmtable td.left {text-align:left}
#pmtable th.center, #pmtable td.center {text-align:center}
#pmtable td {color:#333;border-top:1px solid #ccc; border-top:1px solid #ccc; padding:3px 2px; vertical-align:top; background:none; font-size:0.8em}
#pmtable div.box {padding:0 2px; border:1px solid #ffcccc; color:#ff0000}
br.clearpm {clear:left;margin:0;padding:0}
#pmform div.oneem {text-align:left;width:auto; padding-bottom:1em; width:510px}
#pmform div.halfem {text-align:left;width:auto; padding-bottom:0.5em; width:510px}
#pmform .fll {float:left}
#pmform .flr {float:right}
#pmform select {border:1px solid #333}
#pmform input.text {width:100%; border:0}
#pmform div.textbar {width:auto; overflow:hidden; padding:2px; border:1px solid #333; background:#fff; margin-bottom:1em}
#pmform div.message {width:auto; min-height:300px; padding:2px; border:1px solid #333; background:#fff; text-align:left; overflow:hidden; margin-bottom:0.5em}
* html #pmform div.message {height:300px}
#pmform div.left {text-align:left}
#pmform .pmtextarea {width:99%; height:300px; padding:2px; border:0; border-top:1px solid #ccc; margin:0.5em auto 0 auto; text-align:left}

.captcha {
	width: 260px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.captcha img {
	border: 2px solid black!important;
}