﻿div.contact-form							{}
div.contact-form p							{padding:0; margin:15px 0 2px 0; color:#222;}
div.contact-form p.desc						{padding:0; margin:1px 0 4px 0; font-style:italic; /*font-size:95%;*/}
div.contact-form p .manditory				{color:#f00; font-weight:bold; font-size:13px;}

div.contact-form input, 
div.contact-form textarea, 
div.contact-form select						{color:#111; font:normal 12px Arial, Verdana, Sans-Serif; padding:4px 3px; margin:0;}

div.contact-form input, 
div.contact-form textarea					{/*background:#fafafa url(/gfx/webbedit/contact-tbx.gif) top left no-repeat;*/ background-color:#fefefe; border:1px solid #c8c8c8; outline-style:none; outline-width:0pt;}

div.contact-form input:focus, 
div.contact-form textarea:focus				{/*background:#fafafa url(/gfx/webbedit/contact-tbx-on.gif) top left no-repeat;*/ background-color:#fafafa; border:1px solid #aaa;}

div.contact-form input[type='text']			{width:250px; -webkit-appearance:none;}
div.contact-form input[type='file']			{width:260px; padding:2px;}
div.contact-form input[type='radio'], 
div.contact-form input[type='checkbox']		{padding:2px;}

div.contact-form input.validationerror, 
div.contact-form textarea.validationerror, 
div.contact-form select.validationerror     {/*background:#fdefef url(/gfx/webbedit/contact-tbx-error.gif) top left no-repeat;*/ background-color:#fdefef; border:1px solid #dfc5c5; padding:4px 3px; color:#c14949;}
div.contact-form .validationerror			{background-color:#fdefef; border:1px solid #dfc5c5; padding:2px; color:#c14949;}

div.contact-form label						{padding:0 0 0 4px; margin:0; line-height:14px;}
div.contact-form textarea					{width:350px; -webkit-appearance: none;}

div.contact-form input[type='submit']		{margin-top:15px; padding:4px 16px; border:1px solid #ccc; border-bottom:1px solid #bbb; background-color:#eee; background-image:none; color:#333; font-weight:normal; cursor:pointer; border-radius:3px; -moz-border-radius:3px; -webkit-appearance: none;}
div.contact-form input[type='submit']:active{background-color:#ddd;}

div.contact-form .errorlist					{background-color:#fdefef; border:1px solid #dfc5c5; color:#c14949 !important; padding:10px; margin:10px 0 0 0; font-weight:bold;}
div.contact-form .errorlist ul				{color:#c14949 !important;}
div.contact-form .errorlist ul li			{color:#c14949 !important; font-weight:normal !important;}

div.contact-form .okmessage					{padding:10px; margin:10px 0 0 0; background-color:#f0fdef; border:1px solid #bdbdbd; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; color:#95c149 !important; padding:10px; margin:10px 0 0 0; font-weight:bold;}
div.contact-form .okmessage ul				{color:#95c149 !important;}
div.contact-form .okmessage ul li			{color:#95c149 !important; font-weight:normal !important;}

@media only screen and (max-width: 480px)
{
    div.contact-form input[type='text']			{width:-moz-calc(80% - 2px)!important; width:-webkit-calc(80% - 2px)!important; width:calc(80% - 2px)!important;}
    div.contact-form textarea					{width:-moz-calc(95% - 2px)!important; width:-webkit-calc(95% - 2px)!important; width:calc(95% - 2px)!important;}
    div.contact-form .errorlist                 {width:-moz-calc(80% - 2px)!important; width:-webkit-calc(80% - 2px)!important; width:calc(80% - 2px)!important;}
}