/*begin AESTYLE*/

.float-right {
float: right;
}

.float-left {
float: left;
}

/*end AESTYLE*/




/************************************************************************
	Title: AE v4.0 css builds for C2 Sortware
	File: dva.css

	RE-USABLE CORE CSS-FRAMEWORK 
	============================
	
	Author:		Dan Viveiros		[danv@dva.co.uk]

	Listing Order:
	==============
	

	2 - Tools
	3 - Forms
	4 - General Structure / Layout
		4a - Forum elements
		4b - Login elements
		4c - News attatchment elements
		4d - Post article elements
		4e - Advance search elements
		4f - Topic elements
		6 - Site map
	7 - Form column structure
	8 - Whats new
	
************************************************************************/



/***********************************************************************
	2 - TOOLS
************************************************************************/
.clearfix:after { 
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden; 
} 
.clearfix {display:inline-block;} 
/* Hide from IE Mac \*/ 
.clearfix {display:block;} 
/* End hide from IE Mac */ 
	
.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;

	margin:0;
	padding:0;
	background:transparent;
}

/***********************************************************************
	3 - FORMS
************************************************************************/
/*form {
  margin: 0px;
  padding: 0px;
}*/


.formContainer input, form select {
  font-size: small;
}

.formContainer label, form textarea {
	font-size: small;
}

.formContainer {
	padding: 5px;
}

.FormField {
	margin: 0px 0px 5px 0px;
}

.formContainer label { 
	display: block;   block float the labels to left column, set a width 
	float: left;
	width: 150px;
	margin: 0px 0px 5px 0px; /* set top margin same as form input - textarea etc. elements */
	text-align: left; /* Can be set to 'right' if you prefer right align field lables */
	vertical-align: top;
}

.FormField label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px;
	margin: 0px 0px 5px 0px; /* set top margin same as form input - textarea etc. elements */
	text-align: left; /* Can be set to 'right' if you prefer right align field lables */
	vertical-align: top;
display: inline;
}

/*.answers {	RH - MAY BE USED IN FUTURE IF RADIO BUTTONS ARE TO BE DEVELOPED TO RENDER BENEATH EACH OTHER
	float: left;
}*/

.answer {
	display:inline;
	}
.answer label{	/* RH - used for styling radio button answers, with correct accessibility */
	display: inline;
	float: none; 
	padding: 0px; 
	margin: 0px 5px 0px 0px; /* set top margin same as form input - textarea etc. elements */
	text-align: left; /* Can be set to 'right' if you prefer right align field lables */
	vertical-align: bottom;
}

#login label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0px; 
	margin: 0px 0px 5px 0px; /* set top margin same as form input - textarea etc. elements */
	text-align: left; /* Can be set to 'right' if you prefer right align field lables */
	vertical-align: top;
}
.FormField_sm label {
	width: 80px;
	margin-bottom: 10px;
}

.FormField_sm select {
	font-size: small;
	
}


.FormField_sm span {
	width: auto; /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	font-size: small;
	display: block;
	
}


/*************************
		POLLS
*************************/

#PollResults {
	margin: 10px 0px 0px 10px;
	width:40%;
	border-top:1px solid;
	border-right:1px solid;
	border-left:1px solid;
}

.ResultsHead {
	background-color: black;
	text-align:center;
}

.ResultsHead p {
	color:white;
	font-size:small;
	font-weight:bold;
	
}

.ResultsHead span {
	color:white;
	font-size:small;
}


.PollAnswer {
	padding: 10px 0px 10px 10px;
	border-bottom:1px solid;
}

.PollAnswer p {
	font-size:small;
	margin: 0px 0px 0px 0px;
}


.ae_pollbar1
{
    margin: 5px 0px 0px 0px;
    height: 10px;
    background-color: #ff0000
}
.ae_pollbar2
{
	margin: 5px 0px 0px 0px;
    height: 10px;
    background-color: #009933
}
.ae_pollbar3
{
	margin: 5px 0px 0px 0px;
    height: 10px;
    background-color: #3300ff
}

