/*
  Title # CN Admin Pannel
  Date  # 12 October 2009
*/

body{ padding:0px; margin:0px; background:#f1f1f1 url(/coreimages/cn_body_bg.gif) repeat-x; }


#wrap{
      width:980px;
	  margin:auto;
	  text-align:left;
		
	  }
	  
	  
#wrap2{
       width:600px;
	   padding:200px 0px 0px 280px;
	   float:left;
	   position:relative;
	   }
	   
#wrap3{
       width:980px;
	   float:left;
	   position:relative;
	   background-color:#FFFFFF;
	   border-left:2px solid #DADADA;
	   border-right:2px solid #DADADA;
		 z-index:0;
	   }	   
	   

h1{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; padding:0px; margin:0px; }
	   
ul{ padding:0px; margin:0px; }



.input_area{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight:normal; 
	color:#696969; 
	width:254px; 
	border:1px solid #ADADAD;
	height:100px;
}
/* ============================================= Start Text ============================================== */

.font{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#696969; }

.font2{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#4D70A8; }
    .font2 a{ color:#4D70A8; text-decoration:none; }
	    .font2 a:hover{ color:#4D70A8; text-decoration:underline; }
		
.font3{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:normal; }

.font4{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#696969; }
   .font4 a{  color:#696969; text-decoration:underline; }
      .font4 a:hover{  color:#696969; text-decoration:none; }
	  
.font5{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#4D70A8; }
    .font5 a{ color:#4D70A8; text-decoration:underline; }
	    .font5 a:hover{ color:#4D70A8; text-decoration:none; }	  
		

/* ============================================= End Text ================================================ */


/* ============================================= Start LOgin ============================================== */

.login{
       width:422px;
	   float:left;
	   position:relative;
	   }
	   
.login_body{
		   width:420px;
		   float:left;
		   position:relative;
		   border:1px solid #C8C8C8;
		   }
		   
		.login_top{
				   width:407px;
				   padding:8px 0px 0px 13px;
				   background:url(/coreimages/cn_login_top.gif) repeat-x;
				   height:24px;
				   float:left;
				   position:relative;
				   }
				   
			   .login_top h1{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#2C2C2C; font-weight:bold; } 
			   
		.login_mid{
				   width:405px;
				   padding:14px 0px 0px 15px;
				   background:url(/coreimages/cn_login_mid_bg.gif) repeat-x;
				   height:213px;
				   border-top:1px solid #C8C8C8;
				   float:left;
				   position:relative;
				   }
				   
				.login_mid h1{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2C2C2C; font-weight:bold;
				               background:url(/coreimages/cn_bullett.gif) left no-repeat; padding-left:31px; height:20px; padding-top:6px;
							 }   
				   
			    .login_mid2{
						   width:350px;
						   padding:15px 0px 0px 55px;
						   float:left;
						   position:relative;
						   }	   	        

/* ============================================= End Login ================================================ */ 


/* =========================================== Start Top ================================================= */

#top{
     width:958px;
	 padding:0px 4px 0px 18px;
	 float:left;
	 position:relative;
	 background:#313a41 url(/coreimages/cn_header_bg.gif) repeat-x;
	 height:74px;
	 }
	 
#logo{
      width:300px;
	  padding-top:19px;
	  float:left;
	  position:relative;
	  }
	  
	  #logo h1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:32px; color:#FFFFFF; font-weight:bold; }
	  
.top_text{
		  width:205px;
		  padding-top:5px;
		  float:right;
		  position:relative;
		  text-align:right;
		  } 
		  
		 .top_text li{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; font-weight:bold; display:inline;
		               background:url(/coreimages/cn_top_line.gif) left no-repeat; height:20px; padding-left:10px; padding-right:8px;
					 } 
			  .top_text li a{ color:#FFFFFF; text-decoration:none; }
			      .top_text li a:hover{ color:#FFFFFF; text-decoration:underline; }		 
					 	 

/* ============================================ End Top ================================================== */  


/* ======================================== Start Navigation ============================================= */

.nav{
   width:980px;
	 background:url(/coreimages/cn_nav_bg.gif) repeat-x;
	 height:36px;
	 float:left;
	 position:relative;
	 }
	 
.menu{
   width:980px;
	 background:url(/coreimages/cn_nav_bg.gif) repeat-x;
	 height:36px;
	 float:left;
	 position:relative;
	 }

	
						   
	.nav li{
            font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFFFFF;
		    list-style:none; display:inline; height:16px; position:relative; float:left;
		   }
		 
  .nav li a{
			color:#FFFFFF; list-style:none; padding-left:16px; padding-right:16px; position:relative; padding-top:9px; padding-bottom:11px; 
			text-decoration:none;
		   }
		 
	.nav li a:hover{
				    color:#FFFFFF; list-style:none; background:url(/coreimages/cn_nav_hover.gif) repeat-x;
				   }					     
				  		   	   
.nav_top{ margin-top:9px; }

.nav_fixed{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#2C2C2C; padding-top:9px; padding-bottom:11px;
            background:url(/coreimages/cn_nav_fixedhover.gif) repeat-x; padding-left:16px; padding-right:16px;
		  }
		  
.nav_font{ color:#2C2C2C; }
/* ========================================= End Navigation ============================================= */

#brows_clients{
               width:945px;
			   padding:9px 19px 9px 16px;
			   float:left;
			   position:relative;
				 
			   }
			   
	   #actie_submenu{
				   /*width:151px;*/
					 padding-left:10px;
					 padding-right:10px;
				   float:left;
				   position:relative;
				   }
				   
		     #actie_submenu h1{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#A2A2A2; font-weight:normal;
		                      
						    }
				  #actie_submenu h1 a{ color:#A2A2A2; text-decoration:none; }	
				     #actie_submenu h1 a:hover{ color:#A2A2A2; text-decoration:underline; }	
					 
		#inactie_submenu{
				   /*width:70px;*/
					 padding-left:10px;
					 padding-right:10px;
				   float:left;
				   position:relative;
				   }
				   
			 #inactie_submenu h1{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#6A6A6A; font-weight:bold; }
                #inactie_submenu h1 a{ color:#6A6A6A; text-decoration:none; }
	               #inactie_submenu h1 a:hover{ color:#6A6A6A; text-decoration:underline; }	   			 	 

     						 		   		   
	   #search{
			   width:60px;
			   float:right;
			   position:relative;
			   }
			
			#search h1{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#8DC248; font-weight:bold;
		                background:url(/coreimages/cn_search_bullett.gif) right top no-repeat; padding-right:3px;
					  }
				  #search h1 a{ color:#8DC248; text-decoration:none; }	
				     #search h1 a:hover{ color:#8DC248; text-decoration:underline; } 
					 
					 
/* ======================================================== Start Main Body ================================================================= */
.wrap_main_body
{
	z-index:-1;
	position:relative;
	float:left;
}
#main_body{
           width:949px;
		   padding:13px 16px 40px 15px;
		   border-top:2px solid #DADADA;
		   float:left;
		   position:relative;
			
		   }
		   	
			
		.new_clients_bg{
						width:934px;
						padding:8px 0px 0px 13px;
						background:url(/coreimages/cn_new_clients_bg.gif) repeat-x;
						height:24px;
						border:1px solid #C8C8C8;
						float:left;
						position:relative;
						}
						
			   .new_clients_bg h1{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#2C2C2C; font-weight:bold; }
		
		.main_body2{
					width:931px;
					padding:10px 9px 0px 7px;
					border-left:1px solid #C8C8C8;
					border-right:1px solid #C8C8C8;
					float:left;
					position:relative;
					}
					
			    .main_body2a{
							width:919px;
							padding:10px 0px 20px 12px;
							background-color:#FFF;
							border-bottom:2px solid #DADADA;
							float:left;
							position:relative;
							
							}
							
					 .main_body2a h1{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#696969; font-weight:bold; }				   		   
		       
			   .main_body2b{
							width:931px;
							padding:11px 0px 16px 0px;
							float:left;
							position:relative;
							}
				
				.main_body2c{
							width:919px;
							padding:11px 0px 16px 12px;
							float:left;
							position:relative;
							}			
							
		.main_body3{
					width:949px;
					float:left;
					position:relative;
					}					

/* ========================================================= End Main Body ================================================================== */


/* ========================================================= Start Bottm ================================================================== */	

#bottom{
        width:955px;
		padding:30px 25px 30px 0px;
		border-top:1px solid #DADADA;
		float:left;
		position:relative;
		}

/* ========================================================== End Bottm =================================================================== */	




/* ======================== Start List Page =========================== */


.list_bg{
		width:934px;
		padding:0px 0px 0px 13px;
		background:url(/coreimages/cn_new_clients_bg.gif) repeat-x;
		height:32px;
		border:1px solid #C8C8C8;
		float:left;
		position:relative;
		}

		.list{
			  /*width:110px;*/
			  padding-top:8px;
			  float:left;
			  position:relative;
			  }
			  
			 .list h1{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#2C2C2C; font-weight:bold; }
			 
		.list2{
				
			  width:323px;
			  float:right;
			  position:relative;
			  background:url(/coreimages/cn_list3_bg.gif) repeat-x;
			  height:32px;
			  }	
			  
			  .list2 li{
						font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#2C2C2C;
						list-style:none; display:inline; position:relative; float:left; padding-top:8px;
					   }
		 
  .list2 li a{
			color:#2C2C2C; list-style:none; padding-left:15px; padding-right:15px; position:relative; padding-top:8px; padding-bottom:9px; 
			text-decoration:none; border-left:1px solid #D1D1D1;
		   }
		 
	.list2 li a:hover{ color:#2C2C2C; list-style:none; background:url(/coreimages/cn_list2_bg.gif) repeat-x; height:32px; } 
	
				  
	.list2_fixed{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#2C2C2C; padding-top:8px; padding-bottom:9px;
				  background-color:#FFFFFF; padding-left:15px; padding-right:15px;
				 }
				 
  

/* ======================== End List Page ============================ */			  

/* paging  */



.pagenav ul.pagelist{
	margin: 14px auto;
  width: auto !important;
	height:auto;
	
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

.pagenav ul.pagelist li{
	margin-left:2px;
	display:inline;
  float: none !important;
}

.pagenav ul.pagelist li span{
	color:#6A6A6A;
	font-size:14px;
}
.pagenav ul.pagelist li a{
	padding:4px 7px;
	/*float:left;*/
	height:21px;
	font:12px/21px Arial, sans-serif;
	color:#1370b8;
	text-decoration:none;
	border:1px #ddd solid;
}


.pagenav ul.pagelist li a:hover{
	background:#eee;
	border:1px #ccc solid;
}

.pagenav ul.pagelist li.active {
	padding: 0 7px;
	border-color:#fff;
	color:#8DC24A;
  font-weight: bold;
}

.pagenav ul.pagelist li.prev a{
	padding-left:8px;
}

.pagenav ul.pagelist li.next a{
	padding-right:8px;
}

/*#content ul.pagelist li.prev a{color:#666;}*/

.pagenav ul.pagelist li.prev a,
.pagenav ul.pagelist li.next a{
	border-color:#fff;
}

.pagenav ul.pagelist li a:hover{text-decoration:underline;}

.main_body2a table .title td {
	padding:4px 10px 2px !important;
}

.main_body2a table .title td {
	background:#F1F1F1 none repeat scroll 0 0;
	border-bottom:2px solid #DADADA !important;
	height:24px;
	overflow:hidden;
}

.main_body2a table .bottom td {
	padding:4px 10px 2px !important;
}

.main_body2a table .bottom td {
	background:#F1F1F1 none repeat scroll 0 0;
	border-top:2px solid #DADADA !important;
	height:24px;
	overflow:hidden;
}


.main_body2a table .tr0 td, .main_body2a table .tr1 td, .main_body2a table .tr2 td {
	color:#6A6A6A;
	padding:2px 10px;
}

.white, .tr0{
	background:#FFF none repeat scroll 0 0;
	height:22px;
}
.gray, .tr1{
	background:#F8F8F8 none repeat scroll 0 0;
	height:22px;
}
.dark, .tr2 {
	background:#F0F0F0 none repeat scroll 0 0;
	height:22px;
}
.msg_div {
	width:400px; 
	background:#E0E0E0; 
	margin-bottom:20px; 
	color:#336699;
}

.err_div {
	width:400px; 
	background:#E0E0E0; 
	margin-bottom:20px; 
	color:#CC6600;
}

.main_body2b textarea{
	width:500px;
}

.main_body2b table{
	
}
.input_box{ 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight:normal; 
	color:#696969; 
	width:250px; 
	border:1px solid #ADADAD; 
	height:16px;
}			    
.input_box_100{ 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight:normal; 
	color:#696969; 
	width:100px; 
	border:1px solid #ADADAD; 
	height:16px;
}			    
.input_box_50{ 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight:normal; 
	color:#696969; 
	width:50px; 
	border:1px solid #ADADAD; 
	height:16px;
}			    
.input_box_150{ 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight:normal; 
	color:#696969; 
	width:150px; 
	border:1px solid #ADADAD; 
	height:16px;
}						
.input_box_200{ 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight:normal; 
	color:#696969; 
	width:200px; 
	border:1px solid #ADADAD; 
	height:16px;
}						

.input_box_250{ 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight:normal; 
	color:#696969; 
	width:250px; 
	border:1px solid #ADADAD; 
	height:16px;
}						

.input_box_500{ 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight:normal; 
	color:#696969; 
	width:500px; 
	border:1px solid #ADADAD; 
	height:16px;
}					

.file_box_200{ 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight:normal; 
	color:#696969; 
	width:200px; 
	border:1px solid #ADADAD; 
	height:20px;
}						
.select_box_250{ 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight:normal; 
	color:#696969; 
	width:250px; 
	height:20px;
}