1#@!#!123s

: / usr / local / sitepad / www / themes / default / admin /
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: #EDEDED;
color: #000;
font-size: 12px;
padding: 0px;
margin:0px;
font-family: OpenSans, Verdana, Tahoma, Arial, "Trebuchet MS", "Times New Roman", Georgia, sans-serif, serif;
}

.body{
-moz-box-shadow: 0 0 5px 5px #EEE;
-webkit-box-shadow: 0 0 5px 5px #EEE;
box-shadow: 0 0 5px 5px #EEE;
border:1px solid #CCC;
}

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

table,tr,td{
background-color: transparent;
color: #000;
font-size: 12px;
}

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;
outline: none;
}

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

/*News Display on Admin Index Page*/
.softinfo{
color: #333333;
line-height:180%;
}

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

.softnewsblock{
font-size:13px;
padding-left:10px;
padding-top:4px;
padding-bottom:4px;
}

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

.softnewshead{
padding:5px;
margin:2px;
background: #EFF1F1;
}

/*End of News Display on Admin Index Page*/

.sai_heading{
font-size:23px;
color:#676a6c;
margin-top:20px;
font-family: OpenSans, Helvetica, Verdana, Arial, sans-serif;
}

/*Used For Form Details and Heads*/
.sai_head{
font-weight:bold;
color:#333333;
}

.sai_exp{
color: #777777;
}

.sai_exp2{
color: #777777;
}

.sai_cbor{
border: 1px solid #d6d6d6;background-color: #FFFFFF;
}

.sai_cbg{
background-image: url(../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-image: url(../images/bg.gif);
}


/* All forms error handler */
.sai_error{
height:auto;
background-image:url(../images/supbloimg.gif);
background-position:center;
background-repeat:repeat;
-webkit-box-shadow: 0 5px 15px -3px #F5F5F5;
-moz-box-shadow: 0 5px 15px -3px #F5F5F5;
box-shadow: 0 5px 15px -3px #F5F5F5;
-webkit-box-shadow: 0 5px 15px -3px #BFBFBF;
-moz-box-shadow: 0 5px 15px -3px #BFBFBF;
box-shadow: 0 5px 15px -3px #BFBFBF;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border:1px solid #D2D2D2;
padding:10px;
}


/* Category Reorder */
.catreo{
border:1px solid #CCCCCC;
background: #EFF1F1;
padding:4px 0px;
position:absolute;
top:0px;
left:0px;
z-index:0;
visibility:hidden;
cursor:move;
}

.catreo:hover{
border:1px solid #8CC1F2;
background: #C6E1F9;
padding:4px 0px;
position:absolute;
-webkit-box-shadow: 0px 0px 2px #75D2FF;
-moz-box-shadow: 0px 0px 2px #75D2FF;
box-shadow: 0px 0px 2px #75D2FF;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
}

.lione{
background-color: #F2F2F2;
}


.litwo{
background-color: #E7F2FA;
}

.lioutdated{
background-color: #F99468;
}

.lirealver{
background-color: #6CF;
}

/*END OF LIST INSTALLATION STYLING*/

.sai_notice, .sai_success{
background-color: #FAFBD9;
font-size:13px;
padding:8px;
text-align:center;
width:90%;
margin:0px auto;
}

input.sai_submit, a.sai_abut{
background:url(../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(../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;
}

/*********************************/
/*   topscripts css              */
/********************************/

#all_users{
font-size: 0.8em;
background: #FFF;
color: #666;
line-height: 2.4em;
padding-left:5px;
margin: 0px;
border-top: 1px solid #666;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #666;
width: 273px;
height: 282px;
resize: none;
float:left;
overflow:auto;
}

#all_users .innertxt{
font-size: 0.8em;
color:#666666;
display:inherit;
border-bottom: dashed 1px #cccccc;
cursor:pointer;
height:40px;
}

#all_users .innertxt strong{
color:#666666;
font-size:13px;
color:#333333;
margin-top:20px;
font-family: OpenSans, "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
}
	
#selected_users{
font-size: 0.8em;
background: #FFF;
color: #666;
line-height: 2.4em;
padding-left: 5px;
margin: 0px 0px 0px 10px;
border-top: 1px solid #666;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #666;
width: 273px;
height: 282px;
resize: none;
float:left;
overflow:auto;
}

#selected_users .innertxt2{
font-size: 0.8em;
color:#666666;
display:inherit;
border-bottom: dashed 1px #cccccc;
cursor:pointer;
height:40px;
}

