/* 
    Document   : input
    Created on : 05.02.2013, 08:28:49
    Author     : Bastian.Clemens
    Description:
        Purpose of the stylesheet follows.
*/

.emptyRequired {
    background-color: #B40431;
    color:#FFFFFF;
}
.emptyRequiredLabel {
    background-color: #B40431;
    padding:0px 2px;
}



/************************************************/

input[type="text"],input[type="password"],textarea,select {
    border-radius: 3px;
    border:1px solid #3f4c6b;
    padding-left:4px;
}

input[type="text"]:focus,input[type="password"]:focus,textarea:focus,select:focus {
    background: #7abcff; /* Old browsers */
    background: -moz-linear-gradient(top,  #7abcff 0%, #60abf8 44%, #4096ee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #7abcff 0%,#60abf8 44%,#4096ee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */

}
/************************************************/

input[type="submit"], .negative , .positive ,.regular ,.edit{
    font-family: Verdana, Tahoma, Arial;
    font-size: 13px;
    font-weight: lighter;
    display:block;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    text-decoration:none;
    color:#FFFFFF;
    cursor:pointer;
    padding:6px 30px;
    text-align: center;
    border-radius: 5px;
}


.regular {
    background: #258dc8; /* Old browsers */
    background: -moz-linear-gradient(top,  #258dc8 0%, #258dc8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#258dc8), color-stop(100%,#258dc8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #258dc8 0%,#258dc8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #258dc8 0%,#258dc8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #258dc8 0%,#258dc8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #258dc8 0%,#258dc8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258dc8', endColorstr='#258dc8',GradientType=0 ); /* IE6-9 */
}

.regular:hover {
    background: #3f4c6b; /* Old browsers */
    background: -moz-linear-gradient(top,  #3f4c6b 0%, #3f4c6b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f4c6b), color-stop(100%,#3f4c6b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3f4c6b 0%,#3f4c6b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3f4c6b 0%,#3f4c6b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3f4c6b 0%,#3f4c6b 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #3f4c6b 0%,#3f4c6b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */
}

input[type="submit"]:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
input[type="submit"]:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

.edit {
    background: #ffa84c; /* Old browsers */
background: -moz-linear-gradient(top,  #ffa84c 0%, #ff7b0d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa84c), color-stop(100%,#ff7b0d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffa84c 0%,#ff7b0d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */

}

.edit:hover {
    background: #f27d00; /* Old browsers */
background: -moz-linear-gradient(top,  #f27d00 0%, #c45800 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f27d00), color-stop(100%,#c45800)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f27d00 0%,#c45800 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f27d00 0%,#c45800 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f27d00 0%,#c45800 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f27d00 0%,#c45800 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f27d00', endColorstr='#c45800',GradientType=0 ); /* IE6-9 */

}

input[type="submit"].positive, .positive{
    color:#FFFFFF;
    background: #9dba3d; /* Old browsers */
    background: -moz-linear-gradient(top,  #9dba3d 0%, #6aba35 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dba3d), color-stop(100%,#6aba35)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #9dba3d 0%,#6aba35 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #9dba3d 0%,#6aba35 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #9dba3d 0%,#6aba35 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #9dba3d 0%,#6aba35 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dba3d', endColorstr='#6aba35',GradientType=0 ); /* IE6-9 */
}

input[type="submit"].positive:hover, .positive:hover{
    color:#FFFFFF;
    background: #006e2e; /* Old browsers */
    background: -moz-linear-gradient(top,  #006e2e 0%, #006e2e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006e2e), color-stop(100%,#006e2e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #006e2e 0%,#006e2e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #006e2e 0%,#006e2e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #006e2e 0%,#006e2e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #006e2e 0%,#006e2e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006e2e', endColorstr='#006e2e',GradientType=0 ); /* IE6-9 */
}


input[type="submit"].negative, .negative{
    color:#FFFFFF;
    background: #a90329; /* Old browsers */
    background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
}

input[type="submit"].negative:hover, .negative:hover {
    color:#FFFFFF;
    background: #bc0306; /* Old browsers */
    background: -moz-linear-gradient(top,  #bc0306 0%, #a50002 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bc0306), color-stop(100%,#a50002)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #bc0306 0%,#a50002 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #bc0306 0%,#a50002 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #bc0306 0%,#a50002 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #bc0306 0%,#a50002 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc0306', endColorstr='#a50002',GradientType=0 ); /* IE6-9 */
}

input:focus, input:active,.negative:focus,.positive:active,.negative:focus,.positive:active {
    -webkit-box-shadow: 0px 0px 2px 2px #EEEEEE;
    box-shadow: 0px 0px 2px 2px #EEEEEE; 
}

input:hover,.negative:hover,.positive:hover {
    -webkit-box-shadow: 0px 0px 2px 2px #C8C8C8;
    box-shadow: 0px 0px 2px 2px #C8C8C8; 
}
