#showcase form {
	display: inline;
}

/* General Formats
----------------------------------------------*/
#showcase div.clearer,
#showcase-form div.clearer {
	clear: both;
}
.hide {
	display: none;
}
button.showcase-button {
    background: #0130A1;
    border: none;
    padding: 3px 5px 3px 5px;
    color: #FFF;
    box-shadow: 1px 1px 5px #B6B6B6;
    border-radius: 3px;
    cursor: pointer;
    font-size: 13px;
}
button.showcase-button:hover {
    background: #E0E4FF;
    color: #0130A1;
}

/* Blocks
----------------------------------------------*/
#showcase {
	margin: 0; padding: 0;
}

#showcase-menu {
	/* border: 1px solid #f00; */
}

#showcase-map {
	min-height: 400px;
	padding: 10px 0px;
	/* border: 1px solid #f00; */
}

#showcase-footnote {
	margin: auto;
	/* border: 1px solid #f00; */
}

/* Containers
----------------------------------------------*/
#showcase-menu-container {
	width: 90%;
	margin: auto;
}
#showcase-map-container {
	width: 90%;
	margin: auto;
	padding: 7px;
	border: none;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);
}
#showcase-footnote-container {
	width: 90%;
	margin: auto;
}


/* Menu
----------------------------------------------*/
#showcase-sub-menu {
	float: right;
}

#showcase-map-message {
	margin-top: 5px;
}
#showcase-map-message p {
	background-color: #E9FFE8;
	padding: 3px;
	border-radius: 3px;
}
#showcase-map-message p.alert {
	background-color: #FFE8EB;
	padding: 3px;
	border-radius: 3px;
}


/* Map
----------------------------------------------*/
#showcase-map-canvas {
	height: 100%;
	min-height: 300px;
}
#showcase-map-canvas img {
	max-width:none;
}
.showcase-info-window {
	width: 280px;
}

/* Footnote
----------------------------------------------*/
#showcase-footnote-text {
	display: block;
}

#showcase-footnote-text2 {
	display: none;
}


/* alum details
----------------------------------------------*/
#showcase .alum-result { border-bottom: 1px solid #ccc; margin-bottom: 10px; }
#showcase .alum-name { font-weight: bold; font-size: 14px; }
#showcase .alum-classof { font-weight: normal; font-size: 12px; }
#showcase .alum-linkedin { }
#showcase .alum-facebook { }
#showcase .alum-twiter{ }
#showcase .alum-googleplus { }
#showcase .alum-social a { font-size: 20px; padding-right: 15px }
#showcase .alum-position { }
#showcase .alum-org { }
#showcase .alum-work { }
#showcase .alum-fields-title { font-weight: bold; display: block; }
#showcase .alum-field1 { margin-left: 8px; }
#showcase .alum-field2 { margin-left: 8px; }
#showcase .alum-fields { }
#showcase .alum-education-title { font-weight: bold; display: block;}
#showcase .alum-education { margin-left: 8px; }
#showcase .alum-school1,
#showcase .alum-school2 { }
#showcase .alum-school1deg,
#showcase .alum-school2deg { }
#showcase .alum-education { }



@media all and (max-width: 750px) {
	#showcase-sub-menu {
		width: 100;
		float: none;
	}
	#showcase-header img {
		width: 400px;
	}
	button.showcase-button {
		width: 100%;
		margin-top: 6px;
	}
}

/* Form
-----------------------------------------*/
#showcase-form {
	padding-top: 10px;
	font-size: 12px;
}
#showcase-form input[type=text] {
	padding: 2px;
	margin: 2px 0;
	font-size: 13px;
	background-color: #fff;
}
#showcase-form select {
	font-size: 13px;
}
#showcase-form .row { width: 90%;  margin: auto; 
	background-color: #F7F7FF; padding: 5px; margin-bottom: 10px; 
	border: 5px solid #fff; 
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);
}
#showcase-form .row.internal { background-color: #FEFFEA; }
#showcase-form .column { width: 45%; margin-right: 5%; float: left; }
#showcase-form #showcase-form-message { }
#showcase-form #showcase-form-message p,
#showcase-form #showcaseAlumSubmitStatus p {
	background-color: #E9FFE8;
	padding: 3px;
	border-radius: 3px;
}
#showcase-form #showcase-form-message p.alert,
#showcase-form #showcaseAlumSubmitStatus p.alert {
	background-color: #FFE8EB;
	padding: 3px;
	border-radius: 3px;
}
#showcase-form label { display: inline-block; width: 120px; }
#showcase-form .showcase-form-label-note { display: block; font-style: italic; font-size: 11px;}
#showcase-form .showcase-form-label-required { color: #f00; font-weight: bold; font-size: 11px; font-style: italic; }

@media all and (max-width: 750px) {
	#showcase-form .column { width: 100%; margin-right: 0; float: none; }
	#showcase-form input[type=text] { width: 100%; margin-bottom: 5px;}
}