/*
Port Macquarie Hastings U3A Inc.
Copyright (C) 2022
*/
/*
    Created on : 23 Jan 2022, 6:59:53 am
    Author     : njjo
*/

h2.clsWhiteOnGreenPageBreak{
  color:white;
  background-color:darkgreen;
  margin-right:100px;
  text-align: left;
}
h2.clsCourseGroup{
  color:darkgreen;
  background-color:lightgrey;
  padding:5px;
  border:solid thin darkgreen !important;
  border-radius: 5px;
}
/*h2.clsCourseGroup span{
  font-size:smaller;
}*/
@media print{
  div.clsControls{
    visibility: hidden !important;
    display: none !important;
  }
  body{
    background-color: white !important;
  }
  div.csInsertPageBreak{
    page-break-after: always !important;
  }
  div#idPrintArea div#idShowDiv{
    display: none;
  }
  div#idPrintArea{
    width:178mm !important;
  }
  div#idPrintArea button.clsMoreInfoButton{
    display:none;
  }
  h2.clsWhiteOnGreenPageBreak,h2.clsCourseGroup{
    color:black;
    background-color:whitesmoke;
  }
}
/*end media print*/

div#idPrintArea div#idShowDiv{
  border:solid thin green !important;
  padding:5px;
  border-radius:8px;
}
div#idPrintArea button.clsMoreInfoButton{
  font-weight: bold;
  color:green;
  border:solid 3px darkgreen !important;
  border-radius: 8px;
  font-size:16px;
}
div.clsButton{
  border:solid 3px transparent !important;
  border-radius: 8px;
}
div.clsButton:hover, button.clsMoreInfoButton:hover{
  border:solid 3px red !important;
}

body{
  padding:8px;
  width:95%;
  margin-left: auto;
  margin-right: auto;
  font-size:12pt;
}
.clsBold{
  font-weight: bold;
}
/** controls **/
div.clsControls{
  text-align: center;
}
div.clsControls:first-of-type{
  margin-bottom: 10px;
}
div.clsControls:last-of-type{
  margin-top: 10px;
}
div.clsControls button{
  color:navy;
  font-size:40px;
  border:solid thin navy;
  border-radius:8px;
  padding:5px;
  background-color: transparent !important;
}
div.clsControls button img{
  width:32px;
}
div.com-wrapper{
  padding:8px;
  width:100%;
  margin-left: auto;
  margin-right: auto;
}
ul.clsLiNoBullet{
  list-style-type: none;
  padding:0px;
}

div#idNotices{
  padding: 2px;
  margin:0px;
}
div#idNotices p,
div#idNotices ul{
  margin:2px;
}
div#idNotices div.clsTerms{
  width:40%;
  margin-left:auto;
  margin-right: auto;
  text-align: center;
}
div#idNotices div.clsTerms h2{
  margin-top: 5px;
  margin-bottom: 5px;
}
div#idNotices div.clsTerms p:first-of-type{
  font-weight:bold;
}
h1.clsSetHeader{
  margin-top:5px;
  margin-bottom: 5px;
}
div#idPrintArea{
  border-radius:8px;
  border:solid thin grey !important;
  margin-top:0px;
  margin-bottom: 5px;
  padding:5px;
}

div#idPrintArea div#idHeader{
  display: inline-block;
  width:100%;
  /*page-break-after: avoid !important;*/
}
div#idPrintArea div#idHeader div#idLogo{
  display: inline-block;
}
div#idPrintArea div#idHeader div.clsAddress{
  display: inline-block;
  float: right;
}
div#idPrintArea div.clsCourses{
  width:100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
div#idPrintArea div.clsCourses h1{
  text-transform: uppercase;
  font-weight: bold;
  margin-top:10px;
  margin-bottom: 5px;
}
div#idPrintArea p.clsCourseLine{
  margin-bottom: 5px;
}
div#idPrintArea span.clsSpanDescription{
  border-radius: 5px;
  font-size: large;
  font-weight: bold;
  padding:2px;
  color:navy;
  margin: 8px 8px 8px 0px;
}

div#idPrintArea h2.clsDayofWeek{
  text-align: center;
}
span.clsSpanClassHeader{
  font-weight: bold;
  margin-right: 8px;
}
span.clsCourseDayofWeek{
  color:darkgreen;
  border:solid thin darkgreen !important;
  border-radius: 4px;
  padding-left:4px;
  padding-right: 4px;
  font-weight: bolder;
}
div#idPrintArea h2,
div#idPrintArea p{
  margin:1px;
}
div.clsDayContainer{
  background-color:gold !important;
  /*page-break-before: always !important;*/
}
div#idPrintArea p.clsComments{
  padding-top:0px;
  padding-bottom: 0px;
  border:solid thin green !important;
  padding:5px;
  border-radius:8px;
}


div#idPrintArea p.clsCourseClosed,
div#idPrintArea p.clsCourseWaiting,
div#idPrintArea p.clsCourseFinished{
  text-align: center;
  font-weight:bold;
  font-size:larger;
  margin-top:5px !important;
  padding:2px;
  border-radius:2px;
  margin-left:auto !important;
  margin-right:auto !important;
}
div#idPrintArea p.clsCourseClosed{
  color:red;
  border:solid thin red;
  width:80%;
}
div#idPrintArea p.clsCourseWaiting{
  color:#099268;
  border:solid thin darkgreen;
  width:50%;
}
div#idPrintArea p.clsCourseFinished{
  color:darkorange;
  border:solid thin darkorange;
  width:60%;
}
div#idPrintArea h1.clsThisGroupHeader{
  border:solid medium navy !important;
  padding-left:5px;
  margin-top:2px;
  margin-bottom: 2px;
}
div#idPrintArea div.clsCourses h1#idCoursesHeader{
  text-transform: uppercase;
  font-weight: bold;
}
div#idPrintArea div.clsClassOnDay{
  border:solid 2px  darkgreen;
  border-radius: 5px;
  margin-top:0px;
  margin-bottom: 2px;
  padding:1px;
  page-break-inside: avoid !important;
}
div#idPrintArea div.clsClassOnDay h2{
  text-align: center;
  border-radius: 5px;
  border:solid thin grey !important;
    
}
div#idPrintArea div.clsClassOnDay h2,
div#idPrintArea div.clsClassOnDay p{
  margin:1px;
}
div#idPrintArea div.clsClassOnDay p.clsCourseClosed,
div#idPrintArea div.clsClassOnDay p.clsCourseWaiting,
div#idPrintArea div.clsClassOnDay p.clsCourseFinished{
  text-align: center;
  font-weight:bold;
  font-size:larger;
  margin-top:5px !important;
  padding:2px;
  border-radius:2px;
  margin-left:auto !important;
  margin-right:auto !important;
}
div#idPrintArea div.clsClassOnDay p.clsCourseClosed{
  color:red;
  border:solid thin red;
  width:80%;
}
div#idPrintArea div.clsClassOnDay p.clsCourseWaiting{
  color:#099268;
  border:solid thin darkgreen;
  width:50%;
}
div#idPrintArea div.clsClassOnDay p.clsCourseFinished{
  color:darkorange;
  border:solid thin darkorange;
  width:60%;
}