html, body {
   background: #F5F5F5;
   height: 99.5%;
   width: auto;
   margin: 0;
   overflow-x: no-display;
}
.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.wrapper {
    width: 495px;
    height: auto;
	min-height: 50%;
    display: block;
    margin: 0 auto;
    margin-top: 50px;
    background: transparent;
}
.header {
	padding: 0;
    top: 0;
    height: 45px;
	width: 100%;
    z-index: 3;
    background:  url(../../images/bg_conthead36.png) repeat;
    -moz-box-shadow: 0px 0px 15px 1px #383838;
    -webkit-box-shadow: 0px 0px 15px 1px #383838;
    box-shadow: 0px 0px 15px 1px #383838;
    position: fixed;        
}
.headphoto img {
    width: 54px;
    height: 54px;
    float: left;
    margin: -9px 0 0 0;
    position: relative;
    border-radius: 35px;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
    -moz-box-shadow: 0px 0px 20px 1px #383838;
    -webkit-box-shadow: 0px 0px 20px 1px #383838;
    box-shadow: 0px 0px 20px 1px #383838;    
}
p.titleline {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 20px;
    color: #F5F5F5;
    margin: 10px 0 0 60px;
    position: relative;
}
.headtitels {
    width: 495px;
    height: 45px;
    margin: 0 auto;
}
#menuToggle {
  display: block;
  float: right;
  margin: -23px 3px 0 0;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}
#menuToggle input {
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  margin: 0 0 0 1px;
  color:black;
  cursor: pointer;
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */ 
  -webkit-touch-callout: none;
}
/*
 * Just a quick hamburger
 */
#menuToggle span {
  display: block;
  width: 32px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  background: white;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}
#menuToggle span:first-child {
  transform-origin: 0% 0%;
}
#menuToggle span:nth-last-child(2) {
  transform-origin: 0% 100%;
}
/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span {
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #ffffff;
}
/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3) {
  opacity: 1;
  transform: rotate(0deg) scale(0, 0);
}
/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2) {
  transform: rotate(-45deg) translate(0, -1px);
}
/*
 * Make this absolute positioned
 * at the top left of the screen
 */
ul#menu {
  position: absolute;
  width: 126px;
  height: auto;
  margin: 7px 0 0 -130px;
  padding-bottom: 9px;
  border-style: solid;
  border-width: 0px 0px 5px 0px;
  border-color: #353535;
  -moz-box-shadow: 0px 2px 8px 0px #808080;
  -webkit-box-shadow: 0px 2px 8px 0px #808080;
  box-shadow: 0px 2px 8px 0px #808080;
  background: #F5F5F5;
  z-index: 3;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  transform-origin: 0% 0%;
  transform: translate(0%, -170%);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.2);
}
#menu li {
  margin-left: -39px;
  list-style-type: none;
}
#menu a {
  width: 165px;
  font-family: Arial, Verdana, Tahoma;
  font-size: 13px;
  color: #353535;
  text-align: center;
  display: block;
  margin-top: 7px;
  padding: 5px 0px 5px 0px;
  text-decoration: none;
  background: #FFFFFF;
}
#menu .social_group {
  width: 165px;
  height: 33px;
  padding: 0px;
  margin-top: 7px;
  margin-left: -39px;    
  background: #FFFFFF;  
}
#menu a.social {
  width: auto;
  height: 22px;
  padding: 0px;
  margin-top: 5px;
  margin-right: 15px;
  display: inline-block;
  float:none;
  clear:none;
}
#menu a.social:first-child {
  margin-left: 36px;
}
#menu a:hover {
  color: #FFFFFF;
  background: #353535;
}
#menu a.social:hover {
  background: #FFFFFF;
}
/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ ul
{
  transform: none;
}
.login_button img {
   height: 26px;
   width: 25px;
   margin: -24px 0 0 355px;
   z-index: 1;
   position: absolute;
}
#menuLoginToggle {
  display: block;
  float: right;
  margin: -23px 53px 0 0;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}
#menuLoginToggle input {
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  margin: 0 0 0 1px;
  color:black;
  cursor: pointer;
  z-index: 2; /* and place it over the hamburger */ 
  -webkit-touch-callout: none;
}
/*
 * And let's slide it in from the left
 */
#menuLoginToggle input:checked ~ ul
{
  transform: none;
}
ul#menuLogin, ul#menuLogout {
  position: absolute;
  width: 250px;
  height: 135px;
  margin: 34px 0 0 -202px;
  padding-bottom: 9px;
  border-style: solid;
  border-width: 0px 0px 5px 0px;
  border-color: #353535;
  -moz-box-shadow: 0px 2px 8px 0px #808080;
  -webkit-box-shadow: 0px 2px 8px 0px #808080;
  box-shadow: 0px 2px 8px 0px #808080;
  background: #F5F5F5;
  z-index: 2;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  transform-origin: 0% 0%;
  transform: translate(0%, -170%);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.2);
}
ul#menuLogout {
  width: 210px;
  height: 90px;
  margin: 34px 0 0 -163px;  
}
#menuLogin li, #menuLogout li {
  display: inline-block;
  margin-top: 20px;
  margin-right: 5px;
  list-style-type: none;
}
#menuLogin li:first-child {
  margin-left: -25px;
  margin-right: 5px;
}
#menuLogout li:first-child {
  margin-left: -15px;
  margin-right: 55px;
}
#menuLogin li:nth-last-child(1) {
  display: block;
  margin-left: 158px;
}
input#inpEmail, input#inpPwd {
   font-family : Arial, Verdana, Tahoma;
   font-size: 11px;
   height: 20px;
   width: 100px;
   position: relative;
   cursor: auto;
   margin: 0 0 0 0px;
   padding: 0 0 0 2px;
   border: 1px solid #C5C5C5;
}
ul#menuLogin input.butSign {
   font-family : Arial, Verdana, Tahoma;
   font-size: 11px;
   color: #F5F5F5;
   height: 25px;
   width: 65px;
   line-height: 15px;
   border: 1px solid #A5A5A5;
   -moz-box-shadow: 0px 2px 6px 0px #C0C0C0;
   -webkit-box-shadow: 0px 2px 6px 0px #C0C0C0;
   box-shadow: 0px 2px 6px 0px #C0C0C0;   
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   text-decoration: none;
   background: #ff8000;
}
ul#menuLogin p#forgotpwd {
   margin: -6px 0 0 0px;
}
ul#menuLogin p#notreg {
   margin: 5px 0 0 0px;
}    
ul#menuLogin a {
   font-family : Arial, Verdana, Tahoma;
   font-size: 11px;
   color: #0066cc;
   text-decoration: none;   
}
ul#menuLogin a:hover {
   text-decoration: underline;
}
ul#menuLogin span.PPandTU, ul#menuLogout span.PPandTU {
   float: left;
   margin-top: 15px;
   margin-left: -25px;
}
ul#menuLogout span.PPandTU {
   margin-top: 15px;
   margin-left: -25px;
}
ul#menuLogin span.PPandTU a, ul#menuLogout span.PPandTU a {
   font-family : Arial, Verdana, Tahoma;
   font-size: 11px;
   color: #353535;
   text-decoration: none;   
}
ul#menuLogin span.PPandTU a:hover, ul#menuLogout span.PPandTU a:hover {
   text-decoration: underline;
}
ul#menuLogin span.closeForm, ul#menuLogout span.closeForm {
   float: right;
   margin-top: 15px;
   margin-right: 18px;
}
ul#menuLogin span.closeForm a, ul#menuLogout span.closeForm a {
   font-family : Arial, Verdana, Tahoma;
   font-size: 12px;
   padding: 2px 4px 2px 4px;
   color: #F5F5F5;
   text-decoration: none;
   border: 1px solid #A5A5A5;
   -moz-box-shadow: 0px 2px 6px 0px #C0C0C0;
   -webkit-box-shadow: 0px 2px 6px 0px #C0C0C0;
   box-shadow: 0px 2px 6px 0px #C0C0C0;   
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   text-decoration: none;
   background: #353535;  
}
ul#menuLogin span.closeForm img, ul#menuLogout span.closeForm img {
  margin: 0 5px 0 0;
}
.main_container, .page_container, .top_page_container {
    width: 493px;
    background: #FFFFFF;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #D0D0D0;
    margin-bottom: 10px;
    padding-bottom: 5px;
    z-index: 1;
}
.top_page_container {
    padding-bottom: 0px;    
}
.page_container {
    padding-bottom: 10px;
}
a.sub_main_container {
  text-decoration: none;
}
a.sub_main_container p, a.sub_main_container p.goBack {
  font-family : Arial, Verdana, Tahoma;
  font-size: 16px;
  font-weight: normal;
  color: #353535;
  padding: 0 10px 10px 10px;
  margin: -5px 0 -5px 0;
}
a.sub_main_container p.goBack {
  font-size: 14px;
  margin-left: 10px;
  padding: 0 10px 10px 20px; 
  background: url(../../images/leftarrow.png) left 0.5px no-repeat;
}
a.sub_main_container:hover {
  text-decoration: none;
}
.main_container p#title, .page_container p#title {
  font-family: Arial, Verdana, Tahoma;
  font-size: 18px;
  color: #FFFFFF;
  line-height: 20px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 5px 0 5px 10px;
  background: #0F4080;
}
.img_main_container_about, .img_main_container_homilies, .img_main_container_prayers, 
.img_main_container_novenas, .img_main_container_events {
    height: 240px;
    margin-bottom: 10px;
    background: url(../../images/IMG14_small.png) no-repeat center 10px;
}
.img_page_container_about {
    height: 160px;
    background: url(../../images/IMG14_Xsmall.png) no-repeat center 10px;    
}
.img_main_container_homilies {
    background: url(../../images/jesus_presentation_small.png) no-repeat center 10px;
}
.img_page_container_homilies {
    height: 160px;
    background: url(../../images/jesus_presentation_Xsmall.png) no-repeat center 10px;    
}
.img_main_container_prayers {
    background: url(../../images/jesus_children_small.png) no-repeat center 10px;
}
.img_page_container_prayers {
    height: 160px;
    background: url(../../images/jesus_children_Xsmall.png) no-repeat center 10px;    
}
.img_main_container_novenas {
    background: url(../../images/nativity_scene_small.png) no-repeat center 10px;
}
.img_main_container_events {
    background: url(../../images/jesus_merchants_small.png) no-repeat center 10px;
}
#scheduleMass p#subtitle {
  font-family: Arial, Verdana, Tahoma;
  font-size: 14px;
  color: #353535;
  font-weight: bold;
  height: 25px;
  line-height: 25px;
  margin: 0;
  margin-top: 5px;
  padding: 0;
  text-align: center;
  background: #F0F0F0;
}
#scheduleMass p#subtitle:first-child {
  margin-top: 0;
}
#scheduleMass ul {
  margin: 5px 40px 5px 10px;
  list-style-type: none;
}
#scheduleMass ul li {
  font-family: Arial, Verdana, Tahoma;
  font-size: 14px;
  color: #606060;
  line-height: 16px;  
  margin: 6px 0 0 -10px;
}
#scheduleMass ul img {
  margin: 0 5px 0 -20px;
  border: none;
}
#scheduleMass li a {
  font-family: Arial, Verdana, Tahoma;
  font-size: 13px;
  color: #0F4080;
  line-height: 16px;
  margin: 0 0 0 -15px;
  text-decoration: none;
}
#scheduleMass li a:hover {
  text-decoration: underline;
}
p.footerline {
    font-family : Arial, Verdana, Tahoma;
    font-size: 12px;
    line-height: 14px;
    color: #353535;
    text-align: center;
    width: 495px;
    margin: 0 auto;
    margin-top: -5px;
    margin-bottom: 5px;
}
.callout_container {
    width: 240px;
    background: #FFFFFF;
    padding-bottom: 5px;
    z-index: 5;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -115px;
   -moz-box-shadow: rgba(0, 0, 0, 0.8) 0px 22px 70px 4px;
   -webkit-box-shadow: rgba(0, 0, 0, 0.8) 0px 22px 70px 4px;
   box-shadow: rgba(0, 0, 0, 0.8) 0px 22px 70px 4px;  
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   border-radius: 6px;    
}
.callout_container p {
    font-family : Arial, Verdana, Tahoma;
    font-size: 12px;
    color: #353535;
    margin: 10px 0 0 12px;
}
.callout_container h5 {
    font-family : Arial, Verdana, Tahoma;
    color: #F5F5F5;
    background: #800437;
    margin: 0;
    padding: 5px 0 5px 8px;
}
.callout_container a.butOK, ul#menuLogout a.butOK, #menuLogout a.butACCT {
   font-family : Arial, Verdana, Tahoma;
   font-size: 12px;
   color: #FFFFFF;
   height: 20px;
   width: 40px;
   text-align: center;
   padding-top: 5px;
   border: 1px solid #A5A5A5;
   -moz-box-shadow: 0px 2px 6px 0px #C0C0C0;
   -webkit-box-shadow: 0px 2px 6px 0px #C0C0C0;
   box-shadow: 0px 2px 6px 0px #C0C0C0;   
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   text-decoration: none;
   background: #ff8000;
   float: right;
   margin: 0 10px 5px 0;
   cursor:pointer;
}
ul#menuLogout a.butOK, #menuLogout a.butACCT {
   font-size: 11px;
   height: 20px;
   width: 65px;
   line-height: 15px;
}
#menuLogout a.butACCT {
   background: #800437;  
}
ul#menuLogout a.butOK:hover, #menuLogout a.butACCT:hover {
   text-decoration: none;   
}
.screen_cover {
      position:fixed;
      top:0;
      left:0;
      background: rgba(240,240,240,0.7);
      z-index: 4;
      width:100%;
      height:100%;
      display: block;
    }
