/*------------------------------------------------------------------------------
Notes:
				Please update version and last change above along with
				contributor name. Indent all changes. Append / @ new / comment
				for new css lines, / @ previous / comment for changed lines and
				/ @ deleted /
				Example:
				
				Original
				--------
				#someid {
					margin: 3px 0 3px 0;
					padding 0;
					display: inline;
				}
				
				Modified
				--------
				#someid {
						/ margin: 3px 0 3px 0; @ previous /
					margin: 5px 0 5px 0;
					padding: 0;
						float: left; / @ new /
						/ display: inline; @ deleted /
				}
------------------------------------------------------------------------------*/

/* @group Tripoli CSS Framework */

@import url(/fileadmin/Templates2.0/Site_css/tripoli.base.css); 
@import url(/fileadmin/Templates2.0/Site_css/tripoli.visual.css); 
@import url(/fileadmin/Templates2.0/Site_css/tripoli.type.css);
@import url(/fileadmin/Templates2.0/Site_css/tripoli.layout.css);
/* @end */
/* @group Daily Section */
body {
	color: #361803;
	font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	list-style-image: none;
	background-color: #361803;
}
#tinymce {
	background-color: #f3d9b6 !important;
	text-align: left; /* needed for IE */
}
h4 {
	font-size: 1.2em;
	padding-bottom: 0.5em;
}
h3, h5 {	
	margin: 0;
	padding-bottom: 0.5em;
	font: bold 1.5em 'Trebuchet MS', Tahoma, Arial, sans-serif;
}
hr {
	padding: 0;
	color: #361803;
	margin-bottom: 1.6em;
	background-color: #361803;
}
select {
	font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

b { font-weight: bold; }
i { font-style: italic; }
li { padding-bottom: 0.5em; }

abbr[title],
acronym[title],
dfn[title] {
	cursor: help;
	border-bottom: 1px dotted black;
}
/* @group header */
	#tj-container-header {
		width: 800px;
		height: 360px;
		margin: auto;
		background: url(/fileadmin/tj/images09/scroll-top.png) no-repeat;
	}
/* @group header graphic */
			#devo-header {
				width: 540px;
				height: 268px;
				background: url(/fileadmin/tj/images09/header.gif) no-repeat 40px 125px;
				/*padding: 190px 20px 10px 0px;*/
				text-align: right;
			}
				#devo-header h1 {
					padding-top: 210px;
					margin: 0;
					padding-right: 10px;
				}
/* @end */
/* @group paging/text size controls */
			#devo-controls {
				float: right;
				margin-right: 40px;
				padding-top: 120px;
			}
				.tx-wecdevo-iconBox {
					float: right;
					padding: 3px;
					clear: right;
					margin-bottom: 10px;
					background-color: #361803;
					border: none;
					margin-right: 0;
				}
					.tx-wecdevo-iconBoxTitle {
						float: left;
						margin: 3px 5px 0 2px;
						padding: 0;
						height: 100%;
						color: #fff;
						background-color: #361803;
						font: 9px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
					}
					.iconSelected, .icon {
						display: block;
						float: left;
						padding: 1px 2px !important;
						margin: 0 !important;
						height: 100%;
						background-color: #dfdfdf;
					}
					.iconselected {
						margin-top: -2px;
					}
/* @end */
/* @group account functions */
		#account-functions {
			float: right;
			font-size: 0.8em;
			clear: right;
			margin: 0 40px 0 0;
			padding: 5px;
			background-color: #361803;
			text-align: right;
		}
		#reflection-account #account-functions {
	margin-top: 20px;
}
		#account-functions p {
			margin: 0;
			padding: 0;
		}
			#account-functions p a:link,
			#account-functions p a:visited {
				text-decoration: none;
				color: #fff;
			}
			#account-functions p a:hover,
			#account-functions p a:active {
				color: #ff0000 !important;
				text-decoration: underline;
			}
