/*
#################################################################
File:				View.css
Description:		Rules for View*.aspx pages.
#################################################################
*/

/*
=================================================================
 div.fieldGroup
 container for div.label and div.value blocks
=================================================================
*/

div.fieldGroup {
	position: relative;
	margin-bottom: 10px;
}

div.fieldGroup div.label {
	position: absolute;
	width: 14em;
	padding-right: 2px;
	color: #009;
}

div.fieldGroup div.value {
	position: relative;
	top: 0px;
	left: 14em;
	margin-right: 14em; /* set to whatever left is */
}

div.fieldGroup div.value.important {
	font-weight: bold;
}
/*=============================================================*/



/*
=================================================================
 div.fieldGroup.wide
 used to make a div.fieldGroup span two 'columns'
=================================================================
*/
div.fieldGroup.wide div.label {
	width: auto;
	position: relative;
	padding-right: 0px;
	padding-bottom: 2px;
	border-bottom: 1px solid #C5D8EB;
	color: #009;
	margin-bottom: 5px;
}

div.fieldGroup.wide div.value {
	left: 0px;
	margin-right: 0px;
}
/*=============================================================*/


/*
=================================================================
 div.contactDetails
=================================================================
*/
div.contactDetails {
	margin-top: 10px;
	margin-bottom: 10px;
	/* background-color: #F6F6F6; */
}

div.contactDetails div.fieldGroup {
	margin: 0 0 0 10px;
}

div.contactDetails h3 {
	margin: 0px ! important; /* !important otherwise rules in main.css override */
	border-bottom: 1px solid #C5D8EB;
	font-weight: normal;
	color: #000099;
}

/*=============================================================*/



/*
=================================================================
 div.relatedSites
=================================================================
*/
div.relatedSites h4 {
	font-size: 0.7em;
	font-weight: normal;
	color: #039;
	margin-bottom: 5px;
}

div.relatedSites ul {
	font-size: 0.7em;
	list-style: square url(images/blue_pointer.gif) outside;
	margin: 0 0 0 15px;
	padding: 0;
}
/*=============================================================*/


/*
=================================================================
 div.breadCrumb
=================================================================
*/
div.breadCrumb {
	margin: 10px 0;
	color: #5A8FC5;
}

div.breadCrumb a{
	color: #5A8FC5;
}

div.breadCrumb a:hover{
	color: #F90;
}

div.breadCrumb span.entityType { }

div.breadCrumb ul {
	display: inline;
	padding: 0;
	margin: 0 0 0 5px;
	list-style-type: none;
}

div.breadCrumb ul li {
	display: inline;
	padding-left: 7px;
	padding-right: 7px;
	background: url(images/orange_pointer.gif) no-repeat 0px 3px;
}

div.breadCrumb ul li h4 {
	display: inline;
	font-size: 1em; /* because Internet Explorer doesn't inherit font-size declared in main div */
}
/*=============================================================*/

/*
=================================================================
 ul.categorySelect
=================================================================
*/
ul.categorySelect {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}

ul.categorySelect li {
	margin-bottom: 10px;
	color: #039;
}

ul.categorySelect ul {
	margin-top: 7px;
	margin-left: 15px;
}

ul.categorySelect h4 {
	margin: 0px;
	font-size: 1em; /* needed for Internet Explorer to use the 70% specified above */
}

ul.categorySelect li span {
	font-weight: normal;
}

ul.categorySelect .population {
	margin-left: 15px;
	margin-right: 15px;
	color: #000;
}

ul.categorySelect .viewAll, ul.categorySelect .narrow {
	background: url(images/orange_pointer.gif) no-repeat 10px;
	padding-left: 20px;
	text-decoration: none;
	color: #F90;
}
/*=============================================================*/



/*
=================================================================
 dl.history
 definition list for news item history
=================================================================
*/

dl.history {
	position: relative;
	margin-bottom: 10px;
	font-size: 0.75em;
}

dl.history dt {
	position: absolute;
	width: 16em;
	padding-right: 1em;
	color: #009;
}

dl.history dd {
	position: relative;
	top: 0px;
	left: 8em;
	margin-right: 8em; /* set to whatever left is */
	margin-left: 0;	
}

/*=============================================================*/


/*
=================================================================
 Misc
=================================================================
*/
div.newsBody {
	margin-bottom: 15px;
	clear: both;
}

div.resumeListBody {
	font-size: 0.75em;
	margin-bottom: 15px;
	clear: both;
}

span.archived {
	font-size: 0.7em;
	font-weight: bold;
	color: #FF9900;
}

/*
=================================================================
 Job
=================================================================
*/

#job button.howToApply {
	margin-top: 15px;
}

#job div.howToApply {
	margin-top: 25px;
	position: absolute;
	left: -9999px;
	opacity: 0;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;	
}

#job div.howToApply.open {
	position: static;
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;	
}