One Hat Cyber Team

View File Name : style.css

/* hf_theme.php the top row*/
.sai_softac_header{
background:url(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(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:13px;
color: #555555;
text-decoration:none;
font-weight:bold;
font-family: OpenSans, Arial, Helvetica, sans-serif;
}

.sai_headtd{
border-right:1px solid #AAAAAA;
}

.sai_search{
background: #fff url(images/search_bar.gif) no-repeat right;
}

.sai_search_box{
width:112px;
left:18px;
position: relative;
border: 0px;
color: #666666;
height:19px !important;
}

.sai_docktable{
height:75px;
}

.sai_softwares{
border-bottom:1px solid #e4e4e4;
}

.sai_softmenu{
border-right:1px solid #e4e4e4;
padding-left:7px;
}

.sai_anotice a:link, .sai_anotice a:visited, .sai_anotice a:active, .sai_anotice a:hover{
background-color: #FAFBD9;
font-size:13px;
padding:8px;
display:block;
text-decoration:none;
}

.sai_notice, .sai_success {
background-color: #FAFBD9;
font-size:13px;
padding:8px;
text-align:center;
margin-bottom: 20px;
}

/* Softwares Slide Menu */
#leftcontent{
text-align:left;
padding-left:20px;
width:100%;
}

.soft_cathead {
font-size:13px;
color: #666666;
cursor: pointer;
padding:5px;
}

.soft_cathead a:link, .soft_cathead a:visited, .soft_cathead a:active, .soft_cathead a:hover{
display: block;
font-size:13px;
color: #666666;
text-decoration:none;
}

.softlinks a:link, .softlinks a:visited, .softlinks a:active{
padding: 5px 30px;
background: #fff url(images/softarrow.gif) no-repeat right;
display: block;
color: #7c7e81;
text-decoration:none;
padding-left:2px;
}

.softlib a:link, .softlib a:visited, .softlib a:active{
padding: 8px 10px 8px 15px;
background: #fff url(images/softarrow.gif) no-repeat right;
display: block;
color: #7c7e81;
text-decoration:none;
}

.softlinkscurrent a:link, .softlinkscurrent a:visited, .softlinkscurrent a:active{
background: #fff url(images/arrowon.gif) no-repeat right;
display: block;
color: #7c7e81;
text-decoration:none;
}

.softlinks a:hover, .softlinkscurrent a:hover, .softlib a:hover{
color : #0273b3;
text-decoration: none;
background: #fff url(images/arrow.gif) no-repeat right;
}

.softlinks {
width: 100%;
padding-left:15px;
}

.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;
font-weight: bold;
overflow: hidden;
position: relative;
box-shadow:inset 0px 20px 10px #efefef;
text-align:center;
width:100%;
font-size:13px;
}

.sai_tab:hover{
background: #efefef;
text-decoration:none;
color:#000;	
}
.tab:hover{
background: #efefef;
text-decoration:none;
color:#000;
}
.sai_insbut:hover{
background: #136AD5;
text-decoration:none;
color:#000;	
}
	
a.sai_tabbed:link, a.sai_tabbed:visited, a.sai_tabbed:active, a.sai_tabbed:hover, a.active{
background: #F9F9F9;
border-bottom:1px solid #F9F9F9;
display: table-cell;
box-shadow:none;
box-shadow:inset 0px 20px 10px #FFF;
text-decoration:none;
color:#000;
}

.sai_tabs a {
text-decoration:none;
}

.sai_single-tab{
width: 12%;
position: relative;
}

.sai_single-tab .btn{
border: none;
background-color: #2196f3;
border-radius: 0px;
}

.sai_single-tab .btn a{
color:#ffffff;
}

.btn.sai-plan-btn{
font-family: Poppins;
font-size: 14px;
padding: 10px 20px;
text-decoration: none;
color:#ffffff;
background-color: #4099FF;
}

.sai_single-tab button:focus{
box-shadow:none;
}

.sai_single-tab .dropdown-menu{
border-radius: 0px;
}

