/* Horizontal Carousel */

/*body {text-align: center; }*/ /*ugly IE fix for centering*/

/* main container for the viewer */

#popup 
{
	border:1px solid #909090; 
	background:#f0f0f0;
	color: #909090;
	position:absolute;
	left: 0px;
	top: 350px;
	z-index: 255;
	text-align: left;
	padding-right: 20px;
	padding-left: 0px;
	margin: 0px;
}
#popup .killbox {
	border-bottom:1px solid #909090;
	border-right:1px solid #909090;
	text-align: center;
	cursor:pointer;
	width: 14px;
	height: 14px;
	position: absolute;
	left: 0;
	right: 0;
}
#popup .titlebox {
	border-bottom:1px solid #909090;
	border-left:1px solid #909090;
	background: #e0e0e0;
	text-align: left;
	height: 14px;
	position: absolute;
	left: 14px;
	right: 0px;
	padding-left: 5px;
}

#popup a {

	color: #505050;
	text-decoration: none;
	font-family:"Trebuchet MS",Verdana,Geneva,Arial,sans-serif;

}
#popup A:link {text-decoration: none}
#popup A:hover {font-weight:bold; color: #303030}

.listbox {

	border:1px solid #e0e0e0; 
	background:#f0f0f0;
	color: #909090;

}

/*
#logo {
	position: relative;
	width: 1000px;
	height:210;
	margin: 0 auto;
	background:#ffffff;
	border-top: solid 1px #e0e0e0;
	border-left: solid 1px #e0e0e0;
	border-right: solid 1px #e0e0e0;
	text-align: left;
}
#menu {

	position: relative;
	width: 1000px;

	height:15px;
	margin: 0 auto;
	background:#ffffff;
	color: #909090;
	border-top: solid 1px #e0e0e0;
	border-left: solid 1px #e0e0e0;
	border-right: solid 1px #e0e0e0;

	text-align:left;
}
*/
#all { /* the main image container. Contains 'view', 'horizontal carousel' and album list. */

	width: 900px;
	height: 800px;
	margin: 0 auto;
	background: #e5e5e5;
	border:solid 1px #e0e0e0;
	vertical-align: top;

}

/* bit more work here to get widths to fit into 1000 */
#CategoryList {
	margin: 20px;
	width: 150px;
	height: 400px;
	float: left;
}
#CategoryItem {
	margin: 5px;
	margin-top: 0px;
	width: 120px;
	height: 85px;


	border: solid 1px #e0e0e0;
	padding: 12px;
	background-color: #ffffff;

}
/* the surround for the main image */
#MainImage {
	margin-right: 20px;
	margin-top: 20px;
	width: 651px;
	height: 525px; /* controls height of main image area, increase this to make more room for description, etc at bottom */
	float: right;
	padding: 18px;
	border: solid 1px #e0e0e0;
	background-color: #ffffff;
	z-index: 1;
}
/*
#cover{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:2;
	background-image:url(/gallery/viewer/img/mainimage.gif);
	background-repeat:repeat;

}
*/
/* 1000 width on the background container */
/* carousel is 500, so left has to be 250 */
#horizontal_carousel {
  width: 664px;
  height: 130px;
  /*overflow: hidden;*/
  float: right;
  margin-right: 33px;
}


#horizontal_carousel .container {
  width: 664px;
  height=130px;
  position:relative;
  overflow: hidden;
}

#horizontal_carousel .thumb {
  cursor: pointer;
}

#horizontal_carousel ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  /*left: -10px  deleted, fixes left crop */;
  height: 100px;
}                      

#horizontal_carousel ul li {
  width: 121px;
  height: 87px;
  text-align: center; 
  list-style:none;   
  float:left;
  overflow: hidden;
  background-color: #ffffff;
  border: solid 1px #e0e0e0;
  padding: 3px;
  padding-top: 8px;
  margin: 2px;
}

#horizontal_carousel .buttons{
	display:block;
 	clear:both;
}
#horizontal_carousel .previous_button {
  float:left;  
  width: 23px;
  height: 7px;
  background: url(/gallery/viewer/img/but_prev.png) no-repeat;
  z-index: 100;
  cursor: pointer;
}

#horizontal_carousel .previous_button_over {
  background: url(/gallery/viewer/img/but_prev_hover.png) no-repeat;}

#horizontal_carousel .previous_button_disabled {
  background: url(/gallery/viewer/img/but_prev_dis.png) no-repeat;
  cursor: default;
}

#horizontal_carousel .next_button {
  float:right;  
  width: 23px;
  height: 7px;
  background: url(/gallery/viewer/img/but_next.png) no-repeat;
  z-index: 100;
  cursor: pointer;
}

#horizontal_carousel .next_button_over {
  background: url(/gallery/viewer/img/but_next_hover.png) no-repeat;
}

#horizontal_carousel .next_button_disabled {
  background: url(/gallery/viewer/img/but_next_dis.png) no-repeat;
  cursor: default;
}

/*
ul.album {
	list-style-type: square;

	margin-left: 5px;
	padding-left: 15px;
	text-indent: 1px;
	
	/*ul {list-style-image: localsrc("bird")}*/
 }
*/ 
ul.category { 

	list-style-type: circle;
	margin-top: 3px;
	margin-left: 5px;
	padding-left: 15px;
	text-indent: 1px;
}

input.btn { 
color:#050; 
  font: bold 84% 'trebuchet ms',helvetica,sans-serif; 
  font-size: 6pt;
  background-color:#fed; 
  border:1px solid; 
  border-color: #696 #363 #363 #696; 
  width=8px;
}