@charset "utf-8";
body {
	margin: 0;
	padding: 0;
	background-color: #1c5a79;
	background-image: url(../../images/back_blue.jpg);
	background-repeat: repeat-x;
	background-position: top center;
}
body, table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #000000;
	text-align: left;
}
img {
	border: 0;
}
a:link {
	text-decoration: none;
	font-weight: bold;
	color: #3f94c6;
}
a:visited {
	color: #3f94c6;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #72bae4;
}


h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #000000;
	line-height: 22px;
	
}

.relative {
	position: relative;
}
.absolute {
	position: absolute;
}
.options {
	position: absolute;
	right: -20px;
	top: -60px;
}
.toplinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #7F7F7F;
}
.search {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
.searchbox {
	height: 18px;
	width: 120px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}
.date {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
div.wrapper {
	width: 608px;
	min-height: 470px;
	background: #ffffff;
	background: url(../images/back.jpg) no-repeat top center #ffffff;
	padding: 170px 85px 45px 85px;
	text-align: left;
}
div.headline h1, div.headline img {
	vertical-align: middle;
}
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #c3c9cd;
}





/************ TABS *************/
div.readings {

}

/* root element for tabs  */
div.readings ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:30px;

}

/* single tab */
div.readings ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
div.readings ul.tabs a { 
	background: url(../images/tab_back.jpg) top repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	display:block;
	height: 32px;  
	line-height:32px;
	text-align:center;	
	text-decoration:none;
	color:#ffffff;
	padding: 0 15px 0 15px;
	margin: 0 2px 0 0;
	position:relative;

}

div.readings ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
div.readings ul.tabs a:hover {
	background-position: 0px -33px;		
	color:#ffffff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
div.readings ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: 0px -66px;		
	cursor:default !important; 
	color:#ffffff !important;
}
div.readings div.panes {
	border: 1px solid #d8dedf;
	padding: 20px 30px 30px 30px;
	min-height: 340px;
	background: #ffffff;
}
div.panes table h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	line-height: 24px;
	font-weight: normal;
	margin: 10px 0 5px 0;
}
div.panes table h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	margin: 10px 0 5px 0;
}
div.panes table td {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	padding: 0 0 10px 0;
}

div.panes h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	line-height: 24px;
	font-weight: normal;
	margin: 10px 0 15px 0;
}
div.panes h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	margin: 10px 0 15px 0;
}
div.panes .verse_text {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	padding: 0 0 10px 0;
}
div.panes .verse {
	font-style: italic;
	font-size: 10px;
}
div.readings div.panes div.content {
	padding: 20px;
}

/* END TABS */


#version {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}





/* Date Picker */
div.date_picker {
	margin: 0 0 20px 0;
	height: 160px;
	width: 608px;
	display: none;
}
div.date_picker .browse_left {
	float: left;
	margin: 60px 11px 0 0;
}
div.date_picker .browse_right {
	float: right;
	margin: 60px 0 0 0;
}
ul.month {
	list-style:none; 
	margin:0 15px 0 15px !important; 
	padding:0;	
	width: 140px;
	float: left;
}
ul.month li {
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}
ul.month li.label {
	width: 20px;
	height: 20px;
	text-align: center;
}
ul.month li.title {
	width: 140px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 5px 0;
}
ul.month li.inactive {
	width: 20px;
	height: 20px;
}
ul.month li a:link, ul.month li a:visited {
	background: url(../images/calendar_back.jpg) repeat-x top center #539ec8;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	display:block;
	height: 18px; 
	width: 18px; 
	line-height:15px;
	text-align:center;	
	text-decoration:none;
	color: #666666;
	margin: 0 2px 2px 0;	
	position:relative;
}
ul.month li a:hover {
/*	background: #70aed3; */
/*	background: #f29536; */
	background-position: 0px -18px;
	color: #ffffff;
}
ul.month li a.current:link, ul.month li a.current:visited {
	background: url(../images/calendar_back.jpg) repeat-x top center #f29536;
	background-position: 0px -18px;
	color: #ffffff;
}
ul.month li a.current:hover {

	background-position: 0px -37px;
	color: #ffffff;
}



img#select_date_active {
	display:none;
}