/********************
    - Preloader -
********************/
.preloader {
	float:left;
	padding:4px 5px;	
}

/******************
    - Captcha -
******************/
div.captcha {
	width:100%;
	clear:both;
	display:inline-block;
	padding:5px;
	
}

div.captcha img {
	display:block;
	float:left;
	margin-top:-20px;
}

div.captcha img.captcha-img {
	border:1px solid #CCC;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
}

div.captcha img.change-captcha {
	margin-top:5px;
	margin-left:5px;
}

img.change-captcha {
	cursor:pointer;	
}

input.captcha[type=text] {
	width:235px;
	margin-top:-10px;
}

/************************
    - Notifications -
************************/
.notification {
	display:none;
	clear:both;
	margin-bottom:15px;	
	padding:10px 40px 10px 10px;
	min-height:20px; 
	font-family:yekan,Tahoma,sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:20px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	-moz-box-shadow:0 0 0 1px rgba(255,255,255,0.5) inset; 
	-webkit-box-shadow:0 0 0 1px rgba(255,255,255,0.5) inset; 
	-o-box-shadow:0 0 0 1px rgba(255,255,255,0.5) inset; 
	box-shadow:0 0 0 1px rgba(255,255,255,0.5) inset; 
}

/* Notification icon */
.icon {
	position:absolute;
	background-image:url(../images/icon/notification.png);
	background-repeat:no-repeat;
	display: block;
	height:15px;
	top:-20px;

}

/* Notification - Fail */
.fail {
	border:1px solid #dc4e4d;
	color:#b52525;
	background-color:#ec8282;	
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#fff),color-stop(100%,#fff)); 
	background-image:-webkit-linear-gradient(#fff,#fff); 
	background-image:-moz-linear-gradient(#fff,#fff); 
	background-image:-o-linear-gradient(#fff,#fff); 
	background-image:linear-gradient(#fff,#fff); 
	-moz-text-shadow:0px 1px rgba(255,255,255,0.2); 
	text-shadow:0px 1px rgba(255,255,255,0.2); 
}

.fail .icon {	
	width:13px; 	
	left:0px;
	background-position:0 0;	
}

/* Notification - Success */
.success {
	border:1px solid #accc5d;
	color:#70892b;
	background-color:#c8e185; 
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#d0e98e),color-stop(100%,#c1da7f)); 
	background-image:-webkit-linear-gradient(#d0e98e,#c1da7f); 
	background-image:-moz-linear-gradient(#d0e98e,#c1da7f); 
	background-image:-o-linear-gradient(#d0e98e,#c1da7f); 
	background-image:linear-gradient(#d0e98e,#c1da7f); 
	-moz-text-shadow:0px 1px rgba(255,255,255,0.3);
	text-shadow:0px 1px rgba(255,255,255,0.3);
}

.success .icon {	
	width:14px;
	right:20px;
	background-position:0 -15px;	
}

.success strong {
	color:#4c5d1e;
}

/* Notification close button */
.close-notification {
	position:absolute; 
	width:5px; 
	height:6px; 
	top:7px; 
	right:7px; 
	cursor:pointer;
	background-image:url(../images/icon/close.png);
	background-repeat:no-repeat;
}

.fail .close-notification {
	background-position:0 0;	
}

.success .close-notification {
	background-position:0 -6px;	
}