#makePage {
  font-family: Arial, Verdana, Tahoma;
  font-size: 13px;
  color: #353535;
  margin: 15px 20px 20px 20px;
}    
#makePage label#date {
  font-family : Tahoma, Arial, Helvetica, Lucida sans, sans-serif;
  font-size: 18px;
  color: #0090FF;
  margin: 0 0 0 5px;
}
#makePage #monthScroll {
  margin: 5px 0 0 350px;
  position: absolute; 
}
#makePage #homilieScroll {
  margin: 20px 0 45px 0;
}
#makePage #monthPrev, #makePage #homiliePrev {
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;    
}
#makePage #homiliePrev {
  margin: 0 0 0 5px;
}
#makePage #monthNext, #makePage #homilieNext {
  margin: 0 0 0 48px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;     
}
#makePage #homilieNext {
  margin: 0 0 0 400px;
}
#makePage a.activeScroll, #makePage a.passiveScroll {
  font-family : Arial, Verdana, Tahoma;
  font-size: 11px;
  color: #3366FF;
  line-height: 18px;
  height: 18px;
  width: 38px;
  padding: 0 0 0 5px;
  cursor: pointer;
  position: absolute;
  border: 1px solid #C5C5C5;
  text-decoration: none; 
}
#makePage a.activeScroll {   
  background: url(../../images/bg_mostbox30.png) top repeat-x;
}
#makePage a.passiveScroll {
  cursor: default;
  color: #A0A0A0;
}
#makePage a.prevTitle, #makePage a.nextTitle {
  font-family: Arial, Verdana, Tahoma;
  font-size: 11px;
  position: absolute;
  width: 150px;
  color: #3366FF;
  background: #F0F0F0;
  text-decoration: none;
}
#makePage a.prevTitle {
  padding: 3px 0 3px 5px;
  text-align: left;   
  margin: -5px 0 0 54px;
}
#makePage a.nextTitle {
  padding: 3px 5px 3px 0;
  text-align: right;
  margin: -5px 0 0 240px;
}
#makePage a.prevTitle:hover, #makePage a.nextTitle:hover {
  text-decoration: underline;
}
#makePage a#intSign, #makePage a#intReg {
  font-family: Arial, Verdana, Tahoma;
  font-size: 14px;  
  color: #D80000;
  cursor: pointer;  
  text-decoration: none;
}
#makePage a#intSign:hover, #makePage a#intReg:hover {
  text-decoration: underline;
}
#makePage p#msg {
  font-family: Arial, Verdana, Tahoma;
  font-size: 13px;
  color: #353535; 
  line-height: 15px;
  margin-top: 15px;
}
#makePage p#tnx {
  font-family: Arial, Verdana, Tahoma; 
  font-size: 16px;
  color: #454545;
  margin-bottom: -5px;
}
#makePage ul {
  margin: -1px 0 0 0;
  list-style-type: disc;
}
#makePage ul li {
  font-size: 11px;
  line-height: 18px;
  margin: 10px 0 0 0;     
}
#makePage li a {
  font-family : Tahoma, Arial, Helvetica, Lucida sans, sans-serif;
  font-size: 14px;
  color: #0090FF;
  line-height: 23px;
  text-decoration: none;
}
#makePage ul a:hover {
  text-decoration: underline;
}
#makePage li img {
  margin: 0 5px 0 12px;
  padding-left: 12px;
  border-left: 1px dotted #C0C0C0;
}
#makePage ul li p.headline {
  font-family: Tahoma, Arial, Helvetica, Lucida sans, sans-serif; 
  color: #353535;
  font-size: 13px;
  line-height: 14px;
  margin: 4px 0 -1px 0px;
  padding: 2px 5px 5px 5px;
  border-left: 3px solid #888888;  
  background: #F9F9F9;
}
#makePage ul li a.headline {
  font-family: Tahoma, Arial, Helvetica, Lucida sans, sans-serif; 
  color: #FF6633;
  line-height: 16px;
  font-size: 12px;
  margin: 0 0 0 5px;
  text-decoration: none;  
}
#makePage ul li a.headline:hover {
  text-decoration: underline;  
}
#makePage a#backTop {
  font-family: Arial, Verdana, Tahoma;
  font-size: 12px;
  color: #0090FF;
  float: right;
  text-align: right;
  margin: 20px 30px 0 0;
  padding-left: 16px;
  text-decoration: none;
  background: url(../../images/up_black.png) left no-repeat;
}
.warnReadGospel {
  font-family : Arial, Verdana, Tahoma;
  font-size: 13px;
  color: #990000;  
  line-height: 17px;
  min-height: 18px;
  margin: 10px 0px 5px 0px;
  padding: 10px 5px 10px 12px;
  border: 1px solid #CC0000;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;  
  background: #FFFF99;  
}
.warnReadGospel a img {
 float: right;
 margin: -5px 0px 0 0;
 padding: 1px;
 border: 1px solid transparent;
 cursor: pointer; 
}
.warnReadGospel a img:hover {
 border: 1px solid #CC0000;
}
#makePage h5, h4, h3, h2, h1 {
  font-family : Tahoma, Arial, Helvetica, Lucida sans, sans-serif;
  font-size: 18px;
  line-height: 12px;
  font-weight: normal;
  color: #0090FF;
}
#makePage h4 {
  font-family : Tahoma, Arial, Helvetica, Lucida sans, sans-serif;
  font-size: 18px;
  font-weight: normal;
  color: #0F4080;
  height: 22px;
  margin: 35px 0 0 0;
  border-bottom: 1px dotted #C0C0C0;  
}
#makePage h3 {
  font-size: 18px;
  line-height: 20px;
  margin-top: 15px;
  margin-bottom: 10px;
}
#makePage h2, #makePage h5 {
  font-size: 15px;
  margin: 20px 0 0 0;
  line-height: 15px;  
  padding: 0 0 0 5px;
  border-left: 5px solid #0090FF;
}
#makePage h1 {
  font-size: 13px;
  font-weight: bold;
  color: #353535;
  margin: 15px 0 0 0;    
}
#makePage dd {
  width: 98%;
  font-size: 12px;
  margin: 10px 0 0 0;    
  padding-bottom: 5px;
  border-bottom: 1px dotted #C0C0C0;
}
#makePage dd img {
  margin: 0 5px 0 12px;
  padding-left: 12px;
  border-left: 1px dotted #C0C0C0;
}
#makePage a#listenHom, #makePage a#readHom {
  font-family: Arial, Verdana, Tahoma; 
  float: right;
  font-size: 12px;  
  color: #0F4080;    
  margin: -20px 65px 0 30px;
  padding-left: 20px;
  padding-right: 7px;
  border-right: 1px dotted #C0C0C0;  
  text-decoration: none;
  background: url(../../images/flash_player.png) left no-repeat;
}
#makePage a#readHom {
  margin: -20px 0px 0 0; 
  padding-left: 20px;
  border-right: 0;  
  background: url(../../images/read_homily.png) left no-repeat;
}
#mediaPlayer {
  float: right;
  margin: 5px 0 -15px 0px;
  padding: 3px 3px 0px 3px;
  border: 1px solid #D0D0D0;
}
#makePage p.read {
  font-family: Arial, Verdana, Tahoma;
  font-size: 14px;
  color: #353535; 
  line-height: 20px;
  margin: 12px 0 10px 0;
}
#acknowledge {
  font-family: Arial, Verdana, Tahoma;
  font-size: 13px;
  color: #353535;
  margin: 20px 0px 0 0px;
  border: 1px solid #F0F0F0;
  background: url(../../images/bg_acknowledge.png) repeat-x;
}
#acknowledge h2 {
  font-family : Tahoma, Arial, Helvetica, Lucida sans, sans-serif;
  font-size: 15.5px;
  width: 128px;
  line-height: 12px;
  font-weight: normal;
  color: #0F4080;
  margin: 6px 0 0 13px;
  padding: 0 0 5px 3px;
  border-left: 0px;  
  border-bottom: 0px solid #0090FF;
}
#acknowledge ul {
  margin: 17px 0 0 0;
  padding-bottom: 20px;
  list-style-type: disc;
}
#acknowledge ul li {
  font-family: Arial, Verdana, Tahoma;
  font-size: 14px;
  color: #353535;
  margin: 0px 0 0 0px;  
}
#acknowledge p, #acknowledge li p#downldBox, #acknowledge li p.downldBox {
  font-family: Arial, Verdana, Tahoma;
  font-size: 13px;
  line-height: 16px;  
  color: #505050;
  font-weight: normal;  
  margin: 12px 8px 15px 13px;
}
#acknowledge li p#downldBox, #acknowledge li p.downldBox {
  font-size: 14px;
  margin: 10px 0 0 -5px;
}
#acknowledge li img#downldPng {
  margin: 7px 2px -2px -5px;
  border: 0px;
}
#acknowledge li img#sharePng {
  margin: 7px 2px -2px -3px;
  border: 0px;
}
#acknowledge a.mp3downld {
  font-family: Arial, Verdana, Tahoma;
  font-size: 14px;
  color: #3366FF;
  text-decoration: none;
}
#acknowledge a.socialweb img {
  margin: 0px 2px -3px -3px;
  border: 0px;
}
#acknowledge a.mp3downld:hover {
  text-decoration: underline; 
}
#topAccordeon, #yourFavs {
  margin: 0;
  height: auto;
  margin-bottom: -12px; 
}
#topAccordeon #years, #yourFavs #years {
  height: 22px;
  width: auto;
  margin: 15px 0 10px 0; 
  border-style: solid;
  border-width: 0 0 1px 0;  
  border-color: #C5C5C5;    
}
#topAccordeon .yearLeft, #yourFavs #homFavs {
  margin: 0 0 0 20px;
}
#topAccordeon .yearMid, #yourFavs #prayFavs {
  margin: 0 0 0 3px;
}
#topAccordeon .yearRight {
  margin: 0 0 0 3px;
}
a.active, a.passive, a.activeFavs, a.passiveFavs,
a.activeIntentCom, a.activeIntentYou {
  font-family : Arial, Verdana, Tahoma;
  font-size: 18px;
  color: #3366FF;
  width: 42px;
  padding: 2px 5px 3px 5px;  
  cursor: default; 
  border-style: solid;
  border-color: #C5C5C5;
  border-width: 1px 1px 0px 1px;
  background: #FFFFFF;
  text-decoration: none;
}
 a.activeIntentCom, a.activeIntentYou {
  font-size: 14px;
  width: 100px;
  text-align: center;
  line-height: 10px;  
  position: absolute;     
  padding: 5px;
}
a.passiveIntentCom, a.passiveIntentYou {
  font-family : Arial, Verdana, Tahoma;
  width: 100px; 
  font-size: 14px;
  text-align: center;
  position: absolute;     
  cursor: default;
  color: #A0A0A0;  
  border: 1px solid #D0D0D0; 
}
 a.passiveIntentCom, a.passiveIntentYou {
  padding: 0px 5px 0px 5px;
  height: 17px;
  line-height: 18px;  
}
 a.activeIntentCom, a.activeIntentYou {
  background: url(../../images/bg_mostbox30.png) top repeat-x; 
}
 a.active, a.activeFavs:hover, a.activeIntentCom:hover, a.activeIntentYou:hover {
  cursor: default;
}
 a.passive:hover, a.passiveFavs:hover, a.passiveIntentCom:hover, a.passiveIntentYou:hover {
  color: #3366FF;
  cursor: pointer;
  background: url(../../images/bg_mostbox25.png) top repeat-x;
}
#intentTabs {
  height: 20px;
  margin: 25px 0 30px 0; 
  border-style: solid;
  border-width: 0 0 1px 0;  
  border-color: #C5C5C5;    
}
#communTab {
  margin: 0 0 0 50px;
}
#youTab {
  margin: 0 0 0 165px;
}
a.activeFavs {  
  padding: 1px 5px 3px 5px;  
}
a.active, a.activeFavs {  
  background: url(../../images/bg_mostbox25.png) top repeat-x;  
}
a.passive, a.passiveFavs {
  padding: 2px 5px 0px 5px;
  cursor: default;
  color: #A0A0A0;
  border: 1px solid #D0D0D0;
}
a.passiveFavs {  
  padding: 1px 5px 0px 5px;  
}
#yourFavs p.statNoResult {
  font-family : Arial, Verdana, Tahoma;
  font-size: 14px;
  color: #A5A5A5; 
  margin: 15px 0 10px 10px;
}
#yourFavs ul.statResult {
  margin: 0;
  margin: -3px 0 -18px -10px;
  list-style-type: disc;
}
#yourFavs ul.statResult li {
  font-family : Arial, Verdana, Tahoma;
  font-size: 11px;
  color: #353535;
  padding-left: 5px; 
  margin: 0 0 0 -5px;
}
#yourFavs ul.statResult a {
  font-family : Arial, Verdana, Tahoma;
  font-size: 14px;
  color: #3366FF;
  margin: 0 0 0 -3px;
  text-decoration: none;
}
#yourFavs ul.statResult a:hover {
  text-decoration: underline;
} 
#topAccordeon p.month {
  font-family : Tahoma, Arial, Helvetica, Lucida sans, sans-serif;
  font-size: 16px;
  color: #0F4080;
  height: 20px;
  line-height: 16px;
  width: auto;   
  text-align: center;   
  margin: 1px 0 1px 0;
  cursor: pointer;
  background: url(../../images/expand.png) left no-repeat;
  background-position: 3px;
}
#topAccordeon p.month:hover {
  background-position: 3px;
  text-decoration: underline;
}
#topAccordeon label.bracket, #topAccordeon label.rowCount {
  font-family : Tahoma, Arial, Helvetica, Lucida sans, sans-serif;
  font-size: 15px;
  color: #0F4080; 
}
#topAccordeon label.rowCount {
  color: #3366FF; 
}
#topAccordeon ul.homilies {
   text-align: left;
   margin: 5px 0 5px 10px;
   list-style-type: disc;
}
#topAccordeon ul.homilies li {
  color: #353535; 
  margin: 0 0 -3px 0;
}
#topAccordeon ul.homilies li:first-child {
  margin: 3px 0 -3px 0;
}
#topAccordeon ul.homilies li:last-child { 
  margin: 0 0 3px 0;
}
#topAccordeon ul.homilies a {
  font-family : Arial, Verdana, Tahoma;
  font-size: 15px;
  color: #0090FF;
  text-decoration: none;
}
#topAccordeon ul.homilies a:hover {
  text-decoration: underline;
}
#topAccordeon ul.homilies p.accordNoResult, #yearList p.accordNoResult {
  font-family : Arial, Verdana, Tahoma;
  font-size: 13px;
  color: #A5A5A5;
  text-align: left;
  margin: 5px 0 5px -20px;  
}
#archiveResults {
 margin-top: -10px;
 }
.archiveBox {
  width: 450px;
  height: auto;
  margin: 25px 0 10px 0;
  padding: 0 0 0 0;
  border: 1px solid #D0D0D0;
  background: #F0F0F0;
  z-index: 2;
}
.archiveBox label.Monat, .archiveBox label.Jahr {
  font-family: Arial, Verdana, Tahoma;
  font-size: 14px;
  font-weight: bold;
  color: #353535;
  margin: 0 2px 0 15px;
}
.archiveBox label.Jahr {
  margin: 0 2px 0 20px;
}
.archiveBox select.Month, .archiveBox select.Year {
  font-size: 14px;  
  color: #353535;
  height: 25px;
  width: 90px;
  margin: 10px 0px 10px 0px;
  padding: 0 0 0 5px;
  border: 1px solid #C0C0C0;
}
.archiveBox select.Year {
  width: 70px;
  margin: 10px 0px 10px 0px;
}
.archiveBox input.Submit {
  color: #F5F5F5;
  letter-spacing: 1px;
  height: 25px;
  width: 90px;
  cursor: pointer;
  margin: 10px 0px 10px 40px;
  padding: 0 0 0 5px;
  border: 1px solid #C0C0C0;
  background: url(../../images/bg_subbutton30.png) repeat;
 }
.archiveBox input.Submit:hover {
   background: url(../../images/bg_subbutton30d.png) repeat;
 }
