html,body{margin:0;direction:rtl}
body,input,select{font-family:Tahoma;font-size:11px;vertical-align:middle}
p{margin:0 0 10px}
#container{margin:auto;width:830px;height:578px}
table{width:100%}
#style td{border-bottom:1px solid #fff}
#dispatch,#style,#choose-type,#type-sections{background:#f5f5f5;padding:5px;margin-bottom:5px;border:1px solid #ddd;border-radius:5px}
#preview{width:300px;border:0 !important}
#choose-type,.type-section,#type-sections{display:none}
.number{width:40px;text-align:center}
#hooloo{margin:10px 0;font-weight:bold;font-family:Tahoma}
#code{width:700px;height:40px !important;font-size:11px;float:left}
.choose-type-title{width:210px}
.color{width:40px}

.depth-0 {background: none repeat scroll 0 0 #ddd;font-weight: 700;}
.depth-1 {background: none repeat scroll 0 0 #eee;margin-right: 10px;}
.depth-2 {background: none repeat scroll 0 0 #fff;margin-right: 20px;}
.depth-3 {color: #444;margin-right: 30px;}

.t-group{background:#fff;border:1px solid #444}
.t-group ul{margin:0;padding:0}
.t-group li{padding:4px 5px;display:block}
.t-group ul .t-state-hover{background:#f5f5f5;cursor:pointer}