/* ----------PhotoAlbum css starts here -----------*/
         /** {
            padding: 0;
            margin: 0;
        }*/
        
        
        img.png {
        	behavior: url(/images/pngbehavior.htc);
        }
        
		 
		#iFrameContainer {
			position: absolute;			
			background-color: #FFFFFF;
			border: 1px solid #444444; 
			display: none; 
			z-index: 2007
		}
        
        
		#IC_bg_screen {
			position: absolute; 
			top: 0px; 
			left: 0px; 
			background-color: #000000; 
			opacity: 0.5; 
			filter: alpha(opacity: 50); 
			width: 100%; 
			height: 100%; 
			display: none; 
			z-index: 2006;
		}        
        
        #close {            
            text-align: right;
            padding: 5px;
            background-color: #FFFFFF;
        }
		
        .controls {
        margin: auto;        
        z-index: 1;
        position: relative;
        background-color: #EDEDED;
		background-image: url(/images/photoalbum/photo_controlBG.jpg); 
		text-align: center;
        }
        
        .photoFoot {
            margin: 5px auto;            
            z-index: 1;
            text-align: center;
            background-image: url(/images/photoalbum/photo_controlBG.jpg);
			background-repeat: repeat-x;
            background-color: #EDEDED;
            color: #000000;
            clear: both;
            margin-bottom: 5px;
            height: 5px;
        }
        
        .photoFoot span.SlideNum {            
            color: #000000;
            font-weight: bold;
        }
        
        .imageContainer {
			text-align:center;
            margin-bottom: 5px;
            overflow: hidden;
            z-index: 1;
        }
        
        .thumbContainer{
            width: 200px;
            height: 200px;
            margin: auto;
			z-index: 2;
			text-align:center;
            /**I think the width and height on this style control the thumbnail - but when I put it as 200, it does not change to 200
			filter: Shadow(Color=#555555, Direction=135);**/ 
        }        
        
        .mainID {
            margin: auto;
            z-index: 100;
            overflow: hidden;
        }
        
        /** should be removed once integration begins **/
        .mainContainer {
            margin: auto;
        }
        
        .details {
          /**  filter: DropShadow(Color=#0066cc, OffX=5, OffY=-3, Positive=1); **/
          margin: auto;
		  opacity: 0.0;
	        filter: alpha(opacity = 0);
	        width: 200px;  /*changed dimension from 75 no difference*/
	        height: 200px;  /*changed dimension from 75 no difference*/
	        border: 2px solid #FFFFFF;
			overflow: hidden;
        }
        
        .detailsContainer {
			position: absolute;
			left: 0;    
			top: 10px;       
			width: 100%;
            height: 100%;
            z-index: 9999;                    
            display: none;			
        }
		
		.detailScreen {
			display: none; 
			background-color: #000000; 
			position: absolute;
			/***position: fixed;
			_
			position: fixed;**/
			left: 0; 
			top: 0;
			width: 1000px; 
			height: 1000px; 
			opacity: 0; 
			filter: alpha(opacity = 0); 
			z-index: 9998;	
		}
		
        .mainImageDiv {
            font-size: 24px;
            font-weight: bold;
            text-align: center;
            color: #FFFFFF;
           /** border: 2px solid #4477AA;
            background-color: #336699;**/
            width: 100%; /*changed dimension from 400 no difference */
			height: 100%;  /*changed dimension from 400 no difference */
            margin: auto;			
        }
        
        .imageThumbSelected {
     
            font-weight: bold;
            text-align: center;
            float: left;
            margin: 3px;            
            vertical-align:middle;	
        }
        
        .imageThumb {
            font-size: 16px;
            font-weight: bold;
            text-align: center;                   
            float: left;
            margin: 2px;
            overflow: hidden;			
            cursor: pointer;
            vertical-align:middle;
        }
        
        .thumbTitle {
        	font-family: Verdana, Arial, sans-serif;
        	font-size: 11px;
        	line-height: 14px;
        	text-align: left;      
        	padding: 0 2px;  	
        }
        
		.detailControls {height: 22px;}
		
		.detailControls img {
			cursor: pointer;
		}
		
        .popImage {            
            margin: 0 10px;   
			border: 1px solid #FFFFFF;
			opacity: 0;			
            filter: alpha(opacity = 0);
			text-align:center;
        }
        
        .popTitle { 
            width: 600px;
            height: 25px;
            overflow: auto;
            text-align: center;            
            font-size: 18px;
            margin: 10px;
			opacity: 0;
            filter: alpha(opacity = 0);
        }
        
<!--changed popdesc from 480 with 10 margin = no difference--!>
		
        .popDesc {
			width: 600px;
			height: 600px;
			margin: 2px;
			overflow: auto;
            clear: left;            
            font-size: 14px;             
            text-align: left;
			color: #FFFFFF;
        }
		
		.descButton {
			color: #FFFFFF;			
		}        
				
		.detailControls {
			background-image: url(/images/photoalbum/photo_controlBG.jpg); 
			margin-top: 15px;
			overflow: hidden;
		}
		
		.enlargedImage {
			filter:progid:DXImageTransform.Microsoft.Shadow(color=#333333, direction=135); 	
			z-index: 3;
			cursor: pointer;
			border-top: 4px solid #dddddd;
			border-left: 4PX solid #bbbbbb;
			border-right: 4px solid #777777;
			border-bottom: 4px solid #444444;
		}

/* ------------- PhotoAlbum css ends here ---------------*/

/* Feedback form */
		.subject {
			display:none;			
		}
		
/* End Feedback form */


/* ------------- Map css start---------------*/
.mapDisplay{
margin: 20px 0px 0px 0px; border-top:1px solid #ccc;  
}
.mapDisplay p {margin:3px;padding:0;line-height:16px;}


.mapOptions{
margin: 20px 25px 0px 25px; border-top:1px solid #ccc;  
}

.mapOptions p {margin:3px;padding:0;line-height:16px;}

.maplist, .maplistAlt{
border-bottom:1px solid #fff;
border-left:1px solid #fff; 
}

.textForm { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#5F5F5F;
	}
	
.maplist{background: #efefef; padding:0px 10px 0px 10px; margin:0px 5px, 0px 0px; 
}

.text { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333333;
	line-height:19px;
	}

.userMap{border:28px solid #ccc;
  }
  
.controls{
margin:0px;
padding:0px;
}

#mapControls{
text-align:center;
width:36px;
}

#mapImage{
width:350px;
overflow:hidden;
}

#map{width:500px;} <!--changed from 500px to 800px made no difference-->

 .floatLeft{float:left;}
  .floatRight{float:right;}
  .clear{clear:both;}

/* ------------- Map css end---------------*/


/* ---------DOCUMENT LIBRARY CSS---------*/
.doclib {padding:0; font:normal normal normal 12px Arial, Helvetica, sans-serif; width:475px;}
.doclib h1 { background:#eeeeee; font-size:16px; margin-bottom:0; width:175px; padding:6px;}
.doclib table { border:10px solid #eeeeee; }
.doclib table th { background:#e8f7cc; color:#000000;border:1px solid #e5e3e3; }
.doclib table td { background:#FFFFFF; padding:4px; border:1px solid #e5e3e3; border-collapse:collapse;}
.doclib table .small{ width:125px; text-align:center;}  <!--tried changing this from 125 to 200 but it did not affect anything noticeable-->
.doclib a { text-decoration:none; font-weight:bold; color:#000000;}
.doclib a:hover { text-decoration:underline; color: #666666; font-weight:bold;}
.clearfloat { clear:both; }
table.doclib tr  { width: auto; }
.doclib table tr:hover td { background:#e8f7cc; }