<style>
* { margin: 0; padding: 0; height:100%; width:100%; }
html {		
	      /*background: url(http://vspotz.com/img/vep3o.jpg) no-repeat center center fixed; */
	      height: 100%;
         width:100%;

		}
body {
 margin: 0; padding: 0;

 height: 100%;
 width:100%;
   background: url(https://vspotz.com/img/pb1.jpg) no-repeat center center fixed;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			font-family: helvetica, arial, sans-serif;
 	     -ms-interpolation-mode:bicubic;
        image-rendering: optimizeQuality;
        margin: 0; padding: 0;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.https://vspotz.com/img/pb1.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://vspotz.com/img/pb1.jpg', sizingMethod='scale')";
        background-color:rgba(0, 0, 0, 0.35);
}

div.mdivwr{
position: absolute;
top: 0;
bottom: 0;
width:100%;
text-align:center;
display:inline-block;

}
div.indexmdiv{
position:relative;
/*left:0;right:0;top:0;bottom:0;margin:auto;*/
vertical-align: middle;
display:block;text-align:center;width:90%;height:90%;text-shadow: rgba(0, 0, 0, 0.8) 0px 1px 4px;text-align:center;padding:0px;margin:auto;
}



div.idww {

 width: 90%;
 height:80%;
 margin:auto;

        position:absolute;
        top: 0;
        left:0;
        bottom:0;
        right:0px;
text-align:center;


background-color:rgba(0, 0, 0, 0.6);
}


h1.imd{
text-shadow: rgba(0, 0, 0, 0.8) 0px 1px 4px;text-align:center;font-weight:bold;font-size:5px;color:#ffffff;margin:5px 0px 0px 0px;padding:0px;
}
h2.imd{
text-align:center;font-weight:bold;font-size:22px;color:#fafafa;margin:5px 0px 10px 0px;padding:0px;
}
img.imd{
max-width:40%;
}
a.imd{
border-radius:10px;margin:10px auto 0px auto;background-color:rgba(0, 0, 0, 0.7);color:#eeeeee;display:inline-block;padding:10px 0px;font-size:17px;width:80%;font-weight:bold;
}

input.imdia {
border-radius:10px;color:#bbbbbb;font-size:17px;font-weight:bold;padding:10px 0px;margin:10px auto;width:80%;text-align:center;border:1px solid #cccccc;
}

input.imdib {
border-radius:10px;color:#000000;font-size:17px;font-weight:bold;padding:5px 0px;margin:4px auto;width:80%;text-align:center;border:1px solid #cccccc;
}


html
{

  
}

a {
font-size:14px;
font-weight:bold;
background: none;
color:#ffffff;
text-decoration:none;
}
table.et {
font-family: helvetica, arial, sans-serif;
margin:0px auto;
font-size:12px;
font-weight:bold;
background: none;
color:#bbbbbb;
border-collapse:separate;
border-spacing:0px 5px;
}
table.et td {
font-size:14px;
font-weight:bold;
color:#ffffff;
padding:5px;
background-color:rgba(0, 0, 0, 0.4);
}
table.et th {
font-size:15px;
font-weight:bold;
color:#eeeeee;
padding:5px;
background-color:rgba(0, 0, 0, 0.5);
}
img.qaz{
border:2px solid #eeeeee;
border-radius:5px;
padding:0px;
margin:0px;
max-height:50px;
max-width:50px;
}
td.lc
{
text-transform: lowercase;
}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 5px 5px;
}
.dropdown:hover .dropdown-content {
    display: block;
}
/* Links inside the dropdown */
.dropdown-content a.ddmenu {
    color:#000000;
    text-decoration: none;
    display: block;
}
.dropdown-content a.ddmenu:hover {background-color: #c1c1c1}
.demo-table {font-family: helvetica, arial, sans-serif;background-color:rgba(0, 0, 0, 0);border-radius:10px;width: 170px;border-spacing: initial;margin:0px;word-break: break-word;table-layout: auto;color:#eeeeee;}
.demo-table th {font-size:14px;font-family: helvetica, arial, sans-serif;border-width:0px;background-color:rgba(0, 0, 0, 0.3);padding: 5px 0px;text-align: center;color:#FFF;}
.demo-table td {font-family: helvetica, arial, sans-serif;border-bottom: #f0f0f0 0px solid;border-width:0px;background-color:rgba(0, 0, 0, 0.3);padding: 5px;width:30px;}
.demo-table td div.feed_title{font-family: helvetica, arial, sans-serif;text-decoration: none;color:#40CD22;font-weight:bold;}
.demo-table ul{font-family: helvetica, arial, sans-serif;margin:0;padding:0;}
.demo-table li{font-family: helvetica, arial, sans-serif;cursor:pointer;list-style-type: none;display: inline-block;color: #F0F0F0;text-shadow: 0 0 1px #666666;font-size:20px;}
.demo-table .highlight, .demo-table .selected {color:#F4B30A;text-shadow: 0 0 1px #F48F0A;}
.btn-likes {float:left; padding: 0px 5px;cursor:pointer;}
.btn-likes input[type="button"]{width:20px;height:20px;border:0;cursor:pointer;}
.like {background:url('http://vspotz.com/img/unlike.png')}
.unlike {background:url('http://vspotz.com/img/img/like.png')}
.label-likes {font-size:12px;color:#2F529B;height:20px;}
.desc {clear:both;color:#999;}
.triangle-right.left::after {
    top: 16px;
    left: -40px;
    bottom: auto;
    border-width: 15px 40px 0 0;
    border-color: transparent #075698;
}
.triangle-right.left {
    margin-left: 40px;
    background: #075698;
}
.triangle-right::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50px;
    border-width: 20px 0 0 20px;
    border-style: solid;
    border-color: #075698 transparent;
    display: block;
    width: 0px;
}
.triangle-right {
    position: relative;
    padding: 10px;
    margin:5px 0px 0px 0px;
    color: #fff;
    background: #075698;
    background: -moz-linear-gradient(#2e88c4, #075698);
    background: -o-linear-gradient(#2e88c4, #075698);
    background: linear-gradient(#2e88c4, #075698);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
p {
    margin: 1em 0;
}
.triangle-right.right::after {
    top: 16px;
    right: -40px;
    bottom: auto;
    left: auto;
    border-width: 15px 0 0 40px;
    border-color: transparent #075698;
}
.triangle-right.right {
    margin-right: 40px;
    background: #075698;
}
.triangle-right::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50px;
    border-width: 10px 0 0 10px;
    border-style: solid;
    border-color: #075698 transparent;
    display: block;
    width: 0px;
p {
    margin: 1em 0;
}
table.udtest A {
color:#000000;
}
table.tt td {
width:auto;
vertical-align:top;
background:#fff;
text-align:left;
border:1px solid;
border-color:#e5e6e9 #dfe0e4 #d0d1d5;
border-radius:3px;
color: #141823;
}
table.innertt td {
border:0px;
}
table.thbl th {
color:#000000;
}
table.gr th {
color:#000000;vertical-align:middle;
}
table.gr td {
vertical-align:middle;
}
table.gr img {
max-height:50px;
max-width:50px;
}
table.grcount th {
color:#000000;
vertical-align:middle;
padding:7px;
width:100px;
text-align:center;
}
table.grcount td {
vertical-align:middle;
padding:7px;
width:100px;
text-align:center;
}
table.grcount img {
max-height:50px;
max-width:50px;
}
.outlike
{
float:left;
position: relative;
width:100px;height:100px;
text-align:center;
margin:1px;
padding:4px;
display:table-cell;
vertical-align: bottom;
}
.inlike
{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding:2x 2px;
  background: rgba(0, 0, 0, 0.2);
  transition: all .3s linear;
}
td.cpbg {
background-size:cover;
background-position:center center;
background-repeat: no-repeat;
background:url(<? echo $json['cover']['source']; ?>);
z-index: -1;
}
table.website th {
width:150px;
text-align:center;
color:#000000;
vertical-align:middle;
padding:4px;
font-size:12px;
border-radius:3px;
font-weight:bold;
}
table.website td {
width:150px;
text-align:center;
vertical-align:middle;
font-weight:bold;
padding:4px;
border-radius:3px;
}
table.ra td
{
width:100%;
vertical-align:middle;
font-weight:bold;
text-align:center;
padding:4px;
border-radius: 4px;
}
table.ra th
{
font-size:12px;
width:100%;
vertical-align:middle;
font-weight:bold;
text-align:center;
padding:4px;
color:#000000;
border-radius: 4px;
}
 table.ok td
{
width:100%;
vertical-align:middle;
font-weight:bold;
text-align:center;
padding:4px;
border-radius: 4x;
}
table.ok th
{
font-size:12px;
width:100%;
vertical-align:middle;
font-weight:bold;
text-align:center;
padding:4px;
color:#000000;
border-radius: 4px;
}

table.tt td {
width:auto;
vertical-align:top;
background:#fff;
text-align:left;
border:1px solid;
border-color:#e5e6e9 #dfe0e4 #d0d1d5;
border-radius:3px;
color: #141823;
}
table.innertt td {
border:0px;
}
table.thbl th {
color:#000000;
}
table.gr th {
color:#000000;vertical-align:middle;
}
table.gr td {
vertical-align:middle;
}
table.gr img {
max-height:50px;
max-width:50px;
}
table.grcount th {
color:#000000;
vertical-align:middle;
padding:7px;
width:100px;
text-align:center;
}
table.grcount td {
vertical-align:middle;
padding:7px;
width:100px;
text-align:center;
}
table.grcount img {
max-height:50px;
max-width:50px;
}


table.website th {
width:150px;
text-align:center;
color:#000000;
vertical-align:middle;
padding:4px;
font-size:12px;
border-radius:3px;
font-weight:bold;
}
table.website td {
width:150px;
text-align:center;
vertical-align:middle;
font-weight:bold;
padding:4px;
border-radius:3px;
}
 table.ra td
{
width:100%;
vertical-align:middle;
font-weight:bold;
text-align:center;
padding:4px;
border-radius: 4px;
}
table.ra th
{
font-size:12px;
width:100%;
vertical-align:middle;
font-weight:bold;
text-align:center;
padding:4px;
color:#000000;
border-radius: 4px;
}
 table.ok td
{
width:100%;
vertical-align:middle;
font-weight:bold;
text-align:center;
padding:4px;
border-radius: 4x;
}
table.ok th
{
font-size:12px;
width:100%;
vertical-align:middle;
font-weight:bold;
text-align:center;
padding:4px;
color:#000000;
border-radius: 4px;
}

</style>


