body {
	-webkit-font-smoothing:antialiased;
	-webkit-text-stroke: 1px transparent;
	-moz-font-smoothing:antialiased;
	-moz-text-stroke: 1px transparent;
	
    margin: 0 auto;
    text-align: center;
	background:var(--white_bg);
	
	direction: rtl;

	
	color:var(--white);
	 box-sizing: border-box;
 -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
 -webkit-box-sizing: border-box;
	}
.line { clear: both; border-bottom: 1px solid #ddd; margin: 0 0 10px; }	

#container {

    height: auto;
    margin: 0 auto;
    position: relative;
    width: 1000px;
   
}


#logo {
float:right; 
display:block;
margin: 0px 0px 0px 65px; 
}


#body_cont{
margin:10px 0px;
min-height: 500px;
text-align:center;
border-top:dotted #999 1px;
}

.no_result{
height:40px;
width:400px;
font-size:18px;	
padding:30px;
background:white;
color:#333;
margin:40px 250px 150px 100px;
border:solid 1px #777;

}
.static_img{
height:100px;
width:100px;
float:right;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.4);
border: 1px solid #9D9EA9;
}

.static_img_tall{
height:auto;
width:auto;
margin-right:20px;
float:right;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.4);
border: 1px solid #9D9EA9;
margin-top:10px;	
	
}



.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    width: 100%;
    height: 300px;
    overflow: scroll;
}


.pic_option{	
padding:5px 5px 0px 5px;
background:white;	
border-radius: 3px 3px 3px 3px;
box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.4);
height:30px;
width:200px;
text-align:right;
margin:10px 0px;
font-size:16px;	
}

.pic_option input{	
margin-left:10px;
}

#input_div span{
width:90px;	
margin-right:10px;
}

#option_cont{
text-align:right;	
width:220px;	
float:right;
margin-right:20px;
}
#input_div{
text-align:right;	
width:735px;	
float:right;
position:absolute;
top:60px;
right:240px;
background:#f3f3f3;
border:solid 1px #e0e0e0;
padding:5px;
_padding:5px;
}


#form_cont{
position:relative;	
background:var(--white_bg);
width:1000px;
overflow:hidden;
color:#333;
}

#input_div span , #input_div #comment ,#input_div input{
float:right;	
}  

#form_cont{
position:relative;	
}

.list_item{
padding:0px 5px;
background:white;	
border-radius: 3px 3px 3px 3px;
box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.4);
height:100px;
width:770px;
float:left;
display: table; 
text-align:right;
}
.list_item a:hover{
color:#F5D300;	
}
.list_item a:active,.list_item a:visited,.list_item a:link,.list_item a:focus{
color:#333;	
}

.list_item_tall{
padding:5px;
_padding:11px;
margin:10px 0px ;
background:white;	
border-radius: 3px 3px 3px 3px;
box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.4);
width:700px;
float:right;
margin-right:10px;
display: table; 
text-align:justify;
line-height:25px;

}

.list_item_tall  li{
margin-bottom:10px;	

padding:6px ;
text-decoration: none;
list-style: none;

}
.list_item_tall li{
margin-bottom:10px;	

padding:6px ;
}



.list_item p{
display: table-cell; 
vertical-align: middle; 
	
width:100%;
}

.list_item:hover{

}

.list_item_tall p{
background:#888;
height:30px;

line-height: 33px;
padding:0px 10px;
color:white;
margin-top:0px;
}

.list_item_tall .title{
background-image: url("../img/news_repeat2.jpg");	
height:30px;

line-height: 30px;
padding:0px 10px;
color:white;
margin-top:0px;
width:690px;
margin-bottom:10px;
}





/*center p*/
.list_item p { position: relative; font-size: 16px;
margin-top: inherit;
*clear: expression(
style.marginTop = "" + (offsetHeight < parentNode.offsetHeight ? parseInt((parentNode.offsetHeight - offsetHeight) / 2) + "px" : "0"),
style.clear = "none", 0
);
}

#photoimg,#preview{
float:right;	
margin-left:10px;
}

