/* CSS Document */
/*#talksContext { padding:7px; height:500px; background: url(//cdn2.scriptcase.net/it/lib/../samples/img/Bg_exemples.png) no-repeat; background-color:#FFFFFF; }*/
body {
    font-size: 15px !important;
}
p.videosfirstp { margin: 0; padding: 10px 0 10px 0; font-size: 15px; color: #545961; }
p.flags { float:left; margin: 0; padding: 0 0 0 0; color: #545961; }

#HeadVideos { margin: 0; padding: 25px; width:530px; }

div.selectedition { height: 80px }

#painel_scriptcase_channel { margin:0px 15px 0 0; border:1px solid #e4e3e4; float:right; width:350px;  height:100px;  padding: 5px; background-color: #f0f5f8; }
#painel_scriptcase_channel span { font-size:14px; font-weight:bold; color:#000000; }
#painel_scriptcase_channel img { margin-left:5px; margin-top:-25px; float:right; height:30px; width:70px }
#SortBy { margin:10px 20px 0 20px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; font-size:12px; padding:2px 0 2px 0px; color:#666;}

.list_videos ul {  width:850px;    }
.list_videos li { width:850px; list-style:none; float:left; padding-top:10px; }

p.views { font-size:14px; color:#999999; }
p.down { font-size:14px; color:#999999; }
p.postado { font-size:12px; color:#006996; font-weight: bold;}

div.resourceitemimg2 { float:left; z-index: 100001; margin: 10px 50px 0 -3px; padding: 5px; background-image: url(//cdn2.scriptcase.net/it/lib/img/bgsampletnvideos.gif); background-repeat:no-repeat; width: 250px; height: 166px;  }
div.resourceitemimg2 img { margin: 0; padding: 0; border:0; }
p.titleresourcesitem2 { margin: 0 0 0 0; padding: 20px 0 3px 0; font-size: 13pt; font-weight: bold; color: #006996;  }

/*******************Video.Simple***************/
.videoCateg
{  
   background-color: #fff;
   border: 1px;
   width: 890px;
   margin: 10px 25px;
   padding: 35px;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;    
   box-shadow: inset 0 0px 80px -15px #999;
   -webkit-box-sizing: border-box; 
   -moz-box-sizing: border-box;   
   box-sizing: border-box;
}

.listIndex
{
   display: block;
   list-style: none;
   min-height: 110px;
   padding: 0;
   margin-top: 5px;
   /*margin-bottom: -25px;*/
   margin-left: auto;
   margin-right: auto;
   width: 880px;
}

.listIndex li 
{
   float: left;
   width: 165px;
   margin: 5px 5px;
}

.listIndex li a
{
   display: table-cell;
   vertical-align: middle;
   width: 165px;
   height: 50px;
   padding: 0px 12px;
   -webkit-box-sizing: border-box; 
   -moz-box-sizing: border-box;   
   box-sizing: border-box;
}

a.buttonColor
{
   background-color: #444;
   border: solid 1px #999;
   text-align: center;
   color: #fff;
   font-size: 13px;
   -webkit-transition: all 0.5s ease 0s;
   -moz-transition: all 0.5s ease 0s;
   -o-transition: all 0.5s ease 0s;
   transition: all 0.5s ease 0s;
   font-weight: bold;
   border-radius: 4px;
   box-shadow: 0px 0px 5px #999;
}

a.buttonColor:hover
{
   background-color: #fff;
   color: #666;
}

.categNome
{
   font-size: 24px;
   text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
   margin: 0 0 20px 0;
}
.backTop
{
   position: relative;
   width: 100%;
}
.backTop a
{
   position: absolute;
   display: inline-block;
   padding: 10px 8px;
   top: -60px;
   right: 0px;
}


.videoItem
{
   width: 820px;
   min-height: 200px;
   padding: 25px;
   margin: 60px 0 0 0;
   border-bottom: solid 1px #999;
   -webkit-box-sizing: border-box; 
   -moz-box-sizing: border-box;   
   box-sizing: border-box;
}
.videoItem:hover
{
   /*background-color: #E7E7E7;*/
   /*box-shadow: 3px 3px 2px #999;*/
}
.videoItem:hover img
{
   /*box-shadow: 0px 0px 0px #000;*/
}
.videoTitle
{
   font-weight: bold;
}

.videoDescr
{
   
}

.videoData
{
   min-height: 230px;
}

.imageContainer
{
   display: inline-block;
   float: left;
   width: 260px;
   min-height: 100px;
}

.imageContainer img
{
   box-shadow: 0px 0px 15px #666;
   -webkit-transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}

.textContainer
{
   display: inline-block;
   padding: 0 0 0 20px;
   width: 470px;
   height: 100%;
}

.videoLvl
{
   width: 100%;
   font-size: 12px;
   font-weight: bold;
}

#buttonSeeAllContainer
{
   position: relative;
}

#buttonSeeAll
{
   position: absolute;
   top: 60px;
   right: 30px;
   
}

#buttonSeeAll a
{
   display: inline-block;
   background-color: #888;
   padding: 10px 15px;
   border-radius: 4px;
   color: #fff;
   font-size: 12pt;
   text-shadow: 1px 1px 1px #333;
   -webkit-transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}
#buttonSeeAll:hover a
{
   background-color: #666;
   box-shadow: 0px 0px 10px #111; 
}

/*******************PLAYLIST***************/
.contentContextTable td
{
   background-color: #fff;
}
.playlistItem
{
   /*background-color: #ccc;*/
   margin: 10px 10px 10px 0;
   padding: 10px;
   height: 80px;
   border-bottom: solid 1px #aaa;
   position: relative;
   /*border-top: solid 1px #aaa;*/
}
.playlistItem:hover
{
   padding: 10px;
   height: 80px;
   background-color: #fff;
   border-width: 0;
   box-shadow: 1px 1px 1px #666;
   cursor: pointer;
   padding-bottom: 11px;
}
.playlistThumbnail
{
   /*margin: 50px 0 50px 25px;*/
   margin: 0px;
   float: left;
   width: 120px;
   height: 90px;
   padding: 0px 0 0 0;
}
.playlistText
{
   /*margin: 50px 0 50px 25px;*/
   margin: 0px;
   float: right;
   width: 145px;
   height: 80px;
   padding: 0px 0 0 0;
}
.playlistDescription
{
   /*margin: 50px 0 50px 25px;*/
   /*margin: 0 0 0 0px;*/
   font-size: 11px;
   display: none;
   float: none;
   position: absolute;
   background-color: #c00;
}
.playlistTime
{
   /*margin: 50px 0 50px 25px;*/
   margin: 0 15px 0 0;
   margin: 0px;
   font-size: 10px;
   text-align: right;
   right: 15px;
}
.playlistTitle
{
   padding: 0px;
   /*margin: 50px 0 50px 25px;*/
   margin: 0 0 0 0px;
   margin: 0px;
   font-size: 15px;
}
.playlistViewDown
{
   position: absolute;
   bottom: 10px;
   left: 150px;
}
.playlistDown
{
   display: block;
   text-align: left;
   margin-right: 5px;
   height: 12px;
   font-size: 10px;
   /*background-color: #EEE;
   box-shadow: 1px 1px 0 0 #999;*/
}
.playlistViews
{
   display: block;
   text-align: left;
   height: 12px;
   font-size: 10px;
   /*background-color: #EEE;
   box-shadow: 1px 1px 0 0 #999;*/
}
.playlistList
{
   height: 1050px;
   position: relative;
   margin-top: 10px;
   overflow: hidden;
}
.fowardBack
{
   width: 180px;
   position: relative;
   top: 0px;
   left: 100px;
   text-align: center;
}
.buttonFowardEnabled
{
   margin-bottom: 1px;
   border: solid 1px #aaa;
   border-left: 0px;
   width: 35%;
   background-color: #ddd;
   float: left;
   box-shadow: inset 30px 0 80px -70px #000;
   height: 35px;
}
.buttonFowardDisabled
{
   margin-bottom: 1px;
   border: solid 1px #aaa;
   border-left: 0px;
   width: 35%;
   background-color: #ccc;
   float: left;
   box-shadow: inset 30px 0 80px -70px #000;
   height: 35px;
}
.buttonFowardEnabled:hover
{  
   background-color: #eee;
}
.buttonBackEnabled
{  
   margin-bottom: 1px;
   border: solid 1px #aaa;
   border-right: 0px;
   width: 35%;
   background-color: #ddd;
   float: left;
   box-shadow: inset -30px 0 80px -70px #000;
   height: 35px;
}
.buttonBackDisabled
{  
   margin-bottom: 1px;
   border: solid 1px #aaa;
   border-right: 0px;
   width: 35%;
   background-color: #ccc;
   float: left;
   box-shadow: inset -30px 0 80px -70px #000;
   height: 35px;
}
.buttonBackEnabled:hover
{  
   background-color: #eee;
}
.buttonTextDisabled
{
   padding: 0 30% 0 30%;
   font-size: 26px;
   font-weight: bold;
   color: #999;
}
.buttonTextEnabled
{
   padding: 0 0 0 0;
   font-size: 26px;
   font-weight: bold;
   color: #888;
   height: 100%;
   text-shadow: 2px 2px 0px #aaa;
}
.buttonTextEnabled:hover
{
   cursor: pointer;
   color: #999;
}
.buttonTextEnabled:active
{
   text-shadow: 0px 0px 0px;
}
/************************PLAYLIST-END**********************/


.resultItem
{
   position: relative;
   margin: 0px 0 15px 15px;
   width: 210px;
   height: 340px;
   float: left;
   text-align: center;
   border-bottom: solid 1px #aaa;
   border-right: solid 1px #aaa;
   border-bottom-right-radius: 10px;
}
.resultItem:hover
{
   cursor: pointer;
   background-color: #ccc;
   box-shadow: 2px 2px 0 0 #aaa;
   border-bottom: solid 1px #aaa;
   border-right: solid 1px #aaa;

}

.resultThumbnail
{
   /*margin: 50px 0 50px 25px;*/
   margin: 0px;
   width: 210px;
   height: 120px;
   padding: 10px 0 0 0px;
}
.resultText
{
   /*margin: 50px 0 50px 25px;*/
   margin: 0px;
   width: 200px;
   height: 200px;
   padding: 0px;
   text-align: left;
   margin: 0 10px 0 10px;
}
.resultDescription
{
   /*margin: 50px 0 50px 25px;*/
   margin: 0px;
   font-size: 11px;
   padding: 0 10px 0 0;
}
.resultTime
{
   /*margin: 50px 0 50px 25px;*/
   margin: 0 15px 0 0;
   font-size: 10px;
   text-align: right;
}
.resultTitle
{
   /*margin: 50px 0 50px 25px;*/
   margin: 0px 10px 0 0;
   font-size: 15px;
}
.resultViewDown
{
   position: relative;
   float: left;
   bottom: 10px;
   left: 10px;
}
.resultDown
{
   text-align: left;
   margin-right: 5px;
   float: right;
   height: 12px;
   width: 75px;
   font-size: 10px;

}
.resultViews
{
   text-align: left;
   float: right;
   width: 55px;
   height: 12px;
   font-size: 10px;
   /*background-color: #EEE;
   box-shadow: 1px 1px 0 0 #999;*/
}
.resultAnnounce
{
   font-size: 20px;
   font-weight: bold;
   color: #333;
   padding: 20px 0 0 10px;
   margin: 10px 0 0 57px;
   height: 35px;
   width: 500px;
   border-top: dashed 1px #ccc;
   position: relative;
}
.resultShadow
{
   box-shadow: 0 0 60px 10px #aaa;
   width: 290px;
   margin-left: 130px;
   height: 1px;
   background-color: #ddd;
}



/************************Related**********************/
.relatedItem
{
   margin: 0px 0 0 15px;
   width: 180px;
   height: 310px;
   float: left;
   text-align: center;
}
.relatedItem:hover
{
   cursor: pointer;
   background-color: #ccc;
   box-shadow: 2px 2px 0 0 #aaa;
}

.relatedThumbnail
{
   /*margin: 50px 0 50px 25px;*/
   margin: 0px;
   width: 120px;
   height: 100px;
   padding: 10px 0 0 10px;
}
.relatedText
{
   /*margin: 50px 0 50px 25px;*/
   margin: 0px;
   width: 173px;
   height: 185px;
   padding: 0px;
   text-align: left;
   margin: 0 10px 0 10px;
}
.relatedDescription
{
   /*margin: 50px 0 50px 25px;*/
   margin: 0px;
   font-size: 11px;
   padding: 0 10px 0 0;
}
.relatedTime
{
   /*margin: 50px 0 50px 25px;*/
   margin: 0 15px 0 0;
   font-size: 10px;
   text-align: right;
}
.relatedTitle
{
   /*margin: 50px 0 50px 25px;*/
   margin: 0px 10px 0 0;
   font-size: 15px;
}
.relatedViewDown
{
   position: relative;
   float: left;
   bottom: 10px;
   left: 10px;
}
.relatedDown
{
   text-align: left;
   margin-right: 5px;
   float: right;
   height: 12px;
   width: 75px;
   font-size: 10px;

}
.relatedViews
{
   text-align: left;
   float: right;
   width: 50px;
   height: 12px;
   font-size: 10px;
   /*background-color: #EEE;
   box-shadow: 1px 1px 0 0 #999;*/
}
.relatedAnnounce
{
   font-size: 20px;
   font-weight: bold;
   color: #333;
   padding: 20px 0 0 0px;
   margin: 10px 0 0 25px;
   height: 35px;
   width: 560px;
   border-top: dashed 1px #ccc;
   position: relative;
}
.relatedShadow
{
   box-shadow: 0 0 60px 10px #aaa;
   width: 290px;
   margin-left: 130px;
   height: 1px;
   background-color: #ddd;
}

/************************Related-end**********************/



/************************THUMBNAILS**********************/
.thumbnailBig
{
   width: 560px;
   height: 300px;
   
   /*border: solid 5px #ddd;*/
   /*box-shadow: 0 0 20px 6px #222;*/
}
.thumbnailTiny
{
   width: 130px;
   height: 80px;
   border: solid 1px #333;

}
.thumbnailMedium
{
   width: 160px;
   height: 96px;
   border: solid 1px #333;
}
.thumbnailResult
{
   border: solid 1px #333;
   width: 200px;
   height: 116px;
   box-shadow: 2px 2px 1px 0px #aaa;
}
/************************THUMBNAILS-END**********************/









/************************ACTIVE-VIDEO**********************/

.activeThumbnail
{
   /*margin: 50px 0 50px 25px;*/
   margin: 0px;
}
.activeTime
{
   font-size: 12px;
   height: 40px;
   width: 50%;
   float: left;
}
.activeTags
{
   font-size: 12px;
   width: 50%;
   float: right;
   height: 40px;
   text-align: right;
}
.activeDescription
{
   font-size: 14px;
   margin-top: 10px;
   height: 240px;
}
.activeDowns
{
   float: left;
   width: 50%;
}
.activeViews
{
   text-align: right;
   float: right;
   width: 50%;
}
.activeTitle
{
   font-size: 18px;
   font-weight: bold;
   margin: 10px 0 10px 0;
   text-shadow: 1px 1px 0 #bbb;
}
.activeText
{
   /*opacity: .8;*/
   margin: 15px;
   width: 530px;
   font-size: 14px;
   color: #444;
   text-align: justify;
}

/************************ACTIVE-VIDEO-END**********************/

/************************Error**********************/

.searchError
{
   width: 550px;
   padding: 100px 0 100px 200px;
   font-size: 13px;
   font-family: Arial,Helvetica,Sans-serif;
   text-align: left;
}
.errorTitle
{
   font-size: 16px;
   height: 50px;
}
.errorText
{
   font-size: 13px;
}
.errorMessage
{
   margin-top: 30px;
   font-size: 12px;
}

/************************ERROR-END**********************/



/************************MENU-END**********************/
.videoPageTitle
{
   height: 150px;
   width: 100%;
   margin: 0;
   background-color: #333;
   font-size: 40px;
   color: #ccc;
   text-shadow: 2px 2px 8px #000;
   /*box-shadow: inset 0px -80px 285px -180px #aaa;*/
   font-weight: bold;
   font-family: Arial,Helvetica,Sans-serif;  
}
.titleText
{
   padding: 50px 0 0 70px;
}
.subTitleText
{
   font-size: 20px;
}
.vidMenu
{
   height: 50px;
   box-shadow: -5px 8px 8px -9px #333;
   /*border-radius: 5px;*/
   background-color: #444;
   border-bottom: solid 1px #777;
   border-top: solid 1px #777;
   width: 100%;
   margin: 0;
   /*box-shadow: 2px 2px 0 0 #999;*/
   text-align: center;
   font-size: 24px;
   color: #eee;
   border: #999 1px 0 1px 0 solid;
   box-shadow: inset 0px 40px 105px -20px #000;
}
.menuContainer
{
   margin-left: 15px;
}
.menuItem
{
   float: left;
   font-size: 12px;
   margin: 10px 20px 0px 20px;
   width: 140px;
}
.menuItemIE
{
   float: left;
   font-size: 12px;
   margin: 5px 20px 5px 20px;
   width: 140px;
}
.menuItemIE:hover
{
   background-color: #ccc;
   color: #444;
   cursor: pointer;
}
.menuOptionIE
{
   margin-top: 10px;
   margin-bottom: 10px;
   font-size: 14px;
   font-weight: bold;
}
.menuLayer
{
   width: 180px;
   position: relative;
   opacity: 0;
   margin: -10px -160px -50px -20px;
   background-color: #fff;
   height: 50px;
   -webkit-transition: all 0.7s ease 0s;
   -moz-transition: all 0.7s ease 0s;
   -o-transition: all 0.7s ease 0s;
   transition: all 0.7s ease 0s;
   /*box-shadow: inset 0px -50px 155px -20px #fff;*/
}
.menuLayer:hover
{
   opacity: .2;
   cursor: pointer;
}
.menuOption
{
   margin-top: 18px;
   font-size: 14px;
   font-weight: bold;
   text-shadow: 0px 0px 8px #000;
}
.menuSub
{
   font-size: 10px;
}
.divider
{
   float: left;
   height: 30px;
   width: 1px;
   border-left: solid 1px #333;
   margin-top: 10px;
}

/************************MENU-END**********************/







/************************outros**********************/

.vidPlaylist
{
   width: 315px;
   background-color: #ccc;
   height: 1150px;
   float: right;
   box-shadow: inset 5px -6px 5px -5px #333;
   padding: 10px;
}

.vidRelated
{
   /*background-color: #ff0000;*/
   height: 300px;
   width: 600px;
   position: absolute;
   margin-bottom: 100px;
   /*box-shadow: inset 0px 80px 155px -130px #aaa;*/
}
.vidResult
{
   /*background-color: #ff0000;*/
   width: 96,5%;
   height: 1200px;
   position: relative;
   padding: 20px 20px 80px 10px;
   /*box-shadow: inset 0px 80px 155px -130px #aaa;*/
}
.nowPlaying
{
   /*height: 500px;*/
   position: relative;
   height: 650px;
   z-index: 1;
   width: 560px;
   text-align: center;
   border-radius: 5px;
   /*border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;*/
   border: solid 1px #b5b5b5;
   background-color: #f0f0f0;
   margin: 20px 0 50px 22px;
}

.activeDownload
{
   position: absolute;
   margin-top: -55px;
   margin-left: 305px;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
   width: 470px;
   height: 30px;
   z-index: 0;
   background-color: #bbb;
   border: 2px solid #999;
}
.layerShare
{
   position: absolute;
   float: left;
   margin-bottom: 2px;
   bottom: 8px;
   left: -240px;
   width: 150px;
   height: 10px;
   font-size: 11px;
}
.layerDownload
{
   position: absolute;
   float: right;
   margin-bottom: 2px;
   bottom: 8px;
   right: 5px;
   width: 75px;
   height: 10px;
   font-size: 11px;
   font-family: Verdana,Helvetica,sans-serif;
   color: black;
}
.layerDownload:hover
{
   opacity: 0.75;
}
.layerDownload img
{
   margin-bottom: -4px;  
}
.shareLink
{
   font-size: 11px;
   text-align: left;
   color: #333;
   margin: 10px 0 0 7px;
}
.shareLink input
{
   text-align: center;
   background: 10px 6px #444;
   font-size: 10px;
   padding: 4px 0px 4px 0px;
   font: bold 12px Arial,Helvetica,Sans-serif;
   width: 485px;
   border: 0 none;
   border-radius: 20px;
   color: #f0f0f0;
   padding-left: 0px;
   text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); 
   -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
   -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   -webkit-transition: all 0.7s ease 0s;
   -moz-transition: all 0.7s ease 0s;
   -o-transition: all 0.7s ease 0s;
   transition: all 0.7s ease 0s;
}
.shareLink input:focus
{
   background-color: #fcfcfc;
   color: #6a6f75;
   -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
   -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
   text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
.commonShare
{
   margin: 6px 0 0 0;
   text-align: left;
}
.commonDownload
{
   margin: 15px 0 0 20px;
   text-align: left;
   display: none;
}
.generalButton a
{
   border: solid 1px #999;
   background-color: #aaa;
   border-radius: 2px;
   color: #333;
   padding: 5px;
   height: 20px;
   -webkit-transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
   -o-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
}
.generalButton a:hover
{
   border: solid 1px #999;
   background-color: #666;
   border-radius: 2px;
   color: #ccc;
   padding: 5px;
   height: 20px;
}
.downloadText
{
   width: 100px;
   float: left;
   font-size: 14px;
}
.spacer
{
   height: 50px;
}

.searchContainer
{
   position: relative;
   top: -10px;
   left: -10px;
   width: 106.5%;
   height: 50px;
   /*border-radius: 5px;*/
   background-color: #999;
   border-bottom: solid 1px #777;
}
.searchSearchContainer
{
   position: static;
   width: 100%;
   height: 50px;
   box-shadow: 0px 8px 8px -9px #333;
   /*border-radius: 5px;*/
   background-color: #999;
   border-bottom: solid 1px #777;
}
.searchButtonContainer
{
   position: relative;
   z-index: 10;
   float: right;
   margin: -20px 20px 0 0;
}

.searchBox {
   position: relative;
   left: 28px;
   top: 12px
}

.searchBox input
{
   background: url(//cdn2.scriptcase.net/it/lib/../videos/img/search-lupa.png) no-repeat 10px 6px #444;
   border: 0 none;
   font: bold 12px Arial,Helvetica,Sans-serif;
   color: #d7d7d7;
   width:150px;
   padding: 6px 15px 6px 35px;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); 
   -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
   -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
   -webkit-transition: all 0.7s ease 0s;
   -moz-transition: all 0.7s ease 0s;
   -o-transition: all 0.7s ease 0s;
   transition: all 0.7s ease 0s;
}

.searchBox input:focus
{
   background: url(//cdn2.scriptcase.net/it/lib/../videos/img/search-lupadark.png) no-repeat 10px 6px #fcfcfc;
   color: #6a6f75;
   width: 225px;
   -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
   -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
   text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}

.video_play_modal
{
  float: left;
  width: 160px;
  border: 1px solid #963737;
  text-align: center;
  font-size: 21px;
  color: #FFFFFF;
  padding: 3px;
  border-radius: 4px;
  font-weight: bolder;
  background: rgba(179,27,27,1);
  background: -moz-linear-gradient(top, rgba(179,27,27,1) 0%, rgba(189,59,59,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(179,27,27,1)), color-stop(100%, rgba(189,59,59,1)));
  background: -webkit-linear-gradient(top, rgba(179,27,27,1) 0%, rgba(189,59,59,1) 100%);
  background: -o-linear-gradient(top, rgba(179,27,27,1) 0%, rgba(189,59,59,1) 100%);
  background: -ms-linear-gradient(top, rgba(179,27,27,1) 0%, rgba(189,59,59,1) 100%);
  background: linear-gradient(to bottom, rgba(179,27,27,1) 0%, rgba(189,59,59,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b31b1b', endColorstr='#bd3b3b', GradientType=0 );
}

.video_download
{
  float: left;
  height: 30px;
  text-align: center;
  font-size: 19px;
  color: #000000;
  margin-top: 2px;
  margin-left: 24px;
  padding: 3px;
  border-radius: 4px;
  font-weight: bolder;
}