/***
==== Page Messages ====
***/

.page-messages{
    padding: 10px 20px;
    margin: 0 0 2em;
    border-top: solid 1px #b8b8b8;
    border-bottom: solid 1px #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.pagemessage-information{
    background: #cacaca;
    color: #333;
}

.pagemessage-critical{
    background: #C82830;
    color: #fff;
    text-shadow: 0 -1px 0 #901d23;
}


/*
Fieldsets
*/
fieldset {
	position:relative;
	margin: 3em 0px 3em 0px;
    
	}
	
fieldset legend {
	position: relative;
	}
	
fieldset legend span {
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    -moz-box-shadow: 0 2px 0 #CCCCCC;
    -webkit-box-shadow: 0 2px 0 #CCCCCC;
    box-shadow: 0 2px 0 #CCCCCC;
    background: #959595;
    color: #FFFFFF;
    display: block;
    font-size: 1em;
    font-style: italic;
    font-weight: normal;
    left: 20px;
    line-height: 1.25em;
    padding: 8px 15px 8px;
    position: absolute;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    top :-20px;
    white-space: nowrap;
    width:  auto;
}
fieldset .content{
    background: #ECECEC;
    padding: 30px 20px 20px;
    border-bottom: 1px solid #B8B8B8;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
		
fieldset.search { padding:18px 18px 0px 18px; border:solid 3px #fde8f1; }
fieldset.form table td { border:none; }
 		
/*
Fieldgroup
*/

.field-group
 {
	min-height: 1px;
	margin: 0 0 1em 0;
	position: relative;
	clear: both;
	}
	
	.field-group:after  {		content: ".";		height: 0;		display: block;		clear: both;		visibility: hidden;		}
	* html .field-group {height: 1px;	}
	
.field-group.checkbox { margin:0px 0px 18px 0px; }

/*
all fields
*/
	
.field label, p.label
 {
 	display: block;
	text-align: left;
	color: #444;
	font-weight: normal;	
	line-height: 1.25em;
	margin:0px 0px 0px 0px;
	padding:4px 0px 3px 0px;

	}
	
		
	.field label em {
		font-size: .75em;
		color: #777;
		}
		
	.field label strong {
		color: #444;
		}
	
	.field .text,
	.field select,
	.field textarea {
		font-size: 14px;
		color: #333;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.1) inset, 0 1px 0 #fff;
		-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1) inset, 0 1px 0 #fff;
		padding: 3px 5px 2px;
		border: 1px solid #9a9b9d;
		min-height: 22px; 
		}	
		
	.field .focus {
		border-color: #143D8D;
		}
		
	.field .watermark{
        font-family: Arial,Helvetica,sans-serif;
		font-style: italic;
		color: #999;
	}
	

.rating .field textarea { border:none; }
.rating .field label, .rating label { display:block; color:#C10077; margin-bottom:9px; }	
/*
Checkboxes
*/	
	
.checkbox label {
	position: relative;
    margin: 0px 0px 0px 0px;
	padding: 0 0 0 18px;
	font-weight:normal;
	font-size:12px;	
	}
	
	.checkbox .checkbox {
		position: absolute;
		top: 0;
		left: 0;
		}
.msie7 .checkbox label
{
    padding: 4px;
    padding-left: 20px;
}


/*
Button groups
*/		
		
.button-group { margin:0; overflow:hidden; border-top: dotted 1px #b8b8b8; margin: 2em 0 0; padding: 2em 0 0; }		


input.remove { position:absolute; right:5px; top:5px; background:#ffffff; color:#8d8c8c; border:none; font-weight:bold; font-size:11px; padding:0px 2px 1px 2px; cursor:pointer; }
input.post { background:none; border:none; text-transform:uppercase; padding:0px; color:#6587C9; font-size:11px; cursor:pointer; }

/* When a field occurs within a field-group */
.field-group .field {
	float: left;
	margin: 0 1em 0 0;
	position: relative;
	}
	
	
/* field group sizes */
	.field .text,
	.field textarea	    {	width:435px; } /* Default */
	
	.medium .text		{	width:205px;	}
	.medium textarea	{	width:243px;	}
	.medium select      {   width:207px;    }
	
	.short .text		{	width:100px;	}
	
.rating .field textarea	    {	width:410px;	} /* Default */
	
/* Errors */

.error-message {
	position: absolute;
	display: none;
	background: #c82830;
	top: -43px;
	left: -10px;
	width: auto;
	padding: 10px;
	
	font-size: .75em;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,.1);
	white-space: nowrap;
	
	-moz-border-radius: 5px;
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,.1);
	}
	
	.error-message .pointer {
		position: absolute;
		bottom: -8px;
		left: 12px;
		
		width: 10px;
		height: 8px;
		background: url(error-message.pointer.gif) no-repeat 0 0;
		}
	
.error-marker {
	background: url(error-marker.gif) no-repeat right 0;
	width: 15px;
	height: 13px;
	display: block;
	float: left;
	margin: 0 3px 0 0;
	position: relative;
	top: 3px;
	cursor: pointer;
	}

.field-error .text,
.field-error select,
.field-error textarea
 {
	background: #fef7f8;
	border-color: #c82830;
	}
	
.file-upload { margin:0px 0px 9px 0px; }
.file-upload div{
    background: #f6f6f6;
    margin: 1em 0 0;
    border-top: solid 1px #b8b8b8;
    border-left: solid 1px #b8b8b8;
    border-bottom: solid 1px #fff;
    border-right: solid 1px #fff;
    padding: 15px;
    min-height: 1px;
} * html .file-upload div{ height: 1px; }

.file-upload div img{
    margin: 0 auto;
    display: block; 
    -moz-box-shadow: 0 0px 5px #b8b8b8;
    -webkit-box-shadow: 0 0px 5px #b8b8b8;
    box-shadow: 0 0px 5px #b8b8b8;
    background: #fff;
    padding: 4px;
}

.file-upload a{
    display: block;
    margin: 10px 0 0;
    float: left;
    padding: 5px 10px;
    width: auto;    
    background: #cc2222;
    color: #fff;
    text-shadow: 0 -1px 0 #760000;
    line-height: 1.4em;
    font-size: .86em;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border-bottom: solid 1px #b8b8b8;
}


/* buttons */

.btn-cancel{
    width: 80px;
    height: 30px;
    background-position: -5px -300px;
    padding: 0;
    margin: 0;
    float: left;
} .btn-cancel:hover{ background-position: -95px -300px; }

.btn-register_now{
    width: 130px;
    height: 30px;
    background-position: -5px -200px;
    padding: 0;
    float: right;
    margin: 0;
} .btn-register_now:hover{ background-position: -145px -200px; }

.btn-send{
   width: 80px;
    height: 30px;
    background-position: -5px -500px;
    padding: 0;
    float: right;
    margin: 0; 
} .btn-send:hover{ background-position: -95px -500px; }

.btn-submit_this_recipe{
   width: 180px;
    height: 30px;
    background-position: -5px -650px;
    padding: 0;
    float: right;
    margin: 0; 
} .btn-submit_this_recipe:hover{ background-position: -195px -650px; }


.btn-submit{
   width: 85px;
    height: 30px;
    background-position: -5px -690px;
    padding: 0;
    float: right;
    margin: 0; 
} .btn-submit:hover{ background-position: -100px -690px; }