/*Reset css*/
*{ margin:0px; padding:0px;}
*:focus{outline:none!important;}
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6{color:#494a4a; letter-spacing:0px; font-family: Helvetica, Arial, sans-serif ; line-height:1.6em;}
h1{font-size:20px; padding:2px 0px 0px}
h2{font-size:17px;  padding:10px 0px 5px; }
h3{font-size:16px; line-height:1.4em; }
h4{font-size:15px; line-height:1.4em; }
h5{font-size:14px; line-height:1.4em; }
h6{font-size:13px; line-height:1.4em; }
p{line-height:15px; padding:0px 0px}
strong { font-weight: bold }
em { font-style:italic }
a img { border:none}
.clear{clear:both; display:block; overflow:hidden; line-height:1px; height:0.1px}
.hide{text-indent:-9999px; display:block}
.hide2{display:none}
.hide3{margin:0px; padding:0px; height:1px; font-size:1px; line-height:1px; text-indent:-9999px; display:block; position:absolute; top:-200px; left:-9999px }
.inviz{margin:0px; padding:0px; height:1px; font-size:1px; line-height:1px; text-indent:-9999px; display:block; float:left; }
.no-border{border:none!important}
a{text-decoration:none; color:#31b7e9}
a:hover{color:#fc6125;}
br{line-height:8px}
.no-padding{padding:0px!important}
.no-margin{margin:0px!important}
.yellow{color:#ffc21d}
.orange{color:#fc6125}
.red{color:#fc2d3f}
.green{color:#60df22}
.deep-green{color:#49a108}
.light-blue{color:#31b7e9}
.dark-blue{color:#076284}
.white{color:#FFFFFF}
.black{color:#000}
.float-left{float:left}
.float-right{float:right}
.uppercase{text-transform:uppercase}
.white-back{background:#FFF}
/*Layout*/
body{background:#000000 url(../imgs/body-tile.gif); font-size:11px;  line-height:18px; font-family: Verdana, Helvetica, sans-serif; text-align:center; color:#35393b}
.site-container{width:943px; margin:0px auto; text-align:left; position:relative;}

/*Header*/
.header{background:url(../imgs/rainbow-header.jpg) bottom left no-repeat; width:943px; margin-bottom:20px}
a.logo{margin:20px 0px 15px; float:left}
.top-nav{float:right; background:url(../imgs/top-nav-left.png) no-repeat; height:33px; padding-left:16px; margin-top:20px}
.top-nav ul{background:url(../imgs/top-nav-right.png) right top no-repeat; padding-right:12px; height:33px; float:left}
.top-nav li{float:left; display:inline; height:33px; line-height:33px; text-transform:uppercase; background:url(../imgs/top-nav-tile.gif) repeat-x}
.top-nav li a{ color:#747474; font-size:11px; letter-spacing:-0.1px; background:url(../imgs/top-nav-separator.gif) right top no-repeat; display:block; height:33px; line-height:33px; padding:0px 15px}
.top-nav li a:hover{background-color:#000000; color:#31b7e9}
.top-nav li.top-selected a{background:#000 url(../imgs/top-nav-selected.gif) right top no-repeat; color:#FFFFFF}

/*Left-column*/
.left-ads{position:absolute; top:0px; left:-162px}
.left-column{float:left; width:732px; position:relative}
h1.home-h1{color:#60df22; font-size:11px; font-weight:normal; float:right; width:450px; line-height:35px; display:inline}
h1.home-h1 strong{font-weight:normal}
ul.type li{float:left; display:inline-block;  background:url(../imgs/type-tile.gif) repeat-x; margin-right:10px}
ul.type li.current-type a{background:#FFFFFF; color:#000000!important}
ul.type li a{padding:0px 12px; display:block; height:35px; line-height:35px; font-size:14px; font-weight:bold; display:inline-block}
ul.type li a:hover{background:#31b7e9; color:#FFFFFF; }
#local-videos-btn a{color:#49a108}
#local-videos-btn a:hover{background:#49a108!important; color:#FFFFFF!important;}
ul.type li.current-type a{color:#000000; background:#FFFFFF; cursor:default}
.white-box{background:#FFFFFF url(../imgs/white-box.gif) left bottom repeat-x; width:728px; margin-top:35px; color:#696969; padding:10px 0px 0px}
p.steps{height:29px; padding:3px 0px 0px 10px; background:url(../imgs/steps.gif) no-repeat; margin:0px 0px 0px 10px}
p.steps-local{height:29px; padding:3px 0px 0px 10px; background:url(../imgs/steps-local.gif) no-repeat; margin:0px 0px 0px 10px}
input.input-text-local{border-top:none; border-left:1px solid #97ba8b; border-right:1px solid #97ba8b; border-bottom:1px solid #c4c4c4; background:#cfffbf url(../imgs/input-tile-green.gif) repeat-x; height:28px; margin:0px 0px 5px 10px; padding:10px 5px 0px; float:left; font-size:12px; color:#4a4a4a; font-family:Verdana;}
input.input-text{border-top:1px solid #6c94a3; border-left:1px solid #6c94a3; border-right:1px solid #6c94a3; border-bottom:1px solid #c4c4c4; background:#a9e8ff url(../imgs/input-tile.gif) repeat-x; height:27px; margin:0px 0px 5px 10px; padding:10px 5px 0px; float:left; font-size:12px; color:#4a4a4a; font-family:Verdana;}
input.start-button{background:url(../imgs/start-btn.gif) no-repeat; height:40px; width:91px; text-indent:-9999px; display:block; border:none; margin-left:5px; float:left; cursor:pointer}
input.start-button-disabled{background:url(../imgs/start-btn-disabled.gif) no-repeat; height:40px; width:91px; text-indent:-9999px; display:block; border:none; margin-left:5px; float:left;}
input.start-button-hover, input.start-button:hover{background-position:left bottom}
.browse-button{ height:40px; width:91px; display:block; margin-left:5px; float:left; cursor:pointer}
.online-input input.input-text{width:600px;}
.offline-input input.input-text-local{width:500px;}
p.supported{background:url(../imgs/supported-list3.gif) 0px 0px no-repeat; width:600px; height:80px; margin:10px 0px 0px 15px; clear:both; padding-top:8px; float:left; text-transform:uppercase; font-size:9px!important}
p.supported a{color:#696969}
p.supported a:hover{color:#076284}
.white-box p{margin-left:10px}
a.suggest{background:url(../imgs/suggest.gif) no-repeat; width:80px; height:36px; float:left; margin:30px 0px 0px 22px; text-indent:-9999px; display:block}
a.suggest:hover{background-position:left bottom}
ul.stats{background:url(../imgs/stats.gif) 10px 0px no-repeat; height:30px; width:728px; display:block; margin-top:5px; clear:both}
ul.stats li{color:#353535; display:inline; float:left; padding-left:40px}
.home-ad336{width:336px; float:left; display:block; margin:10px 15px 5px 10px; padding:1px 1px 4px }
.home-ad336-left{background:url(../imgs/rainbow-header.jpg) bottom left repeat-y; }
.home-ad336-right{background:url(../imgs/rainbow-header.jpg) bottom right repeat-y;}
.convert-ad{margin-left:15px; margin-bottom:0px!important}
.home-ads .home-ad336{padding:0px 0px 4px!important}
.convert-ad336{width:336px; float:left; display:block; padding:1px 1px 4px }
.tutorial-ad336{width:336px; float:left; display:block; margin:10px 15px 0px 0px; padding:1px 1px 4px }
.tutorial-ad728{margin:0px 0px 10px!important}

/*Video list*/
.ad728-nou{margin:20px 0px 10px; background:url(../imgs/rainbow-header.jpg) bottom center repeat-y; padding:1px 1px 4px;}
/*.ad728-nou img{border:1px solid #333}*/
.ad728{margin:20px 0px 10px; border:1px solid #3d3d3d; background:url(../imgs/rainbow-header.jpg) bottom center repeat-y; padding:1px 1px 4px; position:absolute; top:-200px; left:0px; display:none; z-index:9999 }
.ad728-space{background:#000; padding:25px 0px; display:block; width:auto}
.h-small{font-size:11px; font-weight:normal; color:#a5a5a5; text-transform:uppercase; line-height:24px; background:url(../imgs/hr.gif) left bottom repeat-x} 
.latest{margin-bottom:100px}
.video-row{margin:10px 0px 0px; width:728px; float:left;}
.video-row-small{width:370px!important; margin:20px 0px 0px}
.video-row li{float:left; display:inline-block; margin-right:9px}
a.preview{width:173px; height:123px; display:block; overflow:hidden; position:relative; border:1px solid #333333}
a.preview:hover{border:1px solid #000}
a.preview:hover span.preview-hover{visibility:visible}
.preview-hover{position:absolute; width:173px; height:123px; background:url(../imgs/preview-hover.png) no-repeat; position:absolute; top:0px; left:0px; display:block; visibility:hidden}
.ad336{float:right; background:#000 url(../imgs/box-shine.jpg) repeat-x; border:11px solid #000; margin:0px 0px 0px 0px; overflow: hidden; width: 336px; padding: 0px  }
#last_loader{width:100%; height:30px; text-align:center; background:#000000; border:1px solid #111; padding:20px 0px 0px; line-height:30px}

/*Video categories*/
.video-categories{background:#000 url(../imgs/box-shine.jpg) repeat-x; border:1px solid #3d3d3d; margin-top:10px; width:730px}
.video-categories ul{float:left; width:25%; margin-bottom:5px}
.video-categories li{background:url(../imgs/li-bullet.gif) 5px 5px no-repeat; padding-left:13px; display:block; line-height:14px; margin-bottom:10px; float:left; clear:both;}
.video-categories .h-small{background:none; text-indent:5px}

/*Right-column*/
.ads-right-bottom{position:relative; height:1px; width:2px; overflow:visible}
.ads-absolute{position:absolute; top:10px; left:-1px}
.right-ads{position:absolute; top:0px; left:206px}
.right-column{float:right; width:204px; padding-right:1px; color:#6d6d6d; position:relative}
.right-column .box{background:#000 url(../imgs/box-shine.jpg) repeat-x; border:1px solid #3d3d3d; width:200px; padding:1px; margin-bottom:10px; overflow:hidden}
.right-column .ad-top{padding:0px!important; width:250px!important; background:#000 url(../imgs/box-shine.jpg) repeat-x; border:1px solid #3d3d3d; }
.right-column h2{color:#FFF; text-transform:uppercase; text-indent:10px; font-size:14px; font-family:Arial, Helvetica, sans-serif}
.right-column .news li{background:url(../imgs/li-bullet.gif) 5px 5px no-repeat; padding-left:13px; display:block; line-height:14px; margin-bottom:10px; float:left; clear:both; width:185px}
.right-column .news li a{color:#d0d0d0; display:block}
/*.right-column .news li:first-child a{color:#fc2d3f; display:block; font-weight:bold;}*/
.right-column .news li a span.date{color:#6d6d6d}
.right-column .news li a:hover{color:#31b7e9;}
/*.right-column .news li:first-child a:hover{color:#fc6125}*/
.right-column .news li a:hover span.date{color:#076284}

.right-column .login .input-text2{float:left; width:110px; height:18px; background:#fff; color:#076284; font-size:12px; border:none!important; margin:0px 0px 5px}
.right-column .login label{clear:both; float:left; margin:2px 10px 5px}
.right-column .login li{background:url(../imgs/li-bullet.gif) 5px 5px no-repeat; padding-left:13px; display:block; line-height:14px; margin-bottom:2px; float:left; clear:both; width:185px}
.right-column .login li a{color:#d0d0d0; display:block}
.right-column .login li a span.date{color:#6d6d6d}
.right-column .login li a:hover{color:#31b7e9;}
.right-column .login li a:hover span.date{color:#076284}
input.login-btn{background:#31b7e9; color:#FFFFFF!important; border:1px solid #4acbfb; padding:2px 5px; cursor:pointer; margin:0px 10px 0px 78px; float:left}
input.login-btn:hover{background:#fc6125; border:1px solid #fc6125; color:#fff!important}
.right-column a.small-link{font-size:9px!important; line-height:8px!important; color:#6d6d6d; padding-top:5px; display:block}
.right-column a.small-link:hover{color:#fc6125}
.register-btn{font-weight:bold; padding:10px; clear:both; display:block}

/*Footer*/
.footpanel{position:fixed; visibility: hidden; bottom:0; left:0; z-index: 9999; background:url(../imgs/floor.jpg) bottom center repeat-x; width: 100%; height:95px; color:#a0a0a0}
.footer-black{background:url(../imgs/footer-shine.png) no-repeat; width:943px; height:77px; margin-top:15px }
.explanation{background:url(../imgs/icon-tv.gif) 10px 8px no-repeat; padding:10px 0px 0px 40px; display:block; margin-bottom:3px;} 
.explanation span{font-size:12px}
.progress-bar{background:url(../imgs/progress-empty.gif) repeat-x; height:27px; width:937px; margin-left:3px; padding-top:1px; position:relative}
.progress-color{text-align: center; width:0%; background:url(../imgs/rainbow-header.jpg) repeat-y; height:25px; z-index:5; position:absolute; top:0px; left:0px}
.progress-color span{padding-right:5px; font-size:21px; font-weight:bold; color:#000000; line-height:25px; font-family:Arial}
.on-bar{font-size:11px; font-weight:normal; color:#a5a5a5; text-transform:uppercase; line-height:25px; position:absolute; top:0px; right:0px; z-index:2; padding-right:10px} 
.progress-color a{color:#000;}
.progress-color a:hover{color:#0033FF}
.close-footer{position:absolute; top:-5px; right:-5px; text-indent:-9999px; width:23px; height:23px; display:block; background:url(../imgs/cancel-footer.png) no-repeat; z-index:999; font-size:10px; padding:2px 0px 0px}
.close-footer:hover{background:url(../imgs/cancel-footer-hover.png) no-repeat; text-indent:-33px; color:#777; padding:2px 0px 0px}
.footer{text-align:left; margin-top:5px; background:#000000; border-top:1px solid #191919; color:#333333; font-size:10px}
.footer-like{margin:20px 0px 10px; background:url(../imgs/body-tile.gif); padding:5px 0px 49px; position:absolute; top:-181px; left:735px; width:210px; display:none; }
.footer-like-text{text-indent:-9999px; font-size:1px; background:url(../imgs/tell-friends.gif) center top no-repeat; width:210px; height:36px; display:block; position:relative; margin-bottom:12px}
.footer-dots{background:url(../imgs/body-tile.gif); width:100%; height:184px; position:absolute; top:-200px; left:0px; border-top:1px solid #1D2234}

/*View video*/
.black-box{background:#000 url(../imgs/box-shine.jpg) repeat-x; border:1px solid #3d3d3d; color:#6b6b6b; padding:15px 0px 0px;}
.content-black-box{float:left; width:495px; padding:10px 0px 0px 5px;}
.view-h1{color:#FFFFFF; font-size:14px; margin-bottom:10px} 
.view-h1 strong{font-size:11px; font-weight:normal; color:#6b6b6b; margin-bottom:2px}
.content-black-box p{text-align:center; margin-top:10px; line-height:25px}
.btn-download-video{background:url(../imgs/btn-download/download-video.gif) left top no-repeat; width:179px; height:25px; display:block; text-indent:-9999px; margin:25px 0px 25px 12px}
.btn-download-video:hover{background-position:left bottom}
.video-facebook{color:#FFFFFF!important; background:#9EDEF1; margin:0px; padding:10px 10px 2px 10px; width:180px!important; text-align:center; border:1px solid #BCE9F5; height:30px; overflow:hidden}
.view-right{float:right; width:200px; margin-right:10px; text-align:center; padding:150px 0px 10px}
.view-right a{line-height:14px; display:block}

/*Convert video*/
.download-h2{font-size:11px; font-weight:normal; color:#FFFFFF; margin-bottom:0px; text-transform:uppercase; background:url(../imgs/hr.gif) 0px 5px repeat-x; padding-top:15px;}
.left-black-box{float:left; width:316px; padding:10px 5px 10px 5px}
.right-black-box{width:365px; padding:0px 5px 0px; float:right}
.right-black-box h1{font-size:18px; padding-top:20px; color:#fc2d3f; line-height:20px}
ul.download-formats li{float:left; display:inline-block; padding:0px 10px 0px 0px}
.f-avi, .f-3gp, .f-mov, .f-mp4, .f-flv, .f-mp3{width:52px; height:39px; display:block}
.f-avi{background:url(../imgs/btn-download/avi.gif) no-repeat; text-indent:-999px}
.f-3gp{background:url(../imgs/btn-download/3gp.gif) no-repeat; text-indent:-999px}
.f-mov{background:url(../imgs/btn-download/mov.gif) no-repeat; text-indent:-999px}
.f-mp4{background:url(../imgs/btn-download/mp4.gif) no-repeat; text-indent:-999px}
.f-flv{background:url(../imgs/btn-download/flv.gif) no-repeat; text-indent:-999px}
.f-mp3{background:url(../imgs/btn-download/mp3.gif) no-repeat; text-indent:-999px}
.f-avi:hover, .f-3gp:hover, .f-mov:hover, .f-mp4:hover, .f-flv:hover, .f-mp3:hover{background-position:left bottom}
.right-black-box p{margin:10px 0px 0px}
.top-line{background:url(../imgs/hr.gif) 0px 5px repeat-x; padding-top:15px;}
.resolution{float:left; margin-right:10px; width:115px; background:#222; color:#999999; font-size:11px; line-height:13px; border:1px solid #444; padding-left:0px;}
.resolution-label{text-transform:uppercase; font-size:10px; display:block; width:100%; background:url(../imgs/hr.gif) 0px 0px repeat-x; padding:5px 0px; }
.convert-facebook{color:#FFFFFF!important; background:#9EDEF1; margin:0px; padding:10px 10px 10px 10px; width:314px!important; text-align:center; border:1px solid #BCE9F5; height:20px!important; overflow:hidden}

#movie-info { margin:0px 0px 10px 0px; width:560px }
#movie-info .left { width:330px; float:left; display:inline }
#movie-info .right { width:230px; float:left; display:inline; }
ul.original-info li{margin-bottom:5px; display:inline}
ul.original-info li strong{color:#999;}
#movie-info h5, #movie-slider h5{line-height:16px; text-transform:uppercase; }
#movie-slider h5{margin-top:10px}
#movie-slider h5 span{text-transform:none; font-weight:normal; font-size:12px;}

#slider{margin:5px 0px 5px 8px; width:345px!important; }
.position { font-weight: bold; width: 60px; display: inline-block;}
.strong { font-weight: bold; }
ul.position-info li{float:left; display:inline-block; width:132px}
ul.position-info li.last-position{float:right; display:inline-block; width:70px;}
ul.position-info li span{float:left!important; width:auto!important; display:inline; padding-right:2px}

/* TABS */
#online-videos { }
#local-videos { display: none; }

/*Content pages*/
.black-box2{background:#000 url(../imgs/box-shine.jpg) repeat-x; border:1px solid #3d3d3d; color:#6b6b6b; padding:15px 10px 10px; color:#999999}
.black-box2 h2{color:#CCCCCC;}
.black-box2 h1{color:#FFFFFF; font-size:22px}
.black-box2 ul, .black-box2 ol{margin-top:10px}
.black-box2 ol.tutorial-list{float:left; width:33%}
.black-box2 li{background:url(../imgs/li-bullet.gif) 5px 5px no-repeat; padding-left:13px; display:block; line-height:14px; margin-bottom:10px; float:left; clear:both;}
.black-box2 a:hover, black-box a:hover{color:#fc6125}
.black-box2 .green{background:none; border:none}
.supported-logos li{background:none; float:left; clear:none;  margin:0px; padding:0px; text-align:center}
.supported-logos a{border:1px solid #333333; display:block; width:145px; height:64px; margin:0px; padding:0px 12px}
.supported-logos a:hover{border:1px solid #444}
.supported-logos a img{opacity:0.8;}
.supported-logos a:hover img{opacity:1}
.suggest-big{background:#31b7e9; color:#FFFFFF; border:1px solid #4acbfb; font-size:12px; line-height:64px; text-align:center}
.suggest-big:hover{background:#fc6125; border:1px solid #fc6125; color:#fff!important}
.black-box2 h2.news-h2{color:#fc2d3f; padding:10px 0px 0px}
.news-h1{margin-bottom:0px}
.news-date{text-transform:uppercase; color:#ffc21d; padding:0px 0px 5px; font-size:9px}
.news-date span{padding:2px 4px; border:1px solid #222}
.news-content{background:url(../imgs/hr.gif) left bottom repeat-x; padding-bottom:10px; font-size:12px; line-height:18px; color:#CCCCCC} 

/*Contact-page*/
.contact-form {width:425px; background:url(../imgs/h-line-light.gif) left top repeat-x; padding:10px 0px; float:left}
.contact-form table{width:100%}
.contact-form table input, .contact-form table textarea{width:300px; height:18px; line-height:18px; padding:2px; border:1px solid #fff; background:#eee}
.contact-form table input:focus, .contact-form table textarea:focus{background:#FFFFFF; }
.contact-form table textarea{height:150px!important}
.contact-form table textarea.textarea-small{height:80px!important}
.contact-form tr{vertical-align:top}
.contact-form td{padding:5px 0px}
.contact-form .small-text{font-size:10px; margin-left:10px}
.contact-form label{width:150px; display:block; font-weight:bold; float:left}
.contact-form table input.small-input{width:100px; margin-left:10px}
.contact-form td.error-message span{background:#fc2d3f; color:#fff; font-size:12px; display:block; padding:5px}
.button-template{line-height:26px!important; height:28px!important; font-weight:bold; border:none!important; width:auto!important; padding:0px 10px!important; cursor:pointer; background:#31b7e9!important; color:#FFFFFF;  -moz-border-radius: 1em; -webkit-border-radius: 1em; }
.button-template:hover{background:#fc6125!important; border:1px solid #ea5100; color:#fff;}

/*Video 404*/
.video404 h1{text-indent:-9999px; display:none}
.video404 p.p-video404{background:url(../imgs/video404.jpg) 4px -3px no-repeat; width:700px; padding-top:240px; padding-bottom:30px}
.video404 p{color:#CCC; font-size:13px; padding-left:20px; line-height:20px}

.table-container{width:700px; margin-bottom: 10px; background-color: #fff}
.table-container table{width:700px}
.table-container td, th{padding:3px 10px; border:1px solid #CCC}
.table-container th{background:#e9f7ff; border-color:#aee3ff; font-weight:bold; color:#1688c4;}
.table-container td.bold { font-weight: bold!important }