.cp_title{
float:right;
display:inline;
width:210px;
color:#333;
height:30px;
text-align:right;
margin-right:5px;		
}
#top_bar{
position:absolute;
top:0px;
left:0px;
background:#333;
height:30px;
line-height:30px;
}

.view_image{
border:solid 1px #777;	
}
.top_link{

float:right;
display:inline;
font-size:13px;
text-align:center;
margin:2px 5px;
}
.top_link_break{
width:1px;
float:right;
display:inline;
margin:0px 5px;
	
}

#cp_logo {
    display: inline;
    float: left;
    height: 150px;
    margin-top: 2px;
    width: 150px;
}


#slogan {
    display: inline;
    float: left;
    height: 147px;
    margin: 1px;
    width: 449px;
}
#top_slogan {
    color:white;
    font-size: 30px;
    height: 40px;
    margin-top: 45px;
    text-align: left;
}

.top_link a{
display: inline;
line-height:20px;
cursor: pointer;
color:var(--white);	
font-size:14px;
}

.cp_login_row{
margin : 0px 4px;
width:98%;
overflow:hidden;
background:#f8f8f8;


box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.4);
line-height: 40px;	
padding:5px;
}
.cp_submit_row{
margin : 20px 10px;
height:60px;
overflow:hidden;
background:#f8f8f8;

box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.4);
line-height: 40px;	
padding:5px;	
}

.cp_add_row{
margin : 20px 0px;
height:70px;

}

.cp_adda_row{
margin : 20px 0px;
height:100px;

}


#right_col,#left_col{
width:445px;
float:right;
margin:10px;
background:#E6E6E6;
padding:10px;	
overflow:hidden;
}
#center_col{
width:2px;
height:200%;
border-right:solid 1px #222222;
float:right;	
margin-right:20px;
margin-left:20px;
overflow: hidden;
}
.submit_row{
height:100px;
width:900px;
text-align:center;
margin :0 auto;	
}

#right_col select ,#left_col select{
height:40px;
width:300px;
font-size:16px;
text-align:right;	
border: 1px solid #333333;	
line-height:30px;
color#333;
}
option{
padding-right:5px;
background:#363636;
color:var(--white);
line-height:30px;
height:40px;
}


.cp_logina_row{
margin : 20px 0px  ;
/*overflow:hidden;*/	
background:white;
border-radius: 3px ;
-moz-border-radius: 3px;
box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.4);
padding:20px 10px;
display:inline-block;
width:100%;
}
.cp_login_tall{
margin : 20px 0px  ;
overflow:hidden;	
background:white;
border-radius: 3px;
-moz-border-radius: 3px;
box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.4);
padding-bottom:10px;
display:block;	
}

#cp_title{
height:35px;
margin:10px 5px;
border:dotted 1px #333333;
font-size:20px;	
background:#003E3D;
line-height:35px;
color:var(--white);

}
.field_val,#captcha_field_val{
float:right;
width:250px;
height:30px;
color:red;
text-align:right;
margin-right:10px;

}

.cp_field{
float:right;
display:inline;	
width:100%;
/*overflow: hidden;	*/
}

.cp_field input , .cp_field select{
float:right;
display:inline;	
width:300px;
height:40px;	
background:#f2f2f2;
border: 1px solid #aaa;
border-radius: 2px;
-moz-border-radius: 2px;
color:#333;
text-align:right;
font-size:14px;
color:#555;
-webkit-box-shadow: 2px 2px 0px 0px #e3e3e3;
box-shadow: 2px 2px 0px 0px #e3e3e3;
line-height:30px; 
line-height:30px;
}
.cp_field input,.cp_field select,.cp_field input{
margin-top:5px;	
}

.cp_field input:hover , .cp_field select:hover{
box-shadow:0 15px 10px -15px rgba(0, 0, 0, 0.4)
}
.cp_fielda input ,.cp_fielda select {
float:right;
display:inline;	
width:270px;
background:var(--light1);
border:solid 1px #333333;
text-align:right;
color:#555;
font-size:16px;
font-weight:bold;
margin-top:10px;
}
.cp_field textarea{
float:right;
display:inline;	
width:260px;
height:95px;	
background:#f2f2f2;
border: 1px solid #aaa;
border-radius: 2px;
-moz-border-radius: 2px;
text-align:right;
color:#555;
font-size:16px;
font-weight:bold;
}

