﻿/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
    text-align:top;
    font-size: 10px;
	
}

.field-validation-valid
{
	color: #ff0000;
	text-align: right;
	font-weight: bold;
	padding: 0px 0px;
	font-size: 13px;
	float: right;
	position: relative;
	margin: 0px 4px;
}

.input-validation-error
{
    border: 1px solid #aaa;
    background-color: #ffeeee;
    
    -webkit-animation-name: errorFade;
-webkit-animation-duration: 3s;
-webkit-animation-iteration-count: once;
    
}

@-webkit-keyframes errorFade {
from { border-color: #ff0000; }
50% { border-color: #DF8F90; }
to { border-color: #aaa; }
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;

}

.validation-summary-valid
{
    display: none;
}

.iqNotify {
	font-family: arial, helvetica, sans-serif;
	margin: 10px 0;
	padding: 10px;
	padding-left: 35px;
	background: #fff;
	border: 1px solid #ccc;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	position: relative;
	 width: 86% !important;
	}
	
	.iqNotify ul, .iqNotify li
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	.iqNotify li { margin-bottom: 6px; }
	.iqNotify li:last-child { margin-bottom: 0; }
	
	.iqNotify .close {
		position: absolute;
		top: 5px;
		right: 5px;
		width: 5px;
		height: 5px;
		text-indent: -999em;
		display: block;
		background: url('../img/close-5.png') no-repeat center center;
		}
	
	.iqNotify.attention {
		background: url('../img/attention-16.png') no-repeat 10px center #fffbcc;
		border-color: #e5db58;
		color: #6d654e;
		}
		
	.iqNotify.information {
		background: url('../img/info-16.png') no-repeat 10px center #dce3ff;
		border-color: #a1b5ea;
		color: #595d68;
		float: none;
        width: auto;
        margin: 0px auto;
        position: relative;
		}
		
	.iqNotify.success {
		background: url('../img/tick-16.png') no-repeat 10px center #d5ffcf;
		border-color: #98e08e;
		color: #536a50;
		}
		
	.iqNotify.error {
		background: url('../img/error-16.png') no-repeat 10px center #ffcdd0;
		border-color: #df8f90;
		color: #69524c;
		}
		
	.iqNotify.noIcon 
	{
	background-image: none;
    padding: 5px 0px;
    margin: 0px;
    margin-bottom: 17px;
	}


	.field-validation-error {float: right;margin-top: 2px;position: relative;margin: -6px -8px;}
	.captchaTools { margin-top: 10px !important; }
	.btn-google.gidBtn > span, .btn-facebook.gidBtn > span  { height: 24px !important; padding-top: 14px !important;}
	@media only screen and (min-width : 320px) and (max-width : 700px) {
	.field-validation-error {
    margin: 0px;
    text-align: left;
    float: left;
	}
	span.field-validation-error span {
    margin-top: -8px;
    float: left;
    line-height: 14px;
	}
	}
	@media only screen and (min-width : 320px) and (max-width : 750px) {
	/*.field-validation-error {font-size: 9px;float: left;margin-top: -21px;margin-left: -5px;}*/
	.captchaTools { margin-top: 7px !important; margin-left: 12px;}
	.btn-google.gidBtn > span, .btn-facebook.gidBtn > span  { height: 24px !important; padding-top: 14px !important;}
	}

	@media only screen and (min-width: 320px) and (max-width: 450px) { 
	.captchaTools {margin-left: 0px;}
	}

	@media only screen and (max-width: 1100px) and (min-width: 700px) {
	.gidForm.register .fieldCaptcha { float: right;}
	.livelink .field-validation-error {  float: right; }
	.field-validation-error {float: left;margin-top: 2px;position: relative;margin: -3px 0px;line-height:20px}
	.field-validation-valid {
    color: #FF0000;
    float: right;
    font-weight: bold;
    margin-top: -44px !important;
    padding-left: 0px;
    /*margin: 0px 22px;*/
    }
	.register .field-validation-valid {
	margin: 0px 22px;
	}
	}
		
		
