/* ---------- Updated: 5.25 lwatts */
/* ----------
    OVERRIDE  */

html,
body {
   background-color: #f5f5f5;
   margin: 0;
   padding: 0;
   /* styles to force footer to bottom of page */
   height: 100%;}

.ui-header .ui-title,
.ui-footer .ui-title {
   font-size: 14px;
   /* margin: 0.6em 0em 0.8em 1.5em; */
   margin: 0.8em auto;
   text-align: center;
   white-space: normal;}
   
.ui-page, .ui-page-c {
   color: #4d4d4d;
   background: #F5F5F5;
   /* styles to force footer to bottom of page */
   min-height: 100%;
   position: relative;}

.ui-bar-a {
   background: #fff -webkit-gradient(linear, 0% 0%, 0% 100%, from(#631111), color-stop(0.5, #B55757), to(#933));}

.ui-content {
   padding: 0px 15px 30px 15px;} /* styles to force footer to bottom of page, 30px is height of footer */

.ui-collapsible-heading a {
   background: #fff;}

.ui-shadow {
   -webkit-box-shadow: rgba(0, 0, 0, 0.296875) 0px 1px 0px;}

h1.longTxt {
   padding-left: 1em;}

h2 {
   color: #4D4D4D;
   font-size: 18px;
   font-style: italic;
   font-weight: bold;}

h3#subhead3 {
   color: #2B2B38;
   font-size: 15px;
   font-weight: bold;
   margin-bottom: 0em;
   margin-top: 1.3em;
   text-transform: uppercase;}

h3#subheadMssgs {
   color:#2B2B38;
   font-size: 15px;
   font-weight: bold;
   margin-bottom: 0em;
   margin-top: 2.25em;
   margin-bottom: .6em;
   text-transform: uppercase;}

h3#subheadSubjects {
   color: #2B2B38;
   font-size: 15px;
   font-weight: bold;
   margin-bottom: 0em;
   margin-top: 2em;
   text-transform: uppercase;}

h4#subhead4 {
   color: #8B8B98;
   font-size: 14px;
   font-weight: bold;
   margin-bottom: .75em;
   margin-top: 1.3em;
   text-transform: uppercase;}

.ui-icon {
   background-image: url(http://code.jquery.com/mobile/1.0a3/images/icons-18-black.png);
   background-repeat: no-repeat;
   background-color: #fff !important;
   background-color: rgba(200,200,200,.4) !important;
   -moz-border-radius: 9px;
   -webkit-border-radius: 9px;
   border-radius: 9px;}

.ui-icon-shadow {
   -webkit-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;}

.ui-bar-c {
   background: #f5f5f5;
   border: 0px solid #B3B3B3;}

.ui-collapsible-content {
   padding: 10px 0px 10px 0px;}

.ui-content .ui-listview-inset {
   margin-top: 5px;
   margin-bottom: 0;}

h5 img.regStatus {
   padding: 5px;0 3px 0;
   vertical-align: bottom;}

a:-webkit-any-link {
   text-decoration: none;}

.ui-btn-inner {
   padding: 0.6em 15px; }

/* the left "close" button on modal window, up is default inactive state */
.ui-btn-up-a {
   background: #fdfdfd -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fdfdfd));
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fdfdfd));
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fdfdfd));
   border: 1px solid #fdfdfd;
   text-shadow: black 0px -1px 1px;}