.sai_single-tab .dropdown-menu a{
font-size: 14px;
}

.sai_single-tab .dropdown-toggle::after{
position: absolute;
top: 17px;
right: 10px;
border-top: 0.3em solid #ffffff;
}

a.sai_insbut{
color:#FFF;
font-weight:bolder;
background: #447EDF;
border-bottom: 1px solid #447EDF;
vertical-align: middle;
box-shadow:none !important;
}

a.sai_insbutclicked, a.sai_insbut:hover{
color:#FFF !important;
background: #136AD5;
border-bottom: 1px solid #136AD5;
vertical-align: middle;
box-shadow:none !important;
text-decoration:none !important;
}

a.sai_insbutpad{
padding:7px;
}

.sai_tab2{
text-decoration:none;
font-size: 13px;
font-weight: bold;	
}

/*media query for tab2*/
@media screen and (max-width: 768px) {
.old_tab{
display:none;	
}
}

@media screen and (min-width: 768px) {
.new_tab{
display:none;	
}
}

/* Ending - Softwares Tabs */

.sai_heading{
height:auto;
font-size:18px;
color:#000;
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_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;
padding:10px !important;
}

.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);
}

@font-face {
font-family: 'OpenSans';
src:url('../default/fonts/OpenSans-Regular.eot?-cky9kd');
src:url('../default/fonts/OpenSans-Regular.eot?#iefix-cky9kd') format('embedded-opentype'),
url('../default/fonts/OpenSans-Regular.woff?-cky9kd') format('woff'),
url('../default/fonts/OpenSans-Regular.ttf?-cky9kd') format('truetype'),
url('../default/fonts/OpenSans-Regular.svg?-cky9kd#OpenSans') format('svg');
}

body{background-color: #FFF !important;
color: #000;
font-size: 12px;
margin:0px;
padding: 0px;
font-family: OpenSans, Verdana, Tahoma, Arial, "Trebuchet MS", "Times New Roman", Georgia;
}

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;
}

a:link,
a:visited,
a:active{
/* background-color: transparent; */
/* color: #333333; */
/* text-decoration: underline; */
}

a:hover{
background-color: transparent;
color: #000000;
text-decoration: underline;
}

.hr{
text-align:right;
margin-bottom:10px;
border-bottom: 5px solid #E4E4E4;
text-align: right;
padding-left:10px;
padding-right:10px;
}

/* 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;
font-size:13px;
font-weight:bold;
background: #EFF1F1;
}

.softnewsblock{
font-size:12px;
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: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #555555 0%, #333333 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#333333));
background: -webkit-linear-gradient(top, #555555 0%,#333333 100%);
background: -o-linear-gradient(top, #555555 0%,#333333 100%); 
background: -ms-linear-gradient(top, #555555 0%,#333333 100%);
background: linear-gradient(to bottom, #555555 0%,#333333 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#333333',GradientType=0 );
font-size:16px;
color:#fff;
margin-top:20px;
padding:10px;
text-align:center;

}
.news_content{
height:220px;
padding:10px;
color:#222;
border:1px solid #ccc;
font-size:13px;
overflow:auto;
margin-bottom:20px;
}

/*NEWS END*/
.currentrating{
font-size:28px;
font-family: OpenSans, Calibri, Arial, Helvetica, sans-serif;
color: #454545;
}

.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("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 {
font-family: OpenSans, verdana,arial,sans-serif;
font-size:11px;
color:#333333;
-webkit-box-shadow: 0 0 15px 5px #E2E2E2;
border:1px solid #D2D2D2;
}

