@media all and (orientation: landscape){
#tables {
outline: 0px solid red;
width:100%;
}

#smallscreentables {
display: none;
}

#tbl1 {
outline: 0px dotted green;
width: 50%;
float:left;
}

#tbl2 {
outline: 0px dotted purple;
width: 50%;
float:left;
}

#tbl3 {
outline: 0px dashed orange;
width: 100%;
float:clear;
}

#vicebox {
top:1%; outline: 0px dotted red; position:absolute; width:30%; height:auto;
}

#viceimage {
width:100%; height: auto;
}

#logo {
opacity:1;
width:50%;
height:auto;
outline:0 solid red;
margin-left:25%;
}

#logo1 {
opacity:1;
width:auto;
height:85%;
outline:0 solid red;
float:left;
margin-left:5%;
}

#logodiv {
outline:0px solid green;
position:absolute;
background:#FFF;
width:100%;
height:50%;
top:55%;
margin-top:0;
transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
-webkit-transform:scale(1.1,1.1);
}

#container {
top:0;
height:100%;
width:100%;
outline:0 solid blue;
background:url(/images/tuned_search2.jpg);
background-size:cover;
background-repeat:no-repeat;
}

#menudiv {
outline:0px solid gray;
z-index: 2;
position:fixed;
top:0;
left:0;
width:80%;
background:#FFF;
height:50px;
opacity:1;
display:none;
}

a {
text-decoration:none;
}

a:hover {
background-color:#FF0;
}

a:visited {
background-color:#FFF;
}

p.gray {
color:gray;
font-family:Arial Helvetica, sans-serif;
}

p {
color:#000;
font-family:Helvetica Arial, sans-serif;
white-space:nowrap;
}

#browse {
outline:0px solid #FF0;
width:auto;
margin-left:25%;
}

#content {
width:45%;
height:auto;
outline:0px solid blue;
top:35%;
margin-top:0;
position:absolute;
padding:15px;
}

.center {
margin:0 auto;
}

select {
border:0px dotted purple;
-webkit-appearance:none;
-moz-appearance:none;
background:url(/images/arrow.jpg) no-repeat;
background-size:7px;
background-position:135px 5px;
width:150px;
outline:0 solid #000;
text-overflow:ellipsis;
padding:0;
}

option {
text-overflow:ellipsis;
}

#divLoader {
height:100%;
width:100%;
background-color:#000;
opacity:.8;
z-index:1000;
position:fixed;
top:0;
}

#slink,#link {
outline:0 solid red;
display:none;
float:left;
width:75px;
}

#slink1,#link1,#link2 {
outline:0 solid red;
display:none;
float:left;
width:auto;
}

#menu,#menu1 {
outline:0 solid green;
width:100px;
float:left;
}

.l,.l1 {
font-family:Century Gothic, sans-serif;
}
}

@media all and (orientation: portrait){
#tables {
width: 100%;
}

#smallscreentables {
display: none;
}
	
#vicebox {
top:1%; outline: 0px dotted red; position:absolute; width:100%; height:33%;
}

#viceimage {
width:auto; height: 100%;
}

#logo {
opacity:1;
width:50%;
height:auto;
outline:0 solid red;
margin-left:25%;
}

#logo1 {
opacity:1;
width:auto;
height:85%;
outline:0 solid red;
float:left;
margin-left:5%;
}

#logodiv {
outline:0px solid green;
position:absolute;
background:#FFF;
width:100%;
height:50%;
top:55%;
margin-top:0;
transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
-webkit-transform:scale(1.1,1.1);
}

#container {
top:0;
height:100%;
width:100%;
outline:0px dashed purple;
background-size:cover;
background-repeat:no-repeat;
}

#menudiv {
z-index:2;
outline:0 solid gray;
position:fixed;
top:0;
left:0;
width:80%;
background:#FFF;
height:50px;
opacity:1;
display:none;
}

a {
text-decoration:none;
}

a:hover {
background-color:#FF0;
}

a:visited {
background-color:#FFF;
}

p.gray {
color:gray;
font-family:Arial Helvetica, sans-serif;
}

p {
color:#000;
font-family:Helvetica Arial, sans-serif;
white-space:nowrap;
}

#browse {
outline:0px solid #FF0;
width:auto;
margin-left:25%;
}

