1#@!#!123s

: / usr / local / sitepad / www / www / themes / default /
Filename : style.css
back
@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%);