.sai_altrowstable th {
/*background: #5BA4E5; */
/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #555555 0%, #333333 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#333333));
background: -webkit-linear-gradient(top, #555555 0%,#333333 100%);
background: -o-linear-gradient(top, #555555 0%,#333333 100%); 
background: -ms-linear-gradient(top, #555555 0%,#333333 100%);
background: linear-gradient(to bottom, #555555 0%,#333333 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#333333',GradientType=0 );
font-size:12px;
color:#fff;
text-align:left;*/
	
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; 
}
.sai_altrowstable th a{
text-decoration:none;
}
.sai_tr_bgcolor {
background: rgb(235, 245, 255);
}

.sai_oddrowcolor{
background-color:#FCFCFC;
}

.sai_evenrowcolor{
background-color:#F5F5F5;
}

.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{ 
box-shadow: #888 5px 10px 10px;
-webkit-box-shadow :#888 5px 10px 10px; 
-moz-box-shadow : #888 5px 10px 10px;
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%;
left:55%;
display:none;
}

/* Classes Navigation Menu Css */
.sai_cmenu{
margin:0;
padding:0;
width:216px;
list-style:none;
background:rgb(255,255,255);
}

.sai_cmenu li{
padding:10px;
display:block;
background:url('../default/images/cmenu_bg.jpg') repeat 0px -120px;
}

.sai_cmenu li a{
text-align:left;
padding:0px 10px;
font-size:13px; 
font-family: OpenSans, Verdana,Tahoma,Arial,"Trebuchet MS","Times New Roman",Georgia,sans-serif,serif;
color:rgb(133,127,127); display:block;  text-decoration:none;
}
.sai_cmenu li a:hover{
background:url('images/arrow.gif') no-repeat 180px 3px;
}

.class_arrow{
display:inline-block;
float:right;
margin-right:15px;
}

.blue_select{
background:url('images/softarrow.gif') no-repeat 180px 3px;
font-size:20px;
}

.buttons{
float: left;
padding-bottom: 20px;
clear: both;
}

a.selected{
background:url('images/arrow.gif') no-repeat 180px 2px;
color:#4876FF;
}

/* 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;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size:14px;
padding:2px;
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;
padding:2px;
}

.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; 
}

.sai_divroundshad{
moz-box-shadow: 0 0 15px 5px #E2E2E2;
-webkit-box-shadow: 0 0 15px 5px #E2E2E2;
box-shadow: 0 0 15px 5px #E2E2E2;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border:1px solid #D2D2D2;
padding:2px;
}

/*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;
}

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;
}

.sai_graybluebut, input[type=submit]{
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;
}

.sai_graybluebut:hover, input[type=submit]: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;
}

.sai_graybluebut:active, input[type=submit]: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 !important;
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;
}

#features_win .bg2{
color:#6c757d;
font-family: Poppins;
font-size: 14px;
font-weight: 300;
}

#features_win br,
#reviews_win br{
line-height: 1;
}

#features_win strong{
color: #333333;
font-weight: 500;
}


.sai-button,
a.sai-button{
font-family: Poppins !important;
font-size: 14px;
background-color: #565656 !important;
color: #000 !important;
padding: 10px 20px;
border:none;
text-decoration:none;
}

span.sai-button{
font-family: Poppins !important;
font-size: 14px;
background-color: #565656 !important;
color: #fff !important;
padding: 10px 20px;
border:none;
}

a.sai-button:hover{
background-color:#666666 !important;
color: #fff !important;
}

input .sai-button:hover{
background-color:#666666 !important;
color: #666 !important;
}

span.sai-button:hover{
background-color:#666666 !important;
color: #fff !important;
}

.sai-button a{
color: #ffffff;
text-decoration: none;
}

.footer{
height:30px;
border-top:1px solid #ccc;
box-shadow:inset 1px 1px 10px rgba(0,0,0,0.2);
}
.top{
margin-right:20px;
cursor:pointer;
}
.foot{
font-size:13px;
padding:10px 0px;
}
.foot a{
color:#176998;
}
.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;
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; 
}	


.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:5px;
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: 'Open Sans', 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: 40px;
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: 'Open Sans', 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;
}

#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;
}

button.btn, input.btn[type="submit"] {
}

.sai_purchased {
width:242px;
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: 'Open Sans', 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: 'Open Sans', sans-serif;
}

#clonefiles tr{
cursor:pointer;
}

/* 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);
}

/* LISTSOFTWARE STYLE ENDS HERE*/

.bg {
background-color: #FFF;
padding: 5px;
width: 100%;
margin: -8px auto;
padding-left:20px;
padding-right:20px;
}

.bg2 {
background-color: #FFF;
padding: 5px;
width: 100%;
margin: 3px auto;
}


.sai_info{	
color:#000;
font-family: OpenSans,Verdana,Tahoma,Arial,Georgia,sans-serif,serif;
font-size:12px;
}

div > label{
cursor:pointer;
}

/* #Turquoise Flat Button
==================================================*/
.turquoise-flat-button {
  position: relative;
  vertical-align: top;
  width: auto;
  height: 40px;
  padding: 0;
  font-size: 22px;
  color: white;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  background: #1abc9c;
  border: 0;
  border-bottom: 2px solid #12ab8d;
  cursor: pointer;
  -webkit-box-shadow: inset 0 -2px #12ab8d;
  box-shadow: inset 0 -2px #12ab8d;
}
.turquoise-flat-button:active {
  top: 1px;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.turquoise-flat-button:hover {
background: #14947B;
}

.flat-butt {
  display: inline-block;
  margin: 0 5px;
  border-radius: 3px;
  font-family: OpenSans, sans-serif;
  font-size: 16.5px;
  padding: 8px 10px;
  border: 0;
  background: #1abc9c;
  color: #666 !important;
  cursor: pointer;
  outline: 0;
}
.flat-butt:hover {
  background: #2fe2bf;
}


.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;
}

@media all and (max-width:550px){
	#softcontent{
		padding: 15px 10px;
	}

	.select-version {
		position: absolute;
		top: 80px;
		right: 50px;
	}

}

#softcontent{
padding:15px 20px;
}
.resource_gr{
background-color : #ffffff;
box-shadow:0 0 5px 0 #2b2b2b1a, 0 11px 6px -7px #2b2b2b1a;
}

.resource_header{
color:#ffffff;
font-weight:400;
padding: 18px;
}

.resource_header i{
font-size: 25px;
vertical-align: middle;
}

.resource_header .resource_heading{
font-family: Poppins;
font-size: 16px;
vertical-align: middle;
}

.resource_header .badge{
width: auto;
height: auto;
font-size: 15px;
padding: 8px;
vertical-align: middle;
box-shadow: 0 4px 4px #3e396b33;
margin-top: -4px;
border-radius: 5px;
}

.installation-block{
color: #ffffff;
background-color:#4a47a3 !important;
}

.installation-block .badge{
background-color: #ffffff;
color:#4a47a3;
box-shadow: 0 4px 4px #3e396b33;
}

.outdated-block.success{
background-color:#00917c;
}

.outdated-block.warning{
background-color: #ec524b;
}

.outdated-block.warning .badge{
color: #ec524b;
}

.outdated-block .badge{
background-color:#ffffff;
color:#00917c;
box-shadow: 0 4px 4px #3e396b33;
}

.backup-block{ 
background-color:#28527a;
}

.backup-block .badge{
background-color:#ffffff;
color: #28527a;
box-shadow: 0 4px 4px #3e396b33;
}

.stars-rating i,
.sai_coverstars i{
color: #4099FF; /* #ffea00;*/
margin-right: 4px;
}

.sai_boxgrid2_ts{
position: relative;
background-color: #ffffff;
border-radius:5px;
height: auto;
margin-bottom:30px;
box-shadow: 0 0 5px 0 #2b2b2b1a, 0 11px 6px -7px #2b2b2b1a;
transition: 0.3s;
}

.sai_boxgrid2_ts:hover{
box-shadow: 0 0 20px 6px #2b2b2b1a, 0 11px 6px -7px #2b2b2b1a;
}

.sai_boxgrid2_ts .cover,
.sai_boxgrid_js .cover{
width:55px;
}

.soft-news{
background-color:#fff;
/* box-shadow:0 0 8px 6px #00000005;*/
box-shadow: 0 0 5px 0 #2b2b2b1a, 0 11px 6px -7px #2b2b2b1a;
}

.soft-news .news-header{
box-shadow: 0 2px 4px 0 #2b2b2b1a;
}

.soft-news .news_content_header{
background-color:#263544;
color:#ffffff;
text-align: left;
font-weight: 500;
font-size: 16px;
margin-top:0px;
padding:10px 15px;
}

.soft-news .news_content{
padding:0px 10px;
height:350px;
margin: 5px 0px;
}

.news_content::-webkit-scrollbar,
#changelog_div .modal-body::-webkit-scrollbar{
width: 7px;
}

.news_content::-webkit-scrollbar-track,
#changelog_div .modal-body::-webkit-scrollbar-track{
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 15px;
}

