/* Try to force mobile browsers to be a certain height so that the address bar can be hidden. */
body {
    min-height: 460px;
}

/* This will make list items wrap instead of hiding the text with the ellipsis. */
a {
    white-space: normal !important;
}

span {
    white-space: normal !important;
}

h1, h2, h3, h4 {
    white-space: normal !important;
}

.view-switcher {
    padding: 0.5em;
    font-weight: normal;
}

/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input[type="text"].input-validation-error,
input[type="password"].input-validation-error {
    border: solid 1px #e80c4d;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}

.customcheckbox_element {
}

.customcheckbox {
    background: url('http://www.dailycoding.com/Uploads/2008/12/CheckBox.png') no-repeat -21px 0px;
    width: 21px;
    height: 21px;
    display: block;
    z-index: 100;
    position: fixed;
}

.checked {
    background-position: 0px 0px;
}

​
/* jQuery mobile styles
-----------------------------------------------------------*/
/* Make listview buttons fill the whole horizontal width of the screen */
.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li {
    padding-right: 15px;
}

.ui-bar-a, .ui-body-a, .ui-btn-up-a, .ui-btn-hover-a, .ui-btn-down-a,
.ui-bar-b, .ui-body-b, .ui-btn-up-b, .ui-btn-hover-b, .ui-btn-down-b,
.ui-bar-c, .ui-body-c, .ui-btn-up-c, .ui-btn-hover-c, .ui-btn-down-c,
.ui-bar-d, .ui-body-d, .ui-btn-up-d, .ui-btn-hover-d, .ui-btn-down-d,
.ui-bar-e, .ui-body-e, .ui-btn-up-e, .ui-btn-hover-e, .ui-btn-down-e,
.ui-btn-active {
    text-shadow: none;
}

.durationBox .ui-block-a,
.durationBox .ui-block-d {
    visibility: collapse;
}

.success {
    text-align: center;
}