/************************************************************************
	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:
	==============
	
	1 - Universal
	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
	5 - CSS Menu
		5a - Awesome CSS Menu version 1
		5b - Awesome CSS Menu version 2
	6 - Site map
	7 - Form column structure
	8 - Whats new
	
************************************************************************/

/***********************************************************************
	1 - UNIVERSAL STYLES
************************************************************************/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

/*a {
	COLOR: blue; TEXT-DECORATION: none; 
}
a:visited {
	MARGIN-BOTTOM: 0px; COLOR: blue; TEXT-DECORATION: none
}
a:hover {
	COLOR: red; TEXT-DECORATION: none
}*/

/***********************************************************************
	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 {
  margin: 0px;
  padding: 0px;
  font-size: small;
}

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

.formContainer {
	padding: 5px;
}

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

.FormFieldFileUpload {
    border : 1px solid #D8D8D8; 
}

.formContainer label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 265px; 
	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 label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 265px; 
	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;
}

/*.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 */
	padding: 0px;
}

.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;
	clear:both;
}


/* 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 {
	font-size:medium;
	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 {
	font-size:medium;
	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;
	width: 40%;
}

#login h1 {
	font-size: medium;
}

#login h2 {
	font-size: medium;
}

.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;
}

/***********************************************************************
	5 - CSS MENU
************************************************************************/

/*	5a - Awesome CSS menu version 1
The posibilities of ul CSS based menu's are endless! This is a simple implementation of one
**********************************************/
#ae_menu {
	list-style: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
}
/* Disable bullets on all menu items */
#ae_menu li {
	margin: 0px;
	list-style: none;
	list-style-type: none;
	padding: 5px 0px 5px 0px;

	}

/* Set orange background for LEVEL 1 */
#ae_menu {
	width:150px;
	margin:0;
	padding:0
	}

/* Set green background for LEVEL 2 */
#ae_menu li ul {
	width:150px;
	margin:0;
	padding:0;
	}

/* Set pink background for LEVEL 3 */
#ae_menu li ul li ul {
	width:150px;
	margin:0;
	padding:0;
	}

/* Set blue background for LEVEL 4 */
#ae_menu li ul li ul li ul {
	width:150px;
	margin:0;
	padding:0;
	}

/* Indent LEVEL 2 and set white font for all non-menu links from LEVEL 2 downwards */
#ae_menu li ul li {
	text-indent:10px;
	}

/* Indent LEVEL 3 */
#ae_menu li ul li ul li {

	text-indent:20px;
	}

/* Indent LEVEL 4 */
#ae_menu li ul li ul li ul li {

	text-indent:30px;
	}



#ae_menu li.ae_open {
	font-weight: bold;
}

#ae_menu li a:hover {
	
}

#ae_menu li ul li.ae_open {
}

/*	5b - Awesome CSS menu version 2
The posibilities of ul CSS based menu's are endless! This is a simple implementation of one
**********************************************/
#button2 ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
	width: 150px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
}

#button2 ul li {
	margin: 0px;
	list-style: none;
	list-style-image: none;
}

#button2 ul li a {
	display: block;
	padding: 5px 5px 5px 15px;
	color: #000000;
	text-decoration: none;
	width: 100%;
	background-image: url(assets/bullet.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#button2 ul li a.open {
	font-weight: bold;
}

html>body #button2 ul li a {
	width: auto;
}

#button2 ul li a:hover {
	background-image: url(assets/bullet_hover.gif);
	font-weight: bold;
}

/* Level two */
#button2 ul li ul {
	list-style: none;
	margin: 0px;
	border: none;
	width: 150px;
	padding: 0px 0px 0px 30px;
}

#button2 ul li ul li a {
	color: #333333;
	border: none;
	background-image: url(assets/bullet.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#button2 ul li ul li a:hover {
	background-image: url(assets/bullet_hover.gif);
	font-weight: bold;
}

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

#sitemap h2 {
	font-size: large;
	margin: 0px 0px 5px 0px;
	border-bottom: 1px solid #BBBBBB;
	color: #666666;
}
#sitemap h2 a {
	color: #5C7CBE;
}
#sitemap h3 {
	font-size: medium;
	margin: 0px 0px 5px 0px;
	color: #666666;
}
#sitemap h3 a {
	color: #5C7CBE;
}
#sitemap h4 {
	font-size: small;
	margin: 0px 0px 5px 0px;
	color: #666666;
}

#sitemap h4 a {
	color: #5C7CBE;
}

#sitemap ul {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
}


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

#sitemap ul li a {
	color: #011E7A;
}

#sitemap a:hover {
	color: #EAA104;
}

/* Second level site map entries */

#sitemap ul li ul {
}

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

#sitemap ul li ul li a {
	color: #5C7CBE;
}

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

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

/***********************************************************************
	8 - WHATS NEW
************************************************************************/
#whatsnew {
	width: 25%;
}

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

#whatsnew h3 a {
	color: #191970;
}

#whatsnew p a {
	float: right;
	color: #ECA306;
	padding-right: 10px;
	background-image: url(assets/arrow.gif);
	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;
}

.ae_comments_disclaimer_text
{
    FONT-STYLE: italic;
    FONT-SIZE: smaller;
    MARGIN: 20px 0px 30px;
    WIDTH: 70%
}
.ae_comments_acknowledgement_text
{
    FONT-STYLE: italic;
    FONT-SIZE: smaller;
    MARGIN: 20px 0px 30px;
    WIDTH: 70%;
}
.ae_comments_moderation_text
{
    FONT-STYLE: italic;
    FONT-SIZE: small;
    WIDTH: 70%;
    
    
    
}


/**********************
		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_disclaimer_text
{
    FONT-STYLE: italic;
    FONT-SIZE: small;
    MARGIN: 20px 0px 30px;
    WIDTH: 70%;
}
.ae_blogs_acknowledgement_text
{
    FONT-STYLE: italic;
    FONT-SIZE: small;
    MARGIN: 20px 0px 30px;
    WIDTH: 70%;
}
.ae_blogs_moderation_text
{
    FONT-STYLE: italic;
    FONT-SIZE: small;
    WIDTH: 70%;
}

.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:small;
}


.ae_blogs_blogentrydate
{
	font-size:small;
	
}


.ae_blogs_blogentrydetails
{
	font-size:small;
	
}

ae_blogs_blogentrynavigation
{
}



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

.ae_blogs_commentsheader
{
	width:70%;
	margin: 0px 0px 20px 0px;
	padding: 15px 0px 0px 0px;
	font-size:small;
	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:small;
		
}

.ae_blogs_commentauthor
{
}

.ae_blogs_commentdate
{
}

.ae_blogs_commentbody
{
	font-size:small;
	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;
	
}