/* //general.php blurb.php headline.php jquery.alerts.php
*/
/*
 * general.php (include/css)
 */


@charset "utf-8"; /* This rule affects all styles included after it via the includer class */

/* General styles */

body
{
	margin: 0px;
	padding: 0px;
	min-height: 0 !important; /* keeps Google translate from adding height: 100% to body */
	text-align: center;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #0B1A3B;
	background: #B4BEC8 url(/common/images/religlawGradient.jpg) repeat-x top;
}
a
{
	cursor: pointer;
	text-decoration: none;
	color: #6B2830;
}
a:hover, a:active
{
	color: #364983;
}
img
{
	border: none; /* necessary for IE, since default is border */
}
ul,
ol
{
	margin: 0;
	padding: 0;
}
/* see coding.smashingmagazine.com/2009/10/19/the-mystery-of-css-float-property/ */
.clearAfter:after
{
 	clear: both;
	display: block;
	visibility: hidden;
	content: '.';
	height: 0;
	line-height: 0;
}

/* Page Styles */

#pageContainer
{
	width: 900px;
	text-align: left;
	margin: 5px auto 0px auto;
	background-color: #5B7187;
}
#pageHeader
{
	position: relative;
	width: 100%;
}
#pageHeader .signIn
{
	position: absolute;
	top: 5px;
	right: 20px;
	font-size: 10px;
	color: #D5D1CA;
}
#pageHeader .signIn a
{
	text-decoration: none;
	color: #D5D1CA;
}
#pageHeader .signIn a:hover
{
	cursor: pointer;
	color: #FFFFFF;
}
#pageHeader .banner
{
	padding: 10px 0px 5px 17px;
}
#pageHeader .search
{
	position: absolute;
	top: 0px;
	left: 17px;
	z-index: -1;
}
#pageMain
{
	width: 100%;
}
#mainContent
{
	position: relative;
	/* width: 860px; */
	margin-left: 17px;
	margin-right: 17px;
	padding: 3px;
	background-color: #F1F0DE;
}
#mainNavBar
{
	/* width: 860px; */
	height: 22px;
	line-height: 22px;
	margin-bottom: 5px;
	padding: 0px;
	background-color: #CFC395;
}
#mainNavBar .item
{
	float: left;
	/* overflow: visible; */
	height: 22px;
	line-height: 22px;
	margin: 0px;
	padding: 0px 11px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #550303;
	/* font-family: Arial, Helvetica, sans-serif; */
	font-family: Trebuchet MS, Helvetica, sans-serif;
}
#mainNavBar .item:hover, #mainNavBar .item.current
{
	cursor: pointer;
	height: 21px;
	color: #6b2830;
	background-color: #F1F0DE;
	border-top: solid 1px #CFC395;
	border-right: solid 1px #CFC395;
	border-bottom: solid 1px #F1F0DE;
}
#mainLeftPanel
{
	float: left;
	width: 182px;
	margin-left: 2px;
}
#mainLeftCarousel
{
	position: relative;
	width: 182px;
	height: 185px;
	overflow-y: hidden;
}
#mainLeftCarousel img
{
	position: relative;
	width: 100%;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#mainLeftSearch
{
	width: 100%;
	padding: 3px 0px;
	margin: 1px 0px 5px;
	text-align: center;
	background-color: #CFC395;
}
#mainLeftContent
{
	width: 100%;
}
#mainLeftContent .blurb
{
	margin-top: 5px;
	padding: 5px 5px 0px 5px;
	background-color: #FFFFFA;
	border: solid 1px #D5D1CA;
}
#mainLeftContent .blurb p
{
	margin: 0px;
	margin-bottom: 8px;
}
#mainLeftNav
{
	text-align: left;
	margin-top: 1px;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	color: #550303;
}
#mainLeftNav.left
{
	text-align: left;
}
#mainLeftNav .item
{
	position: relative;
	font-size: 12px;
	margin-top: 1px;
	padding: 3px 2px 2px 5px;
	background-color: #CFC395;
}
#mainLeftNav .item:hover
{
	cursor: pointer;
	background-color: #F1F0DE;
	border: none;
	border-top: solid 1px #CFC395;
	border-left: solid 1px #CFC395;
}
#mainLeftNav .item.selected
{
	color: #550303;
	background-color: #F1F0DE;
	border-top: solid 1px #CFC395;
	border-left: solid 1px #CFC395;
}
#mainLeftNav .item.sub
{
	padding-left: 15px;
	font-size: 12px;
	padding: 0px 2px 0px 15px;
}
#mainLeftNav .item.sub.selected
{
	color: white;
	background-color: #CFC395;
}
#mainLeftNav .item span
{
	display: inline-block;
	width: 100%;
}
#mainLeftNav .buttons
{
	position: absolute;
	right: 0px;
	height: 16px;
	margin-top: -17px;
}
#mainLeftNav .buttons.sub
{
	height: 14px;
	margin-top: -14px;
}
#mainLeftNav .button
{
	position: relative;
	float: left;
	overflow: hidden; /* just in case something doesn't fit */
	width: 14px;
	line-height: 15px;
	margin-left: 1px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background-color:  #F1F0DE;
	border: solid 1px;
}
#mainLeftNav .button.sub
{
	width: 12px;
	line-height: 12px;
	font-size: 12px;
	color: #753A40;
}
#mainLeftNav .button:hover
{
	cursor: pointer;
	color: red;
	border: solid 1px red;
}
#mainRightPanel
{
	position: relative;
	float: right;
	width: 670px;
	margin-left: 5px;
	margin-right: 1px;
	min-height: 300px;
	height: 100%;
}
#mainRightPanelFull
{
	position: relative;
	float: right;
	width: 860px;
	min-height: 300px;
	height: 100%;
}
#mainRightTranslateBar,
#mainRightTranslateBarFull
{
	position: relative;
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	border: 0px;
	padding-right: 5px;
	margin: 5px 0px;
	text-align: right;
}
#mainRightTranslateBar .subscribe
{
	position: relative;
	float: right;
	z-index: 100;
}
#mainRightTranslateBar .subscribe a
{
	font-size: 12px;
	font-weight: bold;
	color: #6464FF;
	text-decoration:underline;
}
#mainRightContent
{
	position: relative;
	margin: 0px;
	padding-top: 4px;
}
#mainRightContent.full
{
	width: 860px;
}
#mainRightContent div#portalDropdown
{
	padding-top: 5px;
	padding-right: 15px;
	padding-left: 25px;
}
#mainRightContent div#searchDropdown
{
	padding-top: 5px;
	padding-right: 15px;
	padding-left: 25px;
}
#pageFooter
{
	clear: both;
	width: 100%;
}
#pageFooter .footer
{
	margin: 0px 17px;
	padding: 5px 0px;
	font-size: 11px;
	line-height: 20px;
	text-align: center;
	color: #6b2830;
	background-color: #f0f0f0;
	border-top: solid 1px #d6cca9;
	border-bottom: solid 1px #d6cca9;
}

/*	MRM 2010-08-04 Firefox adds padding to buttons beyond what other browsers do, so it
	must be reduced. This is done in general.4.init.js to override the left and right
	padding below.
*/

.utility_button
{
	cursor: pointer;
	height: 20px;
	margin: 0;
	padding: 0 6px;
	font-size: 13px;
	border: 0px;
	color: #ffffff;
	background-color: #18344d;
}

/*
 * Google Translate Overrides
 *
 * Google translate adds "style='min-height:100%'" to the body element. Including
 * "min-height: 0 !important" in the body style above overrides this undesirable
 * change. Without it, each page with the gadget includes a scroll bar, whether
 * needed or not.
 *
 * Below are styles for the Google translate gadget to make it fit our pages.
 */

#google_translate_element
{
	position: relative;
	z-index: 100;
}
.goog-te-gadget
{
	line-height: 8px;
}
.goog-te-gadget-icon
{
	height: 14px;
	width: 14px;
	background-position: -63px 0px !important;
	background-size: 80px 14px;
}
.goog-te-menu-value
{
	font-size: 12px;
}

/*
 * jQuery Dialog and jAlert Popup Overrides
 *
 * Without these overrides, a scroll bar is added to many pages when a dialog
 * or popup is displayed. Not sure why this is the case, but apparently it has
 * something to do with the way the pages are designed.
 */

.ui-widget-overlay
{
	height: 100% !important;
}
#popup_overlay
{
	height: 100% !important;
}
.ui-dialog.noCloseButton .ui-dialog-titlebar-close
{
	display: none;
}
/**
 * blurb.php (css)
 */

.containerBlurbContent
{
	margin: 0px 8px;
}
.blurbContainer
{
	margin-bottom: 9px;
	padding: 3px 8px 3px 5px;
}
.blurbContainerEdit
{
	text-align: justify;
	margin: -2px -2px 10px -2px;
	padding: 2px 4px;
	border: solid 1px lightgray;
	background-color: #F1F0DE}

/* Blurb edit bar */

.blurbEditBar
{
	font-size: 12px;
	padding-bottom: 2px;
	margin-bottom: 5px;
	border-bottom: solid 1px lightgray;
}
.blurbEditBarLeftLinks
{
	float: left;
}
.blurbEditBarRightLinks
{
	float: right;
}
.blurbEditBarLink
{
	color: gray;
	font-weight: bold;
}
.blurbEditBarLink:hover
{
	cursor: pointer;
	text-decoration: underline;
	color: #364983;
}

/* Header blurb */

.blurbHeaderShadow1
{
	margin-top: 4px;
	margin-bottom: 8px;
	margin-left: 4px;
	background-color: #DADADA;
}
.blurbHeaderShadow2
{
	position: relative;
	bottom: 1px;
	right: 1px;
	background-color: #B2B2B2;
}
.blurbHeaderShadow3
{
	position: relative;
	bottom: 1px;
	right: 1px;
	background-color: #767676;
}
.blurbHeaderBorder
{
	position: relative;
	bottom: 1px;
	right: 1px;
	background-color: #F1F0DE;
	border: 1px solid #364983;
}
.blurbHeaderContent
{
	margin: 2px;
	padding: 5px 6px;
	color: #364983;
	background-color: #E4DDC2;
}
.blurbHeaderContent p
{
	padding: 0px;
	margin: 0px;
}

/* Standard blurb */

.blurbTitle
{
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #6b2830;
	border-bottom: solid 1px #e4ddc2;
	margin-bottom: 5px;
}
.blurbTitle.empty
{
	border: none;
}
.blurbTitle.hidden, .blurbTitle.hidden a
{
	color: #A8A8A8; /* medium gray */
}
.blurbImage
{
	float: right;
	width: 152px; /* overridden by element-specific style but here as a default */
	padding-left: 15px;
	margin-top: 3px;
	margin-bottom: 3px;
	/* Caption */
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}
.blurbImage.left
{
	float: left;
	padding-left: 0px;
	padding-right: 15px;
}
.blurbImage img
{
	width: 150px; /* overridden by element-specific style but here as a default */
	border: solid 1px #e4ddc2;
}
.blurbDate
{
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	letter-spacing: 1px;
	margin-bottom: 2px;
}
.blurbParagraph
{
	text-align: justify;
	font-size: 13px;
	line-height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: black;
}
.blurbParagraph h3
{
	margin-bottom: 1px;
	margin-top: 1px;
}
.blurbParagraph ul
{
	list-style-type: square;
	margin: 0 0 6px 10px;
}
.blurbParagraph li
{
	margin-left: 10px;
	margin-bottom: 2px;
}
.blurbParagraph p, .blurbParagraph ol
{
	margin: 0px;
	padding-bottom: 8px;
}
.blurbParagraph ol
{
	margin: 0 0 6px 10px;
}
/*
.blurbParagraph a
{
	font-weight: bold;
}
*/
.blurbMore
{
	font-size: 12px;
	font-weight: bold;
	/* letter-spacing: 1px; */
	color: #6B2830;
}
.blurbLinks
{
	padding-bottom: 8px;
}
.blurbLinks a
{
	font-weight: bold;
}

/**
 * headline.php
 */

#headlinePage .heading
{
	margin: -20px 0px 0px 8px;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
}
#headlinePage .links
{
	margin: 0px 0px 15px 8px;
	font-size: 12px;
	font-weight: bold;
}
#headlinePage .links a
{
	display: block;
	text-decoration: underline;
}
#headlinePage .grouping
{
	margin: 5px 0px 2px 0px;
	font-size: 13px;
	font-weight: bold;
	color: black;
}

#headlinePage .reference
{
	margin-left: 20px;
	text-indent: -20px;
	font-size: 12px;
	line-height: 13px;
	padding-top: 3px;
}
#headlinePage .reference a
{
	font-size: 12px;
	/* font-family: Georgia, Times New Roman; */
	color: #6B2830;
}
#headlinePage .reference .author
{
	font-size: 11px;
	color: black;
}
#headlinePanel
{
	overflow: auto;
}
#headlinePanel ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#headlinePanel .instruction
{
	text-align: center;
	margin-bottom: 10px;
	font-size: 11px;
}
#headlinePanel .topic
{
	margin-top: 3px;
	font-size: 12px;
	font-weight: bold;
}
#headlinePanel .topic a
{
	color: black;
}
#headlinePanel .headline
{
	overflow: hidden;
	padding-left: 8px;
	text-indent: -8px;
	font-size: 11px;
	line-height: 12px;
	padding-top: 2px;
}
#headlinePanel .headline a
{
	color: #6B2830;
}
#headlineTeaser
{
	width: 160px;
	margin-top: 5px;
	padding: 8px;
	border: ridge 3px #5B7187;
}
#headlineTeaser .banner img
{
	float: left;
	width: 38px;
}
#headlineTeaser .banner .heading
{
	float: left;
	text-align: center;
	margin: 5px 0px 0px 9px;
	font-size: 13px;
	font-weight: bold;
	color: #550303;
}
#headlineTeaser .clear
{
	clear: both;
}
#headlineTeaser .teasers
{
	margin-top: 8px;
}
#headlineTeaser .teaser
{
	line-height: 13px;
	margin: 0px 0px 3px 10px;
	text-indent:-10px;
	font-size: 11px;
}
#headlineTeaser .more
{
	margin-top: 10px;
	text-align: right;
	font-size: 11px;
	color: #550303 !important;
}
#headlineTeaser .more a
{
	text-decoration: none;
	font-weight: bold;
}

#headlinePage .search-term, #headlinePanel .search-term {
	background-color: #88ddff;
}
#popup_container {
	font-family: Arial, sans-serif;
	font-size: 14px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	color: #000;
	background: #FFF;
	border: solid 1px #333;
	border-bottom-left-radius: 6px 6px;
	border-bottom-right-radius: 6px 6px;
	border-top-left-radius: 6px 6px;
	border-top-right-radius: 6px 6px;
	padding: 0px;
	position: absolute;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	height: 19px;
	color: #FFF;
	background: red url(/common/images/jquery-ui/ui-bg_gloss-wave_65_001e4c_500x100.png) repeat-x 50% 50%;
	border: solid 1px #333;
	border-bottom-left-radius: 6px 6px;
	border-bottom-right-radius: 6px 6px;
	border-top-left-radius: 6px 6px;
	border-top-right-radius: 6px 6px;
	padding: 7px 14px 4px 14px;
	margin: 2px;
	cursor: default;
}

#popup_content {
	background: 16px 16px no-repeat url(/common/images/jquery-ui/info.gif);
	padding: 1em 1em;
	margin: 0em;
}

#popup_content.alert {
	background-image: url(/common/images/jquery-ui/info.gif);
}

#popup_content.confirm {
	background-image: url(/common/images/jquery-ui/important.gif);
}

#popup_content.inform {
	background: none;
}

#popup_content.prompt {
	background-image: url(/common/images/jquery-ui/help.gif);
}

#popup_message {
	padding-top: 10px;
	padding-left: 48px;
}

#popup_message.inform {
	max-width: 500px;
	padding-top: 0px;
	padding-left: 0px;
	text-align: left;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}