﻿@font-face {
  font-family: 'Roboto';
  src: url('/Style Library/en-us/fonts/Roboto-Regular.eot');
  src: url('/Style Library/en-us/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
       url('/Style Library/en-us/fonts/Roboto-Regular.woff') format('woff'),
       url('/Style Library/en-us/fonts/Roboto-Regular.ttf') format('truetype'),
       url('/Style Library/en-us/fonts/Roboto-Regular.svg#Pacifico') format('svg');
}
@font-face {
  font-family: 'RobotoCondensed';
  src: url('/Style Library/en-us/fonts/RobotoCondensed-Regular.eot');
  src: url('/Style Library/en-us/fonts/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),
       url('/Style Library/en-us/fonts/RobotoCondensed-Regular.woff') format('woff'),
       url('/Style Library/en-us/fonts/RobotoCondensed-Regular.ttf') format('truetype'),
       url('/Style Library/en-us/fonts/RobotoCondensed-Regular.svg#Pacifico') format('svg');
}
.ms-dlgFrame body{
    font-family:Roboto;	
	padding:10px 20px 0 20px;
	overflow:auto;
}
/*******/
.popup-content{
	padding:0 15px 40px 15px;
	position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 51px;
    overflow: auto;
}
.layout-edit .div-action{
	float:right;
	margin-top:10px;
}

.div-action input[type=button], .div-action input[type=submit], .div-action button{
	border-radius:3px;
	color:#fff;
	box-sizing:border-box;
	min-width:10px;
	padding:6px 15px 6px 15px;
	border:0;
	font-family:RobotoCondensed;
	font-size:14px;
	margin-left:5px;
}
input[type=text]{	
	border:1px #ccc solid;
	border-top:1px #aaa solid;
	padding:5px;
	font-size:14px;
	border-radius:3px;
}
.lv-item-bd-Title input[type=text], .lv-item-Tag input[type=text], .lv-item-FriendlyName input[type=text], .lv-item-publisheddate-root input[type=text]{
	width:100%!important;	
}
.ChoiceFileSource input{
	border-radius:3px;
	color:#666;
	background-color:#f5f5f5;
	border:1px #e5e5e5 solid;
	box-sizing:border-box;
	min-width:10px;
	padding:6px 15px 6px 15px;
	font-family:RobotoCondensed;
	font-size:14px;
	margin-left:5px;
}
.ChoiceFileSource input[type=file]{
	margin-left:0;
	padding:4px;
}
.ChoiceFileSource{
	padding-bottom:5px;
}


/*Slide show*/
.div-TitleTVDPT{
	color:#000!important;
	font-size:12px;
	height:32px;
	line-height:32px;
	display:block;
}
.Link_Navigation{
	border-bottom:1px #ccc solid;
	overflow:hidden;
	line-height:30px;
	height:30px;
	background: url('/Style Library/LacViet/SlideShow/Images/bgTitle.png') repeat-x left top;
}
.Link_Navigation div{	
	float:left;
	display:inline-block;
	padding-right:15px;
	margin-right:15px;
	border-right:1px #ddd solid;
	cursor:pointer;
	color:#000;
}
.Link_Navigation div:hover{
	color:#000;
}
.Thumbnail-Item[type="Folder"] img:first-child + img{
	height:70%!important;
	margin-top:18px!important;
	margin-left:-110px!important;
	position:absolute;
	border-radius:4px;
}
.MainScreen{
	height: 280px;
	border: 1px solid #c2d9f2;
}
.MainScreen_Image, .MainScreen-YouTube {
	height: 260px!important;
	width:320px!important;
	border:1px #fff solid;
	box-sizing:border-box;
}
.AnimateSlide {
	z-index:1;
	text-align:center;
	position:relative;
	top:3px;
	left:3px;
	right:3px;
	bottom:3px;
	overflow:hidden;
}
.AnimateSlide .MediaTitleLink {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	background: url('/SiteAssets/Images/SlideShow/mntrans.png') repeat 0 0;
	text-decoration:none;
	z-index:15;
}
.AnimateSlide .MediaTitleLink:hover{
	text-decoration:none!important;
}
.MediaTitle {
	line-height: 20px;
	color: #ffffff;
	font-weight:bold;
}
.MediaTitleLink:hover .MediaTitle{
	color:#ff0;
	font-weight:bold;
	text-decoration:none;
}

.MainScreen-PlayerIcon {
	background: url('/SiteAssets/Images/SlideShow/playvideo-64-64-0-1.png') no-repeat left top;
	width: 100px;
	height: 115px;
	position:absolute;
	top:45%;
	left:45%;
	z-index:100;
	cursor:pointer;
}
.MainScreen-PlayerIcon:hover{
	opacity:0.7!important;
	filter: alpha(opacity=75);

}
.MainScreen-Player {
	width: 420px;
	height: 280px;
}
.MainScreen-Folder {
	width: 420px;
	height: 280px;
}
.FolderContent {
	width: 480px;
	height: 280px;
}
.Thumbnail-Item {
	width: 80px;
	height: 60px;
	float: left;
	position: relative;
	white-space: nowrap;
	margin:0px 4px 0px 4px;	
	border:2px white solid;
	transition: border 500ms;
}
.Thumbnail-Item:hover {
	border:2px #ffde00 solid;
}
.Thumbnail-Item img {
	width: 80px;
	height: 60px;
	cursor:pointer;
}
.highlight {
	border: 2px solid #ffde00;
}
.Thumbnail-Selector {
	position: relative;
	z-index:50;
	width:16px;
	background:transparent url("/SiteAssets/Images/SlideShow/ico-select.png") no-repeat center center;
	display: block;
    height: 8px;   
    width: 16px;
    border:0px;
    display:none;
}
.Thumbnails {
	overflow: auto;
	width: 10000px;
	overflow: hidden;
	position: relative;
	left: 0px;
}
#ContainerThumbnail{
	background-color:#e7e4e4!important;
	height:80px;
	clear:both;
	margin:0px;
	border: 3px solid #c2d9f2;
	border-top:0;
	position:absolute;
	left:0px;
	right:0px;
	overflow:hidden;
	z-index:999;
}
.ThumbnailWrap {
	overflow: hidden;
	float:left;
	width:92%!important;
	left:4%;
	top:8px;
	position:relative;
}
.Thumbnail-Pager {
	background: url('/Style Library/LacViet/SlideShow/Images/slideShowLeft.png') no-repeat center top;
	position:absolute;
	cursor: pointer;
	min-width: 26px;
	width:4%;
	height: 32px;
	z-index:100;
	top:30px;
}
.Thumbnail-Pager-Left {
	background-position: 0px 0px;
	left:0px;
}
.Thumbnail-Pager-Right {
	background: url('/Style Library/LacViet/SlideShow/Images/slideShowRight.png') no-repeat right top;
	right:0px;
}
.Navigation-Back {
	position: absolute;
	top: 130px!important;
	left: 10px!important;
	width: 44px!important;
	height: 44px!important;
	margin:0px!important;
	background: url('/Style Library/LacViet/SlideShow/Images/preOff.png') center center no-repeat!important;
	transition:background 500ms;
}
.Navigation-Back:hover, .Navigation-Back:focus {
	background: url('/Style Library/LacViet/SlideShow/Images/preOn.png') center center no-repeat!important;
}
.Navigation-Next {
	position: absolute;
	top: 130px!important;
	right: 10px!important;
	width: 44px!important;
	height: 44px!important;
	margin:0px!important;
	background: url('/Style Library/LacViet/SlideShow/Images/nextOff.png') left center no-repeat!important;		
	transition:background 500ms;
}
.Navigation-Next:hover, .Navigation-Next:focus {
	background: url('/Style Library/LacViet/SlideShow/Images/nextOn.png') left center no-repeat!important;	
}.divImageD{
	position:absolute;
	left:60px;
	top:108px;
	margin:0px!important;
	clear:both;
}
.divImageD a{
	display:inline-block!important;
	width:162px!important;
	height:145px!important;
	overflow:hidden;	
	margin:0px 16px 10px 16px;
	line-height:140%;
}
.divImageD a,.divImageD a:link,.divImageD a:visited{
	color:#f6f6f6;
	font-size:11px;	
	text-decoration:none;
}
.divImageD a:hover{
	color:#FFFF00;
	text-decoration:none;
}
.divImageD a img{
	width:160px!important;
	height:85px!important;
	margin:0px 0px 3px 0px!important;
	border:1px white solid;
}
.divImageD a:hover img{
	border:1px #e7e5e5 solid;
	opacity:0.7!important;
	filter: alpha(opacity=75);
}
#divSlideShow{
	position:relative;
	z-index:1;
	background-color:transparent!important;
	height:320px;
}
#SlideShowFullScreenid img,#SlideShowExitFullScreenid img{
	width:30px!important;
	height:auto!important;
	cursor:pointer;
}
.FolderDetail:hover{
	background-color:black;
	padding:5px;
	opacity:0.3!important;
	filter: alpha(opacity=75);
}

img#tvdpt_HinhDuocChon{
	width:auto;
	height:120px;
}
#RichTextBox_toolbar, #RichTextBox_iframe{
	width:100%!important;
}
.RowPlayVideo .MainScreen-YouTube{
	width:200px!important;
	height:auto!important;
}
#TextBoxNoidung, #RichTextBox_iframe{
	width:100%!important;
}
#TextBoxNoidung{
	height:160px!important;
	border:1px #ccc solid;
	box-sizing:border-box;
	border-radius:3px;
	margin:5px 0;
}
#grcontrolrichtext{
	margin:10px 0 5px 0;
}
#txtKhoLuuTru_Video{
	margin-bottom:10px;
}
.ImgPreview img{
	max-height:200px;
	width:auto!important;
}
/*** 5:03 18/6/2015 **/
