#notifier-box {
	position: fixed;
	bottom: 10px;
	right: 20px;
	z-index: 100;
}

div.message-box {
	background: #111;
	background: rgba(0, 0, 0, .8);
	
	margin: 0 0 10px 0;
	padding: 10px;
	width: 300px;
	
	color: #888; font-size: 13px; font-family: 'PT Sans Narrow', Ubuntu, Tahoma, Arial, sans-serif;
		
	-webkit-box-shadow: 0 0 10px #999;
	-moz-box-shadow: 0 0 10px #999;
	-o-box-shadow: 0 0 10px #999;
	box-shadow: 0 0 10px #999;
	
	-webkit-text-shadow: 0 1px 0 #000;
	-moz-text-shadow: 0 1px 0 #000;
	-o-text-shadow: 0 1px 0 #000;
	text-shadow: 0 1px 0 #000;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;	
}
div.message-box a {
	font-color: white;
	color: white;
}


div.message-box a.callback-btn {
	display: block;

	width: 220px;
	height: 59px;
	background: url(/images/tpl/callback.green.png) no-repeat;
	
}

div.message-box a.callback-btn:hover {
	background-position: 0 -59px;
}
div.message-box a.callback-btn:active {
	background-position: 0 -118px;
}



div.message-box:hover {
	background: #111;
	background: rgba(0, 0, 0, .9);
}

div.message-box div.message-header {
	color: white; font-size: 14px; font-family: 'PT Sans Narrow', Ubuntu, Tahoma, Arial, sans-serif;
	margin: 0 0 10px 0;
}

div.message-box a.message-close {
	background: #000 url('/upload/images/message-close.png') center no-repeat;
	width: 15px; height: 15px;
	display: block; float: right;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	
	-webkit-opacity: .2;
	-moz-opacity: .2;
	-o-opacity: .2;
	opacity: .2;
}

div.message-box:hover a.message-close {
	-webkit-opacity: .5;
	-moz-opacity: .5;
	-o-opacity: .5;
	opacity: .5;
}

div.message-box a.message-close:hover {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-o-opacity: 1;
	opacity: 1;
}

div.message-box div.message-body {
	overflow: hidden;
		cursor:pointer;
}

div.message-box div.message-body div.thumb {
	width: 48px;
	height: 48px;
	margin: 0 10px 0 0;
	float: left;

	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}

div.message-box div.message-body div.thumb img {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius:2px;
	border-radius: 2px;
}



div.custom-input { 
	padding: 3px; 
	background: #deefee; 
	border-radius: 2px; 
	-o-border-radius: 2px; 
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	display: inline-block;
}

