/* Restyle standard input controls to Ausum standards.  Dependencies: jquery 1.7.1 or above, and ausum-controls.js. */

/* Standard styles for any input class="ausum-input". Note: add some JS that sets the border color to #5897FB when the input is in focus. */
div.ausum-input {
    border: 1px solid #AAA;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    background-color: #FFF;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white));
    background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%);
    background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%);
    background-image: -o-linear-gradient(bottom, #eeeeee 0%, #ffffff 50%);
    background-image: -ms-linear-gradient(top, #eeeeee 0%, #ffffff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#ffffff', GradientType = 0);
    background-image: linear-gradient(top, #eeeeee 0%, #ffffff 50%);
}
div.ausum-input input {
    height: 24px;
    border: none;
    background: transparent;
    margin-left: auto;
    margin-right: auto;
}
/*Adjustments for IE.*/
div.ausum-input input.ie8 {
    height: 19px;
    padding-top: 5px;
}
div.ausum-input input.ie7 {
    height: 19px;
    padding-top: 5px;
}

/*  MTR added new style for date picker */
div.ausum-input-datepicker input {
    width: 75px;
    font-size: 8pt;
    text-align: left;
    margin-right: 2px;
    border-radius: 5px;
    border: 1px solid #CCCCCC;
    height: 24px;
    padding: 4px;
    background-color: #FFF;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white));
    background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%);
    background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%);
    background-image: -o-linear-gradient(bottom, #eeeeee 0%, #ffffff 50%);
    background-image: -ms-linear-gradient(top, #eeeeee 0%, #ffffff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#ffffff', GradientType = 0);
    background-image: linear-gradient(top, #eeeeee 0%, #ffffff 50%);    
}

div.ausum-checkbox {
    font-size: 0.9em;
    color: #AAA;
    border: 1px solid #CCC;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    height: 21px;
    width: 70px;
    background-color: #FFF;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #EEEEEE), color-stop(0.5, white));
    background-image: -webkit-linear-gradient(center bottom, #EEEEEE 0%, white 50%);
    background-image: -moz-linear-gradient(center bottom, #EEEEEE 0%, white 50%);
    background-image: -o-linear-gradient(bottom, #EEEEEE 0%, #FFFFFF 50%);
    background-image: -ms-linear-gradient(top, #EEEEEE 0%, #FFFFFF 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#EEEEEE', endColorstr = '#FFFFFF', GradientType = 0);
    background-image: linear-gradient(top, #EEEEEE 0%, #FFFFFF 50%);
}
div.ausum-checkbox div.unchecked {
    float: left;
    width: 34px;
    height: 21px;
    border-right: 1px solid #CCC;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    overflow: hidden;
}
div.ausum-checkbox div.checked {
    float: left;
    width: 35px;
    height: 21px;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    overflow: hidden;
}
div.ausum-checkbox div.chklbl {
    width: 30px;
    margin: 0 auto;
    margin-top: 4px;
    overflow: hidden;
    text-align: center;
}
div.ausum-checkbox div.chklbl:hover {
    color: #195AA9;
    cursor: pointer;
}
div.ausum-checkbox div.selected {
    color: #000;
    font-weight: bold;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #CFEAFF), color-stop(0.5, white));
    background-image: -webkit-linear-gradient(center bottom, #CFEAFF 0%, white 50%);
    background-image: -moz-linear-gradient(center bottom, #CFEAFF 0%, white 50%);
    background-image: -o-linear-gradient(bottom, #CFEAFF 0%, #FFFFFF 50%);
    background-image: -ms-linear-gradient(top, #CFEAFF 0%, #FFFFFF 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#CFEAFF', endColorstr = '#FFFFFF', GradientType = 0);
    background-image: linear-gradient(top, #CFEAFF 0%, #FFFFFF 50%);
}