﻿/*
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="time"], textarea, select
{
    -moz-box-sizing: border-box;
    border: 1px solid #BEBEC4;
    border-radius: 3px 3px 3px 3px;
    color: #5F5F5F;
    padding: 6px;
}

select {
            padding: 5px;
            border: 1px solid #bebec4;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
        
        input[type='text'], input[type='password'], input[type="date"], input[type="datetime"], input[type="time"], textarea, select {
            border: 1px solid #bebec4;
            padding: 6px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            -khtml-border-radius: 3px;
            border-radius: 3px;
            color: #5f5f5f;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
*/

button, input[type="button"], input[type="submit"], a.button, .ui-button.ui-state-default:not(.ui-spinner-button)
{
    background-color: #5B9FEA; 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5B9FEA), to(#0C62D7)); 
    background: -moz-linear-gradient(top, #5B9FEA, #0C62D7); 
    background: linear-gradient(top, #5B9FEA, #0C62D7);
    background: -o-linear-gradient(top, #5B9FEA, #0C62D7);
    background: -ms-linear-gradient(top, #5B9FEA, #0C62D7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5B9FEA', EndColorStr='#0C62D7'); 
    border: 1px solid #17549B;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    -moz-user-select: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    outline: medium none;
    padding: 5px 10px;
    display: inline-block;
    color: #fff;
    cursor: pointer;
}

.float_r
{
    float: right;
}


button.grey, input.grey[type="button"], input.grey[type="submit"], input.grey[type="reset"], a.grey, .jquery-msgbox-buttons button[type="submit"], .jquery-msgbox-buttons input[type="submit"], .jquery-msgbox-buttons button[type="button"], .jquery-msgbox-buttons input[type="button"], .jquery-msgbox-buttons button[type="reset"], .jquery-msgbox-buttons input[type="reset"]
{
    background-color: #F8F8F8; /* Old Browsers */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F8F8F8), to(#E8E8E8)); /* Webkit Browsers */
    background: -moz-linear-gradient(top, #F8F8F8, #E8E8E8); /* Mozila Browser */
    background: linear-gradient(top, #F8F8F8, #E8E8E8);
    background: -o-linear-gradient(top, #F8F8F8, #E8E8E8);
    background: -ms-linear-gradient(top, #F8F8F8, #E8E8E8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F8F8F8', EndColorStr='#E8E8E8'); /* IE Browsers */
    border: 1px solid #B0B0B0;
    color: #3A3A3A;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset;
    text-shadow: 0 1px 0 #FFFFFF;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    outline: medium none;
    display: inline-block;
    padding: 5px 10px;
    font-size: 13px;
    cursor: pointer;
}

button:hover, input[type="button"]:hover, input[type="submit"]:hover, a.button:hover, .ui-button.ui-state-hover:not(.ui-spinner-button)
{
    background-color: #94C7FF; /* Old Browsers */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #94C7FF), to(#367BD9)); /* Webkit Browsers */
    background: -moz-linear-gradient(top, #94C7FF, #367BD9); /* Mozila Browser */
    background: linear-gradient(top, #94C7FF, #367BD9);
    background: -o-linear-gradient(top, #94C7FF, #367BD9);
    background: -ms-linear-gradient(top, #94C7FF, #367BD9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#94C7FF', EndColorStr='#367BD9'); /* IE Browsers */
}

button.grey:hover, input.grey[type="button"]:hover, input.grey[type="submit"]:hover, input.grey[type="reset"]:hover, a.grey:hover
{
    background-color: #FAFAFA; /* Old Browsers */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), to(#FAFAFA)); /* Webkit Browsers */
    background: -moz-linear-gradient(top, #FFFFFF, #FAFAFA); /* Mozila Browser */
    background: linear-gradient(top, #FFFFFF, #FAFAFA);
    background: -o-linear-gradient(top, #FFFFFF, #FAFAFA);
    background: -ms-linear-gradient(top, #FFFFFF, #FAFAFA);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#FAFAFA'); /* IE Browsers */
}


.form
{
    
}

.form_header
{
    padding:10px;
    border-bottom: 1px solid #EEE;   
    margin-bottom:10px; 
}

.form_header h2
{
    margin: .1em 0;
}

.login
{
    width:350px;
    margin: 40px auto;
    border: 1px solid #EEE;
    background-color: #FFF;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    text-decoration: none;
    transition-property: top, left, opacity, box-shadow, background-color;    
}

.form_row
{
    padding:5px 10px;
}

.form_row label
{    
    width:100px;
    display:inline-block;
}