#gisu {
  text-align:center;
  min-height:200px;
}

#gisu table.stage {
  padding:5px;
  text-align:left;
  margin-left:auto;margin-right:auto;
}

#gisu table.stage td {
  vertical-align:top;
}

#gisu input[type="text"], #gisu textarea, #gisu select {
  padding:3px;
  border-radius:3px;
  margin:2px;
  width:260px;
  box-sizing:content-box;
  background-color:#fff;
}

#gisu input[type="radio"] {
  margin:0 8px 8px 0;
}

#gisu textarea {
  height:80px;
}

#accommhint {
  width:370px;
  margin:3px;
  padding:3px;
  border-left:1px solid #e15e15;
}

#gisu table#courselist {
  width:100%;
  max-width:100%;
}

#gisu table#courselist td {
  padding:5px;
  width:auto;
  border-radius:15px;
  position:relative;
}

#gisu table#courselist td.day {
  text-align:center;
  width:30px;
  font-size:110%;
  vertical-align:top;
}

#gisu a.gibutton {
  background-color:#0897e3;
  color:#fff;
  font-size:18px;
  font-weight:bold;
  border-radius:3px;
  margin:1px;
  display:inline;
  padding:10px;
  border:1px solid #0897e3;
}

#gisu a.gibutton:hover {
  background-color:#fff;
  color:#0897e3;
  border:1px solid #0897e3;
  text-decoration:none;
}

#gisu a.gibutton:active {
  position:relative;
  top:2px;
}

#gisu_2, #gisu_3 {
  display:none;
}

#gisu table.stage td.buttonbottom {
  padding:5px;
}

#gisu table.stage td.buttonbottom input.gisu_button {
  clear:none;
  display:inline;
  padding:5px;
  margin:10px 30px;
  font-size:120%;
  font-weight:bold;
  color:#333;
}

#gisu_sum_label {
  font-weight:bold;
  font-size:120%;
}

#courselist tr.courseline td {
  padding:0;
}

#courselist tr.courseline td div.course_description {
  border:1px solid #ccc;
  box-shadow:1px 1px 1px #666;
  background-color:#fff;
  margin:0px;
  margin-bottom:5px;
  padding:5px;
  text-align:justify;
  border-radius:5px;
  overflow:auto;
  clear:left;
  z-index:100;
}

#gisu #courselist tr.courseline td div.course_description p{
  padding-bottom:1px;
}

#gisu #courselist td.curlyprice {
  vertical-align:middle;
  font-size:120%;
  font-weight:bold;
  background-image: url("./curly-bracket.svg");
  background-repeat: no-repeat;
  background-size: 40px 100%;
  background-position:top left;
  padding-left:45px;
  border-radius:0;
}

.gisu_date {
  color:#333;
  font-size:80%;
}

#gisu div.instructorimg {
  float:right;
}

#gisu div.instructorimg img {
  height:100px;
  width:auto;
  margin-left:15px;
  box-shadow:1px 1px 2px #000;
}

#gisu div.enrollbutton {
  float:right;
  margin-left:10px;
  background-color:#5FB72C;
  border-radius:15px;
  font-weight:bold;
  padding:10px;
}

#gisu div.enrollbutton a {
  color:#fff;
  text-shadow: 1px 1px 4px rgba(134, 88, 88, 0.66);
}

.gisu_title {
  font-size:105%;
  padding-bottom:5px;
  text-align:left;
  font-weight:bold;
}

.gisu_longdesc {
  display:none;
  border:1px solid #000;
  box-shadow:1px 1px 3px #000;
  background-color:#ccc;
  padding:10px;
  margin:10px 0;
  margin-top:20px;
}

.gisu_longdesc_link {
  text-align:center;
  height:20px;
  padding-top:0;
  padding-bottom:10px;
  margin:0;
  border: 1px solid #ccc;
  border-radius:5px;
  background-color:#fff;
  cursor:pointer;
  position:relative;
  top:0;
  z-index:99;
}

.gisu_longdesc_link .plusminus {
  font-size:200%;
  font-weight:bold;
  position:relative;
  top:5px;
}

#courselist .courseline h3 { cursor:pointer; min-height:20px; }

#courselist .courseline h3.longerbigmargin { margin: 7px; }

#gisu #courselist tr.module td:nth-child(1) {
  background-color:#fff;
  border:1px solid #ccc;
  box-shadow:1px 1px 1px #666;
  padding:5px;
  text-align:justify;
  border-radius:5px;
  overflow:auto;
  clear:left;
  width:auto;
}

.gisucalendar td { vertical-align:top; }
.gisucalendar tr:nth-child(1) td { text-align:center; }
.gisucalendar td.year { font-weight:bold; }
.gisucalendar td.month { text-align:left; padding-top:10px !important; border:none; text-decoration:underline; }
.gisucalendar td.emptyday { width:13%; border: 1px solid #ccc; min-height:36px; }
.gisucalendar td.event { background-color:lightblue; border-radius:3px; padding:2px; border:none; }