/* 
    Document   : Contact Form Style
    Version    : 2.1
    Created on : 14.Mar.2012, 09:23:05
    Author     : Selen GORA <goraselen@gmail.com - selen@ulker.net.tr>
    Web        : selengora.com
    Source     : http://formalize.me/
    Notes      : Based on 960px formgrid System

*/
#contactform{margin-left:10px;}
.form_12 h2{
display: block;
font-size: 1.5em;
-webkit-margin-before: 0.83em;
-webkit-margin-after: 0.83em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
border:none;
margin:0.5em 0 !important;
    background: none repeat scroll 0 0 #444444;
    padding: 0.3em 0.2em;
    color: #fff;
}
.form_12 h3{
border-bottom: 1px solid #CCC;
font-size: 1.3em;
margin:0.5em 0 !important;
color: #7A726B !important;
}
.clear:after {
    clear: both;
}
.clear:before, .clear:after {
    content: "";
    display: block;
}
/* =============================================================================
   Form Layout Style
   ========================================================================== */

/* Form formgrid >> Global (Based on 960px -content area 940px)
------------------------------------------------------------------------------*/
.form_12 {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
}
.formgrid_1,
.formgrid_2,
.formgrid_3,
.formgrid_4,
.formgrid_5,
.formgrid_6,
.formgrid_7,
.formgrid_8,
.formgrid_9,
.formgrid_10,
.formgrid_11,
.formgrid_12 {
    display:inline;
    float: left;
    position: relative;
/*   margin-left:10px;*/
    margin-right: 10px;
}

/* Form formgrid >> Children (Alpha ~ First, Omega ~ Last)
-------------------------------------------------------------------------------*/
.alpha {margin-left: 0;}
.omega {margin-right: 0;}

/* Form formgrid >> 12 Columns (Based on 960px -content area 940px)
----------------------------------------------------------------------------------------------------*/

.form_12 .formgrid_1 {width:60px; margin-bottom:10px;}
.form_12 .formgrid_2 {width:140px; margin-bottom:10px;}
.form_12 .formgrid_3 {width:220px; margin-bottom:10px;}
.form_12 .formgrid_4 {width:300px; margin-bottom:10px;}
.form_12 .formgrid_5 {width:380px; margin-bottom:10px;}
.form_12 .formgrid_6 {width:460px; margin-bottom:10px;}
.form_12 .formgrid_7 {width:540px; margin-bottom:10px;}
.form_12 .formgrid_8 {width:620px; margin-bottom:10px;}
.form_12 .formgrid_9 {width:700px; margin-bottom:10px;}
.form_12 .formgrid_10 {width:780px; margin-bottom:10px;}
.form_12 .formgrid_11 {width:860px; margin-bottom:10px;}
.form_12 .formgrid_12 {width:915px; margin-bottom:10px;}

.form_12 .formgrid_6s {width:445px !important;}
.form_12 .formgrid_3 {width:210px !important;}

/*=============================================================================
*        HELPER ELEMENTS
=============================================================================*/

.seperator{display:block; float:left; margin:0 8px;}
.seperator2{display:block; float:left; margin:0 3px;}
.info{background: url('../images/information.png') no-repeat ; padding-left:20px;}
.error{border:1px solid red;background:pink url(../images/x_alt_24x24.png) no-repeat 10px center; padding:5px 5px 5px 48px; width:875px;}
.success{border:1px solid green;background:lightgreen url(../images/check_24x20.png) no-repeat 10px center;  padding:5px 5px 5px 48px; width:875px;}
/*focus error*/
input[type='text'].invalid, input[type='number'].invalid, input[type='email'].invalid, input[type='url'].invalid, 
textarea.invalid, select.invalid {
    -webkit-box-shadow:red 0 0 5px 0;
    -moz-box-shadow:red 0 0 5px 0;
    -o-box-shadow:red 0 0 5px 0;
    box-shadow:red 0 0 5px 0;
    border:1px solid tomato !important;    
    z-index:1
}
/* =============================================================================
   Tipsy
   ========================================================================== */