/* @end */
/* @group calendar controls */
				#devo-calendar-functions {
					float: right;
					clear: right;
					width: 210px;
				}
					#devo-calendar-functions table,
					.tx-wecdevo-showMonth form {
						padding: 0;
					}
					.tx-wecdevo-showDateText {
						text-align: center;
						font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
						position: relative;
						margin: auto;
					}
					.tx-wecdevo-showMonth {
						float: right;
						margin-left: 10px;
						position: static;
						margin-top: 5px;
					}
						#dhtmltooltip {
							position: static;
							font-size: 10px;
							text-align: center;
							border: 1px solid #404040;
							padding: 1px;
							background-color: #fff;
							visibility: hidden;
							z-index: 100;
							margin-top: -30px;
							margin-left: 20px;
							/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
							filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
						}

					.tx-wecdevo-calendarTable {
						font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;
						float: right;
						border: none;
						background-color: transparent;
						position: static;
						width: 190px;
					}
					.tx-wecdevo-calendarText,
					.tx-wecdevo-calendarTextLeft,
					.tx-wecdevo-calendarTextRight,
					.tx-wecdevo-calendarTextSelected {
						font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;
						width: 15px;
					}
						.tx-wecdevo-calendarTable td {
							border: none;
							padding: 0 3px;
						}
						.tx-wecdevo-calendarTextSelected {
							background-color: #361803;
						}
						.tx-wecdevo-calendarTextSelected a:link,
						.tx-wecdevo-calendarTextSelected a:visited,
						.tx-wecdevo-calendarTextSelected a:hover,
						.tx-wecdevo-calendarTextSelected a:active {
							color: #fff;
							text-decoration: none;
							font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
						}
						.tx-wecdevo-calendarText {
							font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
						}
						.tx-wecdevo-calendarText a:link,
						.tx-wecdevo-calendarText a:visited {
							color: #000;
							text-decoration: none;
						}
						.tx-wecdevo-calendarText a:hover,
						.tx-wecdevo-calendarText a:active {
							color: #fff;
							text-decoration: underline;
							background-color: #361803;
						}
						.tx-wecdevo-showToday,
						 .tx-wecdevo-showWeek {
							position: static !important;
							padding: 0;
							margin-left: 20px;
						}
						.tx-wecdevo-showWeek {
							position: static !important;
							padding: 0;
							margin: 50px 0 0 0;
						}
						.tx-wecdevo-showWeekLink {
							position: static !important;
							margin-bottom: 20px;
							padding-bottom: 2px;
							text-align: center;
							font-size: 1em;
							background-color: #361803;
							color: #fff;
							width: 140px;
							float: right;
						}
/* @end */
/* @group audio controls */
				.tx-wecdevo-audioLink {
					float: right;
					clear: right;
					margin-top: 10px;
					position: static;
				}
/* @end */
/* @group devo section navigation */
		#devo-section {
			width: 550px !important;
			height: 90px !important;
			margin-left: 30px !important;
			float: left !important;
}
			#devo-section ul {
				margin-left: 0 !important;
			}
			#devo-section li {
				display: block !important;
				float: left !important;
			}
				#devo-section a {
					display: block !important;
					width: 109px !important;
					height: 88px !important;
				}
				#devo-section #ddcolortabs ul li a:link,
				#devo-section #ddcolortabs ul li a:visited {
					background-image: url(/fileadmin/tj/images09/section.png) !important;
					color: #361803 !important;
				}
				#devo-section #ddcolortabs ul li a:hover,
				#devo-section #ddcolortabs ul li a:active,
				#devo-section #ddcolortabs ul li#current a:link,
				#devo-section #ddcolortabs ul li#current a:visited {
					background: url(/fileadmin/tj/images09/section.png) -109px !important;
					color: #fff !important;
				}
				#devo-section #ddcolortabs ul li a span {
					padding-left: 27px !important;
				}
				#devo-section #ddcolortabs ul li+li a span {
					padding-left: 29px !important;
				}
				#devo-section #ddcolortabs ul li+li+li a span {
					padding-left: 7px !important;
				}
				#devo-section #ddcolortabs ul li+li+li+li a span {
					padding-left: 12px !important;
				}
					#devo-section li span {
						display: block !important;
						font-size: 1.3em !important;
						padding-top: 35px !important;
						font-weight: bold !important;
						font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
					}
						.ddcolortabs ul {
							font: 0.8em "Arial Black" "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
						}
						.ddcolortabs a,
						.ddcolortabs #current a,
						.ddcolortabs #current span,
						.ddcolortabs a span,
						.ddcolortabs li {
							background-image: none !important;
							background-color: transparent !important;
							margin: 0;
							padding: 0;
						}
						.ddcolortabs #current a,
						.ddcolortabs #current span,
						.ddcolortabs a:hover span {
							background-color: transparent;
							color: #fff;
						}
						.ddcolortabsline {
							display: none;
						}
						
