/* fixup for www.ucla.edu content */

.bug {
	vertical-align:middle;
}

#content {
	margin-top:10px;
	padding:0 2px 0 8px;
}

/* ----------------- */

#directory-container .advanced-form label {
	float:left;
	font-weight:normal;
	padding-right:2ex;
	text-align:right;
	width:25%;
}

#directory-container .center {
	text-align:center;
	width:100%;
}

#directory-container .content-owner {
	border-bottom-style:dashed;
	border-bottom-width:thin;
	font-weight:bold
}

#directory-container .email {
	padding-left:1ex;
}

#directory-container .emergency {
	color:#c30;
}

#directory-container .grey {
	color:#999;
}

#directory-container .location {
	border-bottom-style:dashed;
	border-bottom-width:thin;
}

#directory-container .page-title {
	background:#536895;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding:2px 10px;
}

#directory-container .pexit {
	border:1px solid #666;
	border-radius:2ex;
	font-size:100%;
	margin:2ex 0;
	padding:4ex;
	width:85%;
	-moz-border-radius:2ex;
	-webkit-border-radius:2ex;
}

#directory-container .privacy-notice {
	clear:both;
	color:#999;
	padding:2ex 0;
	text-align:justify;
	width:92%;
}

#directory-container .results-dept {
	background:#eee;
	border:0;
	margin:1.5ex 0;
	padding:0;
	text-align:left;
	width:100%;
}
#directory-container .results-dept th {
	background:#536895;
	color:#fff;
	font-weight:bold;
	margin:0;
	padding:1ex 1em;
}
#directory-container .results-dept td + td {
	width:15%;
}
#directory-container .results-dept tr:hover {
	color:#222;
	background:#ffe;
}

#directory-container .results-external {
	border:1px solid #999;
	margin:2em 0px;
	width:100%;
}
#directory-container .results-external td:first-child {
	color:#999;
	padding:0.5ex 1ex;
	text-align:right;
	width:30%;
}
#directory-container .results-external td + td {
	color:#000;
	text-align:left;
	width:65%;
}

#directory-container .results-normal {
	width:100%;
}
#directory-container .results-normal th {
	font-weight:bold;
	text-align:left;
}
#directory-container .results-normal td {
	border-top:1px solid #aaa;
	padding:1ex 0;
}

#directory-container .table-colors tr:nth-child(even) {
	background:#eee;
}

#directory-container .search-toggle {
	padding:1em 0;
}

#directory-container a {
	color:#536895;
	text-decoration:none;
}
#directory-container a:hover {
	text-decoration:underline;
}

#directory-container dt {
	font-weight:bold;
}
#directory-container dd {
	margin-bottom:1.5ex;
	margin-left:4ex;
}

#directory-container h4 {
	text-decoration:underline;
}

#directory-container img {
	border:0;
	margin:0;
	padding:0;
}

#directory-container .directory-submit-button {
	background:#536895;
	border-radius:2ex;
	color:#fff;
	font-weight:bold;
	padding:0.2em 0.75em;
	width:auto;
	-moz-border-radius:2ex;
	-webkit-border-radius:2ex;
}
#directory-container .directory-submit-button:hover {
	background:rgb(59,56,208);
}

#directory-container {
	background:#fff;
	float:left;
	margin:auto;
	padding:0;
	width:100%;
}

#directory-container ul {
	height:100%;
	list-style:none;
	margin:0;
	padding:0;
	line-height:160%;
}

#directory-nav {
	float:left;
	margin-left:-100%;
	width:180px;
}

#directory-content-wrapper {
	float:left;
	width:100%;
}
#directory-content {
	margin-left:180px;
	padding-left:5px;
}

#q {
	border:2px solid #000;
	padding:0.5ex;
	width:30%;
}

#results-wrapper a {
	color:#666;
	font-weight:bold;
	text-decoration:underline;
}
#results-wrapper a:hover {
	color:#222;
}

#search-wrapper {
	width:100%;
}
#search-wrapper fieldset div {
	clear:both;
}

#search-box-basic {
	display:block;
}
#search-box-advanced {
	display:none;
}
#search-box-advanced fieldset div {
	padding:0.2ex 0;
}


#lightbox {
	display:none;
	position:fixed;
	width:90%;
	z-index:2;
}

#lightbox img {
	position:absolute;
	right:1em;
	top:1em;
}

#lightbox table {
	width:100%;
}

#lightbox tr {
	vertical-align:top;
}

#lightbox .element {
	display:none;
	line-height:125%;
	overflow:auto;
	width:100%;
}
#lightbox .element a {
	color:#333;
}

#lightbox .element-leftbar {
	max-width:100%;
}
#lightbox .element-leftbar label {
	color:#999;
	display:inline-block;
	text-align:right;
	width:25%;
}
#lightbox .element-rightbar {
	width:30%;
}

#lightbox .element-vcard {
	bottom:0;
	clear:both;
	position:relative;
	padding:1ex;
	padding-top:2ex;
	text-align:right;
}
#lightbox .element-vcard a {
	background:#536895;
	border:2px solid #030;
	border-radius:1ex;
	color:#fef;
	font-weight:bold;
	padding:0.75ex 1ex;
	-moz-border-radius:1ex;
	-webkit-border-radius:1ex;
}

#lightbox-surround {
	background:rgba(00,51,102,.6) !important;
	background:rgb(00,51,102);
	border-radius:2em;
	margin:0;
	overflow:auto;
	padding:2em;
	-moz-border-radius:2em;
	-webkit-border-radius:2em;
}

#lightbox-content {
	background:#fff;
	border-radius:1em;
	overflow:auto;
	padding:1em;
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
}

#overlay {
	background:#333;
	bottom:0;
	height:100%;
	margin:0;
	opacity:.75;
	padding:0;
	position:fixed;
	left:0;
	right:0;
	top:0;
	width:100%;
	z-index:1;

	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-webkit-opacity:0.75;
}

* html #overlay {
	height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	position:fixed;
	filter:alpha(opacity=75);
}