/* This file should contain any overrides for jquery css classes.  Please comment why you are overriding */
.ui-body-a {
    border: none;
    background:none;
}

.ui-page-active.ui-page-panel {
    overflow-x: visible; /*get rid of double scroll bar*/
}

.ui-content {
    padding:0px;
    margin:0px;
}

.ui-content .ui-listview { /*not sure why JQM sets listviews to have a negative margin, making 0*/
    margin: 0px;
}

.ui-listview > .ui-li-static { /*give li content w/out links a border*/
    border-width: 1px;
    border-bottom-width: 0px;
    border-color:#cccccc;
}
.ui-header .ui-title { /*reduce the margins of the header, so more text shows in smaller views*/
    margin-right: 10%;
    margin-left: 10%;
}

.ui-btn {
white-space:normal; /*we don't want text to wrap on buttons*/
}

.ui-btn-icon-notext.ui-btn-corner-all, .ui-btn-icon-notext.ui-corner-all {  
    border-radius: 5px;/*reduce border radius so icons are more square*/   
}

.ui-btn-icon-left:after, .ui-btn-icon-right:after, .ui-btn-icon-top:after, .ui-btn-icon-bottom:after, .ui-btn-icon-notext:after {
    background-color: grey; /*make icon disc backgrounds grey*/
}

.ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a, .ui-page-theme-b a, html .ui-bar-b a, html .ui-body-b a, html body .ui-group-theme-b a {
   text-decoration:none; /*don't underline links*/
}

.ui-checkbox .ui-btn, .ui-radio .ui-btn {
    z-index: 2; /* adding this so radio buttons don't show through in IE */
}

.ui-input-text { 
    border-color: lightgray !important;
}

#instructionsList > .ui-body-inherit, #documentationList > .ui-body-inherit { 
   white-space:normal;  /* overide the background on text only (non-link) list items */
}