#makePage p.img_left, #makePage p.img_left_boat, #makePage p.img_center {
  font-family: Arial, Verdana, Tahoma;
  font-size: 12px;
  color: #888888;
  float: left;
  width: 175px;
  margin: 18px 25px 5px 0;
  padding-bottom: 6px; 
}
#makePage p.img_left img {
  height: 215px;  
  width: 175px;
  padding-bottom: 6px; 
}
#makePage p.img_center {
  width: 453px;
  float: none;
}
#makePage p.img_center img {  
  width: 452px;
  padding-bottom: 6px;   
}
#makePage p.img_left_boat {
  width: 133px;
}
#makePage p.img_left_boat img {
  height: 398px;  
  width: 133px;
  padding-bottom: 6px; 
}
.constituteSVD {
  margin: 0px 0 25px 0;  
}
.constituteSVD p.title {
  font-family : Tahoma, Arial, Helvetica, Lucida sans, sans-serif;
  font-size: 14px;
  color: #FFFFFF;  
  font-weight: bold;
  height: 19px;
  line-height: 19px;
  text-align: center;
  width: 190px;
  margin: 0;
  padding: 5px;
  background: #0F4080;  
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;  
}
.constituteSVD p#subtitle {
  font-family: Arial, Verdana, Tahoma;
  font-size: 13px;
  color: #353535;  
  line-height: 18px;
  text-align: left;
  margin-top: 0;
  padding: 8px 10px 10px 10px;
  background: #F0F0F0;  
}
#makePage p.pagination {
  font-family: Arial, Verdana, Tahoma;
  font-size: 14px;
  color: #3366FF;
  margin: 30px 0 0 0;
 }
#makePage a.paginateOff {
  font-family: Arial, Verdana, Tahoma;
  font-size: 14px;
  color: #3366FF;
  background: #FFFFFF;
  margin: 0 0 0 5px;  
  padding: 2px 5px 2px 5px;
  border: 1px solid #D0D0D0;
  text-decoration: none;
}
#makePage a#paginateOn {
  font-family: Arial, Verdana, Tahoma;
  font-size: 14px;
  color: #3366FF;
  margin: 0 0 0 5px;
  padding: 2px 5px 2px 5px;
  border: 1px solid #D0D0D0;
  cursor: default;
  text-decoration: none;
  background: url(../../images/bg_paginate25.png) repeat;  
}
#makePage a.paginateOff:hover {
  background: url(../../images/bg_paginate25.png) repeat; 
  text-decoration: none;  
}
#makePage a#intentPray, #makePage a#morePray {
  font-family: Arial, Verdana, Tahoma;
  position: absolute;
  font-size: 12px;  
  color: #0F4080;  
  margin: -21px 0 0 315px;
  line-height: 16px;
  padding-left: 20px;
  padding-right: 7px;
  border-right: 1px dotted #C0C0C0;
  text-decoration: none;
  background: url(../../images/intentions.png) left no-repeat;
}
#makePage a#morePray {
  line-height: 12px; 
  margin: -19px 0 0 395px;
  padding-left: 20px;
  border-right: 0;  
  background: url(../../images/more_prayers.png) left no-repeat;
}
#makePage a#intentPray:hover, #makePage a#morePray:hover {
  text-decoration: underline;
}
#makePage ul.intentRoll, #makePage ul.replyRoll  {
  margin: 30px 0 0 -40px;
  list-style-type: none;
  width: 430px;  
}
#makePage ul.replyRoll  {
  margin: 15px 0 0 -10px;  
}
#makePage ul.intentRoll li, #makePage ul.replyRoll li {
  margin: 15px 0 0 0;
  padding: 2px 5px 0px 5px;
  border-left: 3px solid #888888; 
}
#makePage ul.intentRoll label, #makePage ul.replyRoll label {
  font-family: Arial, Verdana, Tahoma;
  font-size: 15px;
  font-weight: bold;
  color: #0090FF;
}
#makePage ul.intentRoll img, #makePage ul.replyRoll img {
  margin: 0 4px 0 -13px;
  border: none;
}
#makePage ul.intentRoll small, #makePage ul.intentRoll p,
#makePage ul.replyRoll small, #makePage ul.replyRoll p {
  font-family: Arial, Verdana, Tahoma;
  font-size: 10px;
  color: #353535;
  line-height: 17px;
}
#makePage ul.intentRoll p, #makePage ul.replyRoll p {
  font-family: Tahoma, Arial, Helvetica, Lucida sans, sans-serif;  
  font-size: 13px;
  line-height: 17px;
  margin-top: 3px;
  background: #F9F9F9;  
}
/* Xiaomi11Pro */
@media only screen 
and (min-device-width : 360px)
and (max-device-height: 800px)
and (-webkit-device-pixel-ratio: 3) { 

.wrapper {
    width: 316px;
    height: auto;
	min-height: 50%;
    display: block;
    margin: 0 auto;
    margin-top: 50px;
    background: transparent;
    z-index: 1;
}
.headtitels {
    width: 315px;
    height: 45px;
    margin: 0 auto;
}
.headphoto img {
    width: 54px;
    height: 54px;
    float: left;
    margin: -9px 0 0 0;
    position: relative;
    border-radius: 35px;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
    -moz-box-shadow: 0px 0px 20px 1px #383838;
    -webkit-box-shadow: 0px 0px 20px 1px #383838;
    box-shadow: 0px 0px 20px 1px #383838;    
}
p.titleline {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 20px;
    color: #F5F5F5;
    margin: 10px 0 0 60px;
    position: relative;
}
#menuToggle {
  display: block;
  float: right;
  margin: -23px 3px 0 0;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}
#menuToggle input {
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  margin: 0 0 0 1px;
  color:black;
  cursor: pointer;
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */ 
  -webkit-touch-callout: none;
}
/*
 * Just a quick hamburger
 */
#menuToggle span {
  display: block;
  width: 32px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  background: white;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}
#menuToggle span:first-child {
  transform-origin: 0% 0%;
}
#menuToggle span:nth-last-child(2) {
  transform-origin: 0% 100%;
}
/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span {
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #ffffff;
}
/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3) {
  opacity: 1;
  transform: rotate(0deg) scale(0, 0);
}
/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2) {
  transform: rotate(-45deg) translate(0, -1px);
}
/*
 * Make this absolute positioned
 * at the top left of the screen
 */
ul#menu {
  position: absolute;
  width: 126px;
  height: auto;
  margin: 7px 0 0 -130px;
  padding-bottom: 9px;
  border-style: solid;
  border-width: 0px 0px 5px 0px;
  border-color: #353535;
  -moz-box-shadow: 0px 2px 8px 0px #808080;
  -webkit-box-shadow: 0px 2px 8px 0px #808080;
  box-shadow: 0px 2px 8px 0px #808080;
  background: #F5F5F5;
  z-index: 3;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  transform-origin: 0% 0%;
  transform: translate(0%, -170%);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.2);
}
#menu li {
  margin-left: -39px;
  list-style-type: none;
}
#menu a {
  width: 165px;
  font-family: Arial, Verdana, Tahoma;
  font-size: 15px;
  color: #353535;
  text-align: center;
  display: block;
  margin-top: 7px;
  padding: 5px 0px 5px 0px;
  text-decoration: none;
  background: #FFFFFF;
}
#menu .social_group {
  width: 165px;
  height: 33px;
  padding: 0px;
  margin-top: 7px;
  margin-left: -39px;    
  background: #FFFFFF;  
}
#menu a.social {
  width: auto;
  height: 22px;
  padding: 0px;
  margin-top: 5px;
  margin-right: 20px;
  display: inline-block;
  float:none;
  clear:none;
}
#menu a.social:first-child {
  margin-left: 25px;
}
#menu a:hover {
  color: #FFFFFF;
  background: #353535;
}
#menu a.social:hover {
  background: #FFFFFF;
}
/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ ul
{
  transform: none;
}
.login_button img {
   height: 26px;
   width: 25px;
   margin: -24px 0 0 180px;
   z-index: 1;
   position: absolute;
}
#menuLoginToggle {
  display: block;
  float: right;
  margin: -23px 53px 0 0;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}
#menuLoginToggle input {
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  margin: 0 0 0 1px;
  color:black;
  cursor: pointer;
  z-index: 2; /* and place it over the hamburger */ 
  -webkit-touch-callout: none;
}
/*
 * And let's slide it in from the left
 */
