body {
    background: #FFFFFF;
    font-family: Helvetica;
    color: #808080;
}
a {
    color: #3A41A1;
}
#wrapper {
    width: 100%;
    background:url(../images/straws.png) repeat;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.75);
    float:left;
    margin-bottom:25px;
}
#header {
    
    color: #000000;
    margin-bottom: 15px;
}

.row {
    display: table-row;
    padding: 5px;
    border-bottom: 1px dotted black;
    font-weight:bold;
	background: #EFEFEF;
	line-height: 32px;
}
.entry{
	/*overflow:visible !important;*/
	}
.row:first-child {
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 */
}
.row:last-child {
	border:none;
}
.row:last-child:hover {
	
}

.cell-header-mode{
	   padding: 2px;
display: table-cell;
width: 90px;
font-size: 13px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #000;
text-align:center;
border-bottom: 1px solid #333;
border-right: 1px solid #EEEEEE;
background: rgba(0,0,0,0.1);
	}
.cell-header:last-child {
	border-right:none;
}

.cell-left-mode {
    display: table-cell;
padding-top: 8px;
padding-bottom: 8px;
/*font-weight: bold;*/
font-family: tahoma;
width: 90px;
font-size: 12px;

border-right: 1px solid #FFEEFF;
text-align:center;
color:#000000;
   
}
.rowget a:link, .rowget a:visited{
	text-decoration:underline;
	}
.cell-right {
    display: table-cell;
    padding: 2px;
    text-align: center;
    font-size: 11px;
	font-weight: bold;
	font-family: tahoma;
	border-top:1px solid #fff;
}
.cell-left:hover, .cell-right:hover {
	
}
.rowget{
	   display: table-row;
    padding: 5px;
    border-bottom: 1px dotted black;
    /*font-weight:bold;*/
	background: #FFFFFF;
	}
.rowget:hover{
	background:rgba(0,0,0,0.1);
	color:#fff;
	}
	.cell-data-left input[type="image"]{
		margin-bottom: -5px;
		box-shadow:0 0 0 transparent; border-radius:0;border:0;
		}
		.post{
			padding:50px 20px;
			}
#wrapper > form{
	display: table;
    width: 100%;
	}
#upgrade{
	text-decoration:underline;
	}
	
	
	
	
.cell-head {
padding: 2px;
display: table-cell;
width: 120px;
font-size: 13px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #000;
text-align:center;
border-bottom: 1px solid #333;
border-right: 1px solid #EEEEEE;
background: rgba(0,0,0,0.1);
}
.cell-head-start{
padding: 2px;
display: table-cell;
width: 90px;
font-size: 13px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #000;
text-align:center;
border-bottom: 1px solid #333;
border-right: 1px solid #EEEEEE;
background: rgba(0,0,0,0.1);
	}
.cell-head-end{
padding: 2px;
display: table-cell;
width: 90px;
font-size: 13px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #000;
text-align:center;
border-bottom: 1px solid #333;
border-right: 1px solid #EEEEEE;
background: rgba(0,0,0,0.1);
	}
.cell-head-sub{
padding: 2px;
display: table-cell;
width: 140px;
font-size: 13px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #000;
text-align:center;
border-bottom: 1px solid #333;
border-right: 1px solid #EEEEEE;
background: rgba(0,0,0,0.1);
	}
.cell-head-amt{
padding: 2px;
display: table-cell;
width: 36px;
font-size: 13px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #000;
text-align:center;
border-bottom: 1px solid #333;
border-right: 1px solid #EEEEEE;
background: rgba(0,0,0,0.1);
	}
.cell-head-mode{
padding: 2px;
display: table-cell;
width: 120px;
font-size: 13px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #000;
text-align:center;
border-bottom: 1px solid #333;
border-right: 1px solid #EEEEEE;
background: rgba(0,0,0,0.1);
	}
.cell-head:last-child {
	border-right:none;
}


.cell-data-left {
display: table-cell;
padding: 2px;
/*font-weight: bold;*/
font-family: tahoma;
width: 120px!important;
font-size: 12px;
border-right: 1px solid #FFEEFF;
text-align:center;
color:#000000;
font-weight: normal;   
padding-top: 8px;
padding-bottom: 8px;
}
.cell-data-left-start {
display: table-cell;
padding: 2px;
/*font-weight: bold;*/
font-family: tahoma;
width: 90px;
font-size: 12px;
border-right: 1px solid #FFEEFF;
text-align:center;
color:#000000;
font-weight: normal;
padding-top: 8px;
padding-bottom: 8px;
}
.cell-data-left-end {
display: table-cell;
padding: 2px;
/*font-weight: bold;*/
font-family: tahoma;
width: 90px;
font-size: 12px;
font-weight: normal;
border-right: 1px solid #FFEEFF;
text-align:center;
color:#000000;
padding-top: 8px;
padding-bottom: 8px;
   
}
.cell-data-left-sub {
display: table-cell;
padding: 2px;

/*font-weight: bold;*/
font-family: tahoma;
width: 140px;
font-size: 12px;

border-right: 1px solid #FFEEFF;
text-align:center;
color:#000000;
 font-weight: normal;  
 padding-top: 8px;
padding-bottom: 8px;
}
.cell-data-left-amt {
display: table-cell;
padding: 2px;
width: 36px;
/*font-weight: bold;*/
font-family: tahoma;
font-size: 12px;

border-right: 1px solid #FFEEFF;
text-align:center;
color:#000000;
font-weight: normal;   
padding-top: 8px;
padding-bottom: 8px;
}

.imageclass {
box-shadow:0 0 0 transparent; border-radius:0;	
}

@media (max-width:479px){
	
	#wrapper{ width:480px; overflow:auto}
	
	.scroller{ overflow:auto; width:100%}
	
}

@media only screen and (max-width: 767px) {
    	
	/* Force table to not be like tables anymore */
	.responsive-table-element table, 
	.responsive-table-element thead, 
	.responsive-table-element tbody, 
	.responsive-table-element th, 
	.responsive-table-element td, 
	.responsive-table-element tr ,
	.responsive-table-element.rowget  { 
		display: block; 
		float:left;
		width:100%;
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	.responsive-table-element thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	.responsive-table-element tr , .responsive-table-element.rowget { border: 1px solid #ccc; }
 
	.responsive-table-element.rowget div { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		white-space: normal;
		text-align:left;
		min-height: 20px;
		padding:5px;
	}
 

	.responsive-table-element.rowget div:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
    

    	/*
    	Label the data
    	*/
	.responsive-table-element.rowget div:before { content: attr(data-title); }
}