.ae_pollbar4
{
	margin: 5px 0px 0px 0px;
    height: 10px;
    background-color: #ffff00
}
.ae_pollbar5
{
	margin: 5px 0px 0px 0px;
    height: 10px;
    background-color: #ff9900
}

.ae_pollbar6
{
	margin: 5px 0px 0px 0px;
    height: 10px;
    background-color: #ff9900
}


.Poll label {
	padding-bottom:10px;
	padding-top:20px;
	width:50%
}

/* 
Use first-letter pseudo-class to underline accesskey if required
Note: Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter 
pseudo-class on legend elements, but do support it on label elements
we instead underline first letter on each label element and accesskey
each input. doing only legends would  lessens cognitive load
opera breaks after first letter underlined legends but not labels
*/
form label:first-letter {
	/*text-decoration: underline; */
}

.formContainer input {
	
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	/* width: auto;  set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin: 0px 10px 0px 0px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
}

.FormField input {
	
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	/* width: auto;  set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin: 0px 10px 0px 0px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
	padding: 0px;
}

#login input {
	
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width: auto; /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin: 0px 10px 0px 0px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
	padding: 0px;
}


.formContainer br {
	/* clear: left;  setting clear on inputs didn't work consistently, so brs added for degrade */
}

.dummy:first-letter {
	text-decoration: none;
}


/***********************************************************************
	4 - GENERAL STRUCTURE / LAYOUT
************************************************************************/
.infoText {
	margin-bottom: 20px;
}

.infoText p {
	font-size: smaller; 
	margin: 0px;
	color: #B22222; /* Colour for infoText please change*/
}

#buttons {
	padding: 5px 0px 0px 150px;
}

#buttons input {
	font-size: small;
	padding: 0px;
}


.formButtons {
	clear:both;
	margin-top:20px;
}

.RequestPasswordButton {
	padding-top:10px;
}


/* FAQ (answers) styles */
ul.faq {
	padding: 0px;
	margin: 10px 0px 10px 0px;
	list-style: none;
}

ul.faq li {
	margin-top:20px;
	padding: 0px;
	margin-bottom: 10px;
}

ul.faq li p {
	margin: 5px 0px 0px 10px;
}

ul.faq li p a.top {
	font-size: smaller;
}


/*	4a - FORUM ELEMENTS
**********************************************/
/* for all browsers that understand min-width */
.toolbar {width:99.8%; min-width: 495px;}

/* for IE browsers */
* html .minwidth {border-left:495px solid #fff; position:relative; float:left; z-index:1;}
* html .container {margin-left:-495px; position:relative; float:left; z-index:2;}



.header {
	margin:0;
	padding: 3px;
	background-color: #666666;
	color: #FFFFFF;
}

.header h1 {
	margin:0px;
}

#main1 {
	margin:0;
	padding:0;
}
	
#main2 {
	margin:0;
	padding:0;
	}
	
.toolbar {
	border: 1px solid #333333;
	min-width: 495px;
}

.toolbar2 {
	border: 1px solid #333333;
	min-width: 225px;
}

.left {
	float:left;
	width:85px;
	margin:0px;
	padding:5px;
}
	
.right {
	float:right;
	width:220px;
	margin:0px;
	padding:5px;
}
	
.middle {
	margin:0px 245px 0px 105px;
	padding: 5px;
	border-left: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;
	height: 100%;
}

.topicmiddle {
	margin:0px 245px 0px 105px;
	padding: 5px;
	border-left: 1px solid ;
	border-right: 1px solid #DCDCDC;
	height: 105px;
}
	
.left_2col {
	padding:5px;
	height: 100%;
	margin: 0px 250px 0px 0px;
}
	