div.custom-input input { 
	border: 1px solid #bcdedc; 
	outline: 0; 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.01, #fefefe), color-stop(0.05, #eaf4f4), color-stop(0.5, #fff));
	background: -moz-linear-gradient(top, #fefefe 1%, #f8f0f5 4%, #fff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaf4f4', endColorstr='#ffffff');
	padding: 5px 8px; 
	color: #9a9a9a; 
	font-size: 12px; 
	font-family: tahoma; 
	margin: 0; 
	display: block 
}

div.custom-input input:focus { 
	background: #ffffe0; 
}

div.custom-input input::-webkit-input-placeholder { 
	color: #aaa;
}

div.custom-input input:-moz-placeholder {  
	color: #aaa;
}

div.custom-input-invalid { 
	background: #e8cdde;
}

div.custom-input-invalid input { 
	border-color: #ddb6ce; 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.01, #fefefe), color-stop(0.05, #f8f0f5), color-stop(0.5, #fff));
	background: -moz-linear-gradient(top, #fefefe 1%, #f8f0f5 4%, #fff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f0f5', endColorstr='#ffffff');
	color: #c00; 
}

div.custom-input-valid { 
	background: #e2efd6;
}

div.custom-input-valid input { 
	border-color: #b7d899; 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.01, #fefefe), color-stop(0.05, #ebf4e3), color-stop(0.5, #fff)); 
	background: -moz-linear-gradient(top, #fefefe 1%, #ebf4e3 4%, #fff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebf4e3', endColorstr='#ffffff');
	color: #6a9c3c;
}



.button {
	padding: 5px 15px 4px;
	margin: 0 3px;
	border: 0;
	font-size: 12px;
	font-family: Ubuntu, Tahoma, Arial;
	color: #fff;
	display: block-inline;
	float: left;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.button:active {
	-webkit-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, .3);
	-moz-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, .3);
	box-shadow: inset 0px 0px 10px rgba(0, 0, 0, .3);

	opacity: 1;
	margin: 1px 3px -1px;
}

.button:hover {
	opacity: .9;
	cursor: pointer;
}

.button-green {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0eb852), color-stop(1, #1f9034));
	background: -webkit-linear-gradient(top, #0eb852, #1f9034);
	background: -moz-linear-gradient(top, #0eb852, #1f9034);
	background: -o-linear-gradient(top, #0eb852, #1f9034);
	background: -ms-linear-gradient(top, #0eb852, #1f9034 );
	background: linear-gradient(top, #0eb852, #1f9034);

	-webkit-box-shadow: 0px 1px 0px #166624;
	-moz-box-shadow: 0px 1px 0px #166624;
	box-shadow: 0px 1px 0px #166624;

	text-shadow: 0px 1px 0px #104a1a;
}

.button-blue {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #56b4d0), color-stop(1, #1c94c4));
	background: -webkit-linear-gradient(top, #56b4d0, #1c94c4);
	background: -moz-linear-gradient(top, #56b4d0, #1c94c4);
	background: -o-linear-gradient(top, #56b4d0, #1c94c4);
	background: -ms-linear-gradient(top, #56b4d0, #1c94c4 );
	background: linear-gradient(top, #56b4d0, #1c94c4);

	-webkit-box-shadow: 0px 1px 0px #115c7a;
	-moz-box-shadow: 0px 1px 0px #115c7a;
	box-shadow: 0px 1px 0px #115c7a;

	text-shadow: 0px 1px 0px #115c7a;
}

.button-red {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d5746b), color-stop(1, #cd5b51));
	background: -webkit-linear-gradient(top, #d5746b, #cd5b51);
	background: -moz-linear-gradient(top, #d5746b, #cd5b51);
	background: -o-linear-gradient(top, #d5746b, #cd5b51);
	background: -ms-linear-gradient(top, #d5746b, #cd5b51 );
	background: linear-gradient(top, #d5746b, #cd5b51);

	-webkit-box-shadow: 0px 1px 0px #8f3129;
	-moz-box-shadow: 0px 1px 0px #8f3129;
	box-shadow: 0px 1px 0px #8f3129;

	text-shadow: 0px 1px 0px #8f3129;
}

.button-violet {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #a56eeb), color-stop(1, #9350e7));
	background: -webkit-linear-gradient(top, #a56eeb, #9350e7);
	background: -moz-linear-gradient(top, #a56eeb, #9350e7);
	background: -o-linear-gradient(top, #a56eeb, #9350e7);
	background: -ms-linear-gradient(top, #a56eeb, #9350e7 );
	background: linear-gradient(top, #a56eeb, #9350e7);

	-webkit-box-shadow: 0px 1px 0px #671bc8;
	-moz-box-shadow: 0px 1px 0px #671bc8;
	box-shadow: 0px 1px 0px #671bc8;

	text-shadow: 0px 1px 0px #671bc8;
}

.button-brown {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8d6850), color-stop(1, #775844));
	background: -webkit-linear-gradient(top, #8d6850, #775844);
	background: -moz-linear-gradient(top, #8d6850, #775844);
	background: -o-linear-gradient(top, #8d6850, #775844);
	background: -ms-linear-gradient(top, #8d6850, #775844 );
	background: linear-gradient(top, #8d6850, #775844);

	-webkit-box-shadow: 0px 1px 0px #413025;
	-moz-box-shadow: 0px 1px 0px #413025;
	box-shadow: 0px 1px 0px #413025;

	text-shadow: 0px 1px 0px #413025;
}

.button-dark {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #393939), color-stop(1, #303030));
	background: -webkit-linear-gradient(top, #393939, #303030);
	background: -moz-linear-gradient(top, #393939, #303030);
	background: -o-linear-gradient(top, #393939, #303030);
	background: -ms-linear-gradient(top, #393939, #303030 );
	background: linear-gradient(top, #393939, #303030);

	-webkit-box-shadow: 0px 1px 0px #000;
	-moz-box-shadow: 0px 1px 0px #000;
	box-shadow: 0px 1px 0px #000;

	text-shadow: 0px 1px 0px #000;
}

.button-gray {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #999), color-stop(1, #888));
	background: -webkit-linear-gradient(top, #999, #888);
	background: -moz-linear-gradient(top, #999, #888);
	background: -o-linear-gradient(top, #999, #888);
	background: -ms-linear-gradient(top, #999, #888 );
	background: linear-gradient(top, #999, #888);

	-webkit-box-shadow: 0px 1px 0px #666;
	-moz-box-shadow: 0px 1px 0px #666;
	box-shadow: 0px 1px 0px #666;

	text-shadow: 0px 1px 0px #666;
}