/*====================================== reset.css is here ========================================*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;} 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 { list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:bold;} q:before,q:after {content:'';} abbr,acronym { border:0;} .clear{clear:both; font-size:1px;line-height:1px; display:block; height:0;} .clrflt{clear:both;} .log_sig .last, .f_icons .last { margin-left: 0; margin-right: 0; } .pad_last{padding:0 !important;} .no_bg {background:none !important;} .no_bor{border:none !important; } input { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none;-o-appearance: none; appearance: none; border-radius:0; outline:none; } .wrap-long-urls { overflow-wrap: break-word; word-wrap: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } /** http://stackoverflow.com/questions/22196587/how-to-center-align-vertically-the-container-in-bootstrap **/ .vertical-center { height:100%; width:100%; text-align: center; /* align the inline(-block) elements horizontally */ font: 0/0 a; /* remove the gap between inline(-block) elements */ } .vertical-center:before { /* create a full-height inline block pseudo=element */ content: ' '; display: inline-block; vertical-align: middle; /* vertical alignment of the inline element */ height: 100%; } .vertical-center > div { max-width: 100%; display: inline-block; vertical-align: middle; /* vertical alignment of the inline element */ font: 16px/1 "Helvetica Neue", Helvetica, Arial, sans-serif; /* <-- reset the font property */ } /**************************************************************************************/ a {text-decoration:none; outline:0 none;} a:hover {text-decoration:none;} h1 {font-size:24px;} h2 {font-size:22px;} h3 {font-size:18px;} h4 {font-size:16px;} h5 {font-size:14px;} h6 {font-size:12px;} /*----------------------------------------------------------------------------------*/ html {padding:0; margin:0; width:100%; height:100%;} body { color:#5f6a75; font-size:16px; font-family: 'PT Sans', sans-serif; height:100%;} .flt_lt { float:left; display:inline;} .flt_rt { float:right; display:inline;} /* ----------------------- layout ----------*/ .container { padding:0; } .wrapper { margin:0 auto; height:auto;min-height:100%;width:100%;} .row { margin:0; } /* ------------------ HEADER HERE -------------------*/ .header_bg { padding:0; margin:0; background:#272a2f; } .header { padding:16px 0 16px 0; margin:0; } .header_lft { padding:5px 0 0 0; margin:0; } .logo { padding:0; margin:0; } .logo a { padding:0; margin:0; } .logo a img { padding:0; margin:0; } /*.record { padding:0 0 0 18px; margin:1px 0 0 19px; display:inline-block; float:left; border-left:solid 1px #fff6e5; min-height:32px; } .record a { padding:0 0 0 23px; margin:7px 0 0 0; display:inline-block; background:url(../images/record_icon.png) no-repeat left center; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#ffffff; font-weight:400; font-style:normal; } *//* ------------------------- NAVIGATION HERE ---------------*/ .header_rgt { padding:0 0 0 0; margin:0; float:right; } .header_rgt .navbar-default { float:right; padding:0; margin:0; min-height:inherit; } .header_rgt .navbar-nav { margin:13px 0 0 55px; } .header_rgt .navbar-default .navbar-nav > li { padding:0 0 0 21px; margin:0 16px 0 0; background:url(../images/bullet1.png) no-repeat left center; } .header_rgt .navbar-default .navbar-nav > li > a{ padding:0; margin:0; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#ffffff; font-weight:400; font-style:normal; } .header_rgt .navbar-default { background:none; border:0; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{background:none; color:#ffffff;} .navbar-default .navbar-nav > li > a:hover{text-decoration:underline; } .header_rgt .container-fluid { padding:0; margin:0; } .header_mail {padding:11px 7% 13px 3.2%; margin:2px 2px 0 0; display:inline-block; float:right; border:solid 1px #ffffff; border-radius:8px; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#ffffff; font-weight:400; font-style:normal; background:url(../images/arrow1.png) no-repeat 90% center; letter-spacing:0.1px; } .loadinglightbox { background:white; background-image: url(../images/loading.gif); background-position: center center; background-repeat: no-repeat; } .loadinglightboxDoneLoading { background:white; } .header_mail:hover { color:#ffffff; text-decoration:underline; } .main_content_bg { padding:0; margin:0; } .main_content { padding:0; margin:0; } .log_sig { padding:1px 0 0 0; margin:0; display:inline-block; float:right; position:relative; z-index:999; } .log_sig ul { padding:0; margin:0; } .log_sig ul li { padding:0; margin:0 0 0 10px; float:left; } .log_sig ul li a { padding:12px 18px; margin:0; display:block; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#ffffff; font-weight:normal; font-style:normal; border:solid 1px #fff; border-radius:5px; } .log_sig ul li a:hover,.log_sig ul li a.active { background:#ffffff; color:#32373d; } .navbar-collapse{padding:0; } /* ------------------ NAVIGATION - LANGUAGE MENU -------------*/ .dropdownMenu{ position: relative; display: inline-block; padding: 2px 0; } .header_rgt .navbar-default .navbar-nav .dropdownMenu > a:hover { cursor: pointer; text-decoration: none; } .dropdownMenuOptions{ display: none; position: absolute; } .dropdownMenuOptions ul{ background-color: #f9f9f9; min-width: 150px; box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2); padding: 12px 16px; z-index: 1; border-radius: 0 0 5px 5px; border: 1px solid #ccc; margin-top: 8px; margin-left: 0; } .dropdownMenuOptions li{ line-height: 150%; float: none !important; list-style-type: none !important; background: none !important; padding: 0px !important; margin: 0px !important; } .dropdownMenuOptions li a{ color: #428bca !important; text-decoration: none; } .dropdownMenu:hover .dropdownMenuOptions { display: block; z-index: 999; } /* ------------------ HOME PAGE CONTENT HERE -------------*/ .noscroll { position: fixed; overflow-y: scroll; width: 100%; } .banner_bg { padding:137px 0 75px 0; margin:0; background:url(../images/banner_bg.jpg) no-repeat center top; background-size:cover; position:relative; } .home_nav { position:absolute; top:0; left:0; } .banner { padding:0; margin:0; } .banner_lft { padding:0 6.9% 0 0; margin:0 -1% 0 0; position:relative; } .banner_lft a { padding:0; margin:0; } .banner_lft a img { padding:0; margin:0; width:100%; } .banner_lft a span { width:74px; height:74px; background:url(../images/play_icon1.png) no-repeat; position:absolute; top:37%; left:39%; cursor:pointer; } .banner_rgt { padding:40px 0 0 0; margin:0; } .banner_rgt h2 { padding:0; margin:0; font-family: 'PT Sans', sans-serif; font-size:42px; line-height:42px; color:#ffffff; font-weight:bold; font-style:normal; letter-spacing:0.4px; text-shadow: 1px 1px #000;} .banner_rgt p { padding:19px 6% 25px 0; margin:0; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:25px; color:#dadada; font-weight:normal; font-style:normal; word-spacing:2px; text-shadow: 1px 1px #000;} .banner_rgt a.button { padding:15px 50px 15px 50px; margin:0; display:inline-block; float:left; font-family: 'PT Sans', sans-serif; font-size:26px; line-height:26px; color:#fff6e5; font-weight:bold; font-style:normal; background:#549fd7; border:none; box-shadow:1px 1px 0 0 #315c7d; border-radius:8px; letter-spacing:0.5px; outline:none; } .banner_rgt a.button:hover { background:#417ca7; } .banner_rgt ul { padding:0; margin:0; display:inline-block; float:left; } .banner_rgt ul li { padding:0; margin:0 15px 0 0; display:inline-block; float:left; } .banner_rgt ul li label { padding:0; margin:0; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:48px; color:#ffffff; font-weight:normal; font-style:normal; letter-spacing:0.4px; } .banner_rgt ul li a { padding:0; margin:11px 0 0 0; display:inline-block; } .banner_rgt ul li a img { padding:0; margin:0; } .screen { padding:35px 0 32px 0 !important; } .presentation_con { padding:70px 0 30px 0; margin:0; } .presentation_lft { padding:4px 0 0 0; margin:0; } .presentation_lft h2 { padding:0; margin:0; padding:0; margin:0; font-family: 'PT Sans', sans-serif; font-size:42px; line-height:42px; color:#3e454c; font-weight:bold; font-style:normal; letter-spacing:0.2px; } .presentation_lft h2 span { color:#7c8997; } .presentation_lft p { padding:19px 1% 25px 0; margin:0; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:25px; color:#5f6a75; font-weight:normal; font-style:normal; word-spacing:2px; } .presentation_user { padding:10px 0 0 0; margin:0; } .presentation_user_lft { padding:0; margin:0; width:27%; display:inline-block; float:left; text-align:center; } .presentation_user_lft a { padding:0; margin:0; } .presentation_user_lft a img { padding:0; margin:0; border-radius: 50%;} .presentation_user_lft a span { padding:7px 0 0 0; margin:0; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:25px; color:#549fd7; font-weight:bold; font-style:normal; display:inline-block; } .presentation_user_rgt { padding:23px 5% 27px 5%; margin:0; display:inline-block; float:none; background:#d4efff; font-family: 'PT Sans', sans-serif; font-size:15px; line-height:25px; color:#5f6a75; font-weight:normal; font-style:italic; width:70%; box-shadow:5px 5px 0 0 #d3d3d3; text-align:center; position:relative; } .presentation_user_rgt a { color:#549fd7; } .presentation_user_rgt .arrow { position:absolute; top:34%; left:-22px; } .presentation_social { padding:20px 0 0 0; margin:0; } .presentation_social ul { padding:0; margin:0; display:inline-block; } .presentation_social ul li { padding:0; margin:0 0 0 8px; display:inline-block; float:left; } .presentation_social ul li a { padding:0; margin:0; } .presentation_social ul li a img { padding:0; margin:0; } .presentation_rgt { padding:0 0 0 0; margin:0; float:right; } .presentation_rgt ul { padding:0; margin:0;} .presentation_rgt ul li { padding:0; overflow:hidden; margin:0 10px 0 0; display:inline-block; float:left; border-right:solid 1px #ffffff; border-bottom:solid 1px #ffffff; position:relative; } .presentation_rgt ul li p { padding:0; margin:0;} .presentation_rgt ul li p img { padding:0; margin:0; width:100%; height:auto; } .presentation_rgt ul li p span { padding:14px 5% 19px 2%; margin:0 0 0 0; position:absolute; top:26px; left:0; background:url(../images/transperent.png) repeat; display:inline-block; } .presentation_rgt ul li p span small { padding:0 0 0 24px; margin:0; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#ffffff; font-weight:normal; font-style:normal; width:100%; display:block; display:inline-block; background-position:left center; } /*.presentation_rgt ul li:hover p span small { margin:0 0 0 10px; transition:all 0.5s ease-in-out; cursor:pointer; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; background:url(../images/eye_icon.png) no-repeat left center; }*/ .recorder_con .recorder_bottom_home { padding:6px 0 9px 1px; } .recorder_con .upgrade { margin:0 0 29px 0; padding:11px 20px 13px 22px; } .news_offers_bg { padding:0; margin:0; background:#549fd7; border-bottom:solid 5px #d3d3d3; text-align:center; } .news_offers { padding:31px 0 24px 0; margin:0; display:inline-block; width:590px; } .news_offers label { padding:0; margin:0; font-family: 'PT Sans', sans-serif; font-size:28px; line-height:35px; color:#ffffff; font-weight:normal; font-style:normal; display:inline-block; float:left; letter-spacing:0.5px; } .news_offers input { padding:10px 2.9% 10px 2.9%; margin:0 10px 0 10px; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#6d7985; font-weight:normal; font-style:normal; border:none; border-radius:5px; display:inline-block; float:left; text-align:left; letter-spacing:0.5px; width:34%; } .news_offers .sign_up { padding:12px 20px 12px 20px; margin:0; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#ffffff; font-weight:normal; font-style:normal; border:none; border-radius:5px; background:#32373d; width:auto; display:inline-block; float:left; } .news_offers .sign_up:hover { background:#1c1f22; } .free_block_bg { padding:0; margin:0; background:url(../images/try_freebg.png) repeat; height:250px; display:table; text-align:center; width:100%; } .free_block_in { padding:0; margin:0; display: inline-block; float:none; width:480px; } .free_block { padding:0; margin:0; display:table-cell; float:none; vertical-align:middle; } .free_block label { padding:0 3% 0 0; margin:0; font-family: 'PT Sans', sans-serif; font-size:38px; line-height:42px; color:#ffffff; font-weight:bold; font-style:normal; display:inline-block; float:left; letter-spacing:0.5px; } .free_block a { padding:16px 20px 15px 20px; margin:0; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#ffffff; font-weight:bold; font-style:normal; border:none; border-radius:5px; background:#549fd7; display:inline-block; float:left; letter-spacing:0.5px; box-shadow: 1px 1px 0 0 #315c7d;} .free_block a:hover { background:#417ca7; } /* ------------------ CHANNEL PAGE CONTENT HERE -------------*/ .channels_con { padding:0; margin:0; } .channels_lft { padding:0 0 0 0; margin:0; width:20.2%; display:inline-block; float:left; } .channels_lft ul { padding:0; margin:0; } .channels_lft ul li { padding:0; margin:0; border-bottom:solid 1px #cccccc; } .channels_lft ul li .al_uplodes { padding:15px 0 16px 12px; margin:0 0 1px 0; font-family: 'PT Sans', sans-serif; font-size:21px; line-height:21px; color:#3e454c; font-weight:bold; font-style:normal; display:block; letter-spacing:0.5px; position:relative; } .channels_lft ul li .addchannel { padding-bottom:8px; } .nochannels ul li .dd { display:none; } .channels_lft ul li .al_uplodes:hover, .channels_lft ul li .al_uplodes.active { color:#65A5CA;} .channels_lft ul li .al_uplodes em { position:absolute; right:0; top:20px; font-size:14px; line-height:14px; color:#2185c5; font-weight:bold; font-style:normal; letter-spacing:0.3px; display:none; } .channels_lft ul li .al_uplodes:hover em { display:block; } .channels_lft ul li ul { padding:1px 0 13px 0; margin:0; } .channels_lft ul li ul li { padding:0; margin:0; position:relative; border:none; } .channels_lft ul li ul li.nochannels { padding:0 0 0 12px; margin:0; display:block; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:25px; color:#3e454c; font-weight:normal; font-style:normal; } .channels_lft ul li ul li.nochannels:hover { background:none; } .channels_lft ul li ul li:hover { background:#e1e1e1; color:#3e454c; } .channels_lft ul li ul li a.title { overflow:hidden; white-space: nowrap; text-overflow: ellipsis; } .channels_lft ul li ul li:hover a.title img { display:none; } .channels_lft ul li ul li:hover a.title { padding-right:75px; } .channels_lft ul li ul li a { padding:0 0 0 12px; margin:0; display:block; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:25px; color:#3e454c; font-weight:normal; font-style:normal; cursor:pointer; } .channels_lft ul li ul li a:hover { color:#65A5CA; } .channels_lft ul li ul li a.active { background:#e1e1e1; color:#3e454c; } .channels_lft ul li ul li ul { padding:0; margin:0; position:absolute; top:7px; right:8px; display:none; } .channels_lft ul li ul li:hover ul { display:block; } .channels_lft ul li ul li ul li { padding:0; margin:0 0 0 8px; display:inline-block; float:left; border:none; } .channels_lft ul li ul li ul li a { padding:0; margin:0; } .channels_lft ul li ul li.shared .channelRemove { display:none; } .channels_lft ul li ul li a .detail-icon { width:16px; vertical-align: text-top; margin-left: 6px; } .channels_lft ul li ul li a .detail-icon-user { background-image: url(../images/hosting_icon7.png); background-size: contain; background-repeat: no-repeat; } .channels_lft ul li ul li.nochannels a { padding:0; margin:0; display:inline; font-family: 'PT Sans', sans-serif; color:#65A5CA; font-size:14px; font-weight:normal; font-style:normal; cursor:pointer; } .channels_lft ul li .gopro { padding:0 0 0 25px; margin:11px 0 0 10px; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:25px; color:#3e454c; font-weight:bold; font-style:normal; background:url(../images/record_ico2.png) no-repeat left center; display:inline-block; letter-spacing:0.2px; } .channels_rgt { padding:0; margin:0; width:77%; display:inline-block; float:right; } .channels_rgt_in { padding:0; margin:0; } .channels_rgt_top { padding:0 0 15px 0; margin:0; } .channels_rgt_top h2 { padding:0; margin:0; float:left; font-family: 'PT Sans', sans-serif; font-size:42px; line-height:42px; color:#3e454c; font-weight:bold; font-style:normal; } .channels_rgt_top a { padding:0 0 0 23px; margin:8px 0 0 0; float:right; font-family: 'PT Sans', sans-serif; font-size:15px; line-height:25px; color:#3e454c; font-weight:bold; font-style:normal; background:url(../images/question_icon.png) no-repeat left center; letter-spacing:-0.2px; } .channels_rgt_top p { padding:5px 0 0 0; margin:0 0 -4px 0; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:25px; color:#272a2f; font-weight:normal; font-style:normal; word-spacing:-0.6px; } .channels_rgt_top ul { padding:8px 0 0 2.3%; margin:0; display:inline-block; float:left; } .channels_rgt_top ul li { padding:0; margin:0 13px 0 0; display:inline-block; float:left; } .channels_rgt_top ul li a { padding:0 0 0 24px; margin:0; display:inline-block; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:28px; color:#7d7d7d; font-weight:normal; font-style:normal; background:url(../images/uplode_icon.png) no-repeat left center; letter-spacing:0.2px; } .channels_rgt_top ul li .lock { background:url(../images/lock_icon2.png) no-repeat left center; padding:0 0 0 19px; } .channels_rgt_top #channeltitle .title { padding:0 20px 0 0; } .channels_rgt_top #channeltitle a { padding:0; margin:0; font-weight:normal; float: none; background: none; white-space: nowrap; color:#65A5CA; } .channels_videobar { padding:0; margin:0 1px 0 0; background:#282a2f; min-height:50px; } .channels_videobar h4 { padding:18px 2% 18px 2%; margin:0; float:left; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:14px; color:#ffffff; font-weight:normal; font-style:normal; background:url(../images/border.jpg) no-repeat right top; } .channels_videobar_rgt1 { padding:0; margin:0; float:left; display:block; width:100%; } .channels_videobar_rgt1 label { padding:2px 0 0 22px; margin:16px 0 0 21px; float:left; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:14px; color:#ffffff; font-weight:normal; font-style:normal; } .channels_videobar_rgt1 select { padding:0; margin:0; float:left; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:14px; color:#272a2f; font-weight:normal; font-style:normal; } .channels_videobar_rgt1 ul { padding:11px 0 0 8px; margin:0; float:left; } .channels_videobar_rgt1 ul li { padding:0; margin:0 8px 0 0; display:inline-block; float:left; } .channels_videobar_rgt1 ul li a { padding:4px 8px 6px 8px; display:inline-block; margin:0; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#ffffff; font-weight:400; font-style:normal; border:solid 1px #ffffff; border-radius:8px; } .channels_videobar_rgt1 ul li a:hover { background:#fff; color:#282a2f; } .channels_videobar_rgt2 { padding:0; margin:0; float:left; width:100%; display:block; } .channels_videobar_rgt2 .button { padding:5px 10px 7px 8px; margin:11px 0 0 13px; display:inline-block; float:left; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:14px; color:#ffffff; font-weight:normal; font-style:normal; border:solid 1px #fff; border-radius:5px; background:none; letter-spacing:0.3px; } .channels_videobar_rgt2 input.over { color:#282a2f; background:#ffffff; } .channels_videobar_rgt3 { padding:0; margin:0; float:left; display:block; width:100%; } .channels_videobar_rgt3 h4 { background:none; } .channels_videobar_rgt3 ul { padding:11px 5px 0 8px; margin:0; float:right; } .channels_videobar_rgt3 ul li { padding:0; margin:0 8px 0 0; display:inline-block; float:left; } .channels_videobar_rgt3 ul li a { padding:4px 8px 6px 8px; display:inline-block; margin:0; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#ffffff; font-weight:400; font-style:normal; border:solid 1px #ffffff; border-radius:8px; } .channels_videobar_rgt3 ul li a:hover { background:#fff; color:#282a2f; } .channels_videobar_rgt3 ul li a.disabled { color:#aaaaaa; border:solid 1px #aaaaaa; border-radius:8px; } .channels_videobar_rgt3 ul li a.disabled:hover { color:#aaaaaa; background: none; } .channels_videobar_rgt4 { padding:0; margin:0; float:left; display:block; width:100%; } .channels_videobar_rgt4 h4 img { padding:0 10px 0 0; vertical-align: sub; } .channels_videobar_rgt4 h4 { background:none; } #showupgradeoffer.channels_videobar_rgt4 { background:#d4efff; border-top:1px solid white; } #showupgradeoffer.channels_videobar_rgt4 h4 { color:#3d444c; text-align:center; width:100%; font-size:21px; letter-spacing:2px; line-height:1.3em; } .search_sort { padding:0px 15px 10px 0px; margin:0; display:inline-block; float:right; } .search_sort input { margin:11px 10px 0 0; padding:4px 0 4px 10px; display:inline-block; float:left; font-family: 'PT Sans', sans-serif; font-size:14px; font-style:normal; color:#000000; background:#ffffff; letter-spacing:0.7px; border-radius:8px; width:auto; border:none; } .search_sort label { margin:11px 12px 0 0; padding:0 0 0 10px; display:inline-block; float:left; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:27px; font-style:normal; font-weight:normal; color:#ffffff; } .list_grids { padding:17px 15px 17px 8px; margin:0; display:inline-block; float:right; background:url(../images/border.jpg) no-repeat left top; } .list_grids a { padding:0; margin:0 0 0 11px; display:inline-block; float:left; cursor:pointer; } .uplodes ul.list li { width: 100% !important; cursor: pointer; border-bottom: 1px solid #464646; border-right: none; } .uplodes ul.list li:hover .lay a { color: #65A5CA !important; } .uplodes ul.list li:nth-child(odd){background:#ebebeb !important; } .list li .lay{position:static !important; display:inline-block; float:right; width:75% !important;transition:none !important; background:none !important; padding:15px 15px 15px 2% !important; } .list li .uplodes ul li img {display:inline-block; float:left; margin:0; } .list li .lay a{color:#272a2f !important; font-size:21px !important; line-height:22px !important;} .list li p{display:block !important; padding:4px 0 0 0 !important; } .list li h6{color:#272a2f !important; font-size:14px !important; line-height:14px !important; position: absolute; bottom: 17px;} .list li .options{ position:absolute; bottom:0 !important; right:0 !important; background:url(../images/transperent1.png) repeat !important; padding:13px 5px 12px 16px !important; } .list li h6 .detail-icon { width:18px !important; } .list li h6 .detail-icon-channelupload { background-image: url(../images/hosting_icon9.png) !important; background-repeat: no-repeat; } .list li h6 .detail-icon-user { background-image: url(../images/hosting_icon7.png) !important; background-repeat: no-repeat; } .list li .video_bg {width:25%; float:left; } .uplodes { padding:0; margin:1px 0 0 0; min-height:605px;} .uplodes ul { padding:0; margin:0; } .uplodes ul li { padding:0; margin:0; display:inline-block; float:left; position:relative; border-right:solid 1px #fff; border-bottom:solid 1px #fff; overflow:hidden; min-height:126px; } .uplodes ul li .lock-icon { display:block; position: absolute;top: 7px;right: 7px;width: 13px;height: 14px;background-image: url(../images/lock_icon.png); } .uplodes ul.list li .lock-icon { background-image: url(../images/lock_icon2.png); } .uplodes ul li .video_bg { padding:0; margin:0; } .uplodes ul li img { padding:0; margin:0; width:100%; } .uplodes ul li p { display:none; font-family: 'PT Sans', sans-serif; font-size:14px; color:#272a2f; font-weight:normal; font-style:normal; max-height: 42px; overflow: hidden; text-overflow: ellipsis;} /*.uplodes ul li .lay { padding:8px 0 14px 8%; width:99.7%; margin:0 0 -32px 0; background:url(../images/transperent1.png) repeat; position:absolute; bottom:0; left:0; transition:all 0.5s ease-in-out; cursor:pointer; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; }*/ .uplodes ul li .lay { padding:10px 0 0 14px; width:100%; height:100%; position:absolute; top:0; left:0; cursor: pointer; background: -moz-linear-gradient(top, rgba(69,72,77,0.85) 0%, rgba(0,0,0,0.85) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,0.85)), color-stop(100%,rgba(0,0,0,0.85))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(69,72,77,0.85) 0%,rgba(0,0,0,0.85) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(69,72,77,0.85) 0%,rgba(0,0,0,0.85) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(69,72,77,0.85) 0%,rgba(0,0,0,0.85) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(69,72,77,0.85) 0%,rgba(0,0,0,0.85) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d945484d', endColorstr='#d9000000',GradientType=0 ); /* IE6-9 */ } .uplodes ul li .lay a { padding:0 12px 0 0; margin:0; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:18px; color:#ffffff; font-weight:bold; font-style:normal; letter-spacing:0.2px; display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .uplodes ul.list li .lay a.title { margin:0; } .uplodes ul.multiaction a.title { margin:0 0 0 28px; } .uplodes ul.grid li:hover .lay a { color:#65A5CA; } .uplodes ul li.selectedScreencast .lay a { color:#65A5CA !important; } .uplodes ul li .lay a:hover { color:#65A5CA; } .uplodes ul li .lay h6 { padding:7px 0 0 0 ; margin:0; font-family: 'PT Sans', sans-serif; font-size:11px; line-height:11px; color:#ffffff; font-weight:normal; font-style:normal; letter-spacing:0.2px; } .uplodes ul li .lay img {} .uplodes ul li .lay h6 .detail-icon { width:14px; height:14px; vertical-align: text-top; margin-left: 4px; } .uplodes ul li .lay h6 .detail-icon-channelupload { background-image: url(../images/hosting_icon9_light.png); background-size:contain; background-repeat: no-repeat; } .uplodes ul li .lay h6 .detail-icon-user { background-image: url(../images/hosting_icon7_light.png); background-size:contain; background-repeat: no-repeat; } .uplodes ul li:nth-last-child(1) { border-right:none;} /*.uplodes ul li .options { padding:13px 0 0 0; margin:0; display:block;}*/ .uplodes ul li .options { padding:0; margin:0; display:block; } .uplodes ul li .options .move_icon { display:none; } .uplodes ul li .options a { padding:0; margin:0 12px 0 0; display:inline-block; float:left; } .uplodes ul li .options a img { padding:0; margin:0; } .uplodes ul.grid li .options { cursor:auto; position: absolute; bottom: -40px; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; } .uplodes ul.grid li .options { padding:10px 10px 20px 20px; left: -5px;} .uplodes ul.grid li:hover .lay { margin:0; } .uplodes ul.grid li:hover .options { bottom:-5px; } .uplodes ul.multiaction li:hover .options { bottom:-40px; } .uplodes ul.reordering li:hover .options { bottom:-40px; } .channelview ul li .options { display:none; } .uplodes ul li .show_more { padding:0; margin:0; background:#2185c5; width:100%; height:100%; position:absolute; left:0; top:0; text-align:center; } .uplodes ul li .show_more_in { padding:0; margin:0; display:table; width:100%; height:100%; } .uplodes ul li .show_more a { padding:0; margin:0; display:table-cell; vertical-align:middle; } .uplodes ul li .show_more a em { padding:0 15px 0 30px; margin:0; background:url(../images/eye_icon2.png) no-repeat left center; font-family: 'PT Sans', sans-serif; font-size:21px; line-height:21px; color:#ffffff; font-weight:normal; font-style:normal;} .uplodes ul li .cheack { } .uplodes ul li .custom-checkbox { display:none; position:absolute; top:9px; left:9px; width:20px; height:20px; z-index:99999; } .uplodes ul li .custom-checkbox label { display:none; background:url(../images/uncheached2.jpg) no-repeat; width:16px; height:18px; border:1px solid #464646; } .uplodes ul li .custom-checkbox label.checked{ background:url(../images/cheached2.jpg) no-repeat; width:16px; height:18px; } .uplodes ul.multiaction li .custom-checkbox { top:12px; left:15px; } .uplodes ul.multiaction li .custom-checkbox { display:block; } .uplodes ul.multiaction li .custom-checkbox label { display:block; } .uplodes ul.reordering li .lay { cursor: move; } /* -------------------- LOGOUT PAGE CONTENT HERE --------------*/ .log_out_con { padding:0; margin:0; display:table; width:100%; } .log_out_lft { float:none; padding:0 3.55% 0 0; width:100%; } .log_out_rgt { width:20%; background:#272a2f; display:table-cell; vertical-align:top; } /* -------------------- TABS CONTENT HERE --------------*/ .tabs_nav { padding:30px 0 0 0; margin:0; } .tabs_nav ul { padding:0; margin:0; } .tabs_nav ul li { padding:2px 0 2px 10px; margin:0 1px 0 0; float:left; display:inline-block; background: #858f99; } .tabs_nav ul li:hover { background:#417ca7; } .tabs_nav ul li.current { background:#eeeeee; } .tabs_nav ul #tab4 { background:#27c197; } .tabs_nav ul #tab4:hover { background:#417ca7; } .tabs_nav ul #tab4.current { background:#eeeeee; } .tabs_nav ul li a { padding:14px 25px 14px 47px; margin:0; display:inline-block; background:#ededed; font-family: 'PT Sans', sans-serif; font-size:21px; line-height:21px; color:#ffffff; font-weight:400; font-style:normal; letter-spacing:0.1px; cursor:pointer; } .tabs_nav ul li a:hover { color:#fff; } .tabs_nav ul li.current a, .tabs_nav ul li.current { color:#3e454c; } .tabs_nav ul li a.log_in { background:url(../images/log_in_icon.png) no-repeat 13px 12px; } .tabs_nav ul li a.log_in:hover,.tabs_nav ul li.log_in.current { background:url(../images/log_in_icon_over.png) no-repeat 13px 12px #eeeeee; } .tabs_nav ul li.no_bg span { padding:14px 13px 0 0; margin:0; font-family: 'PT Sans', sans-serif; font-size:21px; line-height:21px; color:#3e454c; font-weight:bold; font-style:normal; display:inline-block; letter-spacing:0.5px;} .tabs_nav ul li a.prorecorder { background:url(../images/prorecorder.png) no-repeat 13px 12px; } .tabs_nav ul li.current .prorecorder { background:url(../images/prorecorder_over.png) no-repeat 13px 12px transparent; } .tabs_nav ul li a.basket { background:url(../images/basket.png) no-repeat 13px 15px; } .tabs_nav ul li.current .basket { background:url(../images/basket_over.png) no-repeat 13px 15px transparent; } .tabs_nav ul li a.cloud { background:url(../images/cloud.png) no-repeat 13px 15px; } .tabs_nav ul li.current .cloud { background:url(../images/cloud_over.png) no-repeat 13px 15px transparent; } .tabs_nav ul li a.friend { background:url(../images/friend.png) no-repeat 13px 12px; } .tabs_nav ul li.current .friend { background:url(../images/friend_over.png) no-repeat 13px 12px transparent; color:#27c197; font-weight:bold; letter-spacing:0.3px; } .tabs_nav ul li a.wbap { background:url(../images/web_icon.png) no-repeat 13px 12px transparent; } .tabs_nav ul li.current .wbap { background:url(../images/watermark_icon_over.png) no-repeat 13px 12px transparent; } .tabs_nav ul li .host:hover { color:#fff !important; background:url(../images/cloud.png) no-repeat 13px 15px !important;} .tabscontent { display:none; } /* start hidden until tab is selected */ .tabs_con_bg { padding:54px 0 110px 0; margin:0; box-shadow:0 0 0 0 #ededed; background: -webkit-linear-gradient(top, #eeeeee, #ffffff 76px); background: -ms-linear-gradient(top, #eeeeee, #ffffff 76px); background: -o-linear-gradient(top, #eeeeee, #ffffff 6px); background: -moz-linear-gradient(top, #eeeeee, #ffffff 76px); background: linear-gradient(top, #eeeeee, #ffffff 76px); } .tabs_con { padding:56px 0 0 0; margin:0; } .pro_recorder, .invite_friend { padding:0; margin:0; } /* ------------------ LOGIN PAGE CONTENT HERE -------------*/ .log_in_bg { padding:0; margin:0; } .log_in_con { padding:0; margin:0; display:table; float:none; width:100%; } .log_in_lft { padding:0; margin:0; width:93.6%; } .log_in_con .log_in_lft_rgt { padding:0 0 0 3.9%; margin:0; float:right;} .log_in_lft_con { padding:0 3.8% 0 0; margin:0; } .log_in_lft_con h2 { padding:0 0 19px 0; margin:0; font-family: 'PT Sans', sans-serif; font-size:42px; line-height:42px; color:#3e454c; font-weight:bold; font-style:normal; border-bottom:solid 1px #cccccc; } .log_in_lft_con ul { padding:20px 0 0 0; margin:0; } .log_in_lft_con ul li { padding:0; margin:0 0 16px 0; } .log_in_lft_con ul li span { padding:6px 0 0 0; margin:0; width:26.5%; display:inline-block; float:left; font-family: 'PT Sans', sans-serif; font-size:21px; line-height:21px; color:#3e454c; font-weight:bold; font-style:normal; } .log_in_lft_con ul li input { padding:5px 3.2% 9px 3.2%; margin:0; width:72.6%; display:inline-block; float:left; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:18px; color:#959595; font-weight:normal; font-style:normal; border:solid 1px #959595; border-radius:5px; } .log_in_lft_con ul li a { padding:0; margin:-2px 2px 1px 0; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:14px; color:#2185c5; font-weight:bold; font-style:normal; text-decoration:none; float:right; letter-spacing:0.3px; } .log_in_lft_con ul li a:hover { text-decoration:underline; } .log_in_lft_con ul li.log_butcon { padding:20px 0 0 0; margin:0; border-top:solid 1px #cccccc; } .log_in_lft_con ul li .login { padding:14px 18px 12px 20px; margin:0 3px 0 0; background:#549fd7; width:auto; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#ffffff; font-weight:bold; font-style:normal; border-radius:8px; float:right; border:none; letter-spacing:0.3px; box-shadow:1px 1px 0 0 #315c7d; } .log_sidebar { padding:0; margin:0 0 0 0; display:table-cell; vertical-align:top; float:none; background:#e1e1e1; width:20%; } .log_in_lft_con ul li .login:hover {background:#417ca7; } /* ------------------ HOSTING PAGE CONTENT HERE -------------*/ .hosting_block1 { padding:13px 0 0 0; margin:0 0 0 0; } .hosting_block1_lft { padding:0; margin:0; } .hosting_block1_lft h2 { padding:0 0 20px 0; margin:0; font-family: 'PT Sans', sans-serif; font-size:38px; line-height:38px; color:#3e454c; font-weight:bold; font-style:normal; letter-spacing:0.6px; } .hosting_block1_lft p { padding:0 0 13px 0; margin:0; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:25px; color:#272a2f; font-weight:normal; font-style:normal; } .hosting_block1_lft a { padding:11px 16px 13px 22px; margin:30px 0 0 0; display:inline-block;font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#ffffff; font-weight:bold; font-style:normal; background:#549fd7; box-shadow:1px 1px 0 0 #315c7d; letter-spacing:0.7px; border-radius:5px; } .hosting_block1_lft a:hover { background:#417ca7 } .hosting_block1_rgt { padding:0 0 0 7.45%; margin:0; float: right; position:relative; } .hosting_block1_rgt a { padding:0; margin:0; } .hosting_block1_rgt a img { padding:0; margin:0; width:100%; } .hosting_block1_rgt a span { width:74px; height:74px; background:url(../images/play_icon1.png) no-repeat; cursor:pointer; position:absolute; top:41%; left:50%; } .hosting_block_channel{padding:0 0 0 9% !important; } .in_gopro .hosting_block2_bg { padding:0; background: none; } .hosting_block2_bg, .invite_block2_bg { padding:50px 0 50px 0; background: -webkit-linear-gradient(top, #eeeeee, #ffffff 76px); background: -ms-linear-gradient(top, #eeeeee, #ffffff 76px); background: -o-linear-gradient(top, #eeeeee, #ffffff 6px); background: -moz-linear-gradient(top, #eeeeee, #ffffff 76px); background: linear-gradient(top, #eeeeee, #ffffff 76px); } .hosting_block2 { padding:0; margin:0 auto; width:82.5%; } .hosting_block2 h2 { padding:0; margin:0; font-family: 'PT Sans', sans-serif; font-size:36px; line-height:36px; color:#3e454c; font-weight:bold; font-style:normal; } /*.hosting_block2 h4 { padding:32px 0 16px 0; margin:0; font-family: 'PT Sans', sans-serif; font-size:21px; line-height:21px; color:#272a2f; font-weight:bold; font-style:normal; letter-spacing:0.4px; }*/ .hosting_block2 h4 { padding:20px 0 16px 0; margin:0; font-family: 'PT Sans', sans-serif; font-size:21px; line-height:30px; color:#272a2f; font-weight:normal; font-style:normal; letter-spacing:0.3px; } .hosting_block2 ul { padding:0; margin:0; } .hosting_block2 ul.no { padding:0; margin:32px 0 0 0; } .hosting_block2 ul.no-team-subscribed li.no-team-subscribed-entry { width: 370px; max-width: 100%; } .hosting_block2 ul.no li { padding:0; margin:0 4.2% 0 0; background:#d4efff; width:30.5%; display:inline-block; float:left; box-shadow:5px 5px 0 0 #d3d3d3; } .hosting_block2 ul.no li h4 { padding:17px 0 21px 0; margin:0; text-align:center; font-family: 'PT Sans', sans-serif; font-size:37px; line-height:37px; color:#ffffff; font-weight:bold; font-style:normal; background:#3e454c; } .hosting_block2 ul.no li p { padding:30px 4% 0 4%; margin:0; min-height:116px; font-family: 'PT Sans', sans-serif; font-size:21px; line-height:30px; color:#272a2f; font-weight:normal; font-style:normal; text-align:center; word-spacing:1px; } .hosting_block2 ul.no li ul { padding:0; margin:0; min-height:160px; } .hosting_block2 ul.no li ul li { padding:0; margin:0; float:none; width:100%; box-shadow:0 0 0 0 #d3d3d3 !important; } .hosting_block2 ul.no li ul li a { padding:7px 0 8px 21%; margin:0; display:block; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:25px; color:#272a2f; font-weight:normal; font-style:normal; background:url(../images/hosting_icon1.png) no-repeat 13% 9px; letter-spacing:-0.7px; } .hosting_block2 ul.no li ul li span { padding:7px 0 8px 21%; margin:0; display:block; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:25px; color:#272a2f; font-weight:normal; font-style:normal; background:url(../images/hosting_icon1.png) no-repeat 13% 9px; letter-spacing:-0.7px; } .hosting_block2 ul.no li ul li:hover { background:#bad3e2; } .hosting_block2 ul.no li ul li h6 { padding:0; margin:0; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:25px; color:#272a2f; font-weight:normal; font-style:normal; background:#bad3e2; } .hosting_block2 ul.no li .branding { background:url(../images/hosting_icon2.png) no-repeat 13% 9px;} .hosting_block2 ul.no li .screencast { background:url(../images/hosting_icon3.png) no-repeat 13% 9px;} .hosting_block2 ul.no li .uploads { background:url(../images/hosting_icon4.png) no-repeat 13% 9px;} .hosting_block2 ul.no li .channels { background:url(../images/hosting_icon5.png) no-repeat 13% 9px;} .hosting_block2 ul.no li .restrict { background:url(../images/hosting_icon6.png) no-repeat 13% 9px;} .hosting_block2 ul.no li .track { background:url(../images/hosting_icon7.png) no-repeat 13% 9px;} .hosting_block2 ul.no li .embed { background:url(../images/hosting_icon8.png) no-repeat 13% 9px;} .hosting_block2 ul.no li ul li h6 { padding:7px 0 8px 10.5%; margin:0; display:block; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:25px; color:#3e454c; font-weight:bold; font-style:normal; letter-spacing:-0.7px; } .hosting_block2 ul.no h3 { padding:16px 0 15px 0; margin:32px 0 0 0; font-family: 'PT Sans', sans-serif; font-size:18px; line-height:18px; color:#ffffff; font-weight:bold; font-style:normal; word-spacing:0; background:#42c498; text-align:center; text-transform:uppercase; position:relative; } .hosting_block2 ul.no h3 strong { background:url(../images/arrow3.png) no-repeat; width:39px; height:20px; position:absolute; top:-20px; right:62%; } .hosting_block2 ul.no h3.annual strong { right:25%; } .hosting_block2 .ph-logo { padding:0 20px 0 0; } .hosting_block2 .recorder_setting a.button { padding:11px 20px 13px 20px; margin:-8px 20px 0 0; display:inline-block; float:right; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#ffffff; font-weight:bold; font-style:normal; background:#549fd7; box-shadow:1px 1px 0 0 #315c7d; letter-spacing:0.7px; border-radius:5px; cursor:pointer; } .hosting_block2 .recorder_setting a.button:hover { background:#417ca7;} .recorder_setting ul li.propage_setup { padding-bottom: 50px; border-bottom: 1px solid #ccc; } .recorder_setting ul li.prohosting_setup { padding-bottom: 50px; border-bottom: 1px solid #ccc; } .recorder_setting ul li.prohosting_setup p { padding:25px; line-height:37px; } .prohosting_setup .ph-logo img { max-width: 200px; max-height: 100%; } .hosting_block2 .recorder_setting .prohosting_setup a.button { margin: 0 0 0 20px; } .ph_setup_owner .disablebutton { display: none !important; } .ph_setup_shared .usersbutton { display: none !important; } .ph_setup_shared .settingsbutton { display: none !important; } .ph_setup_shared h3 { display: none !important; } .recorder_setting ul li.ph_setup_shared { border-top: 0; } .recorder_setting ul li.ph_setup_shared p { margin: 0; } .hosting_block3 { padding:0 0 47px 0; margin:0 auto; width:82.5%; } .hosting_block3_in a { color:#65A5CA;} .hosting_block3_in { padding:0 1.5% 0 0; margin:0; } .hosting_block3 h4, .invite_block3 h2 { padding:40px 0 31px 0; margin:0; font-family: 'PT Sans', sans-serif; font-size:21px; line-height:21px; color:#272a2f; font-weight:bold; font-style:normal; letter-spacing:0.2px; } .hosting_block3 h6 { padding:0; margin:0; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#272a2f; font-weight:bold; font-style:normal; } .hosting_block3 p { padding:6px 0 28px 0; margin:0; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:25px; color:#272a2f; font-weight:normal; font-style:normal; } .hosting_block3 .rgt_con { padding:0 0 0 1.6%; } .invite_block3 { width:82.5%; margin:0 auto; padding:0 15px; } /*.recorder_page { background: -webkit-linear-gradient(top, #ffffff, #eeeeee 76px); background: -ms-linear-gradient(top, #ffffff, #eeeeee 76px); background: -o-linear-gradient(top, #ffffff, #eeeeee 6px); background: -moz-linear-gradient(top, #ffffff, #eeeeee 76px); background: linear-gradient(top, #ffffff, #eeeeee 76px); }*/ .recorder_page .hosting_block2_bg { margin: 0 0 0 0; padding-bottom: 150px; } .recorder_page .hosting_block3 { width: auto; } .recorder_page .hosting_block3 a { font-weight: bold; } .recorder_page .hosting_block3 h4 { padding:0px 0 31px 0; } .recorder_page .hosting_block_channel { padding:0 20px !important; } .hosting_doller { padding:19px 0 0 0; margin:0; text-align:center; } .hosting_doller ul { padding:0; margin:0; display:inline-block; min-height:inherit !important; } .hosting_doller ul li { padding:0; margin:0 12px 0 0 !important; float:left !important; display:inline-block; width:auto !important; background:none !important; box-shadow:5px 5px 0 0 #d3d3d3 !important; } .hosting_doller ul li:last-child { margin:0 !important; } .hosting_doller ul li a { padding:6px 17px 9px 17px !important; margin:0; text-align:left; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#ffffff !important; font-weight:normal; font-style:normal; background:#549fd7 !important; box-shadow: 1px 1px 0 0 #315c7d; border-radius:5px } .hosting_doller ul li a:hover { background:#417ca7 !important; } .hosting_doller ul li a.current { background:#417ca7 !important; cursor:default; } .hosting_doller ul li a.current:hover { background:#417ca7 !important; } .invite_block2 { border-bottom: 1px solid #cccccc; padding-bottom:35px; width:82.5%; margin:0 auto; } .invite_block2 h1 { font-size: 2.5em; margin-bottom:25px; color:#3e454c; } .friend_icon { border:1px solid #858f99; height:40px; width:40px; background-color:#eeeeee; border-radius:20px; margin-bottom:7px; display:inline-block; } .friend_item { width:20%; float:left; text-align:center; color:#27c197; } .friend_name { font-size:13px; font-weight:bold; line-height:16px; letter-spacing:0.3px; } .friend_icon:hover { box-shadow: 0 0 2px 2px #27c197; } .friend_icon + .friend_name { visibility: hidden; } .friend_icon:hover + .friend_name { visibility: visible; } /* ------------------ PRORECORDER PAGE CONTENT HERE -------------*/ .recorder_topbuttons { padding:50px 0 36px 0; } .recorder_topbuttons ul li { padding:0 20px; margin:0; width:33.3%; float:left; } .recorder_topbuttons ul li a { padding:24px; margin:0; display:block; width:100%; text-align:center; font-family: 'PT Sans', sans-serif; font-size:18px; line-height:16px; color:#fff; font-weight:normal; font-style:normal; background:#54a1d9; border-radius:5px; box-shadow:1px 1px 0 0 #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .recorder_topbuttons ul li a:hover { background: #417ca7;} .launch_recorder_display { padding: 54px 0 65px 0; width:332px; margin: auto; } .launch_recorder_display_inner { border: 2px solid #d3d3d3; padding: 10px 23px 14px 14px; border-radius: 5px; background: white; } .launch_with_message { padding: 54px 0 65px 0; } .launch_with_message .launch_recorder_display { padding: 0; margin-top: 24px; } .launch_with_message .launch_message { color: #272a2f; } .launch_with_message h1 { color: black; margin-bottom: 10px; } .launch_recorder_buttons { margin-top: 24px; } .launch_recorder_buttons li { width:46%; max-width:230px; display:inline-block; } .launch_recorder_buttons li:first-child { margin-right:24px; } .launch_recorder_buttons a.button { padding:15px 3px; text-align:center; display:inline-block; width: 100%; font-family: 'PT Sans', sans-serif; font-size:18px; line-height:18px; color:#ffffff; font-weight:bold; font-style:normal; background:#27c197; border:none; box-shadow:1px 1px 0 0 #315c7d; border-radius:5px; outline:none; } .launch_recorder_buttons a.button:hover { background:#1e9272; } .launch_recorder_buttons li a.gopro_button { background:#549fd7; } .launch_recorder_buttons li a.gopro_button:hover { background:#417ca7; } .locale_select_container .dd { width:232px !important; } .locale_select_container .dd .ddTitleText { padding: 6px 24px 7px 27px !important; background: url(../images/locale_globe.png) 6px 5px no-repeat; } .home .recorder_con { padding:13px 0 0 0; margin:0; border:none; } .recorder_con, .prorecorder_features { padding: 30px 0 30px 0; border-bottom: solid 1px #ccc; border-top: solid 1px #ccc; margin-top: 30px;} .info_bar { padding: 30px 0 30px 0; border-bottom: solid 1px #ccc; border-top: solid 1px #ccc; margin: 30px 0; text-align: center; background: #fafafa; } .recorder_block1 { padding:0 0 2px 0; margin:0; } .recorder_lft { padding:0 7% 0 0; margin:0; } .recorder_lft h2 { padding:0; margin:0; font-family: 'PT Sans', sans-serif; font-size:38px; line-height:38px; color:#3e454c; font-weight:bold; font-style:normal; letter-spacing:0.6px; } .pro_recorder_header .recorder_lft h2 { padding:0 0 24px 0; border-bottom: 1px solid #cdcdcd; margin: 0 0 24px 0; } .recorder_lft p { padding:20px 0 25px 0; margin:0 0 25px 0; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:25px; color:#5f6a75; font-weight:normal; font-style:normal; border-bottom:solid 1px #acacac; word-spacing:2px; } .recorder_lft ul { padding:0; margin:0; float:left; } .recorder_lft ul li { padding:0; margin:0; } .recorder_lft ul li h4 { padding:0 0 19px 2px; margin:0; font-family: 'PT Sans', sans-serif; font-size:21px; line-height:21px; color:#3e454c; font-weight:bold; font-style:normal; letter-spacing:0.5px; } .recorder_lft ul li a, ul.features a { padding:0; margin:0 0 12px 0; display:inline-block; position:relative; cursor:default;} .recorder_lft ul li a img, ul.features a > img { padding:0; position:absolute; left:0; width:20px; } .recorder_lft ul li a span, ul.features span { padding:0; margin:0 0 0 30px; display:inline-block; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:20px; color:#5f6a75; font-weight:normal; font-style:normal;} .recorder_lft ul li a span em { color:#ff0000; } .recorder_lft ul li a:hover { text-decoration:underline; } .recorder_lft .features { padding:0 0 0 3.9%; } .recorder_lft .recorder_lft_bottom p { margin:20px 0 0 0; border-top:solid 1px #acacac; border-bottom:0; } .recorder_rgt { padding:0 0 0 0; margin:9px 0 0 -1%; } .recorder_rgt a { padding:0; margin:0;} .recorder_rgt a span { width:74px; height:74px; background:url(../images/play_icon1.png) no-repeat; position:absolute; top:40%; left:44%; cursor:pointer; } .recorder_rgt a img { width:100%; } .recorder_bottom { padding:14px 0 0 2px; margin:0; float:none; } .recorder_bottom ul { padding:0; margin:0; } .recorder_bottom ul li { padding:0 0 0 8px; margin:0; background:url(../images/pointer.png) no-repeat left 6px; } .recorder_bottom ul li span { padding:0; margin:0; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:24px; color:#5f6a75; font-weight:normal; font-style:normal; word-spacing:1.5px; } .home .recorder_bottom a { padding:11px 16px 13px 22px; display:inline-block;font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#ffffff; font-weight:bold; font-style:normal; background:#549fd7; box-shadow:1px 1px 0 0 #315c7d; letter-spacing:0.7px; border-radius:5px; } .home .recorder_bottom a:hover { background:#417ca7;} #firstLoading { padding: 25px 0 0 0; } .loading { padding: 16px 0 16px 58px; margin:auto; width:175px; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#aaaaaa; font-weight:normal; font-style:normal; background: url(../images/loading.gif) no-repeat;} .loadingContainer { padding-top: 70px;} .recorder_block2_bg { padding:50px 0 50px 0; margin:0; background:-webkit-linear-gradient(top, #eeeeee, #ffffff 76px); background: -ms-linear-gradient(top, #eeeeee, #ffffff 76px); background: -o-linear-gradient(top, #eeeeee, #ffffff 6px); background: -moz-linear-gradient(top, #eeeeee, #ffffff 76px); background: linear-gradient(top, #eeeeee, #ffffff 76px); } .recorder_block2 { padding:0; margin:0; } .recorder_block2 ul li span em { color:#ff0000; } .recorder_block2_nav { padding:4px 0 0 0; margin:0; display:inline-block; float:left; width:20%; } .recorder_block2_nav ul { padding:0; margin:0; } .recorder_block2_nav ul li { padding:0; margin:0; border-bottom:solid 1px #cccccc; } .recorder_block2_nav ul li a { padding:8px 0 14px 34px; margin:0; display:inline-block; width:100%; cursor:pointer; background:url(../images/singel_user_icon.png) no-repeat left center; } .recorder_block2_nav ul li a img { padding:0; margin:0 10px 0 0; display:inline-block; float:left; } .recorder_block2_nav ul li a span { padding:0; margin:0; display:inline-block; float:left; font-family: 'PT Sans', sans-serif; font-size:21px; line-height:25px; color:#3e454c; font-weight:bold; font-style:normal; } /*.recorder_block2_nav ul li:hover a span,.recorder_block2_nav ul li.active a span { color:#65A5CA; }*/ .recorder_block2_nav ul li a:hover span,.recorder_block2_nav ul li a.active span {color:#65A5CA; } .recorder_block2_nav ul li:hover:nth-child(1) a,.recorder_block2_nav ul li:nth-child(1) .active{ background:url(../images/singel_user_icon_over.png) no-repeat left center;} .recorder_block2_nav ul li:nth-child(3) a {background:url(../images/multi_user_icon.png) no-repeat left center;} .recorder_block2_nav ul li:hover:nth-child(3) a,.recorder_block2_nav ul li:nth-child(3) .active{ background:url(../images/multi_user_icon_over.png) no-repeat left center;} .recorder_block2_nav ul li:nth-child(2) a {background:url(../images/licenses_icon.png) no-repeat left center;} .recorder_block2_nav ul li:hover:nth-child(2) a,.recorder_block2_nav ul li:nth-child(2) .active{ background:url(../images/licenses_icon_over.png) no-repeat left center;} .recorder_block2_nav ul li.current a span {color:#65A5CA;} .recorder_block2_con { padding:0; margin:0; display:inline-block; float:right; width:77%; } /*Tab1 Content*/ .recorder_block2_con1 { padding:0; margin:0; } .recorder_block2_con1 h2 { padding:0; margin:0; font-family: 'PT Sans', sans-serif; font-size:42px; line-height:42px; color:#3e454c; font-weight:bold; font-style:normal; } .recorder_block2_con1 h4 { padding:32px 0 16px 0; margin:0; font-family: 'PT Sans', sans-serif; font-size:21px; line-height:21px; color:#272a2f; font-weight:bold; font-style:normal; letter-spacing:0.4px; } .recorder_block2_con1 .question { padding:35px 0 31px 0; font-weight: bold; color: #3e454c;} .recorder_modify { padding:0; margin:0; background:#3e454c; } .recorder_modify span { padding:24px 0 0 31px; margin:0; display:inline-block; float:left; font-family: 'PT Sans', sans-serif; font-size:21px; line-height:21px; color:#ffffff; font-weight:normal; font-style:normal; background:url(../images/border.jpg) no-repeat right top; min-height:75px; letter-spacing:0.3px; width:48.5%; } .recorder_modify .auto { padding-left:0; text-align:center; width:34%; } .recorder_modify a { padding:11px 20px 13px 20px; margin:17px 0 0 3.5%; display:inline-block; float:left; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#ffffff; font-weight:bold; font-style:normal; background:#549fd7; box-shadow:1px 1px 0 0 #315c7d; letter-spacing:0.7px; border-radius:5px; cursor:pointer; } .recorder_modify a:hover { background:#417ca7; text-decoration: none; } .recorder_modify a.bandwidthhelp { float:none; display:inline; padding: 2px 8px; margin: 0 0 0 10px; background: #ffffff; color: #000000; text-decoration: none;} .recorder_modify_lft { padding:0 1.5% 0 0; margin:0; display:inline-block; float:left;} .recorder_modify_lft h5 { padding:0 0 5px 0; margin:0; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#272a2f; font-weight:bold; font-style:normal; } .recorder_modify_lft p { padding:0 0 29px 0; margin:0; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:25px; color:#272a2f; font-weight:normal; font-style:normal; } .recorder_modify_lft a { color:#65A5CA;} .recorder_modify_rgt { padding:0 1.5% 0 2.1%; } .recorder_block2_con2 { padding:0; margin:0; } .bandwidthHelpTip { width: 150px; } .recorder_block2_con1 .site_licensing { border-top:0; margin-top:0; text-align:center; background: #fafafa;} .recorder_block2_con1 .site_licensing a { white-space:nowrap; } .sign_in { display:block; } .sign_out { padding:0; margin:0; } .sign_out h2 { padding:0; margin:0; font-family: 'PT Sans', sans-serif; font-size:42px; line-height:42px; color:#3e454c; font-weight:bold; font-style:normal; letter-spacing:1px; } .sign_out h4 { padding:32px 0 16px 0; margin:0; font-family: 'PT Sans', sans-serif; font-size:21px; line-height:21px; color:#272a2f; font-weight:normal; font-style:normal; letter-spacing:0.3px; } .upgrades { padding:10px 0 12px 0; margin:0; } .upgrades ul { padding:0; margin:0; } .upgrades ul li { padding:0; margin:0 2.25% 0 0; display:inline-block; float:left; box-shadow:5px 5px 0 0 #d3d3d3; min-height:182px; width:31.7%; background:#d4efff; text-align:center; position:relative; } div.recorder_block2_con .upgrades ul li.last { width: 58%; } div.recorder_block2_con .upgrades ul li { min-height: 220px; } .upgrades ul li h3 { padding:40px 0 0 4px; margin:0; font-family: 'PT Sans', sans-serif; font-size:37px; line-height:37px; color:#3e454c; font-weight:bold; font-style:normal; letter-spacing:1px;} .upgrades ul li a, .upgrade-button { padding:11px 28px 13px; margin:16px 0 0 0; display:inline-block;font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#ffffff; font-weight:bold; font-style:normal; background:#549fd7; box-shadow:1px 1px 0 0 #315c7d; letter-spacing:0.7px; border-radius:5px; } .upgrades ul li a:hover { background:#417ca7;} .upgrades ul li small { padding:8px 23px 9px; margin:0 0 0 0; display:inline-block;font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#ffffff; font-weight:bold; font-style:normal; background:#42c498; letter-spacing:0.7px; display:block; position:absolute; left:0; border:0; width:100%; bottom:0; } div.recorder_block2_con .upgrades ul li small { line-height: 22px; } .upgrades ul li.computers { background:#5f6a75; } .upgrades ul li h5 { padding:28px 8% 0 10%; margin:0; font-family: 'PT Sans', sans-serif; font-size:21px; line-height:25px; color:#ffffff; font-weight:bold; font-style:normal; letter-spacing:0.2px; text-align:left; } .multi_upgrades { padding:10px 0 35px 0; margin:0 0 -18px 0; border-bottom:solid 1px #cccccc; } .multi_upg_lft { padding:57px 0 69px 0; margin:0; display:inline-block; float:left; width:59%; background:#5f6a75; box-shadow:5px 5px 0 0 #d3d3d3; text-align:center; } .multi_upg_lft_user { padding:0 0 0 19%; margin:0; display:block; text-align:left;} .multi_upg_lft_user input { padding:7px 0 7px 0; margin:0; display:inline-block; float:left; font-family: 'PT Sans', sans-serif; font-size:21px; line-height:21px; color:#a0a0a0; font-weight:bold; font-style:normal; border-radius:8px; background:#ffffff; border:none; width:60px; text-align:center; } .multi_upg_lft_user p { padding:0 0 0 10px; margin:0; display:inline-block; float:left; font-family: 'PT Sans', sans-serif; font-size:37px; line-height:37px; color:#ffffff; font-weight:bold; font-style:normal; } .multi_upg_lft_user p em { font-size:21px; line-height:38px; display:inline-block;float:left; } .multi_upg_lft_user p small { display:inline-block; float:left; font-size:37px; line-height:37px; padding:0 0 0 8px; } .multi_upg_lft a { padding:11px 20px 13px 20px; margin:25px 0 0 0; display:inline-block; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#ffffff; font-weight:bold; font-style:normal; background:#549fd7; box-shadow:1px 1px 0 0 #315c7d; letter-spacing:0.7px; border-radius:5px; } .multi_upg_lft a:hover { background:#417ca7;} .multi_upg_rgt { padding:0 0 0 0; margin:0; display:inline-block; float:right; width:33.5%; } .multi_upg_rgt h3 { padding:3px 0 0 0; margin:0; font-family: 'PT Sans', sans-serif; font-size:21px; line-height:21px; color:#272a2f; font-weight:bold; font-style:normal; letter-spacing:0.3px; } .multi_upg_rgt ul { padding:26px 0 0 0; margin:0; } .multi_upg_rgt ul li { padding:0 0 13px 0; margin:0 0 12px 0; border-bottom:solid 1px #e1e1e1; } .multi_upg_rgt ul li a { padding:0; margin:0; } .multi_upg_rgt ul li a small { padding:4px 0 0 0; margin:0; display:inline-block; float:left; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#3e454c; font-weight:normal; font-style:normal; } .multi_upg_rgt ul li a span { padding:7px 9px 5px 8px; margin:0; display:inline-block; float:right; font-family: 'PT Sans', sans-serif; font-size:12px; line-height:12px; color:#ffffff; font-weight:normal; font-style:normal; background:#5eb1ee; letter-spacing:0.2px; } .multi_upg_rgt ul li:nth-last-child(1) { border:none; } .multi_upg_rgt ul li a span:hover { background:#417ca7; } /*Tab2 Content*/ .recorder_invited { padding:26px 0 0 0; margin:38px 0 0 0; border-top:solid 1px #cccccc; } .recorder_invited h3 { padding:0 0 27px 0; margin:0; font-family: 'PT Sans', sans-serif; font-size:21px; line-height:21px; color:#272a2f; font-weight:bold; font-style:normal; } .recorder_invited h3 small { color:#7c8997;font-size:21px; line-height:21px; } .recorder_serchbg { padding:0; margin:0; } .recorder_serchbg_lft { padding:0; margin:0; display:inline-block; float:left; width:43%; } .recorder_serchbg_lft input { padding:2px 2% 2px 2%; margin:0;display:inline-block; float:left; border:solid 2px #cccccc; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:18px; color:#a0a0a0; font-weight:normal; font-style:italic; width:77%; } .recorder_serchbg_lft .invit { padding:4px 14px 6px 12px; margin:0 0 0 3%; display:inline-block; float:left; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#ffffff; font-weight:bold; font-style:normal; background:#549fd7; box-shadow:1px 1px 0 0 #315c7d; letter-spacing:0.7px; border-radius:5px; width:auto; border:none; } .recorder_serchbg_lft .invit:hover { background:#417ca7;} .recorder_serchbg_rgt { padding:0; margin:0; display:inline-block; float:right; width:22.5%; border:solid 2px #cccccc; } .recorder_serchbg_rgt input { padding:2px 2% 2px 2%; margin:0;display:inline-block; float:left; border:solid 0 #cccccc; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:18px; color:#a0a0a0; font-weight:normal; font-style:italic; width:85%; } .recorder_serchbg_rgt .search_icon { display:inline-block; float:right; padding:0; margin:3px 5px 0 0; width:16px; height:16px; background:url(../images/search_icon.png) no-repeat; } .recorder_serchbg_in { padding:25px 0 36px 0; margin:0; } .recorder_serchbg_in ul { padding:0 2% 0 0; margin:0 1% 0 0; } .recorder_serchbg_in ul li { padding:0; margin:0; border-bottom:solid 1px #cccccc; } .recorder_serchbg_in ul li a { padding:16px 0 13px 0; margin:0; display:inline-block; width:100%; } .recorder_serchbg_in ul li a img { padding:0; margin:0; display:inline-block; float:left; } .recorder_serchbg_in ul li a span { padding:0 0 0 10px; margin:0; display:inline-block; float:left; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#3e454c; font-weight:normal; font-style:normal; letter-spacing:0.2px; } .recorder_serchbg_in .mar_la { margin:0 -2.5% 0 0; float:right; } .recorder_serchbg_in ul li a em { font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#549fd7; font-weight:normal; font-style:normal; padding:0 0 0 4%; display:none; float:left; } .recorder_serchbg_in ul li:hover a em,.recorder_serchbg_in ul li a em.active {display:block; } .user_pages { padding:0; margin:0; position:relative; } .user_pages ul { padding:0; margin:0; display:inline-block; float:right; } .user_pages ul li { padding:0; margin:0 0 0 5px; display:inline-block; float:left; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#549fd7; font-weight:normal; font-style:normal; } .user_pages ul li a { padding:0; margin:0; color:#549fd7; } .user_pages ul li a:hover { text-decoration:underline; } /*Tab3 Content*/ .recorder_setting { padding:0; margin:38px 0 0 0; } .recorder_setting ul { padding:0; margin:0; } .recorder_setting ul li { padding:0; margin:0 0 24px 0; display:inline-block; width:100%; border-top:solid 1px #cccccc; } .recorder_setting ul li h3 { padding:25px 0 0 2px; margin:0; font-family: 'PT Sans', sans-serif; font-size:21px; line-height:21px; color:#272a2f; font-weight:bold; font-style:normal; letter-spacing:0.3px; } .recorder_setting ul li p { padding:25px; margin:15px 0 0 0;font-family: 'PT Sans', sans-serif; font-size:21px; line-height:45px; color:#3e454c; font-weight:normal; font-style:normal; background:#d4efff; box-shadow:5px 5px 0 0 #d3d3d3; letter-spacing:0.4px; } .recorder_setting ul li .con { padding:16px 0 0 0; margin:0; } .recorder_setting ul li .matrix { padding:0; margin:3px 5px 0 0; display:inline-block; float:left; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#5f6a75; font-weight:normal; font-style:normal; letter-spacing:0.3px; } .recorder_setting ul li .password { width:299px; margin:10px 0 0 0; } .recorder_setting ul li:nth-child(1) { margin:0 0 36px 0;} .recorder_setting ul li.prohosting_setup:nth-child(1) { margin:0;} .recorder_setting ul li.propage_setup:nth-child(1) { margin:0;} .recorder_setting ul li:nth-child(3) { margin:0 0 37px 0; } .recorder_setting ul li .re_password { width:269px; margin:0 8px 0 2px; } .recorder_setting ul li ul { padding:14px 0 0 5px; margin:0; border:0;} .recorder_setting ul li ul li { padding:0 15px 0 0 !important; margin:0 18px 0 0 !important; display:inline-block; float:left; border:none; border-right:solid 2px #cccccc; width:auto; } .recorder_setting ul li ul li span { padding:0; margin:0; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:14px; color:#3e454c; font-weight:normal; font-style:normal; letter-spacing:0.3px; } .recorder_setting ul li .settings { padding:11px 16px 13px 22px; margin:31px 0 0 0; display:inline-block; float:right; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#ffffff; font-weight:bold; font-style:normal; background:#549fd7; box-shadow:1px 1px 0 0 #315c7d; letter-spacing:0.7px; border-radius:5px; border:none; width:auto; cursor:pointer; outline:none; } .recorder_setting ul li .settings:hover { background:#417ca7;} .formui a.button { padding:0 10px; text-align:center; vertical-align:middle; display:inline-block; line-height:34px; height:34px; margin-bottom:-1px; font-weight:normal; margin-right:15px; } .formui span.button { cursor:pointer; } .recorder_setting a.button { padding:11px 20px 13px 20px; margin: 2px 0 0 0; display:inline-block; float:right; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#ffffff; font-weight:bold; font-style:normal; background:#549fd7; box-shadow:1px 1px 0 0 #315c7d; letter-spacing:0.7px; border-radius:5px; cursor:pointer; } .recorder_setting a.button:hover { background:#417ca7;} .block1,.block2,.block3 { display:none; } /* ------------------ VIDEO PAGE CONTENT HERE -------------*/ .task_bar_bg { padding:0; margin:0; background:#595f66; } .task_bar { padding:17px 0 16px 0; margin:0; position:relative; } .viewAsPublic .task_bar { padding:12px 0 12px 0; margin:0; font-size:14px; line-height:14px; color:#ffffff; position:relative; } .viewAsPublic .task_bar a { padding:5px 10px 7px 10px; margin: 0 0 0 10px; display:inline-block; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#fff; font-weight:normal; font-style:normal; background:#54a1d9; border-radius:5px; box-shadow:1px 1px 0 0 #000; } .viewAsPublic .task_bar a:hover { background: #417ca7;} .task_bar ul { padding:0; margin:0; display:inline-block; float:left; } .task_bar ul li { padding:0; margin:0 19px 0 0; display:inline-block; float:left; } .task_bar p { padding:0;margin:0 19px 0 0; display:inline-block; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:14px; color:#ffffff; font-weight:bold; font-style:normal; float:left; } .task_bar ul li a { padding:0; margin:0; display:block; cursor:pointer; } .task_bar ul li a img { padding:0; margin:0; display:inline-block; float:left; } .task_bar ul li a span { padding:0 0 0 9px; margin:0; display:inline-block; float:left; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:14px; color:#ffffff; font-weight:normal; font-style:normal; } .task_bar ul li a:hover span { text-decoration:underline; } .task_bar h6 { padding:0; margin:0; display:inline-block; float:right; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:14px; color:#ffffff; font-weight:normal; font-style:normal; } .task_bar h5 { padding:0;margin:0 19px 0 0; display:inline-block; font-family: 'PT Sans', sans-serif; font-size:17px; color:#ffffff; font-weight:bold; font-style:normal; float:left; } .task_bar_msg { padding:17px 0 16px 0; margin:0; position:relative; color:white; } .task_menu { display:none; position:absolute; top:0; /*right:0;*/ } .video_con_bg { padding:64px 0 0 0; margin:0; background:-webkit-linear-gradient(top, #eeeeee, #ffffff 40px); background: -o-linear-gradient(top, #eeeeee, #ffffff 40px); background: -moz-linear-gradient(top, #eeeeee, #ffffff 40px); background: linear-gradient(top, #eeeeee, #ffffff 40px);} .video_con { padding:0; margin:0; display:block; } .video_lft { padding:0; margin:0; display:inline-block; float:left; width:77%; } .video_lft h2 { padding:0 0 8px 0; margin:0; font-family: 'PT Sans', sans-serif; font-size:42px; line-height:42px; color:#3e454c; font-weight:bold; font-style:normal; letter-spacing:0.7px; } .video_lft h2 span { float:right; font-size:14px; line-height:52px; font-weight:normal; letter-spacing:0.3px; } .video_in { padding:0; margin:0; position:relative; } .video_lft a { cursor:pointer; } .video_lft a img { width:100%; height:auto; } .video_lft a span { background:url(../images/play_icon1.png) no-repeat; width:74px; height:74px; position:absolute; top:43%; left:43%; } .video_rgt { padding:60px 0 0 0; margin:0; display:inline-block; float:right; width:20%; } .video_rgt ul { padding:0; margin:0; } .video_rgt ul li { padding:0 0 32px 0; margin:0 0 25px 0; border-bottom:solid 1px #cccccc; position:relative; } .video_rgt ul li h3 { padding:0 0 12px 0; margin:0; font-family: 'PT Sans', sans-serif; font-size:21px; line-height:21px; color:#3e454c; font-weight:bold; font-style:normal; } .video_rgt ul li input { padding:6px 4% 8px 4%; margin:0; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:14px; color:#959595; font-weight:normal; font-style:normal; border:solid 1px #959595; border-radius:8px; width:100%; word-spacing:1px; outline:none; } .video_rgt ul li .note_video { padding:8px 4% 8px 4%; margin:0; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:14px; color:#959595; font-weight:normal; font-style:normal; border:solid 1px #959595; border-radius:8px; width:100%; resize:none; min-height:79px; word-spacing:1px; } .video_rgt .note { padding:11px 0 0 0; margin:0; } .video_rgt .note span { padding:0; margin:0; display:inline-block; float:left; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:26px; color:#272a2f; font-weight:normal; font-style:normal;} .video_rgt .num { width:21%; display:inline-block; float:left; padding:4px 4% 4px 4%; margin:0 0 0 4%; } .video_rgt .add_note { padding:5px 5% 7px 5%; margin:0 0 0 0; display:inline-block; float:right; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#ffffff; font-weight:normal; font-style:normal; background:#549fd7; letter-spacing:-0.6px; border-radius:9px; border:none; width:auto; cursor:pointer; outline:none; } .video_rgt .add_note:hover { background:#417ca7;} .video_rgt ul li.note_pad { padding:0 0 24px 0; } .video_rgt ul li ul { padding:10px 0 4px 0; margin:0; } .video_rgt ul li ul li { padding:0; margin:0 0 6px 0; border:0; } .video_rgt ul li ul li label { padding:0; margin:0; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:26px; color:#272a2f; font-weight:normal; font-style:normal; } .video_rgt ul li.option_mar { padding:0 0 17px 0; margin:0 0 17px 0; } .video_rgt .sav_can { padding:0; margin:0; } .video_rgt ul li .save { padding:11px 16px 13px 22px; margin:0 14px 0 0; display:inline-block; float:right; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#ffffff; font-weight:bold; font-style:normal; background:#549fd7; box-shadow:1px 1px 0 0 #315c7d; letter-spacing:0.7px; border-radius:5px; border:none; width:auto; cursor:pointer; outline:none; } .video_rgt ul li .save:hover { background:#417ca7;} .video_rgt .sacan { padding:0; margin:0; display:inline-block; float:right; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:40px; color:#2185c5; font-weight:normal; font-style:normal; width:auto; background:none; border:0; } .video_rgt_lock { margin: 11px 0 0 0; float:right; width:37px; } .video_rgt_lock .lock_icon { padding:0; margin:0; display:inline-block; float:right; } .video_captionselect { float: right; } .video_wrapper { border:1px solid #3e454c; } .adwrapper { border:1px solid #3e454c; background: white; } .adheader { text-align: center; background:#3e454c; color:white;} .edit_mode { padding:0; margin:0; } .edit_mode_main { padding:0; margin:0; display:table; width:100%; } .edit_mode_in { padding:0; margin:0; } .edit_lft_main { padding:0; margin:0; width:96.5%; } .edit_rgt_main { padding:0 0 36px 0; margin:0; display:table-cell; vertical-align:top; width:160px; } .edit_mode_lft { padding:0; margin:0; display:inline-block; float:none; width:100%; /*width:94%;*/ } .edit_mode_rgt { padding:0; margin:0; display:table-cell; width:10%; background:#272a2f; } .edit_mode_lft h2 { padding:0 0 18px 0; margin:0; font-family: 'PT Sans', sans-serif; font-size:42px; line-height:42px; color:#3e454c; font-weight:bold; font-style:normal; letter-spacing:0.7px; float:left; } .edit_mode_lft h6 { padding:24px 0 0 0; margin:0; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:14px; color:#3e454c; font-weight:normal; font-style:normal; letter-spacing:0.3px; float:right; } .edit_mode_lft h2.watchtitle { max-width: 85%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .edit_mode_lft_block1 { padding:0; margin:0; } .edit_mode_lft_block1 a { padding:0; margin:0; } .edit_mode_lft_block1 a img { padding:0; margin:0; width:100%; } .edit_mode_lft_block1 a span { width:74px; height:74px; background:url(../images/play_icon1.png) no-repeat; position:absolute; top:33.3%; left:37.6%; cursor:pointer; } .edit_mode_lft_block2 { padding:21px 0 21px 0; margin:0; } .edit_mode_lft_block2 span em { color:#2185c5; font-style:normal; margin:0 7px 0 0; } .edit_mode_lft_block2 span em a { color:#2185c5; } .edit_mode_lft_block2_lft { padding:0 4% 0 0; margin:0; float:left; display:inline-block; } .no_notes { padding:0 0 0 0 !important; } .edit_mode_lft_block2_lft .captionslist span em { margin:0 7px 0 0; } .edit_mode_lft_block2_lft .captionslist span { padding:7px; margin:0 0 0 0; display:block; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:24px; color:#272a2f; font-weight:normal; font-style:normal; } .edit_mode_lft_block2_lft .captionslist span:nth-child(odd) {background:#f8f8f8 !important; } .edit_mode_lft_block2 h3 { padding:0 0 15px 0; margin:0 0 17px 0; font-family: 'PT Sans', sans-serif; font-size:21px; line-height:21px; color:#3e454c; font-weight:bold; font-style:normal; border-bottom:solid 1px #cccccc; } .edit_mode_lft_block2 p { padding:0 0 36px 0; margin:0; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:25px; color:#272a2f; font-weight:normal; font-style:normal; } .edit_mode_lft_block2_rgt { padding:0 0 0 0; margin:0; float:right; display:inline-block; } .edit_mode_lft_block2_rgt .noteslist span em { margin:0 7px 0 0; } .edit_mode_lft_block2_rgt .noteslist span p { margin:0; padding:0; display:inline; } .edit_mode_lft_block2_rgt .noteslist span { padding:7px; margin:0 0 0 0; display:block; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:24px; color:#272a2f; font-weight:normal; font-style:normal; } .edit_mode_lft_block2_rgt .noteslist span:nth-child(odd) {background:#f8f8f8 !important; } .edit_mode_lft_block2_rgt span { padding:0; margin:0 0 0 0; display:block; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:24px; color:#272a2f; font-weight:normal; font-style:normal; } .edit_mode_lft_block2_rgt ul { padding:11px 1px 0 0; margin:0; display:inline-block; float:right; } .edit_mode_lft_block2_rgt ul li { padding:0; margin:0 0 0 9px; display:inline-block; float:left; } .edit_mode_lft_block2_rgt ul li label { padding:0; margin:0; display:inline-block; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:24px; color:#272a2f; font-weight:normal; font-style:normal; } .edit_mode_lft_block2_rgt ul li input { padding:3px 0 5px 0; margin:0 0 0 0; display:block; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:18px; color:#959595; font-weight:normal; font-style:normal; border:solid 1px #a1a1a1; border-radius:5px; width:48px; resize:none; text-align:center; } .edit_mode_lft_block2_rgt ul li a { padding:6px 0 8px 0; margin:0 0 0 0; display:block; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:14px; color:#ffffff; font-weight:normal; font-style:normal; border-radius:5px; width:82px; resize:none; background:#2185c5; text-align:center; } .edit_mode_lft_block2_rgt h3 a { padding:6px 0 8px 0; margin:-3px 0 0 0; float:right; display:block; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:14px; color:#ffffff; font-weight:normal; font-style:normal; border-radius:5px; width:82px; resize:none; background:#2185c5; text-align:center; } .noteLink { padding: 0; margin:4px 0 0 10px; float:right; width:16px; } .edit_mode_lft_bot { padding:56px 5.9% 87px 0; margin:0; } .edit_mode_lft_bot h3 { padding:0 0 16px 0; margin:0 0 26px 0; font-family: 'PT Sans', sans-serif; font-size:21px; line-height:21px; color:#3e454c; font-weight:bold; font-style:normal; border-bottom:solid 1px #cccccc; letter-spacing:0.4px; } .edit_mode_lft_bot h3 span { color:#2185c5; } .edit_mode_lft_bot ul { padding:0; margin:0; } .edit_mode_lft_bot ul li { padding:0 0 0 0; margin:0; position:relative; display:inline-block; float:left; border-right:solid 1px #fff; border-bottom:solid 1px #fff; } .edit_mode_lft_bot ul li img { padding:0; margin:0; width:100%; height:auto; } .edit_mode_lft_bot ul li .layer { padding:0; width: 99.7%; margin: 0 0 0 0; background: url(../images/transperent1.png) repeat; position: absolute; bottom: 0; left: 0;} .edit_mode_lft_bot ul li .layer a { padding:10px 0 14px 6%; display:inline-block; margin:0; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:19px; color:#ffffff; font-weight:bold; font-style:normal; letter-spacing:0.2px; } .edit_mode_lft_bot ul li .layer a:hover { color:#65A5CA; } .edit_mode_lft_bot ul li:nth-last-child(1) { border:none; } /* ------------------ EMBED LIGHTBOX --------------------------*/ #more-options {position: relative;float:right;line-height: 18px;padding-top:8px;} #more-options:before {content: ">";position: absolute;top: 8px;left: -15px;} #more-options.down:before {transform: rotate(90deg);} .more-options {display: none;width: 100%;padding-bottom: 10px;} .more-options li {margin:10px 5px 5px;float:left;} .more-options li label { font-weight: normal; } /* ------------------ FOOTER HERE --------------------------*/ .pro_call { padding:30px 0 30px 0; margin:0; background:#d4efff; border-bottom:solid 5px #d3d3d3; } .pro_call p { padding:0; margin:0; font-family: 'PT Sans', sans-serif; font-size:21px; line-height:28px; color:#5f6a75; font-weight:normal; font-style:normal; text-align:center; letter-spacing:1.5px; word-spacing:1px; } .pro_call p span { color:#ff563a; } .pro_call p a { color:#ff563a; cursor:pointer; text-decoration: underline; } .pro_call p a:hover { color:#3e454c; } .pro_call p:hover { color:#3e454c; } .recorder_page .pro_call { padding: 20px !important; border-bottom:solid 2px #d3d3d3; border-top:solid 2px #d3d3d3;} .recorder_page .pro_call p { color:#3e454c;} /*.home_screen { cursor:pointer; }*/ .pro_login { padding:63px 0 60px 0; } .push { padding:0; margin:0; height:75px; } .footer_bg { padding:26px 0 24px 0; margin:0; background:#272a2f; } .footer { padding:0; margin:0; } .footer p { padding:2px 0 0 2px; margin:0; display:inline-block; float:left; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#a5a5a5; font-weight:normal; font-style:normal; letter-spacing:0.25px; } .footer p a { color:#fff6e5; text-decoration:none; } .footer p a:hover { text-decoration:underline; } .footer_rgt { padding:0; margin:0; display:inline-block; float:right; width:365px; } .f_nav { padding:3px 0 0 0; margin:0; display:inline-block; float:left; } .f_nav ul { padding:0; margin:0; } .f_nav ul li { padding:0 0 0 17px; margin:0 0 0 17px; background:url(../images/bullet1.png) no-repeat left center; float:left; display:inline-block; } .f_nav ul li a { padding:0; margin:0; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#ffffff; font-weight:400; font-style:normal;} .f_nav ul li a:hover { text-decoration:underline; } .f_icons { padding:0 0 0 17px; margin:0; display:inline-block; float:left; } .f_icons ul { padding:0; margin:0; } .f_icons ul li { padding:0; margin:0 8px 0 0; display:inline-block; float:left; } .f_icons ul li a { padding:0; margin:0; } .f_icons ul li a img { padding:0; margin:0; } /* ---------------Video-Popup-------------------------------*/ .pop-up {width:47%; margin:0 auto; padding:0; display:block; height:505px; display:none; position:absolute !important; z-index:9999999999999 !important; background:#000; } .pop-up_in {width:100%; height:100%; position:relative; } .pop-up_in video {width:100%; height:100%; margin:0; padding:0; display:block; border:none; } .close {position:absolute; top:-6px; right:-55px; cursor:pointer; display:block; margin:0; opacity:1; } .close:hover {} .play1 { border: medium none; height: 73px; left: 45%; position: absolute; top: 55%; width: 72px; cursor:pointer} .stop1 {border: medium none; height: 73px; left: 45%; position: absolute; top: 55%; width: 72px; } /*----------------*/ .map_pop { z-index:9999999999 !important; } .map_pop_header { color:#3e454c; } .map_pop_body label { padding:9px 0 9px 0; margin:0 0 1px 0; font-family: 'PT Sans', sans-serif; font-size:21px; line-height:21px; color:#3e454c; font-weight:bold; font-style:normal; display:block; letter-spacing:0.5px; } .map_pop_body input { padding:6px 12px 8px 12px; margin:0 0 25px 0; display:block; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:18px; color:#959595; font-weight:normal; font-style:normal; border:solid 1px #a1a1a1; border-radius:5px; width:100%; } .map_pop_choose { padding:0 0 8px 0; margin:0; } .map_pop_choose h6 { padding:8px 0 0 0; margin:0; display:inline-block; float:left; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:18px; color:#2a2a2c; font-weight:normal; font-style:normal;} .map_pop_body .mp4 { padding:6px 10px 8px 14px; margin:6px 0 0 6px; display:inline-block; float:left; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:14px; color:#fff; font-weight:normal; font-style:normal; background:#54a1d9; border-radius:5px; } .map_pop_body h4 { padding:9px 0 9px 0; margin:0 0 1px 0; font-family: 'PT Sans', sans-serif; font-size:21px; line-height:21px; color:#3e454c; font-weight:bold; font-style:normal; display:inline-block; float:left; letter-spacing:0.5px; } .map_pop_bot { padding:24px 0 0 0; margin:28px 0 0 0; border-top:solid 1px #cdcdcd; } .map_pop_bot a { padding:12px 12px 12px 17px; margin:0; display:inline-block; float:right; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#fff; font-weight:bold; font-style:normal; background:#54a1d9; border-radius:5px; box-shadow:1px 1px 0 0 #000; } .map_pop_bot a:hover { background: #417ca7;} .framed { padding:30px; margin:0; font-family: 'PT Sans', sans-serif; font-size:16px; color:#3e454c; letter-spacing:0.5px; } .framed .scrollbody { height:332px; overflow: auto; padding:10px 0; } .framed .header { padding:0 0 24px 0; margin:0; border-bottom:solid 1px #cdcdcd; } .framed .titlebar { position:absolute; top:0; right:0; border-bottom:1px solid #cdcdcd; left:0; padding:20px 28px; line-height:32px; color:#848484; font-size:17px; } .framed .titlebar, .framed .titlebarspacer { height:70px; } .editchannels .header { padding:0; } .editchannels .header table { margin:0 0 20px 0; } .framed .header table div { padding:5px 0 0 0; margin:0; font-family: 'PT Sans', sans-serif; font-size:24px; line-height:24px; color:#3e454c; font-weight: bold; letter-spacing:0.5px; } .framed .header table img { width:100px; height:75px; margin-right:10px; border: 1px solid #3e454c; } .framed .textbox, .formui .textbox { padding:6px 12px 8px 12px; margin:0 0 25px 0; display:block; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:18px; font-weight:normal; font-style:normal; border:solid 1px #a1a1a1; border-radius:5px; width:100%; } .formui div.textbox { background-color:white; position:relative; } .formui div.textbox div { position:absolute; right:0; top:0; bottom:0; background-color:#b1b1b1; padding:6px 12px 8px 12px; color:white; cursor:pointer; } .framed input.addcustomlink { margin:0; display:inline; width:100%; } .framed table.addcustomlink { margin:0 0 10px 0; display:block;} .framed table td input.textbox { margin:0; display:inline; width:100%; } .framed table.removecustomlink { margin:0 0 10px 0; display:block;} .framed #customLinksContainer { margin-bottom: 25px; } .framed table h6 { padding:0; margin:0 5px 0 0; white-space: nowrap; max-width: 400px; overflow: hidden; text-overflow: ellipsis; } .framed .title, .formui .title { padding:9px 0 9px 0; margin:0 0 1px 0; font-family: 'PT Sans', sans-serif; font-size:21px; line-height:21px; color:#3e454c; font-style:normal; display:block; letter-spacing:0.5px; } .framed h6 { padding:8px 0 0 0; margin:0; display:inline-block; float:left; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:18px; color:#2a2a2c; font-weight:normal; font-style:normal;} .framed .button, .formui .button { padding:12px 24px 12px 24px; margin:0; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#fff; font-weight:bold; font-style:normal; background:#54a1d9; border-radius:5px; box-shadow:1px 1px 0 0 #000; } .framed a.button:hover, .formui .button:hover { background: #417ca7;} .framed .button.wait, .formui .button.wait { background-color:#417ca7; border-color:#b5b5b5; box-shadow:inset 0 2px 4px rgba(0,0,0,0.33); color:#eee; cursor:wait; } .framed .downloadButton { display:inline-block; } .framed .okButton { margin-left:10px; display:inline-block; float:right; } .framed .cancelButton { margin:0 0 0 10px; display:inline-block; float:right; background: #959595; } .framed .bottom { padding:24px 0 0 0; margin:0; border-top:solid 1px #cdcdcd; } .framed .custom-checkbox label, .formui .custom-checkbox label { padding:0 0 0 28px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; } .framed .channel img { display:none; } .framed .channel .detail-icon { display:inline; width:14px; vertical-align: bottom; margin-left: 4px; } .framed .channel .detail-icon-user { background-image: url(../images/hosting_icon7.png); background-size: contain; background-repeat: no-repeat; } .framed .channel .detail-icon-channelupload { background-image: url(../images/hosting_icon9.png); background-size: contain; background-repeat: no-repeat; } .framed #channels { height:300px; overflow:auto; padding:10px; } .framed .noheader #channels { height:399px; } .framed .noheader .title { padding:0 0 9px 0; } .framed #channelButtons { padding:24px 1px 0 0; margin:0; border-top:solid 1px #cdcdcd; } .framed .remove, .framed .add, .framed .share { margin:0 0 0 10px; display:block; } .framed span.status { width:455px; display:inline-block; line-height: 21px; } .framed .error, #status.error { color:red; } .framed .errormsg { margin:24px; } .framed span.status a { color:#54A1D9; text-decoration: underline; } .framed h1 { font-size: 42px; } .framed h1 a { padding:0 0 0 23px; margin:12px 20px 0 0; float:right; font-family: 'PT Sans', sans-serif; font-size:15px; line-height:25px; color:#3e454c; font-weight:bold; font-style:normal; background:url(../images/question_icon.png) no-repeat left center; letter-spacing:-0.2px; } .editchannel .scrollbody { height: 300px; padding: 10px; } .editchannel .header { padding:0; } .editchannel .options li label { margin-bottom:10px; font-weight: normal; } .editchannel .custom-checkbox img { margin:0 10px 0 0; vertical-align: text-bottom; } .editchannel .options { padding: 0 0 10px 5px; } .editchannel .rec_ph .options { padding: 0 0 0 5px; } .editchannel .rec_ph .options ul.options { padding: 15px 0 0 0; } .framed #tab1 { margin: 0 0 0 10px;} .framed .tabs li { float:none; padding:14px 25px 14px 25px; margin:0; display:inline-block; background:#ededed; font-family: 'PT Sans', sans-serif; font-size:21px; line-height:21px; color:#3e454c; font-weight:400; font-style:normal; letter-spacing:0.1px; cursor:pointer;} .framed .tabs li.current { background: #cdcdcd;} .framed .tabs li:hover { color:#ffffff; } .editchannel .options .abovecheckboxes { margin: 0px; } .editchannel .rec_noph { padding:0 0 0 10px; line-height: 22px; } .editchannel .rec_noph div { padding:10px 0 0 0; } .editchannel .rec_ph { line-height: 22px; } .editchannel .rec_ph .section { margin-bottom: 25px; } .editchannel .custom-checkbox label .title { padding:0; margin: -2px 0 0 0; } .editchannel .options li { margin-bottom: 15px; } .editchannel .checkbox_toggled { display:none; margin: 0 0 0 28px; } .editchannel .checkbox_toggled .textbox { margin:0; } .editchannel .status { margin: 0 200px 0 0; line-height: 20px; } .editchannel .sharing .dd { width: 120px !important; margin:0 0 0 5px; } .editchannel .sharing .textbox { padding: 4px 9px 6px 9px; border-radius:8px; } .editchannel .sharing .addusertable { margin: 5px 0 0 0; } .editchannel .sharing .addusertable { margin: 5px 0 0 0; } .editchannel .sharing .adduserbutton { margin: 20px 0 35px 0; } .editchannel .sharing .adduserbutton .button { padding: 6px 16px 6px 16px; } .editchannel .sharing .adduserbutton span { margin: 0 0 0 20px; } .editchannel .sharing .sharedUsersTable .userrow { background:#dfdfdf; } .editchannel .sharing .sharedUsersTable .userrow td { padding:10px; border-bottom:1px solid #ccc; } .editchannel .sharing .sharedUsersTable tr:nth-child(1) td { border-top:1px solid #ccc; } .editchannel .sharing .sharedUsersTable tr:nth-child(odd) { background:#EAEAEA; } .editchannel h6.upgrademsg { padding:0; } .editscreencast .options li label { margin-bottom:10px; font-weight: normal; } .editscreencast .options { padding: 0 0 10px 5px; } .editscreencast .options .abovecheckboxes { margin: 0px; } .editscreencast span.status { width:250px; } .editscreencast .checkbox_toggled { display:none; margin: 0 0 0 28px; } .editscreencast .checkbox_toggled .textbox { margin:0; } .editscreencast div .dd { margin:0 0 25px 0; width:100% !important;} .editscreencast .captionsList { margin: 0 0 0 5px; } .editscreencast .captionsList li a { margin: 0 0 0 5px; } .editscreencast #expireDate { display: none; } .loginframed .forgotlink { margin:10px 0 0 0; display:block; float:right; color:#54A1D9; } .loginframed .text { padding:0 0 20px 0; line-height: 22px; } .loginframed a { color:#54A1D9; } .loginframed .update .status { width:250px; } .signupframed .text, .signupfinishedframed .text, .newpasswordframed .text { padding:0 0 20px 0; line-height: 22px; } .signupframed .buttons, .signupfinishedframed .buttons, .newpasswordframed .buttons, .ltiframed .buttons { padding:24px 0 0 0; margin:0; border-top:solid 1px #cdcdcd; } .signupframed .tos, .signupfinishedframed .tos, .newpasswordframed .tos { padding:10px 0 0 0; } .signupframed .tos .custom-checkbox, .signupfinishedframed .tos .custom-checkbox, .newpasswordframed .tos .custom-checkbox { padding:0 5px 0 0; float:left; } .signupframed .tos .toslink, .signupfinishedframed .tos .toslink, .newpasswordframed .tos .toslink { display:block; float:left; text-decoration: underline; line-height:1em; } .signupframed a, .signupfinishedframed a, .newpasswordframed a { color:#54A1D9; } #needpw { padding:18px 2% 18px 2%; margin:0; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:14px; color:#ffffff; font-weight:normal; font-style:normal; } #needpw #enterpw { margin:0 10px 0 10px; padding:0 10px 0 10px; display:inline-block; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:27px; font-style:normal; color:#000000; background:#ffffff; letter-spacing:0.7px; border-radius:8px; width:auto; border:none; } #needpw #submit { padding:6px 24px 7px 24px; margin:0; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#fff; font-weight:bold; font-style:normal; background:#54a1d9; border-radius:5px; box-shadow:1px 1px 0 0 #000; } #needpw #submit:hover { background: #417ca7;} .watchNeedsPassword { padding:0; margin:0; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#3e454c; font-weight:normal; font-style:normal; min-height:600px;} .watchNeedsPassword #enterpw { margin:0 10px 0 10px; padding:0 10px 0 10px; display:inline-block; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:27px; font-style:normal; background:#ffffff; letter-spacing:0.7px; border-radius:8px; width:auto; border:solid 1px #3e454c; } .watchNeedsPassword #submit { padding:6px 24px 7px 24px; margin:10px 15px 0 0; float:left; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#fff; font-weight:bold; font-style:normal; background:#54a1d9; border-radius:5px; box-shadow:1px 1px 0 0 #000; border:none; } .watchNeedsPassword #submit:hover { background: #417ca7;} .watchNeedsPassword a { color:#54A1D9; text-decoration: underline; } .modifysub .bottom { margin:0; border-top:solid 1px #cdcdcd; } .modifysub .autorenew-box { margin:0 0 0 10px; } .modifysub .autorenew-box .custom-checkbox { margin:5px 0 10px 0; } .modifysub .autorenew-ann .custom-checkbox { margin:15px 0 0 25px; } .modifysub .autorenew-ann label { font-weight: normal; } .modifysub .autorenew-dd { margin: 0 0 0 25px; } .modifyph .autorenew-dd { margin: 5px 0 15px 0; } .modifysub .custom-checkbox { margin:15px 0 0 15px; } .modifysub .section { margin:0 0 30px 0; } .modifysub .section a { color:#54A1D9; } .modifysub .canceltext { margin:0 0 0 15px; line-height: 21px; } .modifysub .newsubtext { margin:0 0 15px 0; line-height: 21px; } .modifysub .status { margin: 0 200px 0 0; line-height: 20px; } .modifysub .addsub .section { line-height: 22px; } .modifysub .addsub .section span { font-weight: bold; } .setuphosting .scrollbody { padding-right: 10px; } .setuphosting .text { padding:0 0 10px 0; } .setuphosting .section a.button { padding:12px 24px 12px 24px; margin: 20px 0 0 0; text-align: center; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#fff; font-weight:bold; font-style:normal; background:#54a1d9; border-radius:5px; box-shadow:1px 1px 0 0 #000; } .setuphosting .section a.button:hover { background: #417ca7;} .setuphosting .section #inviteworking { margin: 0 0 0 10px; } .setuphosting .bottom { margin:0; border-top:solid 1px #cdcdcd; } .setuphosting .section { margin:0 0 30px 0; } .setuphosting .inviteuser { margin:0 0 50px 0; } .setuphosting .section a { color:#54A1D9; } .setuphosting .section .section-body { padding:16px; border: 1px solid #969696; border-radius: 10px; } .setuphosting .section .details { padding: 50px 10px 0px 10px; } .setuphosting .ltiplugin-details b { width: 55px; display: inline-block; text-align: right; margin-right:3px; } .setuphosting input.value-highlight { border:0; padding:0 10px; font-weight:bold; background-color:#eee; color:black; display:inline-block; width:345px; margin-top:10px; } .setuphosting input.value-highlight.new { background-color:#549fd7; } .setuphosting .value-highlight-icon { margin-left:-27px; vertical-align:text-bottom; cursor:pointer; } .setuphosting .withWaiting .notWaiting { display:none; } .setuphosting .waiting { display:none; } .setuphosting .withWaiting .waiting { display:block; } .setuphosting span.status { width:333px; } .setuphosting .users span.status { width:250px; } .setuphosting .confirm span.status { width:250px; } .setuphosting span.status b { color:red; } .setuphosting select { width: 100%; } .setuphosting .headerrow td { padding:0 0 5px 0; border-bottom:1px solid #ccc; } .setuphosting .userrow { background:#dfdfdf; } .setuphosting .userrow td { padding:10px; border-bottom:1px solid #ccc; } .setuphosting .firstrow td { border-top:1px solid #ccc; } .setuphosting .odd { background:#EAEAEA; } .setuphosting table .deletedrow { background:#FCB3BC; } .setuphosting table .acceptrow { background:#b3fcbd; } .setuppropage .recorder_setting { margin:0; } .setuppropage .recorder_setting ul li { border:none; } .setuppropage .recorder_setting ul li.withdivider { border-bottom:solid 1px #cccccc; padding-bottom: 30px; margin-bottom: 10px !important;} .setuppropage .recorder_setting ul li ul li { display: block; float:none; } .setuppropage span.status { width:333px; } .setuppropage span.status b { color:red; } .loginorsignup { font-family: 'PT Sans', sans-serif; font-size: 16px; color: #5f6a75; } .loginorsignup a.login { margin-right: 5px; } .loginorsignup a.signup { margin-left: 5px; margin-right: 5px; } .notfound { padding:50px 0 0 0; } .confirmprompt { padding: 10px; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#000; } .confirmprompt div.buttons { padding: 15px 0 0 0; } .confirmprompt a { padding:5px 10px 7px 10px; float:right; display:inline-block; margin:0; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#fff; font-weight:normal; font-style:normal; background:#54a1d9; border-radius:5px; box-shadow:1px 1px 0 0 #000; } .confirmprompt a:hover { background: #417ca7;} .confirmprompt a.cancelButton { margin:0 0 0 10px; display:inline-block; float:right; background: #959595; } .nextstep { display:none; } .purchasedframed .nextstep { display: block; margin: 40px 0 0 0; } .gopropage .nextstep { display: block; margin: 40px 0 0 0; } .purchasedframed .recorder_lft h2 { display: none; } .purchasedframed .tabs_con_bg { padding:30px 0 30px 0;} .purchasedframed .upgrades ul li h5 { padding: 20px 8% 0 10%; } .purchasedframed .scroller { display: none; } .purchasedframed .recorder_con { padding: 0; } .purchasedframed .optionsonly .pro_recorder_header { display:none; } .purchasedframed .optionsonly .recorder_block2_bg { padding:40px 0; } .purchasedframed .block1 .upgrades ul li { width:45%; } .purchasedframed .scrollbody { border-bottom:solid 1px #cdcdcd; padding:0; } .purchasedframed .optionsonly .recorder_block2_bg { display:block; } .purchasedframed .recorder_block2_bg { display:none; } .newsub { padding: 0px !important; } .newsub h1 { padding: 20px 20px 0px 20px; } .newsub .scrollbody { padding:0; } .gopropage .tabs_con_bg { padding:70px 0 30px 0;} .upgrades ul li h5 { padding: 20px 8% 0 10%; } .gopropage .scroller { display: none; } /*.gopropage .upgrades ul li { width:45%; }*/ .gopropage .scrollbody { border-bottom:solid 1px #cdcdcd; padding:0; } .gopropage .recorder_block2_bg { display:none; } /*.gopropage .hosting_block2_bg { display:none; } */ .gopropage .button { padding:12px 24px 12px 24px; margin:0; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:16px; color:#fff; font-weight:bold; font-style:normal; background:#54a1d9; border-radius:5px; box-shadow:1px 1px 0 0 #000; } .gopropage a.button:hover { background: #417ca7;} .gopropage_already { padding:50px 0 0 0;} .gopropage_already h1 { margin:0 0 10px 0; } .gopropage_already a { color:#549fd7; font-weight: bold; } .forwardingmsg { padding: 0px 0px 0px 65px; background-image: url(../images/loading.gif); background-position: left center; background-repeat: no-repeat; margin: 24px 20px; font-size: 20px; } .legal { margin-bottom: 36px; } .legal h2 { margin: 36px 0 12px 0; } .legal p { margin: 0 0 12px 0; } .legal strong { font-weight: bold; } .legal ul { list-style: disc; } .legal ul li { margin: 0 0 1em 2em; } .releasenotes { margin-bottom: 36px; } .releasenotes h2 { margin: 36px 0 12px 0; } .releasenotes p { margin: 0 0 12px 0; } .releasenotes strong { font-weight: bold; } .releasenotes ul { list-style: disc; } .releasenotes ul li { margin: 0 0 0.5em 2em; } .sitelicense_instructions ol { list-style: decimal; margin-left:40px; font-size: 18px; } .sitelicense_instructions ol li { margin:20px 0 0 0; } .downloadbutton { padding:24px; margin:0; display:block; width:16em; text-align:center; font-family: 'PT Sans', sans-serif; font-size:18px; line-height:16px; color:#fff; font-weight:normal; font-style:normal; background:#54a1d9; border-radius:5px; box-shadow:1px 1px 0 0 #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .downloadbutton:hover { color:#fff; background: #417ca7;} .contactusframed .textbox { margin-bottom: 20px !important; } .contactusframed .title { font-size: 16px !important; } .namebox .firstname { width: 49%; float:left; } .namebox .lastname { width: 49%; float:right; } .embed-options-list .custom-checkbox { padding: 0 14px 0 0; } .embed-options-list .custom-checkbox label { padding: 0 0 0 25px; } .free-hosting .autoplay-option label { color: #ccc; } .referralpromobutton { padding:20px; margin:0; display:block; text-align:center; font-family: 'PT Sans', sans-serif; font-size:18px; line-height:16px; color:#fff; font-weight:normal; font-style:normal; background:#54a1d9; border-radius:5px; box-shadow:1px 1px 0 0 #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .referralpromobutton:hover { color:#fff; background: #417ca7;} .friend-logo { height:90px; margin-right:20px; } .grey-bg { background-color: #fbfbfb; border: 1px solid #bdc4c9; border-radius: 6px; padding: 20px 5px; } .grey-bg .grey-bg { background-color: #fff; } .login-with { width: 100%; height: 36px; font-size: 14px; color: #3e454c; line-height: 32px; text-align: center; cursor: pointer; border: 1px solid #54a1d9; border-radius: 5px; } .login-with-google { background-image: url('../images/google-login-icon.png'); background-repeat: no-repeat; background-position: 8px center; } .login-with.working { background-image: url('../images/working_white.gif'); } .framed .close-button { height:19px; width:19px; cursor:pointer; float:right; margin-top:13px; margin-right:9px; } .upgrades ul li.max-computers { background-color: #3e454c; color: white; font-size: 20px; font-weight: bold; } li.max-computers .options-label { padding-top: 20px; padding-right: 60px; display: block; padding-left: 30px; text-align: left; padding-bottom: 10px; } .upgrades ul li.single-user-upgrade-link div.price { font-weight: bold; font-size: 26px; padding-top: 30px; } .upgrades ul li.max-computers div { margin: auto; } .upgrades ul li.max-computers a { margin: 0px; padding: 0px; background-color: white; color: #5f6a75; border-radius: 0px; display: block; box-shadow: none; padding-left: 10px; padding-top: 5px; text-align: left; } .upgrades ul li.max-computers a.dd-selected { border-right-width: 30px; border-right-color: #549fd7; border-right-style: solid; } .upgrades ul li.max-computers ul li { float: none; min-height: 10px; width: 100%; box-shadow: none; display: block; } .upgrades ul li.max-computers .dd-pointer-down, .upgrades ul li.max-computers .dd-pointer { border-color: white transparent transparent; background-color: #549fd7; } .upgrades ul li.max-computers .dd-pointer-up { border-color: transparent transparent white; border-bottom-color: transparent transparent white; background-color: #549fd7; } .upgrades ul li.holiday-sale { width: 47%; overflow: hidden; } .bottom-section { min-height: 60px; } @media only screen and (max-width: 1280px) { .bottom-section { min-height: 100px; } }