#content {
width:100%;
height:auto;
outline:0px solid blue;
top:35%;
margin-top:0;
position:absolute;
padding:15px;
}

#mobilecontent {
width: 75%;
position:relative;
outline: 0px dotted purple;
}

/** 
table, tr, td {
display:block;
}

table {
	margin: 0 auto;
	border: 0px solid black;
}
*/

/* tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
}

td { 
	border: none;
	border-bottom: 1px solid #eee; 
	position: relative;
	padding-left: 50%;
	white-space: nowrap;
}
*/
.center {
margin:0 auto;
}

select {
border:0;
-webkit-appearance:none;
-moz-appearance:none;
background:url(/images/arrow.jpg) no-repeat;
background-size:7px;
background-position:135px 5px;
width:150px;
outline:0 solid #000;
text-overflow:ellipsis;
padding:0;
}

option {
text-overflow:ellipsis;
}

#divLoader {
height:100%;
width:100%;
background-color:#000;
opacity:.8;
z-index:1000;
position:fixed;
top:0;
}

#slink,#link {
outline:0 solid red;
display:none;
width:75px;
}

#slink1,#link1,#link2 {
outline:0 solid red;
display:none;
float:left;
width:auto;
}

#menu,#menu1 {
outline:0 solid green;
width:100px;
float:left;
}

.l,.l1 {
font-family:Century Gothic, sans-serif;
}
}

@media all and (max-width: 1024px) and (orientation: landscape){
#tables {
outline: 0px solid red;
width:100%;
}

#smallscreentables {
display: none;
}

#tbl1 {
outline: 0px dotted green;
width: 50%;
float:left;
}

#tbl2 {
outline: 0px dotted purple;
width: 50%;
float:left;
}

#tbl3 {
outline: 0px dashed orange;
width: 100%;
float:clear;
}
	
#vicebox {
top: 1%;
position: absolute;
outline: 0px dotted red;
width:30%;
height:auto;
}

#viceimage {
width:100%; height: auto;
}

#logo {
opacity:1;
width:50%;
height:auto;
outline:0 solid red;
margin-left:25%;
}

#logo1 {
opacity:1;
width:auto;
height:85%;
outline:0 solid red;
float:left;
margin-left:5%;
}

#logodiv {
outline:0px solid green;
position:absolute;
background:#FFF;
width:100%;
height:50%;
top:55%;
margin-top:0;
transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
-webkit-transform:scale(1.1,1.1);
}

#container {
top:0;
height:100%;
width:1024px;
outline:0px solid blue;
background:url(/images/tuned_search2.jpg);
background-size:cover;
background-repeat:no-repeat;
}

#menudiv {
z-index: 2;
outline:0 solid gray;
position:fixed;
top:0;
left:0;
width:80%;
background:#FFF;
height:50px;
opacity:1;
display:none;
}

a {
text-decoration:none;
}

a:hover {
background-color:#FF0;
}

a:visited {
background-color:#FFF;
}

p.gray {
color:gray;
font-family:Arial Helvetica, sans-serif;
}

p {
color:#000;
font-family:Helvetica Arial, sans-serif;
white-space:nowrap;
}

#browse {
outline:0px solid #FF0;
width:auto;
margin-left:25%;
}

#content {
width:30%;
height:auto;
outline:0 solid blue;
top:35%;
margin-top:0;
position:absolute;
padding:15px;
}

.center {
margin:0 auto;
}

select {
border:0px dotted purple;
-webkit-appearance:none;
-moz-appearance:none;
background:url(/images/arrow.jpg) no-repeat;
background-size:7px;
background-position:135px 5px;
width:150px;
outline:0 solid #000;
text-overflow:ellipsis;
padding:0;
}

option {
text-overflow:ellipsis;
}

#divLoader {
height:100%;
width:100%;
background-color:#000;
opacity:.8;
z-index:1000;
position:fixed;
top:0;
}

#slink,#link {
outline:0 solid red;
display:none;
float:left;
width:75px;
}

#slink1,#link1,#link2 {
outline:0 solid red;
display:none;
float:left;
width:auto;
}

#menu,#menu1 {
outline:0 solid green;
width:100px;
float:left;
}

.l,.l1 {
font-family:Century Gothic, sans-serif;
}	
}