/**
 * Copyright (c) 2006, Bill W. Scott
 * All rights reserved.
 *
 * This work is licensed under the Creative Commons Attribution 2.5 License. To view a copy 
 * of this license, visit http://creativecommons.org/licenses/by/2.5/ or send a letter to 
 * Creative Commons, 543 Howard Street, 5th Floor, San Francisco, California, 94105, USA.
 *
 * This work was created by Bill Scott (billwscott.com, looksgoodworkswell.com).
 * 
 * The only attribution I require is to keep this notice of copyright & license 
 * in this original source file.
 */

/**
 * Standard Configuration. It is advised that this section NOT be modified as the
 * carousel.js expects the behavior outlined below.
 **/
.carousel-component { 
	position:relative;
	overflow:hidden;
	visibility:visible; /* component turns it on when first item is rendered */
 
}
				
.carousel-component ul.carousel-list { 
	width:10000000px;
	position:relative;
	z-index:1; 
}

.carousel-component .carousel-list li { 
	float:left;
	list-style:none;
	overflow:hidden;
}

.carousel-component .carousel-vertical li { 
	float:none;
	margin-bottom:0px;
}

.carousel-component ul.carousel-vertical { 
	width:auto;
}

.carousel-component .carousel-clip-region { 
	overflow:hidden;
	margin:0px auto;
	position:relative; 
	margin-left:-50px;
}

/**
 * Safe to override. It is safe to override background, padding, margin, color,
 * text alignment, fonts, etc. Define a separate CSS file and override your style
 * preferences.
 **/

.carousel-component { 
	/*background:#3F3F3F;*/
	padding:0px;
	/*color:#618cbe;*/
}
.carousel-component ul.carousel-list { 
	margin:0px;
 
}
.carousel-component .carousel-list li { 
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:0px;
	height:200px;
	 
	 
}
.carousel-component .carousel-vertical li { 
}
.carousel-component ul.carousel-vertical { 
}


#ajax-carousel .carousel-list li { 
									width: 148px;  
									 border-right:4px solid #A3B270;
									margin-bottom:10px;
								}
								
								#ajax-carousel .carousel-list li img { 
									border:1px solid #999;
									display:block; 
								}
								
								#ajax-carousel {
									margin-top: -5px;
									float: left;
									width: 670px;
									height: 190px;
									margin-bottom:-5px;
									
								}
								
								
								/* BUTTONS */
								#prev-arrow-container, #next-arrow-container { 
									float:left;
									margin: 0px;
									padding: 0px;
								}
								
								#next-arrow { 
									cursor:pointer; 
									  margin-top:-3px;
								}
								
								#prev-arrow { 
									cursor:pointer; 
									 margin-top:-3px;
								}


/* content */


									.div_left {
										background:url(../images/div_left.gif) no-repeat left;
									
										height:28px;
										width:7px;
										float:left;
									}
									.div_right {
										background:url(../images/div_right.gif) no-repeat right;
									    height:28px;
										width:7px;
										float:right;
										 
									}
									.div_content{
										background-color:#A3B270;
										   height:28px;
									}
									
									.div_left_under {
										background:url(../images/div_left_under.gif) no-repeat left;
									
										height:5px;
										width:6px;
										float:left;
									}
									.div_right_under {
										background:url(../images/div_right_under.gif) no-repeat right;
									    height:5px;
										width:6px;
										float:right;
										 
									}
									
									.div_sidel_liner {
										background:url(../images/div_side_liner.gif)  repeat-y  ;
										height:100;
										width:2px;
										float:left;
									}
									.div_sider_liner {
										background:url(../images/cdiv_side_liner.gif) repeat-y  ;
									 	 height:auto;
										width:2px;
										float:right;
										 
									}
									
									
									.div_left_bottom {
										background:url(../images/div_left_bottom.gif) no-repeat left;
									
										height:6px;
										width:7px;
										float:left;
									 
									}
									.div_right_bottom {
										background:url(../images/div_right_bottom.gif) no-repeat right;
									    height:6px;
										width:7px;
										float:right;
									 
									 	
										 
									}
									 
									
									.div_footer{
										height:5px;
										
										width:auto;
										 
									}
									
									.div_bottom_liner{
											background:url(../images/div_bottom_liner.gif) repeat-x bottom ;
											height:1px;
											width:686px;
											float:left;
											padding-top:5px;
											*padding-top:4px;
									}
									.div_mainbody_left{
										float:left;
										padding-left:10px;
										height:180px;
										margin-left:-2px;
										width:1;
										 
									}
									
									.div_mainbody_left{
										float:left;
										padding-left:10px;
										height:180px;
										margin-left:-2px;
										width:1;
										 
									}
									
								 .div_mainbody_left_insview{
										float:left;
										padding-left:10px;
									 
										height:5px;
										margin-left:-2px;
										width:1;
										 
									}
									.div_mainbody_right{
										float:right;
										padding-left:10px;
										height:180px;
										 
										width:1;
										 
									}
									
									
									.main_body_content{
									
										float:left;
										 
										margin-top:-5px;
										width:145px;
										height:190px;
										margin-bottom:-10px;
									 	 
									}
									
									 .header_font_left{  
										 
										font-size:14px;;
										font-weight:normal;
										float:left;
										padding-top:6px;
										color:#ffffff;
										margin-left:10px;
										 
									}
									
									 .header_font_right{  
										 
										font-size:14px;;
										font-weight:normal;
										float:left;
										padding-top:6px;
										color:#ffffff;			
										margin-left:10px;							 
									}
									.button_right{
										float:right;
										padding-top:6px;
									}
									
									.separator{
										height:20px;
										width:auto;
										background-color:#F1F1E0;
										margin-top:15px;
										width:145px;
									}
									.div_pic{
										padding-left:10px;
										height:70px;
									}
									
									 .div_name {
									 	height:50px;
										margin-top:5px;
									 }
									 .div_name a { 
										color:#91A054;
										font-family:Arial,sans-serif;
										font-size:13px;
										font-size-adjust:none;
										font-stretch:normal;
										font-style:normal;
										font-variant:normal;
										font-weight:normal;
										line-height:normal;
										text-decoration:none;
										
										
									}
									
								.div_subname a{
									color:#B1A1C1;
										font-family:Arial,sans-serif;
										font-size:12px;
										font-size-adjust:none;
										font-stretch:normal;
										font-style:normal;
										font-variant:normal;
										font-weight:normal;
										line-height:normal;
										text-decoration:none;
								}
								
								
								#div_mover{
									overflow:hidden;
									position:relative;
									 z-index:1;
							  
								}
								.main_overflow{
									z-index:10001;
								}
								
								.div_scroll {
									background:url(images/scroll_back.gif) repeat-x ;
								}
								
								
								
								
								
								
								