.ui-btn-up-c {
   border: 1px solid #ccc;
   background: #eee;
   font-weight: bold;
   color: #444;
   cursor: pointer;
   text-shadow: 0 1px 1px #f6f6f6;
   text-decoration: none;
   background-image:-moz-linear-gradient(top,#fff,#eee);
   background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(1,#eee)); }

.ui-footer {
   background-color: #F5F5F5;
   color: #993333;}

.ui-page .ui-footer {
   /* styles to force footer to bottom of page */
   position: absolute;
   bottom: 0;
   height: 30px;}

.ui-footer h5#foot {
   color: #993333;
   font-size: 10px;
   font-weight: normal !important;}

.ui-footer img {
   vertical-align: text-bottom;}

.ui-overlay-shadow {
   -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 2px;}

.ui-radio {
   display: inline !important;
   margin: 0;}

.ui-radio input { 
   outline: 1px !important;
   height: 30px;
   margin: 0;
   left: 0;
   top: 0;
   position: relative !important;
   width: 30px;}

.min-width-480px .ui-field-contain  {
   margin: 0;}

.ui-field-contain {
   margin: 0;
   padding: .5em 0;}
   
.ui-br {
border-bottom: 0px;}

/* ---------
    TWEAKS  */
div.dialogBG {
   background-image:-moz-linear-gradient(top,#fff,#f5f5f5);
   background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(1,#f5f5f5));}

div.dialogContent {
   background-color: #fff;}

/* style not pulled into page, not sure why
div.dialogFooter {
   position: relative;
   height: 10px;} */

p.dialogTxt {
   text-align: center;}

.approveInfo {
   font-style: normal;
   font-size: 10px; 
   font-weight: normal; 
   padding-left: 18px;}
 
p.updateMssg {
    font-size: 14px;}

div.uiGridA {
   background-color: #fff !important;
   border-top: 1px solid #dbdbdb !important;
   border-bottom: 1px solid #dbdbdb !important;
   font-size: 13px !important;
   line-height: 1.2 !important;
   margin: -15px !important;
   padding: 0 15px !important;}

div.picInfoContainer {
   float: left;
   width: 100%;
   padding: 10px 0 0px 0;}

div.colLeft {
   float: left;
   width: 35%;}

div.colLeft img {
   height: 94px;
   width: auto;}

div.colRight {
   float: left;
   width: 65%;
   font-size: 14px;}

div#studentSpacer {
   clear: both; 
   border-top: 1px solid #f5f5f5; 
   margin-bottom: 20px;}

div.addressesBox {
   border: 1px solid #ccc;
   background: #fff;
   -moz-border-radius: 9px;
   -webkit-border-radius: 9px;
   border-radius: 9px;
   padding: 0 15px;}

p.buttonInfo {
   font-weight: bold;
   font-style: italic;
   text-align: center;}

p.addresses {
   margin-top: 5px; 
   padding-top: 0px; 
   line-height: 1.8;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;}

p.changesSaved {
   margin-top:0; padding-top: 0;}

a.btnTxtLeft {
   text-align: left;}

a.btnTxtContinue {
   margin-top: 25px;
   text-align: left;}

ul.regMssgs {
   font-size: 15px;
   line-height: 1.4;
   margin: 0;
   padding: 0 0 0 25px;}

ul.regMssgs li.regMssgWarning {
   list-style-type: none;
   list-style-position: outside;
   background-image: url(../imgs/error.png);
   background-repeat: no-repeat;
   background-position: 0 0;
   margin: 0 0 0 -20px;
   padding: 0 20px 0 23px;}

ul.regMssgs li.regHoldMssg {
   list-style-type: none;
   list-style-position: outside;
   background-image: url(../imgs/circle_slash.png);
   background-repeat: no-repeat;
   background-position: 0 0;
   margin: 0 0 0 -20px;
   padding: 0 20px 0 23px;}

li#overLimit {
   background: #FFF0F0 url('../imgs/exclamation.png') no-repeat 15px 50%;}

h4#overLimitTotal {
   padding-left: 20px;}

a.steps {
   border: 1px solid #DBDBDB;
   text-align: left;
   -webkit-border-radius: 5px;}

a.stepInactive {
   border: 1px solid #DBDBDB;
   color: #A2A3B3;
   cursor: default;
   text-align: left;
   -webkit-border-radius: 5px;}

a.stepComplete {
   background-image: url('../imgs/accept.png') !important; 
   background-position: 96.75% 50%; background-repeat: no-repeat;
   border: 1px solid #DBDBDB;
   color: #A2A3B3;
   cursor: default;
   text-align: left;
   -webkit-border-radius: 5px;}

fieldset.contactType {
   border-top: 2px solid #dbdbdb;}

legend.contactTxt {
   font-weight: 800;}
   
div.addressToggle {
   border-bottom: 1px dotted #dbdbdb; 
   padding: .5em 0 1em 0;}

a.editBtn {
   background: #eee;
   background-image:-moz-linear-gradient(top,#fff,#eee);
   background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(1,#eee));
   border: 1px solid #ccc; 
   color: #2489CE;
   float: right;
   margin-top: -7px;
   padding: 7px 7px 6px 5px; 
   text-decoration: none;
   text-shadow: 0 1px 1px #f6f6f6;
   -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 2px;
   -webkit-border-radius: 10px;}
   
a.editBtn:active {
   background: #fdfdfd -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fdfdfd));
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fdfdfd));
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fdfdfd));
   border: 1px solid #fdfdfd;
   text-shadow: black 0px -1px 1px;}

div.cntrBtn {
   text-align: center;}