/* @end */
/* @end */
/* @group main content */
	#tj-container-body {
		width: 800px;
		margin: auto;
		clear: left;
		background: url(/fileadmin/tj/images09/scroll-body.png) repeat-y;
	}
	#subcontainer-left {
		float: left;
		clear: both;
		margin: 0;
		padding: 0;
	}
	#subcontainer-right {
		float: right;
		margin-right: 38px;
		padding: 0;
		width: 280px;
	}
	#spacer {
		clear: both;
		visibility: hidden;
	}
/* @group devo-content */
		#devo-content {
			margin-left: 50px;
			width: 410px;
			float: left;
			clear: left;
			margin-top: 10px;
			border-right: 2px solid #361803;
			padding: 0 20px 10px 0;
		}
			#devo-content h3 {
				width:  100%;
				position: relative;
				text-align: right;
				margin: 0;
				padding: 0 0 10px 0;
				font: bold 1.5em 'Trebuchet MS', Tahoma, Arial, sans-serif;
			}
			.semantic-drop-cap {
				font-size: 5em;
				line-height: 0.9em;
				display: block;
				float: left;
				/*padding-top: 30px;*/
				padding-right: 10px;
				clear: left;
			}
			#devo-content p {
				/*padding-top: 35px;*/
				padding-bottom: 0;
			}
			#reflection-content #devo-content p {
				padding-top: 0;
				padding-bottom: 1.6em;
			}
			#weekly-container {
				padding-bottom: 20px;
			}
			#weekly-container p {
				clear: left;
			}


/* @end */
/* @group scripture */
		#devo-scripture {
			margin-left: 50px;
			width: 410px;
			float: left;
			clear: left;
			border-right: 2px solid #361803;
			padding-right: 20px;
			padding-bottom: 20px;
		}
			#devo-scripture #showpage_1,
			#devo-scripture #showpage_2,
			#devo-scripture #showpage_3,
			#devo-scripture #showpage_4,
			#devo-scripture #showpage_5,
			#devo-scripture #showpage_6,
			#devo-scripture #showpage_7,
			#devo-scripture #showpage_8,
			#devo-scripture #showpage_9 {
				border-top: 1px solid #431f05;
				margin-top: 1em;
				padding-top: 1em;
			}
			#devo-scipture h3 {
				font: bold 1.5em 'Trebuchet MS', Tahoma, Arial, sans-serif;
			}
			#devo-scripture h5 {
				float: right;		
				margin: 0;
				padding-bottom: 0.5em;
				font: bold 1.5em 'Trebuchet MS', Tahoma, Arial, sans-serif;
			}
			#devo-scripture h5 + strong {
				display: block;
				clear: right;
			}
			#devo-scripture p {
				clear: right;
			}
			#devo-scripture br {
				clear: right;
			}
			#attribution {
				margin-left: 50px;
				width: 410px;
				font-size: 0.8em;
				border-right: 2px solid #361803;
				padding-right: 20px;
			}
/* @end */
/* @group journal */
		#devo-journal {
			float: right;
			width: 260px;
			clear: right;
		}
			.tx-wecdevo-journalName {
				text-align: center;
				font: bold 1.5em 'Trebuchet MS', Tahoma, Arial, sans-serif;
				padding-bottom: 0.25em;
			}
				#devo-journal form div {
					padding: 0;
				}
					.htmlarea {
						width: 256px;
					}
						.htmlarea table, .htmlarea td {
							border: none;
							padding: 0 2px 2px 0;
						}
						.htmlarea .toolbar select {
							width: 7em;
						}
							.toolbar table {
								margin:  auto;
							}
						#devo-journal iframe, #devo-journal textarea {
							width: 255px !important;
						}
						.statusBar {
							display: none;
						}
			.tx-wecdevo-button, .tx-wecdevo-buttonHov {
				left: 85px;
				position: relative;
				margin: 5px;
			}