/* end content */



/* SLIDERS */


	#dhtmlgoodies_slideshow{
		width:720px;	/* Total width of slideshow */
		

	}
	
	#previewPane{
		border:1px solid #000;
		margin-right:10px;	
		text-align:center;
		vertical-align:middle;
		padding-top:30px;
		
		
		/* CSS HACK */
		height: 452px;	/* IE 5.x */
		height/* */:/**/420px;	/* Other browsers */
		height: /**/420px;
		
		width:420px;		
		float:left;
				
	}
	#waitMessage{
		display:none;
		position:absolute;
		left:600px;
		top:300px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}	
	
	#galleryContainer{	/* Big Div surrounding up image, list of images and down image */
		 
		/* CSS HACK */
	 
		height: /**/536px;
		*height: /**/536px;
		
		/* CSS HACK */
		width: 180px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
		width/* */:/**/180px;	/* Other browsers */
		width: /**/180px;
				
		border:0px solid #000;	/* Black border */		
		padding:1px;	/* A little space between the black border and the content inside */
	 
		
	}
	#galleryContainer #arrow_down{	/* Arrow down image */
		height:15px;
	
	}
	#galleryContainer #arrow_up{
		height:15px;	/* Arrow up image */
	}
	
	#theImages{	/* DIV where the images are located */
		position:relative;
		overflow:hidden;
		height:490px;	/* Height of boxes for the images */
		*height:490px;	/* Height of boxes for the images */
	}
	#theImages div{	
		position:relative;	/* Don't change this */
		height:1500px;	/* Higher than total height of thumbnails */
		
	}
	#theImages img{
		border:0px;	/* No border */
		filter:alpha(opacity=75);	/* Transparency - IE */
		opacity:0.7; /* Transparency - Firefox */
		padding-top:1px;	/* Space between images */
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		font-style:italic;
		text-align:center;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
		font-size:0.9em;
		color:#FFFFFF;
		
	}
	#theImages .imageCaption{
		display:none;
	}
	
  #previewPane img{
    width:400px;
    height:350px;
  }		
  
  
  #uploadnew{
     color:#FFFFFF; 
     
  }
  #uploadnew_show {
    width:200px;
    heigth:200px;
    position:absolute;
    z-index:10001;
    padding :15px;
    background-color:#FFFFFF;
    border:7px solid #000000;
  }
  
  .resize_image{
      	 
  }
  
 
 .label {
 	font-size:11px;
	color:#FFFFFF;
 		font-family: Tahoma;
 }
 input{
 	height:20px;
	width:150px;
 	font-size:11px;
 }
 .inputfieldsmonth{
 	height:18px;
	width:50px;
	font-size:10px;
 }
 .inputfieldsday{
 	height:18px;
	width:40px;
	font-size:10px;
 }
 
 .selectfields{
	 height:18px;
	width:150px;
	font-size:11px;
 }
 
 .inputext_file{ 
 	height:20px;
	 
 	font-size:11px;
}	


#tableinfo .tdheader {
	font-size:11px;
	color:#000000;
	font-family:tahoma;
	background-color:#CCCCCC;
	padding:2px;
	border:1px solid #FFFFFF;	
	text-align:center;
	font-weight:600;
}

#tableinfo .tdinfo {
	font-size:11px;
	color:#000000;
	font-family:tahoma;
	 background-color:#FFFFFF; 
	padding:1px;
	/*border:1px solid #FFFFFF;	*/
	text-align:center;
 
}


.selected_page{
	font-weight:bold;
	color:#FFFFFF;
}

.paging{
	padding:2px;
	color:#FFFFFF;
	font-family:tahoma;
	
}
#pagination{
	color:#FFFFFF;
	font-size:11px;
	font-family:tahoma;
	text-decoration:none;
}
#pagination a{
	color:#FFFFFF;
	font-size:11px;
	font-family:tahoma;
	text-decoration:none;
	
}
 
.listitem  { 
border-bottom:1px solid #DCE6EC;
color:#20619E;
display:block;
font-family:tahoma,arial,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
padding:7px 0pt;
text-align:left;

} 
 
 
.listitem   a{
 	color:#20619E;
	font-weight:normal;
}

.listitem:hover{
 	 background:#EFEAE0;
}
.div_links {
	 
	text-decoration:none;
	width:150px;
	color:#20619E;
	
}

.out_div{
	 width:180px;
	 border-bottom:1px solid #DCE6EC;
	 padding:3px;
}
/* END SLIDERS */