.right_2col {
	float: right;
	width: 200px;
	padding: 5px;
	margin: 5px 5px 15px 5px;
	border: 1px solid #DCDCDC;
	background-color: #F5F5F5;
}
.TopicNoResults {
	border-right:1px black solid;
	border-left:1px black solid;
	border-bottom:1px black solid;
	padding-left:5px;
	padding-top:10px;
	height:30px;
	font-weight:bold;
}


.column-in {
	margin:0; padding:0.5em 1em;
}

.column1 {
	text-align:left;
}

.column2 {
	width: 15%;
}

.column3 {
	width: 65%;
}

.column4 {
	width: 30%;
}

.column5 {
	width: 20%;
	text-align: center;
}


#tablecontainer {
	background-color: #FFFFFF;
	margin: 10px 0px 10px 0px;
}

#tablecontainer th {
	background-color: #000000;
	color: #FFFFFF;
}

#tablecontainer td {
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
} 


#forumtable {
	border-collapse: collapse;
	border-left: 1px solid #000000;
	width:100%;
}

#forumtable th {
	padding:3px;
	background-color: #000000;
	color: #FFFFFF;
}

#forumtable td {
	padding:3px;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

#forumtable td a {
	font-weight: bold;
}

.CellTextCentered {
	text-align:center;
}
	
.odd {
	background-color: #E8E8E8;
	/*text-align:center;*/
	font-size:small;
}

.smallLink {
font-size:smaller;
}

.postDate {
	color:midnightblue;
	
}

.attachment {
	font-size:smaller;
}

.logintext {
	float: right;
}

.ForumNavLogin {
	float: right;
}

#forumContainer h1 {
	margin: 0px;
	padding: 0px;
}

#forumContainer p  {
	margin: 2px 0px 2px 0px;
	padding: 0px;
}
	
.FormDescription {
	font-size:small;
}	
	
#forumContainer form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 55px; 
	padding: 0px; 
	margin: 5px 0px 0px 0px; /* set top margin same as form input - textarea etc. elements */
	text-align: left; /* Can be set to 'right' if you prefer right align field lables */
}


.FormField span {
	width: auto; /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	font-size: small;
	display: block;
	padding-top: 5px;
}

.hr {
	border-top: 1px solid #D3D3D3; 
	padding:10px;
}

#forumtable h3 {
	font-weight: normal;
	margin: 2px 0px 10px 0px;
	font-size:medium;
}

#forumtable h4 {
	font-weight: normal;
	margin: 4px 0px 4px 0px;
	font-size:small;
	color: #666666;
}

.sticky {
	font-weight:bold;
	color:#666666;
}

/*	4b - LOGIN ELEMENTS
**********************************************/
#login {
	margin: auto;
}


.pwdreminder {
	margin:auto;
	text-align: center;
}

/* Mail table */

#mailtable {
	border-left: 1px solid #000000;
}

#mailtable td {
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	text-align: center;
}

/*	4c - NEWS ATTACHMENT ELEMENTS
**********************************************/
#attachcontainer {
	border: 1px solid #666666;
}
 
 
.leftsm {
	float: left;
	width: 150px;
	margin: 5px;
}

.leftsm p {
	font-weight: bold;
	margin: 0px;
}
 
.rightlg {
	float: left;
	margin: 5px;
}

/*	4d - POST ARTICLE AND NEWS ATTACHMENT ELEMENTS
**********************************************/
#articlepost {
	border-left: 1px solid #000000;
	margin-top: 5px;
	width:100%;
	min-width: 265px; 
}
 
#articlepost .header {
	background-color: #000000;
	padding: 5px;
	font-size: large;
}

#articlepost .header p {
	color: #FFFFFF;
	margin: 0px;
}
.row {
 	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

.NewsAttachUploaded	{
	font-size:small;
	font-weight:bold;
	border-top:1px solid;
	padding:10px;
	height:50px;
}
.NewsAttachUploaded	a{
	font-size:smaller
}


/*	4e - ADVANCE SEARCH ELEMENTS
**********************************************/ 
#formgrid {
	padding: 10px;
	margin: 10px 0px 10px 0px;
}
 
