@charset "utf-8";
/* CSS Document */

body{
	margin:0px;
	padding:0px;
	background:#FFF;
	color:#066;
	font-family: Tahoma, Geneva, sans-serif ;
    font-size:13px;
	direction:ltr;
	float-weight:normal;
}

#header{
	    width:800px;
		margin-left:auto;
	    margin-right:auto;
		clear:both;
}



#logo{
  background: url(../images/zwaar_logo_s.png) no-repeat;
  width:38px;
  height:32px;
  float:right;
  margin-top:10px; 
}

#bar{
	clear:both;
	height:70px;
	font-weight:bold;
	width: 700px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
}
#bar .element{
    padding-top:20px;
    float:right;
    text-align:center;
    width:132px;
    height:30px;
	background:url(../images/bg-bar.gif) repeat-x;
	background-position:132px;
	margin-left:5px;
	margin-left:5px;
	color:#06F;
	cursor:pointer;
}

	
#bar .element:hover , .hover{
    padding-top:20px;
    float:right;
    text-align:center;
    width:132px;
    height:30px;
	background:url(../images/bg-bar.gif) repeat-x;
	margin-left:5px;
	margin-left:5px;
	color:#069;
	cursor:pointer;
}


.input_area{
  	color:#fff;
	font-weight:bold;
    width:202px;
	border:0px;
	height:30px;
	float:right;
}

.input_area .input{
  	color:#333;
	font-weight:normal;
    background:url(../images/input2_03.png) repeat-x ;
    width:162px;
	border:0px;
	height:30px;
	float:right;
}


.input_area .right{
 height:30px;
 float:right;
 background:url(../images/input2_05.png) no-repeat;
 width:18px;
}
.input_area .left{
 height:30px;
 float:right;
 background:url(../images/input2_01.png) no-repeat;
 width:20px;
}






.login_form{
 float:right;
 padding-top:10px; 
 width:700px;
 margin-right:20px;
}

.login_form .input{
  	color:#fff;
	font-weight:bold;
    background:url(../images/input_03.gif) repeat-x ;
    width:138px;
	border:0px;
	height:30px;
	float:right;
}

.login_form .right{
 height:30px;
 float:right;
 background:url(../images/input_05.gif) no-repeat;
 width:11px;
}
.login_form .left{
 height:30px;
 float:right;
 background:url(../images/input_01.gif) no-repeat;
 width:16px;
}

.login_form .input_area{
 height:30px;
 float:right;
 width:167px; 
 margin-right:5px;
}






.main .right_list{
 float:right;	
}

.main .con_list{
 float:right;
 margin-right:10px;
 overflow: auto;
 width:600px;
}

 .st{
  width:100px;
  height:23px;
  padding-top:7px;
  background:url(../images/bg_st.png) no-repeat ;
  text-align:center;
  color:#000;
  font-size:11px;
}


 .stH{
  width:100px;
  height:23px;
  padding-top:7px;
  background:url(../images/bg_stH.png) no-repeat ;
  text-align:center;
  color: #069;
  cursor:pointer;
  
  font-size:11px;

}


#layer{
	background:#515151 url(../images/sat2_08.gif) repeat-x;
	width:0px;
	height:500px;
	z-index:+500;
	position:absolute;
	border-left:4px solid #fff;
    -moz-opacity: 0.9.9;
    opacity:.99;
    filter: alpha(opacity=99);
	display:none;
	float:right;
	direction:ltr;
	
}

.numbers{
 font-family:"Comic Sans MS", cursive;
 color:#FFF;
 font-weight:bold;
}

.stat_text{
	color: #FF0;	
	font-weight:bold;
}

#stat_area{
	
 font-style:italic;
 color:#FFF;
 font-size:10px;
}