/* @end */
/* @group questions */
			#devo-questions {
				width: 245px;
				float: right;
				margin-right: 25px;
				clear: right;
				padding-left: 10px;
				padding-bottom: 20px;
				border-left: 2px solid #361803;
			}
				#devo-questions ul {
					list-style-type: disc;
					list-style-position: outside;
					padding-bottom: 0;
				}
					#devo-questions ul br {
						display: none;
					}
					#devo-questions ul li {
						padding-bottom: 3em;
					}
					#devo-questions ul li:last-child {
						padding-bottom: 1em;
					}
/* @end */
/* @group topic */
			#devo-topic {
				width: 245px;
				float: right;
				margin-right: 25px;
				clear: right;
				padding-left: 10px;
				padding-bottom: 20px;
				border-left: 2px solid #361803;
			}
			#devo-topic h5 {
				margin: 0;
				padding: 0;
			}
			#devo-topic select {
				margin: auto;
				display: block;
				width: 15em;
			}
			#tjlookback {
				margin-top: 10px;
			}


/* @end */
/* @group discussion preview */
			#devo-discussion {
				width: 245px;
				float: right;
				margin-right: 25px;
				clear: right;
				padding-left: 10px;
				padding-bottom: 20px;
				border-left: 2px solid #361803;
			}
				#devo-discussion h4 {
					text-align: center;
					padding-left: 20px;
					margin: 0;
				}
				.tx-wecdiscussion-forumPreview {
					padding: 10px;
					margin: 0;
					width: 100%;
					border: 3px solid #361803;
					background: url(/fileadmin/tj/images09/preview-background.png) repeat;
					background-color: transparent !important;
					
				}
					.tx-wecdiscussion-forumPreview i {
						font-style: normal;
					}
					.tx-wecdiscussion-forumPreview,
					.tx-wecdiscussion-forumPreviewEntry, 
					.tx-wecdiscussion-forumPreviewEntryHeader {
						margin: 0;
					}
					.tx-wecdiscussion-forumPreviewEntry {
						margin-bottom: 1em;
					}
						.tx-wecdiscussion-forumPreviewInfo {
							border-bottom: 1px solid #000;
							padding: 0.5em 0.5em 1em 0.5em;
						}
					.tx-wecdiscussion-forumPreview div+div+div+div+div {
						margin: 1em 0 0;
					}
						.tx-wecdiscussion-forumPreview div+div+div+div+div div.tx-wecdiscussion-forumPreviewInfo {
							border: none;
							padding: 0.5em 0 0;
						}
/* @end */
/* @end */
/* @group footer */
	#tj-container-footer {
		width: 800px;
		height: 230px;
		margin: auto;
		background: url(/fileadmin/tj/images09/scroll-bottom.png) no-repeat;
	}
		#tj-container-footer .vcard {
			text-align: center;
			clear: left;
		}
			#tj-container-footer .vcard p,
			#tj-container-footer .vcard span,
			#tj-container-footer .vcard abbr,
			#tj-container-footer .vcard a {
				font-size: 10px;
			}
			#tj-container-footer .vcard a.url {
				color: #3366CC;
			}
			#tj-container-footer .vcard .email a:link,
			#tj-container-footer .vcard .email a:visited {
				color: #3366CC;
			}
			#tj-container-footer .vcard .email a:hover,
			#tj-container-footer .vcard .email a:active {
				color: #CC3333;
			}
			.vcard p,
			.vcard .adr,
			.adr p,
			.telecommunications,
			.telecommunications .tel {
				display: inline;
				margin-right: 1px;
			}
			.adr .street-address {
				margin-right: 0;
			}
			.vcard .hide,
			.vcard .geo,
			.vcard .country-name {
				display: none;
			}
/* @end */
/* @end */

/* @group Weekly Section */
	#weekly-container h6 {
		clear: left;
		padding-top: 35px;
		margin: 0;
	}
	#weekly-container div p,
	#weekly-container div ol {
		font-style: italic;
	}
	
	#weekly-container p {
		padding-top: 2em;
		padding-bottom: 0;
	}
	#weekly-container form {
		margin-top: 1em;
		padding: 0;
	}
	#weekly-container p a {
		display: block;
		padding-top: 1em;
		float: left;
	}
	#weekly-container ol {
		padding-bottom: 0;
		padding-top: 1em;
	}

/* @end */