#selected_users .innertxt2 strong{
color:#666666;
font-size:13px;
color:#333333;
margin-top:20px;
font-family: OpenSans, "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
}

.float_break{
margin:0;
padding: 0;
clear:both;
height:0;
font-size: 1px;
line-height: 0;	
}

/************************************/
/*CODE FOR DISPLAYING ALTERNATE ROWS*/
/************************************/

.sai_altrowstable {
font-family: OpenSans, Verdana, Arial, sans-serif;
font-size:11px;
border: 1px #EEEEEE solid;
}

.sai_altrowstable th {	
background: url(../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_tr_bgcolor {
background: rgb(235, 245, 255);
}

.sai_oddrowcolor{
background-color:#FCFCFC;
}

.sai_evenrowcolor{
background-color:#F5F5F5;
}

/************************************/
/*CODE FOR MESSAGE BOX*/
/************************************/

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

.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"] {
margin-top: 30px;
}

a.sai_insbut:link, a.sai_insbut:visited, a.sai_insbut:active, a.sai_insbut:hover{
padding:5px 0px;
text-decoration: none;
color: #FFFFFF;
display:inline-block;
font-weight:bold;
text-align:center;
width:80px;
background: url(../images/insbut.gif) 0 -0px no-repeat;
}


/*Basic Font used everywhere*/
.sai_bboxtxt{
font-size:14px;
font-family: OpenSans, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #454545;
line-height:140%;
}


/*Box shadows Everywhere*/
.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: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border:1px solid #D2D2D2;
}

/*Alternate row color scheme*/
.sai_altrow{
background-color:#F8F8F8;
}

.sai_naltrow{	
background-color:#FFF;
}

.sai_naltrow:hover, .sai_altrow:hover{	
background-color:#C9E3FA;
cursor:pointer;
-webkit-transition: background 0.3s linear;
outline:none;
}
/*END OF Alternate row color scheme*/

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

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

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

/*FORM STYLING AND GLOW EFFECT*/
.sai_reviewform{
border: 1px solid #ddd;
margin: 0px 0 0 0;
background: #fff;
		
/* -- CSS3 - define rounded corners for the form -- */	
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;		

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

.sai_reviewform input[type=text], textarea, select, input[type=password]{
padding: 3px;
background: #fff;
font-size: 12px;
color: #333;
border: 1px #CCCCCC solid;

/* -- CSS3 Transition - define what the transition will be applied to (i.e. the background) -- */		
-webkit-transition: background 0.3s linear;						
outline:none;
}

.sai_reviewform input[type=text]:hover,  textarea:hover, select:hover, input[type=password]:hover { 
background: #FAFCFE;
border-color: rgba(82, 168, 236, 0.8);
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
}


.sai_reviewform input[type=text]:focus, textarea:focus, select:focus, input[type=password]:focus{
background: #FAFCFE;
border-color: rgba(82, 168, 236, 0.8);
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);transition: all 0.25s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
}

/*END OF FORM STYLING AND GLOW EFFECT*/

/*NOTE BOX EFFECT*/
.sai_notebox{
position: relative;
width: 60%;
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*/

.adv_cat{
font-family: OpenSans, Verdana, Arial, sans-serif;
font-size:11px;
color:#333333;
moz-box-shadow: 0 0 15px 5px #E2E2E2;
-webkit-box-shadow: 0 0 15px 5px #E2E2E2;
box-shadow: 0 0 15px 5px #E2E2E2;
border:1px solid #D2D2D2;
}

.adv_cat th {	
background: url(../images/adv_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; 
}

/* Suggest */
.suggestbox{
visibility:hidden;
position:absolute;
border:solid 1px #CCCCCC;
background-color:#FFFFFF;
color:#1E61A4;
top:0px;
left:0px;
width:19%;
z-index:1;
line-height:150%;
}

a.suga:link, a.suga:visited, a.suga:active, a.suga:hover{
width:100%;
display:block;
text-decoration: none;
color:#1E61A4;
background-color: #FFFFFF;
}
 
a.sugaon:link, a.sugaon:visited, a.sugaon:active, a.sugaon:hover{
background-color: #E3EAE9;
width:100%;
display:block;
text-decoration: none;
color:#1E61A4;
}

/* Ending - Suggest */

.nav-side-menu {
font-family: OpenSans, Verdana;
font-size: 12px;
font-weight: 200;
background-color: #2e353d;
position: relative;
top: 0px;
width: 175px;
height: 100%;
color: #e1ffff;

}
.nav-side-menu .brand {
background-color: #2E353D;
line-height: 50px;
display: block;
text-align: center;
font-size: 14px;
}

.nav-side-menu ul,
.nav-side-menu li {
list-style: none;
padding: 0px;
margin: 0px;
line-height: 35px;
cursor: pointer;  
}

.nav-side-menu ul .active,
.nav-side-menu li .active {
border-left: 3px solid #29B7D3;
background-color: #4f5b69;
}

.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
color: #29B7D3;
}

.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
color: #29B7D3;
}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
background-color: #181c20;
border: none;
font-size: 11px;
line-height: 28px;
border-bottom: 1px solid #23282e;
margin-left: 0px;
}
.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
background-color: #020203;
}

