.mainContent
{

overflow:visible;
}


/***********************************************************************
	Styles for: Gallery Feature
***********************************************************************/

.galleryIntroContent, .galleryLeftColumn
{
	width:612px;
}

.borderImage
{
	border: solid 1px #706658; 
}

/***********************************************************************
	Styles for: RIF Right Callout
***********************************************************************/

.rifRightCallout 
{
	position: absolute; 
	top: 20px;
	right: 0px;
	height: 246px;
	width: 250px;
}

.rifTop
{
	background-image: url(../Images/Gallery/bkgdCallRightRIFTop.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 10px;
	width: 250px;
}

.rifLeft
{
	background-image: url(../Images/Gallery/bkgdCallRightRIFLeft.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 222px;
	width: 13px;
	float: left;
}

.rifMiddle
{
	background-image: url(../Images/Gallery/bkgdCallRightRIFMain.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 182px;
	width: 200px;
	float: left;
	padding: 40px 10px 0 10px;
	font-size: .8em;	
}

.rifMiddle select
{
	font-size: 1.0em;
	margin: 0 0 5px 0;
	width: 150px;
}

.rifMiddle .textBox
{
	font-size: 1.0em;
	margin: 0 0 5px 0;
	width: 144px;
}

table.calloutForm
{
	border-spacing:0pt;
}

table.calloutForm td
{
	padding:0;
}

.rifRight
{
	background-image: url(../Images/Gallery/bkgdCallRightRIFRight.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 222px;
	width: 17px;
	float: left;
}

.rifBottom
{
	clear: both;
	background-image: url(../Images/Gallery/bkgdCallRightRIFBtm.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 14px;
	width: 250px;
}

.galleryContainer
{
	position:relative;
}

/***********************************************************************
	Styles for: .searchCriteriaTop
***********************************************************************/

.searchCriteriaTop
{
	background-image: url(../Images/Gallery/bkgdGalleryListTile.gif);
	background-position: bottom left;
	/*border-top: solid 1px #706658;
	border-bottom: solid 1px #706658;*/ /* Commented by imc2 */
	padding: 2px 5px;
	font-weight: bold;
	width:904px;
	margin:5px 0 0 0;
}

.searchCriteriaTop td
{
	padding: 2px 0;
	width: 175px;
	color:#ffffff;
	font-weight:normal;
}

.searchCriteriaTop .checkBox
{
	margin: 0 5px 0 0;
	padding: 0;
	position: relative;
	top: 2px;
}

.gallerySearch
{
	width: 110px;
	margin: 0 2px 0 0;
	color: #999999;
}

.gallerySearchGoBtn
{
	position: relative;
	top: 3px;
}

/***********************************************************************
	Styles for: .searchCriteriaBottom
***********************************************************************/

.searchCriteriaBottom
{
	background-image: url(../Images/Gallery/bkgdGalleryList2Tile.gif);
	background-position: bottom left;
	border-bottom: solid 1px #706658;
	padding: 2px 5px;
}

.searchCriteriaBottom td
{
	padding: 2px 0;
	width: 175px;
	height: 30px;
}

.selectInput
{
	width: 170px;
	font-size: 1.1em;
	line-height: 1.4em;
}

/***********************************************************************
	Styles for: .imageDetails
***********************************************************************/

.imageDetails
{
	float: left;
	padding: 0 0 0 15px;
	max-width: 300px;
}
/* Modified by imc2 */
.imageDetailsContent .title
{
	display: block;
	font-size: 16px;
	font-weight: bold;
	text-transform:uppercase;
	margin: 0 0 7px 0;
	color:#464646;
}

.imageDetailsContent a
{
	color: #706658;
}

.imageDetailsContent a.detailRed
{
	color: #ED3B40;
}

/***********************************************************************
	Styles for: .galleryLeftColumn
***********************************************************************/	

.galleryLeftColumn
{
	margin: 20px 0;
	float: left;
}

.galleryView, .gallerySlideShowView
{
	padding: 0;
}
 
/* Added by imc2 */
.mediagal .galleryView
{
	margin-top:-20px;
}
/* Modified by imc2 */
.galleryGridListViewBorder
{
	background: url(/Images/Common/bdyHorizontalRule.gif) repeat-x left top;
	height: 2px;
	font-size: 0px;
	line-height: 0;
}

.resultsFoundText
{
	font-size: 1.4em;
	font-weight: bold;	
	display:none; /* Added by imc2 */
}

.resultSize
{
	color: #ED3B40;
}
.resultTerm {color: #ED3B40;font-size:.8em;}


.galleryGridViewInfoPopUp 
{
	background:#FFFFFF none repeat scroll 0 0; 
	display:none; 
	padding:10px; 
	position:absolute; 
	z-index:20000; 
	border:1px solid #333;
	left: 50%;
	margin-left: -60px;
	width:490px;
	cursor: pointer;
}

.galleryGridViewInfoPopUp .icon
{

	float: left;
	width: 195px;
}

.closeBtn
{
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
	height: 16px;
	width: 10px;
	cursor: pointer;
}
	
	/***********************************************************************
		Styles for Grid View: .gridView
	***********************************************************************/
	
	.gridView
	{
		margin: 5px 0;
	}
	
	.gridView td img
	{
		margin: 5px 10px 5px 0;
		cursor: pointer;	
	}
	
	/***********************************************************************
		Styles for List View: .listView
	***********************************************************************/
	
	.listView
	{
		width: 100%;
	}
	
	.listView td img
	{
		margin: 0;
		padding: 0;
	}
	
	.listView tr
	{
		background-image: url(../Images/Common/bdyHorizontalRule.gif);
		background-position: bottom left;
		background-repeat: no-repeat;
	}
	
	.listView td
	{
		vertical-align: top;
	}
	
	.listView .imageIcon
	{
		width: 200px;
		margin: 5px 0;
	}
	
	.itemContainer
	{
		margin: 10px 0;
	}
	
	.itemContainer tr
	{
		background: none;
	}
	
	/***********************************************************************
		Styles for: .viewBySelection - Selector image for 3 view: Grid, 
					List and Slide Show.
	***********************************************************************/
	
	.viewBySelection
	{
		margin: 15px 0 0 0;
	}

	.viewBySelection td
	{
		padding: 0 5px;
		vertical-align: top;
	}
	
	.viewBySelection .selectionText
	{
		padding-top: 2px;
		padding-left: 0;
		font-size: 1.0em;
		font-weight: bold;
		color:#110F0F; /* Added by imc2 */
	}
	
	/***********************************************************************
		Styles for: .pageation
	***********************************************************************/
	
	.pagination
	{
		margin: 0 0 0 0;
		text-align: right;
		height: 15px;
		padding: 5px 0 20px 0;
		vertical-align:middle;
	}
	/* Added by imc2 */
	.pagination table
	{
		float:left !Important;
	}
	/* Added by imc2 */
	.mediagal .pagination a
	{
		text-decoration: none !Important;
	}
	
	.pagination a
	{
		text-decoration: none;
		font-weight: bold;
		margin: 0 0 0 5px;
	}
	
	 .galleryPagingActive
	{
		color: #000000 !important;
	}

	.pagination img
	{
		position: relative;
		top: 2px;
	}
	.galleryPagerButton {padding-top:3px;}
	.galleryPagingActive
	{
		/*background: url(../Images/Gallery/iconPaginationOn.gif) no-repeat;      
		background-position: center top;
		padding: 0 8px 2px 8px;*/ /* Commented by imc2 */
		margin: 0;
	}
	
/***********************************************************************
	Styles for: .galleryRightColumn
***********************************************************************/

.galleryRightColumn
{
	float: right;
	margin-left: -10px;
	margin-top: -25px;
	height: 551px;
	width: 310px;
}

.freshFeaturedCallout
{
	background-image: url(../Images/Gallery/bkgdCallRightFeatured.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	height: 551px;
	width: 310px;
}

.freshFeaturedContent
{
	margin: 110px 55px 0 90px;
	height: 370px;
	font-size: .8em;
	font-weight: bold;
}

.freshFeaturedGallery
{
	margin: 2px 0 0 0;
	overflow-y: scroll;
	overflow-x: hidden;
	height: 345px;
	position: relative;
}

.freshFeaturedGallery a
{
	display: block;
	margin: 0 0 5px 0;
	padding: 0;
	width: 146px;
	height: 82px;
	text-decoration: none;
	position: relative;
}
.freshFeaturedGallery img
{
	overflow:hidden;
	width:142px;
	height:80px;
}
	
	/***********************************************************************
		Styles for: .featureImagePopUp
	***********************************************************************/

	.featureImagePopUp
	{
		position: absolute;
		width: 130px;
		height:40px; /*Added by PONeil */
		bottom: 0;
		left: 0;
		padding: 5px;
		background-image: url(../Images/Common/bkgdMainTile.jpg);
		background-repeat: repeat;
		border: solid 1px #706658;
		display: none;
		text-decoration: none;
		font-size: .9em;
		cursor:pointer;
	}
	
	.featureImagePopUp .studentName, .featureImagePopUp .areaStudy
	{
		color: #706658;
		display: block;
	}
	
	.featureImagePopUp .largerImageLink
	{
		color: #ED3B40;	
	}

/***********************************************************************
	Styles for: .galleryOneColumn
***********************************************************************/

.galleryOneColumn
{
	margin: 20px 0;
}


	/***********************************************************************
		Styles for: .galleryDetailsView
	***********************************************************************/
	
	.galleryDetailsView
	{
		/*margin: 80px 0 30px 0;*/ /* Commented by imc2 */
		padding: 0;
		/*height: 415px;*/
	}
	
	.galleryDetailsView .galleryLargeImage
	{
	/*	float: left;*/
		width:100%;
	}

    div.imageDetailsContent
    {
        width:290px;
    }

    div.projectItemContainer
    {
        width:300px;
    }

	/* Added by imc2 */
	#DetailViewText
	{
		margin:0;
		
	}
	
	.imageDetailsExtended
	{
		/*float: left;*/
		padding: 0 0 0 25px;
		overflow-y: auto;
		overflow-x: hidden;
		height: 430px;
		/*width: 480px;*/ /* Commented by imc2 */
	}

	/* Modified by imc2 */
	.projectItemContainer
	{
		width: 370px;
		position:relative;
	}
	
	.projectItems img
	{
		float: left;
		height: 64px;
		width: 114px;
		margin-right:8px;
	}
	
	.previousNextBtnSmall
	{
		margin: 5px 0 20px 0;
		height: 13px;
		width: 280px;
	}
	/* Modified by imc2 */
	.previousNextBtnLarge
	{
		margin: 5px 0 0 -10px;
		*margin: 5px 0 0 -110px;
		height: 20px;
		width:350px;
		text-align: center;
		clear:both;
	}
	
	.previousNextBtnSmall a, .previousNextBtnLarge a
	{
		margin: 0;
		border: 0;
	}
	
	.previous
	{
		float: left;
		height: 13px;
		width: 43px;
	}
	
	.next
	{
		float: right;
		height: 13px;
		width: 41px;
	}
	
	/***********************************************************************
		Styles for: .shareThisContainer
	***********************************************************************/	
	
	.shareThisContainer
	{
		margin: 5px 0 0 0;
	}
	
	.shareThisContainer img
	{
		position: relative;
		top: 3px;
	}
	
	.shareThisContainer .green
	{
		color: #28863C;
		display:inline;
		font-weight: bold;
	}
	
	div.galleryView .shareThisContainer a, div.galleryView .shareprint a {
        background:transparent none !important;
    }
    div.galleryView .shareThisContainer a.stbutton, div.galleryView .shareprint a.stbutton {
        background:transparent url(../Images/Common/iconShareThisGrey.gif) no-repeat scroll 0 0 !important;
    }
	/***********************************************************************
		Styles for: .gallerySlideShowView
	***********************************************************************/

	.gallerySlideShowViewBorder
	{
		background-image: url(/Images/Common/bdyHorizontalRule.gif);
		background-repeat: no-repeat;
		height: 3px;
		font-size: 1px;
		line-height: 0;
		display:none; /* Added by imc2 */
	}

	.slideShowView
	{
		/*margin: 10px 0;*/ /* Commented by imc2 */
	}

	.browseAll
	{
		float: left;
		width: 175px;
		height: 450px;
	}

	.browseAll .scroll
	{
		margin: 5px 0 0 0;
		overflow-y: auto;
		overflow-x: hidden;
		height: 350px;
	}

	.scroll img
	{
		float: left;
		margin: 0 0 0 0;
	}

	.slideShow
	{
		/*float: left;
		width:415px; */
		margin: 0 0 0 15px; 
	}
		
/***********************************************************************
	PONEIL GALLERY ADDITIONS  
**********************************************************************	*/
.GalleryDropDownList {margin-right:10px;height:20px;border:inset 2px #ddd;font-size:10px;width:auto;}
.TextBoxNormal {height:15px;border:inset 2px #ddd;font-size:10px;width:140px;}
.watermarkTextNormal {color:#999;height:15px;border:inset 2px #ddd;font-size:10px;width:140px;}
.hideme {display:none;}
/* Modified by imc2 */
.galleryDisplayCalloutsBaseLineFadeRight {height:2px;width:612px;margin:3px 0 5px 0;background: url(/Images/Common/bdyHorizontalRule.gif) repeat-x left top;}  
/* Modified by imc2 */
.galleryDisplayCalloutsBaseLineFadeLeft {height:2px;width:612px;margin:3px 0 5px 0;background: url(/Images/Common/bdyHorizontalRule.gif) repeat-x left top;}  
  
 
 /* spacing between media gallery items */
.galleryImageList
{
	margin:15px 0 15px 0;
}

  /* step carousel Gallery SlideShow Section */

.slideshowview{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 700px; /*Width of Carousel Viewer itself*/
height: 340px; /*Height should enough to fit largest content's height*/
margin-left:10px;
}

.slideshowview .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
margin:10px 0 0 0;

}
.slideshowview .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px; /*margin around each panel */
margin-right:8px;
/*margin-right:4px;*/
width: 690px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
text-align:left;
}




  /* step carousel Gallery Detail Large Image Section */

.stepcarouselDetailLarge{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 600px; /*Width of Carousel Viewer itself*/
height: 330px; /*Height should enough to fit largest content's height*/ /* Modified by imc2 */
margin-top:-1px; /* Added by imc2 */
}
/* Added by imc2 */
.galleryLargeImage .detailRed{
	display:none;
}

.stepcarouselDetailLarge .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
margin:10px 0 0 0;

}
.stepcarouselDetailLarge .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
/*margin: 5px;*/ /*margin around each panel*/  /* Commented by imc2 */
/*margin-right:4px;*/
width: 600px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:415px;
text-align:center;
}



.stepcarouselDetailSmall
{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 365px; /*Width of Carousel Viewer itself*/
height: 70px; /*Height should enough to fit largest content's height*/
}

.stepcarouselDetailSmall .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
margin:0 0 0 0;

}
.stepcarouselDetailSmall .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 2px; /*margin around each panel*/
/*margin-right:4px;*/
width: 120px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:68px;
text-align:left;
}

.stepcarouselDetailSmall img
{
border:solid 1px #333333;
}

.stepcarouselDetailText
{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 370px; /*Width of Carousel Viewer itself*/ /* Modified by imc2 */
height: 375px; /*Height should enough to fit largest content's height*/
}

.stepcarouselDetailText .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
margin:0 0 0 0;

}
.stepcarouselDetailText .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 2px; /*margin around each panel*/
/*margin-right:4px;*/
width: 370px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ /* Modified by imc2 */
height:375px;
text-align:left;
}
.imageDetailsContent 
{
	line-height:20px;
	margin-left:5px; /* Added by imc2 */
}

.galleryfeatureditem 
{
	height:25px;margin-left:4px;
}  
 .galleryDetailTextDescription {max-height:190px;overflow:auto;overflow-y:auto;}
 
 #galleryholder
 {
    
 }
 
 #galleryholder .generalTwoColumnLeft 
 {
  text-align:left;
  position:relative;
  top:4px;
  left:0px;
  margin:0 0 0 -10px;
 }
 
 #galleryholder .generalTwoColumnRightContainerItem 
 {
    margin-left:-10px;
    position:relative;
    left: -16px;
 }
 
 #rightCallouts
 {
     text-align:left;
     vertical-align:top;
     padding-left:0px;
     width:150px;
 }