/**********************************

Use: Error and success etc messages css

***********************************/
/** You can use this style for your INPUT, TEXTAREA, SELECT elements **/
#form-area {
	margin:auto;
	width:500px;
	margin-top:30px;
}


#form-area
{
    font-family: Arial, Sans-Serif;
    font-size: 13px;
}

#form-area input[type="text"], #form-area input[type="password"], #form-area textarea
{
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    margin-top: 9px;
    display: block;
    padding: 3px;
    border: solid 1px #fff;
	width:280px;
	background-color:#fdfdfd;
    background-image: url(../images/f.png);
    background-repeat: repeat-x;
    background-position: top;
} 

#form-area input[name="captcha"]
{
    margin-top: 1px;
    padding: 3px;
} 

#captchaimage
{
    margin-top: 6px;
    padding: 3px;
	margin-left:121px;
} 

#form-area input[type="file"]
{
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    margin-top: 9px;
    padding: 3px;
	color:#999;
} 

#form-area select
{
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    margin-top: 9px;
    display: block;
    padding: 3px;
	width:290px;
} 

#form-area textarea
{
    background: url(../images/textarea.png) #fdfdfd repeat-x top left;
} 

#form-area input[type="submit"]
{
	border:0;
	color:#FFF;
	font-weight:bold;
	background: url(../images/button.gif) no-repeat top center;
	width:166px;
	height:34px;
	padding:0;
	padding-bottom:4px;
	margin-left:160px;
}

#linkform label { margin-right:10px; display: block; float: left; width: 115px; text-align: right; margin-top: 9px; }
#linkform label[for="category"], #linkform label[for="type"] { margin-top: 12px; }
#linkform label[for="thumb"] { margin-top: 3px; width: 115px; }
#linkform label[for="captcha"] { margin-top: 4px; }
#linkform label.pagal { margin-top: 3px;}
#linkform label.error { color:red; display: block; float:none; width:auto; font-size:11px; text-align:left; margin-left:120px;}
#linkform input { }

#criteria {
	margin-top:25px;
}

/**************************************/
/*              MESSAGES              */
/**************************************/
.Error-top-hold { /* To be used as an addition to message */
width:875px; height:40px; margin:auto; margin-top:5px; margin-bottom:10px;	
}

.message {
	position:relative;
	color:#3d3333;
	font-size:1.2em;
	padding:10px 10px 0px 50px;
	height:100%;
}

.message a {
	color:#09F;
}

.message {
	margin:0 0 10px 0;
}
.message h6 {
	font-size:1em;line-height:1;
	margin:0;
}
.message p {
	margin:0;
	margin-bottom:10px;
	font-size:12px;
}
.message-error .inner {
	margin-top:105px;
}
.message-error {
	border:#d99d9d 1px solid;
	background:url(../images/error.png) no-repeat left center #FFE5E5;
}
.message-success {
	border:#9bdea8 1px solid;
	background:url(../images/success.png) no-repeat left center #E9FFE5;
}
.message-notice {
	border:#e8e657 1px solid;
	background:url(../images/notice.png) no-repeat left center #fffee5;
}


div.modalPopupTransparent {
	z-index:100;
    filter: alpha(opacity=75);
    -moz-opacity: .75;
    background: #000;
    position: absolute;
    top: 0px;
    left: 0px;
	width:100%;
	height:100%;
}