.nav-side-menu li {
padding-left: 10px;
border-left: 3px solid #2e353d;
border-bottom: 1px solid #23282e;
}
.nav-side-menu li a {
display: block;
text-decoration: none;
color: #e1ffff;
}
.nav-side-menu li a i {
width: 20px;
padding-right: 20px;
}
.nav-side-menu li:hover {
border-left: 3px solid #29B7D3;
background-color: #4f5b69;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}

.nav-side-menu .menu-list .menu-content {
display: block;
}

.left_toggle_btn{
position:absolute;
margin:85px 0px;
cursor:pointer;
z-index:2;
background-color: #333;
display:none;
padding:10px;
width:40px;
vertical-align: middle;
}

.sai_smbox{
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
margin: 0 0 30px;
padding: 25px 0;
width:100%;
text-align: center;
text-decoration: none !important;	
}

.sai_licensebox{
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
margin: 0 0 30px;
padding: 25px 0;
width:100%;
text-decoration: none !important;
}

.sai_newzbox{
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
padding: 25px 0;
width:100%;
text-decoration: none !important;
}

.bg2{
width:90%;
margin:0 auto;
}

.sai_foot{
background:#fff;
height:40px;
}

.sai_head{
color: #676a6c;
font-family: OpenSans,Verdana,Tahoma,Arial,Georgia,sans-serif,serif;
font-size: 12px;
font-weight: bold;
}

.sai_hr{
background:#d3d3d3;
width:100%;
height:1px;	
}

.sai_form{
background: #fff;
padding:10px 10px;
		
}

.sai_form_adj{
padding-left:10px;
padding-right:10px;
color: #676a6c;
}

.sai_form_head{
background-color: #d7d7d7;
border-bottom: 1px solid transparent;
border-color: #e9e9e9 #e9e9e9 transparent;
color: #000;
padding:10px 10px;
font-size:15px;
}

.sai_main_head{
background-color: #d7d7d7;
border-bottom: 1px solid transparent;
border-color: #e9e9e9 #e9e9e9 transparent;
color: #676a6c;
padding:10px 10px;
font-size:16px;	
font-weight: bold;
}

.alert{
font-size:14px;
font-family: OpenSans,Verdana,Tahoma,Arial,Georgia,sans-serif,serif;
}

.flat-butt{
display: inline-block;
border-radius: 3px;
font-family: OpenSans, sans-serif;
font-size: 14px;
padding: 6px 12px;
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;
}

.sai_search_box{
width:95%;
height:30px;
margin:3%;
color:#666;
}

.ie8_users{
margin-left:5%\9; /*IE8*/
margin-left:5%\0; /*IE9*/
}

.width80{
	width:80%;
}

/*For Chrom only*/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.ie8_users{
	margin-left:6%;
	}
}

@media (max-width: 767px) and (-webkit-min-device-pixel-ratio:0){
	.ie8_users{
	margin-left:8%;
	}
}

@media (max-width: 767px) {
.nav-side-menu .toggle-btn {
display: block;
cursor: pointer;
position: absolute;
right: 10px;
top: 10px;
z-index: 10 !important;
padding: 3px;
background-color: #ffffff;
color: #000;
width: 40px;
text-align: center;
}

.left_panel{
display:none;	
}
.left_toggle_btn{
display:block;		
}
.nav-side-menu .menu-list .menu-content {
display: block;
}  

.width80{
width:100%;
}

}

.script_cat{
margin-top:20px;
}

.script_choose td, .script_choose .row{
padding:8px;
margin:1px;
}

.script_selected td, .script_selected .row{
padding:8px;
background: #c5eaff;
}

.fa-rotate-360{
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
transition: .8s;
}