@media only screen and (max-device-width: 480px) { 
body {
  background-color: #FFFFFF;
  color:#000000;
  font-family:Arial,sans-serif;
  font-size:12pt;
  margin:0px;
  padding:0px;
}

.inline-mobile {
  display:inline !important;
}
.block-mobile {
  display:block !important;
}
.inline-nonmobile, .block-nonmobile {
  display:none !important;
}

input, textarea, select {
  font-size: 10pt;
}
#coinstitledesc { display: none}
#coinstimestamp {display:none}
#coinspagebody {
  padding: 0;
  margin: 0px;
  float:none;
  min-width: 1px;
}

#coinspageheader {

  background-image: -ms-linear-gradient(top, #3160A3 0%, #244677 100%);
  background-image: -moz-linear-gradient(top, #3160A3 0%, #244677 100%);
  background-image: -o-linear-gradient(top, #3160A3 0%, #244677 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3160A3), color-stop(1, #244677));
  background-image: -webkit-linear-gradient(top, #3160A3 0%, #244677 100%);
  background-image: linear-gradient(to bottom, #3160A3 0%, #244677 100%);

  color: #ffffff;
  font-size: 14pt;
  line-height: 44px;
  height: 44px;
  margin: 0px;
  padding: 0;
  border-bottom:0;
  font-weight: normal;
  position: relative;
  width: 100%;
}
#coinsmenuheader {
  display:block;
/*  background-color: #e1ecfc; */ 
}
#coinsmenuheader a {
  display:block;
  height:44px;
  line-height:44px;
  padding: 0 15px;
  font-size: 20px;
  color: #ffffff;
}
#coinsmenu {
  background-color: transparent;
  display: block;
  height: auto;
  width: auto;
  float: none;
  border: 0;
  margin: 0px;
  padding: 0px;
  color: inherit;
  position:absolute;
  top:0;
  right: 0;
}
#coinsmenubody {
  background-color: #244677;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 44px;
  max-height: 0;
  transition: max-height 500ms ease 0s;
  border-left: 1px solid #bbbbbb;
}
#coinsmenubody.expanded {
  max-height:350px;
}
#coinsmenubody .menulink {
  width: 130px;
  color: #ffffff;
}

ul {
  list-style: none;
}

.menublock {
  text-align: left;
  width: auto;
  margin: 0px;
  padding: 0px;
  font-size: 12pt;
  font-weight: bold;
}

li .menublock {
  padding: 0px;
}
.menublock li {
  padding: 5px 0px;
  border: 1px solid #bbbbbb;
  border-width: 0 0 1px;
}

.menulink, .menulink:visited, .menulink:active, .menulinkactive:hover {
  display: block;
  height: 28px;
  line-height: 28px;
  color:#000000;
  text-decoration:none;
  background-color:inherit;
  padding-left: 15px;
}
.menulink:hover {color:#555555;background-color:inherit;}

li li .menulink {
  padding-left: 30px;
}

.systitle {
  margin: 0px;
  padding: 0 5px;
  float: left;
}

.notetext {
  font-style:italic;
  font-size: 8pt;
  text-align: right;
}
#tasknote {
  display:none;
  float:none;
  padding:2px;
  margin: 5px 0px;
  border:1px solid black;
  position:relative;
  background-color:white;
  width: auto;
}

#tasknote textarea {
  width: auto;
  margin: 3px;
}

