#m-page {
    background: #f4f4f4 url('../img/bgMain-xHamster2.png');
    border: 1px solid #666;
    -moz-border-radius-bottomleft: 15px;
    -moz-border-radius-bottomright: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    /* padding: 15px; margin: 0 0 5px; */

    position: relative;
    width: 984px;
    margin: 0 auto 5px;
    padding: 10px;
}

#m-sidebar form input {
	font-size:16px !important;
}

/* Video-container BOX, if FLASH-plugin not installed, or Javascript is disabled */
#errmsg {
line-height:140%;
font-weight:bold;
background:#fff;color:#f00;
border:1px solid #d00; padding:8px;
margin:0 0 15px;
}

object#container1 {
    background: #000 url(jwplayer/jwplayer-bg.png) 50% 50% no-repeat;
}
/* Mainmenu SEARCH-BOX styles */
#menu a.nolink {
width:112px;padding:2px 2px 2px 4px;text-align:left;
}
#text-input {
float:left;
height:31px;
}
#text-input input {
    padding:0 2px;
    margin:5px 2px 0;
    background: navy; border:none;
    font-size:18px;display:inline-block;
    width:160px;height:22px;
}
#text-input input:focus {
    background: white;
}

#small-submit-btn {
    padding: 0;
    border: none;
    font-size: 20px;
    background: transparent;
    vertical-align: middle;
}
#small-submit-btn:hover  {cursor:pointer;}
#small-submit-btn:active {background: #bbb;border:2px inset #ddd;}


/* old btn, not used */
.btn {
float:left;width:17px;height:17px;
overflow: hidden;background:#ccc url(../img/search_button1.png) 0px 0px no-repeat;
border:1px solid #888;
padding:0;margin:3px 1px 0 0;
cursor:pointer;
font:bold 11px Tahoma;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
.btn:hover {border:1px solid #08f;}
.btn:active {background:url(../img/search_button1.png) 1px 1px no-repeat;}
.chk {float:left;width:14px;height:14px;padding:0;margin:3px 0 0 1px;}
/* End SEARCH-BOX */

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #e80;}
::-moz-placeholder { /* Firefox 19+ */
  color: pink;}
:-ms-input-placeholder { /* IE 10+ */
  color: pink;}
:-moz-placeholder { /* Firefox 18- */
  color: pink;}


/* EDIT nupp peamenüüs */
ul li #edit {
background: #0b0;
background: -moz-linear-gradient(top, rgba(252,231,0,1) 0%, rgba(1,191,11,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(252,231,0,1) 0%, rgba(1,128,11,1) 100%); /* Chrome,Safari4+ */
background: linear-gradient(to bottom, rgba(252,231,0,1) 0%, rgba(1,128,11,1) 100%);
} 

#hb-left {
    overflow: hidden;
    max-width: 740px;
    /* height: 26px; */
}
/* logo hover */
#hb-right a .tube:hover {color:#000;}

.star32  {height:26px;vertical-align:text-top;margin-left:10px;}
.heart32 {height:32px;vertical-align:text-top;margin-left:10px;}

/* Before textbox separ-1 */
.separ-1 {
border-bottom: 1px solid #EEE;
border-top: 1px solid #CCC;
}

#textbox hr {clear:both;}
#textbox pre {font-family: "lucida console",monospace;}

/*epp*/
#loodud, #votes, .x-cat, .x-category, #setdur, #dur {display:inline-block;}
#loodud, .cat {font:14px/16px Arial,sans-serif;}
/*epp*/
#loodud {
	background:url(../img/calendar2.png) 0 -2px no-repeat;
	vertical-align:top;height:16px;
	margin:0 0 0 8px;padding:0 0 0 20px;
}
#eye { 
	display: inline-block;
	cursor:default;
	background: url(../img/eye16.png) 0 -1px no-repeat;
	height: 20px;
	line-height:16px;
	padding-left: 24px;
	padding-right: 12px;
	vertical-align: top;
	background-size: 20px;
}
#viewcount {
    color: #D60;
    font: bold 14px/14px Arial;
    text-shadow: 1px 1px #555;
}
#votes {position:relative;top: -3px;}