.news_content::-webkit-scrollbar-thumb,
#changelog_div .modal-body::-webkit-scrollbar-thumb{
background-color: #448aff;
border-radius: 15px;
}

.saihover-details{
color:#6c757d;
font-size: 14px;
}

.saihover-details a.sai_btns{
cursor: pointer;
color: #4099FF;
border: 1px solid #4099FF;
font-family: 'Poppins';
font-size: 14px;
text-align: center;
padding: 4px 10px;
margin-bottom: 10px;
display: inline-block;
transition: 0.3s;
}

.saihover-details a.sai_btns:hover{
color:#ffffff;
background-color: #4099FF;
}

.saihover-details a.sai_btns_invert{
color:#ffffff;
background-color: #4099FF;
}

.saihover-details a.sai_btns_invert:hover{
background-color: #2A76B4;
}

.sai_main_head{
color:#252C46;
font-family: Poppins;
font-weight: 500;
margin-top:30px;
}

.sai_main_head_hr{
border-bottom: 2px solid #4099FF;
display: inline-block;
width: 80px;
margin: 10px 0px 30px;
}

.script-link{
text-decoration:none !important;
height: 10px;
}

.script-link .script-title,
.script-title{
font-family: Poppins;
font-size: 18px;
}

.sai_boxgrid2_ts:hover .sai_hover{
  opacity: 1;
}