/* @group TJ email page */
		#tj-email-content {
			margin: 0 0 0 100px;
			padding: 2em 0 0 0;
			width: 600px;
		}
			#tj-email-content h2 {
				margin: 0 0 0.535em 0;
			}
				#tj-email-content label,
				#tj-email-content input,
				#tj-email-content button {
					display: block;
					float: left;
					margin: 0.2em 1em 0.2em 0;
				}
				#tj-email-content input[type=hidden] {
					display: none;
				}
				#tj-email-content input {
					clear: left;
				}
				#tj-email-content label {
					margin-top: 0;
				}
					#form_elements {
						float: left;
						clear: left;
					}
					#form_elements + input {
						margin-bottom: 1em;
					}
						#edit_options,
						#edit_options_nojscript {
							clear: left;
							padding-top: 1em;
						}
						#edit_options {
							display: none;
						}
						#fields {
							float: left;
							clear: left;
							width: 30em;
							margin: 1em 0 0 0;
						}
						#fields label {
							clear: left;
						}
						#fields input {
							margin-bottom: 1em;
						}
				#form-action {
					clear: left;
				}
					#form-action a {
						border: none;
						text-decoration: none;
					}
					#form-action input {
						margin-right: 1em;
					}
					#form-action button,
					input[type=submit] {
						font-size: 0.8em;
						padding: 3px;
					}
/* @end */

/* @group Tjstart page */
/* @group header */
	#tjstart-container-header {
		width: 800px;
		height: 360px;
		margin: auto;
		background: url(/fileadmin/tj/images09/scroll-top.png) no-repeat;
	}
		#tjstart-container-header #devo-header {
			height:  250px;
			padding: 0 20px 20px 0;
		}
		#tjstart-container-header #account-functions {
			float: left;
			clear: left;
			margin: 10px 0 10px 50px;
		}

/* @end */
/* @group tjstart main content */
		#tjstart-content {
			width: 710px;
			margin: auto;
			padding: 0 10px;
		}
			#pulldowns div,
			#pulldowns div div,
			#pulldowns div div div,
			#pulldowns form {
				width: 33%;
				text-align: center;
				float: left;
				padding-bottom: 10px;
			}
				#pulldowns select {
					width: 230px;
				}
			.tx-newloginbox-pi1 {
				background: url(/fileadmin/tj/images09/scroll-body.png) repeat-y -100px;
				padding-left: 20px;
				height: 220px;
			}
			.tx-newloginbox-pi1+a+script+div {
				background: url(/fileadmin/tj/images09/scroll-body.png) repeat-y -100px;
				padding-left: 20px;
				margin: auto;
				text-align: center;
			}
			.tx-newloginbox-pi1+a+script+div br {
				display: none;
			}
			.tx-newloginbox-pi1 form table,
			.tx-newloginbox-pi1 form th,
			.tx-newloginbox-pi1 form tr,
			.tx-newloginbox-pi1 form td {
				border: none !important;
				padding: 5px;
			}
			.tx-newloginbox-pi1 p {
				clear: left;
			}
/* @end */



/* @end */

/* @group Discussion Page */
		#discussion-functions #account-functions {
			margin-top: 200px;
		}
			.tx-wecdiscussion-button a:link,
			.tx-wecdiscussion-button a:visited {
				background-color: #361803 !important;
				border: 1px solid #5a381f !important;
			}
			.tx-wecdiscussion-button a:hover,
			.tx-wecdiscussion-button a:active {
				color: #ff0000 !important;
				text-decoration: underline !important;
			}
				.tx-wecdiscussion-content {
					background: url(/fileadmin/tj/images09/preview-background.png) repeat;
					padding: 1em;
					border: 3px solid #361803;
				}
					.tx-wecdiscussion-forumMessageSubject {
						background-color: transparent !important;
						color: #361803 !important;
}
					.tx-wecdiscussion-forumMessage {
						background-color: transparent !important;
						padding-top: 0;
					}
						#devo-content .tx-wecdiscussion-forumMessage p {
							padding: 0.5em 0 0.5em 0;
						}
							.tx-wecdiscussion-forumMessageInfo {
								border-bottom: 1px solid #000;
								padding: 0.5em 0.5em 1em 0.5em;
							}

/* @end */
/* @group Notes/Testing */


/* @end */