.cat   {vertical-align: top;}
.cat a {color: #048;font-weight:bold;padding: 1px 5px;vertical-align: inherit;}

.a-category {
/* position:absolute;left:1px;top:1px; */ 
display:inline-block;padding:0 22px 0 1px;height:16px;cursor:default;
background:url(../img/category3o.png) 68px -2px no-repeat;
} 
.category {
    padding: 2px 2px 2px 2px; /* 18px */
    background: #D0E0F0; /*url(../img/category3o.png) 3px 1px no-repeat;*/
	vertical-align: inherit;
    border: 1px solid #aaa;
} 

/*
.Film {
background: #D0E0F0 url(../img/film_16px.png) 3px 2px no-repeat;
}
.MP3 {
background: #D0E0F0 url(../img/music-green-icon_16.png) 3px 2px no-repeat;
}
.playlist, .Playlist {
background: #D0E0F0 url(../img/playlist_music16x16.png) 3px 1px no-repeat;
}
.EST, Eesti {
background: #D0E0F0 url(../img/est_16px.png) 3px 1px no-repeat;
}
.Muusikavideo {
background: #D0E0F0 url(../img/muusika_16px.png) 3px 1px no-repeat;
}
.Teatri {
background: #D0E0F0 url(../img/teatri_16px.png) 3px 1px no-repeat;
}
.Poliitika {
background: #D0E0F0 url(../img/king_16px.png) 3px 1px no-repeat;
}
.Kosmos {
background: #D0E0F0 url(../img/saturn16px.png) 3px 1px no-repeat;
}
.SoundClub {
background: #D0E0F0 url(../img/sclub_16px.png) 2px 1px no-repeat;
}
*/

/*epp*/
#setdur, #dur {
vertical-align:top;
float:right;
margin: 4px 4px 0 0;
font: 14px/16px Arial,sans-serif;
}
#setdur {padding-left: 5px;}
#dur    {height:16px;background:url(../img/date.png) no-repeat;font-weight:bold;}
#dur a  {width:18px;color:#333;cursor:default;display:inline-block;}

/* playlist download links button */
#showhide {
    cursor: pointer;
    margin: 3px 0;
    color: blue;
    display: inline-block;
    border: 1px solid #d0d0d0;
    background: #eee;
    background-image: -webkit-linear-gradient(bottom, #CCC 0%, white 90%);
    background-image: -moz-linear-gradient(bottom, #CCC 0%, white 90%);
    background-image: -linear-gradient(bottom, #CCC 0%, white 90%);
    background-repeat: repeat;
    background-position: 0 0;
    padding: 2px 4px 4px;
}
#showhide:hover {color: black;}
#showhide:focus {border: 1px solid #d0d0d0;outline: none;}

/* link in new tab */
.external:after {
    /*background-color: var(--icon-primary);*/
    background-color: #f60;
    content: "";
    display: inline-block; margin-left: 4px;
	vertical-align: text-bottom;
    width: 18px; height: 18px;
    -webkit-mask-image: url(/img/external_link.svg);
    mask-image: url(/img/external_link.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
}

/* old digitiger */
#iPad {
float: right;
display: inline-block;
margin: 6px 4px 0 0;
font: 13px/16px Arial,sans-serif;
}

#html5-inf { 
display:inline-block;color:#d60;background:#f0f0f0;border:1px solid #ccc;
font:normal 12px Arial;line-height:140%;padding:4px;
position:absolute;bottom:2px;
/*margin:16px 0 42px 3px;*/
}
/* little rounded orange (Tube) inside #html5-inf */
.e-tube { 
    background: #d60;
    color: #fff;
    display: inline-block;
    padding: 1px 3px 1px 2px;
    margin-left: 1px;
    border-radius: 4px;
}

#mysql {
height:78px;
background:white;/* background:url(../img/php-mysql.gif);background-size:188px 166px;*/
color:#024;font:normal 11px Arial,sans-serif;
}
#mysql img, #mysql span {vertical-align: middle;}
a.mysql-lnk {color:#f40;} 

#counters {
    float: right;
    margin-top: 10px;
    width: 132px;
}