#formgrid p {
	margin: 0px;
}

.gridrow {
	margin-bottom: 5px;
}
 
.leftcol {
	width: 150px;
	float: left;
}
 
.rightcol {
	float: left;
	vertical-align: middle;
}

.rightcol span{
	vertical-align: middle;
}

.datechooser {
	margin-bottom: 2px;
}

.datechooser select {
	margin-right: 10px;
}

.day {
	width: 60px;
	display: inline;
	vertical-align: middle;
}

#results {
	padding: 5px;
}

.resultitem {
	margin-bottom: 10px;
	padding: 5px;
}

.resultitem a {
	font-size:medium;
} 

.resultitem p {
	margin: 0px;
}

#pagecontrol {
	margin-top: 5px;
}

#pagecontrol p {
	margin: 0px;
}


.Search {
	border:1px solid;
	padding:5px;
}
	
.SearchResultContainer {
	border:solid;
	margin-top:15px;	
}
	
.ResultLink {
}
	
.ResultText {
	margin-top:5px;
}




/*	4f - TOPIC ELEMENTS
**********************************************/
.middle p {
	margin-bottom: 10px;
}


/***********************************************************************
	6 - SITE MAP
************************************************************************/

#sitemap h2 {
	margin: 5px 0px 5px 0px;
	border-bottom: 1px solid #BBBBBB;
}
#sitemap h3 {
	margin: 0px 0px 5px 0px;
}

#sitemap h4 {
	margin: 0px 0px 5px 0px;
}


#sitemap ul li {
	list-style-type: none; 
}


/* Second level site map entries */

#sitemap ul li ul {
}

#sitemap ul li ul li {
	list-style-type: none; 
}


/***********************************************************************
	7 - FORM COLUMN STRUCTURE
************************************************************************/
#form_left {
	width: 45%;
	float: left;
}

#form_right {
	width: 45%;
	float: left;
}

/***********************************************************************
	8 - WHATS NEW
************************************************************************/

#whatsnew h3 {
	border-bottom: 1px solid #BBBBBB;
	margin: 0px;
}

#whatsnew p a {
	float: right;
	padding-right: 10px;
	background-position: right;
	background-repeat: no-repeat;
}

#whatsnew a:hover {
	color: #000000;
}

.newsitem {
	border: 1px solid #D3D3D3;
	padding: 5px;
	margin-bottom: 5px;
}

/******************************************************************************
	MISC.
*******************************************************************************/

.errorText {
	color:red;
}


.errorText p{
	color:red;
}

#tablecontainer ul
{
	list-style: none;
}




/**************************************************************
				BLOGGING/COMMENTS
**************************************************************/

/***************************************
		Page Comments
***************************************/

.ae_comments_noresults
{
}


.ae_comments_container
{
	width:60%;
	border-bottom:1px solid;
	font-size:small;
	margin: 0px 0px 20px 0px;
	
}


.ae_comments_header
{
	margin: 0px 0px 30px 0px;
	font-size:smaller;	
}


.ae_comments_author
{
}

.ae_comments_date
{
}

.ae_comments_body
{
	font-size:smaller;
	margin: 0px 0px 20px 0px;
}


.ae_comment_posted_msg
{
	
	font-size:smaller;
	margin: 20px 0px 30px 0px;
	width:70%;
}

.ae_comments_Notes
{
	font-style:italic;
}

.ae_comments_Error
{
	margin: 0px 0px 0px 100px;
	color:red;
}



.ae_comments_links
{
	
	margin: 20px 0px 30px 0px;
	
	
	
}


/**********************
		FORM
**********************/


.ae_comments_add_form
{
	padding: 0px 0px 0px 0px;
	margin: 40px 0px 0px 0px;
	font-size: smaller;
	
}

.ae_comments_FormField
{
	margin: 0px 0px 5px 0px;
}