#menuLoginToggle input:checked ~ ul {
  transform: none;
}
ul#menuLogin, ul#menuLogout {
  position: absolute;
  width: 225px;
  height: 135px;
  margin: 34px 0 0 -175px;
  padding-bottom: 9px;
  border-style: solid;
  border-width: 0px 0px 5px 0px;
  border-color: #353535;
  -moz-box-shadow: 0px 2px 8px 0px #808080;
  -webkit-box-shadow: 0px 2px 8px 0px #808080;
  box-shadow: 0px 2px 8px 0px #808080;
  background: #F5F5F5;
  z-index: 2;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  transform-origin: 0% 0%;
  transform: translate(0%, -170%);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.2);
}
ul#menuLogout {
  width: 225px;
  height: 90px;
  margin: 34px 0 0 -175px;  
}
#menuLogin li, #menuLogout li {
  display: inline-block;
  margin-top: 20px;
  margin-right: 5px;
  list-style-type: none;
}
#menuLogin li:first-child {
  margin-left: -27px;
  margin-right: 5px;
}
#menuLogout li:first-child {
  margin-left: -15px;
  margin-right: 50px;
}
#menuLogin li:nth-last-child(1) {
  display: block;
  margin-left: 140px;
}
input#inpEmail, input#inpPwd {
   font-family : Arial, Verdana, Tahoma;
   font-size: 12px;
   height: 25px;
   width: 90px;
   position: relative;
   cursor: auto;
   margin: 0 0 0 0px;
   padding: 0 0 0 2px;
   border: 1px solid #C5C5C5;
}
ul#menuLogin input.butSign {
   font-family : Arial, Verdana, Tahoma;
   font-size: 12px;
   color: #FFFFFF;
   height: 30px;
   width: 70px;
   line-height: 17px;
   border: 1px solid #A5A5A5;
   -moz-box-shadow: 0px 2px 6px 0px #C0C0C0;
   -webkit-box-shadow: 0px 2px 6px 0px #C0C0C0;
   box-shadow: 0px 2px 6px 0px #C0C0C0;   
   -moz-border-radius: 1px;
   -webkit-border-radius: 1px;
   border-radius: 1px;
   text-decoration: none;
   background: #991f00;
}
ul#menuLogin p#forgotpwd {
   margin: -10px 0 0 -12px;
}
ul#menuLogin p#notreg {
   margin: 5px 0 0 -12px;
}  
ul#menuLogin a {
   font-family : Arial, Verdana, Tahoma;
   font-size: 13px;
   color: #0066cc;
   text-decoration: none;   
}
ul#menuLogin a:hover {
   text-decoration: underline;
}
ul#menuLogin span.PPandTU, ul#menuLogout span.PPandTU {
   float: left;
   margin-top: 15px;
   margin-left: -30px;
}
ul#menuLogout span.PPandTU {
   margin-top: 15px;
   margin-left: -32px;
}
ul#menuLogin span.PPandTU a, ul#menuLogout span.PPandTU a {
   font-family : Arial, Verdana, Tahoma;
   font-size: 13px;
   color: #353535;
   text-decoration: none;   
}
ul#menuLogin span.PPandTU a:hover, ul#menuLogout span.PPandTU a:hover {
   text-decoration: underline;
}
ul#menuLogin span.closeForm, ul#menuLogout span.closeForm {
   float: right;
   margin-top: 15px;
   margin-right: 10px;
}
ul#menuLogin span.closeForm a, ul#menuLogout span.closeForm a {
   font-family : Arial, Verdana, Tahoma;
   font-size: 12px;
   padding: 2px 4px 2px 4px;
   color: #F5F5F5;
   text-decoration: none;
   border: 1px solid #A5A5A5;
   -moz-box-shadow: 0px 2px 6px 0px #C0C0C0;
   -webkit-box-shadow: 0px 2px 6px 0px #C0C0C0;
   box-shadow: 0px 2px 6px 0px #C0C0C0;   
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   text-decoration: none;
   background: #353535;  
}
ul#menuLogin span.closeForm img, ul#menuLogout span.closeForm img {
  margin: 0 5px 0 0;
}
.main_container, .page_container, .top_page_container {
    width: 315px;
    background: #FFFFFF;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #D0D0D0;
    margin-bottom: 10px;
    padding-bottom: 5px;
    z-index: 1;
}
.page_container {
    width: 313px;
    padding-bottom: 5px;
}
.top_page_container {
    width: 313px;
    margin-top: -3px;
    padding-bottom: 0px;    
}
a.sub_main_container {
  text-decoration: none;
}
a.sub_main_container p {
  font-family : Arial, Verdana, Tahoma;
  font-size: 16px;
  font-weight: normal;
  color: #353535;
  padding: 0 5px 10px 10px;
  margin: -5px 0 -5px 0;
}
a.sub_main_container:hover {
  text-decoration: none;
}
.img_main_container_about, .img_main_container_homilies, .img_main_container_prayers, 
.img_main_container_novenas, .img_main_container_events {
    height: 180px;
    margin-bottom: 10px;
    background: url(../../images/IMG14_small_iPhone5.png) no-repeat center;
}
.img_page_container_about {
    height: 110px;
    background: url(../../images/IMG14_Xsmall_iPhone5.png) no-repeat center 10px;    
}
.img_main_container_homilies {
    background: url(../../images/jesus_presentation_small_iPhone5.png) no-repeat center;
}
.img_page_container_homilies {
    height: 110px;
    background: url(../../images/jesus_presentation_Xsmall_iPhone5.png) no-repeat center;    
}
.img_main_container_prayers {
    background: url(../../images/jesus_children_small_iPhone5.png) no-repeat center;
}
.img_main_container_novenas {
    background: url(../../images/nativity_scene_small_iPhone5.png) no-repeat center;
}
.img_main_container_events {
    background: url(../../images/jesus_merchants_small_iPhone5.png) no-repeat center;
}
.main_container p#title {
  font-family: Arial, Verdana, Tahoma;
  font-size: 18px;
  color: #FFFFFF;
  height: 39px;
  line-height: 20px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 5px 0 5px 10px;
  background: #0F4080;
}
#scheduleMass p#subtitle {
  font-family: Arial, Verdana, Tahoma;
  font-size: 16px;
  color: #353535;
  font-weight: bold;
  height: 27px;
  line-height: 25px;
  margin: 0;
  margin-top: 5px;
  padding: 0;
  text-align: center;
  background: #F0F0F0;
}
#scheduleMass p#subtitle:first-child {
  margin-top: 0;
}
#scheduleMass ul {
  margin: 10px 5px 5px 10px;
  list-style-type: none;
}
#scheduleMass ul li {
  font-family: Arial, Verdana, Tahoma;
  font-size: 16px;
  color: #606060;
  line-height: 18px;  
  margin: 6px 0 0 -15px;
}
#scheduleMass li a {
  font-family: Arial, Verdana, Tahoma;
  font-size: 14px;
  color: #0F4080;
  line-height: 15px;
  margin: 0 0 0 -15px;
  text-decoration: none;
}
#scheduleMass li a:hover {
  text-decoration: underline;
}
#scheduleMass ul img {
  margin: 0 5px 0 -20px;
  border: none;
}
p.footerline {
    width: 310px;
    font-family : Arial, Verdana, Tahoma;
    font-size: 12px;
    line-height: 14px;
    color: #353535;
    text-align: center;
    margin: 0 auto;
    margin-top: -10px;
    margin-bottom: 5px;
}
.callout_container {
    width: 240px;
    background: #FFFFFF;
    padding-bottom: 5px;
    z-index: 5;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -120px;
   -moz-box-shadow: rgba(0, 0, 0, 0.8) 0px 22px 70px 4px;
   -webkit-box-shadow: rgba(0, 0, 0, 0.8) 0px 22px 70px 4px;
   box-shadow: rgba(0, 0, 0, 0.8) 0px 22px 70px 4px;  
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   border-radius: 6px;    
}
.callout_container p {
    font-family : Arial, Verdana, Tahoma;
    font-size: 14px;
    color: #353535;
    margin: 10px 0 0 12px;
}
.callout_container h5 {
    font-family : Arial, Verdana, Tahoma;
    font-size: 15px;
    color: #F5F5F5;
    background: #800437;
    margin: 0;
    padding: 5px 0 5px 8px;
}
.callout_container a.butOK, ul#menuLogout a.butOK, #menuLogout a.butACCT {
   font-family : Arial, Verdana, Tahoma;
   font-size: 13px;
   color: #FFFFFF;
   height: 20px;
   width: 45px;
   text-align: center;
   padding-top: 5px;
   border: 1px solid #A5A5A5;
   -moz-box-shadow: 0px 2px 6px 0px #C0C0C0;
   -webkit-box-shadow: 0px 2px 6px 0px #C0C0C0;
   box-shadow: 0px 2px 6px 0px #C0C0C0;   
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   text-decoration: none;
   background: #ff8000;
   float: right;
   margin: 0 10px 5px 0;
   cursor:pointer;
}
ul#menuLogout a.butOK, #menuLogout a.butACCT {
   font-size: 13px;
   height: 20px;
   width: 75px;
   line-height: 15px;
}
#menuLogout a.butACCT {
   background: #800437;  
}
ul#menuLogout a.butOK:hover, #menuLogout a.butACCT:hover {
   text-decoration: none;   
}
.screen_cover {
      position:fixed;
      top:0;
      left:0;
      background: rgba(240,240,240,0.7);
      z-index: 4;
      width:100%;
      height:100%;
      display: block;
}
#makePage {
  font-family: Arial, Verdana, Tahoma;
  font-size: 14px;
  color: #353535;
  margin: 15px 15px 15px 15px;
}    
#makePage label#date {
  font-family : Tahoma, Arial, Helvetica, Lucida sans, sans-serif;
  font-size: 18px;
  color: #0090FF;
  margin: 0 0 0 5px;
}
#makePage #monthScroll {
  margin: 5px 0 0 185px;
  position: absolute; 
}
#makePage #homilieScroll {
  margin: 20px 0 55px 0;
}
#makePage #monthPrev, #makePage #homiliePrev {
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;    
}
#makePage #homiliePrev {
  margin: 0 0 0 -5px;
}
#makePage #monthNext, #makePage #homilieNext {
  margin: 0 0 0 55px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;     
}
#makePage #homilieNext {
  margin: 0 0 0 238px;
}
#makePage a.activeScroll, #makePage a.passiveScroll {
  font-family : Arial, Verdana, Tahoma;
  font-size: 12px;
  color: #3366FF;
  line-height: 20px;
  height: 20px;
  width: 40px;
  padding: 0 0 0 7px;
  cursor: pointer;
  position: absolute;
  border: 1px solid #C5C5C5;
  text-decoration: none; 
}
#makePage a.activeScroll {   
  background: url(../../images/bg_mostbox30.png) top repeat-x;
}
#makePage a.passiveScroll {
  cursor: default;
  color: #A0A0A0;
}
#makePage a.prevTitle, #makePage a.nextTitle {
  font-family: Arial, Verdana, Tahoma;
  font-size: 12px;
  position: absolute;
  width: 83px;
  color: #3366FF;
  background: #F0F0F0;
  text-decoration: none;
}
#makePage a.prevTitle {
  padding: 3px 0 3px 5px;
  text-align: left;   
  margin: -5px 0 5px 50px;
}
#makePage a.nextTitle {
  padding: 3px 5px 3px 0;
  text-align: right;
  margin: -5px 0 5px 145px;
}
#makePage a.prevTitle:hover, #makePage a.nextTitle:hover {
  text-decoration: underline;
}
#makePage a#intSign, #makePage a#intReg {
  font-family: Arial, Verdana, Tahoma;
  font-size: 14px;  
  color: #D80000;
  cursor: pointer;  
  text-decoration: none;
}
#makePage a#intSign:hover, #makePage a#intReg:hover {
  text-decoration: underline;
}
#makePage p#msg {
  font-family: Arial, Verdana, Tahoma;
  font-size: 14px;
  color: #353535; 
  line-height: 15px;
  margin-top: 20px;
}
#makePage p#tnx {
  font-family: Arial, Verdana, Tahoma; 
  font-size: 16px;
  color: #454545;
  margin-bottom: -5px;
}
#makePage ul {
  margin: -1px 0 0 -20px;
  list-style-type: disc;
}
#makePage ul li {
  font-size: 12px;
  line-height: 18px;
  margin: 10px 0 0 0;     
}
#makePage li a {
  font-family : Tahoma, Arial, Helvetica, Lucida sans, sans-serif;
  font-size: 16px;
  color: #0090FF;
  line-height: 23px;
  text-decoration: none;
}
#makePage ul a:hover {
  text-decoration: underline;
}
#makePage li img {
  margin: 0 5px 0 12px;
  padding-left: 12px;
  border-left: 1px dotted #C0C0C0;
}
#makePage ul li p.headline {
  font-family: Tahoma, Arial, Helvetica, Lucida sans, sans-serif; 
  color: #353535;
  font-size: 14px;
  line-height: 14px;
  margin: 4px 0 -1px 0px;
  padding: 2px 5px 5px 5px;
  border-left: 3px solid #888888;  
  background: #F9F9F9;
}
#makePage ul li a.headline {
  font-family: Tahoma, Arial, Helvetica, Lucida sans, sans-serif; 
  font-size: 14px;
  color: #FF6633;
  line-height: 16px; 
  margin: 0 0 0 5px;
  text-decoration: none;  
}
#makePage ul li a.headline:hover {
  text-decoration: underline;  
}
#makePage a#backTop {
  font-family: Arial, Verdana, Tahoma;
  font-size: 14px;
  color: #0090FF;
  float: right;
  text-align: right;
  margin: 10px 10px 0 0;
  padding-left: 16px;
  text-decoration: none;
  background: url(../../images/up_black.png) left no-repeat;
}
.warnReadGospel {
  font-family : Arial, Verdana, Tahoma;
  font-size: 13px;
  color: #990000;  
  line-height: 17px;
  min-height: 18px;
  margin: 10px 0px 5px 0px;
  padding: 10px 5px 10px 12px;
  border: 1px solid #CC0000;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;  
  background: #FFFF99;  
}
.warnReadGospel a img {
 float: right;
 margin: -5px 0px 0 0;
 padding: 1px;
 border: 1px solid transparent;
 cursor: pointer; 
}
.warnReadGospel a img:hover {
 border: 1px solid #CC0000;
}
#makePage h5, h4, h3, h2, h1 {
  font-family : Tahoma, Arial, Helvetica, Lucida sans, sans-serif;
  font-size: 18px;
  line-height: 15px;
  font-weight: normal;
  color: #0090FF;
}
#makePage h4 {
  font-family : Tahoma, Arial, Helvetica, Lucida sans, sans-serif;
  font-size: 18px;
  font-weight: normal;
  line-height: 18px;
  color: #0F4080;
  height: 22px;
  margin: 35px 0 0 0;
  border-bottom: 1px dotted #C0C0C0;  
}
#makePage h3 {
  font-size: 20px;
  line-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#makePage h2 {
  font-size: 17px;
  margin: 20px 0 0 0;
  line-height: 17px;  
  padding: 0 0 0 5px;
  border-left: 5px solid #0090FF;
}
#makePage h1 {
  font-size: 15px;
  font-weight: bold;
  line-height: 15px;
  color: #353535;
  margin: 15px 0 0 0;    
}
#makePage dd {
  width: 98%;
  font-size: 13px;
  margin: 10px 0 0 0;    
  padding-bottom: 5px;
  border-bottom: 1px dotted #C0C0C0;
}
#makePage dd img {
  margin: 0 5px 0 5px;
  padding-left: 7px;
  border-left: 1px dotted #C0C0C0;
}
#makePage a#listenHom, #makePage a#readHom {
  font-family: Arial, Verdana, Tahoma; 
  float: left;
  font-size: 14px;  
  color: #0F4080;    
  margin: 8px 0px 0 5px;
  padding-left: 18px;
  border-right: 0px dotted #C0C0C0;  
  text-decoration: none;
  background: url(../../images/flash_player.png) left no-repeat;
}
#makePage a#readHom {
  margin: 8px 0px 0 0px;
  border-right: 1px dotted #C0C0C0;    
  background: url(../../images/read_homily.png) left no-repeat;
}
#mediaPlayer_iPhone {
  float: right;
  margin: 10px -14px -5px 0px;
  padding: 3px 0px 0px 0px;
  border: 1px solid #D0D0D0;
}
#makePage p.read {
  font-family: Arial, Verdana, Tahoma;
  font-size: 15px;
  color: #353535; 
  line-height: 20px;
  margin: 12px 0 10px 0;
}
#acknowledge {
  font-family: Arial, Verdana, Tahoma;
  font-size: 13px;
  color: #353535;
  margin: 20px 0px 0 0px;
  border: 1px solid #F0F0F0;
  background: url(../../images/bg_acknowledge.png) repeat-x;
}
#acknowledge h2 {
  font-family : Tahoma, Arial, Helvetica, Lucida sans, sans-serif;
  font-size: 17px;
  width: 128px;
  line-height: 12px;
  font-weight: normal;
  color: #0F4080;
  margin: 6px 0 0 7px;
  padding: 0 0 5px 3px;
  border-left: 0px;  
  border-bottom: 0px solid #0090FF;
}
#acknowledge ul {
  margin: 17px 0 0 -15px;
  padding-bottom: 20px;
  list-style-type: disc;
}
#acknowledge ul li {
  font-family: Arial, Verdana, Tahoma;
  font-size: 15px;
  color: #353535;
  margin: -5px 0 0 0px;  
}
#acknowledge p, #acknowledge li p#downldBox, #acknowledge li p.downldBox {
  font-family: Arial, Verdana, Tahoma;
  font-size: 13px;
  line-height: 16px;  
  color: #505050;
  font-weight: normal;  
  margin: 12px 8px 15px 13px;
}
#acknowledge li p#downldBox, #acknowledge li p.downldBox {
  font-size: 14px;
  margin: 10px 0 0 -5px;
}
#acknowledge li img#downldPng {
  margin: 7px 2px -2px -5px;
  border: 0px;
}
#acknowledge li img#sharePng {
  margin: 7px 2px -2px -3px;
  border: 0px;
}
#acknowledge a.mp3downld {
  font-family: Arial, Verdana, Tahoma;
  font-size: 14px;
  color: #3366FF;
  text-decoration: none;
}
#acknowledge a.socialweb img {
  margin: 0px 0px -3px -6px;
  border: 0px;
}
#acknowledge a.mp3downld:hover {
  text-decoration: underline; 
} 
#topAccordeon, #yourFavs {
  margin: 0;
  height: auto;
  margin-bottom: -12px; 
}
#topAccordeon #years, #yourFavs #years {
  height: 22px;
  width: auto;
  margin: 15px 0 10px 0; 
  border-style: solid;
  border-width: 0 0 1px 0;  
  border-color: #C5C5C5;    
}
#topAccordeon .yearLeft, #yourFavs #homFavs {
  margin: 0 0 0 20px;
}
#topAccordeon .yearMid, #yourFavs #prayFavs {
  margin: 0 0 0 3px;
}
#topAccordeon .yearRight {
  margin: 0 0 0 3px;
}
a.active, a.passive, a.activeFavs, a.passiveFavs {
  font-family : Arial, Verdana, Tahoma;
  font-size: 18px;
  color: #3366FF;
  width: 42px;
  padding: 2px 5px 3px 5px;
  cursor: default;
  border-style: solid;
  border-color: #C5C5C5;
  border-width: 1px 1px 0px 1px;
  background: #FFFFFF;
  text-decoration: none;
}
a.activeFavs {  
  padding: 2px 5px 2px 5px;  
}
a.active, a.activeFavs {  
  background: url(../../images/bg_mostbox25.png) top repeat-x;  
}
a.passive, a.passiveFavs {
  padding: 2px 5px 0px 5px;
  cursor: default;
  color: #A0A0A0;
  border: 1px solid #D0D0D0;
}
a.passive:hover, a.passiveFavs:hover {
  color: #3366FF;
  cursor: pointer;
  background: url(../../images/bg_mostbox25.png) top repeat-x;
}
#yourFavs p.statNoResult {
  font-family : Arial, Verdana, Tahoma;
  font-size: 14px;
  color: #A5A5A5; 
  margin: 15px 0 10px 10px;
}
#yourFavs ul.statResult {
  margin: 0;
  margin: 0 0 -5px -20px;
  list-style-type: disc;
}
#yourFavs ul.statResult li {
  font-family : Arial, Verdana, Tahoma;
  font-size: 11px;
  color: #353535;
  padding-left: 5px; 
  margin: 0 0 0 -5px;
}
#yourFavs ul.statResult a {
  font-family : Arial, Verdana, Tahoma;
  font-size: 16px;
  color: #3366FF;
  margin: 0 0 0 -3px;
  text-decoration: none;
}
#yourFavs ul.statResult a:hover {
  text-decoration: underline;
}  
#topAccordeon p.month {
  font-family : Tahoma, Arial, Helvetica, Lucida sans, sans-serif;
  font-size: 16px;
  color: #0F4080;
  height: 20px;
  line-height: 16px;
  width: auto;   
  text-align: center;   
  margin: 1px 0 1px 0;
  cursor: pointer;
  background: url(../../images/expand.png) left no-repeat;
  background-position: 3px;
}
#topAccordeon p.month:hover {
  background-position: 3px;
  text-decoration: underline;
}
#topAccordeon label.bracket, #topAccordeon label.rowCount {
  font-family : Tahoma, Arial, Helvetica, Lucida sans, sans-serif;
  font-size: 15px;
  color: #0F4080; 
}
#topAccordeon label.rowCount {
  color: #3366FF; 
}
#topAccordeon ul.homilies {
   text-align: left;
   margin: 5px 0 5px 10px;
   list-style-type: disc;
}
#topAccordeon ul.homilies li {
  color: #353535; 
  margin: 0 0 -3px 0;
}
#topAccordeon ul.homilies li:first-child {
  margin: 3px 0 -3px 0;
}
#topAccordeon ul.homilies li:last-child { 
  margin: 0 0 3px 0;
}
#topAccordeon ul.homilies a {
  font-family : Arial, Verdana, Tahoma;
  font-size: 15px;
  color: #0090FF;
  text-decoration: none;
}
#topAccordeon ul.homilies a:hover {
  text-decoration: underline;
}
#topAccordeon ul.homilies p.accordNoResult, #yearList p.accordNoResult {
  font-family : Arial, Verdana, Tahoma;
  font-size: 13px;
  color: #A5A5A5;
  text-align: left;
  margin: 5px 0 5px -20px;  
 }
