/* CSS Document */

/*overrides of main.css for interior pages:*/


	
div#page {overflow:hidden}
div#content {overflow:auto}

DIV#content DIV#center.menu,
DIV#content DIV#center.search,
DIV#content DIV#center.new_search,
DIV#content DIV#center.searchresulttest,
DIV#content DIV#center.update,
DIV#content DIV#center.updateWORK,
DIV#content DIV#center.profile,
DIV#content DIV#center.profileWORK

{
	width:99%
}
DIV#content DIV#center {
	overflow:hidden
}

.myclass .listheadlines img.alignleft {margin-right:1em !important}

DIV#content DIV#center.myclass,
DIV#content DIV#center.myclassWORK{
	max-width:490px;
	float:left;
	overflow:hidden
}
DIV#content DIV#center.menu,
DIV#content DIV#center.menuwork{
	/*max-width:490px;*/
	max-width:90%;
	float:left;
	overflow:hidden
}

.freesearchresult #facets {width:200px; float:left; margin-right:30px; padding:0; border:3px solid #666}
.freesearchresult #facets h3 {color:#fff; background-color:#666; padding:5px; margin:0}
.freesearchresult #facets .facetheader {font-weight:bold; color:#000; background-color:#CCC; padding:5px; margin:0; border-bottom:1px solid #fff}
.freesearchresult #facets .facetheader .fa  { float:right} 
.freesearchresult #facets .facetheader .fa:hover { cursor:pointer} 
.freesearchresult #facets .facet {padding: 0 3px; font-size:80%; display:none}
.freesearchresult #facets .facet#facet1 {display:block} 
.freesearchresult #results {width:450px; float:left; overflow:visible}
.freesearchresult #results p {margin-top:0}
.freesearchresult #results .persondiv { height:auto; overflow:auto}
.freesearch input[type="submit"], .freesearchresult input[type="submit"] {
    font-size: 12px;
    font-weight: bold;
    padding: 4px;
    text-align: center;
	float:right
}

.freesearchresult .message {padding-bottom:1em; width:90%;}

.freesearchresult #resultheader {color:#6A7F10; margin-bottom:1em}
.freesearchresult button{font-size:80%; background:#fff; border-radius: 4px; border: 1px solid #6A7F10; color:#6A7F10}
.freesearchresult button:hover {background:#ccc}
 
@media all and (max-width: 500px) {
	div#page {overflow:visible}
	div#content {overflow:visible}
	DIV#content DIV#center.myclass{
		max-width:100%;
		width:100%;
		float:none;
		overflow:visible;
	}
	.freesearchresult .pagetitle {text-align:center}
	.freesearchresult table#search {margin:auto}
	.freesearchresult #facets {width:90%;float:none;  margin:auto}
	.freesearchresult #results {width:100%; float:left}
}
 
div#loginout {/*float:right;*/text-align:right; z-index:9999; /*max-width:170px*/ width:100%}
div#loginout input[type="submit"] {background:none; border-color:#CCC; color:#ccc; font-size:80%}

table#login td{font-size:13px; font-weight:bold}

DIV#center_top_tabs {   height:40px; position:static; margin-left:0px; margin-top:0px; width:520px; }

table#yearbooks td  {text-align:center;}
table#yearbooks td,table#yearbooks td a {text-align:center; text-decoration:none}
table#yearbooks img {border-color:#000000}
table#yearbooks a:hover img{border-color:#c26c29}

input.disabled {border:none; border: 0px solid #FFFFFF; background-color: #FFF; color:#666 }



#profile div.table {display: table;}
#profile div.row {display: table-row;width:100%}
#profile div.cell {display: table-cell; width:50%}

table#profile, table#profile table {width:100%;font-size:12px;}
table#profile td{padding:5px}
table td.rule {border-top:1px solid #CCC; padding-top:1em}
table#profile strong{padding-left:20px}
@media all and (max-width: 500px) {
		table#profile strong{padding-left:0px}
		table#profile {width:300px}
}




.searchresult div#results {width:100%;}
.myclass div#results, .myclassWORK div#results {width:100%;}
.searchresult .persondiv {width:40%; float:left}
 .myclass .persondiv, .myclassWORK .persondiv  {width:45%; float:left}
.persondiv {border:1px solid #eee; padding:.8em; height:100px; overflow:hidden} 
.persondiv a.name {font-weight:bold; color:#000}
.persondiv img {margin-right:5px; margin-top:10px; margin-bottom:10px;}

@media all and (max-width: 500px) {
.searchresult .persondiv {width:90%}
.searchresultWORK .persondiv {width:90%}
.myclass .persondiv, .myclassWORK .persondiv  {width:90%;}
}

#linkedinprompt {float:right; width:150px; z-index:999999}

table#children > tbody > tr > td{border:1px solid #ddd}
#morechildren >table > tbody > tr > td{border:1px solid #ddd}

div#classnews h2.widget-title {    color: #666666;    font-size: 10px;    font-weight: 500;    letter-spacing: 0.1em;    line-height: 2.6em;    text-transform: uppercase;
}
div#classnews h3.entry-title {font-size:13px; color:#9e0e19}
div#classnews h3.entry-title a{font-size:13px; color:#9e0e19}
div#classnews .entry-summary {font-size:11px; color:#222222}

/*highlight profile update fields*/
#profile .lisync {
	background-image: url("https://www.kzoo.edu/images/icons/LinkedIn/smsq.png");
	background-repeat:no-repeat;
	background-position:right;

}
.profile h2, .profile h3 {color:#000; margin:0} 
.profile input[type="button"] {background:none; border-color:#CCC; color:#ccc; font-size:80%}
.profile input[type="button"]:hover {background: -moz-linear-gradient(center top , #ffa643 0%, #fc8824 50%, #dd6d00 51%, #ea6820 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border-color:black; color:black; text-decoration:none}
#content a.button {text-decoration: none}

strong.pers {color:#ea6820;}
table td.rule.pers{border-color:#ea6820; border-width:5px}

h3.family, strong.family {color:#6A7F10;}
table td.rule.family {border-color:#6A7F10; border-width:5px}

h3.contact, strong.contact {color:#006983}
table td.rule.contact {border-color:#006983; border-width:5px}

h3.pro, strong.pro {color:#9E0E19;}
table td.rule.pro {border-color:#9E0E19; border-width:5px}

h3.misc,strong.misc {color:#580162}
table td.rule.misc {border-color:#580162; border-width:5px}

h3.academic,strong.academic {color:#ea6820;}
table td.rule.academic{border-color:#ea6820; border-width:5px}

div#vcard{	float:right; padding-right:20px; text-align:center}
@media all and (max-width: 500px) {
	div#vcard{padding-right:10px; font-size:90%}
}
#content #admenu {min-width:499px; text-align:center}
#content #admenu img {margin-left:2%; margin-right:2%}
@media all and (max-width: 500px) {
	#content #admenu img {width:38px; margin-left:0; margin-right:0; padding:1px}
	#content #admenu {min-width:100%}
}
@media all and (max-width: 320px) {
	#content #admenu img {width:34px; margin-left:0; margin-right:0; padding:1px}
	#content #admenu {min-width:100%}
}
#mobilenav{background-color:#FFF !important}