/*  start ucpanel*/

   .ucpanel{
	  width:549px;
	  clear:both;
	  margin-left:auto;
	  margin-left:auto;
	  padding:0px;margin:0px;
	  
	 }
   
   .ucpanel .tt{
	   clear:both; 
	   margin:0px;
	   height:auto;
   }
   
     .ucpanel .head{
	   clear:both; 
	   margin:0px;
	   color:#FFF;
	   font-weight:bold;
	   text-align:right;
	   background:#333 url(../images/bg-head.gif) repeat-x;
	   padding-top:4px;
	   padding-bottom:4px;
	   padding-right:20px;
   }

   .ucpanel #label{
	 width: 28.8%;
	 text-align: right;
	 padding-right:1%;
	 background: #F5F5F5;
	 color: #666  ;
	 font-weight:normal;
	 float:right;
	 height:27px;
	 padding-top:8px;
	 margin:0px;
	 border-bottom: 1px solid  #EAEDF7;
	 border-right: 1px solid  #D0E6E3;

	   
   }
   
   .ucpanel  #input{
	 margin:0px;
	 border-bottom: 1px solid  #EAEDF7;  
	 padding-right:5%;
	 width: 354px;
	 text-align: center;
	 background:#fff;
	 color:#000;
	 font-weight:normal;
	 border-right:1px solid #DCE3F8;
     float:right;
	 height:35px;
	 border-left: 1px solid  #D0E6E3;

   }


   ._note{
	  margin:4px;
	  padding:4px;
	  padding-right:24px;
	  color:#006;
	  font-size:12px;
	  background:#FCFDE1 url(../images/notice.png) no-repeat ;
	  background-position:right;
	  border:1px solid #F30;
	   
   }
   
   ._success{
	  margin:4px;
	  padding:4px;
	  padding-top:50px;
	  color:#009;
	  font-size:12px;
	  background:#fff  url(../images/success.gif) no-repeat ;
	  background-position:top center;
	  border:1px solid #0C0;
	   
	   
   }
   
   
   .error{
	  margin:4px;
	  padding:12px;
	  padding-right:20px;
	  color:#F00;
	  font-size:12px;
	  background:#FEEBEB url(../images/cross.png) no-repeat ;
	  background-position:right top;
	  border:1px solid #903;
	   
   }
/* End ucpanel */


.loading {
	padding-top:50px;
	padding-bottom:50px;
	position:fixed;
	top:40%;
	left:40%;
	right:40%;
	border:1px solid #039;
	background:#fff;
	text-align:center;
	width:20%;
	z-index:1000;	
}



.startMsg{
  font-weight:bold;
  font-size:12px;
  color:#369 ;
}






.usp{
  	color:#fff;
	font-weight:bold;
	border:0px;
	height:30px;
	float:right;
}




.usp .content{
  	color:#333;
	font-weight:normal;
    background:url(../images/ucp_03.png) repeat-x ;
    width:auto;
	border:0px;
	height:25px;
	padding-top:5px;
	float:right;
	font-weight:bold;
}


.usp .right{
 height:30px;
 float:right;
 background:url(../images/ucp_05.png) no-repeat;
 width:14px;
}
.usp .left{
 height:30px;
 float:right;
 background:url(../images/ucp_01.png) no-repeat;
 width:15px;
 background-position:right;
}



.list{
	width : 100px;
	position:absolute;
	display:none;
     text-align:center;
	 
}
.list #el{
 display:block;
 clear:both;	
 margin-right:auto;
 margin-left:auto;
}


   .ucpanel #element{
	 width: 80px;
	 padding-right:10px;
	 font-weight:normal;
	 border-bottom: 1px solid  #EAEDF7;
	 border-right: 1px solid  #D0E6E3;
   
   }
   
    .ucpanel #small_element{
	 width: 45px;
	 text-align:center;
  }
         .ucpanel #big_element{
	 width: 150px;
	 text-align: right ;
   
   }
   
  .head_manger{
	 background:#5B7ED0 url(../images/bar.gif) repeat-x;
	 color:#069;
	 padding:2px; 
	 border-bottom: 1px solid  #C3DDF8;
	 border-left: 1px solid #C3DDF8 ;
	 font-weight: 800;
	}
	
	
  .el_manger{
	 background:#FFE4E4 url(../images/el_bar.gif) repeat-x;
	 color:#333;
	 padding:2px; 
	 border-bottom: 1px solid  #C3DDF8;
	 border-left: 1px solid #C3DDF8 ;
	 font-weight:700 ;
	 
	 text-align:center;
	}
	
	.false{
	   color:red;	
	}
	
	.true{
	 color:#72A978;	
	}
	
	
	
