/* 
    Document   : Contact Form Style
    Version    : 2.0
    Created on : 27.Oca.2012, 13:23:13
    Author     : Selen GORA <goraselen@gmail.com - selen@ulker.net.tr>
    Web        : selengora.com

*/

#contactForm{
    width:100%;  
    font-size:11px; 
}
.section{width:400px;} /*line2 yazan yere*/
.variableField{width:140px; height:20px; float:left;}
.punctuationMark{width:5px; height:20px; float:left; background:transparent; text-align:center; margin:0 5px;}
.input{width:220px; float:left; margin-bottom:10px;}
.break{width:1px; height:20px;margin:0 5px; float:left;}
.radio>input{background:transparent !important; border:none !important;}
.textarea{width:200px; height:35px; background: transparent; margin-top:10px; border:1px dotted #666;}
.button{padding:2px; cursor:pointer;}
.textField{width:150px; height:20px; }
#buttons-captcha{width:150px; margin:10px auto 0 auto;}
/*selectors*/
select{background: #eaeaea; border:1px solid #fff;}
input, textarea{ 
    border:1px solid #ccc;
    background:url(../images/input-bg.jpg) repeat-x;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
textarea{ 
    background:#eaeaea;
}
input:focus{
    border:1px solid #D80066;
    -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 1);
    -moz-box-shadow:    0px 0px 5px rgba(50, 50, 50, 1);
    box-shadow:         0px 0px 5px rgba(50, 50, 50, 1);}
input, select{
    height:20px;
    margin-bottom: 5px;
}
select{
    width:155px;
}
.notice{
    border:1px solid gold;
    background:lightyellow url(../images/minus_alt_24x24.png) no-repeat 10px center;
    padding:10px 20px 10px 40px;
    margin:10px 0;
}
.notice.warning{}/*default*/
.notice.error{border:1px solid red;background:pink url(../images/x_alt_24x24.png) no-repeat 10px center;}
.notice.success{border:1px solid green;background:lightgreen url(../images/check_24x20.png) no-repeat 10px center;}
.contact-form-notice{font-size:12px; margin-top:0}
/*tipsy*/
.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; margin-left: 5px; }
.tipsy-inner { background-color: #ccc; color: #D80066; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }

/* Rounded corners */
.tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

/* Uncomment for shadow */
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/

.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }

/* Rules to colour arrows */
.tipsy-arrow-n { border-bottom-color: #ccc; }
.tipsy-arrow-s { border-top-color: #ccc; }
.tipsy-arrow-e { border-left-color: #ccc; }
.tipsy-arrow-w { border-right-color: #ccc; }

.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }


