/* -------------------------------------------------------------------------- */
/*    RESET ALL                                                               */ 
/* -------------------------------------------------------------------------- */

ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,object,iframe { margin: 0px; padding: 0px; }
a img,:link img,:visited img { border: none; }
table { border-collapse: collapse; border-spacing: 0px; }
:focus { outline: none; }
html, body {overflow: auto;}
a {color: #098ED1;text-decoration: none;cursor: pointer;}
a:hover {text-decoration: none;}

/* ========================================================================== */
/*  Image                                                                     */  
/* ========================================================================== */

div.cf-Im {  
  position: relative;   
  background: #000;  
  border: 5px solid #000;
  overflow: hidden;
	margin:0px;
	padding:0px;
}

div.cf-Im .loader { 
  position:absolute; 
  margin:0px;
  width:48px;
  height:48px;  
  border:none; 
  background: url(./cfres/cfi-loader.gif) no-repeat;  
  z-index:100;
}

div.cf-Im .info {
  position:absolute;  
  padding: 7px;
  color:#ffffff;
  background: transparent;
  text-align: justify;
  font-size: 10px;
  background: url(./cfres/cfi-opbg.png) repeat;
  z-index:100;  
}

/* ========================================================================== */
/*  ImageList                                                                 */  
/* ========================================================================== */

div.cf-ImLi {  
  position: relative;   
  background: #000;  
  border: 5px solid #000;
  overflow: hidden;
	margin:0px;
	padding:0px;
}

div.cf-ImLi-btns {	
	position: absolute;	
}
div.cf-ImLi-btns .btnL {  	
  margin-left:0px;  
  margin-bottom:10px;
  height:16px;
	background: url(./cfres/cfil-btn-w.png) 0px -20px no-repeat;
	cursor: pointer;
}
div.cf-ImLi-btns .btnLL {	
  margin-left:0px;
  margin-bottom:10px;  
  height:16px;
	background: url(./cfres/cfil-btn-w.png) 0px -60px no-repeat;
	cursor: pointer;
}
div.cf-ImLi-btns .btnR {
  margin-left:4px;
  margin-bottom:10px;  
  height:16px;	
	background: url(./cfres/cfil-btn-w.png) 0px 0px no-repeat;
	cursor: pointer;
}
div.cf-ImLi-btns .btnRR {	
  margin-left:4px;  
  margin-bottom:10px;
  height:16px;
	background: url(./cfres/cfil-btn-w.png) 0px -40px no-repeat;
	cursor: pointer;
}

div.cf-ImLi .thbase {
  position:absolute;  	
	overflow:hidden;
}
div.cf-ImLi .thslide { 
  position:relative; 
}
div.cf-ImLi .thslide img { 
  cursor: pointer; 
}

div.cf-ImLi .loader { 
  position:absolute; 
  margin:0px;
  width:24px;
  height:24px;  
  border:none; 
  background: url(./cfres/cfil-loaderb.gif) no-repeat;  
}

/* ========================================================================== */
/*  ImageMenu                                                                 */  
/* ========================================================================== */

div.cf-ImMe {  
  position: relative;   
  background: #ffffff;  
  border: 5px solid #ffffff;
  overflow: hidden;
}

div.cf-ImMe ul {
	list-style: none;	
	display: block;	
	margin:0px;
	padding:0px;
}

div.cf-ImMe ul li {  	
	float: left;
	cursor:pointer;	
}

/* ========================================================================== */
/*  ImageGallery                                                              */  
/* ========================================================================== */

div.cf-ImGa {  
  position: relative;   
  background: #000;  
  border: 5px solid #000;
  overflow: hidden;
	margin:0px;
	padding:0px;
}

div.cf-ImGa div.cf-Im {  
  position: relative;   
  background: #000;  
  border: none;  
  overflow: hidden;  
	margin:0px;
	margin-bottom:5px;
	padding:0px;
}

div.cf-ImGa div.cf-ImLi {  
  position: relative;   
  background: #000;  
  border: none;
  overflow: hidden;
	margin:0px;
	padding:0px;
}

div.cf-ImGa div.cf-Im .loader { 
  position:absolute; 
  margin:0px;
  width:48px;
  height:48px;  
  border:none; 
  background: url(./cfres/cfi-loader.gif) no-repeat;  
  z-index:100;
}

div.cf-ImGa div.cf-Im .info {
  position:absolute;  
  padding: 7px;
  color:#ffffff;
  background: transparent;
  text-align: justify;
  font-size: 10px;
  background: url(./cfres/cfi-opbg.png) repeat;
  z-index:100;  
}

div.cf-ImGa div.cf-ImLi .loader { 
  position:absolute; 
  margin:0px;
  width:24px;
  height:24px;  
  border:none; 
  background: url(./cfres/cfil-loaderb.gif) no-repeat;  
}