.form input[type=text],
.form input[type=password],
.form select,
.form textarea {
    padding:.5em .6em;
    display:inline-block;
    border:1px solid #ccc;
    /*box-shadow:inset 0 1px 3px #ddd;*/
    border-radius:4px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.form input:not([type]){
    padding:.5em .6em;
    display:inline-block;
    border:1px solid #ccc;
    box-shadow:inset 0 1px 3px #ddd;
    border-radius:4px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.form input[type=text]:focus,
.form input[type=password]:focus,
.form select:focus,
.form textarea:focus {
    
    border-color:#129FEA
}
.form input:not([type]):focus {
    outline:0;
    outline:thin dotted \9;
    border-color:#129FEA
}
.form input[type=file]:focus,
.form input[type=radio]:focus,
.form input[type=checkbox]:focus {
    outline:thin dotted #333;
    outline:1px auto #129FEA
}
.form .checkbox,
.form .radio {
    margin:.5em 0;
    display:block
}
.form input[type=text][disabled],
.form input[type=password][disabled],
.form select[disabled],
.form textarea[disabled] {
    cursor:not-allowed;
    background-color:#eaeded;
    color:#cad2d3
}
.form input[disabled]:not([type]) {
    cursor:not-allowed;
    background-color:#eaeded;
    color:#cad2d3
}
.form input[readonly],
.form select[readonly],
.form textarea[readonly] {
    background:#eee;
    color:#777;
    border-color:#ccc
}
.form input:focus:invalid,
.form textarea:focus:invalid,
.form select:focus:invalid {
    color:#b94a48;
    border-color:#ee5f5b
}
.form input:focus:invalid:focus,
.form textarea:focus:invalid:focus,
.form select:focus:invalid:focus {
    border-color:#e9322d
}
.form input[type=file]:focus:invalid:focus,
.form input[type=radio]:focus:invalid:focus,
.form input[type=checkbox]:focus:invalid:focus {
    outline-color:#e9322d
}
.form select {
    border:1px solid #ccc;
    background-color:#fff;
    font-family: 'Trebuchet MS'
}
.form select[multiple] {
    height:auto
}
.form label {
    margin:.5em 0 .2em
}
.form fieldset { 
    margin:0;
    padding:.35em 0 .75em;
    border:0
}
.form legend {
    display:block;
    width:96%;
    padding:1em 1em .5em 1em;
    margin-bottom:.3em;
    color:#333;
    border-bottom:1px solid #e5e5e5;
    font-size:1.1em;
    font-weight:bold;
}
.form ul input,
.form ul textarea,
.form ul select {
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:middle
}
.form ul textarea {
    vertical-align:top
}
.form ul li, .form ul li ul li{
    margin-bottom:.5em;
}
    .form ul li ul li {
        padding-top: 0.5em;
    }
.form ul li label, .form ul li ul li label{
    text-align:right;
    display:inline-block;
    vertical-align:middle;
    width:11em;
    margin:0 1em 0 0;
    font-size:1em
}
.form ul li span.chkList label {
    text-align:left;
    padding-left:3px;
    width:4em;
}
.form ul li span.hintMessage {
    color:red;
    font-size:90%
}
.form ul li span.label label {
    width:3em
}
.form input.input-rounded,
.form .input-rounded {
    border-radius:2em;
    padding:.5em 1em
}
.form .input-1 {width:100%}
.form .input-1-2 {width:50%}
.form .input-1-3 {width:33.3%}
.form .input-2-3 {width:66.7%}
.form .input-1-4 {width:25%}
.form .input-3-4 {width:75%}
.form .input-1-5 {width:20%;}
.form .input-2-5 {width:40%}
.form .input-3-5 {width:60%}
.form .input-4-5 {width:80%}
.form .controls{margin:1em 0 0 11.4em}
.form .controls-1{margin:1em 0 0 12.4em}
.form-button {
    display:inline-block;
    *display:inline;
    zoom:1;
    line-height:normal;
    white-space:nowrap;
    vertical-align:baseline;
    text-align:center;
    cursor:pointer;
    -webkit-user-drag:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    font-family:inherit;
    font-size:100%;
    *font-size:90%;
    *overflow:visible;
    padding:.3em 1em;
    color:#444;
    color:rgba(0,0,0,.8);
    *color:#444;
    border:1px solid #999;
    border:0 rgba(0,0,0,0);
    background-color:#E6E6E6;
    text-decoration:none;
    border-radius:2px
}
.form-button::-moz-focus-inner { padding:0; border:0 }
.form-button-hover,.form-button:hover,.form-button:focus {
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(40%,rgba(0,0,0,.05)),to(rgba(0,0,0,.1)));
    background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
    background-image:-moz-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1));
    background-image:-o-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
    background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))
}
.form-button:focus { outline:0 }
.form-button-active,.form-button:active {
    box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset
}
.form-button[disabled],.form-button-disabled,.form-button-disabled:hover,.form-button-disabled:focus,.form-button-disabled:active {
    border:0;
    background-image:none;
    filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
    filter:alpha(opacity=40);
    -khtml-opacity:.4;
    -moz-opacity:.4;
    opacity:.4;
    cursor:not-allowed;
    box-shadow:none
}
.form-button-hidden {display:none}
.form-hidden {display:none}
.form-button-primary,.form-button-selected,a.form-button-primary,a.form-button-selected{ background-color:#0078e7;color:#fff}

.button-success,
.button-error,
.button-warning,
.button-secondary {
    color: white;
    border-radius: 4px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.button-success {
    background: rgb(28, 184, 65); /* this is a green */
}

.button-error {
    background: rgb(202, 60, 60); /* this is a maroon */
}

.button-warning {
    background: rgb(223, 117, 20); /* this is an orange */
}

.button-secondary {
    background: rgb(66, 184, 221) !important; /* this is a light blue */
}

.button-xsmall {
    font-size: 70%;
}

.button-small {
    font-size: 85% !important;
}

.button-nomal {
    font-size: 100% !important;
}

.button-large {
    font-size: 110% !important;
}

.button-xlarge {
    font-size: 125%;
}