#archiveResults {
 margin-top: -5px;
 } 
 .archiveBox {
  width: 297px;
  height: auto;
  margin: 25px 0 10px -8px;
  padding: 0 0 0 0;
  border: 1px solid #D0D0D0;
  background: #F0F0F0;
  z-index: 2;
}
.archiveBox label.Monat, .archiveBox label.Jahr {
  font-family: Arial, Verdana, Tahoma;
  font-size: 13px;
  font-weight: bold;
  color: #353535;
  margin: 0 2px 0 12px;
}
.archiveBox label.Jahr {
  margin: 0 2px 0 16px;
}
.archiveBox select.Month, .archiveBox select.Year {
  font-size: 14px;  
  color: #353535;
  height: 25px;
  width: 90px;
  margin: 10px 0px 10px 0px;
  padding: 0 0 0 5px;
  border: 1px solid #C0C0C0;
}
.archiveBox select.Year {
  width: 70px;
  margin: 10px 0px 10px 0px;
}
.archiveBox input.Submit {
  color: #F5F5F5;
  letter-spacing: 1px;
  height: 25px;
  width: 90px;
  cursor: pointer;
  margin: 5px 0px 10px 195px;
  padding: 0 0 0 5px;
  border: 1px solid #C0C0C0;
  background: url(../../images/bg_subbutton30.png) repeat;
 }
.archiveBox input.Submit:hover {
   background: url(../../images/bg_subbutton30d.png) repeat;
 }
#makePage p.img_left, #makePage p.img_left_boat, #makePage p.img_center {
  font-family: Arial, Verdana, Tahoma;
  font-size: 12px;
  color: #888888;
  float: left;
  width: 136px;
  margin: 18px 25px 5px 0;
  padding-bottom: 6px; 
}
#makePage p.img_left img {
  width: 136px;
  height: 167px;
  padding-bottom: 6px; 
}
#makePage p.img_center {
  width: 285px;
  float: none;
}
#makePage p.img_center img {  
  width: 285px;
  padding-bottom: 6px;   
}
#makePage p.img_left_boat {
  width: 136px;
}
#makePage p.img_left_boat img {
  height: 408px;  
  width: 136px;
  padding-bottom: 6px; 
}
.constituteSVD {
  margin: 0px 0 25px 0;  
}
.constituteSVD p.title {
  font-family : Tahoma, Arial, Helvetica, Lucida sans, sans-serif;
  font-size: 14px;
  color: #FFFFFF;  
  font-weight: bold;
  height: 19px;
  line-height: 19px;
  text-align: center;
  width: 190px;
  margin: 0;
  padding: 5px;
  background: #0F4080;  
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;  
}
.constituteSVD p#subtitle {
  font-family: Arial, Verdana, Tahoma;
  font-size: 13px;
  color: #353535;  
  line-height: 18px;
  text-align: left;
  margin-top: 0;
  padding: 8px 10px 10px 10px;
  background: #F0F0F0;  
 }   
}                            
/* iPhoneX */
@media only screen 
and (min-device-width : 375px)
and (max-device-height: 832px) 
and (-webkit-device-pixel-ratio: 3) {

.wrapper {
    width: 350px;
    height: auto;
	min-height: 50%;
    display: block;
    margin: 0 auto;
    margin-top: 50px;
    background: transparent;
    z-index: 1;
}
.headtitels {
    width: 355px;
    height: 45px;
    margin: 0 auto;
}
.headphoto img {
    width: 54px;
    height: 54px;
    float: left;
    margin: -9px 0 0 0;
    position: relative;
    border-radius: 35px;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
    -moz-box-shadow: 0px 0px 20px 1px #383838;
    -webkit-box-shadow: 0px 0px 20px 1px #383838;
    box-shadow: 0px 0px 20px 1px #383838;    
}
p.titleline {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 20px;
    color: #F5F5F5;
    margin: 10px 0 0 60px;
    position: relative;
}
#menuToggle {
  display: block;
  float: right;
  margin: -23px 3px 0 0;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}
#menuToggle input {
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  margin: 0 0 0 1px;
  color:black;
  cursor: pointer;
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */ 
  -webkit-touch-callout: none;
}
/*
 * Just a quick hamburger
 */
#menuToggle span {
  display: block;
  width: 32px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  background: white;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}
#menuToggle span:first-child {
  transform-origin: 0% 0%;
}
#menuToggle span:nth-last-child(2) {
  transform-origin: 0% 100%;
}
/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span {
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #ffffff;
}
/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3) {
  opacity: 1;
  transform: rotate(0deg) scale(0, 0);
}
/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2) {
  transform: rotate(-45deg) translate(0, -1px);
}
/*
 * Make this absolute positioned
 * at the top left of the screen
 */
ul#menu {
  position: absolute;
  width: 126px;
  height: auto;
  margin: 7px 0 0 -130px;
  padding-bottom: 9px;
  border-style: solid;
  border-width: 0px 0px 5px 0px;
  border-color: #353535;
  -moz-box-shadow: 0px 2px 8px 0px #808080;
  -webkit-box-shadow: 0px 2px 8px 0px #808080;
  box-shadow: 0px 2px 8px 0px #808080;
  background: #F5F5F5;
  z-index: 3;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  transform-origin: 0% 0%;
  transform: translate(0%, -170%);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.2);
}
#menu li {
  margin-left: -39px;
  list-style-type: none;
}
#menu a {
  width: 165px;
  font-family: Arial, Verdana, Tahoma;
  font-size: 16px;
  color: #353535;
  text-align: center;
  display: block;
  margin-top: 7px;
  padding: 5px 0px 5px 0px;
  text-decoration: none;
  background: #FFFFFF;
}
#menu .social_group {
  width: 165px;
  height: 33px;
  padding: 0px;
  margin-top: 7px;
  margin-left: -39px;    
  background: #FFFFFF;  
}
#menu a.social {
  width: auto;
  height: 22px;
  padding: 0px;
  margin-top: 5px;
  margin-right: 20px;
  display: inline-block;
  float:none;
  clear:none;
}
#menu a.social:first-child {
  margin-left: 25px;
}
#menu a:hover {
  color: #FFFFFF;
  background: #353535;
}
#menu a.social:hover {
  background: #FFFFFF;
}
/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ ul
{
  transform: none;
}
.login_button img {
   height: 26px;
   width: 25px;
   margin: -24px 0 0 215px;
   z-index: 1;
   position: absolute;
}
#menuLoginToggle {
  display: block;
  float: right;
  margin: -23px 53px 0 0;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}
#menuLoginToggle input {
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  margin: 0 0 0 1px;
  color:black;
  cursor: pointer;
  z-index: 2; /* and place it over the hamburger */ 
  -webkit-touch-callout: none;
}
/*
 * And let's slide it in from the left
 */
