/* 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-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-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 { /* MVC labels had borders applied out of the box, remove them */
   border-style:none;
}

#pageWrapper  .ui-input-text {  /*give input boxes a border */
   border-color: lightgray !important;
   border-style:solid
}

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

@media (min-width:37.5em), print /*600/16*/
{
    .ui-page {
        padding-bottom: 0px;
    }
}

@media (min-width: 64em), print /*1024px/16 landscape tablet and desktop */
{    
    /*add less padding to buttons when the screen is larger*/
    .ui-btn
    {
        padding: .4em .5em;       
    }
    .ui-btn-icon-right
    {
        padding-right:2.4em
    }
    .ui-btn-icon-left
    {
        padding-left:2.2em;
    }   
     /*add less padding to inputs when the screen is larger*/
    .ui-input-text input, .ui-input-search input {       
        min-height: 1.9em;        
    }
    /*add less padding to lists when the screen is larger*/
    .ui-listview > .ui-li-static{
        padding: 0.4em .6em;
    }

    .navSectionContentLink, .ui-listview > .ui-li-divider  {
        font-size: 1em; /*reduce size of navigation font and header*/
    }
}