/************Styles for draggable Portfolio viewing window***********/


table{
   border-collapse: collapse;     
}
td, table, tr{
   padding: 0px;             
}
	
#viewer_cont{
	position: absolute;
	top: 150px;
   right: 502px;
   z-index: 3;	
}	
	
#viewer {
  	border: 1px solid black;
	border-bottom-width: 0px;
  	height: auto;
  	width: 500px;
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 10px;
	display: none;
	position: absolute;
}
/*FF, IE7, Safari*/	
:root #viewer, *:first-child+html #viewer{
	position: fixed;
}
/*Opera 9 and up*/
@media all and (min-width:0px) {
		head~body #viewer{position: fixed;}
}
/*FF hack*//*
#viewer, x:-moz-any-link{
	position: absolute;
}
/*Give back fixed to FF3*//*
#viewer, x:-moz-any-link, x:default{
	position: fixed;
}
/*note that IE responds to both hacks thus regaining fixed value*/
/*IE5 + 6 - do not support fixed at all*//*
*html #viewer{
	position: absolute;
}
/**/
	
   #title_bar {
		background-repeat: repeat-y;			
		background-color: rgb(0,105,5);
		border-bottom: 1px solid Black;
   	width: 500px;
   	height: auto;
   	cursor: move;
   	position: relative;
   	margin-left: -2px;
		margin-right: -2px;
   	margin-top: -2px;
		margin-bottom: 0px;
   	z-index: 1;
		color: White;
   }
   #title_bar_top, #title_bar_bottom{
   	width: 500px;
   }
   #title_bar_top{
   	background-image: url(../gallery/title_bar_top.gif);
   	background-repeat: repeat-x;
   	background-position: 0px 0px;
   	position: relative;
   	height: auto;
   	z-index: 1;
   }
   #title_bar_bottom{
   	background-image: url(../gallery/title_bar_bottom.gif);
   	background-repeat: repeat-x;
   	background-position: bottom;
   	position: relative;
   	height: 3px;
   	z-index: 0;
   }
   #title{
   	line-height: 1.5em;
   	margin-left: 5px;
   	position: relative;
   	top: 1px;
   	cursor: text;
   }
   #minimize{
   	border: 0px solid black;
   	height: 14px;
   	width: 12px;
   	background-image: url(../gallery/maximize.gif);
   	background-position: 3px 5px;
   	background-repeat: no-repeat;
   	cursor: pointer; /*IE5*/
		cursor: hand;
   	z-index: 2;
   	position: absolute;
   	right: 19px;
		top: 0px;
   }
   #close{
   	border: 0px solid black;
   	height: 14px;
   	width: 11px;
   	background-image: url(../gallery/close.gif);
   	background-position: 3px 5px;
   	background-repeat: no-repeat;	
   	cursor: pointer;
	cursor: hand;		
   	z-index: 2;
   	position: absolute;
   	right: 5px;
		top: 0px;
   }
   #viewing_area{
   	height: auto;
   	width: 496px;
   	border: 2px inset rgb(0,105,5);
    border-bottom-width: 0px;
   }
   #viewer_image{
   	border: 0px solid red;
   	height: 408px;
   	width: 496px;
   	z-index: 1;
   	position:relative;
		background-repeat: no-repeat;
		background-position: 50% 25px;
		background-color: White;
		display: none;
   }
	#hitbox1{
		position: relative;
		top: 25px;
		left: 23px;
		height: 179px;
		width: 179px;
		float: left;
		cursor: pointer;
		cursor: hand;
	}
	#hitbox2{
		position: relative;
		top: 25px;
		left: 44px;
		height: 179px;
		width: 247px;
		float: left;
		cursor: pointer;
		cursor: hand;		
	}	
	#hitbox3{
		position: relative;
		top: 46px;
		left: 23px;
		height: 179px;
		width: 247px;
		float: left;
		cursor: pointer;
		cursor: hand;		
	}
	#hitbox4{
		position: relative;
		top: 46px;
		left: 44px;
		height: 179px;
		width: 178px;
		float: left;
		cursor: pointer;
		cursor: hand;		
	}	
	#viewer_text{
		height: 0px;
		width: 446px;
		padding-top: 25px;
		font-size: 110%;
		background-color: white;
		display: none;
		min-height: 0px;
	}
	* html #viewer_text{
		height: 0px;
	}
   #status_bar{
   	border-top: 1px solid Black;
		background-color: rgb(30,130,30);		
   	width: 496px;
   	height: auto !important;
   	height: 12px;
   	min-height: 12px;
   	position: relative;
   	left: 0px;
   	bottom: 0px;
   	margin-bottom: 0px;
		display: none;
		color: White;
		font-size: 8px;
   }
	/*IE5 - table does not inherit*/
	* html #status_bar td{
		font-size: 8px;
		color: White;
	}
	/**/
   #status{
   	margin-left: 3px;
   }
   #next, #previous, #back{
   	height: 12px;
   	width: 14px;
      margin: auto;
   	background-repeat: no-repeat;
   	position: relative;
   	cursor: pointer;
      border: 0px solid black;   
		top: 0px; 
   }
   #next{
   	background-image: url(../gallery/next.gif);
   	background-position: 3px 1px;		
   }
   #previous{
   	background-image: url(../gallery/previous.gif);
   	background-position: 4px 1px;		
   }
	#back{
   	background-image: url(../gallery/back.gif);
   	background-position: 3px 2px;		
	}