.sai_hover .row{
margin-top:-10px;
}

.sai_hover a.sai_insbut{
text-decoration: none;
padding: 4px;
display: block;
text-align: center;
font-family: Poppins;
width: 100%;
font-size: 14px;
font-weight: 400;
background-color: #2196F3;
color: #ffffff;
}

.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;
}

.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;	
}

/** Stats on the userindex page classes **/

.statistic_grp{
	text-align: center;
}
.statistic_grp .title {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 16px 0;
	color:#333333;
}
.statistic_grp .content {
	display: inline-block;
	position: relative;
	height: 60px;
	width: 120px;
}
.dash {
    border-radius: 3px;
    height: 55px;
    position: relative;
    top: 12px;
    width: 150px;
}
.badge {
    background-color: #777;
    border-radius: 20px !important;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    min-width: 10px;
    padding: 10px 15px !important;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}

.dash .badge {
	background-color:rgba(0,0,0,0.5);
	font-size: 15px;
	font-weight:700;
}
.dash i {
	float: left;
	top: 12px;
	opacity: 0.7;
	font-size: 2.7em !important;
}
.resource_gr {
	border-radius: 4px;
	color: #FFFFFF;
}
.resource_header {
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 4px 4px 0 0;
	font-weight: 300;
	padding: 15px;
	font-size: 16px;
	text-align: center;
}
.resource_content {
	font-size: 18px;
	height:100px;
}
.resource_container {
	display: inline-block;
	text-align: center;
	position: relative;
}

.quick_form_toggle_btn{
	font-family: OpenSans;
	font-size:11px;
	background:#565656 !important;
	color:#fff !important;
	margin-top:8px;
	border-radius:0px;
}

.quick_form_toggle_btn:hover{
	background:#666666 !important;
	color:#fff;
}