*{	margin:0;	padding:0;	}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {	display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {	content: '';	content: none; }
table {	border-collapse: collapse;	border-spacing: 0;}


body{ font: 12px/20px Verdana, Helvetica,Arial,sans-serif; position:relative; margin:15px; }
strong{ font-weight:bold; }
ul.normallist li{list-style:square; list-style-position:inside; }
ul.normallist ul li{ margin-left:1em; }
.content-wrapper{ overflow-x:hidden;  }
.content{  margin:20px 20px; width:10000px; }
h1{ font-family: Verdana, sans-serif; font-size:2.7em; margin: 1em 0; }
h2{ font-family: Verdana, sans-serif; font-size:2.2em; margin: 1em 0; }
h3{ font-family: Verdana, sans-serif; font-size:1.75em; margin: 1em 0; }
h4{ font-family: Verdana, sans-serif; font-size:1.25em; margin: 1em 0; }
h5{ font-weight:normal; font-size:1.05em; margin:0.5em 0.05em; }
hr{ background: none repeat scroll 0 0 #DDDDDD; border: 0 none; height: 1px; }

.sc-con { width:650px; overflow:auto; position:relative; height:700px; }
.pop-menu{ width:630px; overflow:hidden; position:relative; cursor:pointer; }
.pop-menu li{ list-style:none; padding:10px; font-size:1.5em; width:100%; background: transparent url('img/dzsarrows.png') no-repeat 90% 50%; border-bottom:1px solid #eee;  }
.pop-menu li:last-child{ border-bottom:0px solid #eee;  }
.menu-page { position:absolute; left:630px; display:none; top:0; width:100%;}
.sc-title{ font-size:1.5em; margin:1em 0; }
.button-secondary{ padding:3px 7px; display:inline-block; background: #4c4c4c; text-shadow:none;
background: -moz-linear-gradient(top, #4c4c4c 0%, #7d7e7d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(100%,#7d7e7d));
background: -webkit-linear-gradient(top, #4c4c4c 0%,#7d7e7d 100%);
background: -o-linear-gradient(top, #4c4c4c 0%,#7d7e7d 100%);
background: -ms-linear-gradient(top, #4c4c4c 0%,#7d7e7d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#7d7e7d',GradientType=0 );
background: linear-gradient(top, #4c4c4c 0%,#7d7e7d 100%); border: 1px solid rgba(0,0,0,0.5); border-radius:5px; color:#eee; cursor:pointer;
margin:10px 0; }
.button-secondary:hover{ padding:3px 7px; display:inline-block; background: #4c4c4c; text-shadow:none;
background: -moz-linear-gradient(top, #4c4c4c 0%, #7d7e7d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(100%,#7d7e7d));
background: -webkit-linear-gradient(top, #4c4c4c 0%,#7d7e7d 100%);
background: -o-linear-gradient(top, #4c4c4c 0%,#7d7e7d 100%);
background: -ms-linear-gradient(top, #4c4c4c 0%,#7d7e7d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#7d7e7d',GradientType=0 );
background: linear-gradient(top, #4c4c4c 0%,#7d7e7d 100%); border: 1px solid rgba(0,0,0,0.5); border-radius:5px; color:#fff; cursor:pointer; }

.button-primary{ padding:3px 7px; margin-top:10px; text-shadow:none; display:inline-block; background: #7abcff;
background: -moz-linear-gradient(top, #7abcff 0%, #60abf8 44%, #4096ee 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee));
background: -webkit-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%);
background: -o-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%);
background: -ms-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 );
background: linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%); border: 1px solid rgba(0,0,0,0.5); border-radius:5px; color:#fff; cursor:pointer; 
margin:10px 0;}

.button-primary:hover{ padding:3px 7px; margin-top:10px; text-shadow:none; display:inline-block; background: #7abcff;
background: -moz-linear-gradient(top, #7abcff 0%, #60abf8 44%, #4096ee 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee));
background: -webkit-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%);
background: -o-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%);
background: -ms-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 );
background: linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%); border: 1px solid rgba(0,0,0,0.5); border-radius:5px; color:#fff; cursor:pointer; }

a.bluebg{ background:#0cF; color:#fafafa!important; padding:5px 8px; text-decoration:none; display:inline-block; margin-top:5px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;	}
a.bluebg:hover{ background:#0dF;}
input[type="text"]{background: none repeat scroll 0 0 #fdfdfd;
    border-color: #CCCCCC #EEEEEE #EEEEEE #CCCCCC;
    border-style: solid;
    border-width: 1px;
    color: #555;
    display: block;
    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
    font-size: 12px;
    padding: 5px;
    resize: none;
	box-shadow:0 0 2px 1px rgba(0,0,0,0.05);}
	
.colorpicker{ position: relative; }
.colorpicker .mColorPickerTrigger { position:absolute; top:5px; left:180px; }


/*columns*/
.columns-con{ position:relative; width:100%; height:auto; }
.sc_column, .sc_tab{ border:1px solid rgba(0,0,0,0.1); background-color:rgba(0,0,0,0.02); box-sizing: border-box; -moz-box-sizing: border-box;  -webkit-box-sizing: border-box; margin-top:10px; padding:0px 15px 15px; border-radius:5px; }

.sc_column textarea, .sc_tab textarea{width:90%; height:100px; padding:8px 10px; background: none repeat scroll 0 0 #fdfdfd;
    border-color: #CCCCCC #EEEEEE #EEEEEE #CCCCCC;
    border-style: solid;
    border-width: 1px;
    color: #555;
    display: block;
    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
    font-size: 12px;
    padding: 5px;
    resize: none;
	box-shadow:0 0 2px 1px rgba(0,0,0,0.05);  }
.sc_column  h4 {  }

.sc_tab h5{margin-top:1em;}

.one_full { width:100% }
.one_half{ width:48%; }
.one_third{ width:30.66%; }
.two_third{ width:65.33%; }
.one_fourth{ width:22%; }
.three_fourth{ width:74%; }
.one_fifth{ width:16.8%; }
.two_fifth{ width:37.6%; }
.three_fifth{ width:58.4%; }
.four_fifth{ width:67.2%; }
.one_sixth{ width:13.33%; }
.five_sixth{ width:82.67%; }
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ position:relative; margin-right:4%; float:left; }
.last{ margin-right:0 !important; clear:right; }
.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%; }



.ui-button{
	box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.2);
border-color: #222;
background: #444;
background: -moz-linear-gradient(top, #444 0%, #333 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444), color-stop(100%,#333));
background: -webkit-linear-gradient(top, #444 0%,#333 100%);
background: -o-linear-gradient(top, #444 0%,#333 100%);
background: -ms-linear-gradient(top, #444 0%,#333 100%);
background: linear-gradient(top, #444 0%,#333 100%);
font-size:9px;
height: 29px;
line-height: 11px;
padding: 7px 14px 9px 14px;
color:#fff;
position: relative;
border: 1px solid rgba(0,0,0,0.2);

cursor:pointer;
}

/* ---- styleme selector */
.select-wrapper{ background: url("../admin/img/select.png") no-repeat scroll right center #fefefe; width: 150px; height:28px; 
border-color: #CCCCCC #EEEEEE #EEEEEE #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    color: #888888;
    display: inline-block; }
.select-wrapper select{cursor: pointer;
height: 28px;
padding: 0;
margin-left:0;
opacity:0;
position: relative;
width: 150px;
z-index: 4; }
.select-wrapper span{    height: 26px;
    line-height: 26px;
    padding-left: 6px;
    position: absolute;
    z-index: 2;
}
html[dir=rtl] .select-wrapper span{ margin-right:36px;
}






