@import url(/elements/css/base.css);
@import url(/elements/css/clearfix.css);
body {background:#e9e9e9 url(/elements/images/bg_stripe.gif) 0 0 repeat; color:#666; font: 12px/1em Arial,Helvetica,sans-serif;}
h1 {font-size: 26px; font-weight: bold; line-height: 50px; margin: 10px 20px;}
#userBox {float: right; margin: 10px; color: #bc4f07; text-align: right;}
#content {width: 85%; margin: 1em auto; background: #fff; padding: 5px 5px 30px 5px; border: 1px solid #000; position: relative;}
	#branding {height: 64px; background: #fff url(/elements/images/OPAC_logo.gif) 0 0 no-repeat; padding: 3px 0;}
		#branding h1 {margin: 0;}
			#branding h1 a {padding-left: 190px; font-size: 16px; line-height: 64px; text-decoration: none; color: #000;}
		#branding div {font-weight: bold;}
			#branding div a {text-decoration: none; float: right;}
			#branding div a:hover {text-decoration: underline;}
	#page_content {margin: 0 auto;}
		#QueueTabs {border-collapse:collapse; background:#e9e9e9 url(/elements/images/bg_stripe.gif) 0 0 repeat; padding:3px; border: 1px solid #000;}
			#QueueTabs a.tab {font-size:11px; font-weight:bold; line-height: 20px; text-decoration:none; padding:0 5px; margin: 0; background-color:#fff; border:#666666 solid 1px; color:#0091c9;}
			#QueueTabs .left {float: left; width: 820px;}
			#QueueTabs .right {float: right;}
			#QueueTabs .left a{float:left; margin: 0 3px 2px;}
			#QueueTabs .right a{float:right; margin: 0 3px 2px;}
			#QueueTabs a.selected{background-color:#0091c9;color:#FFFFFF;}
			#QueueTabs a.tab:hover, div#QueueTabs a.tab:active {background-color:#0091c9; color:#fff; text-decoration: none;}
		#MessengerContainer {margin: 0.5em 10%;}
		#entityList {margin: 1em auto 0 auto;}
			#entityList h2 {font-size: 14px; margin: 0 0 1em 0;}
			#entityList .form_row {margin: 0; line-height: 2em;}
				#entityList .facility {border: 1px solid #000; border-width: 1px 1px 0 1px; width: 598px; float: left;}
				#entityList .check {border: 1px solid #000;  border-width: 1px 1px 0 0; width: 148px; text-align: center; float: left; position: relative; display: block;}
					#entityList a {display: block; height: 100%; text-decoration: none; font-weight: bold; color: #000; padding-left: 10px;}
					#entityList a:hover {color: #fff; background-color: #0091c9;}
					#entityList a.level_1 {padding-left: 20px;}
					#entityList a.level_2 {padding-left: 40px;}
					#entityList .form_row.grantee {background-color:#5bbf21;}
						#entityList .form_row.grantee div a {color: #fff;}
					#entityList .form_row:hover, #entityList .form_row.over {background-color: #0091c9; color: #fff;}
				#entityList .form_row.bottom .facility, #entityList .form_row.bottom .check {border-width: 1px 0 0 0;}
		a#addEntity {margin: 0 5px 0 15px; color: #EC292D; padding: 0; text-decoration: none; font-weight: bold; display: inline; font-size: 11px;}
		a#addEntity:hover {background: #fff; color: #EC292D; text-decoration: underline;}
#content .form_wrapper {margin: 1em auto 0 auto; width: 750px;}
#welcome p, #welcome ul {font-size:12px; line-height: 1.4em; margin:0 20px 15px;}
#welcome ul{list-style:square; margin: 0 20px 15px 40px;}
#page_content label {color: #bc4f07; font-weight: bold;}
#content a {color: #0091c9; font-weight: bold; text-decoration: none;}
#content a:hover {text-decoration: underline;}
#entityList .check div.details {position: absolute; width: 150px; top: -1px; right: -150px; border: 1px solid #000; border-left: none;}
	#entityList .check div.details strong {display: block; text-transform: capitalize;}
#entityList .form_row:hover .check div.details, #entityList .form_row.over .check div.details {background-color:#0091c9; color: #fff;}