body {font-family:  Lucida, Geneva, Helvetica, sans-serif, Arial, Tahoma;  
	color: #666644;
	background-color: #888877;
	font-size: 16px; margin: 1% 0 0 0;
	width: 90%;
}

#pagehdr {text-align: left;
font-family: verdana, Lucida, Geneva, Helvetica, sans-serif, Arial, Tahoma; 
color: #000000; 
font-size: 13pt;	
padding:5px; 
font-weight:bold; width:800px;}
	
#detail {margin: 0 0 0 2%;}

#banner {width: 90%; margin-left: auto; margin-right: auto;   
	background-image:url(../DBi/negsHoriz.gif); 
	background-position:center top; height : 66px;}

#navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}


#navcontainer {display: inline; margin: 5% 0 0 3%;}

#navcontainer li a:hover
{
color: #999966;
}

#navcontainer2 li a:hover
{
color: #999966;
}


#navlist2
{
padding-left: 0;
margin-left: 0;
border-bottom: 1px solid gray;
width: 80px;
}

#navlist2 li
{
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px solid gray;
}

#navlist2 li a { text-decoration: none; }


#active a {color: #000000;}

.datainput {color: #000000; font-family: Verdana;
	border-right:2px solid  #99CCFF; 
border-top:2px solid #333366;
border-left:2px solid #333366; 
border-bottom:2px solid #99CCFF;}
	
#logo {display: block; background: url(../DBi/camera_side.gif);
	height: 125px; width: 77px; margin: -10% 0 0 40%; } 
	
a {color: #666644; text-decoration: none; font-weight: bold;
	font-family: Lucida, Geneva, Helvetica, sans-serif, Arial, Tahoma; 
	font-size: 17px;}
	
.pagetitle {  position:absolute; width:747px;
     height:10px; z-index:2; margin: 0 0 0 5px;}

/* Survey stuff */	

#imgAndDescAndSurvey {margin: -4% 0 0 10%;}
#nameAndDescription {width: 100%; overflow:hidden;}
#lblName {width: 100%;} 
#lblDescription 
{width: 35%; margin: 0 0 0 518px; background-color: #888877;
padding: 2px 0 0 2px; overflow:visible; 
border:none;
} 




#txtSurveyUser {margin: 10px 0 0 0;}




.layout {position: relative; 
        width:500px; height:500px; z-index:1; 
        background-color: #999999; 
        border-right:2px solid  #99CCFF; 
        border-top:2px solid #333366;  
        border-left:2px solid #333366; 
        border-bottom:2px solid #99CCFF;}
        
.rpane {position:relative; 
        width:35%; height:408px; z-index:1; 
        margin: -504px 0 3px 518px;
        padding: 2px 0 0 2px; 
        background:#666666; 
        layer-background-color: #FFFFFF; 
        border-right:2px solid  #99CCFF; 
        border-top:2px solid #333366;
        border-left:2px solid #333366; 
        border-bottom:2px solid #99CCFF; 
        }
     
.photobox  {position: absolute;
        width:495px; 
        height:495px;  
        z-index:2; 
        border: 1px solid #ffffff; 
        overflow:hidden; 
		text-align: center;
		background-position: center center;
	
		}



.sectiontitle
{text-align: left;
font-family: verdana, Lucida, Geneva, Helvetica, sans-serif, Arial, Tahoma; 
color: white; 
font-size: 10pt;	
padding:1px; 
font-weight:bold; 
	}

#options
{text-align: left; font-family:verdana; color:white; 
        font-size:8pt; padding:5px;}

#uploader
{
	width: 100%; margin: 1% 3% 0 5%;	
	padding: 3px 0 5px 5px;}
	
#uploader div {margin: 1% 0 0 0;}
	
#swapbox
{border: dotted 1px #ffffff;
	width: 100%; margin: 1% 3% 0 50%;	
	padding: 3px 0 5px 5px;}
	
.catswapbox {width: 150px; margin: 0 0 0 40px;}	

	
#imggrid {width: 100%; margin: 3% 3% 0 3%;	
	padding: 3px 0 5px 5px;}

#imggrid td {font-size:small;}
        
#upload
{z-index: 200; width: 288px; }        

#btnUploadImage
{z-index: 400; width: 188px; margin: 2% 0 0 -2%; }        

#txtName  {width: 200px; height: 20px;}
#txtDesc {width: 400px; height: 20px;}
#fileUpload {width: 400px; height: 20px;}

.dbGrid TD {color: #304802;}

#lblGroup {margin: 30px 0 0 0;}

#overview {border: dotted 1px; width: 60%; 
	margin-top: 5%; margin-left:auto; margin-right:auto;
	font-family: verdana, Lucida, Geneva, Helvetica, sans-serif, Arial, Tahoma; 
color: white; 
font-size: 10pt;	
padding:8px 8px 8px 8px; 
font-weight:bold; 
}