body {
	color: #848484;
	max-width: 400px;
	margin: auto;
	background: #000 url(images/back.gif) fixed;
	font: 12px tahoma;
}
a:link, a:active, a:visited {
	color: #18a6fd;
	text-decoration: none;
}
a:hover, a:focus {
	text-decoration: underline;
}
a.ico {
	padding-left: 12px;
	background: url(images/ico.gif) no-repeat left;
}
a.ico:hover {
	background: url(images/icoh.gif) no-repeat left;
}
img {
	vertical-align: middle;
	border-style: none;
max-width: 100%;
}
.sld {
	border-right: 1px solid #292929;
	border-left: 1px solid #292929;
}
.head {
	color: #afafaf;
	font-size: 16px;
	font-weight: bold;
	background: #181818 url(images/head.gif) repeat-x top;
}
.head a {
	color: #afafaf;
	text-decoration: none;
}
.head b {
	color: #009dfd;
}
.logo {
	height: 39px;
	padding-top: 20px;
	padding-left: 55px;
	background: url(images/logo.png) no-repeat left top;
}
.nv, .foot, .title {
	text-align: center;
	margin-top: 1px;
	margin-bottom: 1px;
	padding: 4px;
	border-top: 1px solid #303030;
	border-bottom: 1px solid #303030;
	background: #020202 url(images/nv.gif) repeat-x top;
}
.title {
	font-weight: bold;
	text-align: left;
}
.content {
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 5px;
	border-top: 1px solid #292929;
	border-bottom: 1px solid #292929;
	background: #191919;
}
.nv a, .foot a {
	color: #848484;
	border-bottom: 1px dotted #4f4f4f;
}
.adv {
	margin-top: 1px;
	margin-bottom: 1px;
	padding: 3px;
	border-top: 1px solid #292929;
	border-bottom: 1px solid #292929;
	background: #000 url(images/adv.gif) repeat-x bottom;
}
.adv a {
	color: #dd5d02;
	text-decoration: none;
}
.m {
	font-size: 11px;
	margin: 2px;
	background: url(images/m.gif) repeat-x;
}
.m a {
	color: #a1a1a1;
	font-size: 12px;
}
.m a:hover {
	color: #dfdfdf;
	font-size: 12px;
	text-decoration: none;
}
.m b {
	height: 44px;
	padding-top: 3px;
	padding-left: 44px;
	display: block;
	background: url(images/rm.png) no-repeat right top;
}
.m span {
	background-repeat: no-repeat;
	background-position: left top;
	height: 47px;
	display: block;
}
.i1 span {
	color: #8a9f54;
	background: url(images/mus.png) no-repeat;
}
.i2 span {
	color: #dd5d02;
	background: url(images/game.png) no-repeat;
}
.i3 span {
	color: #817796;
	background: url(images/film.png) no-repeat;
}
.i4 span {
	color: #3785b7;
	background: url(images/soft.png) no-repeat;
}
.i5 span {
	color: #d95ece;
	background: url(images/walp.png) no-repeat;
}
.count {
	text-align: center;
	margin-top: 1px;
	padding: 2px;
}
.download {
cursor:pointer;
background:#333;
padding:5px 24px;
margin:6px;
font-weight:bold;
text-align:center;
border-radius:4px;
}

/*-- Varokah Desu CSS --*/
#customers {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
border-collapse: collapse;
width: 100%;}
#customers td, #customers th {border: 1px solid #ddd;
padding: 8px;}
#customers tr:nth-child(even){background-color: #f2f2f2;}
#customers tr:hover {background-color: #ddd;}
#customers th {padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: #333333;
color: white;}
.vdownload {cursor:pointer;
background:#FF5722;
padding:5px 14px;
margin:6px;
color:#fff;
font-weight:bold;
text-align:center;
border-radius:4px;}

.container-video {

  position: relative;

  overflow: hidden;

  width: 100%;

  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */

}

/* Then style the iframe to fit in the container div with full height and width */

.responsive-iframe {

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  width: 100%;

  height: 100%;

}