html, body, div, span, h1, h2, h3, h4, h5, h6, p, ol, ul, li, form, label, legend, caption, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section, summary { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } * html .wrapper { } ol, ul { list-style: none; } a img {border: none} aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block} /************************ Basics ************************/ html, body { height: 100%; margin: 0; padding: 0; } body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; background-color: #ffffff; color: #818181; height: 100%; line-height: 20px; } p { } a {color: #118bb6; transition:all 0.3s ease;} a:hover { color: #a6c6cb; } h1{font-size: 30px; font-weight: bold; color:#686868;margin: 0 0 10px 0;} h2{font-size: 24px; color: #686868;line-height: 40px;margin: 0 0 10px 0;} h3{font-size: 18px; color: #686868;margin: 0 0 10px 0;} h4{font-size: 16px; color: #686868;font-weight:bold;margin: 0 0 10px 0;} .wrapper { min-height: 100%; margin: 0 auto -100px; } .page-buffer { height: 50px; } #header { position: relative; background: #3074B5; width: 100%; height: 51px; display: block; box-shadow: 0 3px 3px #999; } #wheader { position: relative; background: #1a5894; width: 100%; height: 40px; display: block; } .promsign{ position: absolute; top: -30px; float: left; width: 260px; text-align: left; color: #e0effa; font-size: 15px; } .promsign .col .pheader{ text-align: center; color: #e0effa; font-size: 24; } .promprofit{ top: -30px; right: 0; position: absolute; float: right; width: 260px; text-align: left; color: #e0effa; font-size: 15px; } .promprofit .col .pheader{ text-align: center; } .prompic{ width: 529px; height: 366px; background: url(../images/cloud.png) repeat; position: relative; margin: 80px auto 10px; color: #6b899d; font-size: 15px; } .prompic .col{ width: 260px; margin: auto; position: absolute; left: 140px; top: 110px; } .prompic .col .pheader{ margin: 0 40px; color: #6b899d; } .prompic h2{ color: #6b899d; } .blues{ background: #3074B5; /* Old browsers */ /*background: -moz-radial-gradient(center, ellipse cover, #83b9db 0%, #3c8cbf 100%) ; /* FF3.6+ */ /*background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#83b9db), color-stop(100%,#3c8cbf)); /* Chrome,Safari4+ */ /*background: -webkit-radial-gradient(center, ellipse cover, #83b9db 0%,#3c8cbf 100%); /* Chrome10+,Safari5.1+ */ /*background: -o-radial-gradient(center, ellipse cover, #83b9db 0%,#3c8cbf 100%); /* Opera 12+ */ /*background: -ms-radial-gradient(center, ellipse cover, #83b9db 0%,#3c8cbf 100%); /* IE10+ */ /*background: radial-gradient(ellipse at center, #83b9db 0%,#3c8cbf 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83b9db', endColorstr='#3c8cbf',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .noise{ width: 100%; background: url(../images/noise.png) repeat; } .container{ margin: 0 auto; text-align: center; position: relative; } /************************ Layout ************************/ #container { position: relative; margin: 0 auto; text-align: center; width: 100%; } .container1 { width: 99%; margin: 0 auto; margin-left: auto; margin-right: auto; background-color: transparent; position: relative; } #contentfull{ width: 980px; } #sidebar-left { float: left; width: 320px; } #sidebar-right { float: right; width: 320px; } .leftcol{ float: left; width: 600px; margin: 20px 0; } .rightcol{ margin: 20px 0 0; float: right; width: 360px; } /************************ End Layout ************************/ /************************ Navigation Menu ************************/ /** Footer menu**/ .copyright{ } #fmenu{ text-align: center; /*height: 49px;*/ line-height: 49px; margin: 0 0 0 50px; display: inline-block; } #fmenu ul{ text-align: center; } #fmenu ul li{ display: block; float: left; margin-left: 10px; } #fmenu ul li::after{ content: "|"; color: #d6d6d6; margin-left: 10px; font-size: 10px; } #fmenu ul li:last-child::after{ content: ""; } /** End Footer menu**/ #mainmenu {transition:all 0.3s ease; float: right; } #mainmenu ul{ float: left; transition:all 0.3s ease; margin: 0; padding: 0; list-style: none; } #mainmenu ul li {transition:all 0.3s ease; position: relative; float:left; line-height: 39px; } #mainmenu ul li:hover{ transition:all 0.3s ease; background-color: #1f1f1f; } #mainmenu li ul{ transition:all 0.3s ease; position: absolute; right: 0; top: 49px; display: none; float:left; padding: 10px 0 0 20px; } #mainmenu ul li a { float:left; transition:all 0.3s ease; font-size:14px; padding: 7px 15px 5px 15px; text-align:center; text-decoration: none; color: #f1f1f1; } * html #mainmenu ul li { float: left; height: 1%; } * html #mainmenu ul li a { height: 1%; } /************************ End Navigation Menu ************************/ /************************ Start bottom white Menu ************************/ #wmenu {transition:all 0.3s ease; float: right; } #wmenu ul{ float: left; transition:all 0.3s ease; margin: 0; padding: 0; list-style: none; } #wmenu ul li{ transition:all 0.3s ease; position: relative; float:left; line-height: 29px; } #wmenu ul li::after{ content: " | "; vertical-align: middle; line-height: 39px; padding: 5px 0px 0 0px; font-size: 10px; color: #fd0; } #wmenu ul li:last-child::after{ content: ""; } #wmenu ul li:hover > a{ transition:all 0.3s ease; color: #118bb6; } #wmenu ul li a { float:left; transition:all 0.3s ease; font-size:14px; padding: 5px; text-align:center; text-decoration: none; color: #ddd; } #wmenu ul li a:hover { color:#fd0; } * html #wmenu ul li { float: left; height: 1%; } * html #wmenu ul li a { height: 1%; } /************************ End bottom white Menu ************************/ /************************ Start Language Menu ************************/ #language{ transition:all 0.3s ease; float: right; } #language ul{ float: left; transition:all 0.3s ease; margin: 0; padding: 0; list-style: none; } #language ul li{ padding: 20px; transition:all 0.3s ease; position: relative; } #language ul li:hover{transition:all 0.3s ease; background-color: #1f1f1f; } #language ul li ul {transition:all 0.3s ease; width: 100px; background: #1f1f1f; height: auto; -webkit-box-shadow: 0px 9px 21px 0px rgba(50, 50, 50, 0.31); -moz-box-shadow: 0px 9px 21px 0px rgba(50, 50, 50, 0.31); box-shadow: 0px 9px 21px 0px rgba(50, 50, 50, 0.31); } #language li ul{ transition:all 0.3s ease; position: absolute; right: 0; top: 50px; display: none; float:left; padding: 0px; } #language ul li a { float:left; transition:all 0.3s ease; font-size:14px; padding: 0; margin: 0; text-align:center; text-decoration: none; color: #f1f1f1; } #language li ul li{ padding: 0px; margin: 0px; width: 100px;} #language li ul li a{ width: 80px; white-space: nowrap; transition:all 0.3s ease; text-align:left; font-size:14px; display: block; border-bottom: 1px dotted #353535; margin: 0; padding: 0 10px; } #language li ul li a:hover{ width: 80px; transition:all 0.3s ease; background: #787878; color:black; border-bottom: 1px dotted #787878; margin: 0; padding: 0 10px; } * html #language ul li { float: left; height: 1%; } * html #language ul li a { height: 1%; } #language li:hover ul, #language li.over ul { display: block; z-index: 9999;} .trf{ background-image: url(../images/flags.png); height: 11px; width: 16px; background-repeat: no-repeat; overflow: hidden; display: inline-block; vertical-align: middle; } .langname{margin-left: 3px;} .trf-farsi{ background-position:-816px 0; } .trf-italian{ background-position:-600px 0; } .trf-taiwan{ background-position:-168px 0; } .trf-za{ background-position:-24px 0; } .trf-al{ background-position:-48px 0; } .trf-arabic{ background-position:-72px 0; } .trf-by{ background-position:-96px 0; } .trf-bg{ background-position:-120px 0; } .trf-catalonia{ background-position:-144px 0; } .trf-cn{ background-position:-168px 0; } .trf-tw{ background-position:-192px 0; } .trf-hr{ background-position:-216px 0; } .trf-cz{ background-position:-240px 0; } .trf-dk{ background-position:-264px 0; } .trf-dutch{ background-position:-288px 0; } .trf-ee{ background-position:-312px 0; } .trf-fi{ background-position:-336px 0; } .trf-french{ background-position:-360px 0; } .trf-galicia{ background-position:-384px 0; } .trf-german{ background-position:-408px 0; } .trf-gr{ background-position:-432px 0; } .trf-hebrew{ background-position:-456px 0; } .trf-in{ background-position:-480px 0; } .trf-hungary{ background-position:-504px 0; } .trf-indonesia{ background-position:-528px 0; } .trf-it{ background-position:-552px 0; } .trf-is{ background-position:-576px 0; } .trf-ie{ background-position:-600px 0; } .trf-japan{ background-position:-624px 0; } .trf-kr{ background-position:-648px 0; } .trf-lv{ background-position:-672px 0; } .trf-lt{ background-position:-696px 0; } .trf-mk{ background-position:-720px 0; } .trf-my{ background-position:-744px 0; } .trf-mt{ background-position:-768px 0; } .trf-no{ background-position:-792px 0; } .trf-ir{ background-position:-816px 0; } .trf-polish{ background-position:-840px 0; } .trf-pt{ background-position:-864px 0; } .trf-ro{ background-position:-888px 0; } .trf-russian{ background-position:-912px 0; } .trf-rs{ background-position:-936px 0; } .trf-sk{ background-position:-960px 0; } .trf-sl{ background-position:-984px 0; } .trf-spanish{ background-position:-1008px 0; } .trf-ke{ background-position:-1032px 0; } .trf-se{ background-position:-1056px 0; } .trf-ph{ background-position:-1080px 0; } .trf-thai{ background-position:-1104px 0; } .trf-turkish{ background-position:-1128px 0; } .trf-ua{ background-position:-1152px 0; } .trf-vn{ background-position:-1176px 0; } .trf-wales{ background-position:-1200px 0; } .trf-europeanunion{ background-position:-1224px 0; } /************************ End Language Menu ************************/ #logo{ width: 144px; height: 37px; background: url(../images/logo.png) no-repeat; margin-top: 7px; } #col3{ } #col3 .col{ width: 306px; float: left; padding: 10px; } .col .pheader span, .col .pheader span + span{ font-size: 24px; line-height: 40px; } .col .pheader span img{ width: 20px; height: 20px; padding: 7px 7px 0 0; } pre{ font-family:'Courier New'; font-size: 11px; background: #ac6850; padding: 10px; color: #fff; border: 1px solid #804834; overflow-x: auto; overflow-y: scroll; margin: 0; } /******************** Widgets **************************/ #widget { margin: 0 0 20px 0; } .withborder{ border:#ccc 1px solid; padding: 20px 20px 20px 20px; } .withbg{ border:#ccc 1px solid; padding: 20px 20px 20px 20px; background: #e8e8e8; } .withoutbg{ padding: 0px 0px 0px 0px; } /******************** End Widgets **************************/ .paging{ clear: both; text-align: center; } .paging.top{ margin: 20px 0 20px 0; } .paging.bottom{ margin: 20px 0 40px 0; } .paging a{ font-weight: bold; text-decoration: none; margin: 15px 5px; padding: 4px 4px; } .paging a:hover #triangle-right{ width: 0; height: 0; border-top: 4px solid transparent; border-left: 4px solid #a6c6cb; border-bottom: 4px solid transparent; transition:all 0.3s ease; } .paging a:hover #triangle-left{ width: 0; height: 0; border-top: 4px solid transparent; border-right: 4px solid #a6c6cb; border-bottom: 4px solid transparent; transition:all 0.3s ease; } .paging span{ color: #656565; padding: 4px 4px; margin: 15px 5px; } .paging span.dotted{ color: #656565; padding: 2px 2px; margin: 15px 2px; } #triangle-right { width: 0; height: 0; border-top: 4px solid transparent; border-left: 4px solid #118bb6; border-bottom: 4px solid transparent; display: inline-block; } #triangle-left{ width: 0; height: 0; border-top: 4px solid transparent; border-right: 4px solid #118bb6; border-bottom: 4px solid transparent; transition:all 0.3s ease; display: inline-block; } #comments{ float: left; position: relative; } #comments li{margin-bottom: 20px;} .comment_header{ vertical-align: middle; } .comment_body{ padding: 10px 0; border-bottom: 1px solid #c8c8c8; } .comment_user{ float: left; padding-left: 8px; display: block; } .comment_userip{ float: left; margin-left: 20px; color: #aaaaaa; font-size: 11px; } .comment_date{ float: right; color: #8a8a8a; font-size: 11px; } .comment_deletemessage{ float: left; margin-top: 6px; margin-left: 15px; } .comment_mailto{ float: left; margin-top: 6px; } #comment_btn, #method_free { display: inline-block; padding: 10px 20px; color: #fff; font-size: 15px; font-weight: bold; text-decoration: none; background: #0a9dd2; box-shadow: inset 0 0 40px #1d6c88; -webkit-box-shadow: inset 0 0 40px #1d6c88; -moz-box-shadow: inset 0 0 40px #1d6c88; height: 40px; } #comment_btn:hover{ color: #9dd0e2; text-decoration: none; background: #0a9dd2; box-shadow: inset 0 0 60px #1d6c88; -webkit-box-shadow: inset 0 0 60px #1d6c88; -moz-box-shadow: inset 0 0 60px #1d6c88; } /******************* START FOOTER *******************/ footer { position: relative; background: #1f1f1f; /*height: 50px;*/ width: 100%; color: #eee; font-size: 13px; } footer a { color:#f2f2f2; } footer a:hover { color:#fff; } #footernav{} #footernav ul li{ float: left; line-height: normal; margin-right: 15px; font-weight: bold; } .flogo{ margin: 12.5px 0; width: 125px; height: 24px; float: right; } .leftintab{ float: left; width: 545px; } .advanced{ float: right; width: 350px; background: #f2f2f2; padding: 20px; } /******************* START FORMS*******************/ input.input1 { position: relative; height: 30px; border: 1px solid #c8c8c8; background: #fff; color: #838383; box-shadow: inset 0 0 20px #e2e2e2; -webkit-box-shadow: inset 0 0 20px #e2e2e2; -moz-box-shadow: inset 0 0 20px #e2e2e2; line-height: 30px; padding: 0 0 0 10px; font-size: 13px; } .folders .input1 { float: left; width: 253px; height: 30px; } .folders input[type="text"] + input[type="submit"]{ float: left; position: relative; display: block; height: 32px; width: 32px; border: 1px solid #467618; cursor: pointer; background: #60a127 url(../images/icon_cr_folder.png) 60% 50% no-repeat; color: #838383; box-shadow: inset 0 0 15px #4a8c11; -webkit-box-shadow: inset 0 0 15px #4a8c11; -moz-box-shadow: inset 0 0 15px #4a8c11; margin-left: 7px; } .folders input[type="text"] + input[type="submit"]:hover{ transition: all .1s linear; box-shadow: inset 0 0 30px #4a8c11; -webkit-box-shadow: inset 0 0 30px #4a8c11; -moz-box-shadow: inset 0 0 30px #4a8c11; border: 1px solid #467618; } .advanced label { float: left; display: block; width: 115px; height: 30px; border: 1px solid #c8c8c8; background: #f0f0f0; color: #838383; box-shadow: inset 0 0 20px #d5d5d5; -webkit-box-shadow: inset 0 0 20px #d5d5d5; -moz-box-shadow: inset 0 0 20px #d5d5d5; line-height: 30px; padding: 0 0 0 10px; font-size: 13px; } input[type="text"], input[type="password"], select { position: relative; left:-1px; height: 20px; border: 1px solid #c8c8c8; background: #fff; color: #838383; box-shadow: inset 0 0 20px #e2e2e2; -webkit-box-shadow: inset 0 0 20px #e2e2e2; -moz-box-shadow: inset 0 0 20px #e2e2e2; line-height: 15px; padding: 0 0 0 3px; font-size: 13px; } .advanced input[type="text"], .advanced input[type="password"]{ height: 30px; } .advanced select{ height: 32px; } select{ position: relative; left:-1px; border: 1px solid #c8c8c8; background: #fff; color: #838383; box-shadow: inset 0 0 20px #e2e2e2; -webkit-box-shadow: inset 0 0 20px #e2e2e2; -moz-box-shadow: inset 0 0 20px #e2e2e2; line-height: 30px; padding: 0 0 0 5px; font-size: 13px; height: 22px; } .advanced label + select { width: 182px; } .advanced label + select > option{ padding:8px; } .advanced p{ display: block; height: 20px; margin-bottom: 20px; } .advanced:last-child{ margin-bottom: 0px; } label + input[type="text"]:hover, label + input[type="password"]:hover, input[type="text"]:hover, input[type="password"]:hover{ border-color: #9a9a9a; } label + input[type="text"]:active, label + input[type="password"]:active, input[type="text"]:active, input[type="password"]:active, select:active{ border-color: #9a9a9a; } label + input[type="text"]:focus, label + input[type="password"]:focus, input[type="text"]:focus, select:focus, input[type="password"]:focus{ border-color: #9a9a9a; } .leftintab textarea{ position: relative; float: left; display: block; border: 1px solid #c8c8c8; background: #fff; color: #838383; box-shadow: inset 0 0 20px #e2e2e2; -webkit-box-shadow: inset 0 0 20px #e2e2e2; -moz-box-shadow: inset 0 0 20px #e2e2e2; line-height: 20px; padding: 3px 5px 3px 5px; font-size: 13px; margin: 20px 0 0 0; min-height: 160px; max-width: 535px; } textarea{ position: relative; border: 1px solid #c8c8c8; background: #fff; color: #838383; box-shadow: inset 0 0 20px #e2e2e2; -webkit-box-shadow: inset 0 0 20px #e2e2e2; -moz-box-shadow: inset 0 0 20px #e2e2e2; line-height: 20px; padding: 3px 5px 3px 5px; font-size: 13px; } textarea:active, textarea:focus{ border-color: #9a9a9a; } /********************** Start Premium***********************/ .accexpire{ width: 980px; height: 50px; line-height: 50px; margin: 0 0 50px 0; color: #118bb6; font-size: 15px; } .accexpire span + span{ color: #818181; } .premium_table{ margin: 60px 0 0px; position: relative; background: #f4f4f4; box-shadow: #e9e9e9 0 0 60px inset; -webkit-box-shadow: #e9e9e9 0 0 60px inset; -moz-box-shadow: #e9e9e9 0 0 60px inset; width: 980px; } .premium_table .features{ padding: 20px 40px 10px 20px; width: 340px; } .premium_table .features ul{ float: right; } .premium_table .features ul li{ line-height: 37px; font-size: 15px; text-align: right; } .premium_table .features h3{ float: right; } .plans{ width: 580px; height: 430px; background: #999; position: absolute; top: -10px; right: 10px; } .premium_table .free_plan{ position: absolute; top: 0px; left: 0px; background: #e9e9e9; box-shadow: #d3d3d3 0 0 60px inset; -webkit-box-shadow: #d3d3d3 0 0 60px inset; -moz-box-shadow: #d3d3d3 0 0 60px inset; width: 163px; height:430px; z-index: 49; padding: 0 10px; } .premium_table .registered_plan{ position: absolute; top: 0px; right: 0px; background: #e9e9e9; box-shadow: #d3d3d3 0 0 60px inset; -webkit-box-shadow: #d3d3d3 0 0 60px inset; -moz-box-shadow: #d3d3d3 0 0 60px inset; width: 163px; height:430px; z-index: 49; padding: 0 10px; } .premium_table .premium_plan{ position: absolute; top: -10px; left: 182px; background: #118bb6; box-shadow: #0d7295 0px 50px 50px inset, rgba(27, 148, 190, 0.46) 0 0 15px; -webkit-box-shadow: #0d7295 0px 50px 50px inset, rgba(27, 148, 190, 0.46) 0 0 15px; -moz-box-shadow: #0d7295 0px 50px 50px inset, rgba(27, 148, 190, 0.46) 0 0 15px; width: 195px; padding: 0 10px; height:440px; z-index: 50; } .premium_table .premium_plan::after{ position: absolute; content: ""; bottom: -87px; left: -12px; width:241px; height:87px; background: url(../images/triangle.png) no-repeat; display: block; z-index: 9999; } .monthprice{ padding: 10px 0 0 0; text-align: center; color: #04475f; position: absolute; bottom:-47px; font-weight: bold; width: 195px; z-index: 99999; font-size: 20px; text-shadow: 1px 1px 0px #25a3cf; } .monthprice::before{ content: ""; width: 50px; height: 1px; background: #04475f; display: block; border-bottom: 1px solid #25a3cf; left: 72px; top: 1px; position: absolute; } .monthprice span{ font-weight: normal; display: block; font-size: 11px; text-shadow: 1px 1px 0px #25a3cf; } .premium_table .premium_plan ul { float: none; } .premium_table .premium_plan ul li{ height: 35px; line-height: 37px; text-align: center; font-weight: bold; color: #fff; border-bottom: 1px solid #278FB4; border-top: 1px solid #127EA5; } .premium_table .premium_plan ul li:first-child{ border-bottom: 1px solid #278FB4; border-top: none; } .premium_table .premium_plan ul li:last-child{ border-bottom: none; border-top: 1px solid #127EA5; } .premium_table .premium_plan .plan_name{ background: #118bb6 url(../images/linebg.jpg) bottom repeat-x; border-bottom: 1px solid #1790bb; box-shadow: #0d7295 0 0 60px inset; -webkit-box-shadow: #0d7295 0 0 60px inset; -moz-box-shadow: #0d7295 0 0 60px inset; position:relative; left: -10px; width: 215px; height: 68px; line-height: 68px; text-align: center; font-size: 30px; color: #fff; } .premium_table .free_plan ul, .premium_table .registered_plan ul{ float: none; } .premium_table .free_plan ul li, .premium_table .registered_plan ul li{ height: 35px; text-align: center; color: #7f7f7f; border-bottom: 1px solid #ECECEC; border-top: 1px solid #DADADA; } .premium_table .free_plan ul li:first-child, .premium_table .registered_plan ul li:first-child{ border-bottom: 1px solid #ECECEC; border-top: none; } .premium_table .free_plan ul li:last-child, .premium_table .registered_plan ul li:last-child{ border-bottom: none; border-top: 1px solid #DADADA; font-size: 11px; } .premium_table .free_plan .plan_name, .premium_table .registered_plan .plan_name{ background: #e9e9e9; box-shadow: #d3d3d3 0 0 60px inset; -webkit-box-shadow: #d3d3d3 0 0 60px inset; -moz-box-shadow: #d3d3d3 0 0 60px inset; position:relative; left: -10px; width: 182px; height: 59px; line-height: 59px; text-align: center; font-size: 20px; color: #7a7a7a; } .extend_premium{ width:980px; } .extend_premium h2{ text-align: center; margin-bottom: 20px; } .extend_premium .paybox{ width: 230px; margin: 0px 0 0 20px; } .extend_premium .paybox:first-child { } .extend_premium .paybox .days{ width: 230px; height: 70px; line-height:70px; text-align: center; font-size: 20px; background: #f4f4f4; border-bottom: 5px solid #3074b5; box-shadow: #e9e9e9 0 0 60px inset; -webkit-box-shadow: #e9e9e9 0 0 60px inset; -moz-box-shadow: #e9e9e9 0 0 60px inset; } .extend_premium .paybox .price{ width: 230px; height: 70px; line-height: 70px; text-align: center; font-size: 30px; background: #3074b5; /* box-shadow: inset 0 0 60px #1d6c88; */ /* -webkit-box-shadow: inset 0 0 60px #1d6c88; */ -moz-box-shadow: inset 0 0 60px #1d6c88; color: #fff; font-weight: bold; } .extend_premium .paysys{ width: 208px; /* height: 70px; */ line-height: 48px; background: #fff; border: 1px solid #e9e9e9; margin: 3px 0 0; text-align: center; font-size: 0; position: relative; padding: 10px; } .extend_premium .paysys img{ /* opacity: .6; */ filter: grayscale(100%); -webkit-filter: grayscale(30%); /* position: absolute; */ margin: auto; /* top: 0; */ /* bottom: 0; */ /* left: 0; */ /* right: 0; */ /* max-height: 60px; */ max-width: 180px; } /* .extend_premium .paybox .days{ width: 230px; height: 70px; line-height:70px; text-align: center; font-size: 20px; background: #f4f4f4; border-bottom: 5px solid #3074b5; box-shadow: #e9e9e9 0 0 60px inset; -webkit-box-shadow: #e9e9e9 0 0 60px inset; -moz-box-shadow: #e9e9e9 0 0 60px inset; } .extend_premium .paybox .price{ width: 230px; height: 70px; line-height:70px; text-align: center; font-size: 30px; background: #0a9dd2; box-shadow: inset 0 0 60px #1d6c88; -webkit-box-shadow: inset 0 0 60px #1d6c88; -moz-box-shadow: inset 0 0 60px #1d6c88; color: #fff; font-weight: bold; } .extend_premium .paysys{ width: 228px; height: 70px; line-height:48px; background: #fff; border: 1px solid #e9e9e9; margin: 1px 0 0; text-align: center; font-size: 0; position: relative; } .extend_premium .paysys img{ filter: grayscale(100%); -webkit-filter: grayscale(30%); position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; max-height:60px; max-width:180px; } */ .paybox a:hover .paysys{border: 1px solid #0a9dd2; transition: all linear .5s;} .paybox a:hover .paysys img{ opacity: 1; filter: grayscale(0%); -webkit-filter: grayscale(0%); transition: all linear .5s; } /************************ End Premium***********************/ /******************* Start donwloads ***********************/ .player{ width: 600px; height: 360px; background: url(../images/player.jpg); } .picture{ width: 600px; overflow: hidden; } .picture a img{ position: relative; max-width:600px; transition: .3 all ease; } .picture a img:hover{transition: all 0.2s linear 0s; opacity:0.8; background: #000; } .fileinfo{ margin-bottom: 40px; } .fileinfo ul li{ clear: both; padding: 8px 0; } .fileinfo ul li .infoname{ font-size: 15px; color: #aaaaaa; width: 110px; display: block; float: left; } .fileinfo ul li .infoname + span{ font-size: 15px; color: #5f5f5f; float: left; width: 250px; } .snap { font-size: 15px; color: #aaaaaa; width: 110px; display: block; } .snap + span { margin-top: 14px; width: 360px; display: block; } .snap + span a img{ float: left; width: 150px; height: 100px; margin-left: 10px; } .snap + span a:first-child img{ margin-left: 0; } #fileinfoarch{ width: 100%; overflow: hidden; position: relative; } #fileinfoarch #grad{ background: url('../images/grad.png') bottom no-repeat; width: 100%; height: 100px; position: absolute; bottom:-5px; } #showallarch{ cursor: pointer; } #fileinfoarch ul li{ clear: both; padding: 8px 0; } #fileinfoarch ul li .infoname{ font-size: 15px; color: #5f5f5f; width: 110px; display: block; float: left; } #fileinfoarch ul li .infoname + span{ font-size: 15px; color: #aaaaaa; float: right; } /******************* start dload tabs *******************/ .sharetabs ul.tabs { height: 25px; line-height: 25px; list-style: none; margin: 20px 0 0; display: block; width: 600px; } .sharetabs .tabs li { text-align: center; float: left; display: inline; margin: 0 0px 0px 0; padding: 0px 0px 0px; width: 110px; color: #118BB6; cursor: pointer; font-size: 13px; border: 1px solid #e2e2e2; /*border-left: 1px solid #fff;*/ border-left: none; position: relative; line-height: 25px; background: #f3f3f3; min-width: none; max-width: none; } .sharetabs .tabs li:hover{ transition:all 0.1s linear; background: #f0f0f0; } .sharetabs .tabs li.current { color: #828282; background: #f0f0f0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; /*font-weight: bold; */ font-size: 13px; border-bottom: 1px solid #f0f0f0; } .sharetabs .tabs li:first-child{ border-left: 1px solid #e2e2e2; } .sharetabs .box { display: none; background: #f0f0f0; width: 588px; padding: 5px; border: 1px solid #e4e4e4; margin-top: 1px; } .sharetabs .box.visible { display: block; } .sharetabs .tabcontent .flashupload, .sharetabs .tabcontent .uploadfile{ text-align: center; } .sharetabs .tabcontent .uploadfile .browsebtn, .sharetabs .tabcontent .flashupload .browsebtn{ margin: 50px auto; } .sharetabs .tabcontent .uploadbtn{ margin: 20px; } .sharetabs .tosread{ font-size: 12px; padding: 0px 0px 4px; vertical-align: middle; } /*** end dload tabs ***/ /******************* End Downloads *************************/ /******************* START TABS *******************/ ul.tabs { height: 50px; line-height: 50px; list-style: none; margin: 20px 0 0; display: table; width: 980px; } .tabs li { text-align: center; display: table-cell; margin: 0 0px 0px 0; padding: 0px 0px 0px; max-width: 100%; min-width: 70px; width: 200px; color: #777; cursor: pointer; font-size: 15px; border: 1px solid #e2e2e2; /*border-left: 1px solid #fff;*/ border-left: none; position: relative; line-height: 50px; background: #f3f3f3; } .tabs li:hover{ transition:all 0.1s linear; background: #f3f3f3; color: #8f8f8f; } .tabs li.current { color: #999; background: #f3f3f3; box-shadow: inset 0 0 50px #e6e6e6; -webkit-box-shadow: inset 0 0 50px #e6e6e6; -moz-box-shadow: inset 0 0 50px #e6e6e6; /*font-weight: bold; */ } .tabs li:first-child{ border-left: 1px solid #e2e2e2; } .box { display: none; /*background: url('../images/border.jpg') left top no-repeat, url('../images/border.jpg') right top no-repeat;*/ width: 936px; padding: 20px; } .box.visible { display: block; } .tabcontent .flashupload, .tabcontent .uploadfile{ text-align: center; } .tabcontent .uploadfile .browsebtn, .tabcontent .flashupload .browsebtn{ margin: 50px auto; } .tabcontent .uploadbtn{ margin: 20px; } .tosread{ font-size: 12px; padding: 0px 0px 4px; vertical-align: middle; } /******************* Start upload button *******************/ .uploadbtn{ position: relative; cursor: pointer; transition:all 0.3s ease; width: 200px; height: 65px; color: #fff; background: #0a9dd2; box-shadow: inset 0 0 60px #1d6c88; -webkit-box-shadow: inset 0 0 60px #1d6c88; -moz-box-shadow: inset 0 0 60px #1d6c88; font-size: 19px; font-weight: bold; border: 0; } .uploadbtn .bicon{ float: left; width: 65px; height: 65px; position: absolute; display: block; margin: 0; padding: 0; left: 0; top: 0; box-shadow: inset 0 0 50px #1d6c88; -webkit-box-shadow: inset 0 0 50px #1d6c88; -moz-box-shadow: inset 0 0 50px #1d6c88; background: #0a9dd2; } .uploadbtn .btext{ line-height: 65px; float: left; width: 135px; height: 65px; position: absolute; display: block; top: 0; left: 65px; } .uploadbtn .barrow { position: absolute; transition: all .2s linear; -webkit-transition: all .2s linear; /** Chrome & Safari **/ -moz-transition: all .2s linear; /** Firefox **/ -o-transition: all .2s linear; /** Opera **/ } .uploadbtn .van { top: 20px; left: 26px; } .uploadbtn .vanb { position: absolute; top: 30px; left: 20px; } .uploadbtn:hover{ transition:all 0.5s linear; background: #17b6f0; box-shadow: inset 0 0 60px #1d6c88; -webkit-box-shadow: inset 0 0 60px #1d6c88; -moz-box-shadow: inset 0 0 60px #1d6c88; } .uploadbtn:hover .move-top{ transform: translate(0,-10px); -webkit-transform: translate(0,-10px); /** Chrome & Safari **/ -o-transform: translate(0,-10px); /** Opera **/ -moz-transform: translate(0px,-10px); /** Firefox **/ opacity: .2; } .uploadbtn:hover .bicon{ background: #17b6f0; transition:all 0.5s linear; } /******************* end upload button *******************/ /******************* start download button *******************/ .downloadbtn{ position: relative; cursor: pointer; transition:all 0.3s ease; width: 280px; height: 55px; color: #fff; background: #3074B5; /*box-shadow: inset 0 0 60px #1d6c88; -webkit-box-shadow: inset 0 0 60px #1d6c88; -moz-box-shadow: inset 0 0 60px #1d6c88;*/ font-size: 19px; font-weight: bold; border: 0; margin: 20px 0; } .downloadbtn .bicon{ float: left; width: 65px; height: 55px; position: absolute; display: block; margin: 0; padding: 0; left: 0; top: 0; border-right:#a6bdd2 1px solid; background: #3074B5; /*box-shadow: inset 0 0 60px #1d6c88; -webkit-box-shadow: inset 0 0 60px #1d6c88; -moz-box-shadow: inset 0 0 60px #1d6c88;*/ } .downloadbtn .btext{ letter-spacing: 0.3px; line-height: 55px; float: left; width: 200px; /*height: 65px;*/ position: absolute; display: block; top: 0; left: 60px; } .downloadbtn .barrow { position: absolute; transition: all .2s linear; -webkit-transition: all .2s linear; /** Chrome & Safari **/ -moz-transition: all .2s linear; /** Firefox **/ -o-transition: all .2s linear; /** Opera **/ } .downloadbtn .van { top: 15px; left: 26px; } .downloadbtn .vanb { position: absolute; top: 30px; left: 20px; } .downloadbtn:hover{ transition:all 0.5s linear; background: #0c4882; box-shadow: inset 0 0 80px #0c4882; -webkit-box-shadow: inset 0 0 80px #0c4882; -moz-box-shadow: inset 0 0 80px #0c4882; } .downloadbtn:hover .move-bot{ transform: translate(0,8px); -webkit-transform: translate(0,8px); /** Chrome & Safari **/ -o-transform: translate(0,8px); /** Opera **/ -moz-transform: translate(0px,8px); /** Firefox **/ } .downloadbtn:hover .bicon{ background: #0c4882; transition:all 0.5s linear; } /******************* end download button *******************/ /******************* Start browse button *******************/ .browsebtn input[type="file"]{ width: 200px; height: 65px; opacity: 0; filter: alpha(opacity=0); position: absolute; left: 0; top: 0; z-index: 10000; cursor: pointer; } .browsebtn{ position: relative; transition:all 0.3s ease; width: 200px; height: 65px; color: #fff; background: #3074b5; box-shadow: inset 0 0 60px #245686; -webkit-box-shadow: inset 0 0 60px #245686; -moz-box-shadow: inset 0 0 60px #245686; font-size: 19px; font-weight: bold; border: 0; } .browsebtn .bicon{ float: left; background: #000; width: 65px; height: 65px; position: absolute; display: block; margin: 0; padding: 0; left: 0; top: 0; box-shadow: inset 0 0 50px #245686; -webkit-box-shadow: inset 0 0 50px #245686; -moz-box-shadow: inset 0 0 50px #245686; background: #0a9dd2; } .browsebtn .btext{ line-height: 65px; float: left; width: 135px; height: 65px; position: absolute; display: block; top: 0; left: 65px; } .browsebtn .bfolder { position: absolute; transition: all .2s linear; -webkit-transition: all .2s linear; /** Chrome & Safari **/ -moz-transition: all .2s linear; /** Firefox **/ -o-transition: all .2s linear; /** Opera **/ } .browsebtn .van { display: block; width: 27px; height: 15px; background: #fff; top: 30px; left: 20px; } .browsebtn .vanb { position: absolute; top: 22px; left: 20px; } .browsebtn:hover{ transition:all 0.5s linear; background: #17b6f0; box-shadow: inset 0 0 60px #44a0f7; -webkit-box-shadow: inset 0 0 60px #44a0f7; -moz-box-shadow: inset 0 0 60px #44a0f7; } .browsebtn:hover .move{ transform: perspective(30px) rotateX(-40deg); -webkit-transform: perspective(30px) rotateX(-40deg); /** Chrome & Safari **/ -o-transform: perspective(30px) rotateX(-40deg); /** Opera **/ -moz-transform: perspective(30px) rotateX(-40deg); /** Firefox **/ } .browsebtn:hover .bicon{ background: #17b6f0; transition:all 0.5s linear; } /******************* end browse button *******************/ .section {margin-bottom: 20px;} /******************* END TABS *******************/ .servinfo{color:#a2a2a2;text-align: center; width: 100%;display: block; height: 50px;} /******************* START TABLES *******************/ table a:link {} table { font-size:13px; margin:0 auto; margin-top: 20px; border-collapse: collapse;} table th {padding:10px; text-align: center; border:#ccc 1px solid;background: #e8e8e8; height: 25px;} table th:first-child{text-align: left;padding-left:10px;} table tr{text-align: left;} table tr td {padding:7px 10px; background: #fafafa;background:#fbfbfb; border:#e4e4e4 1px solid;} table tr.even td{background: #f6f6f6;} table tr:hover td{background: #f2f2f2; } table.filepanel a:link {} table.filepanel { width:100%; font-size:13px; background:#eaebec; margin:0 auto; border:#ccc 1px solid; margin-top: 0px; border-collapse: collapse;} table.filepanel th {padding:10px; text-align: center; border:#ccc 1px solid;background: #e8e8e8; height: 25px;} table.filepanel tr{text-align: left;} table.filepanel tr td:first-child {padding:10px; background: #f2f2f2; border:#e4e4e4 1px solid;text-align: left} table.filepanel tr td {padding-top:10px; padding-left: 20px; background: #f2f2f2; border:#e4e4e4 1px solid;text-align: left} ul#sharebuttons li a { display: block; width: 24px; height: 24px; transition: none; } ul#sharebuttons li a.fb {background: url(../images/social.jpg) 0px 96px;} ul#sharebuttons li a.fb:hover {background: url(../images/social.jpg) 24px 96px;} ul#sharebuttons li a.tw {background: url(../images/social.jpg) 0px 72px;} ul#sharebuttons li a.tw:hover {background: url(../images/social.jpg) 24px 72px;} ul#sharebuttons li a.gplus {background: url(../images/social.jpg) 0px 48px;} ul#sharebuttons li a.gplus:hover {background: url(../images/social.jpg) 24px 48px;} ul#sharebuttons li a.vk {background: url(../images/social.jpg) 0px 24px;} ul#sharebuttons li a.vk:hover {background: url(../images/social.jpg) 24px 24px;} ul#sharebuttons li { float: left; padding: 0 5px 0 0; } ul#sharebuttons li:last-child{ padding: 0; } .filepanel .report{ font-size: 11px; float: left; padding: 0px 10px; } .filepanel .report a{ color: #ad725b; text-decoration: none; } .filepanel .report a:hover{ color: #d29178; } .dfile{ width: 516px; float: left; padding: 5px 0 0px 10px; } .dfilename{ font-size: 20px; float: left; } .statd{ display: block; text-align: center; font-size: 15px; color: #aaaaaa; } .statd + span{ display: block; text-align: center; font-size: 15px; } .folders{ float: left; width: 320px; } .files{ margin-left: 20px; float: left; width: 640px; } a:link{text-decoration:none;} .folders table a:link{text-decoration:none; font-weight: bold;} .folders table, .files table { font-size:13px; background:#fff; margin:0 auto; border:#e4e4e4 1px solid; margin-top: 20px; border-collapse: collapse;} .folders table { width: 335px } .folders table th{padding:7px; text-align: center; border:#e4e4e4 1px solid;background: #f2f2f2; height: 25px;} .files table th, tr.hdr td {padding:7px; text-align: center; border:#e4e4e4 1px solid;background: #f2f2f2; height: 32px;font-weight:bold;} .folders table th:first-child{text-align: left;} .folders table tr, .files table tr{text-align: left; box-shadow: 0 0 20px #f0f0f0 inset; -webkit-box-shadow: 0 0 20px #f0f0f0 inset -moz-box-shadow: 0 0 20px #f0f0f0 inset;} .folders table tr td:first-child{} .folders table tr td, .files table tr td {background: #fafafa;background:#fbfbfb; border:#e4e4e4 1px solid; text-align: center; height: 10px;padding: 5px 7px;} .folders table tr td.icontd, .files table tr td.icontd{padding: 0 10px;width: 5px;} .folders table tr.actionpanel, .files table tr.actionpanel{border: 1px solid #fff;box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; text-align: left;} .folders table tr.actionpanel td, .files table tr.actionpanel td{border: 1px solid #fff;box-shadow: none; -webkit-box-shadow:none; -moz-box-shadow: none; padding:0;text-align: left;} .folders table tr.actionpanel td:hover, .files table tr.actionpanel td:hover{background:#fff;} .folders table tr td.howfiles {font-size: 11px; border-left: 0;} .folders table tr td.howfiles img{margin-right: 4px;} .folders table tr td.filename, .files table tr td.filename{border-right: 0; text-align: left; width: 100%;} .folders table tr.tablesep, .files table tr.tablesep{height: 10px;border: 1px solid #fff;box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;} .folders table tr.backfolder{} .folders table tr.curfolder{} .folders table tr.curfolder td.foldername{font-weight: bold; border:#e4e4e4 1px solid;background: #f2f2f2; text-align: left;} .folders table tr.curfolder td.foldername a{ display: block; background: none repeat scroll 0% 0% #FFF; height: 18px; line-height: 18px; float: right; width: 80px; text-align: center; box-shadow: 0px 0px 20px #E8E8E8 inset; -webkit-box-shadow: 0px 0px 20px #E8E8E8 inset; -moz-box-shadow: 0px 0px 20px #E8E8E8 inset; border: 1px solid #C8C8C8; font-weight: normal; font-size: 11px; } .folders table tr.curfolder td.foldername a img{margin-right: 7px;} .folders table tr:last-child td{ } .folders table tr:hover td, .files table tr:hover td{background: #f2f2f2; } .files table tr td.tdinfo{font-size: 11px;} .files table tr th.diamond img{padding: 0 0 4px 0;} .files .copymove{ border: 1px solid #C8C8C8; background: #F0F0F0; color: #838383; box-shadow: 0px 0px 20px #D5D5D5 inset; -webkit-box-shadow: 0px 0px 20px #D5D5D5 inset; -moz-box-shadow: 0px 0px 20px #D5D5D5 inset; height: 21px; padding: 4px; text-align: center; } .folders table input[type="button"], input[type="submit"], input[type="button"]{ /*height: 21px; padding: 2px 5px 3px; font-size: 11px; color: #fff; text-shadow: 0 1px 0 #116583; background: #3074B5; box-shadow: 0 0 19px #1b7899 inset; -webkit-box-shadow: 0 0 19px #1b7899 inset; -moz-box-shadow: 0 0 19px #1b7899 inset; border: 1px solid #307d99; cursor: pointer; display: inline-block;*/ padding: 10px 20px; font-size: 13px; color: #fff; background: #3074B5; border: 1px solid #307d99; cursor: pointer; display: inline-block; font-weight: 500; border-radius: 3px; box-shadow: 0 1px 3px #888; } input[type="submit"], input[type="button"]{ box-shadow: 0 1px 5px #666; } .folders table input[type="button"]:hover, .files table input[type="button"]:hover{ box-shadow: 0 0 30px #1b7899 inset; -webkit-box-shadow: 0 0 30px #1b7899 inset; -moz-box-shadow: 0 0 30px #1b7899 inset; transition: .3s all ease; } input[type="submit"]:hover, input[type="button"]:hover{ box-shadow: 0 1px 5px #666; background:#22629e; } .files label{ float: left; display: block; width: 97px; height: 29px; border: 1px solid #c8c8c8; background: #f0f0f0; color: #838383; box-shadow: inset 0 0 20px #d5d5d5; -webkit-box-shadow: inset 0 0 20px #d5d5d5; -moz-box-shadow: inset 0 0 20px #d5d5d5; line-height: 29px; padding: 0 0 0 10px; font-size: 13px; } .files label + select{ position: relative; left:-1px; float: left; display: block; width: 398px; height: 31px; border: 1px solid #c8c8c8; background: #fff; color: #838383; box-shadow: inset 0 0 20px #e2e2e2; -webkit-box-shadow: inset 0 0 20px #e2e2e2; -moz-box-shadow: inset 0 0 20px #e2e2e2; line-height: 30px; padding: 0 0 0 10px; font-size: 13px; } .files label + select > option{ padding:8px; } .folders .freespace{ margin: 30px 0 0 0; width: 100%; height: 49px; } .folders .freespace span{ font-size: 13px; float: left; } .folders .freespace span+span{ font-size: 13px; float: right; } .folders .freespace .indicator{ position: relative; width: 100%; border:#e4e4e4 1px solid; background: #f2f2f2; height: 17px; margin: 10px 0 0 0; text-align: left; } .folders .freespace .indicator .occupied{ background: #229ec9; /* Old browsers */ background: -moz-linear-gradient(top, #229ec9 0%, #1b98c4 50%, #118bb6 50%, #118bb6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#229ec9), color-stop(50%,#1b98c4), color-stop(50%,#118bb6), color-stop(100%,#118bb6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #229ec9 0%,#1b98c4 50%,#118bb6 50%,#118bb6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #229ec9 0%,#1b98c4 50%,#118bb6 50%,#118bb6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #229ec9 0%,#1b98c4 50%,#118bb6 50%,#118bb6 100%); /* IE10+ */ background: linear-gradient(to bottom, #229ec9 0%,#1b98c4 50%,#118bb6 50%,#118bb6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#229ec9', endColorstr='#118bb6',GradientType=0 ); /* IE6-9 */ position: absolute; height: 17px; } .files .search{ margin: 30px 0 0 0; border:#e4e4e4 1px solid; background: #f2f2f2; padding: 7px; height: 33px; } .files .search input[type="text"]{ width: 573px; float: left; } .files .search input[type="text"] + input[type="submit"], input[type="button"].searchbtn { position: relative; width: 32px; display: inline-block; cursor: pointer; box-shadow: 0 0 19px #1b7899 inset; -webkit-box-shadow: 0 0 19px #1b7899 inset; -moz-box-shadow: 0 0 19px #1b7899 inset; border: 1px solid #307d99; background: #0a9dd2 url(../images/icon_search.png) no-repeat scroll 50% 50%; color: #838383; margin-left: 7px; } .files .search input{ height: 32px; } .folders_list input{ height: 30px; } .files .search input[type="text"] + input[type="submit"]:hover{ transition: all .1s linear; box-shadow: inset 0 0 30px #1b7899; -webkit-box-shadow: inset 0 0 30px #1b7899; -moz-box-shadow: inset 0 0 30px #1b7899; border: 1px solid #307d99; } /******************* END TABLES *******************/ .clear{ clear: both; } .uploadfile { margin-left: auto; margin-right: auto; } input { margin: 2px; } .search input, .folders_list input, .advanced input, .copymove input { margin: 0px; } .tabberlive .tabbertabhide {display:none;} .tabber {} .tabberlive {margin-top:1px;} ul.tabbernav{margin:0;padding: 3px 0;border-bottom: 1px solid rgba(0,0,0,.06);} ul.tabbernav li{list-style: none;margin: 0;display: inline;width: 110px;} ul.tabbernav li a {background: #f3f3f3; border: 1px solid rgba(0,0,0,.06); padding: 3px 3px;border-bottom: none;border-left:none;text-decoration: none;} ul.tabbernav li a:link { color: #66A; border: 1px solid rgba(0,0,0,.06); padding: 3px 3px;border-bottom: none;border-left:none;text-decoration: none;} ul.tabbernav li a:first-child {border-left: 1px solid rgba(0,0,0,.06);} ul.tabbernav li a:visited { color: #667; } ul.tabbernav li a:hover{color: #828282;border-color: rgba(0,0,0,.06);} ul.tabbernav li.tabberactive a{background-color: #f0f0f0;border-bottom: 1px solid #fff;color: #828282;} ul.tabbernav li.tabberactive a:hover{background: white;border-bottom: 1px solid white;} .tabberlive .tabbertab {padding:5px;border-top:0;background-color:#FFF;text-align:center;} .tabberlive .tabbertab h2 {display:none;} h2 { margin-bottom: 3px; } td, th { white-space: nowrap; } .tbl1 .search-results td, .tbl1 .search-results:hover td { background: #ff9; } #search-dialog { display: none } .btext { white-space: nowrap } .comment_body { text-align: left; } .settings table { margin: 0; } .settings table tr td { } .settings .tabs li { border-bottom: none; } .settings .sharetabs .box { width: 820px; } .settings .mods .box { width: 810px; } .settings select { margin-bottom: 4px; } .settings ul.tabs { margin-left: auto; margin-right: auto; } .mods .tabs li { width: 50px; } #container > div { margin: auto; } #container { padding-bottom: 100px; } .srv_bad td, .srv_bad:hover td { background: #ddd; } #dl_bittorent .btext { left: 100px; } .progressbar-outer { margin: auto; } .file_block { table-layout: fixed; } .file_block td { text-align: center; width: 200px; } .icon { margin: auto; width:100px; height:90px; border:solid 1px #C3C3C3;position:relative;background:#FFFFFF;padding:1px;text-align:left } .icon a:link, .icon a:visited { height:90px;width:100%;display:block; } .icon a:hover { display:block;position:absolute;z-index:999;width:160px;height:140px;border:solid 1px #C3C3C3; } .ok { font:bold 13px Arial;color:#1b1; } #leftcontent{float:left;width:480px;} #rightcontent{float:right;width:480px;} .invisible td { border: 0px; } .invisible tr:hover td { background: #fff } .invisible td:hover { background: auto } #show_advanced { padding: 5px; margin-top: 0; margin: 0 auto; text-align: left; } #show_advanced a { margin-left: 3px } #upload_controls { margin-top: 0 } .hide { display: none }