.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; margin-left: 5px; }
.tipsy-inner { background-color: #000; color: #fff; 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: #000; }
.tipsy-arrow-s { border-top-color: #000; }
.tipsy-arrow-e { border-left-color: #000; }
.tipsy-arrow-w { border-right-color: #000; }

.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; }



/* =============================================================================
   Form Base
   ========================================================================== */
input[type="search"]::-webkit-search-decoration{display:none}
input:invalid,button:invalid,select:invalid,textarea:invalid{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none
}
input:focus,button:focus,select:focus,textarea:focus{
    -webkit-box-shadow:#66CC66 0 0 5px 0;
    -moz-box-shadow:#66CC66 0 0 5px 0;
    -o-box-shadow:#66CC66 0 0 5px 0;
    box-shadow:#66CC66 0 0 5px 0;
    z-index:1
}

input[type="file"]:focus,input[type="file"]:active,input[type="radio"]:focus,input[type="radio"]:active,input[type="checkbox"]:focus,input[type="checkbox"]:active{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none;
}

button,input[type="reset"],input[type="submit"],input[type="button"]{
    -webkit-appearance:none;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    -webkit-background-clip:padding;
    -moz-background-clip:padding;
    -ms-background-clip:padding-box;
    -o-background-clip:padding-box;
    background-clip:padding-box;
    background:#ddd url('../images/button.png?1298351022') repeat-x;
    background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
    background-image:-webkit-linear-gradient(#ffffff,#dddddd);
    background-image:-moz-linear-gradient(#ffffff,#dddddd);
    background-image:-o-linear-gradient(#ffffff,#dddddd);
    background-image:-ms-linear-gradient(#ffffff,#dddddd);
    background-image:linear-gradient(#ffffff,#dddddd);
    border:1px solid;border-color:#ddd #bbb #999;
    cursor:pointer;
    color:#333;
    font:bold 12px/1.3 "Helvetica Neue",Arial,"Liberation Sans",FreeSans,sans-serif;outline:0;overflow:visible;
    margin:0;
    padding:3px 10px;
    text-shadow:#fff 0 1px 1px;
    vertical-align:top;
    width:auto;
    *padding-top:2px;
    *padding-bottom:0
}
button:hover,input[type="reset"]:hover,input[type="submit"]:hover,input[type="button"]:hover{
    background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(1px, #eeeeee), color-stop(100%, #cccccc));
    background-image:-webkit-linear-gradient(#ffffff,#eeeeee 1px,#cccccc);background-image:-moz-linear-gradient(#ffffff,#eeeeee 1px,#cccccc);
    background-image:-o-linear-gradient(#ffffff,#eeeeee 1px,#cccccc);background-image:-ms-linear-gradient(#ffffff,#eeeeee 1px,#cccccc);
    background-image:linear-gradient(#ffffff,#eeeeee 1px,#cccccc)
}
button:active,input[type="reset"]:active,input[type="submit"]:active,input[type="button"]:active{
    background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(1px, #dddddd), color-stop(100%, #eeeeee));
    background-image:-webkit-linear-gradient(#ffffff,#dddddd 1px,#eeeeee);background-image:-moz-linear-gradient(#ffffff,#dddddd 1px,#eeeeee);
    background-image:-o-linear-gradient(#ffffff,#dddddd 1px,#eeeeee);
    background-image:-ms-linear-gradient(#ffffff,#dddddd 1px,#eeeeee);
    background-image:linear-gradient(#ffffff,#dddddd 1px,#eeeeee);
    -webkit-box-shadow:inset rgba(0,0,0,0.25) 0 1px 2px 0;
    -moz-box-shadow:inset rgba(0,0,0,0.25) 0 1px 2px 0;
    -o-box-shadow:inset rgba(0,0,0,0.25) 0 1px 2px 0;
    box-shadow:inset rgba(0,0,0,0.25) 0 1px 2px 0;
    border-color:#999 #bbb #ddd}
button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner{
    border:0;padding:0
}
button{
    *padding-top:1px;
    *padding-bottom:1px
}
textarea,select,input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="email"],input[type="month"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="time"],input[type="url"],input[type="week"]{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-background-clip:padding;
    -moz-background-clip:padding;
    -ms-background-clip:padding-box;
    -o-background-clip:padding-box;
    background-clip:padding-box;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
    -webkit-appearance:none;
    background-color:#fff;
    border:1px solid;
    border-color:#848484 #c1c1c1 #e1e1e1;
    color:#000;
    outline:0;
    margin:0;
    padding:2px 3px;
    text-align:left;font-size:13px;
    font-family:Arial,"Liberation Sans",FreeSans,sans-serif;
    height:1.8em;
    vertical-align:top;
    *padding-top:2px;
    *padding-bottom:1px;
    *height:auto
}
textarea[disabled],select[disabled],input[type="date"][disabled],input[type="datetime"][disabled],input[type="datetime-local"][disabled],input[type="email"][disabled],input[type="month"][disabled],input[type="number"][disabled],input[type="password"][disabled],input[type="search"][disabled],input[type="tel"][disabled],input[type="text"][disabled],input[type="time"][disabled],input[type="url"][disabled],input[type="week"][disabled]{
    background-color:#eee
}
button[disabled],input[disabled],select[disabled],select[disabled] option,select[disabled] optgroup,textarea[disabled]{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none;
    -moz-user-select:-moz-none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    user-select:none;
    color:#888;
    cursor:default
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#888}
input:-moz-placeholder,textarea:-moz-placeholder{color:#888}
input.placeholder_text,textarea.placeholder_text{color:#888}
textarea,select[size],select[multiple]{height:auto}
select[size="0"],select[size="1"]{
    height:1.8em;*height:auto
}
@media (-webkit-min-device-pixel-ratio: 0){
    select[size],select[multiple],select[multiple][size]{
        background-image:none;
        padding-right:3px
    }
    select,select[size="0"],select[size="1"]{
        background-image:url('../images/select_arrow.gif');
        background-repeat:no-repeat;
        background-position:right center;
        padding-right:20px
    }
    ::-webkit-validation-bubble-message{
        -webkit-box-shadow:none;
        box-shadow:none;
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #000));
        border:1px solid;
        border-color:#747474 #5e5e5e #4f4f4f;
        color:#fff;
        font:13px/17px "Lucida Grande",Arial,"Liberation Sans",FreeSans,sans-serif;
        overflow:hidden;
        padding:15px 15px 17px;
        text-shadow:#000 0 0 1px;
        height:16px
    }
    ::-webkit-validation-bubble-arrow,::-webkit-validation-bubble-top-outer-arrow,::-webkit-validation-bubble-top-inner-arrow{
        -webkit-box-shadow:none;
        box-shadow:none;
        background:#666;
        border:0
    }
}
text{
    min-height:40px;
    overflow:auto;
    resize:vertical;
    width:100%
}
optgroup{
    color:#000;
    font-style:normal;
    font-weight:normal;
    font-family:Arial,"Liberation Sans",FreeSans,sans-serif
}
optgroup::-moz-focus-inner{
    border:0;
    padding:0
}
.ie6_button,* html button{
    background:#ddd url('../images/button.png?1298351022') repeat-x;
    border:1px solid;
    border-color:#ddd #bbb #999;
    cursor:pointer;
    color:#333;
    font:bold 12px/1.2 Arial,sans-serif;
    padding:2px 10px 0px;
    overflow:visible;
    width:auto
}
* html button{
    padding-top:1px;
    padding-bottom:1px
}
.ie6_input,* html textarea,* html select{
    background:#fff;
    border:1px solid;
    border-color:#848484 #c1c1c1 #e1e1e1;
    color:#000;
    padding:2px 3px 1px;
    font-size:13px;
    font-family:Arial,sans-serif;
    vertical-align:top
}
* html select{margin-top:1px}
.placeholder_text,.ie6_input_disabled,.ie6_button_disabled{color:#888}
.ie6_input_disabled{background:#eee}

.clear:after {
    clear: both;
}

.clear:before, .clear:after {
    content: "";
    display: block;
}
.clear:before, .clear:after {
    content: "";
    display: block;
}
.container_12 {
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.4;
    text-decoration: none;
    text-transform: none;
    word-spacing: 0;
}