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: 0px;
padding: 0px;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
#container {
padding-bottom: 0px;
}
.page-buffer {
height: 0px;
}
* html .wrapper {
}
ol, ul {
list-style: none;
}
a img {border: none}
aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block}
@font-face{
font-family:'Candara';
src:url("font/Candara.eot");
src:url("font/Candara.eot?#iefix") format("embedded-opentype"),url("font/Candara.woff") format("woff"),url("font/Candara.ttf") format("truetype"),url("font/Candara.svg#Candara") format("svg");
font-weight:normal;
font-style:normal;
}
@font-face{
font-family:'Candarab';
src:url("font/Candarab.eot");
src:url("font/Candarab.eot?#iefix") format("embedded-opentype"),url("font/Candarab.woff") format("woff"),url("font/Candarab.ttf") format("truetype"),url("font/Candarab.svg#Candarab") format("svg");
font-weight:normal;
font-style:normal;
}
@font-face{
font-family:'OpenSans-Bold';
src:url("font/OpenSans-Bold.eot");
src:url("font/OpenSans-Bold.eot?#iefix") format("embedded-opentype"),url("font/OpenSans-Bold.woff") format("woff"),url("font/OpenSans-Bold.ttf") format("truetype"),url("font/OpenSans-Bold.svg#OpenSans-Bold") format("svg");
font-weight:normal;
font-style:normal;
}
@font-face{
font-family:'OpenSans-BoldItalic';
src:url("font/OpenSans-BoldItalic.eot");
src:url("font/OpenSans-BoldItalic.eot?#iefix") format("embedded-opentype"),url("font/OpenSans-BoldItalic.woff") format("woff"),url("font/OpenSans-BoldItalic.ttf") format("truetype"),url("font/OpenSans-BoldItalic.svg#OpenSans-BoldItalic") format("svg");
font-weight:normal;
font-style:normal;
}
@font-face{
font-family:'OpenSans-ExtraBold';
src:url("font/OpenSans-ExtraBold.eot");
src:url("font/OpenSans-ExtraBold.eot?#iefix") format("embedded-opentype"),url("font/OpenSans-ExtraBold.woff") format("woff"),url("font/OpenSans-ExtraBold.ttf") format("truetype"),url("font/OpenSans-ExtraBold.svg#OpenSans-ExtraBold") format("svg");
font-weight:normal;
font-style:normal;
}
@font-face{
font-family:'OpenSans-ExtraBoldItalic';
src:url("font/OpenSans-ExtraBoldItalic.eot");
src:url("font/OpenSans-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"),url("font/OpenSans-ExtraBoldItalic.woff") format("woff"),url("font/OpenSans-ExtraBoldItalic.ttf") format("truetype"),url("font/OpenSans-ExtraBoldItalic.svg#OpenSans-ExtraBoldItalic") format("svg");
font-weight:normal;
font-style:normal;
}
@font-face{
font-family:'OpenSans-Italic';
src:url("font/OpenSans-Italic.eot");
src:url("font/OpenSans-Italic.eot?#iefix") format("embedded-opentype"),url("font/OpenSans-Italic.woff") format("woff"),url("font/OpenSans-Italic.ttf") format("truetype"),url("font/OpenSans-Italic.svg#OpenSans-Italic") format("svg");
font-weight:normal;
font-style:normal;
}
@font-face{
font-family:'OpenSans-Light';
src:url("font/OpenSans-Light.eot");
src:url("font/OpenSans-Light.eot?#iefix") format("embedded-opentype"),url("font/OpenSans-Light.woff") format("woff"),url("font/OpenSans-Light.ttf") format("truetype"),url("font/OpenSans-Light.svg#OpenSans-Light") format("svg");
font-weight:normal;
font-style:normal;
}
@font-face{
font-family:'OpenSans-LightItalic';
src:url("font/OpenSans-LightItalic.eot");
src:url("font/OpenSans-LightItalic.eot?#iefix") format("embedded-opentype"),url("font/OpenSans-LightItalic.woff") format("woff"),url("font/OpenSans-LightItalic.ttf") format("truetype"),url("font/OpenSans-LightItalic.svg#OpenSans-LightItalic") format("svg");
font-weight:normal;
font-style:normal;
}
@font-face{
font-family:'OpenSans-Regular';
src:url("font/OpenSans-Regular.eot");
src:url("font/OpenSans-Regular.eot?#iefix") format("embedded-opentype"),url("font/OpenSans-Regular.woff") format("woff"),url("font/OpenSans-Regular.ttf") format("truetype"),url("font/OpenSans-Regular.svg#OpenSans-Regular") format("svg");
font-weight:normal;
font-style:normal;
}
@font-face{
font-family:'OpenSans-Semibold';
src:url("font/OpenSans-Semibold.eot");
src:url("font/OpenSans-Semibold.eot?#iefix") format("embedded-opentype"),url("font/OpenSans-Semibold.woff") format("woff"),url("font/OpenSans-Semibold.ttf") format("truetype"),url("font/OpenSans-Semibold.svg#OpenSans-Semibold") format("svg");
font-weight:normal;
font-style:normal;
}
@font-face{
font-family:'OpenSans-SemiboldItalic';
src:url("font/OpenSans-SemiboldItalic.eot");
src:url("font/OpenSans-SemiboldItalic.eot?#iefix") format("embedded-opentype"),url("font/OpenSans-SemiboldItalic.woff") format("woff"),url("font/OpenSans-SemiboldItalic.ttf") format("truetype"),url("font/OpenSans-SemiboldItalic.svg#OpenSans-SemiboldItalic") format("svg");
font-weight:normal;
font-style:normal;
}
/************************ Basics ************************/
html, body {
height: 100%;
margin: 0;
padding: 0;
}
body {
font-family: 'OpenSans-Regular';
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: 30px; color: #404040; line-height: 40px;margin: 0 0 10px 0; font-family:"OpenSans-Regular";}
h3{font-size: 18px; color: #686868;margin: 0 0 10px 0;}
h4{font-size: 16px; font-weight:bold;margin: 0 0 10px 0;}
.wrapper {
min-height: 100%;
margin: 0 auto -105px;
}
#header {
position: relative;
background: #f7f7f9;
width: 100%;
height: 50px;
display: block;
border-bottom:1px solid #d9dbe4;
}
#wheader {
position: relative;
background: #444444;
width: 100%;
height: 38px;
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: 387px;
height: 244px;
background: url(../images/cloud-white.png) repeat;
position: relative;
margin: 80px auto 10px;
color: #6b899d;
font-size: 15px;
}
.prompic a{display:block; height:100%;}
.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: #83b9db; /* 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: 50px auto;
text-align: center;
width: 70%;
}
.container1 {
width: 94%;
margin: 0 auto;
margin-left: auto;
margin-right: auto;
background-color: transparent;
position: relative;
}
#content{
width: 980px;
}
#contentfull{
width: 980px;
}
#sidebar-left {
float: left;
width: 320px;
}
#sidebar-right {
float: right;
width: 320px;
}
.leftcol{
float: left;
width: 100%;
margin: 20px 0;
}
.rightcol{
margin: 20px 0 0;
float: left;
width: 100%;
}
/************************ End Layout ************************/
.leftcol .sharetabs{background:#fff; border:1px solid #c4c4c4; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; width:100%;}
#comments{background:#fff; border:1px solid #c4c4c4; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-top:10px; margin-bottom:10px; width:100%;}
.HolderInner{margin:10px; padding:10px; text-align:left; color:#595959; font-weight:bold; background:#f7f7f7; border:1px solid #e4e4e4;}
#comments h2{margin-bottom:0px;}
#comments h2 span{background:#f7f7f7; border:1px solid #e4e4e4; border-bottom:0px; padding:10px 15px; color:#616161; font-size:16px; text-transform:capitalize; font-weight:normal;}
/************************ Navigation Menu ************************/
/** Footer menu**/
.copyright{
color:#fff;
font-size:11px;
font-family:'OpenSans-Regular';
text-align:center;
display:none;
position:absolute;
width:100%;
bottom:0px;
}
.copyright a{
color:#d6d6d6;
}
#fmenu{
text-align: center;
line-height: 30px;
margin: 10px 0 0 5px;
display: inline-block;
}
#fmenu ul{
text-align: center;
float:left;
width:25%;
}
#fmenu ul li{
display: block;
float: left;
margin-left: 10px;
text-align: left;
width: 100%;
}
#fmenu ul li a{
color:#545454;
font-size:13px;
text-decoration:none;
font-family:"OpenSans-Regular";
}
#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;
margin-top:10px;
}
#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: 20px;
}
#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:13px;
padding: 5px 10px 5px 10px;
text-align:center;
text-decoration: none;
color: #343434;
font-family:"OpenSans-Regular";
}
a.btn_blue{ background:#4692c3; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#fff!important; text-decoration:none;}
* 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: 37px;
padding: 5px 0px 0 0px;
/*font-size: 10px;*/
color: #fff;
}
#wmenu ul li:last-child::after{
content: "";
}
#wmenu ul li:hover > a{
transition:all 0.3s ease;
color: #ebebeb;
}
#wmenu ul li a{
float:left;
transition:all 0.3s ease;
font-size:13px;
padding: 5px;
text-align:center;
text-decoration: none;
color: #fff;
}
* 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:10px 10px;
margin-left:2px;
transition:all 0.3s ease;
position: relative;
}
#language ul li:hover{transition:all 0.3s ease;
background-color: #1f1f1f;
border-radius:5px 5px 0px 0px;
-moz-border-radius:5px 5px 0px 0px;
-webkit-border-radius:5px 5px 0px 0px;
}
#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: 30px;
display: none;
float:left;
padding: 0px;
}
#language ul li a
{
float:left;
transition:all 0.3s ease;
font-size:13px;
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:13px;
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-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: 146px;
height: 30px;
background: url(../images/logo-grey.png) no-repeat;
margin-top: 12px;
/*cursor: url('../images/homecur.cur'), auto;*/
cursor:pointer;
}
.InnerHolder{width:100%; text-align:left; margin-top:50px!important;}
#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;
color: #fff;
font-size: 15px;
font-weight: normal;
text-decoration: none;
background: #4692c3;
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: #4692c3;
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:#f7f7f9;
border-top:1px solid #d9dbe4;
width: 100%;
color: #747474;
}
#footernav{}
#footernav ul li{
float: left;
line-height: normal;
margin-right: 15px;
font-weight: bold;
}
.flogo{
margin: 30px 0 5px;
width: 127px;
height: 25px;
float: right;
}
.social{
float: right;
clear:both;
line-height:20px;
}
.social div{
float:left;
margin-right:5px;
font-size:13px;
color:#545454;
font-family: "OpenSans-Regular";
}
.leftintab{
float: left; /*width: 545px;*/
}
.advanced{
float: right;
width: 320px;
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;
}
.rrd select {
position: relative;
left:-1px;
height:29px;
border: 1px solid #e6e6e6;
background: #fff;
color: #838383;
line-height: 15px;
padding: 0 0 0 3px;
font-size: 13px;
width:100%;
}
.rrd input[type="text"],
.rrd input[type="password"]{
position: relative;
left:-1px;
height: 29px;
border: 1px solid #e6e6e6;
background: #ffffff;
color: #838383;
line-height: 15px;
padding: 0 0 0 3px;
font-size: 13px;
width:auto;
}
select {
position: relative;
left:-1px;
height: 29px;
border: 1px solid #e6e6e6;
background: #fff;
color: #838383;
line-height: 15px;
padding: 0 0 0 3px;
font-size: 13px;
width:100%;
}
input[type="text"],
input[type="password"]{
position: relative;
left:-1px;
height: 29px;
border: 1px solid #e6e6e6;
background: #ffffff;
color: #838383;
line-height: 15px;
padding: 0 0 0 3px;
font-size: 13px;
width:auto;
}
.advanced input[type="text"],
.advanced input[type="password"]{
height: 30px;
width:auto;
}
.advanced select{
height: 32px;
}
.advanced label + select {
width: 162px;
}
.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;
}
.rrd textarea{
position: relative;
border: 1px solid #e6e6e6;
background: #fff;
color: #838383;
line-height: 20px;
padding: 3px 5px 3px 5px;
font-size: 13px;
width:100%;
}
textarea{
position: relative;
border: 1px solid #e6e6e6;
background: #fff;
color: #838383;
line-height: 20px;
padding: 3px 5px 3px 5px;
font-size: 13px;
width:auto;
}
textarea:active,
textarea:focus{
border-color: #9a9a9a;
}
.splash{background-image: url(../images/bg.png);}
/********************** 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;
direction:ltr;
}
.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;
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;
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: 48px;
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{
opacity: .6;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
position:absolute;
margin:auto;
top:0;
bottom:0;
left:0;
right:0;
max-height:40px;
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: 4px 0;
}
.fileinfo ul li .infoname{
font-size: 15px;
color: #808080;
width: 110px;
display: block;
float: left;
text-align:left
}
.fileinfo ul li .infoname + span{
font-size: 15px;
color: #808080;
float: left;
/*width: 250px;*/
}
.snap {
font-size: 15px;
color: #808080;
/*width: 110px;*/
text-align:left;
display: block;
}
.snap + span {
margin-top: -14px;
/*width: 360px;*/
display: block;
float:right;
}
.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: 35px;
line-height: 35px;
list-style: none;
margin: 0px 0 0;
display: block;
/*width: 600px;*/
border-bottom: 1px solid #e4e4e4;
}
.sharetabs .tabs li {
text-align: center;
float: left;
display: inline;
margin: 0 0px 0px 0;
padding: 0px 0px 0px;
width: 130px;
color: #616161;
cursor: pointer;
font-size: 16px;
border: 1px solid #e2e2e2;
/*border-left: 1px solid #fff;*/
border-left: none;
position: relative;
line-height: 35px;
background: #f3f3f3;
min-width: none;
max-width: none;
font-family:"Candara";
}
.sharetabs .tabs li:hover{
transition:all 0.1s linear;
background: #f0f0f0;
}
.sharetabs .tabs li.current {
color: #616161;
background: #f7f7f7;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
/*font-weight: bold; */
font-size: 16px;
border-bottom: 0px solid #f0f0f0;
}
.sharetabs .tabs li:first-child{
border-left: 1px solid #e2e2e2;
}
.sharetabs .box {
display: none;
background: #f7f7f7;
/*width: 100%;
padding:10px 0px;*/
border: 1px solid #e4e4e4;
border-top:0px;
margin-top: 1px;
margin:0px;
}
.sharetabs .section{margin:10px;}
.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: 7px;
margin-bottom:0px;
display: table;
width: auto;
}
.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: #616161;
cursor: pointer;
font-size: 17px;
border-bottom: 1px solid #e4e4e4;
/*border-left: 1px solid #fff;*/
border-left: none;
position: relative;
line-height: 50px;
background: #f7f7f7;
font-family:"Candara";
}
.tabs li:hover{
transition:all 0.1s linear;
background: #f3f3f3;
color: #8f8f8f;
}
.tabs li.current {
color: #616161;
background: #ebebeb;
border-bottom:0px;
/*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;
width: auto;
padding: 0px;
background: #ebebeb none repeat scroll 0 0;
border:1px solid #e4e4e4;
border-top:0px;
margin: 7px;
margin-top:0px;
padding:10px;
}
.box.visible {
display: block;
}
.tabcontent .flashupload,
.tabcontent .uploadfile{
text-align: center;
}
.tabcontent .uploadfile .browsebtn,
.tabcontent .flashupload .browsebtn{
margin: 0px auto;
}
.tosread{
font-size: 12px;
padding: 0px 0px 4px;
vertical-align: middle;
}
.compare_table{border:1px solid #cecece; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:4px; float:left; width:99%; font-family:"Candara";}
.compare_table div{float:left; width:20%!important;}
.compare_table div ul{ padding-bottom:15px;}
.compare_table div ul li{line-height:31px;}
.compare_table div ul li img{vertical-align:middle;}
.compare_table div.features{width:20%!important;}
.compare_table div.features h2{color:#383838; font-size:24px; text-align:right; padding-right:5%; margin-top:15px; margin-bottom:10px;}
.compare_table div.features ul{}
.compare_table div.features ul li{ text-align:right; color:#8f8f8f; font-size:16px; padding-right:5%;}
.compare_table div.features ul li:nth-child(2n+1){background:#f9f9f9;}
.compare_table div.free_plan h2{color:#6b6b6b; font-size:24px; text-align:center; margin-top:15px; margin-bottom:10px;}
.compare_table div.free_plan{background-color:#f4f4f4;}
.compare_table div.free_plan ul li{ text-align:center; color:#6b6b6b; font-size:16px;}
.compare_table div.free_plan ul li:nth-child(2n+1){background:#eeeeee;}
.compare_table div.premium_plan h2{color:#fff; font-size:24px; text-align:center; margin-top:15px; margin-bottom:10px;}
.compare_table div.premium_plan{background-color:#4692c3;}
.compare_table div.premium_plan ul li{ text-align:center; color:#fff; font-size:16px;}
.compare_table div.premium_plan ul li:nth-child(2n+1){background:#5b9cc6;}
.compare_table div.registered_plan h2{color:#525252; font-size:24px; text-align:center; margin-top:15px; margin-bottom:10px;}
.compare_table div.registered_plan{background-color:#dbdbdb;}
.compare_table div.registered_plan ul li{ text-align:center; color:#525252; font-size:16px;}
.compare_table div.registered_plan ul li:nth-child(2n+1){background:#d7d7d7;}
.payments{margin-bottom:10px!important; margin-top:20px!important; float:left;}
.lft{ float:left;}
.lft h2{ font-size:30px; color:#000000; font-family:"Candara"; text-align:left;}
.rgt{ float:right;}
/*.tab_menu{color:#000000; border:1px solid #000000; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:35px; margin-top:3px;}*/
.tab_menu a{ color:#000000; font-size:15px; line-height:35px; display:inline-block; margin:0px; padding:0px 8px;border-radius:5px 0px 0px 5px; -moz-border-radius:5px 0px 0px 5px; -webkit-border-radius:5px 0px 0px 5px; padding:0px 6px; border:1px solid #000; border-right:0px;}
/*.tab_menu a{ background:#ff0000;}*/
.tab_menu a:last-child{border-radius:0px 5px 5px 0px; -moz-border-radius:0px 5px 5px 0px; -webkit-border-radius:0px 5px 5px 0px; padding:0px 9px 0px 8px; border-right:1px solid #000;}
.tab_menu a.Active{ background:#000; color:#fff;}
.payment_table{border:1px solid #cecece; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:4px; float:left; width:99%; font-family:"OpenSans-Regular";}
.payInner{ float:left;}
.payInner .section{ background:#fdfdfd; border:1px solid #4692c3; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin:3px;}
.payInner .section .paybox{ margin:3px;}
.paybox .price{background:#4692c3; color:#f7f7f7; font-size:48px; height:96px; border-radius:3px 3px 0px 0px; -moz-border-radius:3px 3px 0px 0px; -webkit-border-radius:3px 3px 0px 0px; line-height:55px;}
.paybox .price .days{color:#e7e7e7; font-size:18px; line-height:20px;}
.paybox a .paysys{padding:10px 0px;}
.paybox .paysys img{
opacity: .6;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}
.paybox a:hover .paysys{border: 0px solid #0a9dd2; transition: all linear .5s;}
.paybox a:hover .paysys img{
opacity: 1;
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
transition: all linear .5s;
}
.paybox a:nth-child(2n+0) .paysys{ background:#f7f7f7;}
/******************* Start upload button *******************/
.uploadbtn{
position: relative;
cursor: pointer;
transition:all 0.3s ease;
width: 175px;
height: 36px;
color: #fff;
background:#4692c3;;
/*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: 20px;
font-weight: normal;
border: 0;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.uploadbtn .bicon{
float: left;
width: 55px;
height: 36px;
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: 36px;
float: left;
width: auto;
height:36px;
position: absolute;
display: block;
top: 0;
left: 55px;
}
.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: 8px;
left: 15px;
}
.uploadbtn:hover{
transition:all 0.5s linear;
background: #4692c3;
/*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 *******************/
.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 2;
top: 0;
left: 0;
background-color: #111;
overflow-x: hidden;
transition: 0.5s;
padding-top: 20px;
text-align:center;
}
.sidenav a {
padding: 8px 8px 8px 8px;
text-decoration: none;
font-size: 16px!important;
color: #818181;
display: block;
transition: 0.3s;
border-bottom:1px dotted #acacac;
}
.sidenav a:hover{
color: #f1f1f1;
}
.sidenav .closebtn {
position: absolute;
top: 22px;
right: 25px;
font-size: 36px;
margin-left: 50px;
padding: 3px 6px 8px;
background:#f00;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.open{
font-size:20px;
cursor:pointer;
position:absolute;
color:#fff;
padding:6px 8px 6px 8px;
background:#4692c3;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
right:55px;
top:10px;
display:none;
z-index:1;
}
/******************* start download button *******************/
.downloadbtn{
position: relative;
cursor: pointer;
transition:all 0.3s ease;
width: 300px;
height: 57px;
color: #fff;
background: #64b126;
/*box-shadow: inset 0 0 60px #587c29;
-webkit-box-shadow: inset 0 0 60px #587c29;
-moz-box-shadow: inset 0 0 60px #587c29;*/
font-size: 20px;
font-weight: bold;
border: 0;
margin: 20px 0;
font-family:"Candara";
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
cursor:pointer;
}
.downloadbtn .bicon{
float: left;
width: 72px;
height: 57px;
position: absolute;
display: block;
margin: 0;
padding: 0;
left: 0;
top: 0;
/*background: #64b126;*/
text-align:right;
/*box-shadow: inset 0 0 60px #587c29;
-webkit-box-shadow: inset 0 0 60px #587c29;
-moz-box-shadow: inset 0 0 60px #587c29;*/
}
.downloadbtn .btext{
letter-spacing: 0.3px;
line-height: 62px;
float: left;
width: 200px;
height: 57px;
position: absolute;
display: block;
top: 0;
left: 70px;
font-weight:normal;
}
.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: 15px;
left: 40px;
}
.downloadbtn:hover{
transition:all 0.5s linear;
/*background: #64b126;
box-shadow: inset 0 0 80px #587c29;
-webkit-box-shadow: inset 0 0 80px #587c29;
-moz-box-shadow: inset 0 0 80px #587c29;*/
}
.downloadbtn:hover .move-bot{
transform: translate(0,8px);
}
.downloadbtn:hover .bicon{
transition:all 0.5s linear;
}
/******************* end download button *******************/
/******************* Start browse button *******************/
.browsebtn input[type="file"]{
width: 175px;
height: 36px;
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: 180px;
height: 36px;
color: #fff;
background: #4692c3;
/*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: 20px;
font-weight: bold;
border: 0;
font-family:20px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.browsebtn .bicon{
float: left;
width: 55px;
height: 36px;
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: #4692c3;*/
}
.browsebtn .btext{
line-height: 36px;
float: left;
width: auto;
height: 36px;
position: absolute;
display: block;
top: 0;
left: 55px;
font-weight:normal;
}
.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;
top: 30px;
left: 20px;
}
.browsebtn .vanb {
position: absolute;
top: 8px;
left: 15px;
}
.browsebtn:hover{
transition:all 0.5s linear;
background: #4692c3;
/*box-shadow: inset 0 0 60px #1d6c88;
-webkit-box-shadow: inset 0 0 60px #1d6c88;
-moz-box-shadow: inset 0 0 60px #1d6c88;*/
}
.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:#7e7e7e;text-align: center; width: 100%;display: block; height: 50px;}
/******************* START TABLES *******************/
table a:link {}
table { font-size:13px; margin:20px auto; border-collapse: collapse;}
table th {padding:10px; text-align: center; border:#ccc 1px solid;background: #444; height: 25px; color: white; }
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; }*/
div.filepanel{ background:#fff; border:1px solid #c4c4c4; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; width:100%;}
div.filepanel .sec{ padding:15px; border-right:1px solid #dedede; min-height:50px; width:10%}
div.filepanel .sec:first-child{width:56%}
div.filepanel .sec:last-child{width:12%; border:0px; padding-right:0px;}
table.filepanel a:link {}
table.filepanel { width:100%; font-size:13px; background:#eaebec; margin:0 auto; border:#ccc 1px solid; margin-top: 20px; 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}
.filepanel ul li a {
display: block;
width: 24px;
height: 24px;
transition: none;
}
.filepanel ul li a.fb {background: url(../images/social.jpg) 0px 96px;}
.filepanel ul li a.fb:hover {background: url(../images/social.jpg) 24px 96px;}
.filepanel ul li a.tw {background: url(../images/social.jpg) 0px 72px;}
.filepanel ul li a.tw:hover {background: url(../images/social.jpg) 24px 72px;}
.filepanel ul li a.gplus {background: url(../images/social.jpg) 0px 48px;}
.filepanel ul li a.gplus:hover {background: url(../images/social.jpg) 24px 48px;}
.filepanel ul li a.vk {background: url(../images/social.jpg) 0px 24px;}
.filepanel ul li a.vk:hover {background: url(../images/social.jpg) 24px 24px;}
.filepanel ul li {
float: left;
padding: 0 5px 0 0;
}
.filepanel ul li:last-child{
padding: 0;
}
.filepanel .report{
font-size: 11px;
float: left;
padding: 0px 10px;
}
.filepanel .report a{
color: #ff0000;
text-decoration: none;
font-size:12px;
}
.filepanel .report a:hover{
color: #d29178;
}
.dfile{
/*width: 516px;*/
float: left;
padding: 5px 0 0px 10px;
}
.dfilename{
font-size: 18px;
float: left;
color:#404040;
}
.upinfo, .upinfo a{font-size: 12px; text-align:left; color:#818181;}
.statd{
display: block;
text-align: center;
font-size: 15px;
color: #404040;
text-transform:capitalize;
}
.statd + span{
display: block;
text-align: center;
font-size: 15px;
}
#sharebuttons{ margin-top:14px;}
.folders{
float: left;
width: 97%;
border:1px solid #c0c0c0;
}
.files{
margin-left: 0px;
float: left;
width: 100%;
height:100%;
}
.filesInner{
border:1px solid #c0c0c0;
}
.AcctSelect{
float: left;
margin-left: 1.5%;
width: 50%;
}
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 0px solid; margin-top: 0px; border-collapse: collapse;}
.folders table { width: 100%; }
.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 0px solid; border-bottom:1px solid #555; background: #fff; height: 42px;font-weight:bold; font-size:13px; color:#4692c3; /*text-transform:uppercase;*/}
.folders table th:first-child{text-align: left;}
.folders table tr,
.files table tr{text-align: left; box-shadow: 0 0 0px #f0f0f0 inset;
-webkit-box-shadow: 0 0 0px #f0f0f0 inset;
-moz-box-shadow: 0 0 0px #f0f0f0 inset;
background:#fff;}
.folders table tr td:first-child{}
.folders table tr td,
.files table tr td {/*background: #fafafa;*/background:#fff; border:#e4e4e4 0px solid; border-bottom:1px solid #dddddd; text-align: center; height: 35px;padding: 5px 7px; font-family:"OpenSans-Regular"; font-size:13px;}
.folders table tr td.icontd,
.files table tr td.icontd{padding: 0 10px;width: 5px;}
.folders table tr.actionpanel,
.files table tr.actionpanel{border: 0px 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: 0px 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: 0px 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 0px solid; border-bottom:1px solid #555555; background: #fff; text-align: left; height:42px;}
.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: #f7f7f7; }
.files table tr td.tdinfo{font-size: 11px;}
.files table tr th.diamond img{padding: 0 0 4px 0;}
.files .copymove{
border: 0px solid #C8C8C8;
background: #fff;
color: #838383;
box-shadow: 0px 0px 0px #D5D5D5 inset;
-webkit-box-shadow: 0px 0px 0px #D5D5D5 inset;
-moz-box-shadow: 0px 0px 0px #D5D5D5 inset;
/*height: 21px;*/
padding: 0px 4px;
text-align: center;
}
.folders table input[type="button"],
input[type="submit"],
input[type="button"]{
/*height: 28px;*/
line-height:30px;
padding: 0px 10px 0px;
font-size: 13px;
color: #fff;
background: #4692c3;
border: 0px solid #307d99;
cursor: pointer;
display: inline-block;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin:2px 0px;
}
.files table input[type="submit"],
.files table input[type="button"]{
height: 28px;
line-height:28px;
padding: 0px 10px 0px;
font-size: 13px;
color: #fff;
background: #4a4a4a;
border: 0px solid #307d99;
cursor: pointer;
display: inline-block;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin:2px 0px;
}
.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;
}
.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;
}
.freespace{
float: left;
height: 41px;
margin: 0 0 0 6px;
padding: 6px 8px;
width: 47%;
}
.freespace span{
font-size: 13px;
float: left;
font-family:"OpenSans-Regular";
color:#595959;
}
.freespace span+span{
font-size: 13px;
float: right;
font-family:"OpenSans-Regular";
color:#595959;
}
.freespace .indicator{
position: relative;
width: 100%;
border:#e4e4e4 0px solid;
background: #e7e7e7;
height: 5px;
margin: 10px 0 0 0;
text-align: left;
}
.freespace .indicator .occupied{
background: #4692c3; /* Old browsers */
background: -moz-linear-gradient(top, #4692c3 0%, #4692c3 50%, #4692c3 50%, #4692c3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4692c3), color-stop(50%,#4692c3), color-stop(50%,#4692c3), color-stop(100%,#4692c3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4692c3 0%,#4692c3 50%,#4692c3 50%,#4692c3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4692c3 0%,#4692c3 50%,#4692c3 50%,#4692c3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4692c3 0%,#4692c3 50%,#4692c3 50%,#4692c3 100%); /* IE10+ */
background: linear-gradient(to bottom, #4692c3 0%,#4692c3 50%,#4692c3 50%,#4692c3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4692c3', endColorstr='#4692c3',GradientType=0 ); /* IE6-9 */
position: absolute;
height: 5px;
}
#publish_link{background:#fff; border:1px solid #4692c3; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:3px; color:#4a4a4a; font-family:"OpenSans-Semibold";box-shadow: 0 0 0px #e8e8e8 inset;}
.createFolder input.input1{ width:65%;box-shadow: 0 0 0px #e2e2e2 inset; border:1px solid #e8e8e8; color:#595959; font-size:13px;}
.createFolder input.f-btn-green{ background:#494949;}
.search input.input1{ width:80%;
box-shadow: 0 0 0px #e2e2e2 inset; border:1px solid #e8e8e8; color:#595959; font-size:13px;}
.search input.f-btn-green{ background:#494949;}
.search{
float: left;
height: 33px;
margin: 0;
padding:10px 8px;
width: 47%;
}
.search input[type="text"]{
/*width: 573px;*/
float: left;
}
.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: #fff;
background:#494949;
margin-left: 0px;
box-shadow: 0 0 0px #e2e2e2 inset;
}
.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;
}
table.tbl1 tr.hdr td{background:#444; border:#c0c0c0 1px solid; text-align: center; height: 32px;padding: 0px 7px; color:#fff; font-size:13px;}
table.tbl1 tr.hdr td a{color:#fff; font-size:13px; text-decoration:underline;}
table.tbl1 tr td{/*background:#fff; */border:#c0c0c0 1px solid; /*text-align: center;*/ height: 32px;padding: 0px 7px; color:#444; font-size:13px; font-family:"OpenSans-Regular";}
/******************* END TABLES *******************/
.clear{
clear: both;
}
.uploadfile {
margin-left: auto;
margin-right: auto;
background:#fff;
border:1px solid #e4e4e4;
padding-top:40px;
}
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{background:#f7f7f7; border:1px solid #c4c4c4; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; width:100%;}
.settings table {
margin: 0;
}
.settings table tr td {
border:1px solid #dddddd;
border-left:0px;
border-right:0px;
text-align:left;
vertical-align:middle;
background:#fff;
padding-top:5px;
padding-bottom:5px;
}
.settings table tr:hover td{background:#fff;}
.settings table tr.hdr td, .settings table tr.hdr td:hover{background:#444444;}
.settings table tr td b{color:#808080; font-weight:normal;}
.settings table.tbl1 tr.hdr td{text-align:left; text-transform:capitalize;}
.settings table tr td:first-child{padding-left:20px; width:20%; padding-top:5px; padding-bottom:5px;}
.settings .tabs li {
border-bottom: none;
}
.settings .sharetabs .tabs li{width:auto; padding:0px 10px;}
.settings .sharetabs .box {
/*width: 820px;*/
padding:0px;
}
.settings .mods .box {
/*width: 810px;*/
}
.settings select {
margin-bottom: 4px;
}
.settings ul.tabs {
margin-left: auto;
margin-right: auto;
border:0px;
}
.mods .tabs li {
width: 90px;
}
#container > div {
margin: auto;
}
.srv_bad td, .srv_bad:hover td {
background: #ddd;
}
#dl_bittorent .btext {
left: 100px;
}
.progressbar-outer {
margin: 0 2em 0 2em;
}
.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;
}
.err {
font:bold 13px Arial;color: #911;
}
.rrd{ background:#f7f7f7; border:1px solid #c4c4c4; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.rrd table{ color:#404040; font-family:"OpenSans-Regular"; font-size:13px;}
.rrd table tr td{text-align:left!important;}
.rrd table tr td small{ font-size:12px; color:#333333;}
.rrd table tr td table{width:100%!important; margin:0px!important;}
.rrd table tr td table tr td{padding:0px!important;}
.rrd table tr td table tr td b{font-weight:normal!important;}
.rrd table h2{ margin-bottom:0px!important; font-size:24px;}
.rrd table tr td select{margin-top:5px;}
.cont_text{width:85%; margin:auto; text-align:left;}
.overflow{/*overflow:scroll;*/ margin:2px 5px;}
.tableFlow{margin:2px 5px;}
.table_border{
border: 1px solid #c4c4c4;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background:#fff;
/*float:left;
width:100%;*/
margin-top:20px;
padding:1px
}
.table_border table.tbl1{width:100%!important; margin:2px auto;/* background:#999;*/ border:0px;}
.table_border table.tbl1 tr.hdr td{background:#444;border: 1px solid #c0c0c0; border-bottom:0px; border-top:0px;}
.table_border table.tbl1 tr.hdr td:first-child{border-left:0px solid #c0c0c0;}
.table_border table.tbl1 tr.hdr td:last-child{border-right:0px solid #c0c0c0;}
.table_border table.tbl1 tr td{background:#fff; border:1px solid #c0c0c0;}
.table_border table.tbl1 tr td:first-child{border-left:0px solid #c0c0c0;}
.table_border table.tbl1 tr td:last-child{border-right:0px solid #c0c0c0;}
.table_border-small{
border: 1px solid #c4c4c4;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background:#fff;
/*float:left;
width:100%;*/
margin-top:20px;
padding:1px;
width:600px;
margin:auto;
}
.table_border-small div.overflow{width:auto; margin-bottom:0px; padding-bottom:10px;}
.table_border-small table.tbl1{width:100%!important; margin:2px auto;/* background:#999;*/ border:0px!important;}
.table_border-small table.tbl1 tr.hdr td{background:#444;border: 1px solid #c0c0c0; border-bottom:0px; border-top:0px;}
.table_border-small table.tbl1 tr.hdr td:first-child{border-left:0px solid #c0c0c0;}
.table_border-small table.tbl1 tr.hdr td:last-child{border-right:0px solid #c0c0c0;}
.table_border-small table.tbl1 tr td{background:#fff; border:1px solid #c0c0c0; border-top:0px; padding:7px 5px!important}
.table_border-small table.tbl1 tr td:first-child{border-left:0px solid #c0c0c0;}
.table_border-small table.tbl1 tr td:last-child{border-right:0px solid #c0c0c0;}
#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 }
.hide2 { display: none }
/*td.editor:hover {
background: white;
}*/
tr.editor td {
background: white !important;
}
/*tr.editor td:hover {
background: white !important;
}*/
.has-new {
font-weight: bold;
}
input.bootstrap-compat { height: 25px; margin-left: 5px }
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
.downseclft{ width:62%; margin-top:20px;}
.downsecrgt{ width:37%;}
.downsecrgt .fileinfo{
background: #fff none repeat scroll 0 0;
border: 1px solid #c4c4c4;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.downsecrgt .fileinfo h2{ color:#000; margin:10px 25px 0px; text-align:left; font-size:22px; font-family:"Candara";}
.downsecrgt .fileinfo ul{ float:left; margin: 0 25px; width: 86%;}
.holderPanel{width: 100%;}
.SidemenuPanel{ display:none;}
.SidemenuPanel #logo{display:none; height:50px; background-color:#4692c3; width:100%; margin-top:0px; background-position:center; line-height:50px;}
.UserHead{
height: 30px;
margin-top: 12px;
float:left;
color:#343434;
font-size:16px;
font-family:"OpenSans-Regular";
display:none;
}
.UserHead span{ color:#c5c5c5; font-size:30px; position:relative; top:5px;}
.SidemenuPanel{ /*background:#444;*/ float:left;}
.SidemenuPanel ul.otherMenus{float:left; background:#444;}
.SidemenuPanel ul.otherMenus li{float:left; height:47px;line-height:47px; width:99%; text-align:left; border-left:2px solid #444444;
font-family:"OpenSans-Regular";
font-size:13px;}
.SidemenuPanel ul.otherMenus li:hover{background:#363636; cursor:pointer}
/*.SidemenuPanel ul.otherMenus li.active, */.SidemenuPanel ul.otherMenus li:hover{background:#363636; border-left:2px solid #131313; cursor:pointer}
.SidemenuPanel ul.otherMenus li.active a, .SidemenuPanel ul.otherMenus li.active a i, .SidemenuPanel ul.otherMenus li:hover a, .SidemenuPanel ul.otherMenus li:hover a i{
color:#fff;}
/*.SidemenuPanel ul.otherMenus li.active a i, .SidemenuPanel ul.otherMenus li:hover a i{ background:#363636;}*/
.SidemenuPanel ul.otherMenus li a i{
color: #c5c5c5;
font-size: 13px;
height: 22px;
margin-right:5px;
padding-left: 0;
padding-top: 8px;
text-align: center;
vertical-align: middle;
width: 30px;
}
.SidemenuPanel ul.otherMenus li a{color:#fefefe; padding-left:18px; font-size:13px; text-align:left; text-decoration:none; display:block;}
.SidemenuPanel ul.otherMenus li a:hover{color:#fff; text-decoration:none;}
.borders{border:1px solid #e1e1e1; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.gap{margin-top:10px;}
.gaptop{height:20px!important;}
.gaplft{margin-left:10px;}
.gaprgt{margin-right:10px;}
.padding{ padding:10px;}
.AcctBox{width:24%; float:left; min-height:134px;}
.AcctBoxInner{width:85%; margin:15px auto; text-align:left;}
.AcctBoxInner .txt1{color:#fefefe; font-size:18px; font-family:"OpenSans-Regular";}
.AcctBoxInner .txt2{color:#fefefe; font-size:36px; font-family:"OpenSans-Bold"; padding:18px 0px;}
.AcctBoxInner .txt3{color:#fefefe; font-size:13px; font-family:"OpenSans-Light"; background:url(../images/arrow-white.png) no-repeat; background-position:left; padding-left:20px;}
.AcctBoxInner input[type="button"]{
background:none repeat scroll 0 0;
border: 0 solid #307d99;
border-radius: 0px;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 13px;
height: auto;
margin: 2px 0;
padding: 0px;
}
.AcctBoxInner a{
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 13px;
margin: 2px 0;
padding: 0px;
}
.AcctBoxRows{ width:49.1%; float:left;}
.AcctBoxRowsInner{width:95%; margin:15px auto; text-align:left; color:#595959; font-weight:bold;}
.AcctBoxRowsInner a{font-weight:normal; text-decoration:none; color:#595959;}
.AcctBoxRows table{margin:3px auto; border:0px solid #c0c0c0; margin-bottom:20px;}
.AcctBoxRows table.tbl1 tr td, .AcctBoxRows table.tbl1 tr.hdr td{border:0px; text-align:left; padding:0px 15px;}
.AcctBoxRows table.tbl1 tr td, .AcctBoxRows table.tbl1 tr td b{color:#888888; font-family:"OpenSans-Light"; font-weight:normal; text-align:left;}
.AcctBoxRows table.tbl1 tr.hdr td{ color:#4692c3; border-bottom:1px solid #4692c3; background:#fff; text-transform:capitalize; font-family:"OpenSans-Semibold";}
.AcctBoxRows table.tbl1 tr td input[type=text], .AcctBoxRows table.tbl1 tr td input[type=password]{width:100%;}
.AcctBoxRows table.tbl1 tr td small{font-size:13px;}
.AcctBoxRows input[type=submit]{ background:#4a4a4a; font-weight:normal; text-transform:uppercase; font-family:"OpenSans-Light";}
.disbl, .disbl:hover{background:#00a65a; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#fff; font-size:12px; padding:3px 8px; text-decoration:none;}
.enbl, .enbl:hover{background:#ca1a00; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#fff; font-size:12px; padding:3px 8px; text-decoration:none;}
.ActSave{font-size:18px!important; padding: 2px 20px 3px!important; height:32px!important; line-height:32px;}
.bg1{background:#f4543c url(../images/boxBG1.png) no-repeat; background-position:right bottom;}
.bg2{background:#00a65a url(../images/boxBG2.png) no-repeat; background-position:right bottom;}
.bg3{background:#00c0ef url(../images/boxBG3.png) no-repeat; background-position:right bottom;}
.bg4{background:#0073b7 url(../images/boxBG4.png) no-repeat; background-position:right bottom;}
.mrgn{margin-left:0.65%; margin-right:0.65%;}
.mrgnTB{margin-top:0%; margin-bottom:0.65%;}
.mrgnlft{margin-left:0.7%; }
.mrgnrgt{margin-right:0.7%;}
.reports{color:#595959; font-size:13px; font-family:"OpenSans-Regular"; margin:auto;}
.reports i{font-size:16px; color:#4692c3;}
.reports input[type="text"], .reports input[type="password"] {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #e6e6e6;
color: #838383;
font-size: 13px;
height: 29px;
left: -1px;
line-height: 15px;
padding: 0 0 0 3px;
position: relative;
width: auto;
}
.reports input[type="submit"]{background:#4a4a4a;}
.splashHldr{margin-top:50px!important}
#upload_controls{width:485px;}
#files_list{width:530px;}
@media (min-width: 320px) and (max-width: 480px) {
.open{ display:block;}
footer{ display:none;}
#wheader{height:auto; float:left;}
#wmenu ul li{line-height:normal;}
#mainmenu ul li{display:none;}
#language ul li{display:block;}
#container{width:98%;}
a[target=_new] img{float: left; height: auto; margin: 0.6%; width: 32%;}
#content{width:98%;}
.prompic{background: rgba(0, 0, 0, 0) url("../images/cloud-white-sml.png"); width: 287px; height:181px;}
#fmenu ul{width:33%;}
footer{float:left;}
#fmenu ul li{margin-left:0px;}
.col-5 {
width: 85%;
}
.social {
clear: both;
float: right;
line-height: 20px;
margin-top: -25px;
width: 43%;
}
.flogo {
float: left;
height: 25px;
margin: 30px 0 5px;
width: 48%;
}
.SidemenuPanel{display:none;}
.sharetabs .tabs li{width:100%;border-left: 1px solid #e2e2e2;}
.settings .sharetabs .box {
overflow: scroll;
width:100%;
/*width: 294px;*/
}
.tabs li{width:100%; float:left;}
.rrd{width:95%!important}
.splashHldr{margin-top:25px!important}
#fmenu ul li::after{content: "";}
.AcctBox{width:100%;border-bottom: 10px solid #fff;}
.mrgnlft {
margin-left:0%;
}
.mrgnrgt {
margin-right: 0%;
}
.AcctBoxRows table.tbl1 tr td small {
font-size: 9px;
}
.AcctBoxRows{width:100%; margin-bottom:10px;}
input.addSite{width:150px!important}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {width: 100%;}
.createFolder{padding:10px 0px!important}
.folders{width:100%;}
.search{
margin: 10px 0 0;
padding: 10px 0;
width: 100%;
}
.search input.input1{margin-left: 4%;
width: 70%;}
.freespace {
margin: 10px 0 0;
padding: 6px 7px;
width: 95%;
}
.col-7{float:left;}
.filesInner{overflow:scroll;}
table.reports{width:90%;}
table.reports tr td{float:left; width:100%; padding:7px 0px;}
.reports input[type="text"], .reports input[type="password"]{width:80px;}
.free_plan, .registered_plan{display:none;}
.payment_table{width:97%;}
.compare_table{width:97%;}
.compare_table div {
width: 50% !important;
}
.compare_table div.features {
width: 50% !important;
}
.compare_table div.premium_plan h2{margin-bottom: 50px;}
.compare_table div ul li {
height: 50px;
line-height: 20px;
padding-top: 10px;
vertical-align: middle;
}
.lft h2{font-size: 22px; text-align:center}
div.filepanel .sec{width:100% !important;padding: 15px 0;border-bottom: 1px solid #dedede; border-right:0px solid #dedede;}
div.filepanel .sec:first-child img#icod{display:none!important;}
#sharebuttons {
float: none;
margin: auto;
text-align: center;
width: 115px;
}
downsecrgt {
margin-top: 20px;
width: 100%;
}
.downseclft {
float:left;
overflow: scroll;
width: 100%;
}
.downsecrgt {
margin-top: 10px;
width: 100%;
}
#advanced_opts input[type=text]{width:100px;}
#advanced_opts select{width:100px;}
#upload_controls{width:90%;}
#upload_controls input[type="file"] {
display: block;
height: 32px;
width: 83px;
left:34px!important;
}
#files_list{width:90%;}
.overflow{overflow:scroll; margin-bottom:30px;/* width:100%;*/}
.table_border{width:auto;}
}
@media (min-width: 320px) and (max-width: 480px) {
a[target=_new] img{float: left; height: auto; margin: 0.6%; width:31%;}
ul.tabs{width: 97%;}
.leftcol .sharetabs .section ul.tabs{width: 100%;}
.sharetabs .section ul.tabs{width: 100%;}
.settings table tr td:first-child{width:auto;}
}
@media (min-width: 320px) and (max-width: 600px) {
.table_border-small{ width:98%;}
}
@media (min-width: 1280px) {
.table_border-small{ width:68%;}
}
@media (min-width: 320px) and (max-width: 1024px) {
.tableFlow{overflow-x:scroll; padding-bottom:10px;}
}
@media (min-width: 600px) and (max-width: 800px) {
.open{ display:block;}
footer{ display:none;}
#wheader{height:auto; float:left;}
#wmenu ul li{line-height:normal;}
#mainmenu ul li{display:none;}
#language ul li{display:block;}
#container{width:98%;}
/*a[target=_new] img{float: left; height: auto; margin: 0.6%; width: 32%;}*/
#content{width:98%;}
/*.prompic{background: rgba(0, 0, 0, 0) url("../images/cloud-white-sml.png"); width: 287px; height:181px;}*/
#fmenu ul{width:33%;}
footer{float:left;}
#fmenu ul li{margin-left:0px;}
.col-5 {
width: 85%!important;
}
.col-9 {
width: 575px;
}
.social {
clear: both;
float: right;
line-height: 20px;
margin-top: -25px;
width: 43%;
}
.flogo {
float: left;
height: 25px;
margin: 30px 0 5px;
width: 48%;
}
.SidemenuPanel{display:none;}
.sharetabs .tabs li{width:100%;border-left: 1px solid #e2e2e2;}
.settings .sharetabs .box {
overflow: scroll;
float:left;
width:100%;
/*width: 294px;*/
}
.tabs li{width:140px; float:left; font-size:15px;}
/*.rrd{width:95%;}*/
.splashHldr{margin-top:25px!important}
#fmenu ul li::after{content: "";}
.AcctBox{width:49%;border-bottom: 10px solid #fff;}
.mrgnlft {
margin-left:0%;
}
.mrgnrgt {
margin-right: 0%;
}
.AcctBoxRows table.tbl1 tr td small {
font-size: 9px;
}
.bg3, .bg1{margin-left:0px; margin-right:2%;}
.bg2{margin:0px;}
.AcctBoxRows{width:100%; margin-bottom:10px;}
input.addSite{width:150px!important}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {width: 100%;}
.createFolder{padding:10px 0px!important}
.folders{width:100%;}
.search{
margin: 10px 0 0;
padding: 10px 0;
width: 100%;
}
.search input.input1{margin-left: 4%;
width: 70%;}
.freespace {
margin: 10px 0 0;
padding: 6px 7px;
width: 95%;
}
.col-7{float:left;}
.filesInner{overflow:scroll;}
.overflow{overflow:scroll; margin-bottom:30px; width:100%;}
table.reports{width:90%;}
/*table.reports tr td{float:left; width:100%; padding:7px 0px;}*/
.reports input[type="text"], .reports input[type="password"]{width:80px;}
/*.free_plan, .registered_plan{display:none;}*/
.payment_table{width:97%;}
.compare_table{width:97%;}
/*.compare_table div {
width: 50% !important;
}
.compare_table div.features {
width: 50% !important;
}*/
.compare_table div.premium_plan h2, .compare_table div.free_plan h2, .compare_table div.registered_plan h2{margin-bottom: 50px;}
.compare_table div ul li {
height: 50px;
line-height: 20px;
padding-top: 10px;
vertical-align: middle;
}
.payInner{ width:50%!important;}
.lft h2{font-size: 22px; text-align:center}
div.filepanel .sec{width:30% !important;padding: 15px 10px;border-bottom: 0px solid #dedede; border-right:1px solid #dedede;}
div.filepanel .sec:first-child {
width: 100% !important; border-bottom: 1px solid #dedede;
}
div.filepanel .sec:last-child {
border-bottom: 0px solid #dedede; border-right:0px;
}
#sharebuttons {
float: none;
margin: auto;
text-align: center;
width: 115px;
}
downsecrgt {
margin-top: 20px;
width: 100%;
}
.downseclft {
float:left;
overflow: scroll;
width: 100%;
}
.downsecrgt {
margin-top: 10px;
width: 100%;
}
#advanced_opts input[type=text]{width:100px;}
#advanced_opts select{width:100px;}
#upload_controls{width:90%;}
#upload_controls input[type="file"] {
display: block;
height: 32px;
width: 83px;
left:34px!important;
}
#files_list{width:90%;}
.table_border{width:auto;}
}
@media (min-width: 768px) and (max-width: 800px) {
.sharetabs .tabs li{width:113px; font-size:15px;}
}
@media (min-width: 980px) and (max-width: 1024px) {
.open{ display:none;}
#wheader{height:auto; float:left;}
/*#wmenu ul li{line-height:normal;}
#mainmenu ul li{display:none;}
#language ul li{display:block;}*/
#container{width:98%;}
/*a[target=_new] img{float: left; height: auto; margin: 0.6%; width: 32%;}*/
#content{width:98%;}
/*.prompic{background: rgba(0, 0, 0, 0) url("../images/cloud-white-sml.png"); width: 287px; height:181px;}*/
#fmenu ul{width:33%;}
footer{float:left;}
#fmenu ul li{margin-left:0px;}
/*.col-5 {
width: 85%;
}*/
.social {
clear: both;
float: right;
line-height: 20px;
margin-top: -25px;
width: 43%;
}
.flogo {
float: left;
height: 25px;
margin: 30px 0 5px;
width: 48%;
}
.SidemenuPanel{display:none;}
/*.sharetabs .tabs li{width:100%;border-left: 1px solid #e2e2e2;}*/
.settings .sharetabs .box {
overflow: scroll;
float:left;
width:100%;
/*width: 294px;*/
}
.tabs li{width:140px; float:left; font-size:15px;}
/*.rrd{width:95%;}*/
.splashHldr{margin-top:25px!important}
#fmenu ul li::after{content: "";}
.AcctBox{width:49%;border-bottom: 10px solid #fff;}
.mrgnlft {
margin-left:0%;
}
.mrgnrgt {
margin-right: 0%;
}
.AcctBoxRows table.tbl1 tr td small {
font-size: 9px;
}
.bg3, .bg1{margin-left:0px; margin-right:2%;}
.bg2{margin:0px;}
.AcctBoxRows{width:100%; margin-bottom:10px;}
input.addSite{width:150px!important}
/*.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {width: 100%;}*/
.createFolder{padding:10px 0px!important}
.folders{width:100%;}
.search{
margin: 10px 0 0;
padding: 10px 0;
width: 100%;
}
.search input.input1{margin-left: 4%;
width: 70%;}
.freespace {
margin: 10px 0 0;
padding: 6px 7px;
width: 95%;
}
.col-7{float:left;}
.filesInner{overflow:scroll;}
.overflow{overflow:scroll; margin-bottom:30px; width:100%;}
table.reports{width:90%;}
/*table.reports tr td{float:left; width:100%; padding:7px 0px;}*/
.reports input[type="text"], .reports input[type="password"]{width:80px;}
/*.free_plan, .registered_plan{display:none;}*/
.payment_table{width:99%;}
.compare_table{width:99%;}
.compare_table div.features h2{font-size:20px;}
/*.compare_table div {
width: 50% !important;
}
.compare_table div.features {
width: 50% !important;
}*/
/*.compare_table div.premium_plan h2, .compare_table div.free_plan h2, .compare_table div.registered_plan h2{margin-bottom: 50px;}*/
/*.compare_table div ul li {
height: 50px;
line-height: 20px;
padding-top: 10px;
vertical-align: middle;
}*/
/*.payInner{ width:50%!important;}*/
/*.lft h2{font-size: 22px; text-align:center}*/
/*div.filepanel .sec{width:100% !important;padding: 15px 0;border-bottom: 1px solid #dedede; border-right:0px solid #dedede;}*/
div.filepanel .sec{ padding:15px 10px; border-right:1px solid #dedede; min-height:50px; width:12%}
div.filepanel .sec:first-child{width:50%}
div.filepanel .sec:last-child{width:12%; border:0px; padding-right:0px;}
#sharebuttons {
float: none;
margin: auto;
text-align: center;
width: 115px;
}
/*downsecrgt {
margin-top: 20px;
width: 100%;
}
.downseclft {
float:left;
overflow: scroll;
width: 100%;
}
.downsecrgt {
margin-top: 10px;
width: 100%;
}*/
#advanced_opts input[type=text]{width:100px;}
#advanced_opts select{width:100px;}
#upload_controls{width:90%;}
#upload_controls input[type="file"] {
display: block;
height: 32px;
width: 83px;
left:34px!important;
}
#files_list{width:90%;}
.table_border{width:auto;}
.lft h2{font-size: 27px;}
.tab_menu{width:42%;}
.sharetabs .tabs li{font-size: 14px;width: 111px;}
#files_list table {
width: 480px;
}