/* Gallery CSS Document */
#imagesWrapper{
		margin:0 auto;
		width:710px;
		text-align:left;
		background:#FFF url(../images/eos_tumult_t3a.gif);
		padding:5px;
		border:2px solid  #999900;	
}
#panel_one{	
	width:706px;	
	margin:auto;
}
#thumbs{
	width:706px;
	overflow:hidden;	/* Don't change this */
	height:460px;	/* Height of thumbnail div */
	position:relative;	/* Never change this */
	float:left;
}
#arrows{
	width:406px;
	margin:auto;
	text-align:center;
}
#arrows #leftArrow{
	float:left;
}
#arrows #rightArrow{
	float:right;
}
.strip_of_thumbnails{	/* A vertical strip of thumbnails */
	display:inline;	/*IE double margin fix*/
	width:168px;	/* Width of strip 114 @ 75w*/
	padding:3px;	 /*"Air" inside filmstrip div */
	float:left;		
}
* html .strip_of_thumbnails{
	padding:1px;
}
.strip_of_thumbnails img{
	border:0px;
	padding:0px;
}
.strip_of_thumbnails div{
	width:166px;  /*110 @ 75w*/
	height:150px;  /*90 @ 75w*/
	padding:2px;/**/
	text-align:center;
	font-size: 10px;
}
.strip_of_thumbnails span{
	position:relative;
	padding:2px;
	left:10px;
	top:-30px;
}
.activeImage{
	background:#CCCCCC;
}
.clear{
	clear:both;
}
#galleryTitle{
	background: #6699CC url(../images/bg_barbottom.gif) repeat-x bottom;
	font-size:120%;
	font-weight:bold;
	padding:3px 0 10px 10px;
	width:90%;
	margin:auto;
}

#largeImage{	/* Large image div */
	float:left;
	padding:0px;
	overflow: hidden;	
}
table{	/* Used table to get both horizontal and vertical center alignement of large image */
	width:100%;
	height:100%;
	text-align:center;
	margin:0px;
	padding:0px;
}
table img{	/* Large image */
	border:0px solid  #000033;	 /*Border around large image */
	background: url(../images/eos_tumult_t1b.jpg);
	padding:5px;
}
#phoInfoHolder{
	width:500px;
	margin:auto;
	border:1px solid  #000033;	 /*Border around large image */
	background: url(../images/eos_tumult_t1b.jpg);
	padding:5px;
	color:#FFFFFF;
}
#phoInfoHolder div{
	padding:5px;
	background-color:#000033;
}
#phoInfoHolder p {
	font-size:10px;
}
#phoInfoHolder #imgTitle{
	background-color: #666666;
	font-weight:bold;
	font-size:14px;
}
#phoInfoHolder #imgDesc{
	width: 90%;
	padding-left:30px;
	text-align:left;
}
/*#imgBy, #imgDate, #imgDesc*/

.leftArrow, .backArrow, .rightArrow{
	float:left;
}
#thumbs_inner{
	position:relative;	/* Never change this */
	width:3000px;
}	
#thumbs_inner span{
	background:#CCCCCC;
	
}
.error{
	margin:auto;
	font-weight: bold;
	color: #760000;
}
.success{
	margin:auto;
	font-weight: bold;
	color: #009900;
}
/*Admin styles*/
#adminWrapper{
	width:700px;
	padding:5px;
	margin:auto;
	text-align:center;
	background: #d6d6bf url(../images/bg_barbottom.gif) repeat-x bottom;
}
#adminFormHead{
	text-align:left;
	padding: 10px 0 10px 10px;
	font-weight: bold;
	background: url(../images/bar.gif) repeat-x bottom;
}
#adminFormButtons{
	clear:left;
	float:right;
}
/*Form Styles*/
form{
	margin:auto;
	width:90%;
}
form p{
	font-weight: bold;
	font-size:90%;
	color:#333333;
	text-align: right;
	width:65%;
	/*
    line-height: normal;
    
    display: block;
    float: left;
	*/
}
form label {
    font-weight: bold;
    line-height: normal;
    text-align: right;
    margin-right: 10px;
    position: relative;
    display: block;
    float: left;
    width: 125px;
	font-size:90%;
	color:#333333;
}