#menuLoginToggle input:checked ~ ul {
  transform: none;
}
ul#menuLogin, ul#menuLogout {
  position: absolute;
  width: 250px;
  height: 135px;
  margin: 34px 0 0 -202px;
  padding-bottom: 10px;
  border-style: solid;
  border-width: 0px 0px 5px 0px;
  border-color: #353535;
  -moz-box-shadow: 0px 2px 8px 0px #808080;
  -webkit-box-shadow: 0px 2px 8px 0px #808080;
  box-shadow: 0px 2px 8px 0px #808080;
  background: #F5F5F5;
  z-index: 2;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  transform-origin: 0% 0%;
  transform: translate(0%, -170%);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.2);
}
ul#menuLogout {
  width: 220px;
  height: 90px;
  margin: 34px 0 0 -173px;  
}
#menuLogin li, #menuLogout li {
  display: inline-block;
  margin-top: 20px;
  margin-right: 5px;
  list-style-type: none;
}
#menuLogin li:first-child {
  margin-left: -25px;
  margin-right: 5px;
}
#menuLogout li:first-child {
  margin-left: -15px;
  margin-right: 45px;
}
#menuLogin li:nth-last-child(1) {
  display: block;
  margin-left: 158px;
}
input#inpEmail, input#inpPwd {
   font-family : Arial, Verdana, Tahoma;
   font-size: 12px;
   height: 25px;
   width: 100px;
   position: relative;
   cursor: auto;
   margin: 0 0 0 0px;
   padding: 0 0 0 2px;
   border: 1px solid #C5C5C5;
}
ul#menuLogin input.butSign {
   font-family : Arial, Verdana, Tahoma;
   font-size: 13px;
   color: #FFFFFF;
   height: 30px;
   width: 70px;
   line-height: 17px;
   border: 1px solid #A5A5A5;
   -moz-box-shadow: 0px 2px 6px 0px #C0C0C0;
   -webkit-box-shadow: 0px 2px 6px 0px #C0C0C0;
   box-shadow: 0px 2px 6px 0px #C0C0C0;   
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   text-decoration: none;
   background: #ff8000;
}
ul#menuLogin p#forgotpwd {
   margin: -10px 0 0 0px;
}
ul#menuLogin p#notreg {
   margin: 5px 0 0 0px;
}  
ul#menuLogin a {
   font-family : Arial, Verdana, Tahoma;
   font-size: 13px;
   color: #0066cc;
   text-decoration: none;   
}
ul#menuLogin a:hover {
   text-decoration: underline;
}
ul#menuLogin span.PPandTU, ul#menuLogout span.PPandTU {
   float: left;
   margin-top: 15px;
}
ul#menuLogout span.PPandTU {
   margin-top: 15px;
   margin-left: -30px;
}
ul#menuLogin span.PPandTU a, ul#menuLogout span.PPandTU a {
   font-family : Arial, Verdana, Tahoma;
   font-size: 13px;
   color: #353535;
   text-decoration: none;   
}
ul#menuLogin span.PPandTU a:hover, ul#menuLogout span.PPandTU a:hover {
   text-decoration: underline;
}
ul#menuLogin span.closeForm, ul#menuLogout span.closeForm {
   float: right;
   margin-top: 14px;
   margin-right: 10px;
}
ul#menuLogout span.closeForm {
   margin-top: 15px;
}
ul#menuLogin span.closeForm a, ul#menuLogout span.closeForm a {
   font-family : Arial, Verdana, Tahoma;
   font-size: 12px;
   padding: 2px 4px 2px 4px;
   color: #F5F5F5;
   text-decoration: none;
   border: 1px solid #A5A5A5;
   -moz-box-shadow: 0px 2px 6px 0px #C0C0C0;
   -webkit-box-shadow: 0px 2px 6px 0px #C0C0C0;
   box-shadow: 0px 2px 6px 0px #C0C0C0;   
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   text-decoration: none;
   background: #353535;  
}
ul#menuLogin span.closeForm img, ul#menuLogout span.closeForm img {
  margin: 0 5px 0 0;
}
.main_container, .page_container, .top_page_container {
    width: 348px;
    background: #FFFFFF;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #D0D0D0;
    margin-bottom: 10px;
    padding-bottom: 5px;
    z-index: 1;
}
.top_page_container {
    margin-top: -3px;
    padding-bottom: 0px;    
}
.page_container {
    padding-bottom: 10px;
}
a.sub_main_container {
  text-decoration: none;
}
a.sub_main_container p {
  font-family : Arial, Verdana, Tahoma;
  font-size: 16px;
  font-weight: normal;
  color: #353535;
  padding: 0 5px 10px 10px;
  margin: -5px 0 -5px 0;
}
a.sub_main_container:hover {
  text-decoration: none;
}
.img_main_container_about, .img_main_container_homilies, .img_main_container_prayers, 
.img_main_container_novenas, .img_main_container_events {
    height: 200px;
    margin-bottom: 10px;
    background: url(../../images/IMG14_small_allMobile.png) no-repeat center;
}
.img_page_container_about {
    height: 130px;
    background: url(../../images/IMG14_Xsmall_allMobile.png) no-repeat center 10px;    
}
.img_main_container_homilies {
    background: url(../../images/jesus_presentation_small_allMobile.png) no-repeat center;
}
.img_page_container_homilies {
    height: 130px;
    background: url(../../images/jesus_presentation_Xsmall_allMobile.png) no-repeat center;    
}
.img_main_container_prayers {
    background: url(../../images/jesus_children_small_allMobile.png) no-repeat center;
}
.img_main_container_novenas {
    background: url(../../images/nativity_scene_small_allMobile.png) no-repeat center;
}
.img_main_container_events {
    background: url(../../images/jesus_merchants_small_allMobile.png) no-repeat center;
}
.main_container p#title {
  font-family: Arial, Verdana, Tahoma;
  font-size: 18px;
  color: #FFFFFF;
  height: 39px;
  line-height: 20px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 5px 0 5px 10px;
  background: #0F4080;
}
#scheduleMass p#subtitle {
  font-family: Arial, Verdana, Tahoma;
  font-size: 16px;
  color: #353535;
  font-weight: bold;
  height: 27px;
  line-height: 25px;
  margin: 0;
  margin-top: 5px;
  padding: 0;
  text-align: center;
  background: #F0F0F0;
}
#scheduleMass p#subtitle:first-child {
  margin-top: 0;
}
#scheduleMass ul {
  margin: 10px 5px 5px 10px;
  list-style-type: none;
}
#scheduleMass ul li {
  font-family: Arial, Verdana, Tahoma;
  font-size: 16px;
  color: #606060;
  line-height: 18px;  
  margin: 6px 0 0 -15px;
}
#scheduleMass li a {
  font-family: Arial, Verdana, Tahoma;
  font-size: 14px;
  color: #0F4080;
  line-height: 15px;
  margin: 0 0 0 -15px;
  text-decoration: none;
}
#scheduleMass li a:hover {
  text-decoration: underline;
}
#scheduleMass ul img {
  margin: 0 5px 0 -20px;
  border: none;
}
p.footerline {
    font-family : Arial, Verdana, Tahoma;
    font-size: 12px;
    line-height: 14px;
    color: #353535;
    text-align: center;
    width: 349px;
    margin: 0 auto;
    margin-top: -10px;
    margin-bottom: 5px;
}
.callout_container {
    width: 250px;
    background: #FFFFFF;
    padding-bottom: 5px;
    z-index: 5;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -122px;
   -moz-box-shadow: rgba(0, 0, 0, 0.8) 0px 22px 70px 4px;
   -webkit-box-shadow: rgba(0, 0, 0, 0.8) 0px 22px 70px 4px;
   box-shadow: rgba(0, 0, 0, 0.8) 0px 22px 70px 4px;  
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   border-radius: 6px;    
}
.callout_container p {
    font-family : Arial, Verdana, Tahoma;
    font-size: 14px;
    color: #353535;
    margin: 10px 0 0 12px;
}
.callout_container h5 {
    font-family : Arial, Verdana, Tahoma;
    font-size: 15px;
    color: #F5F5F5;
    background: #800437;
    margin: 0;
    padding: 5px 0 5px 8px;
}
.callout_container a.butOK, ul#menuLogout a.butOK, #menuLogout a.butACCT {
   font-family : Arial, Verdana, Tahoma;
   font-size: 14px;
   color: #FFFFFF;
   height: 20px;
   width: 45px;
   text-align: center;
   padding-top: 5px;
   border: 1px solid #A5A5A5;
   -moz-box-shadow: 0px 2px 6px 0px #C0C0C0;
   -webkit-box-shadow: 0px 2px 6px 0px #C0C0C0;
   box-shadow: 0px 2px 6px 0px #C0C0C0;   
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   text-decoration: none;
   background: #ff8000;
   float: right;
   margin: 0 10px 5px 0;
   cursor:pointer;
}
ul#menuLogout a.butOK, #menuLogout a.butACCT {
   font-size: 13px;
   height: 20px;
   width: 75px;
   line-height: 15px;
}
#menuLogout a.butACCT {
   background: #800437;  
}
ul#menuLogout a.butOK:hover, #menuLogout a.butACCT:hover {
   text-decoration: none;   
}
.screen_cover {
      position:fixed;
      top:0;
      left:0;
      background: rgba(240,240,240,0.7);
      z-index: 4;
      width:100%;
      height:100%;
      display: block;
}
#makePage {
  font-family: Arial, Verdana, Tahoma;
  font-size: 14px;
  color: #353535;
  margin: 15px 15px 15px 15px;
}    
#makePage label#date {
  font-family : Tahoma, Arial, Helvetica, Lucida sans, sans-serif;
  font-size: 18px;
  color: #0090FF;
  margin: 0 0 0 5px;
}
#makePage #monthScroll {
  margin: 5px 0 0 215px;
  position: absolute; 
}
#makePage #homilieScroll {
  margin: 20px 0 50px 0;
}
#makePage #monthPrev, #makePage #homiliePrev {
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;    
}
#makePage #homiliePrev {
  margin: 0 0 0 -5px;
}
#makePage #monthNext, #makePage #homilieNext {
  margin: 0 0 0 55px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;     
}
#makePage #homilieNext {
  margin: 0 0 0 274px;
}
#makePage a.activeScroll, #makePage a.passiveScroll {
  font-family : Arial, Verdana, Tahoma;
  font-size: 12px;
  color: #3366FF;
  line-height: 20px;
  height: 20px;
  width: 40px;
  padding: 0 0 0 7px;
  cursor: pointer;
  position: absolute;
  border: 1px solid #C5C5C5;
  text-decoration: none; 
}
#makePage a.activeScroll {   
  background: url(../../images/bg_mostbox30.png) top repeat-x;
}
#makePage a.passiveScroll {
  cursor: default;
  color: #A0A0A0;
}
#makePage a.prevTitle, #makePage a.nextTitle {
  font-family: Arial, Verdana, Tahoma;
  font-size: 12px;
  position: absolute;
  width: 100px;
  color: #3366FF;
  background: #F0F0F0;
  text-decoration: none;
}
#makePage a.prevTitle {
  padding: 3px 0 3px 5px;
  text-align: left;   
  margin: -5px 0 5px 50px;
}
#makePage a.nextTitle {
  padding: 3px 5px 3px 0;
  text-align: right;
  margin: -5px 0 5px 164px;
}
#makePage a.prevTitle:hover, #makePage a.nextTitle:hover {
  text-decoration: underline;
}
#makePage a#intSign, #makePage a#intReg {
  font-family: Arial, Verdana, Tahoma;
  font-size: 14px;  
  color: #D80000;
  cursor: pointer;  
  text-decoration: none;
}
#makePage a#intSign:hover, #makePage a#intReg:hover {
  text-decoration: underline;
}
#makePage p#msg {
  font-family: Arial, Verdana, Tahoma;
  font-size: 14px;
  color: #353535; 
  line-height: 15px;
  margin-top: 20px;
}
#makePage p#tnx {
  font-family: Arial, Verdana, Tahoma; 
  font-size: 16px;
  color: #454545;
  margin-bottom: -5px;
}
#makePage ul {
  margin: -1px 0 0 -20px;
  list-style-type: disc;
}
#makePage ul li {
  font-size: 12px;
  line-height: 18px;
  margin: 10px 0 0 0;     
}
#makePage li a {
  font-family : Tahoma, Arial, Helvetica, Lucida sans, sans-serif;
  font-size: 16px;
  color: #0090FF;
  line-height: 23px;
  text-decoration: none;
}
#makePage ul a:hover {
  text-decoration: underline;
}
#makePage li img {
  margin: 0 5px 0 12px;
  padding-left: 12px;
  border-left: 1px dotted #C0C0C0;
}
#makePage ul li p.headline {
  font-family: Tahoma, Arial, Helvetica, Lucida sans, sans-serif; 
  color: #353535;
  font-size: 14px;
  line-height: 14px;
  margin: 4px 0 -1px 0px;
  padding: 2px 5px 5px 5px;
  border-left: 3px solid #888888;  
  background: #F9F9F9;
}
#makePage ul li a.headline {
  font-family: Tahoma, Arial, Helvetica, Lucida sans, sans-serif; 
  font-size: 14px;
  color: #FF6633;
  line-height: 16px; 
  margin: 0 0 0 5px;
  text-decoration: none;  
}
#makePage ul li a.headline:hover {
  text-decoration: underline;  
}
#makePage a#backTop {
  font-family: Arial, Verdana, Tahoma;
  font-size: 14px;
  color: #0090FF;
  float: right;
  text-align: right;
  margin: 10px 10px 0 0;
  padding-left: 16px;
  text-decoration: none;
  background: url(../../images/up_black.png) left no-repeat;
}
.warnReadGospel {
  font-family : Arial, Verdana, Tahoma;
  font-size: 13px;
  color: #990000;  
  line-height: 17px;
  min-height: 18px;
  margin: 10px 0px 5px 0px;
  padding: 10px 5px 10px 12px;
  border: 1px solid #CC0000;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;  
  background: #FFFF99;  
}
.warnReadGospel a img {
 float: right;
 margin: -5px 0px 0 0;
 padding: 1px;
 border: 1px solid transparent;
 cursor: pointer; 
}
.warnReadGospel a img:hover {
 border: 1px solid #CC0000;
}
#makePage h5, h4, h3, h2, h1 {
  font-family : Tahoma, Arial, Helvetica, Lucida sans, sans-serif;
  font-size: 18px;
  line-height: 15px;
  font-weight: normal;
  color: #0090FF;
}
#makePage h4 {
  font-family : Tahoma, Arial, Helvetica, Lucida sans, sans-serif;
  font-size: 18px;
  font-weight: normal;
  line-height: 18px;
  color: #0F4080;
  height: 22px;
  margin: 35px 0 0 0;
  border-bottom: 1px dotted #C0C0C0;  
}
#makePage h3 {
  font-size: 20px;
  line-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#makePage h2 {
  font-size: 17px;
  margin: 20px 0 0 0;
  line-height: 17px;  
  padding: 0 0 0 5px;
  border-left: 5px solid #0090FF;
}
#makePage h1 {
  font-size: 15px;
  font-weight: bold;
  line-height: 15px;
  color: #353535;
  margin: 15px 0 0 0;    
}
#makePage dd {
  width: 98%;
  font-size: 13px;
  margin: 10px 0 0 0;    
  padding-bottom: 5px;
  border-bottom: 1px dotted #C0C0C0;
}
#makePage dd img {
  margin: 0 5px 0 5px;
  padding-left: 7px;
  border-left: 1px dotted #C0C0C0;
}
#makePage a#listenHom, #makePage a#readHom {
  font-family: Arial, Verdana, Tahoma; 
  float: left;
  font-size: 14px;  
  color: #0F4080;    
  margin: 8px 0px 0 5px;
  padding-left: 18px;
  border-right: 0px dotted #C0C0C0;  
  text-decoration: none;
  background: url(../../images/flash_player.png) left no-repeat;
}
#makePage a#readHom {
  margin: 8px 0px 0 0px;
  border-right: 1px dotted #C0C0C0;    
  background: url(../../images/read_homily.png) left no-repeat;
}
#mediaPlayer_Android, #mediaPlayer_iPhone {
  float: right;
  margin: 10px 0 -5px 0px;
  padding: 3px 3px 0px 3px;
  border: 1px solid #D0D0D0;
}
#mediaPlayer_iPhone {
  margin: 10px 0 0px 0px; 
}
#makePage p.read {
  font-family: Arial, Verdana, Tahoma;
  font-size: 15px;
  color: #353535; 
  line-height: 20px;
  margin: 12px 0 10px 0;
}
#acknowledge {
  font-family: Arial, Verdana, Tahoma;
  font-size: 13px;
  color: #353535;
  margin: 20px 0px 0 0px;
  border: 1px solid #F0F0F0;
  background: url(../../images/bg_acknowledge.png) repeat-x;
}
#acknowledge h2 {
  font-family : Tahoma, Arial, Helvetica, Lucida sans, sans-serif;
  font-size: 17px;
  width: 128px;
  line-height: 12px;
  font-weight: normal;
  color: #0F4080;
  margin: 6px 0 0 7px;
  padding: 0 0 5px 3px;
  border-left: 0px;  
  border-bottom: 0px solid #0090FF;
}
#acknowledge ul {
  margin: 17px 0 0 -15px;
  padding-bottom: 20px;
  list-style-type: disc;
}
#acknowledge ul li {
  font-family: Arial, Verdana, Tahoma;
  font-size: 15px;
  color: #353535;
  margin: -5px 0 0 0px;  
}
#acknowledge p, #acknowledge li p#downldBox, #acknowledge li p.downldBox {
  font-family: Arial, Verdana, Tahoma;
  font-size: 13px;
  line-height: 16px;  
  color: #505050;
  font-weight: normal;  
  margin: 12px 8px 15px 13px;
}
#acknowledge li p#downldBox, #acknowledge li p.downldBox {
  font-size: 14px;
  margin: 10px 0 0 -5px;
}
#acknowledge li img#downldPng {
  margin: 7px 2px -2px -5px;
  border: 0px;
}
#acknowledge li img#sharePng {
  margin: 7px 2px -2px -3px;
  border: 0px;
}
#acknowledge a.mp3downld {
  font-family: Arial, Verdana, Tahoma;
  font-size: 14px;
  color: #3366FF;
  text-decoration: none;
}
#acknowledge a.socialweb img {
  margin: 0px 2px -3px -3px;
  border: 0px;
}
#acknowledge a.mp3downld:hover {
  text-decoration: underline; 
}
#topAccordeon, #yourFavs {
  margin: 0;
  height: auto;
  margin-bottom: -12px; 
}
#topAccordeon #years, #yourFavs #years {
  height: 22px;
  width: auto;
  margin: 15px 0 10px 0; 
  border-style: solid;
  border-width: 0 0 1px 0;  
  border-color: #C5C5C5;    
}
#topAccordeon .yearLeft, #yourFavs #homFavs {
  margin: 0 0 0 20px;
}
#topAccordeon .yearMid, #yourFavs #prayFavs {
  margin: 0 0 0 3px;
}
#topAccordeon .yearRight {
  margin: 0 0 0 3px;
}
a.active, a.passive, a.activeFavs, a.passiveFavs {
  font-family : Arial, Verdana, Tahoma;
  font-size: 18px;
  color: #3366FF;
  width: 42px;
  padding: 2px 5px 3px 5px;
  cursor: default;
  border-style: solid;
  border-color: #C5C5C5;
  border-width: 1px 1px 0px 1px;
  background: #FFFFFF;
  text-decoration: none;
}
a.activeFavs {  
  padding: 2px 5px 2px 5px;  
}
a.active, a.activeFavs {  
  background: url(../../images/bg_mostbox25.png) top repeat-x;  
}
a.passive, a.passiveFavs {
  padding: 2px 5px 0px 5px;
  cursor: default;
  color: #A0A0A0;
  border: 1px solid #D0D0D0;
}
a.passive:hover, a.passiveFavs:hover {
  color: #3366FF;
  cursor: pointer;
  background: url(../../images/bg_mostbox25.png) top repeat-x;
}
#yourFavs p.statNoResult {
  font-family : Arial, Verdana, Tahoma;
  font-size: 14px;
  color: #A5A5A5; 
  margin: 15px 0 10px 10px;
}
#yourFavs ul.statResult {
  margin: 0;
  margin: 0 0 -5px -20px;
  list-style-type: disc;
}
#yourFavs ul.statResult li {
  font-family : Arial, Verdana, Tahoma;
  font-size: 11px;
  color: #353535;
  padding-left: 5px; 
  margin: 0 0 0 -5px;
}
#yourFavs ul.statResult a {
  font-family : Arial, Verdana, Tahoma;
  font-size: 16px;
  color: #3366FF;
  margin: 0 0 0 -3px;
  text-decoration: none;
}
#yourFavs ul.statResult a:hover {
  text-decoration: underline;
}  
#topAccordeon p.month {
  font-family : Tahoma, Arial, Helvetica, Lucida sans, sans-serif;
  font-size: 17px;
  color: #0F4080;
  height: 20px;
  line-height: 16px;
  width: auto;   
  text-align: center;   
  margin: 1px 0 1px 0;
  cursor: pointer;
  background: url(../../images/expand.png) left no-repeat;
  background-position: 3px;
}
#topAccordeon p.month:hover {
  background-position: 3px;
  text-decoration: underline;
}
#topAccordeon label.bracket, #topAccordeon label.rowCount {
  font-family : Tahoma, Arial, Helvetica, Lucida sans, sans-serif;
  font-size: 16px;
  color: #0F4080; 
}
#topAccordeon label.rowCount {
  color: #3366FF; 
}
#topAccordeon ul.homilies {
   text-align: left;
   margin: 5px 0 5px 10px;
   list-style-type: disc;
}
#topAccordeon ul.homilies li {
  color: #353535; 
  margin: 0 0 -3px 0;
}
#topAccordeon ul.homilies li:first-child {
  margin: 3px 0 -3px 0;
}
#topAccordeon ul.homilies li:last-child { 
  margin: 0 0 3px 0;
}
#topAccordeon ul.homilies a {
  font-family : Arial, Verdana, Tahoma;
  font-size: 15px;
  color: #0090FF;
  text-decoration: none;
}
#topAccordeon ul.homilies a:hover {
  text-decoration: underline;
}
#topAccordeon ul.homilies p.accordNoResult, #yearList p.accordNoResult {
  font-family : Arial, Verdana, Tahoma;
  font-size: 14px;
  color: #A5A5A5;
  text-align: left;
  margin: 5px 0 5px -20px;  
 }
#archiveResults {
 margin-top: -5px;
 }
.archiveBox {
  width: 320px;
  height: auto;
  margin: 25px 0 10px 0;
  padding: 0 0 0 0;
  border: 1px solid #D0D0D0;
  background: #F0F0F0;
  z-index: 2;
}
.archiveBox label.Monat, .archiveBox label.Jahr {
  font-family: Arial, Verdana, Tahoma;
  font-size: 14px;
  font-weight: bold;
  color: #353535;
  margin: 0 2px 0 15px;
}
.archiveBox label.Jahr {
  margin: 0 2px 0 20px;
}
.archiveBox select.Month, .archiveBox select.Year {
  font-size: 14px;  
  color: #353535;
  height: 25px;
  width: 90px;
  margin: 10px 0px 10px 0px;
  padding: 0 0 0 5px;
  border: 1px solid #C0C0C0;
}
.archiveBox select.Year {
  width: 70px;
  margin: 10px 0px 10px 0px;
}
.archiveBox input.Submit {
  color: #F5F5F5;
  letter-spacing: 1px;
  height: 25px;
  width: 90px;
  cursor: pointer;
  margin: 5px 0px 10px 210px;
  padding: 0 0 0 5px;
  border: 1px solid #C0C0C0;
  background: url(../../images/bg_subbutton30.png) repeat;
 }
.archiveBox input.Submit:hover {
   background: url(../../images/bg_subbutton30d.png) repeat;
 }
