body {
  margin: 0;
  padding:0;
  background: #232323;
  color: #eeeeee;
  font-family: Helvetica, Arial, sans-serif;
  overflow-x: hidden;
  -webkit-user-select: none;
  -webkit-text-size-adjust: none;
  }

#wrap {
  background: #616462 url(client/tile-dark.png);
  max-width:480px;
  margin: 0 auto;
}

h1 {
 margin:6px 0px 6px 6px;
 font-size: 24px;
 font-weight: bold;
 color: #ffffff;
 text-shadow: rgba(0,0,0,0.75) 2px 2px 0;
 }

h2 {
 margin: 8px 0 6px 14px;
 font-size: 18px;
 font-weight: bold;
 color: #e7e7e7;
 text-shadow: rgba(0,0,0,0.75) 2px 2px 0;
 }

p {
 padding:0px 10px 0px 10px;
 margin: 8px 0px 8px 0px;
 }

a {
 font-weight:bold;
 color:#ffffff;
 }

form label { font-weight:bold; }

input { font-size: 20px; padding:4px; }

select { font-size: 20px; padding:4px; }

#nomobile {
  display:none;
  }

/************************************************************************************************/

#header {
  width:100%;
  margin:0;
  padding-bottom:10px;
}

#header h1 {
 margin: 3px 0px 10px 16px;
 color: #ffffff;
 text-shadow: rgba(0,0,0,0.75) 2px 2px 0;
 }
 
#redbar {
  width:250px;
  height:45px;
  margin-top:-10px;
  margin-left:8px;
  overflow:hidden;
  }

.rednav {
 display:block;
 float:left;
 width:76px;
 margin: 0px 0px 0px 6px;
 padding: 17px 0px 9px 0px;
 color:#ffffff;
 background:#d61c27;
 -webkit-border-radius: 10px;
 text-align:center;
 font-size:12px;
 }
a.rednav { color:#ffffff; text-decoration:none; } 
  
/************************************************************************************************/

fieldset {
 position:relative;
 margin: 10px 10px 10px 10px;
 padding:0;
 background:#ffffff;
 color:#444444;
 -webkit-border-radius: 10px;
 border: 1px solid #999999;
 text-align:left;
 font-size:15px;
 }

.row {
  position:relative;
  border-bottom: 1px solid #999999;
  -webkit-border-radius:0;
  text-align:center;
  padding:4px 0 4px 0;
}
.row:last-child {
  border-bottom:none !important;
}
.row > a {
  display: block;
  padding: 4px 0px 4px 0px;
  text-decoration: none;
  font-weight:bold;
  color:#d61c27;
  } 

/************************************************************************************************/

.imglink {
  text-decoration:none;
  border: 1px solid #000000;
  margin-top:8px;
  }
  
.mini {
  font-size:12px;
  font-weight:bold;
}


/*************************************/

.plist ul {
  list-style: none;
  padding:0;
  margin:0;
  }

.plist li {
    position: relative;
    margin: 0 12px 0 0;
    background: #ffffff;
    border-bottom: 1px solid #E0E0E0;
    border-right: 1px solid #aaaaaa;
    padding: 4px 0px 4px 10px;
    color:#444444;
    font-size: 20px;
    font-weight: bold;
    list-style: none;
}

.plist li:last-child {
   border-bottom: 1px solid #999999 !important;
}
.plist small {
  display:block;
  font-size:10pt;
  font-weight:normal;
  color:inherit;
  }
.plist ul > li > a {
    display: block;
    padding: 4px 32px 4px 0px;
    text-decoration: none;
    color: inherit;
    background: url(client/listArrow.png) no-repeat right center;
}

.red { background-color: #d61c27 !important; color:#ffffff !important; }

.noservice { color:#999999 !important; }

.more {
  text-align:right; 
  font-size:14px;
  font-weight:bold !important;
  }
  
/*************************************/

.rlist ul {
  list-style: none;
  padding:0;
  margin:0;
  }

.rlist li {
    position: relative;
    margin: 0 12px 0 0;
    background: #ffffff;
    border-bottom: 1px solid #E0E0E0;
    border-right: 1px solid #aaaaaa;
    padding: 4px 0px 4px 10px;
    color:#444444;
    font-size: 20px;
    font-weight: bold;
    list-style: none;
}

.rlist li:last-child {
   border-bottom: 1px solid #999999 !important;
}
.rlist small {
  display:block;
  font-size:10pt;
  font-weight:normal;
  color:#888;
  }
.rlist ul > li > a {
    display: block;
    padding: 4px 32px 4px 0px;
    text-decoration: none;
    color: inherit;
    background: url(client/listArrow.png) no-repeat right center;
}

.afterhours { color:#999999 !important; }

.next { color:#d61c27 !important; }

/*************************************/


.elist ul {
  list-style: none;
  margin:0;
  padding:0;
  }

.elist li {
    position: relative;
    margin: 0 12px 0 0;
    background: #ffffff;
    border-bottom: 1px solid #E0E0E0;
    border-right: 1px solid #aaaaaa;
    padding: 4px 0px 4px 10px;
    color:#444444;
    font-size: 16px;
    font-weight: normal;
    list-style: none;
}
.elist li:last-child {
   border-bottom: 1px solid #999999 !important;
}
.elist ul > li > a {
    display: block;
    padding: 4px 32px 4px 0px;
    text-decoration: none;
    color: inherit;
    font-weight:inherit;
    background: url(client/listArrow.png) no-repeat right center;
}

.more {
  text-align:right; 
  font-size:14px;
  font-weight:bold !important;
  }

/************************************************************************************************/


#prefooter {
  font-size:18px;
  padding:8px 10px 10px 10px;
  color:#cccccc;
}

#prefooter a {
  color:#ffffff;
  font-weight:bold;
  text-decoration:none;
  }
  
#footer {
  margin: 20px 0 12px 0;
  padding:0px 10px 0px 10px;
  font-size:14px;
  color:#cccccc;
  }

#footer a {
  color:inherit;
  font-weight:inherit;
  text-decoration:none;
  }


/************************************************************************************************/

#calcontainer {
 background-color:#444444;
 -webkit-border-radius: 10px;
 width:300px;
 margin:0px 5px 0 5px;
 padding:5px;
 }

#calendarboxtitle {
  width:300px;
  height:25px;
  text-align:center;
  }

#calendarboxtitle a {
  font-size:100%;
  text-decoration:none;
  }

#calendarbox td {
  background: #777777;
  width:40px;
  height:30px;
  padding:0;
  margin:0px;
  text-align:center;
  }

#calendarbox td.active {
  background: #555555;
  width:40px;
  height:30px;
  padding:0;
  margin:0px;
  text-align:center;
  }



#calendarbox a {
  display:block;
  color:#efefef;
  text-decoration:none;
  font-weight:bold;
  font-size:90%;
  padding: 6px 6px 6px 6px;
  }