.ae_comments_Form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 100px; 
	padding: 0px; 
	margin: 0px 0px 5px 0px; /* set top margin same as form input - textarea etc. elements */
	text-align: left; /* Can be set to 'right' if you prefer right align field lables */
	vertical-align: top;
}



.ae_comments_FormField label
{	
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 100px; 
	padding: 0px; 
	margin: 0px 0px 5px 0px; /* set top margin same as form input - textarea etc. elements */
	text-align: left; /* Can be set to 'right' if you prefer right align field lables */
	vertical-align: top;
}


.ae_comments_FormButtons
{
	margin: 10px 100px 5px 100px;
}



/***************************************
				BLOGS
***************************************/

.ae_blogs_noresults
{
}

.ae_blogs_links
{
	margin: 20px 0px 0px 0px;
}


.ae_blogs_author
{
	width:70%;
	border-bottom:2px solid;
	padding: 0px 0px 10px 0px;
	margin: 20px 0px 10px 0px;
}



/*****************************
		Blog Entries
*****************************/

.ae_blogs_blogentrycontainer
{
	font-size:small;
	width:70%;
	border-bottom: 1px  solid;
	margin: 20px 0px 10px 0px;
	padding: 5px 5px 20px 0px;
	
}

.ae_blogs_blogentrycontainer_wb		/*	 for use on the comments page	*/
{
	font-size:small;
	width:70%;
	margin: 10px 0px 0px 0px;
	padding: 20px 5px 30px 0px;
	
}


.ae_blogs_blogentrytitle
{
	
}

.ae_blogs_blogentrycomments
{
	font-size:smaller;
}


.ae_blogs_blogentrydate
{
	font-size:smaller;
	
}


.ae_blogs_blogentrydetails
{
	font-size:smaller;
	
}

ae_blogs_blogentrynavigation
{
}



/**************************
		Blog Comments
**************************/

.ae_blogs_commentsheader
{
	width:70%;
	margin: 0px 0px 20px 0px;
	padding: 15px 0px 0px 0px;
	font-size:smaller;
	border-top:3px solid;
	
}

.ae_blogs_commentcontainer
{
	width:60%;
	margin: 0px 0px 0px 0px;
	border-bottom:1px solid;
	font-size:small;
}

.ae_blogs_commentheader
{
	margin: 10px 0px 30px 0px;
	font-size:smaller;
		
}

.ae_blogs_commentauthor
{
}

.ae_blogs_commentdate
{
}

.ae_blogs_commentbody
{
	font-size:smaller;
	margin: 0px 0px 20px 0px;
}


.ae_blogs_commentnavigation
{
	margin: 20px 0px 0px 0px;
	width:50%;
}

.ae_blogs_commentApproval
{
	margin: 20px 0px 10px 0px;
}


/**********************
		FORM
**********************/

.ae_blogs_commenterror
{
	color:red;
	padding: 0px 0px 0px 100px;
}

.ae_blogs_Error 
{
	color:red;
	padding: 0px 0px 0px 100px;
}

.ae_blogs_Form
{
	font-size: small;
	margin: 0px 0px 30px 0px;
}

.ae_blogs_FormField
{
	margin: 0px 0px 5px 0px;
}


.ae_blogs_Form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 100px; 
	padding: 0px; 
	margin: 0px 0px 5px 0px; /* set top margin same as form input - textarea etc. elements */
	text-align: left; /* Can be set to 'right' if you prefer right align field lables */
	vertical-align: top;
}



.ae_blogs_FormField label
{	
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 100px; 
	padding: 0px; 
	margin: 0px 0px 5px 0px; /* set top margin same as form input - textarea etc. elements */
	text-align: left; /* Can be set to 'right' if you prefer right align field lables */
	vertical-align: top;
}


.ae_blogs_FormButtons
{
	margin: 10px 100px 5px 100px;
}

.ae_blogs_commentDeleteButtons
{
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	
}