table.list {
  padding:0px;
  margin:0px;
  empty-cells:show;
  border-spacing:0px;
  border-collapse: collapse;
  width: 100%;
}
table.list thead {
  color:#FFFFFF;
  background-color:#AAAAAA;font-weight:bold;    
}
table.list td {
  padding:2px;
  white-space:nowrap;
  width: auto !important;
}
tr.alt td {color:inherit;background-color:#CCCCCC;}

.updateheader {
  font-weight:bold;
  color:#CC0000;
  background-color:inherit;
}

.usagechartbar {
  margin-left:10px;
  background-color:#DD0000;
  color:inherit;
  height:5px;
  padding:0px;
}

.picdivider {
  border-width: 1px 0px;
  border-style: dashed;
  border-color: #000000;
  padding: 5px 0px;
  font-weight: bold;
  font-style: italic;
  margin-top: 10px;
}

a.external    {text-decoration:none;
      color:#0077BB;background-color:inherit;}
a    {text-decoration:none;
      color:#005599;background-color:inherit;
      font-weight:bold;
      }
h1   {
      font-size:14pt;
      font-weight:bold;
      color:#005599;}
.pagetitle {
      font-size:12pt;
      font-weight:bold;
      color:#000000;background-color:inherit;
      padding:5px;
}
.sectiontitle {
      font-size:10pt;
      font-weight:bold;
      color:#000000;background-color:inherit;
      padding-bottom:2px;
}
.sectionnew {
  padding-top: 10px;
  border-bottom:1px #ffd275 solid;
}
.rednews {font-weight:bold;
          font-style:italic;
          color:#DD0000;background-color:inherit;}

.normaltext {}
.normalwhitetext {color:#FFFFFF;background-color:inherit;}
.messagetext, .errortext {
    font-weight: bold;
    margin: 5px 0px;
}
.messagetext {
    color: #0000DD;
    background-color: inherit;
}
.errortext {
    color:#DD0000;
    background-color:inherit;
}
.footnotetext {color:#333333;background-color:inherit;font-size:8pt}

.sortlink, .sortlink:visited, .sortlink:active, .sortlink:hover {
     color:#000000;font-size:10pt;background-color:inherit}

.smalllink, .smalllink:visited, .smalllink:active, .smalllink:hover {
     color:#DDDDDD;font-size:x-small;background-color:inherit}

A.noundlink, A.noundlink:visited, A.noundlink:active, A.noundlink:hover {
     color:#888888;text-decoration:none;background-color:inherit}

A, A:visited, A:active, A:hover {color:#666666;background-color:inherit;}

.quicklinks {
  margin: 5px 0px;
}
.addlink {
  margin: 10px 0px;
}
.caritem {
  margin: 10px 0px;
}
.carinfo {
  border-bottom: 1px #ffd275 solid;
}
.joblist {
  margin: 0px 20px;
}
#jobcontrol {
  padding: 3px 0px;
}
.headcell, .taskgrphdr {
  font-weight: bold;
}
.headcell {
  float:left;
  width:85px;
  padding:2px 0px;
}
.datacell {
  clear:right;
  padding:2px 0px;
  white-space: nowrap;
}
#jobdetailcol{
  float:none;
}
#jobnotecol {
  float:none;
  margin: 0px;
}
#jobnotecol .headcell {
  float:none;
}
.tasklist {
  float:none;
  width: auto;
  background-color: white;
  color: inherit;
  border-left: 0px;
  padding-bottom: 10px;
  margin-top: 0px;
}
.taskgrp {
  width: auto;
}
.taskgrphdrlink {
  margin: 5px 0px;
  width: auto;
  border-bottom: 1px solid white;
}
.taskgrphdrselected {
  border-bottom: 1px solid #ffd275;
  width: auto;
}
.taskitem {
  white-space: nowrap;
  width: auto;
}
.taskdesc {
  display: block;
}
.taskdetails {
  white-space: normal;
  border-bottom: 0px;
  width: auto;
  clear: left;
  margin-top: 10px;
}
.taskdetails input {
  display:block;
  float:left;
  margin: 0px 5px;
}
.reqfieldnote {
  font-size: 10pt;
  font-style: normal;
  padding-left: 3px;
  color: red;
  font-weight: bold;
  background-color: inherit;
}
.add-coin, .remove-coin {
  padding: 6px;
}
.coin-status {
  height: 44px;
  width:44px;
}
a.coin-filter {
  height: 40px;
  line-height: 40px;
  width: 40px;
}
a.coin-filter-wide {
  border-radius: 20px;
  width:90px;
}
div.filter-label {
  display:none;
}
a.filter-label {
  display:block !important;
  line-height: 40px;
  height: 40px;
  padding: 0 0 0 32px;
  font-weight: bold;
  float: none;
  text-align:left;
  color: #ffffff;
  font-size: 1.1em;
  background: #244677 url("/images/arrow-right.png") no-repeat left center;
}
a.filter-label-up {
  background-image: url("/images/arrow-down.png");
}

.coin-filters ul {
  padding: 0;
  margin: 0;
  text-align: center;
  max-height: 130px;
  overflow: hidden;
  transition: max-height 200ms ease 0s;
}

.coin-filters ul.filter-menu-hide {
  max-height: 0;
}

.coin-filters li {
  padding: 5px 0;
  display:inline-block;
  float:none;
}
.long-value {
    width: auto !important;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
}
table.list td.td-type, table.list td.td-mint {
  padding-left: 10px;
}
}