/*
	|- CssClass=weblogfields----------------------------------|
	|														  |
	| |--ID=weblogfield[fieldname] class="weblogfield"------| |
	| | |--(1)-----------| |--(2)------------| |--(3)-----| | |														
	| | |				 | |				 | |	      | | |
	| | |----------------| |-----------------| |----------| | |
    | |-----------------------------------------------------| |
	|													      |
	| |--ID=weblogfield[fieldname] class="weblogfield"------| |
	| | |--(1)-----------| |--(2)------------| |--(3)-----| | |														
	| | |				 | |				 | |	      | | |
	| | |----------------| |-----------------| |----------| | |
    | |-----------------------------------------------------| |
	|														  |
	|---------------------------------------------------------|													    

(1)
	ID=weblogfield[fieldname]label class=weblogfieldlabel

(2)
	ID=weblogfield[fieldname]input class=weblogfieldinput

(3)
	RequiredFieldValidator:
		ID=weblogfield[fieldname]reqvalidator class=weblogfieldreqvalidator
	
	RegularExpressionValidator	
		ID=weblogfield[fieldname]regvalidator class=weblogfieldregvalidator

*/

/*	Clear float */
.clear
{
	clear: both; 
}


/*	All the fields in the Blog 
	are surrounded by this class */
.weblogfields
{
	width: 70%; 
}

/*	set style for all field groups
	margin up to prev. field group */
.weblogfield
{
	margin-top: 10px;
}

/*	set style for all labels */
.weblogfieldlabel
{
	font-weight: bold;	
	margin-bottom: 5px; 
}

.weblogfieldinput
{
	margin-bottom: 5px; 
}

.weblogfieldinput input, .weblogfieldinput textarea
{
	width: 100%; 
}

.weblogfielddropdown select
{
	width: 100%; 
}


/*	Every input has a class using the name of the field */
div#weblogfieldsummaryinput textarea
{
	height: 100px;
}

div#weblogfielddescriptioninput textarea
{
	height: 200px;
}

.weblogfieldreqvalidator
{
	float:right;
	position:absolute;
	margin-left: 10px; 
	     
}

.weblogfieldregvalidator
{
	float:right;
	position:absolute;   
	margin-left: 10px;
}

.weblogbuttons
{
	margin-top: 10px;
}

div#weblogfieldsaveid input, div#weblogfielddeleteid input
{
	width: 100px; 
	float: left;
	display: inline;
	margin-right: 10px;   
}


/*	Validation Summary */

.weblogfields_validationsummaryouter
{
	width: 100%;   
}

.weblogfields_validationsummary
{
	color: Red; 
	border: solid 1px Silver;
	padding: 10px 10px 0px 10px;
}

.weblogfields_validationsummary label
{
	font-weight: bold;  
}

/* Login Button */

.cmdLogin
{
	float:right;   
	margin-right: 20px; 
}

/* Security Generel */
.securityheader
{
	background-color: #5D7B9D;  	
	padding-left: 5px; 
	padding-top: 2px; 
	height: 25px; 
	margin: 5px 5px 5px 5px; 
}

.securityheader p
{
	width: 100%;
	text-align: center;   
}


.securityouter
{
	border: solid 1px #999999;
	width: 300px; 
	background-color: #EFF3FB; 
}

div#securityouter{
   	width: 300px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}


.securityfield
{
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;   
}

.securityfields
{
	margin-top: 10px;
	margin-bottom: 10px; 
}

.securityfieldinput
{
}

.securityfieldlabel
{
	display: inline;
	float: left;   
	width: 100px;
	text-align: right;    
	margin-right: 5px; 
}

.securityfields_validationsummary
{
	margin-top: 10px; 
}

.securityfields_validationsummary ul
{
	margin-top: 5px; 
	margin-left: 0px; 
}

/* message Boxes */

.weblogformnotapprovedmessage, .weblogformpendinggrantmessage
{
	border: solid 1 px #666666;
	width: 100%;
	height: 25px;  
	padding: 10px; 
}

/* WEB LOG COMMENTS */

.weblogcomment.first
{
    border-top: 1px solid #DADADA; 
}
.weblogcomment
{
    border-bottom: 1px solid #DADADA;
    padding: 20px 0;   
}
.weblogcomment div{
     width: 95%;
}
.weblogcomment .author
{
    font-weight: bold;
}
.weblogcomment .date
{
    color: #666666;
    font-size: 90.9%;
    margin-top: 10px;
    margin-bottom: 10px;
}
.paging
{
    margin-top: 20px;
    width: 100%;
    text-align: center;

}
.paging .on
{
    font-weight: bold;
}
.paging a
{
    margin-right: 20px;
}