#makePage p.img_left, #makePage p.img_left_boat, #makePage p.img_center {
  font-family: Arial, Verdana, Tahoma;
  font-size: 12px;
  color: #888888;
  float: left;
  width: 152px;
  margin: 18px 25px 5px 0;
  padding-bottom: 6px; 
}
#makePage p.img_left img {
  width: 152px;
  height: 187px;
  padding-bottom: 6px; 
}
#makePage p.img_center {
  width: 320px;
  float: none;
}
#makePage p.img_center img {  
  width: 320px;
  padding-bottom: 6px;   
}
#makePage p.img_left_boat {
  width: 136px;
}
#makePage p.img_left_boat img {
  height: 428px;  
  width: 140px;
  padding-bottom: 6px; 
}
.constituteSVD {
  margin: 0px 0 25px 0;  
}
.constituteSVD p.title {
  font-family : Tahoma, Arial, Helvetica, Lucida sans, sans-serif;
  font-size: 14px;
  color: #FFFFFF;  
  font-weight: bold;
  height: 19px;
  line-height: 19px;
  text-align: center;
  width: 190px;
  margin: 0;
  padding: 5px;
  background: #0F4080;  
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;  
}
.constituteSVD p#subtitle {
  font-family: Arial, Verdana, Tahoma;
  font-size: 13px;
  color: #353535;  
  line-height: 18px;
  text-align: left;
  margin-top: 0;
  padding: 8px 10px 10px 10px;
  background: #F0F0F0;  
 }  
}               
/* iPhone5 */
@media only screen 
and (min-device-width : 320px)
and (max-device-height: 568px)
and (-webkit-device-pixel-ratio: 2) { 

.wrapper {
    width: 316px;
    height: auto;
	min-height: 50%;
    display: block;
    margin: 0 auto;
    margin-top: 50px;
    background: transparent;
    z-index: 1;
}
.headtitels {
    width: 315px;
    height: 45px;
    margin: 0 auto;
}
.headphoto img {
    width: 54px;
    height: 54px;
    float: left;
    margin: -9px 0 0 0;
    position: relative;
    border-radius: 35px;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
    -moz-box-shadow: 0px 0px 20px 1px #383838;
    -webkit-box-shadow: 0px 0px 20px 1px #383838;
    box-shadow: 0px 0px 20px 1px #383838;    
}
p.titleline {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 20px;
    color: #F5F5F5;
    margin: 10px 0 0 60px;
    position: relative;
}
#menuToggle {
  display: block;
  float: right;
  margin: -23px 3px 0 0;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}
#menuToggle input {
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  margin: 0 0 0 1px;
  color:black;
  cursor: pointer;
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */ 
  -webkit-touch-callout: none;
}
/*
 * Just a quick hamburger
 */
#menuToggle span {
  display: block;
  width: 32px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  background: white;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}
#menuToggle span:first-child {
  transform-origin: 0% 0%;
}
#menuToggle span:nth-last-child(2) {
  transform-origin: 0% 100%;
}
/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span {
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #ffffff;
}
/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3) {
  opacity: 1;
  transform: rotate(0deg) scale(0, 0);
}
/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2) {
  transform: rotate(-45deg) translate(0, -1px);
}
/*
 * Make this absolute positioned
 * at the top left of the screen
 */
ul#menu {
  position: absolute;
  width: 126px;
  height: auto;
  margin: 7px 0 0 -130px;
  padding-bottom: 9px;
  border-style: solid;
  border-width: 0px 0px 5px 0px;
  border-color: #353535;
  -moz-box-shadow: 0px 2px 8px 0px #808080;
  -webkit-box-shadow: 0px 2px 8px 0px #808080;
  box-shadow: 0px 2px 8px 0px #808080;
  background: #F5F5F5;
  z-index: 3;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  transform-origin: 0% 0%;
  transform: translate(0%, -170%);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.2);
}
#menu li {
  margin-left: -39px;
  list-style-type: none;
}
#menu a {
  width: 165px;
  font-family: Arial, Verdana, Tahoma;
  font-size: 15px;
  color: #353535;
  text-align: center;
  display: block;
  margin-top: 7px;
  padding: 5px 0px 5px 0px;
  text-decoration: none;
  background: #FFFFFF;
}
#menu .social_group {
  width: 165px;
  height: 33px;
  padding: 0px;
  margin-top: 7px;
  margin-left: -39px;    
  background: #FFFFFF;  
}
#menu a.social {
  width: auto;
  height: 22px;
  padding: 0px;
  margin-top: 5px;
  margin-right: 20px;
  display: inline-block;
  float:none;
  clear:none;
}
#menu a.social:first-child {
  margin-left: 25px;
}
#menu a:hover {
  color: #FFFFFF;
  background: #353535;
}
#menu a.social:hover {
  background: #FFFFFF;
}
/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ ul
{
  transform: none;
}
.login_button img {
   height: 26px;
   width: 25px;
   margin: -24px 0 0 180px;
   z-index: 1;
   position: absolute;
}
#menuLoginToggle {
  display: block;
  float: right;
  margin: -23px 53px 0 0;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}
#menuLoginToggle input {
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  margin: 0 0 0 1px;
  color:black;
  cursor: pointer;
  z-index: 2; /* and place it over the hamburger */ 
  -webkit-touch-callout: none;
}
/*
 * And let's slide it in from the left
 */
