@charset "iso-8859-1";
/* CSS Document */


div.data-table-wrapper {
margin: none;
width: auto;
}
table.data-table {
font-size: inherit;
padding: 12px;
color: #000;
line-height: normal;
border: 1px solid #CCC;
width: 100%;
}
/*Data Table CSS3 Properties*/
table.data-table {
background-color: rgba(240,240,240,.6);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
table.data-table th {
background-color: rgba(102,153,153,.7);
font-weight: normal;
padding: 5px;
border: 1px dotted #CCC;
text-align: center;
}
table.data-table td {
border: 1px solid #999;
text-align: left;
padding: 2px;
background-color: rgba(204,204,204,.5);
color: #000;
}
.thead{
background-color: rgba(102,153,153,.2);
}
table.data-table .transparent {
border: 0;
font-size: inherit;
text-align: left;
}
.heading{
font-size: 1.em !important;
font-weight: bold !important;
}

.desktop-hide { display:none}

.ipad-show-hide {
  display:block;
}
.iphone-show {
  display:none;
}
.showstufftablet {
  display:none;
}
.iphone-hide {
  display:block;
}

/*1 Column for Narrow Browser Windows and Smartphones in both orientations*/
@media only screen and (min-width: 0px) and (max-width: 400px) {

th, td, tr {
display: block;
text-align: left;
width: auto;
}
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
td:before {
display: block;
font-weight: bold;
}

.iphone-show {
  display:block;
}
.iphone-hide {
 margin-left: auto ;
  margin-right: auto ;
  display:none;
}
.hidestuffphone {
	margin-left: auto ;
  margin-right: auto ;
  display:none;
}
.showstuffphone {
	margin-left: auto ;
  margin-right: auto ;
  display:block;
}

}
@media only screen and (min-width: 0px) and (max-width: 699px) {
.iphone-show {
  display:block;
}
.iphone-hide {
 margin-left: auto ;
  margin-right: auto ;
  display:none;
}
.hidestuffphone {
	margin-left: auto ;
  margin-right: auto ;
  display:none;
}
.showstuffphone {
	margin-left: auto ;
  margin-right: auto ;
  display:block;
}
}

@media only screen and (min-width: 700px) and (max-width: 1000px) {
.hidestufftablet {
	margin-left: auto ;
  margin-right: auto ;
  display:none;
}
.showstufftablet {
	margin-left: auto ;
  margin-right: auto ;
  display:block;
}

}