@charset "utf-8";
/* CSS Document */

/*mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm
Calendar Setup - Styling for the table appearing in the meetings pages showing meeting info. 
mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm*/
/***** The styles below control the calendar & calendar table. *****/

#calendarHeader { margin-top:4px; }
#calendarMonth {
     margin: 0; margin-top: -44px!important; width:912px!important;
     padding: 0;
     width: 55%;
     float: left;
     text-align: right;
}
#calendarMonth h2 {
     font-size: 1.3em;
     font-weight:bold;
}

#calendarMonthSelect {
     margin: 0;
     position:absolute;
     top:240px!important;
     padding: 0;
     width: 460px;
     float: right;
     text-align: right;
     font-size: 1em;
}
/*** calendar tabs ***/
#contentarea #calendarTabContainer {
     float: left;
     display:block;
     padding: 0;
     font-size: 1.2em;
     line-height: 1.5em;
     vertical-align:baseline;
}
#contentarea #calendarTabContainer ul.tabs {
     display:block;
     list-style:none;
margin:0 padding:0 width:503px;
}
#contentarea #calendarTabContainer ul.tabs li {
     font-size:0.9em;
     float:left;
     text-indent:0;
     display:block;
     width:173px;
     clear:none;
     margin: 0;
     padding:3px;
     margin-right:3px;
}
#contentarea #calendarTabContainer ul.tabs a {
     font-weight:bold;
     display:block;
     text-align:center;
     width:173px;
     height: 22px;
     padding-top:.2em;
}
#contentarea .calendarTabInactive {
     position:relative;
     top:4px;
     z-index:1;
     border:0px!important;
     border-top:3px solid white!important;
     text-align: center;
     background-color:#e9e9e9;
     height:21px!important;
}
#contentarea .calendarTabInactive a {
     font-weight:400!important;
     padding-top:.1em!important;
     display:inline-block;
     color:#888888!important;
}
#contentarea .calendarTabActive {
     background-color:#dddddd;
     border-bottom:0px!important;
     color:white;
     border-top:1px solid #999999!important;
     width:173px;
     opacity:1;
     background-repeat:no-repeat;
     text-align: center;
}
#contentarea .calendarTabActive a {
     font-weight:700;
     font-size:13px!important;
     padding-top:0.3em!important;
     display:inline-block;
}
#calendarMonthSelect a { font : bold 11pt arial; }
/*** calendar filters ***/
.calendarFilterWrapper {
     position:relative;
     top:-5px;
     margin: 0;
     padding: 0px; left:170px;
     font-weight: normal;
     background-color:#ffffff;
     width:530px!important;
     font-size: 1.1em;
     line-height: 1;
}
#calendarTabContainer { width:730px!important; }
.calendarFilterWrapper .searchFilters {
     padding:0px 0px 5px 0px;
     border:0px;
}
.calendarFilterWrapper .searchFilters label {
     line-height:10px;
     font-size:1.1em;
     display:block;
     float:left;
     margin-top:0px;
     padding-right:5px;
     clear:none;
}
.calendarFilterWrapper .searchFilters input { line-height:10px; }
.calendarFilterWrapper .searchFilters label:first-child {
     font-size:.9em;
     font-weight:bold;
     color:#333;
     line-height:1.1em;
}
.searchFilters label {
     line-height:10px;
     vertical-align:top;
     font-weight:100!important;
     font-size:11px!important;
}
.calendarTable {
     clear: both;
     margin: 0;
     padding: 0!important;
     font-weight: normal;
     margin-bottom:60px;
     z-index:11;
     font-size: .86em;
     line-height: 1em;
     font-size: 1.1em;
}
.calendarTable .columnTitle {
     font-weight: bold;
     color:#003876;
}
.calendarTable .calendarDayTitle {
     text-align: center!important;
     font: bold 9pt arial;
     background-color: #aa9955;
     border: 1px solid #333;
}
.calendarTabs {
     width:904px;
     margin-bottom:15px;
     margin-top:10px;
     padding-bottom:0px;
     border-bottom:1px solid #333!important;
     z-index:4; padding-left:26px;
     height:22px;
}
div#applying { position:absolute; top : 270px; left:580px;border:1px dotted #666666; -webkkit-box-shadow:1px 1px 4px #111111;  -moz-box-shadow:1px 1px 4px #111111; padding : 2px 10px; font :bold 8pt navy; opacity:0.9; -moz-opacity:0.9;}
div.calendarDayDim {  background:-moz-linear-gradient(top, #aeaaa6, #9e9a98, #8a897c); opacity:0.15!important;-moz-opacity:0.15!important;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=15)!important; zoom:1; background:-webkit-gradient(linear, 65% 18%, 59% 100%, from(#989898), to(#656565))!important;}  
div.calendarDayDim .calendarDate { background-color:#f6f6f6!important; border-color:#f6f6f6!important; color:#cccccc!important; }
div.calendarDayDim a { display:none; }
div.hasReading {
     line-height:8pt!important;
}
div.hasReading a {
     padding : 10px 6px 5px 6px;
     font : 11px arial!important;
     color:#333333;
     display:block; line-height:8pt!important;
     text-decoration:none!important;
}
.liturgy a.readings {
     margin-top:0px!important;line-height:8pt!important; color:#333333;
}
.liturgy:hover a.readings { 
 color:#000000;
}
div.calDiv {
     background-color:#f1f1f1;
     background:-moz-linear-gradient(top, #fefcf9, #fefcf9, #eaeae3)!important;
 	 background:-webkit-gradient(linear, 65% 18%, 59% 100%, from(#fefcfa), to(#eeeae6))!important;
     width: 115px!important;
     min-width: 115px!important;
     max-width:115px!important;
     min-height:155px!important;
     display:inline-block;
     border:1px solid #ccc; 
     margin : 3px;
     float:left;
     padding : 0px;
     position:relative;
}
div.liturgy {
    width:115px!important;
    min-width:115px!important;
    max-width: 115px!important;
    background:-moz-linear-gradient(top, #f1f1f1, #f1f1f1, #dfdfdf)!important;
    background:-webkit-gradient(linear, 65% 18%, 59% 100%, from(#FEFEFE), to(#dfdfdf))!important;
    color:#333333!important;
    border:1px solid #333333!important;
    padding:0px!important;
    margin:4px !important;
   -moz-box-shadow:  0 2px 5px #CCCCCC; 
   -webkit-box-shadow:  0 1px 4px #dddddd; 
    text-align:left;
}
div.liturgy a {
    margin : 4px 6px 3px 6px!important;
    display:block;
}
div.liturgy div.calendarDate {
     text-align:left!important;
     display:block!important;
     position:absolute;
     top:0px;  
     left:0px; margin-bottom:10px!important;
     font:bold 13pt arial; 
}
div.calDiv:hover {
     border:1px solid #333!important;
     outline:none!important;
     background:-moz-linear-gradient(top, #f5f5e3, #fafafa, #fafafa, #ffffff)!important;
 	 background:-webkit-gradient(linear, 65% 18%, 59% 100%, from(#fefcfa), to(#faf7f3))!important;
     
}
div.liturgy:hover  {
     outline:0px!important;
     border:1px solid #666666!important;
     cursor:pointer;
	 background-color:lemonchiffon!important;
    -moz-box-shadow:  0 2px 7px #666666; 
    -webkit-box-shadow:  0 2px 7px #999999; 
}
div.liturgy p {
     text-align:center; padding : 2px 5px 1px 5px;
}
div.dayOfWeek {
     width: 115px!important;
     position:relative;     
     min-width: 115px!important;
     max-width: 115px!important;
     height:18px!important;
     min-height:18px; 
     background-color:#555555; 
     background:-moz-linear-gradient(top,#909090,#515151)!important; 
	 background:-webkit-gradient(linear, 1% 18%,1% 100%, from(#666666), to(#363636))!important;     	
     max-height:18px;
     text-align:center;
     border:0px;
     color:white;
     font:  8pt arial;
     display:inline-block;
     margin : 0px 3px;
     float:left;  
     padding : 2px 0px 1px 0px;
     border:1px solid #000000;
}
#featureText { background-color:#ffffff!important; margin : 8px 0px; }
div.liturgyhead {
     width: 115px!important;
     position:relative;     
     min-width: 115px!important;
     max-width: 115px!important;
     height:20px!important;
     min-height:18px;  background:white!important; 
     max-height:22px;
     text-align:center;
     border:0px;
     color:#333333;
     font: bold 8pt arial;
     display:inline-block;
     margin : 0px 3px;
     float:left;  
     padding : 8px 0px 1px 1px;
     border:1px solid #ffffff;
}
div.calendarDate {
     display:block!important;
     position:absolute;
     padding: 4px;
     top:0px; left:0px; width:107px!important;
     font:bold 13pt arial;
     text-align:left!important;
}
.highlight { background-color:yellow; }
.calendarTable .calendarDay p { padding: 0 0 3px; }
.calendarTable .calendarListTitle {
     font-weight: bold;
     background-color:#99afc9;
     padding: 5px;
}
.calendarTable .calendarListing {
     font-family: Arial, Helvetica, sans-serif;
     font-size:0.9em;
     text-align: left;
     font-weight:normal;
     padding: 8px 10px;
}
#c2 { display:none; }
div.calendarTable {
     width:875px!important;
     max-width:875px;
     height:620px;
     min-height:620px!important;
     margin-left:30px;
     padding-left:5px;
     margin-bottom:30px!important;
}
#featureText {
     width: 845px;
     border-radius:3px;
     padding : 2px; margin-left:40px;
     font: bold 11pt arial!important;
     margin-bottom:10px;
}
.header {
     background-color:white;
     width:10px;
     border:0px!important;
}
.searchFilters label {
     line-height:90%;
     font : 9pt arial!important;
     padding:0px 0px 3px 2px;
     color:#666;
}
.calendarFilterWrapper:hover .searchFilters label { color :black!important; }
input#Go {
    border-radius:3px;
     background-color:#D1E1D1;
     border:1px solid #333333;
     color:#000000;
     font-size:11px;
     margin:4px 22px;
}
.searchFilters label:first-child {
     font-weight:bold!important;
     padding-top:2px;
     display:inline-block;
}
.holidaySpan {
     position:absolute;
     bottom:0px;
     height:14px;line-height:11px!important;
     width:84px!important;
     padding :5px 15px 12px 15px;background-color:#efefef;
     font-size:8pt!important;
     text-align:center;
	 font-weight:700;
}
/* ============================================== tabs on calendar top **/

#contentarea .tabActive {
     border-left:1px solid #666666;
     border-right:1px solid #808080;
     margin-left:20px; 
     -webkkit-box-shadow: 1px 1px 15px rgb(255,255,255);
     -moz-box-shadow:1px 1px 15px rgb(255,255,255);
     border-top:1px solid #666666;
     display:inline-block;
     background:-moz-linear-gradient(top, #dfdfdf, #f9f9f9, #fafafa, #ffffff);
     background-color:#e1e1e1;
     padding :4px 12px 3px 12px;
     font:bold 11pt arial;text-decoration:none!important;
}
#contentarea .tabActive a {
    font:bold 10pt arial;text-decoration:none!important;     
}
.tabInactive2 {
     display:inline-block;
     margin-right:-3px;
     background-color:#f9f9f9;
     margin-left:12px;
     margin-top:0px;
     border-right:1px solid #fff;
     border-bottom:1px solid #fff;
     border-left:1px solid #cccccc;
     border-top:1px solid #cccccc;
     padding: 2px 9px;
     font:8pt arial;
}
.tabActive2 {
     border-left:1px solid #666666;
     border-right:1px solid #666666;
     border-top:1px solid #999999;
     display:inline-block;
     background-color:#e1e1e1;
     z-index:55555;
     margin-bottom:-3px;
     padding : 4px 12px;
     font:bold 11pt arial;     
     background:-moz-linear-gradient(top, #dfdfdf, #f9f9f9, #fafafa, #ffffff);
     background-color:#e1e1e1;
}
.tabInactive {
    background-color: #F1F1F1;
    border-color: #f3f3f3 #f3f3f3 #ffffff;
    border-left: 1px solid #EEEEEE;
    border-right: 1px dotted #dddddd;
    border-style: solid;
    border-width: 0;
    display: inline-block;
    font: 8pt arial!important;
    margin-left: -3px;
    padding: 1px 8px 2px 10px;
    border-right-width: 1px;
    border-top-width: 1px;
    padding-bottom: 2px;
    padding-top: 1px;
}
#contentarea .tabInactive * { 
	font : bold 8pt arial!important; text-decoration:none!important;}
/* ============================================== events **/

.eventblock {
     display:block;
     clear:both;
}
a.event {
     clear:both!important;
     display:block;
     padding-left:6px;
     padding-right:6px;
     clear:both;
     font-weight:700;
     text-decoration:none!important;
     font-size:0.87em!important;
     font-family:arial;
     margin-top:8px!important;
     margin-bottom:3px;
}
/* ~~~~~ types of events **/
a.isHolyday {
     text-decoration:none;
     position:absolute!important;
     line-height:90%;
     top:0px!important;
     right:0px!important;
     padding :2px 4px!important;
     margin-top:0px!important;
     text-align:right!important;
     display:block;
     color: darkred!important;
     max-width:76px!important;
}
a.isEvent {
     text-decoration:none!important;
     line-height:95%;
     color: #333366!important;
}
a.isCollections {
     text-decoration:none!important;
     line-height:95%;
     color: #993333!important;
}
/* ============================================== day view **/

hr { clear:both; }
ul.day_nav {
     clear:both;
     display:block;
}
ul.day_nav li {
     width:70px;
     clear:none;
     float:left;
     margin-right:10px;
}
a.event .timespan {
     display:block;
     clear:both;
     padding:0px;
     text-decoration:none!important;
	 font-size:8px!important; color:#779;
}
#contentarea .dayview {
     padding:0px;
     margin:0px;
     font-size:1em;
}
#contentarea .dayview li {
     padding:0px;
     margin:0px;
     display:block;
     clear:both;
}
#contentarea .dayview li h3 {
     padding:0px;
     margin-bottom:5px;
}
#contentarea .dayview li p {
     color:#333;
     padding-bottom:4px;
}
tr.days td {
     width:96px;
     min-width:96px;
     min-height:240px;
     height:240px;
     padding:3px;
     background-color:#f1f1f1;
     color:black;
     border-right:3px solid white;
}
tr.days td span {
     font:8pt arial;
     display:inline-block;
     margin-bottom:10px;
}
.glow { padding : 2px;border-radius:2px; min-width:80px; color:#333;background:-moz-linear-gradient(bottom,silver,ghostwhite,ghostwhite);font:bold 8pt arial;}#contentarea .dayview img.floatLeft,
.glow:hover { color:darkred; }#contentarea .dayview img.floatRight { max-height:100px; }
.glowgreen { border:1px solid #888;}
.glowgreen { padding : 2px;border-radius:2px; min-width:60px; color:#333;background:-moz-linear-gradient(bottom,silver,ghostwhite,ghostwhite);
font:bold 8pt arial;}#contentarea .dayview img.floatLeft,
.glowgreen:hover {  border:1px solid #593; outline:1px solid #cf9;  }#contentarea .dayview img.floatRight { max-height:100px; }
#leftColumn {min-height:720px!important;}
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}



/* supports date-picker control */



table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(/calendar/images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}

#calendar-me {
	margin: 20px;
}	
pre.sourcecode {
	border: 2px dashed #ccc;
	padding: 10px;
	width: 734px;
	overflow: auto;
	margin: 0 0 20px;
}
.icon-missing{ background-image:url(/images/icons/missing.gif); padding-left:20px; background-repeat:no-repeat;}
em.icon-missing { font:bold 8pt arial; color:red!important; }
.tbl2  th { padding : 3px; font:bold 11pt arial; }
#calendarform { float:right!important; position:static; margin-right:20px; width:220px;text-align:right;margin-top:-38px; }
select.giant { padding :2px; font : bold 11pt arial; color:##666;}
select.l { padding :2px; border:1px inset ##999; background-color:##f3f3f3; font:bold 11pt arial;}
.calendarTable fieldset .feat {padding:5px; font:bold 11pt arial; width:100px!important; border-radius:1px;border:1px solid gray;margin-right:6px;margin-top:3px;}
.calendarTable fieldset .feat-text {margin-top:3px;padding:5px; font:bold 11pt arial; width:420px!important; border-radius:1px;border:1px solid gray;}
.calendarTable fieldset .feat:hover{outline:2px solid ##66C;background:-moz-linear-gradient(top,##c1c1c1,##fdfdfd,##fdfdfd,##fdfdfd,##fdfdfd); border-radius:0px;} 
.calendarTable fieldset .feat:focus{outline:2px solid ##008061;background:-moz-linear-gradient(top,##c1c1c1,##fdfdfd,##fdfdfd,##fdfdfd,##fdfdfd); border-radius:0px;} 
div.contentarea div##calendarMonth a.monthlink {font-size:15px!important; }
a.navMonth { font-size:18px!important; }
.calendarTable .calDiv .approveButton:hover {border:1px solid red; }