/***** Make changes to the gallery.css. These are the defaults *****/

@charset "UTF-8";
#media_body{
	position:relative;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-top:10px;
	padding-left:20px;

	
}


#media_body a{
	color:inherit;
	font-weight:bold;
	text-decoration:none;
}


#media_body div{
	vertical-align:top;
	
}

#media_body_loading{
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,.6);
	display:none;
	text-align:center;
	padding-top:100px;
	z-index:9999;
	
}


.icon_container-old{
	position:relative;
	display:inline-block;
	background-color:#FFFFFF;
	width:200px;
	height:250px;
	padding:2px;
	border:transparent solid 2px;
	font-size:14px;
	overflow:hidden;
	
	-webkit-box-shadow: 2px 2px 6px 1px rgba(0,0,0,0.4);
	-moz-box-shadow: 2px 2px 6px 1px rgba(0,0,0,0.4);
	box-shadow: 2px 2px 6px 1px rgba(0,0,0,0.4);
	
}

.icon_container{
	position:relative;
	display:inline-block;
	width:200px;
	height:300px;
	padding:2px;
	border:transparent solid 2px;
	font-size:14px;
	overflow:hidden;
	
}

.icon_container:hover{
	cursor:pointer;
	background-color:#CCCCCC;

}

.project_title, .media_title{
	font-size:14px;
	font-weight:bold !important;
	white-space: nowrap;
    letter-spacing: 0px !important;
  	overflow: hidden;
  	text-overflow: ellipsis;
}

.project_title img, .media_title img{
	vertical-align:top;
}

.project_imgBroder{
	background-color:#FFFFFF;
	padding:7px;
	padding-bottom:16px;
	
}

.project_image, .media_image{
	position:relative;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;

	background-color:#DDDDDD;
	width:auto;
	height:130px;
}



.project_details_UL, .media_details_UL{
	list-style:none;
	padding:0;
	margin:0;
	}

.project_details_UL li, .media_details_UL li{
	display:inline-block;
	font-size:12px;
	
}

.project_details_UL li img, .media_details_UL li img{
	vertical-align:bottom;
}

.project_year{
	position:absolute;
	top:2px;
	right: 2px;
	
}

.appTag{
	font-size:11px;
	padding:1px;
	color:#FFFFFF;
	
}


#projectPage{
	position:relative;
	
}

#projectPage_head{
	height:250px;
	background: #7d7e7d; /* Old browsers */
background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */

}

#projectPage_title{
	padding-left:15px;
	font-weight:bold;
	font-size:20px;
	color:#FFFFFF;
}

#projectPage_table{
	height:inherit;
}
#projectPage_table td{
	padding-bottom:30px;
	color:#FFFFFF;
}

#projectPage_image{
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	width:100%;
	height:100%;
}

#projectPage_description{
	height:inherit;
	overflow:hidden;
	
}

#projectPage_media_UL{
	padding:0;
	margin:0;
	list-style:none;
}

.projectPage_media_table_TR{
	height:30px;
	background-color:#fafafa;

}

#media_nav{
	position:relative;
	padding:3px;
	margin-bottom:3px;
	height:25px;
	line-height:23px;
	
}

#media_nav img{
	vertical-align:middle;
	
}

#media_nav_UL{
	list-style:none;
	padding:0;
	margin:0;
	
}

#media_nav_UL li{
	display:inline-block;
}

#media_overlay{
	position:relative;

	
}

#media_overlay_message{
	position:relative !important;
	height:inherit !important;
	background-color:#EEEEEE;
	z-index:9999 !important;
}

.media_home{

	
}


#media_nav_search{
	position:absolute;
	right:8px;
	top:2px;
	}

#media_nav_search_input{
	border:transparent 0px solid;
	vertical-align:middle;
	height:18px;
	padding-left:12px;

}

#media_nav_search_button{
	background-color:#000000;
	height:20px;
	vertical-align:middle;
	margin-left:-4px;
	border:transparent 0px solid;
}

#media_nav_search_button:hover{
	cursor:pointer;
	background-color:#45A95A;

}

.ui-dialog{
	z-index:9999 !important;
	
}

.ui-widget-overlay
{
    background-color: #000000;
    opacity: 0.6;
	z-index:9999 !important;
}
.ui-autocomplete{
	z-index:999;
	
}

.ui-autocomplete-category {
		font-weight: bold;
	}
	
.ui-corner-all{
	font-weight:normal !important;
	
}/* CSS Document */