/* Campus Directory */

/* View All Faculty and Departments Links */
#article										{ position: relative}
.view-all										{ position: absolute; top: 13em; right: 20px}
.dir-howto										{ margin-top: .5em; font-style: italic; font-family: georgia; }

/* Search Form */
form #dir-search								{ padding:30px 20px; border: 1px solid #e7e7e7; border-bottom-color: #ccc; margin: 1em 0 6em ; background: #f2f2f2; clear: both; text-align: center; } 
#dir-search #dir-searchbox						{ width: 80%; padding: 7px; border: 1px solid #ddd; border-bottom-color: #f2f2f2; margin:0; font-size: 18px; font-weight: bold; box-shadow: none; }
#dir-search #dir-searchbox:invalid				{ background-color: #fff; }
#dir-search input::-webkit-input-placeholder	{ color:    #777} 
#dir-search input:-moz-placeholder				{ color:    #777} 
#dir-search #dir-submit,			
#dir-search #dir-submit							{ padding: 6px; border: none; margin: 0 0 0 5px;font-size: 18px; font-weight: bold; background:#6B6A65; display: inline-block; color: #ffffff; line-height:normal; font-weight:bold; text-decoration:none; cursor: pointer; text-shadow: 0 -1px 0 rgba(0,0,0,0.6)  }
#dir-search #dir-submit:hover,
#dir-search #dir-submit:focus					{ background:#25A0C9; color: #ffffff }

/* Search Results */
form #filter-results							{ border: none; margin: 0; padding: 0; text-align: center }
#filter-results legend							{ width: 1em;padding: 0; float: left; }
#filter-results ul								{ padding:.5em 0; border:1px solid #ccc; border-bottom: none; margin: 0; background: #eee; clear: both; float: left}
#filter-results ul:before						{ content: "Filter Results:"; margin: 0 .5em; float: left; font-weight: 700; line-height: 1.75em}
#filter-results li								{ margin: 0 0 0 1em; padding: 0; line-height: 1; float: left; display: inline; position: relative}
#filter-results li:last-child					{ margin-right: 0;}
#filter-results input							{ position: absolute; top: .25em; left: 0}
#filter-results input#filter-update				{ margin-right: 1em; position: static;} /* Hidden with Javascript */
#filter-results label							{ padding-left: 1.5em; line-height: 1.75em}
.no-results										{ padding: 2em; margin: 0 auto; color: #cb132a; font-size: 2em; text-shadow: 0 1px 1px #fff, 0px -1px 2px #999; }
.dir-results									{ position: relative}
.dir-results table								{ width: 100%; margin: 0;}
.dir-results th									{ text-transform: uppercase; letter-spacing: .05em}
.dir-results tr:nth-child(2n)					{ background: #f7f7f7}
.results-qty									{ padding: .1em .3em; position: absolute; top: -43px; right: 0; background: ; color: #555; font: italic 1.125em Georgia, serif;}
.results-qty img								{ width: 26px; float: right; margin: -3px 0 0 10px; }
.dir-results.detail								{ margin-bottom: 2.5em}
.dir-results.detail p							{ text-align: right}
.dir-results.detail td,
.dir-results.detail th							{ padding: 1em}
.dir-results.detail th							{ text-align: right; width: 20%}

/* Directory Search Legal */
.dir-legal										{ padding-top:1em; border-top: 2px solid #ccc; margin-top: 3em}

/* Enrichment */
form #dir-search,
#dir-search #dir-searchbox,
#dir-search #dir-submit							{ -moz-border-radius: 3px; /* FF1+ */
												  -webkit-border-radius: 3px; /* Saf3-4 */
												  border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome */ }

#dir-search #dir-submit,
#dir-search #dir-submit:hover,
#dir-search #dir-submit:focus					{ background-image: -moz-linear-gradient(top, rgba(255,255,255,.4), rgba(255,255,255, 0)); 
												  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(255,255,255,.4)),color-stop(1, rgba(255,255,255,0))); 
												  background-image: linear-gradient(top, rgba(255,255,255,.4),rgba(255,255,255,0) )}

#dir-search #dir-searchbox						{ background-image: -moz-linear-gradient(top, rgba(0,0,0,.06), rgba(0,0,0, 0)); 
												  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(0,0,0,.06)),color-stop(1, rgba(255,255,255,0))); 
												  background-image: linear-gradient(top, rgba(0,0,0,.06),rgba(0,0,0,0) )}
												  
/* Web Apps Framework CSS Snippets */
/* 3. VALIDATION */
/* Status Messages (used for validation and general info) */
#status											{ clear:both;text-align:left;width:650px;margin:1em auto 2em;}
#status h1,
#status p,
#status ul,
#status ol										{ margin-top:0;margin-bottom:0;}
#status h1										{ font-size:1.2em;}
.error,
.notice,
.success										{ border:1px solid #ddd;padding:.833em;}
.error											{ background:#FF9;border-color:#B11400;}
.notice											{ background:#CFF;border-color:#6CF;}
.success										{ background:#E9FFBC;border-color:#7AA748;}
.error h1										{ color:#B11400;}
.success h1										{ color:#264409;}
	
/* Pagination */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.pagination										{ clear:both;display:block;text-align:center;margin:0;padding:2em 0;}
.pagination li									{ list-style-type:none;display:inline;padding-bottom:1px;}
.pagination a,
.pagination a:visited							{ border:1px solid #ccc;color:#00529D;font-size:16px;text-decoration:none;padding:2px 5px;}
.pagination a:hover,
.pagination a:active							{ background-color:#4E9A1B;border:1px solid #4E9A1B;border-top-color:#3B7A10;border-left-color:#3B7A10;color:#fff;font-weight:700;}
#content .pagination a.currentpage				{ background-color:#00529D;border:1px solid #0071D9;border-bottom-color:#00274C;border-right-color:#00274C;color:#fff;cursor:default;font-weight:700;}
#content .pagination a.disablelink,
#content .pagination a.disablelink:hover		{ background-color:#fff;cursor:default;color:#929292;font-weight:400;border-color:#ccc;}
.pagination a.prevnext							{ font-weight:700;}

/* 7. Enrichment (Mozilla + Webkit Browsers Only) */
/* Rounded Corners */
#content .button,
.pagination a, 
.pagination a:visited
												{
												border-radius: 3px;
												-moz-border-radius: 3px;
												-webkit-border-radius: 3px;	}
#status
												{
												border-radius: 10px;
												-moz-border-radius: 10px;
												-webkit-border-radius: 10px;
												}

/* Box Shadow */
#content .button,
.pagination a.currentpage
												{  
												-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
												-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
												}
#content .button:hover /* remove box shadow on hover */
												{
												-moz-box-shadow: none;
												-webkit-box-shadow: none;
												}
	
/* Text Shadow */
#content .button,
.pagination a.currentpage,
.pagination a:hover, 
.pagination a:active							{ text-shadow: 0 -1px 1px rgba(0,0,0,0.5) }

.pagination a.disablelink, 
.pagination a.disablelink:hover					{ text-shadow: none }
