@font-face {
font-family: 'OpenSans';
src:url('fonts/OpenSans-Regular.eot?-cky9kd');
src:url('fonts/OpenSans-Regular.eot?#iefix-cky9kd') format('embedded-opentype'),
url('fonts/OpenSans-Regular.woff?-cky9kd') format('woff'),
url('fonts/OpenSans-Regular.ttf?-cky9kd') format('truetype'),
url('fonts/OpenSans-Regular.svg?-cky9kd#OpenSans') format('svg');
}
body{
background-color: #F0F0F0;
color: #000;
font-size: 12px;
margin:0px;
padding: 0px;
font-family: OpenSans, Verdana, Tahoma, Arial, "Trebuchet MS", "Times New Roman", Georgia, sans-serif, serif;
}
input, select{
font-family:OpenSans, Verdana, Arial, Helvetica, sans-serif;font-size: 12px;
}
textarea{
font-family:OpenSans, Verdana, Arial, Helvetica, sans-serif;font-size: 12px;
overflow: auto;
}
form{
border: 0px solid #000;
display: inline;
margin: 0px;
padding: 0px;
}
img{
border: 0px solid #000;
vertical-align: middle;
}
.table-hover-moz{
border-collapse: separate !important;
border-spacing: 0px;
border-top: 1px solid #DDD;
}
table .td_font td{
font-family:OpenSans, Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
}
.hr{
text-align:right;
margin-bottom:10px;
border-bottom: 5px solid #E4E4E4;
text-align: right;
padding-left:10px;
padding-right:10px;
}
/* hf_theme.php the top row*/
.sai_softac_header{
background:url(../default/images/headerbg.gif);
height:35px;
color: #555555;
box-shadow: 0 5px 10px 0 #CCCCCC;
-webkit-box-shadow: 0px 5px 8px 0 #CCCCCC;
-moz-box-shadow: 0px 5px 5px 0 #CCCCCC;
}
.header_webuzo{
background:url(../default/images/headerbg.gif);
height:25px;
color: #555555;
}
.sai_softac_header a:link, .sai_softac_header a:visited, .sai_softac_header a:active, .sai_softac_header a:hover{
font-size:12px;
color: #555555;
text-decoration:none;
font-weight:bold;
font-family:OpenSans, Arial, Helvetica, sans-serif;
}
.headtd{
border-right:1px solid #AAAAAA;
}
.sai_search{
/*background: #fff url(../default/images/search_bar.gif) no-repeat right;*/
}
.sai_softsearch{
float:right;
cursor:pointer;
}
.sai_softinput_search{
height:20px;
border:none;
outline:none;
font-size:13px;
color:#000;
float:right;
background-color:transparent;
-webkit-transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
-ms-transition:all 0.3s linear;
-o-transition:all 0.3s linear;
}
.sai_softsearch img{
float:right;
}
.sai_softsearch:hover{
}
.sai_softsearch:hover .sai_softinput_search{
background-color:#f2f2f2;
}
.sai_softinput_search:focus{
background-color:#f2f2f2;
}
.sai_docktable{
height:75px;
}
.sai_softwares{
border-bottom:1px solid #e4e4e4;
}
.sai_softmenu{
border-right:1px solid #e4e4e4;
padding-left:15px;
}
.sai_notice, .sai_success {
background-color: #FAFBD9;
font-size:13px;
padding:8px;
text-align:center;
margin-bottom: 20px;
}
.sai_anotice{
width:98%;
height:auto;
margin:auto;
text-align:center;
padding:10px 0px;
background-color:#FFFFC1;
border:0px solid #aaa;
display:block;
text-decoration:none;
font-size:13px;
}
.sai_anotice a, .sai_anotice a img{
color:#333;
vertical-align:middle;
text-decoration:none;
}
.soft_nav{
height:50px;
font-family:OpenSans, Verdana, Tahoma, Arial, "Trebuchet MS", "Times New Roman", Georgia, sans-serif, serif;
background-color:#04101c !important;
color:#ffffff;
padding: unset;
}
.soft_nav a{
color:#FFF;
font-size:13px;
font-weight:bolder;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-ms-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
text-decoration:none;
}
.soft_nav a:hover{
color:#CCC;
}
#header_logo{
margin: 5px 0;
}
.soft_nav_selected{
border-bottom:2px solid #fff;
padding-bottom:3px;
}
.soft_nav_mob{
display:none;
width:100%;
background:#333;
position:absolute;
z-index: 1000; ">
text-align:left;
}
.soft_nav_mob a{
color:#FFF;
font-size:13px;
font-weight:bolder;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-ms-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
text-decoration:none;
}
.soft_nav_mob a:hover{
color:#CCC;
}
.about, .topscripts{
margin-right:10px;
cursor:pointer;
}
.left_panel{
margin:0;
padding:0;
border:0;
list-style:none;
font-weight:normal;
text-decoration:none;
line-height:1;
font-size:13px;
position:relative;
background-color:#333;
font-family:OpenSans, OpenSans, Verdana, Tahoma, Arial, "Trebuchet MS", "Times New Roman", Georgia, sans-serif, serif;
}
.left_panel_links ul{
height:auto;
text-align:left;
}
.softlinks li {
list-style:none;
margin-top:7px;
margin-left:-5px;
display:block;
cursor:pointer;
padding-bottom:2px;
padding-top:2px;
}
.softlinks li a {
font-size:13px;
color: #FFF;
margin: 0px;
display: block;
width: 100%;
height: 100%;
}
.sai_logo{
height:80px;
padding-top:8px;
}
.search{
background-color:#999;
}
.search_suggestion{
background-color:#f2f2f2;
}
img{
border:none;
}
#softcontent{
padding:15px 20px;
}
/* Softwares Slide Menu */
.soft_cathead {
cursor: pointer;
padding-left:10px;
}
.soft_cathead a:link, .soft_cathead a:visited, .soft_cathead a:active, .soft_cathead a:hover{
display: block;
font-size:14px;
color:#F2F2F2;
text-decoration:none;
outline:none;
}
.soft_cathead:hover, .soft_cathead_slide:hover{
background: #4096ee;
color:#ffffff;
}
.softlinks a:link, .softlinks a:visited, .softlinks a:active{
padding-left:0px;
color:#F2F2F2;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-ms-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
text-decoration:none;
}
.softlib a:link, .softlib a:visited, .softlib a:active{
padding: 8px 10px 8px 15px;
background: #fff url(../default/images/softarrow.gif) no-repeat right;
display: block;
color: #7c7e81;
text-decoration:none;
}
.softlinkscurrent a:link, .softlinkscurrent a:visited, .softlinkscurrent a:active{
border-left:#06C solid 4px;
padding-left:5px;
text-decoration:none;
}
.softlinks a:hover, .softlinkscurrent a:hover, .softlib a:hover{
color:#06C;
padding-left:5px;
text-decoration: none;
}
.cathide{
overflow: hidden;
display: block;
height:1px;
}
/* Ending - Softwares Slide Menu */
.welcome{
background:#373737;
padding:5px;
padding-left:10px;
padding-right:10px;
color:#f2f2f2;
font-size:13px;
float:right;
margin-bottom:10px;
border-radius:0 0 0 3px;
}
.welcome a:link, .welcome a:visited, .welcome a:active{
color:#FFF;
}
/* Softwares Tabs */
.clear{
clear:both;
}
.sai_tabs {
margin: 0;
padding: 0;
list-style: none;
height: 40px;
border-left: 1px solid #ccc;
width: 100%;
}
.sai_tabs a{
float: left;
margin: 0;
cursor: pointer;
height: 40px;
line-height: 40px;
border: 1px solid #ccc;
border-left: none;
/*border-top:none;*/
font-weight: bold;
overflow: hidden;
position: relative;
/*box-shadow:inset 0px 20px 10px #efefef;*/
text-align:center;
width:100%;
font-size:12px;
outline:none;
}
.sai_tab:hover{
background: #efefef;
}
.tab:hover{
background: #efefef;
}
.sai_insbut:hover{
background: #136AD5;
}
a.sai_tabbed:link, a.sai_tabbed:visited, a.sai_tabbed:active, a.sai_tabbed:hover, a.active{
background: #EFEFEF;
border-bottom:3px solid #447EDF;
/*border-bottom:1px solid #F9F9F9;*/
display: table-cell;
box-shadow:none;
/*box-shadow:inset 0px 20px 10px #FFF;*/
}
.sai_tabs a {
text-decoration:none;
}
.sai_new_insbut {
height:40px;
background:#447EDF;
font-size: 12px;
padding:10px;
font-weight:bold;
width:70%;
position:absolute;
text-align:center;
}
.sai_new_insbut a{
text-decoration: none;
color:#fff;
display:block;
}
.sai_new_insbut:hover{
background: #136AD5;
}
a.sai_insbut{
color:#FFF;
font-weight:bolder;
background: #6D9BF1;
border-bottom: 1px solid #447EDF;
vertical-align: middle;
box-shadow:none !important;
}
a.sai_insbutclicked, a.sai_insbut:hover{
color:#FFF;
background: #136AD5;
border-bottom: 1px solid #136AD5;
vertical-align: middle;
box-shadow:none !important;
}
a.sai_insbutpad{
padding:7px;
}
.sai_tab2{
text-decoration:none;
font-size: 13px;
font-weight: bold;
}
/* Ending - Softwares Tabs */
.sai_heading{
height:auto;
font-size:13px;
color:#000;
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
font-weight:bolder;
font-family: OpenSans, "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
vertical-align:middle;
}
.sai_process_heading{
height:auto;
font-size:20px;
font-weight:bold;
color:#333333;
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
font-family:OpenSans, "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
vertical-align:middle;
}
.sai_heading_full{
color:#333333;
font-size:13px;
font-weight:bold;
}
.sai_heading_full div img{
width:20px;
}
.sai_head{
font-weight:bold;
color:#676a6c;
font-family: OpenSans,Verdana,Tahoma,Arial,Georgia,sans-serif,serif;
font-size:13px;
}
.sai_head2{
font-weight:bold;
font-family: OpenSans,Verdana,Tahoma,Arial,Georgia,sans-serif,serif;
font-size:13px;
border:1px solid #fff;
}
.sai_main_head{
font-size:20px;
color: #676a6c;
font-family: OpenSans,Verdana,Tahoma,Arial,Georgia,sans-serif,serif;
}
.sai_sub_head{
font-size:16px;
color: #676a6c;
font-weight:bold;
font-family: OpenSans,Verdana,Tahoma,Arial,Georgia,sans-serif,serif;
margin-top:10px;
}
.sai_exp{
display:none;
opacity:1px;
padding:10px;
text-align:left;
border-radius:5px;
position:absolute;
color: #fff;
font-size:12px;
background:#666;
z-index: 1000; ">
}
.sai_exp2{
color: #777777;
}
.sai_qt{
font-size:12px;
font-weight:bold;
color:#333333;
margin-bottom:2px;
margin-top:7px;
padding:5px;
}
.sai_ans{
color:#555555;
padding:10px;
}
/* Calibri Head */
.sai_newhead{
font-family:OpenSans, Segoe UI, Calibri, Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
color: #333333;
}
.sai_feature_exp{
color: #666666;
line-height:150%;
}
/* DOM Window body */
.dwbody{
background-color:#F4F4F4;
border:solid 1px #CCCCCC;
}
/* DOM Window Header Handle */
.dwhc{
background:transparent url(../default/images/dwhc.gif) repeat-x scroll 0%;
height:27px;
}
/* DOM Window Header Left */
.dwhl{
background:url(../default/images/dwhl.gif);
width:4px;
}
/* DOM Window Header Right */
.dwhr{
background:url(../default/images/dwhr.gif);
width:4px;
}
/* DOM Window Bottom */
.dwb{
background:transparent url(../default/images/dwhc.gif) repeat-x scroll 0%;
height:15px;
}
.sai_bottom{
background-color: #DFDFDF;
}
.sai_cbor{
border: 1px solid #d6d6d6;background-color: #FFFFFF;
}
.sai_cbg{
background-image: url(../default/images/cbg.gif);
font-weight: bold;
font-size:13px;
color: #FFFFFF;
height:26px;
}
.sai_cbg a:link, .sai_cbg a:visited, .sai_cbg a:active{color: #FFFFFF;
text-decoration: none;}
.sai_cbg a:hover{color: #FFFFFF;
text-decoration: underline;
}
.sai_bg{
background-color:#FFFFe2;
border:5px solid #FEF994;
}
.pqr{
left:0px;
top:0px;
position:absolute;
width:500px;
visibility:hidden;
}
/* All forms error handler */
.sai_error{
background-color: rgb(230, 230, 230);
}
/* Suggest */
.suggestbox{
visibility:hidden;
position:absolute;
border:solid 1px #CCCCCC;
background-color:#FFFFFF;
color: #666666;
top:0px;
left:0px;
width:150px;
z-index:1;
line-height:150%;
}
a.suga:link, a.suga:visited, a.suga:active, a.suga:hover{
width:144px;
display:block;
text-decoration: none;
color: #666666;
background-color: #FFFFFF;
padding: 3px;
}
a.sugaon:link, a.sugaon:visited, a.sugaon:active, a.sugaon:hover{
background-color: #F8F8F8;
width:144px;
display:block;
text-decoration: none;
color: #666666;
padding: 3px;
}
/* Ending - Suggest */
/* DOCK */
.sai_dock{
list-style:none;
position:relative;
margin:0px auto;
}
.sai_dock li, .sai_dock a {
display:inline;
}
.sai_dock img{
display:block;
border:none;
width:0px;
height:0px;
position:absolute;
top:auto;
left:auto;
}
.sai_notes{
height:178px;
border:8px solid #DDDDDD;
overflow: auto;
padding:8px;
margin-top:4px;
}
/* NEWS */
.softnews{
overflow:auto;
display:block;
height:200px;
}
.softnews a:link, .softnews a:visited, .softnews a:active{
color: #4D7CC4;
text-decoration: none;
}
.softnews a:hover{
color: #4D7CC4;
text-decoration:underline;
}
.softnewshead{
padding:5px;
margin:2px;
background: #EFF1F1;
}
.softnewsblock{
font-size:13px;
padding-left:10px;
padding-top:4px;
padding-bottom:4px;
}
.newsheader{
background:url(../default/images/greybg.gif);
height:30px;
color:#565656;
font-size:13px;
font-weight:bold;
font-family: OpenSans, Helvetica, Verdana, Arial, sans-serif;
}
.news_content_header{
/*background: #5BA4E5; */
background: #333333;
font-size:14px;
color:#fff;
margin-top:20px;
padding:8px;
text-align:center;
}
.news_content{
height:220px;
padding:10px;
color:#222;
border:1px solid #ccc;
font-size:14px;
overflow:auto;
margin-bottom:20px;
background:#FFF;
}
/*NEWS END*/
.currentrating{
font-size:28px;
font-family: OpenSans, Calibri, Arial, Helvetica, sans-serif;
color: #454545;
cursor:pointer;
}
.ratehead, .revhead{
font-size:25px;
font-family: OpenSans, Calibri, Arial, Helvetica, sans-serif;
color: #09213E;
}
.ratetable{
background-color: #F0F0F0;
}
.ratebar{
background-color: #2a3072;
}
.revtable{
border:4px solid #eeeeee;
}
.reviewhead{
font-size:17px;
font-family:OpenSans, Calibri, Arial, Helvetica, sans-serif;
color: #454545;
border-bottom:1px solid #CCCCCC;
}
.revby{
background: #F6F6F6;
padding:4px;
color: #454545;
font-size:12px;
}
.revtxt{
color: #454545;
padding:8px;
}
.login_right {
background: url("../default/images/loginbackground.jpg") no-repeat scroll 0 0 transparent;
height: 230px;
width: 345px;
}
.sai_loginhead {
color: #444444;
font-size: 18px;
font-weight: 400;
}
.sai_loginmap{
background: url(../default/images/map.gif) no-repeat center;
height: 500px;
}
.sai_login_txt{
color: #666;
font-size:12px;
}
/********************************************************************
WE HAVE USED "!important" BECAUSE IT WAS CONFLICTED WITH THE INPUT CLASS
WHICH WE HAVE WRIITEN FOR THE TEXTBOXES AND ALL BELOW
*********************************************************************/
.sai_login_input {
background:none repeat scroll 0 0 #FFFFFF !important;
border:1px solid #CCCCCC !important;
font-size:18px !important;
margin-bottom:16px !important;
margin-right:6px !important;
margin-top:2px !important;
padding:6px !important;
width: 296px !important;
color:#666666 !important;
border-radius: 4px 4px 4px 4px !important;
}
input.sai_submit, a.sai_abut{
background:url(../default/images/submitbg.gif);
border:1px solid #A4B7FB;
padding:5px 8px;
font-size:12px;
font-family:OpenSans, Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
color: #555555;
-moz-border-radius: 4px;
text-decoration: none;
}
input.sai_submiton, .sai_abut:hover{
background:url(../default/images/submitbg.gif);
border:1px solid #5F97F5;
padding:5px 8px;
font-size:12px;
font-family:OpenSans, Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
color: #555555;
-moz-border-radius: 4px;
text-decoration: none;
}
.webuzo_icons a:link, .webuzo_icons a:visited, .webuzo_icons a:active {
color: #333333;
font-size: 11px;
text-decoration:none;
}
.ampps_icons a:link, .ampps_icons a:visited, .ampps_icons a:active{
color: #333333;
font-size: 13px;
text-decoration:none;
}
.sai_tit{
font-family:OpenSans, Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: 400;
color: #444444;
padding:18px;
}
.sai_summaryBlock, .sai_cbor{
background-color:#FFFFFF;
border:1px solid #CCCCCC;
}
.sai_summaryTitle, .sai_cbg {
background:url(../default/images/shg.gif) repeat;
color:#000000;
font-weight:bold;
height:23px;
padding-right:8px;
text-decoration:none;
}
/************************************/
/*CODE FOR DISPLAYING ALTERNATE ROWS*/
/************************************/
.sai_altrowstable, .sai_divroundshad {
color: #040C19;
font-size:12px;
border:#ccc 1px solid;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-moz-box-shadow: 0 1px 2px #d1d1d1;
-webkit-box-shadow: 0 1px 2px #d1d1d1;
box-shadow: 0 1px 2px #d1d1d1;
}
.sai_divroundshad{
background:#fff;
}
.sai_altrowstable{
background:#eaebec;
}
.sai_altrowstable tr td{
border-left: 1px solid #e0e0e0;
border-top: 1px solid #e0e0e0;
}
.sai_altrowstable a:link,
.sai_altrowstable a:visited {
font-weight:bold;
text-decoration:none;
}
.sai_altrowstable a:active,
.sai_altrowstable a:hover {
text-decoration:underline;
}
.sai_altrowstable th{
text-align:left;
height:22px;
}
.sai_altrowstable th a{
text-decoration:none;
}
.sai_tr_bgcolor:hover{
background: #efefef;
}
.sai_oddrowcolor{
border-top: 1px solid #ffffff;
border-bottom:1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
background: #fafafa;
background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
background: -moz-linear-gradient(top, #fbfbfb, #fafafa);
}
.sai_evenrowcolor{
background: #f6f6f6;
background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6);
}
.sai_message_box {
width: 300px;
background: #fff;
border: 4px solid #E8E8E8;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
position: absolute;
top: 100px;
left: 50%;
margin-left: -150px;
text-align: center;
z-index: 1000;
display: none;
padding: 10px;
}
.msg_tr1{
font-size: 15px;
font-weight: bold;
text-align:left;
}
.msg_tr2{
vertical-align:text-top;
}
.msg_tr3{
margin-left:200px;
background-color: #E8E8E8;
}
.message_bar input[type="button"] {
float: center;
margin-top: 30px;
}
.sai_suggestions{
z-index:1000;
}
.suggestIE{
background:#FFF;
border: 3px #EEEEEE solid;
}
.sai_boxgrid{
width: 200px;
height: 400px;
cursor:pointer;
float:left;
position: relative;
}
.sai_boxgrid2{
width: 200px;
height: 202px;
overflow: hidden;
box-shadow: 0px 0px 20px 1px #CCCCCC;
-webkit-box-shadow: 0px 0px 15px 1px #CCCCCC;
-moz-box-shadow: 0px 0px 12px 1px #CCCCCC;
border: 1px solid #EFEFEF;
position: relative;
}
.sai_classes_boxgrid{
height: 400px;
cursor:pointer;
float:left;
position: relative;
width:300px
}
.sai_classes_boxgrid h2{
background-color:#E8E8E8;
box-shadow: 0 5px 5px 0 #CCCCCC;
text-shadow: 2px 2px 2px #FFFFFF;
padding:10px;
font-size:17px;
}
.sai_classes_boxgrid buttons{
text-decoration:none;
float:left;
margin-left:40px;
margin-top:10px;
width:70px;
}
.sai_classes_boxgrid2{
width: 300px;
height: 175px;
overflow: hidden;
box-shadow: 0px 0px 2px 1px #CCCCCC;
-webkit-box-shadow: 0px 0px 2px 1px #CCCCCC;
-moz-box-shadow: 0px 0px 2px 1px #CCCCCC;
border: 1px solid #EFEFEF;
position: relative;
}
.sai_coverstars{
margin-top:5px;
margin-left:10px;
}
.sai_loading_soft{
text-align: center;
position:absolute;
top:50%;
display:none;
}
/* Classes Navigation Menu Css */
.sai_cmenu{
width:216px;
list-style:none;
}
.sai_cmenu li{
display:block;
}
.sai_cmenu li a{
text-align:left;
font-size:13px;
font-family:OpenSans, Verdana,Tahoma,Arial,"Trebuchet MS","Times New Roman",Georgia,sans-serif,serif;
color:#FFF;
display:block;
text-decoration:none;
}
.class_arrow{
display:inline-block;
float:right;
margin-right:15px;
}
.blue_select{
background:url('../default/images/softarrow.gif') no-repeat 180px 3px;
font-size:20px;
}
.buttons{
float: left;
padding-bottom: 20px;
clear: both;
}
a.selected{
border-left:#3F6 solid 4px;
padding-left:5px;
text-decoration:none;
}
/* Button Css for Install & Show files buttons and for pagination links */
a.sai_cbutton {
color: #fff;
font: bold 12px Helvetica, Arial, sans-serif;
text-decoration: none;
padding: 7px 12px;
position: relative;
display: inline-block;
-webkit-transition: border-color .218s;
-moz-transition: border .218s;
-o-transition: border-color .218s;
transition: border-color .218s;
background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
background: #1C86EE;
border: solid 1px #dcdcdc;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
margin-right: 10px;
}
a.sai_cbutton:hover {
color: #fff;
border-color: #A2B5CD;
-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
a.sai_cbutton:active {
color: #DBDBDB;
border-color: #DBDBDB;
}
a.selected_page {
border:1px solid #6495ED;
box-shadow: 2px 2px 2px 2px #CCCCCC;
}
.sai_iframe_class{
box-shadow: 0px 0px 20px 1px #CCCCCC;
-webkit-box-shadow: 0px 0px 15px 1px #CCCCCC;
-moz-box-shadow: 0px 0px 12px 1px #CCCCCC;
border: 1px solid #EFEFEF;
}
/*Search box for classes*/
.sai_inputs input{
height:35px;
width: 400px; /* 353 + 2 + 45 = 400 */
border: 1px solid #ccc;
box-shadow: 0 0 1px 1px #F8F8F8 inset;
-moz-box-shadow: 0 0 0 1px #F8F8F8 inset;
-webkit-box-shadow: 0 0 0 1px #F8F8F8 inset;
}
fieldset{
border: 0;
padding: 0;
margin: 0;
}
.sai_inputs input:focus{
background-color: #fff;
border-color: #B1CFF3;
outline: none;
-moz-box-shadow: 0 0 0 1px #B1CFF3 inset;
-webkit-box-shadow: 0 0 0 1px #B1CFF3 inset;
box-shadow: 0 0 1px 1px #B1CFF3 inset;
}
.divshadow{
-webkit-box-shadow: 0 5px 10px -3px #BFBFBF;
-moz-box-shadow: 0 5px 10px -3px #BFBFBF;
box-shadow: 0 5px 10px -3px #BFBFBF;
border:1px solid #EFEFEF;
}
.sai_search_button{
background-image:url(../default/images/classearch.png);
height:35px;
width:35px;
background-position: 0px 0px;
background-repeat:no-repeat;
cursor:pointer;
}
.sai_search_button:hover{
background-image:url(../default/images/classearch.png);
background-position: 0px -35px;
}
.backups_th {
background: url(../default/images/gradient_silver.gif) repeat-x scroll 0 0 #FFFFFF;
color: #555555;
text-align: left;
font-size:13px;
font-family:OpenSans, arial,verdana,sans-serif;
font-weight: bold;
}
/*FORM STYLING AND GLOW EFFECT*/
.sai_reviewform{
float: left;
border: 1px solid #ddd;
padding: 30px 40px 20px 40px;
margin: 0px 0 0 0;
background: #fff;
/* -- CSS3 - define rounded corners for the form -- */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
/* -- CSS3 - create a background graident -- */
background: -webkit-gradient(linear, 0% 0%, 0% 40%, from(#F8F8F8), to(#FFFFFF));
background: -moz-linear-gradient(0% 40% 90deg,#FFF, #F8F8F8);
/* -- CSS3 - add a drop shadow -- */
-webkit-box-shadow:0px 0 30px #E1E1E1;
-moz-box-shadow:0px 0 30px #E1E1E1;
box-shadow:0px 0 30px #E1E1E1;
}
input[type=text], textarea, select, input[type=password]{
background-color: #ffffff;
border: 1px solid #e5e5e5;
border-radius: 4px;
box-shadow: none;
color: #333333;
font-size: 14px;
font-weight: normal;
background-image: none;
line-height: 1.42857;
padding: 6px 12px;
}
input[type=text]:hover, textarea:hover, select:hover, input[type=password]:hover{
background: #FAFCFE;
outline: 0 none;
border-color: #3498db;
}
input[type=text]:focus, textarea:focus, select:focus, input[type=password]:focus{
background: #FAFCFE;
outline: 0 none;
border-color: #3498db;
border:1px solid #3498db;
}
input:disabled, textarea:disabled, select:disabled{
color: #999;
}
.small{
width:auto;
height:auto;
text-decoration:none;
background-color:#373737;
text-align:center;
padding:5px;
cursor:pointer;
font-size:14px;
color:#f2f2f2;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-ms-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
}
.small:hover{
background-color:#373737;
color:#f2f2f2;
box-shadow:1px 1px 10px #333;
text-decoration:none;
}
/*input[type=submit]*/
.sai_graybluebut{
padding:8px 15px;
font-family:OpenSans, Helvetica,arial,freesans,clean,sans-serif;
font-size:12px;
font-weight:bold;
color:#666;
text-shadow:0 1px rgba(255,255,255,0.9);
background:#f5f5f5;
background:-moz-linear-gradient(#f5f5f5,#e5e5e5);
background:-webkit-linear-gradient(#f5f5f5,#e5e5e5);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#e5e5e5')";
border-radius:3px;
border-bottom-color:#bbb;
box-shadow:0 1px 3px rgba(0,0,0,0.1);
cursor:pointer;
border:1px solid #ddd;
}
/*input[type=submit]*/
.sai_graybluebut:hover{
color:#337797;
text-decoration:none;
background:#f0f7fa;
background:-moz-linear-gradient(#f0f7fa,#d8eaf2);
background:-webkit-linear-gradient(#f0f7fa,#d8eaf2);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f7fa',endColorstr='#d8eaf2')";
border-color:#cbe3ee;
border-bottom-color:#97c7dd;
}
/*input[type=submit]*/
.sai_graybluebut:active{
background:#f0f7fa;
color:#337797;
background:-moz-linear-gradient(#f0f7fa,#d8eaf2);
background:-webkit-linear-gradient(#f0f7fa,#d8eaf2);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f7fa',endColorstr='#d8eaf2')";
border-color:#cbe3ee;
-moz-box-shadow: inset 0 0 2px 1px #78B9D1;
-webkit-box-shadow: inset 0 0 2px 1px #78B9D1;
box-shadow: inset 0 0 2px 1px #78B9D1;
}
.server_graph{
width:80px;
height:80px;
}
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; background-image:url("../default/images/bar.gif");}
/* Component containers
----------------------------------*/
.ui-widget-content {
border: 1px solid #aaaaaa/*{borderColorContent}*/;
background: #ffffff/*{bgColorContent}*/ repeat-x/*{bgContentRepeat}*/;
color: #222222/*{fcContent}*/;
url("../default/images/bar.gif");
}
.ui-widget-header {
border: 1px solid #aaaaaa/*{borderColorHeader}*/;
background: #cccccc/*{bgColorHeader}*/ repeat-x/*{bgHeaderRepeat}*/;
color: #222222/*{fcHeader}*/;
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
-moz-border-radius-topleft: 4px/*{cornerRadius}*/;
-webkit-border-top-left-radius: 4px/*{cornerRadius}*/;
-khtml-border-top-left-radius: 4px;
border-top-left-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
-moz-border-radius-topright: 4px/*{cornerRadius}*/;
-webkit-border-top-right-radius: 4px/*{cornerRadius}*/;
-khtml-border-top-right-radius: 4px/*{cornerRadius}*/;
border-top-right-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
-moz-border-radius-bottomleft: 4px/*{cornerRadius}*/;
-webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/;
-khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/;
border-bottom-left-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
-moz-border-radius-bottomright: 4px/*{cornerRadius}*/;
-webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/;
-khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/;
border-bottom-right-radius: 4px/*{cornerRadius}*/;
}
/*********************************/
/****** PASSWORD STRENGTH METER***/
/*********************************/
#pass-strength-result {
background-color: #EEEEEE;
border-color: #DDDDDD !important;
border-style: solid;
border-width: 1px;
display: block;
padding: 3px 5px;
text-align: center;
width: 200px;
}
#pass-strength-result.bad {
background-color: #ffb78c;
border-color: #ff853c !important;
}
#pass-strength-result.good {
background-color: #ffec8b;
border-color: #fc0 !important;
}
#pass-strength-result.short {
background-color: #ffa0a0;
border-color: #f04040 !important;
}
#pass-strength-result.strong {
background-color: #c3ff88;
border-color: #8dff1c !important;
}
.sai_clogbutton{
background-color:#2b91af;
border-radius:10px;
box-shadow:0 2px 3px rgba(0,0,0,0.3);
color:#fff;
cursor:pointer;
display:inline-block;
padding:10px 20px;
text-align:center;
text-decoration:none
}
.sai_clogbutton:hover{
background-color:#1e1e1e
}
.sai_clogbutton.b-close,.sai_clogbutton.bClose{
border-radius:7px 7px 7px 7px;
box-shadow:none;
font:bold 131% sans-serif;
padding:0 6px 2px;
position:absolute;
right:-7px;
top:-7px
}
.sai_popup{
background-color:#fff;
border-radius:10px 10px 10px 10px;
box-shadow:0 0 25px 5px #999;
color:#111;
display:none;
padding:25px;
}
.sai_changelog{
width:700px;
height:400px;
overflow:scroll;
}
.sai_changelogbut{
padding:5px 5px;
font-family:OpenSans, Helvetica,arial,freesans,clean,sans-serif;
font-size:12px;
font-weight:bold;
color:#337797;
text-shadow:0 1px rgba(255,255,255,0.9);
background:#f0f7fa;background:-moz-linear-gradient(#f0f7fa,#d8eaf2);
background:-webkit-linear-gradient(#f0f7fa,#d8eaf2);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f7fa',endColorstr='#d8eaf2')";
border-radius:3px;
border-bottom-color:#bbb;
box-shadow:0 1px 3px rgba(0,0,0,0.1);
cursor:pointer;
border:1px solid #ddd;
text-decoration:none;
border-color:#cbe3ee;
border-bottom-color:#97c7dd;
}
.sai_highlight{
padding:0px 3px;
background-color:#C6FFC6;
border-radius:3px;
border-bottom-color:#969696;
box-shadow:0 1px 3px rgba(0,0,0,0.1);
border:1px solid #969696;
text-decoration:none;
border-color:#969696;
border-bottom-color:#969696;
}
#features_win ul{
display:block;
}
#features_win ul li{
list-style:round;
padding-top:5px;
}
#features_win ul li a{
color:#205898;
font-weight:bolder;
}
#features_win ul li a:hover{
color:#222;
}
.footer1{
height:30px;
}
.foot1{
font-size:13px;
padding:10px 0px;
}
.footer{
height:30px;
background-color:#ccc;
color:#333;
}
.top{
margin-right:20px;
cursor:pointer;
}
.foot{
font-size:13px;
padding:10px 0px;
}
.foot a{
color:#333;
}
.foot a:hover{
text-decoration:none;
color:#222;
}
/* tiptop css start here */
#tiptip_holder {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 99999;
}
#tiptip_holder.tip_top {
padding-bottom: 5px;
}
#tiptip_holder.tip_bottom {
padding-top: 5px;
}
#tiptip_holder.tip_right {
padding-left: 5px;
}
#tiptip_holder.tip_left {
padding-right: 5px;
}
#tiptip_content {
font-size: 11px;
color: #fff;
text-shadow: 0 0 2px #000;
padding: 4px 8px;
border: 1px solid rgba(255,255,255,0.25);
background-color: rgb(25,25,25);
background-color: rgba(25,25,25,0.92);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-shadow: 0 0 3px #555;
-webkit-box-shadow: 0 0 3px #555;
-moz-box-shadow: 0 0 3px #555;
}
#tiptip_arrow, #tiptip_arrow_inner {
position: absolute;
border-color: transparent;
border-style: solid;
border-width: 6px;
height: 0;
width: 0;
}
#tiptip_holder.tip_top #tiptip_arrow {
border-top-color: #fff;
border-top-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_bottom #tiptip_arrow {
border-bottom-color: #fff;
border-bottom-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_right #tiptip_arrow {
border-right-color: #fff;
border-right-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_left #tiptip_arrow {
border-left-color: #fff;
border-left-color: rgba(255,255,255,0.35);
}
#tiptip_holder.tip_top #tiptip_arrow_inner {
margin-top: -7px;
margin-left: -6px;
border-top-color: rgb(25,25,25);
border-top-color: rgba(25,25,25,0.92);
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
margin-top: -5px;
margin-left: -6px;
border-bottom-color: rgb(25,25,25);
border-bottom-color: rgba(25,25,25,0.92);
}
#tiptip_holder.tip_right #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -5px;
border-right-color: rgb(25,25,25);
border-right-color: rgba(25,25,25,0.92);
}
#tiptip_holder.tip_left #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -7px;
border-left-color: rgb(25,25,25);
border-left-color: rgba(25,25,25,0.92);
}
/* Webkit Hacks */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#tiptip_content {
padding: 4px 8px 5px 8px;
background-color: rgba(45,45,45,0.88);
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
border-bottom-color: rgba(45,45,45,0.88);
}
#tiptip_holder.tip_top #tiptip_arrow_inner {
border-top-color: rgba(20,20,20,0.92);
}
}
/* Tiptip end here*/
/*List software starts*/
.sai_blog_script_holder{
background-color:#ccc;
}
.sai_blog_script{
margin:5px 3px;
cursor:pointer;
background-color:#fff;
box-shadow:1px 3px 8px #333;
-webkit-transition:all 0.40ms linear;
-moz-transition:all 0.40ms linear;
-ms-transition:all 0.40ms linear;
-o-transition:all 0.40ms linear;
}
.sai_blog_script:hover{
box-shadow:1px 1px 4px #333;
}
.sai_script_name{
width:130px;
text-align:center;
padding-top:-10px;
height:35px;
cursor:pointer;
color:#333;
font-size:13px;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-ms-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
white-space: pre-wrap; /* CSS3 */
white-space: -moz-pre-wrap; /* Firefox */
white-space: -pre-wrap; /* Opera <7 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* IE */
}
.sai_blog_script:hover > .sai_script_name{
background-color:#999;
}
.sai_demo_script_logo{
text-align:center;
cursor:pointer;
padding:10px;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-ms-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
}
.blog_table_border{
background-color:#fff;
box-shadow:1px 1px 10px #c9c9c9;
border:1px solid #ccc;
border-radius:3px;
padding:10px;
}
.blog_table_border:hover{
background-color:#fff;
box-shadow:1px 1px 10px #999;
border:1px solid #ccc;
}
/* List software stops here*/
/*NOTE BOX EFFECT*/
.sai_notebox
{
position: relative;
background: #F3F3F3;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 2em 1.5em;
color: rgba(0,0,0, .8);
text-shadow: 0 1px 0 #fff;
line-height: 1.5;
margin: 10px auto;
}
.sai_notebox:before, .sai_notebox:after
{
z-index: -1;
position: absolute;
content: "";
bottom: 15px;
left: 10px;
width: 50%;
top: 80%;
max-width:300px;
background: rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.7);
-moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
}
.sai_notebox:after
{
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
right: 10px;
left: auto;
}
/*END OF NOTE BOX EFFECT*/
input.sai_twitter-btn{
background-color: #55ACEE;
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
border: 1px solid #3B88C3;
color: #FFFFFF;
text-shadow: none;
cursor:pointer;
padding:8px;
border-radius:5px;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
-ms-transition:all 0.2s linear;
}
input.sai_twitter-btn:hover{
background-color: #55ACEE;
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
border: 1px solid #3B88C3;
color: #FFFFFF;
text-shadow: none;
cursor:pointer;
padding:8px;
border-radius:5px;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
-ms-transition:all 0.2s linear;
box-shadow:inset 1px 1px 10px 1px rgba(0,0,0,0.2);
}
.thumb_header{
font-family:OpenSans, verdana,sans,serif;
font-size:14px;
color:#222;
font-weight:bolder;
text-align:center;
text-decoration:none;
}
#slider ul, #slider li{
list-style:none;
}
#slider li{
height:200px;
overflow:hidden;
}
#prevBtn, #nextBtn{
display:none;
width:30px;
height:77px;
left:-30px;
top:71px;
}
#nextBtn{
left:1000px;
}
#prevBtn a, #nextBtn a{
display:block;
width:30px;
height:77px;
background:url(../default/images/btn_prev.png) no-repeat 0 0;
}
#nextBtn a{
background:url(../default/images/btn_next.png) no-repeat 0 0;
}
.sai_image_container{
width:242px;
height:242px;
padding:5px;
cursor:pointer;
background-color:#f7f7f7;
border:1px solid #ccc;
-moz-box-shadow: 0 1px 3px #777;
-webkit-box-shadow: 0 1px 3px #777;
text-align:center;
text-overflow: ellipsis;
overflow: hidden;
white-space:nowrap;
}
.sai_image_container:hover{
border: solid 1px #CCC;
-moz-box-shadow: 1px 1px 5px #999;
-webkit-box-shadow: 1px 1px 5px #999;
box-shadow: 1px 1px 5px #999;
cursor:pointer;
}
.sai_navigation{
width:230px;
height:30px;
position:absolute;
margin-top:-30px;
border-top:2px solid #ccc;
background-color:#000;
text-decoration:none;
text-align:center;
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
}
span.sai_demo > a{
padding:0px;
color:#CCC;
font-weight:bold;
font-size:15px;
font-family:OpenSans, Arial;
text-decoration:none;
text-align:center;
}
.sai_theme_selected{
width:242px;
height:242px;
padding:5px;
cursor:pointer;
background-color:#777;
-moz-box-shadow: 0 1px 3px #777;
-webkit-box-shadow: 0 1px 3px #777;
text-align:center;
color:#CCC;
}
.sai_theme_selected:hover{
border: solid 1px #999;
-moz-box-shadow: 1px 1px 5px #999;
-webkit-box-shadow: 1px 1px 5px #999;
box-shadow: 1px 1px 5px #999;
}
.sai_theme_selected > .sai_theme_header{
color:#CCC;
}
#display_theme{
height:200px;
}
.sai_theme_header{
padding:5px;
font-size:14px;
color:#777;
font-weight:bolder;
text-overflow: ellipsis;
}
.search_theme, .refresh_theme{
width:50px;
background-color:#359EF4;
padding:7px;
color:#FFF;
font-size:14px;
cursor:pointer;
text-align:center;
margin-top:10px;
}
.sai_themesearch_div, #themesearch{
height:400px;
padding:5px;
width:900px;
}
.sai_tr_color{
background-color:#E6E6E6;
}
.sai_searchbox_button{
width:150px;
padding:7px;
margin-top:25px;
text-align:center;
text-decoration:none;
background-color: #4d90fe;
background-image: none;
border: 0 none;
border-radius: 0 !important;
box-shadow: none;
color: #333333;
cursor: pointer;
filter: none;
font-family: 'OpenSans', sans-serif;
font-size: 16px;
outline: medium none;
padding: 3px;
text-shadow: none;
color:#fff;
}
.sai_searchbox_button a{
text-decoration:none;
color:#fff;
}
.sai_search_description{
font-size:12px;
font-family:OpenSans, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#searchsuggestions{
overflow:auto;
}
/* Popup */
.sai_popupc{
background:white;
box-shadow: 0 0 5px 2px #999999;
padding:5px;
top:100px;
overflow:auto;
}
.sai_popuptitle{
background: #444;
height: 45px;
border-radius: 3px;
padding:5px;
}
.sai_popuphead{
font-family: OpenSans, 'Droid Sans',sans-serif;
color: white;
font-size:14px;
}
.sai_popupclose, a.sai_popupclose{
color: white;
cursor:pointer;
text-decoration:none;
}
.sai_popupbody{
border-radius: 3px;
border: 1px solid #CCC;
}
/* End Popup */
.price{
float:right;
text-decoration:none;
color:#fff;
font-size:18px;
/*font-family: 'OpenSans', sans-serif;*/
}
.noti_Container {
position:relative;
cursor: pointer;
}
.sai_noti_bubble {
position:absolute;
top: 5px;
right:5px;
padding:5px;
background-color:#359EF4;
color:white;
font-weight:bold;
font-size:14px;
border-radius:2px;
}
.sai_purchased.blue {
background-color: #4d90fe;
color: white;
text-shadow: none;
}
.sai_purchased {
width:242px;
height:34px;
margin-top:5px;
background-color: #4d90fe;
background-image: none;
border: 0 none;
border-radius: 0 !important;
box-shadow: none;
color: #333333;
cursor: pointer;
filter: none;
font-family: 'OpenSans', sans-serif;
font-size: 16px;
outline: medium none;
padding: 3px;
text-shadow: none;
}
.sai_purchased a{
text-decoration:none;
color:#fff;
font-size:16px;
font-family: 'OpenSans', sans-serif;
}
#overview_img{
box-shadow: 0 5px 10px 0 #CCCCCC;
-webkit-box-shadow: 0px 5px 8px 0 #CCCCCC;
-moz-box-shadow: 0px 5px 5px 0 #CCCCCC;
padding:2px;
}
#overview_img img{
border:1px solid #efefef;
}
.hr{
border:1px solid #ccc;
}
/* LISTSOFTWARE STYLE STARTS HERE*/
.sai_script_container{
width:100%;
height:220px;
background-color:#f6f6f6;
}
.script_logo{
float:left;
width:170px;
height:220px;
}
.script_logo img{
margin-left:5%;
margin-top:18%;
}
.script_info{
float:left;
width:60%;
padding:10px;
}
.script_info h3{
font-size:14px;
}
.script_info p{
font-size:11px;
}
.script_info a{
text-decoration:none;
}
.script_detail{
float:right;
width:15%;
height:220px;
}
.script_detail a{
color:#333;
font-size:13px;
text-decoration:none;
}
.script_detail a > i{
padding:20px;
vertical-align:middle;
text-decoration:none;
color:#333;
width:30px;
}
.sai_script_container .ih-item img {
width: 100%;
height: 100%;
border:none;
}
.sai_script_container .ih-item.square {
position: relative;
width: 180px;
height: 220px;
}
.sai_script_container .ih-item.square .info {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width:175px;
text-align: center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.sai_script_container .ih-item.square.effect13 {
overflow: hidden;
}
.sai_script_container .ih-item.square.effect13 .img{
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
width:160px;
height:160px;
margin-top:0px;
margin-left:0px;
border:none;
}
.sai_script_container .ih-item.square.effect13 .info {
background: #555;
background: rgba(0, 0, 0, 0.8);
visibility: hidden;
opacity: 0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity: 0;
pointer-events: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.sai_script_container:hover .ih-item.square.effect13 a .info {
visibility: visible;
opacity: 1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);
-moz-opacity:1;
-khtml-opacity: 1;
}
.sai_script_container .ih-item.square.effect13 a .install_btn{
width:100px;
padding:5px 12px;
background-color:#ccc;
color:#333;
margin:55% auto;
text-align:center;
border-radius:20px;
}
.sai_script_container .ih-item.square.effect13 a:hover .install_btn:hover{
background-color:#ccc;
}
.sai_script_container .ih-item.square.effect13.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.sai_script_container .sai_script_container:hover .info{
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.sai_script_container:hover .ih-item.square.effect13.left_to_right a .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.bg{
background-color: #FFF;
width: 100%;
margin: 10px auto;
padding: 20px;
border-radius: 4px;
}
.bg2{
background-color: #FFF;
padding: 5px;
width: 98%;
margin: 3px auto;
}
.sai_info{
color:#000;
font-family: OpenSans,Verdana,Tahoma,Arial,Georgia,sans-serif,serif;
font-size:12px;
}
div > label{
cursor:pointer;
}
/* #Flat Button
==================================================*/
.flat-butt{
display: inline-block;
border-radius: 3px;
font-family: OpenSans, sans-serif;
font-size: 15px;
padding: 10px;
text-align:center;
border: 0;
background: #00a0d2;
color: #FFF;
cursor: pointer;
outline: 0;
font-weight: 400;
line-height: 1.42857;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-moz-user-select: none;
border: 1px solid transparent;
}
.flat-butt:hover{
background: #46B8DA;
}
.endurl a{
text-decoration:none;
font-weight:bold;
}
.endurl a:hover{
text-decoration:underline;
}
a:focus{
outline:none;
}
.borderless td, .borderless th{
border: none !important;
}
.sai_hover{
position: absolute;
top: 0;
left: 0;
width: 220px;
height: 175px;
color: #fff;
background-color: rgba(0,0,0,0.8);
z-index: 3;
overflow: hidden;
text-overflow: ellipsis;
font-size: 12px;
padding:15px;
text-align:left;
margin:0;
opacity:0;
}
.sai_hover a{
text-decoration:none;
color:#FFF;
}
.sai_boxgrid2_ts{
width: 220px;
height: 220px;
overflow: hidden;
position: relative;
float:left;
-webkit-box-shadow: 0 10px 6px -6px #777;
-moz-box-shadow: 0 10px 6px -6px #777;
box-shadow: 0 10px 6px -6px #777;
}
.sai_block{
margin:1px 15px;
background-color: #FFF;
box-shadow: 0px 20px 20px 30px #FFF;
height:100%;
}
a.sai_insbut_ts{
color: #FFF;
text-decoration:none;
}
.left_toggle_btn{
position:absolute;
margin:41px 0px;
cursor:pointer;
z-index:2;
background-color: #333;
display:none;
padding:10px;
width:40px;
vertical-align: middle;
}
.header_toggle_btn{
margin-top:-43px;
margin-right:5px;
position:relative;
cursor:pointer;
display:none;
}
.sai_hover, .sai_block, .row{
transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
-webkit-transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; /* Safari */
-moz-transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; /* Mozilla */
-o-transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; /* Opera */
}
.row_usi_cls{
padding-left: 10px;
}
.sai_suggestions_cls{
position:absolute;
width:400px;
display:none;
}
.bg_usi{
padding: 0 40px;
}
.row_usi{
padding: 0 100px;
}
.row_usi_warn{
padding-left: 200px;
padding-right: 190px;
}
.info_block{
background-color:#F8F8F8;
box-shadow: 0 10px 6px -6px #777;
-webkit-box-shadow: 0 10px 6px -6px #777;
-moz-box-shadow: 0 10px 6px -6px #777;
}
.sai_search_img{
margin-left:-25px;
margin-top:8px;
position:absolute;
}
/*For cPanel Paper Lantern theme : cPanel header shifting downwards due to style conflict with bootstrap css*/
.navbar-brand > img {display: inline;}
/*media query for tab2*/
/*This is because Bootstrap responsive menu works after 768*/
@media screen and (max-width: 767px){
.old_tab{
display:none;
}
}
@media screen and (max-width: 768px) {
#overview_img{
width:300px;
height:200px;
}
.left_panel{
display:none;
}
.bg_usi{
padding: 0 20px;
}
.left_toggle_btn{
display:block;
}
table.soft_nav td{
display:none;
}
.header_toggle_btn {
display:block;
}
.soft_nav_mob ul li a{
margin-top:-20px;
}
table.soft_nav td:nth-child(1){
display:block;
width:150px;
}
}
@media screen and (-webkit-max-device-pixel-ratio:768) {
/* Safari and Chrome, if Chrome rule needed */
.left_panel{
margin-top:-40px;
}
.sai_search_img{
margin-top:-32px;
}
}
@media screen and (min-width: 768px){
.new_tab{
display:none;
}
}
.panel{
border-radius:0px;
}
.panel-head.gray {
background: none repeat scroll 0 0 #e1e1e1;
color: #444;
padding-left : 5px;
}
.medium {
color: #333;
font-size:12px;
display:block;
padding-top:5px;
}
.pan-button {
padding: 15px 0;
text-align: center;
height:85px;
}
.pan-button:hover {
background: #e3e3e3 none repeat scroll 0 0;
}
/* Webuzo Themes */
.webuzohead{
text-align: left;
}
.pad0{
padding: 0px !important;
}
.flat-butt[disabled]{
background-color: #c5c5c5;
}
/*media query for userindex theme*/
@media screen and (min-width: 1920px){
.row_usi{
padding: 0 320px;
}
.row_usi_warn{
padding-left: 380px;
padding-right: 420px;
}
}
@media screen and (min-width: 1280px) and (max-width: 1300px){
.ver_style {
margin-left:-70px;
}
.release_style {
margin-left:-140px;
}
.change_style {
margin-left:310px;
margin-top:-20px;
}
.row_usi_warn{
padding-left: 200px;
padding-right: 170px;
}
}
@media screen and (max-width: 360px){
.ver_style {
margin-left:0px;
}
.release_style {
margin-left:0px;
}
.change_style {
margin-left:0px;
}
}
/*media query for userindex theme*/
@media screen and (min-width: 980px) and (max-width: 1279px){
.row_usi{
padding: 0 120px;
}
.row_usi_warn{
padding-left: 145px;
padding-right: 135px;
}
.row_usi_cls{
padding-left: 200px;
}
.bg_usi{
padding: 0 20px;
}
}
@media screen and (max-width: 1280px){
.ver_style {
margin-left:-60px;
}
.release_style {
margin-left:-130px;
}
.change_style {
margin-left:300px;
margin-top:-20px;
margin-left:0px;
}
}
@media screen and (min-width: 800px) and (max-width: 979px){
.row_usi{
padding: 0 30px;
}
.row_usi_warn{
padding-left: 55px;
padding-right: 45px;
}
.row_usi_cls{
padding-left: 120px;
}
.sai_suggestions_cls{
width:300px;
}
.sai_inputs_cls input{
width:290px;
}
.bg_usi{
padding: 0 30px;
}
}
@media screen and (min-width: 768px) and (max-width: 799px){
.row_usi{
padding: 0 120px;
}
.row_usi_warn{
padding-left: 145px;
padding-right: 140px;
}
.row_usi_cls{
padding-left: 200px;
}
}
@media screen and (min-width: 360px) and (max-width: 767px){
.row_usi{
padding-right: 0px;
padding-left: 50px;
}
.row_usi_warn{
padding-left: 75px;
padding-right: 50px;
}
.row_usi_cls{
padding-left: 0px;
}
.sai_suggestions_cls{
width:150px;
}
.sai_inputs_cls input{
width:150px;
}
.sai_classes_boxgrid{
width:280px;
}
.sai_classes_boxgrid2{
width:280px;
}
}
@media screen and (min-width: 320px) and (max-width: 359px){
.row_usi{
padding-right: 0px;
padding-left: 30px;
}
.row_usi_warn{
padding-left: 55px;
padding-right: 35px;
}
.row_usi_cls{
padding: 0;
}
.sai_suggestions_cls{
width:130px;
}
.sai_inputs_cls input{
width:130px;
}
.sai_classes_boxgrid{
width:250px;
}
.sai_classes_boxgrid2{
width:250px;
}
}
@media screen and (max-width: 980px){
.ver_style {
margin-left:0px;
}
.release_style {
margin-left:0px;
}
.change_style {
margin-left:0px;
margin-top:0px;
}
}
@media screen and (min-width: 800px){
.ver_style {
margin-left:0px;
}
.release_style {
margin-left:0px;
}
.change_style {
margin-left:0px;
margin-top:-15px;
}
}
@media screen and (min-width: 980px){
.ver_style {
margin-left:0px;
}
.release_style {
margin-left:0px;
}
.change_style {
margin-left:0px;
margin-top:5px;
}
}
@media screen and (min-width: 1280px){
.ver_style {
margin-left:-70px;
}
.release_style {
margin-left:-140px;
}
.change_style {
margin-left:310px;
margin-top:-20px;
}
}
@media (max-width: 1320px) and (min-width:1276px){
.sai_image_container{
width:230px;
}
.sai_purchased {
width:230px;
}
.pfx_theme_img{
width:218px !important;
}
.sai_navigation {
width:218px !important;
}
}
/**Webuzo Themes**/
.webu_head_img{
margin-top:-5px;
}
.alert-butt{
display: inline-block;
border-radius: 3px;
font-family: OpenSans, sans-serif;
font-size: 15px;
padding: 2px;
text-align:center;
border: 0;
cursor: pointer;
outline: 0;
font-weight: 400;
line-height: 1.42857;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-moz-user-select: none;
border: 1px solid transparent;
width:75px;
margin-top:5px;
background:#00a0d2;
color:#FFF;
}
.alert-butt:hover{
background: #46B8DA;
}
.flat-butt[disabled]{
background-color: #c5c5c5;
}
/*For Server Info*/
.title_si{
font-size: 16px;
font-weight: bold;
color: #555;
padding: 2px;
background-color: #E6F0FA;
}
.label_si{
font-size: 14px;
font-weight: bold;
color: #555;
}
.value_si{
font-size: 13px;
font-weight: 200;
color: #555;
}
/**Webuzo Themes Ends**/
/** SitePad Styles Start **/
.site-menu-header-td {
background-color: #04101c !important;
color:#ffffff;
}
.site-menu-header {
height: 100%;
min-height: 100vh;
}
.site-nav li{
list-style:none;
}
.site-nav{
padding: 10px 0px 0px 30px!important;
}
.site-nav-link{
color: #aaa !important;
text-decoration: none !important;
font-size: 15px !important;
font-weight: 400;
line-height: 1.47;
display: block;
position: relative;
padding: 9px 0px;
}
/** SitePad Styles Ends **/
/** All sites SitePad Start **/
.site-page-screenshot{
width: 100%;
height: 250px;
overflow: hidden;
position: relative;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
}
.site-page-screenshot img{
min-height:100%;
}
.site-page-desc{
font-size: 16px;
padding: 22px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border: 1px solid #ccc;
background-color:white;
box-shadow: 0 26px 34px -28px rgba(11, 20, 87, 0.54);
}
.site-page-screenshot-overlay{
position: absolute;
width: 100%;
height: 0;
top: 0;
left: 0;
opacity: 0;
overflow: auto;
transition: .2s ease;
background:#dfdfdf;
z-index: 2;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
display: flex;
flex-direction: column;
padding:20px;
align-items:center;
justify-content: center;
}
.site-title:hover .site-page-screenshot-overlay{
opacity: 0.9;
height: 100%;
}
.site-post-name-div{
font-size: 12px;
color: #666;
padding-top: 6px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.site-page-icons{
font-size: 35px !important;
color: #007bff !important;
text-decoration: none !important;
margin: 6px;
}
.site-page-icons:hover{
color: #0056b3 !important;
}
.site-row-icons{
margin-bottom:20px;
text-align:center;
vertical-align:middle;
}
/** All sites SitePad Ends **/
/** Remove Site Sitepad start **/
.info_block{
padding:1px 20px;
box-shadow: 0 0px 6px 0px #777;
margin:15px auto;
}
/** Remove Site SitePad Ends **/
/**Setup Site Start**/
.setup-nav{
/*background:#4F81C7;*/
background:#1e88e5;
color:#FFF;
text-align:center;
/*height:70px;*/
line-height:60px;
vertical-align:middle;
box-shadow:0 2px 10px 0 #2b2b2b6b;
}
.setup-nav-object{
padding: 10px 22px;
font-size: 16px;
display: inline-block;
}
.setup-nav-object.active{
background-color:#0000002b !important;
}
.toggle-setup-page{
float:right;
margin-right:25px;
margin-top:5px;
transition: all 0.4s;
line-height: 60px !important;
}
#toggle-fullscreen:hover{
transform: scale(1.1);
}
.step_num{
width: 27px;
height: 27px;
border-radius: 50%;
font-size: 21px;
color: #fff;
line-height: 28px;
text-align: center;
border:1px solid #E0995E;
}
.setup-fullscreen{
background-color: #FFFFFF;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
margin:0px !important;
z-index: 100;
overflow: auto;
}
.submenu-item{
background-color:#3D4260;
}
.cat-active{
font-weight: bold;
text-decoration: none;
color: #fff !important;
}
/* .themes-data, .submenu-item {
overflow-y: hidden;
-webkit-transition:0.2s;
-moz-transition:0.2s;
-ms-transition:0.2s;
-o-transition:0.2s;
transition:0.2s;
} */
.setup-field-head{
color:#455a64;
font-size:14px;
font-weight:600;
margin-bottom:5px;
}
.setup-field-exp{
font-size:12px;
color:#424242;
color:#4242429e;
margin-top: 5px;
}
.sitepad-heading{
font-size: 26px !important;
color: #1e88e5;
color:#455a64;
padding-top:40px !important;
}
.sitepad-sub-heading{
font-size: 22px !important;
color: #1e88e5;
color:#455a64;
}
.sitepad-hr{
width:80px;
height: 2px;
background: linear-gradient(to right, #396afc, #2948ff);
border:none;
}
.icon-square{
padding: 10px 8px 10px;
border-radius: 4px;
color: #ffffff;
background-color: #4099ff;
box-shadow: 0 2px 10px -3px #00000080;
margin-right: 5px;
}
.sitepad-text{
color: #757575;
font-size: 14px;
font-weight: 400;
}
.screenshot-title{
font-size: 18px;
font-weight: 600;
color: #455a64;
margin-top: 20px !important;
line-height: 2;
}
.setup-screenshot{
width: 100%;
height:260px;
overflow: hidden;
position: relative;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom:1px solid #bcbcbc;
border:none;
border-radius: 4px;
box-shadow: 1px 1px 12px 1px #e5e5e5;
}
.screenshot-details{
position: relative;
}
.screenshot-details{
color:#757575;
font-size: 14px;
opacity: 0;
transition: all 0.4s;
transform: translateX(-50%);
left: 50%;
width: 100%;
top:20px;
line-height: 2;
}
.site-tile .setup-screenshot{
padding:20px;
}
.setup-screenshot:hover .screenshot-details{
opacity: 1;
top:0px;
}
.screenshot-img{
width:150px;
opacity: 0.8;
}
.setup-form .form-control{
font-size:14px;
line-height:1.4;
}
.setup-form .form-control::placeholder{
opacity: 0.5;
font-size:14px;
}
/* Buttons */
.button-primary{
font-size: 14px !important;
padding: 8px 25px !important;
color:#ffffff !important;
background-color: #3d5afe !important;
border: 1px solid #3d5afe !important;
transition: all 0.6s !important;
text-shadow: none !important;
height: auto !important;
line-height: 150% !important;
border-radius: 0px !important;
}
.button-primary:hover{
box-shadow:0 14px 26px -12px #1769ff6b, 0 4px 23px 0 #0000001f, 0 8px 10px -5px #1769ff33;
}
/* End Themes */
/*Start Themes search-box suggestion*/
.suggestion_list{
display:none;
max-height:200px;
min-width:200px;
padding: 7px 12px;
border-radius: 4px;
border: 1px solid #ccc;
cursor: pointer;
box-shadow: 0 15px 12px -14px rgba(11, 20, 87, 0.33);
overflow:auto;
position: absolute;
z-index: 999;
background: #fff;
top: auto;
}
.suggestion_list ul{
list-style: none;
}
.suggestion_list li{
padding:5px;
font-size: 14px;
color: #007bff;
}
/**Setup Site End**/
.sp-headig-color{
color: #04101c;
font-weight: 600;
}
.site-menu-header hr{
margin: 15px 20px 15px -15px;
border-top: 2px solid rgb(197 197 197 / 13%);