ul#ulSelectedVidList    {/*margin:1.5em 0 15px 2em!important;*/width:auto !important;overflow:hidden;/*padding: 5px; margin: 0; padding: 0;*/ position: relative; list-style-type: none; z-index: 1}
ul#ulSelectedVidList li { display: flex;
    align-items: center; cursor:pointer; background:#eee; padding:12px; border-bottom: 1px solid #fff;
-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}

ul#ulSelectedVidList li div:last-child{flex:1;}
ul#ulSelectedVidList li:hover { background: #ccc; }
ul#ulSelectedVidList li:last-child { border-bottom: none; }

ul#ulSelectedVidList .dvVideoimage:hover:after {  -webkit-box-shadow:none;        
        box-shadow: none; }
		
        .dvVideoimage {
            position: relative;
            width: 100px !important;
            margin-right: 15px;
        }
/*.dvVideoimage:after {-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out; position:absolute; left:0; top:0; right:0; bottom:0; content:""; -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 60);
        
        box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 60); -webkit-border-radius:4px; border-radius:4px;
		
		 }*/



.dvVideoimage img		{overflow:hidden; border-radius:4px; }	
/*.dvVideoimage img:hover	{opacity:0.5; background:url(../images/playIcon.png) 0  -20px no-repeat;}*/
ul#ulSelectedVidList .info  {color:#999;text-shadow:#f1f1f1 0 1px 0;}	

.cssClassSearch     {width: 15px;height: 15px;float: left;} 
.cssClassSageSearch{ height: 320px; width: 400px; overflow:auto;} 
.csstblSageGallery {margin-left:15px; width:300px;} 
.sfUploadVideo      { float:left;}
.sfUploadVideo label{background-color:#CFE6F7; padding:5px; margin:0 10px 0 0; text-align:center; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.sfUploadVideo label img{ float:left; margin-right:5px;}

.sfVideoarchieve	{  border: 1px solid #E0E0E0; border-radius: 4px 4px 4px 4px;  float: right;  width: 260px;}
.sfVideoSearch		{float:left;}
.sfSearchField		{float:left;}
.sfPageSize			{float:right;}
.sfVideoTitle 		{ font-size:18px; margin-bottom:5px;}
.sfLoader img		{display: block;background: #000;position: fixed;left: 0;top: 0;width: 100%;height: 100%;opacity: .50;z-index: 399;}
#dvUpload			{float:right; width:75px}
.sfPlayerContent 	{ /*width:960px;*/ display: flex; flex-wrap: wrap;}
.sfVideoSearchbox .sfInputbox   { margin:0 5px 0 10px;}
.sfVideotitle     	{ width:auto; float:right; font-weight:bold; padding:0 5px;}
.sfRefresh			{float:left; padding-left:25px; margin:3px 0px 0px 0px;}
.dvplayicon			{display: block; line-height: 50px; margin: 8px 14px 0 8px; overflow: hidden; text-indent: -99999px;}

.dvvideoArchieve	{ float:right;}



.sfVideosearchheader, #ulArchieve { padding:12px 0 0; }
.sfVideosearchheader input.sfInputbox { padding:8px !important; margin-right:10px; width:180px; float:left;}
.sfVideosearchheader li {/*float:left;*/ display: inline; width:auto;}
    .sfVideosearchheader input.sfInputbox:focus {
    border:1px solid #8a8a8a;}

#ulSelectedVidList li .dvVideoimage { }
#ulSelectedVidList li 	{ clear:both;}
.spnVideotitle 		{ display:block; line-height: 14px; font-size:14px; }
.dvVideoTitle { float:left; width:74%;}
#ulArchieve			{margin:0!important;  }
#ulArchieve	ul		{ }
#ulArchieve	li		{ padding:10px; border-bottom:1px solid #ccc; border-top:1px solid #fff;  }
#ulArchieve	li:first-child { border-top:none;}
#ulArchieve	li:last-child { border-bottom:none;}

#ulArchieve	li a	{ font-weight:bold}
.carousel img.prev	{cursor: pointer; height: 84px;left: -28px; position: absolute; top: 426px; width: 85px;}
.carousel img.disabled {display:none;}
.carousel img.next 	{ cursor: pointer;height: 84px;position: absolute;right: -205px;top: 426px; width: 85px;}
.carousel 			{  position:relative; flex:2; }

#divSelectedVidList { float:left; overflow:hidden;  width:100% !important; position:relative; z-index:5;  }
.carousel .prev  	{ background: url("../images/arrows-ns.png") no-repeat; cursor: pointer; height: 19px; width:21px; position:absolute; right:10px; bottom:50px; z-index:50; opacity: 0.6; filter: alpha(opacity=60); }
.carousel .prevhover { opacity: 1.0; filter: alpha(opacity=100);  }
.carousel .next  	 { background: url("../images/arrows-ns.png") no-repeat 0px -28px;  cursor: pointer;height: 19px; width:21px;  position:absolute; right:10px;  bottom:20px;  z-index:50; opacity: 0.6; filter: alpha(opacity=60); }
.carousel .nexthover { opacity: 1.0; filter: alpha(opacity=100);}
.carousel  .prevdisabled{ opacity: 0.2; filter: alpha(opacity=20); /*background: url("../images/front-prev-horizontal-2.png") no-repeat scroll -22px 0;*/ /* For IE8 and earlier */ cursor: auto; }
/*.carousel  .first 	 {  background: url("../images/front-prev-horizontal-2.png") no-repeat scroll -22px 0  ;}*/
.carousel  .nextdisabled	 {opacity: 0.2; filter: alpha(opacity=20);/* background: url("../images/front-next-horizontal-2.png") no-repeat scroll -22px 0 ;*/ /* For IE8 and earlier */ cursor: auto;}
.sfToatalvideos 		{ font-size:10px; font-weight:bold; position:relative; top:-5px; left:5px; color:#642D86; }
.sfsearchinput 			{ position:relative; bottom:9px;}


/*.carousel .prev:active, .carousel .next:active { background-position:-44px 0;}*/

.VideoPlayer{
    flex:3;
    margin-bottom: 15px;
}
.VideoPlayer embed { border:1px solid #ccc;}
.sfError{color:red; white-space:nowrap}

#ulSearchVideo { margin-top:10px; display: none;}
#ulSearchVideo.content li { cursor:pointer; background:#eee; padding:12px; width:92% !important;  overflow:hidden;
-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#ulSearchVideo.content li:hover { background: #ccc; margin-bottom: 20px;}
#ulSearchVideo.content li:first-child { border-top: none; }
#ulSearchVideo.content li:last-child { border-bottom: none; }

#ulArchieve li a, #ulArchieve li span { color:#666;}
#ulArchieve li.sfActive a, #ulArchieve li.sfActive span, #ulArchieve li a:hover, #ulArchieve li span:hover { color:#6D368B !important; }


#dvPlayer_wrapper, #dvPlayer { max-height:600px !important;  width:100% !important;}

.sfVideoInfo {   padding:15px; background-color:#eee; }

.ulSearchVideo h3{ padding:12px 0; }