/*start choose site code*/

  .choose_site{
	margin-right:auto;
	margin-left:auto;
	width:527px;
	height:28px;
	margin-bottom:14px;
	  
  }
  
  .choose_site .right{
   height:28px;
   float:right;
   background:url(../images/choose_05.png) no-repeat;
   width:14px;
  }
  
  
  .choose_site .left{
   height:28px;
   float:right;
   background:url(../images/choose_01.png) no-repeat;
   width:13px;
  }

 .choose_site .contents{
   height:24px;
   padding-top:4px;
   float:right;
   background:url(../images/choose_03.png) repeat-x;
   width:500px;  
   font-weight:800;
   color:#fff;
  }

 
/*end choose site   code*/




/*start support*/


.ajax_box{
   border:1px solid #B2DDFB; 	
   width : 700px;
   padding-bottom:5px;
   height:auto;
   clear:both;
   margin-right:auto;
   margin-left:auto;
}


.note_area{
   direction:rtl;	
   margin-top:40px;	
   width : 700px;
   clear:both;
   margin-right:auto;
   margin-left:auto;
}


.ajax_head{
   width : 701px;
   height:62px;
   clear:both;
   margin-right:auto;
   margin-left:auto;
   padding:0px;
   text-align:right;
   font-weight:600;
   direction:rtl;
   
}

.support_head_st{
  background: url(../images/support/head_st.gif) repeat-x;
  height:19px;
  padding-top:5px;
  padding-left:2.5px;
  padding-right:2.5px;
  width:145px;
  color:#000;
  border:1px solid #385379 ; 
  border-left:2px solid #093 ; 
  border-bottom:0px;
  float:right; 
  text-align:center;
  margin-left:5px;
  margin-top:37px;
  cursor:pointer;
  
}

.support_head_hover{
  background: url(../images/support/head_hover.gif) repeat-x;
  height:19px;
  padding-top:10px;
  padding-bottom:10px;
  width:150px;
  color:#fff;
  border:1px solid #385379 ; 
  border-left:2px solid #387BD6 ;	
  border-bottom:0px;
  float:right; 
  text-align:center;
  margin-left:5px;
  margin-top:22px;
  cursor: auto; 
  
}



  .first_ticket{
      background: url(../images/support/bg-view.gif) repeat-x;
	  height:36px;
	  padding:2px;
	  padding-right:10px;
	  border-bottom:1px solid #B2DDFB;
	  text-align:right;
	  font-weight:600;
	  direction:rtl;
  }
  
  .second_ticket{
	  height:36px;
	  padding:2px;
	  padding-right:10px;
	  border-bottom:1px solid #B2DDFB;
	  text-align:right;
	  font-weight:600;
	  direction:rtl;  
  }
    
  .details_support{
	   font-size:11px;
	   font-weight:300;
	   color:#009;
	   float:left;
	   margin-top:10px;
	   width:300px;
  }
    .details_support div{
	   float:right;
	   margin-right:20px;
  }
  
  
  .page{
	  background:url(../images/support/pages.gif) no-repeat;
	  width:30px; height:25px; padding-top:5px;
	  text-align:center;
	  color:#000;font-weight:700;
  }
  
  .page_hover , .page:hover{
	  background:url(../images/support/pages.gif) no-repeat;
	  background-position:right ;
	  width:30px; height:25px; padding-top:5px;
	  text-align:center;
	  color:#fff;font-weight:700;
  }


  .replais_area{
	  width:700px;
	  margin-left:auto;
	  margin-right:auto;
	  direction:rtl;
	  color:#000;
  }
  
   .comment{
	 border:1px solid #496285;
	   
   }
  .replais_area .head{
	 width:100%;
	 background: url(../images/support/head.gif) repeat-x;
	 height:22px;
	 padding-top:6px;
	 border-bottom:1px solid #496285;
	 direction:rtl;
	 text-align:right;font-weight:700;
  }
  
    .replais_area .head .label{
	   color:#00F;	direction:rtl;
	}
  .user-comment{
	padding:10px;
	font-weight:700;
	font-family:Tahoma, Geneva, sans-serif;
  }
  
  .button{
	 background: url(../images/support/button.gif)  repeat-x;
	 border:2px solid #8F8F8F;
	 color:#2744B0;
	 width:170px;
	 height:19px;
	 padding-top:4px;
	 text-align:center;
	 margin-left:auto;margin-right:auto;
	 font-weight:700;
	 cursor:pointer;
  }
  
  
  
/*End support*/