/*********************************************************************************
* kereses beallitasok
*********************************************************************************/
.kereses { background:#3f3f3f; padding:5px; margin:0 0 5px; }
.kereses form { background:#929292; }
.kereses table { width:100%; }
.kereses td.a { text-align:left; }
.kereses td.b { text-align:right; }
.kereses input { font:11px/30px arial; height:30px; color:#3f3f3f; background:transparent; padding:0; border:0 none; letter-spacingx:1px; }
.kereses input[type=text] { width:310px; padding:0 3px; }
.kereses input[type=submit], .kereses button { padding:0 5px; font-weight:bold; letter-spacing:1px; cursor: pointer; background: none; border: none; }

/*********************************************************************************
* talalati lista beallitasok
*********************************************************************************/
.talalati { border:10px solid #3f3f3f; background:#000; color:#666; min-height:500px; position:relative; }
.talalati h2 { font:11px arial; color:#666; text-transform:uppercase; padding: 10px 10px 3px; letter-spacing: 1px; }
.talalati table { color:#666; font:11px arial; width:100%; }
.talalati td { border-top:1px solid #3f3f3f; padding:3px 5px 3px 10px; letter-spacing: 1px; }
.talalati td.a { padding-left:10px; }
.talalati td.a a { color:#666; }
.talalati td.b { text-align:right; width:1px; }
.talalati td.b div { padding:0 10px; border-left:1px solid; border-right:1px solid; line-height:11px; white-space:nowrap; }
.talalati td.c { padding:3px 17px; width:1px; }
.talalati td.c span { display:block; width:10px; height:10px; background-color:#666; }
.talalati tr.active { color:#d7880d; }
.talalati tr.active td.c span { background-color:#d7880d; }
.talalati tr.active td.a a { color:#D7880D; }

#video-tags{ min-height: 60px; }

.icon_left_top { position:absolute; top:-10px; left:-50px; border:10px solid #404040; border-right-width:0; }
.icon_left_top li { background-color: #404040; height: 35px; cursor: pointer; }
.icon_left_top ul li:last-child { height:30px; }

/*********************************************************************************
* talalati lista beallitasok 2
*********************************************************************************/
.thumbs_94 { padding: 5px 0px 6px 5px; }
.thumbs_94 .src { cursor: pointer; margin:0 5px 5px 0; overflow:hidden; display:block; float:left; width:120px; text-align:center; color:#666; }
.thumbs_94 .active-video,
.thumbs_94 .src:hover { text-decoration:none; color:#d7880d; }
.thumbs_94 .src:hover span { text-decoration:underline; }
.thumbs_94 .src.active { color:#d7880d; }
.thumbs_94 .src img { marginx:47px 0 0 84px; displayx:block; }

/*********************************************************************************
* video beallitasok
*********************************************************************************/
#video-player-cont{ width: 620px; height: 405px; overflow: hidden; background: url("../images/logo.png") center 120px no-repeat; }
#video-player-loader{ width: 620px; height: 405px; overflow: hidden; background: url("../images/loader.gif") center no-repeat; }

/*********************************************************************************
* pagination
*********************************************************************************/
ul.pagination{ display: block; margin-bottom: 10px; }
ul.pagination li{ display: block; float: left; padding: 3px; margin-right: 5px; }
ul.pagination li.activePage{ background: #444; color: #666; }

/*********************************************************************************
* video controls
*********************************************************************************/
#video-controls{ background: #000; border: 10px solid #3F3F3F; padding: 10px; }
#video-controls ul{ display: block; margin-top: 10px; }
#video-controls ul li { float: left; margin-right: 5px; }

.vjs-control-bar{ display: none; }
span.play-btn{
	background: url("../images/btn_play.jpg");
	width: 28px;
	height: 28px;
	display: block;
	cursor: pointer;
}
span.pause-btn{
    background: url("../images/btn_pause.jpg");
    width: 28px;
    height: 28px;
    display: block;
    cursor: pointer;
    text-align: center;
}
a.share-btn{
	background: url("../images/share_btn.jpg");
	width: 28px;
	height: 28px;
	display: block;
	cursor: pointer;
        border: none;
        text-decoration: none;
}
a.share-btn:hover{ background: url("../images/share_btn_over.jpg"); }
.vjs-fade-in,.vjs-fade-out {
visibility: visible !important;
opacity: 0 !important;
transition-duration: 0s!important;
}

span#prev{
	/*background: url("../images/btn_prev.jpg");*/
	background: #3f3f3f;
	color: #000;
	width: 28px;
	height: 28px;
	line-height: 28px;
	display: block;
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	
}
span#next{
	/*background: url("../images/btn_next.jpg");*/
	background: #3f3f3f;
	color: #000;
	width: 28px;
	height: 28px;
	line-height: 28px;
	display: block;
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
}
span#next i{ margin-left: 4px; }
span#prev:hover,
span#next:hover{ 
	color: #d7880d;
}
span#full-screen{
	background: url("../images/btn_full.jpg");
	width: 28px;
	height: 28px;
	display: block;
	cursor: pointer;
}
span#full-screen:hover{ background: url("../images/btn_full_over.jpg"); }
span#to_list{
	background: url("../images/btntolist.gif");
	width: 28px;
	height: 28px;
	display: block;
	cursor: pointer;
}
span#share-link{
	background: url("../images/share_link_btn.jpg");
	width: 28px;
	height: 28px;
	display: block;
	cursor: pointer;
}
span#playback-rate,
span.playback-rate{
	background: #3f3f3f;
	color: #000;
	width: 28px;
	height: 28px;
	line-height: 28px;
	display: block;
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	font-size: 22px;
}
span#playback-rate{ font-size: 13px; }
span.playback-rate:hover{
	color: #d7880d;
}
span#share-link:hover{ background: url("../images/share_link_btn_over.jpg"); }
#progress-bar{ height: 10px; }
.vjs-loading-spinner{
	position: absolute;
	width: 490px;
	height: 405px;
	/*background: #000 url("../images/loader.gif") center no-repeat;*/
	background-position: center;
	background-repeat: no-repeat;
	display: none;
	z-index: 9999;
}

.icon_right_top { display: block; position:absolute; right:0; top:0px; border:5px solid #404040; background: #404040; }
.icon_right_top li { 
    width: 30px; 
    line-height: 30px; 
    background:#000; 
    color:#acacac; 
    text-align: center;
    display: block;
    float: left;
    margin-left: 5px;
    height: 30px;
    overflow: hidden;
}
.icon_right_top li:first-child{ margin-left: 0; }
li#play_whole{
    background: url("../images/btnplay.gif");
    cursor: pointer;
    color: #000;
    line-height: normal;
    height: 30px;
    overflow: hidden;
}

.icon_right_bottom { position:absolute; right:-10px; top:354px; border:10px solid #404040; }
.icon_right_bottom li { width:30px; height:30px; background:#000; border-top:5px solid #404040; cursor:pointer; cursor:pointer; display: block; }
.icon_right_bottom li:first-child { border-top:0 none; }

.icon_bottom { position:relative; }
.icon_bottom li { margin-left:5px; position:relative; float:left; height:28px; }
.icon_bottom li:first-child { margin-left:0; }
.icon_bottom li img { cursor:hand; cursor:pointer; }

.context-menu-item.icon-share {
    background-image: url("/assets/templates/portal/images/icons/fb.png");
}