.cp_submit{
float:right;
text-align:center;	
width:100%;
height:50px;
margin-top:15px;
vertical-align: middle;
display:table-cell;
}

.cp_submit input{
margin-right:10px;	
width:100px;
height:35px;	
background:#0368AF;
border:solid 2px #015999;
color:var(--white);
font-size:18px;
font-weight:bold;
cursor: pointer;
box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.4);
border-radius: 3px 3px 3px 3px ;
}



.message{

font-size:16px;
background:#E3F8D8;
border:dotted 1px #333333;	
margin:10px 10px 100px 10px;
color:var(--white);
overflow: hidden;
line-height:40px;
}


.true{
height:40px;
font-size:16px;
background:#E3F8D8;
border:dotted 1px #333333;	
margin:10px;
color:#333;
overflow: hidden;
line-height:40px;

}



.false{
height:40px;
font-size:20px;
background:#F2C9CA;
border:dotted 1px red;	
margin:10px;
overflow: hidden;
line-height:40px;
}
.table_tr{
background-image:url(../img/news_repeat.jpg);
background-repeat: repeat-x;
overflow:hidden;
height: 30px;
line-height:30px;
color:#333;

}
.table_tr td div{
overflow:hidden;
height:30px;
overflow:hidden;
width:100%;

}

.first_table_tr{
background-image:url(../img/top_tr.jpg);
background-repeat: repeat-x;
height:30px;	
text-align:center;	
overflow: hidden;
color:var(--white);
}
.table_tr tr{
overflow: hidden;	
}


.num_con,.num_con_search{
height:20px;
width:20px;
background:#333;
background-repeat: repeat-x;
margin:0px 5px;
border:1px solid #333333;
float:right;
cursor: pointer;
text-align:center;
color:white;
line-height:20px;
}

.num_active{
background:#E7871C;
font-weight:bold;	
}

.num_con{
height:20px;
width:20px;
background-repeat: repeat-x;
margin:0px 5px;
border:1px solid #333333;
float:right;
cursor: pointer;
text-align:center;
font-style:normal;
}
.num_con_load{
height:20px;
width:20px;
background-image:url(../img/news_repeat2.jpg);
background-repeat: repeat-x;
margin:0px 5px;
border:1px solid #333333;
float:right;
cursor: pointer;
text-align:center;
}

#result_limit{
position:relative;
height:420px;
width:980px;

overflow: hidden;

border-bottom:solid thin #ddd;
margin:5px 10px;
	
}

#result_view{
position:absolute;
top:0px;
left:0px;
width:980px;
}


tr{
height:30px;
line-height:30px;
overflow: hidden;	
}
#result_view tr td{

padding:0px 2px 0px 2px;
overflow: hidden;	
line-height:30px;	
height:30px;
border:solid 1px #ccc;
}

#uum_container{
margin-right:5px;	
margin-top:5px;
}

.edit_news,.delete,.active_image,.no-delete{
cursor: pointer;	
	
}





#login{

}



.form_logo{
float:right;
width:30px;
height:30px;
}
.form_title{
float:right;
width:100px;
height:30px;
text-align:right;	
}


#login_logo{
width:260px;
float:right;
height:120px;
background-image:url(../img/img_header_logo.jpg);
background-position: center center;
background-repeat:no-repeat ;
border-left:#fff solid 1px;
margin-left:20px;
margin-top:20px;
}

.success{
height:35px;
margin:70px 10px 10px 10px;
border:dotted 1px #333333;
font-size:20px;		
background:#9FBD29;
background-repeat: repeat-x;
color:white;	
line-height:35px;
}
.faild{
height:35px;
margin:10px;
border:dotted 1px #333333;
font-size:20px;		
background:#F2C9CA;
color:#333333;	
clear: both;
}


//////////cp