#menuLoginToggle input:checked ~ ul {
  transform: none;
}
ul#menuLogin, ul#menuLogout {
  position: absolute;
  width: 225px;
  height: 135px;
  margin: 34px 0 0 -175px;
  padding-bottom: 9px;
  border-style: solid;
  border-width: 0px 0px 5px 0px;
  border-color: #353535;
  -moz-box-shadow: 0px 2px 8px 0px #808080;
  -webkit-box-shadow: 0px 2px 8px 0px #808080;
  box-shadow: 0px 2px 8px 0px #808080;
  background: #F5F5F5;
  z-index: 2;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  transform-origin: 0% 0%;
  transform: translate(0%, -170%);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.2);
}
ul#menuLogout {
  width: 225px;
  height: 90px;
  margin: 34px 0 0 -175px;  
}
#menuLogin li, #menuLogout li {
  display: inline-block;
  margin-top: 20px;
  margin-right: 5px;
  list-style-type: none;
}
#menuLogin li:first-child {
  margin-left: -27px;
  margin-right: 5px;
}
#menuLogout li:first-child {
  margin-left: -15px;
  margin-right: 50px;
}
#menuLogin li:nth-last-child(1) {
  display: block;
  margin-left: 140px;
}
input#inpEmail, input#inpPwd {
   font-family : Arial, Verdana, Tahoma;
   font-size: 12px;
   height: 25px;
   width: 90px;
   position: relative;
   cursor: auto;
   margin: 0 0 0 0px;
   padding: 0 0 0 2px;
   border: 1px solid #C5C5C5;
}
ul#menuLogin input.butSign {
   font-family : Arial, Verdana, Tahoma;
   font-size: 12px;
   color: #FFFFFF;
   height: 30px;
   width: 70px;
   line-height: 17px;
   border: 1px solid #A5A5A5;
   -moz-box-shadow: 0px 2px 6px 0px #C0C0C0;
   -webkit-box-shadow: 0px 2px 6px 0px #C0C0C0;
   box-shadow: 0px 2px 6px 0px #C0C0C0;   
   -moz-border-radius: 1px;
   -webkit-border-radius: 1px;
   border-radius: 1px;
   text-decoration: none;
   background: #991f00;
}
ul#menuLogin p#forgotpwd {
   margin: -10px 0 0 -12px;
}
ul#menuLogin p#notreg {
   margin: 5px 0 0 -12px;
}  
ul#menuLogin a {
   font-family : Arial, Verdana, Tahoma;
   font-size: 13px;
   color: #0066cc;
   text-decoration: none;   
}
ul#menuLogin a:hover {
   text-decoration: underline;
}
ul#menuLogin span.PPandTU, ul#menuLogout span.PPandTU {
   float: left;
   margin-top: 15px;
   margin-left: -30px;
}
ul#menuLogout span.PPandTU {
   margin-top: 15px;
   margin-left: -32px;
}
ul#menuLogin span.PPandTU a, ul#menuLogout span.PPandTU a {
   font-family : Arial, Verdana, Tahoma;
   font-size: 13px;
   color: #353535;
   text-decoration: none;   
}
ul#menuLogin span.PPandTU a:hover, ul#menuLogout span.PPandTU a:hover {
   text-decoration: underline;
}
ul#menuLogin span.closeForm, ul#menuLogout span.closeForm {
   float: right;
   margin-top: 15px;
   margin-right: 10px;
}
ul#menuLogin span.closeForm a, ul#menuLogout span.closeForm a {
   font-family : Arial, Verdana, Tahoma;
   font-size: 12px;
   padding: 2px 4px 2px 4px;
   color: #F5F5F5;
   text-decoration: none;
   border: 1px solid #A5A5A5;
   -moz-box-shadow: 0px 2px 6px 0px #C0C0C0;
   -webkit-box-shadow: 0px 2px 6px 0px #C0C0C0;
   box-shadow: 0px 2px 6px 0px #C0C0C0;   
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   text-decoration: none;
   background: #353535;  
}
ul#menuLogin span.closeForm img, ul#menuLogout span.closeForm img {
  margin: 0 5px 0 0;
}
.main_container, .page_container, .top_page_container {
    width: 315px;
    background: #FFFFFF;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #D0D0D0;
    margin-bottom: 10px;
    padding-bottom: 5px;
    z-index: 1;
}
.page_container {
    width: 313px;
    padding-bottom: 5px;
}
.top_page_container {
    width: 313px;
    margin-top: -3px;
    padding-bottom: 0px;    
}
a.sub_main_container {
  text-decoration: none;
}
a.sub_main_container p {
  font-family : Arial, Verdana, Tahoma;
  font-size: 16px;
  font-weight: normal;
  color: #353535;
  padding: 0 5px 10px 10px;
  margin: -5px 0 -5px 0;
}
a.sub_main_container:hover {
  text-decoration: none;
}
.img_main_container_about, .img_main_container_homilies, .img_main_container_prayers, 
.img_main_container_novenas, .img_main_container_events {
    height: 180px;
    margin-bottom: 10px;
    background: url(../../images/IMG14_small_iPhone5.png) no-repeat center;
}
.img_page_container_about {
    height: 110px;
    background: url(../../images/IMG14_Xsmall_iPhone5.png) no-repeat center 10px;    
}
.img_main_container_homilies {
    background: url(../../images/jesus_presentation_small_iPhone5.png) no-repeat center;
}
.img_page_container_homilies {
    height: 110px;
    background: url(../../images/jesus_presentation_Xsmall_iPhone5.png) no-repeat center;    
}
.img_main_container_prayers {
    background: url(../../images/jesus_children_small_iPhone5.png) no-repeat center;
}
.img_main_container_novenas {
    background: url(../../images/nativity_scene_small_iPhone5.png) no-repeat center;
}
.img_main_container_events {
    background: url(../../images/jesus_merchants_small_iPhone5.png) no-repeat center;
}
.main_container p#title {
  font-family: Arial, Verdana, Tahoma;
  font-size: 18px;
  color: #FFFFFF;
  height: 39px;
  line-height: 20px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 5px 0 5px 10px;
  background: #0F4080;
}
#scheduleMass p#subtitle {
  font-family: Arial, Verdana, Tahoma;
  font-size: 16px;
  color: #353535;
  font-weight: bold;
  height: 27px;
  line-height: 25px;
  margin: 0;
  margin-top: 5px;
  padding: 0;
  text-align: center;
  background: #F0F0F0;
}
#scheduleMass p#subtitle:first-child {
  margin-top: 0;
}
#scheduleMass ul {
  margin: 10px 5px 5px 10px;
  list-style-type: none;
}
#scheduleMass ul li {
  font-family: Arial, Verdana, Tahoma;
  font-size: 16px;
  color: #606060;
  line-height: 18px;  
  margin: 6px 0 0 -15px;
}
#scheduleMass li a {
  font-family: Arial, Verdana, Tahoma;
  font-size: 14px;
  color: #0F4080;
  line-height: 15px;
  margin: 0 0 0 -15px;
  text-decoration: none;
}
#scheduleMass li a:hover {
  text-decoration: underline;
}
#scheduleMass ul img {
  margin: 0 5px 0 -20px;
  border: none;
}
p.footerline {
    width: 310px;
    font-family : Arial, Verdana, Tahoma;
    font-size: 12px;
    line-height: 14px;
    color: #353535;
    text-align: center;
    margin: 0 auto;
    margin-top: -10px;
    margin-bottom: 5px;
}
.callout_container {
    width: 240px;
    background: #FFFFFF;
    padding-bottom: 5px;
    z-index: 5;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -120px;
   -moz-box-shadow: rgba(0, 0, 0, 0.8) 0px 22px 70px 4px;
   -webkit-box-shadow: rgba(0, 0, 0, 0.8) 0px 22px 70px 4px;
   box-shadow: rgba(0, 0, 0, 0.8) 0px 22px 70px 4px;  
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   border-radius: 6px;    
}
.callout_container p {
    font-family : Arial, Verdana, Tahoma;
    font-size: 14px;
    color: #353535;
    margin: 10px 0 0 12px;
}
.callout_container h5 {
    font-family : Arial, Verdana, Tahoma;
    font-size: 15px;
    color: #F5F5F5;
    background: #800437;
    margin: 0;
    padding: 5px 0 5px 8px;
}
.callout_container a.butOK, ul#menuLogout a.butOK, #menuLogout a.butACCT {
   font-family : Arial, Verdana, Tahoma;
   font-size: 13px;
   color: #FFFFFF;
   height: 20px;
   width: 45px;
   text-align: center;
   padding-top: 5px;
   border: 1px solid #A5A5A5;
   -moz-box-shadow: 0px 2px 6px 0px #C0C0C0;
   -webkit-box-shadow: 0px 2px 6px 0px #C0C0C0;
   box-shadow: 0px 2px 6px 0px #C0C0C0;   
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   text-decoration: none;
   background: #ff8000;
   float: right;
   margin: 0 10px 5px 0;
   cursor:pointer;
}
ul#menuLogout a.butOK, #menuLogout a.butACCT {
   font-size: 13px;
   height: 20px;
   width: 75px;
   line-height: 15px;
}
#menuLogout a.butACCT {
   background: #800437;  
}
ul#menuLogout a.butOK:hover, #menuLogout a.butACCT:hover {
   text-decoration: none;   
}
.screen_cover {
      position:fixed;
      top:0;
      left:0;
      background: rgba(240,240,240,0.7);
      z-index: 4;
      width:100%;
      height:100%;
      display: block;
}
#makePage {
  font-family: Arial, Verdana, Tahoma;
  font-size: 14px;
  color: #353535;
  margin: 15px 15px 15px 15px;
}    
#makePage label#date {
  font-family : Tahoma, Arial, Helvetica, Lucida sans, sans-serif;
  font-size: 18px;
  color: #0090FF;
  margin: 0 0 0 5px;
}
#makePage #monthScroll {
  margin: 5px 0 0 185px;
  position: absolute; 
}
#makePage #homilieScroll {
  margin: 20px 0 55px 0;
}
#makePage #monthPrev, #makePage #homiliePrev {
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;    
}
#makePage #homiliePrev {
  margin: 0 0 0 -5px;
}
#makePage #monthNext, #makePage #homilieNext {
  margin: 0 0 0 55px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;     
}
#makePage #homilieNext {
  margin: 0 0 0 238px;
}
#makePage a.activeScroll, #makePage a.passiveScroll {
  font-family : Arial, Verdana, Tahoma;
  font-size: 12px;
  color: #3366FF;
  line-height: 20px;
  height: 20px;
  width: 40px;
  padding: 0 0 0 7px;
  cursor: pointer;
  position: absolute;
  border: 1px solid #C5C5C5;
  text-decoration: none; 
}
#makePage a.activeScroll {   
  background: url(../../images/bg_mostbox30.png) top repeat-x;
}
#makePage a.passiveScroll {
  cursor: default;
  color: #A0A0A0;
}
#makePage a.prevTitle, #makePage a.nextTitle {
  font-family: Arial, Verdana, Tahoma;
  font-size: 12px;
  position: absolute;
  width: 83px;
  color: #3366FF;
  background: #F0F0F0;
  text-decoration: none;
}
#makePage a.prevTitle {
  padding: 3px 0 3px 5px;
  text-align: left;   
  margin: -5px 0 5px 50px;
}
#makePage a.nextTitle {
  padding: 3px 5px 3px 0;
  text-align: right;
  margin: -5px 0 5px 145px;
}
#makePage a.prevTitle:hover, #makePage a.nextTitle:hover {
  text-decoration: underline;
}
#makePage a#intSign, #makePage a#intReg {
  font-family: Arial, Verdana, Tahoma;
  font-size: 14px;  
  color: #D80000;
  cursor: pointer;  
  text-decoration: none;
}
#makePage a#intSign:hover, #makePage a#intReg:hover {
  text-decoration: underline;
}
#makePage p#msg {
  font-family: Arial, Verdana, Tahoma;
  font-size: 14px;
  color: #353535; 
  line-height: 15px;
  margin-top: 20px;
}
#makePage p#tnx {
  font-family: Arial, Verdana, Tahoma; 
  font-size: 16px;
  color: #454545;
  margin-bottom: -5px;
}
#makePage ul {
  margin: -1px 0 0 -20px;
  list-style-type: disc;
}
#makePage ul li {
  font-size: 12px;
  line-height: 18px;
  margin: 10px 0 0 0;     
}
#makePage li a {
  font-family : Tahoma, Arial, Helvetica, Lucida sans, sans-serif;
  font-size: 16px;
  color: #0090FF;
  line-height: 23px;
  text-decoration: none;
}
#makePage ul a:hover {
  text-decoration: underline;
}
#makePage li img {
  margin: 0 5px 0 12px;
  padding-left: 12px;
  border-left: 1px dotted #C0C0C0;
}
#makePage ul li p.headline {
  font-family: Tahoma, Arial, Helvetica, Lucida sans, sans-serif; 
  color: #353535;
  font-size: 14px;
  line-height: 14px;
  margin: 4px 0 -1px 0px;
  padding: 2px 5px 5px 5px;
  border-left: 3px solid #888888;  
  background: #F9F9F9;
}
#makePage ul li a.headline {
  font-family: Tahoma, Arial, Helvetica, Lucida sans, sans-serif; 
  font-size: 14px;
  color: #FF6633;
  line-height: 16px; 
  margin: 0 0 0 5px;
  text-decoration: none;  
}
#makePage ul li a.headline:hover {
  text-decoration: underline;  
}
#makePage a#backTop {
  font-family: Arial, Verdana, Tahoma;
  font-size: 14px;
  color: #0090FF;
  float: right;
  text-align: right;
  margin: 10px 10px 0 0;
  padding-left: 16px;
  text-decoration: none;
  background: url(../../images/up_black.png) left no-repeat;
}
.warnReadGospel {
  font-family : Arial, Verdana, Tahoma;
  font-size: 13px;
  color: #990000;  
  line-height: 17px;
  min-height: 18px;
  margin: 10px 0px 5px 0px;
  padding: 10px 5px 10px 12px;
  border: 1px solid #CC0000;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;  
  background: #FFFF99;  
}
.warnReadGospel a img {
 float: right;
 margin: -5px 0px 0 0;
 padding: 1px;
 border: 1px solid transparent;
 cursor: pointer; 
}
.warnReadGospel a img:hover {
 border: 1px solid #CC0000;
}
#makePage h5, h4, h3, h2, h1 {
  font-family : Tahoma, Arial, Helvetica, Lucida sans, sans-serif;
  font-size: 18px;
  line-height: 15px;
  font-weight: normal;
  color: #0090FF;
}
#makePage h4 {
  font-family : Tahoma, Arial, Helvetica, Lucida sans, sans-serif;
  font-size: 18px;
  font-weight: normal;
  line-height: 18px;
  color: #0F4080;
  height: 22px;
  margin: 35px 0 0 0;
  border-bottom: 1px dotted #C0C0C0;  
}
#makePage h3 {
  font-size: 20px;
  line-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#makePage h2 {
  font-size: 17px;
  margin: 20px 0 0 0;
  line-height: 17px;  
  padding: 0 0 0 5px;
  border-left: 5px solid #0090FF;
}
#makePage h1 {
  font-size: 15px;
  font-weight: bold;
  line-height: 15px;
  color: #353535;
  margin: 15px 0 0 0;    
}
#makePage dd {
  width: 98%;
  font-size: 13px;
  margin: 10px 0 0 0;    
  padding-bottom: 5px;
  border-bottom: 1px dotted #C0C0C0;
}
#makePage dd img {
  margin: 0 5px 0 5px;
  padding-left: 7px;
  border-left: 1px dotted #C0C0C0;
}
#makePage a#listenHom, #makePage a#readHom {
  font-family: Arial, Verdana, Tahoma; 
  float: left;
  font-size: 14px;  
  color: #0F4080;    
  margin: 8px 0px 0 5px;
  padding-left: 18px;
  border-right: 0px dotted #C0C0C0;  
  text-decoration: none;
  background: url(../../images/flash_player.png) left no-repeat;
}
#makePage a#readHom {
  margin: 8px 0px 0 0px;
  border-right: 1px dotted #C0C0C0;    
  background: url(../../images/read_homily.png) left no-repeat;
}
#mediaPlayer_iPhone {
  float: right;
  margin: 10px -14px -5px 0px;
  padding: 3px 0px 0px 0px;
  border: 1px solid #D0D0D0;
}
#makePage p.read {
  font-family: Arial, Verdana, Tahoma;
  font-size: 15px;
  color: #353535; 
  line-height: 20px;
  margin: 12px 0 10px 0;
}
#acknowledge {
  font-family: Arial, Verdana, Tahoma;
  font-size: 13px;
  color: #353535;
  margin: 20px 0px 0 0px;
  border: 1px solid #F0F0F0;
  background: url(../../images/bg_acknowledge.png) repeat-x;
}
#acknowledge h2 {
  font-family : Tahoma, Arial, Helvetica, Lucida sans, sans-serif;
  font-size: 17px;
  width: 128px;
  line-height: 12px;
  font-weight: normal;
  color: #0F4080;
  margin: 6px 0 0 7px;
  padding: 0 0 5px 3px;
  border-left: 0px;  
  border-bottom: 0px solid #0090FF;
}
#acknowledge ul {
  margin: 17px 0 0 -15px;
  padding-bottom: 20px;
  list-style-type: disc;
}
#acknowledge ul li {
  font-family: Arial, Verdana, Tahoma;
  font-size: 15px;
  color: #353535;
  margin: -5px 0 0 0px;  
}
#acknowledge p, #acknowledge li p#downldBox, #acknowledge li p.downldBox {
  font-family: Arial, Verdana, Tahoma;
  font-size: 13px;
  line-height: 16px;  
  color: #505050;
  font-weight: normal;  
  margin: 12px 8px 15px 13px;
}
#acknowledge li p#downldBox, #acknowledge li p.downldBox {
  font-size: 14px;
  margin: 10px 0 0 -5px;
}
#acknowledge li img#downldPng {
  margin: 7px 2px -2px -5px;
  border: 0px;
}
#acknowledge li img#sharePng {
  margin: 7px 2px -2px -3px;
  border: 0px;
}
#acknowledge a.mp3downld {
  font-family: Arial, Verdana, Tahoma;
  font-size: 14px;
  color: #3366FF;
  text-decoration: none;
}
#acknowledge a.socialweb img {
  margin: 0px 0px -3px -6px;
  border: 0px;
}
#acknowledge a.mp3downld:hover {
  text-decoration: underline; 
} 
#topAccordeon, #yourFavs {
  margin: 0;
  height: auto;
  margin-bottom: -12px; 
}
#topAccordeon #years, #yourFavs #years {
  height: 22px;
  width: auto;
  margin: 15px 0 10px 0; 
  border-style: solid;
  border-width: 0 0 1px 0;  
  border-color: #C5C5C5;    
}
#topAccordeon .yearLeft, #yourFavs #homFavs {
  margin: 0 0 0 20px;
}
#topAccordeon .yearMid, #yourFavs #prayFavs {
  margin: 0 0 0 3px;
}
#topAccordeon .yearRight {
  margin: 0 0 0 3px;
}
a.active, a.passive, a.activeFavs, a.passiveFavs {
  font-family : Arial, Verdana, Tahoma;
  font-size: 18px;
  color: #3366FF;
  width: 42px;
  padding: 2px 5px 3px 5px;
  cursor: default;
  border-style: solid;
  border-color: #C5C5C5;
  border-width: 1px 1px 0px 1px;
  background: #FFFFFF;
  text-decoration: none;
}
a.activeFavs {  
  padding: 2px 5px 2px 5px;  
}
a.active, a.activeFavs {  
  background: url(../../images/bg_mostbox25.png) top repeat-x;  
}
a.passive, a.passiveFavs {
  padding: 2px 5px 0px 5px;
  cursor: default;
  color: #A0A0A0;
  border: 1px solid #D0D0D0;
}
a.passive:hover, a.passiveFavs:hover {
  color: #3366FF;
  cursor: pointer;
  background: url(../../images/bg_mostbox25.png) top repeat-x;
}
#yourFavs p.statNoResult {
  font-family : Arial, Verdana, Tahoma;
  font-size: 14px;
  color: #A5A5A5; 
  margin: 15px 0 10px 10px;
}
#yourFavs ul.statResult {
  margin: 0;
  margin: 0 0 -5px -20px;
  list-style-type: disc;
}
#yourFavs ul.statResult li {
  font-family : Arial, Verdana, Tahoma;
  font-size: 11px;
  color: #353535;
  padding-left: 5px; 
  margin: 0 0 0 -5px;
}
#yourFavs ul.statResult a {
  font-family : Arial, Verdana, Tahoma;
  font-size: 16px;
  color: #3366FF;
  margin: 0 0 0 -3px;
  text-decoration: none;
}
#yourFavs ul.statResult a:hover {
  text-decoration: underline;
}  
#topAccordeon p.month {
  font-family : Tahoma, Arial, Helvetica, Lucida sans, sans-serif;
  font-size: 16px;
  color: #0F4080;
  height: 20px;
  line-height: 16px;
  width: auto;   
  text-align: center;   
  margin: 1px 0 1px 0;
  cursor: pointer;
  background: url(../../images/expand.png) left no-repeat;
  background-position: 3px;
}
#topAccordeon p.month:hover {
  background-position: 3px;
  text-decoration: underline;
}
#topAccordeon label.bracket, #topAccordeon label.rowCount {
  font-family : Tahoma, Arial, Helvetica, Lucida sans, sans-serif;
  font-size: 15px;
  color: #0F4080; 
}
#topAccordeon label.rowCount {
  color: #3366FF; 
}
#topAccordeon ul.homilies {
   text-align: left;
   margin: 5px 0 5px 10px;
   list-style-type: disc;
}
#topAccordeon ul.homilies li {
  color: #353535; 
  margin: 0 0 -3px 0;
}
#topAccordeon ul.homilies li:first-child {
  margin: 3px 0 -3px 0;
}
#topAccordeon ul.homilies li:last-child { 
  margin: 0 0 3px 0;
}
#topAccordeon ul.homilies a {
  font-family : Arial, Verdana, Tahoma;
  font-size: 15px;
  color: #0090FF;
  text-decoration: none;
}
#topAccordeon ul.homilies a:hover {
  text-decoration: underline;
}
#topAccordeon ul.homilies p.accordNoResult, #yearList p.accordNoResult {
  font-family : Arial, Verdana, Tahoma;
  font-size: 13px;
  color: #A5A5A5;
  text-align: left;
  margin: 5px 0 5px -20px;  
 }
#archiveResults {
 margin-top: -5px;
 } 
 .archiveBox {
  width: 297px;
  height: auto;
  margin: 25px 0 10px -8px;
  padding: 0 0 0 0;
  border: 1px solid #D0D0D0;
  background: #F0F0F0;
  z-index: 2;
}
.archiveBox label.Monat, .archiveBox label.Jahr {
  font-family: Arial, Verdana, Tahoma;
  font-size: 13px;
  font-weight: bold;
  color: #353535;
  margin: 0 2px 0 12px;
}
.archiveBox label.Jahr {
  margin: 0 2px 0 16px;
}
.archiveBox select.Month, .archiveBox select.Year {
  font-size: 14px;  
  color: #353535;
  height: 25px;
  width: 90px;
  margin: 10px 0px 10px 0px;
  padding: 0 0 0 5px;
  border: 1px solid #C0C0C0;
}
.archiveBox select.Year {
  width: 70px;
  margin: 10px 0px 10px 0px;
}
.archiveBox input.Submit {
  color: #F5F5F5;
  letter-spacing: 1px;
  height: 25px;
  width: 90px;
  cursor: pointer;
  margin: 5px 0px 10px 195px;
  padding: 0 0 0 5px;
  border: 1px solid #C0C0C0;
  background: url(../../images/bg_subbutton30.png) repeat;
 }
.archiveBox input.Submit:hover {
   background: url(../../images/bg_subbutton30d.png) repeat;
 }
#makePage p.img_left, #makePage p.img_left_boat, #makePage p.img_center {
  font-family: Arial, Verdana, Tahoma;
  font-size: 12px;
  color: #888888;
  float: left;
  width: 136px;
  margin: 18px 25px 5px 0;
  padding-bottom: 6px; 
}
#makePage p.img_left img {
  width: 136px;
  height: 167px;
  padding-bottom: 6px; 
}
#makePage p.img_center {
  width: 285px;
  float: none;
}
#makePage p.img_center img {  
  width: 285px;
  padding-bottom: 6px;   
}
#makePage p.img_left_boat {
  width: 136px;
}
#makePage p.img_left_boat img {
  height: 408px;  
  width: 136px;
  padding-bottom: 6px; 
}
.constituteSVD {
  margin: 0px 0 25px 0;  
}
.constituteSVD p.title {
  font-family : Tahoma, Arial, Helvetica, Lucida sans, sans-serif;
  font-size: 14px;
  color: #FFFFFF;  
  font-weight: bold;
  height: 19px;
  line-height: 19px;
  text-align: center;
  width: 190px;
  margin: 0;
  padding: 5px;
  background: #0F4080;  
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;  
}
.constituteSVD p#subtitle {
  font-family: Arial, Verdana, Tahoma;
  font-size: 13px;
  color: #353535;  
  line-height: 18px;
  text-align: left;
  margin-top: 0;
  padding: 8px 10px 10px 10px;
  background: #F0F0F0;  
 }   
}