#t-counter {
    font: normal 12px Consolas,Arial;
    line-height: 16px;
    text-align: right;
}
.ipadcont {
position:relative;float:right;
margin:16px 10px 0 0;
}
.ipadlnk  {position:absolute;top:18px;left:8px;}
.ipadlnk a {color:#3f7;}

.minitube {background:#a00;color:#fff;display:inline-block;padding:1px 2px 3px;margin-left:1px;border-radius:4px;}

.a-z-links {
    background: #fc8;
    border: 1px solid #da6;
    padding: 1px 5px;
    margin: 0 0.5em 0.2em 0;
    display: inline-block;
}
.z-links {
    background: #fc8 url(../img/tag-red-icon24.png) 0 1px no-repeat;
    border: 1px solid #c82;
    padding: 3px 6px 3px 28px;
    margin: 0 0.5em 0.2em 0;
    display: inline-block;
}
.alignleft {margin:5px 5px 5px 0;width:49%;float:left;}
.fullcenter {margin:5px 0 5px;width:746px;}
.alignright {margin:5px 0 5px 5px;width:49%;float:right;}



/* HTML5 PLAYLIST STYLES */
#playlist-box {
margin-top:3px;padding:3px 1px;width:752px;height:128px;background:#444;color:#ddd;
position:relative;overflow-y:scroll;
}

/* html5 playlist, num of playlist items, in read-paylist.php */
#num-outer {padding-left:3px;cursor:default;} 
#num {font-size:14px;} 

.pl-btn {display:block;line-height:24px;font-size:16px;width:100%;max-height:26px;overflow:hidden;background:#444;color:#d8d8d8;border:none;text-align:left;}
.pl-btn:hover  {background:#555;}
.pl-btn:active {outline-color:#222;background:#222;}
.pl-btn:focus  {outline:none;}
.current       {background:#3a3a3a;color:#ff8800;}

.prevnext:hover {background:#f94;border:2px outset #f94;outline:none;xcursor:pointer;}
.prevnext:active {color:#fff;background:#07d;border:2px inset #07d;}
.prevnext:focus {outline:none;}
/***************************************************/

/* from tube-header.php */

#hostinger {
    background: #CCC;
    background-image: linear-gradient(left, #00acac 0%, #808 100%);
    background-image: -o-linear-gradient(left, #00acac 0%, #808 100%);
    background-image: -moz-linear-gradient(left, #00acac 0%, #808 100%);
    background-image: -webkit-linear-gradient(left, #00acac 0%, #808 100%);
    background-image: -ms-linear-gradient(left, #00acac 0%, #808 100%);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#00acac,endColorStr=#880088);
}

/* a tags inside li */
.login-btn, .dropdown {position:relative;display:inline-block;}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    min-width: 80px;
    position: absolute;top:26px;left:0;
	font:normal 13px Tahoma,sans-serif;
	color:#fff;
    background-color: #40a0f4;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content { display: block; }

.filesize {
    font: 12px Consolas, monospace;
	min-width: 100px; margin: 3px 6px 0 0;
    padding: 3px 2px 2px; display: inline-block;
    background: #f0f0f0; border: 1px inset #eee;
}
.filesize:hover { cursor: cell; }
#dimensions {min-width:104px;text-align:center;}
.hide {display:none;}

.tip-message {
background: aliceblue;margin:3px 0;padding:1px 3px;
font:normal 13px consolas,monospace; 
}

.snowstorm {width:752px;height:560px;border:1px solid green;position:relative;}

/* https://stackoverflow.com/questions/9622354/make-a-div-center-of-viewport-horizontally-and-vertically/25113184 */
.theatre {
    position: absolute; z-index: 10;
    width:  calc(100vw - 0px) !important;
    height: calc(100vh - 0px) !important;
	background:black;
    /* border: 1px solid red; */
	top: -1px; left: 50%;
    margin-left: -50vw;
}

#theatre-closebtn {display:none;}
.theatre #theatre-closebtn { 
	display: inline-block;  position: absolute; z-index: 50;
	font:bold 16px Verdana,sans-serif;
    top: 2px; right: 2px;
    color: #ccc; background: rgba(3,3,3,.2);
	border:none;
}
.theatre #theatre-closebtn:hover, .high {color:orange !important;text-shadow: 1px 1px #000;outline: 3px solid black;}
.theatre #theatre-closebtn:hover {cursor:pointer;}

.xtheatre-black-after { 
	display:none;
	width: 100vw;
    height: 100vh;
    background: black;
    position: relative;
	z-index:1;
    top: 33vw;
    left: 50%;
    margin-left: -50vw;
} 

#size-btn            {float:right;margin:0 0 6px 6px;padding: 2px 6px 1px;outline:none;line-height:110%;}
#size-btn.btn-normal {background:#efefef;border:1px outset #bbb;}
#size-btn.btn-lime   {background:lime;border:1px outset #bbb;}
#size-btn:hover      {color:#f94;text-shadow:1px 1px #000;cursor:pointer;}

#theatre-btn         {float:right; padding-bottom: 3px; line-height: 115%; font-size: 15px;}
#theatre-btn:hover   {color:orange;text-shadow: 1px 1px #000;}

.black-overlay {background:black;position:absolute;top:0;left:0;width:100%;height:100%;}

.yellow-btn  {border:1px outset #eee;padding:2px 6px;border-radius:4px;
	background: #F0F055;
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,85,1) 100%);
}
.yellow-btn:hover  {cursor:pointer;}
.yellow-btn:active {border:1px inset #eee;}

/* data below video-window*/
#videoproperties {display:inline-block;vertical-align:top;padding:6px 0 0 0;border:0px solid orange;}