.cp_row_cont{
width:998px;
height:200px;
border:solid 1px #2E2E2E;
margin-top:50px;
margin-bottom:5px;
color:var(--black);
}
.cp_row_title{
cursor:pointer;
height:50px;	
background:#1A9CF4;
width:1000px;
margin-bottom:2px;

}
.cp_body{

overflow:hidden;
;
background:var(--white_bg);	
text-align:center;
color:#333;
font-size:18px;
text-align:right;
line-height:30px;
padding:20px;
}
.cp_body_tall{
width:1000px;
height:330px;

}


.cp_item_cont{
overflow:hidden;
width:120px;	
text-align:center;
float:right;
box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.4);
border-radius: 10px ;
background:var(--white_bg);
border:solid #ccc 1px;	
margin:10px 9.5px;
color:#666;
}

.cp_item_cont:hover{
background:#007CD6;	
color:var(--white);	
}

.cp_item_icon{
height:100px;
width:100px;
margin:0px 10px;
}
.cp_item_title{
height:20px;

margin:5px 0px;

font-size:18px;
}

.arrow_title ,.cp_arrow{
float:right;	
margin-top:15px;
}

.arrow_title{
margin-right:165px;
width:550px;
text-align:center;
color:white;
font-size:20px;
}
.cp_arrow{
margin-right:10px;
}

#cp_cont{
color:#333;
font-size:16px;
text-align:center;
margin-top:190px;

}
.cp_word_body{
width:98%;
text-align:center;	
margin:0 1%;
background:#E6E6E6;
padding:8% 1%;
overflow:hidden;
}

select option {
   
    text-align: center;
    font-size:14px;
    padding:4%;
}

#load_wait{
height:1100px;
width:100%;
min-height:50px;
position:absolute;
top:0px;
left:0px;
opacity:0.8;
z-index:1;
background:url("../img/loading.gif") no-repeat center center white;
display:none;
overflow:hidden;
}

/*----------------------------------------num------------------------------------*/

#num_container{
height:22px;	
border-top:1px solid #D3D3D3;
padding:5px;
width:97%;
float:right;
margin:10px ;
background:var(--white_bg);
}

.num_con a:active,.num_con a:link,.num_con a:visited{
color:#F0E8E8;	
}

.num{
width:20px;
height:20px;
border:solid 1px #333;
background:#aaa; 
color:#333;	
float:left;
margin:5px;	
cursor: pointer;
text-align:center;
line-height:18px;
}

#num_cont{
border:solid 1px var(--black);
background:#333;
display: inline-block;
height:30px;
margin:15px;
float:left;
}


.wrapper {
     width: 120px; /*play with this value */
     height: 38px; /*play with this value */
     background:url(../img/upload.png) #1F73AF;
     border:none;
     overflow:hidden;
     border:dotted #999 1px;
     margin-top:5px;
     cursor: pointer;	
     z-index:1000;
     border-radius: 3px ;
	-moz-border-radius: 3px;
	box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.4);
	float:right;
}

.wrapper:hover {
 background:url(../img/upload.png) #3760A3;	
}
.browse{
	 cursor: pointer;	
     margin-left:-145px; /*play with this value */
     opacity:0; /* set to .5 or something so you can better position it as an overlay then back to zero again after you're done */
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}




#search_box{
	background:#f3f3f3;
    border: 1px solid #c3c3c3;
    border-radius: 2px;
    -moz-border-radius: 2px;
    color:#555;
    text-align:left;
    height: 25px;
   	display: inline;
    width: 200px;
    font-size:14px;

    text-align:left;
    padding:5px;

}

#search_btn{
float:left;
background-image:url("../img/search_btn.jpg");
height:40px;
width:40px;
border:none;
cursor: pointer;
}

#search_text{
float:left;
color:#333;
height:40px;
width:200px;
border:solid 1px #fff; 
cursor: pointer;

}



.right_header{
position:absolute;
right:0px;
width:300px;
height:60px;
top:10px;	
}

.search_div{
position:absolute;
	height:50px;
	width:250px;
	margin-top:5px;
	margin-right:20px;
	float:right;
	left:20px;
	top:100px;
}
