body {
   text-align: center; margin: 20px; padding: 0px;
   font-family: 'Verdana', 'Arial', sans-serif;
}

#containerHeader h1 {
   display: block;
   font-family: 'Times', serif;
   font-weight: normal;
   font-size: 48px;
   text-shadow: 4px 4px 4px #aaa;
   padding: 0px;
   margin: 0px 0px 0px 0px;
}
#containerHeader h2 {
   display: block;
   color: #b0b0b0;
   font-family: 'Times', serif;
   font-weight: bold;
   font-size: 28px;
   text-shadow: 4px 4px 4px #ccc;
   padding: 0px;
   margin: 0px 0px 30px 0px;
}

#containerContent {
   box-sizing: border-box;
   clear: both;
   display: table;
   width: 100%;
}

#containerBottom {
   margin: 10px;
   padding-top: 10px;
   border-top: #aaaaaa 1px solid;
}

.containerList {
   box-sizing: border-box;
   float: left;
   margin: 10px;
   padding: 10px;
   width: 98%;

   border: #ff0000 1px solid;
}

@media only screen and (min-width: 1050px) {
  .containerList {

     width: 48%;
  }
}

@media only screen and (min-width: 1600px) {
  .containerList {

     width: 32%;
  }
}

.containerList h1 {
   display: block;
   font-size: 26px;
   font-weight: bold;
}

.containerList hr {
   display: block;
   margin-top: 15px;
   margin-bottom: 25px;
   box-shadow: none;
   border: #ff0000 1px solid;
}

.containerList h2 {
   display: block;
   font-size: 20px;
   font-weight: normal;
   height: 50px;
   border-bottom: #ff0000 1px solid;
}

.containerList button {
   display: inline-block;
   font-size: 20px;
   font-weight: normal;
   box-sizing: border-box;
   height: 30px;
   margin-bottom: 10px;
}

.containerList label {
   display: inline-block;
   font-size: 20px;
   font-weight: normal;
   box-sizing: border-box;
   min-height: 30px;
   margin-bottom: 10px;
}

.containerList input {
   display: inline-block;
   font-size: 18px;
   font-weight: normal;
   font-family: inherit;
   box-sizing: border-box;
   height: 30px;
   border: #aaaaaa 1px solid;
   margin-bottom: 10px;
}

.containerList textarea {
   display: inline-block;
   font-size: 18px;
   font-weight: normal;
   font-family: inherit;
   box-sizing: border-box;
   height: 10em;
   resize: none;
   border: #aaaaaa 1px solid;
   margin-bottom: 10px;
}

#containerRequestStep2,
#containerRequestStep3,
#containerRequestStep4,
#containerRequestStep5 {
   display: none;
}



.containerFlex {
   display: flex;
   align-items: stretch;
   text-align: left;
}

.containerFlex .containerFlexFiller {
   flex: 1 0;
}

.containerFlex .containerFlexFiller>* {
   width: 100%;
}

.containerFlex .containerFlexDivider {
   display: flex;
   justify-content: space-between;
}

#containerSearchResults {
   box-sizing: border-box;
   padding: 5px;
   max-height: 400px;
   border: #aaaaaa 1px solid;
   overflow-y: auto;
   overflow-x: hidden;
   margin-bottom: 10px;
}

#containerRequestSelected {
   margin-bottom: 10px;
}


.zrmItem {
   position: relative;
   clear: both;
   display: table;
   box-sizing: border-box;
   width: 100%;
   text-align: left;
   margin-bottom: 5px;
}

.zrmItem h3 {
   float: left;
   font-family: 'Times', serif;
   font-weight: normal;
   font-size:54px;
   text-shadow: 4px 4px 4px #aaa;
   padding: 0px 10px 0px 8px;
   margin: 0px 0px -5px 0px;
}

.zrmItem h4 {
   font-family: 'Times', serif;
   font-weight: normal;
   font-size: 22px;
   text-shadow: 4px 4px 4px #aaa;
   padding: 8px 0px 0px 8px;
   margin: 0px 0px -5px 0px;
}

.zrmItem h5 {
   font-family: 'Arial', sans-serif;
   font-weight: normal;
   font-size: 16px;
   text-shadow: 4px 4px 4px #aaa;
   padding: 8px 0px 0px 12px;
   margin: 0px 0px 0px 0px;
}

.scheduleTime {
   display: block;
   margin: 0px 0px 0px 0px;
   float: left;

}

.zrmItem h6 {
   font-family: 'Arial', sans-serif;
   font-weight: bold;
   font-size: 14px;
   text-shadow: 4px 4px 4px #aaa;
   padding: 8px 0px 0px 10px;
   margin: 0px 0px 0px 0px;
   color: #dd0000;
}

.zrmItem img {
   float: right;
   width: 100px;
   min-height: 100px;
   border: #bbbbbb 1px solid;
   margin: 5px 5px 5px 10px;
}

.zrmItemNow {
   border: #00ff00 1px solid;
}

.zrmItemNext {
   border: #0000ff 1px solid;
}


.zrmItemChartNr1 {
   border: #777777 1px solid;
   background-image: url("ItemChartNr1.png");
   background-repeat: no-repeat;
}
.zrmItemChartNr2 {
   border: #777777 1px solid;
   background-image: url("ItemChartNr2.png");
   background-repeat: no-repeat;
}
.zrmItemChartNr3 {
   border: #777777 1px solid;
   background-image: url("ItemChartNr3.png");
   background-repeat: no-repeat;
}
.zrmItemChartNr4 {
   border: #777777 1px solid;
   background-image: url("ItemChartNr4.png");
   background-repeat: no-repeat;
}
.zrmItemChartNr5 {
   border: #777777 1px solid;
   background-image: url("ItemChartNr5.png");
   background-repeat: no-repeat;
}

.itemOptionsBox {
   display: block;
   margin: 10px 0px 0px 0px;


}

.voteBox {
   display: block;
   /* position: absolute;
   top: 30px;
   right: 120px; */
   width: 90px;
   height: 40px;
   float: right;
   margin: 0px 0px 5px 0px;
}

.voteUp {
   display: block;
   /* position: absolute;
   top: 30px;
   right: 155px; */
   width: 30px;
   height: 30px;
   float: right;
   background-image: url("thumb-up.gif");
   background-size: contain;
   background-repeat: no-repeat;
   margin: 0px 0px 10px 10px;
   cursor: pointer;
}

.voteDown {
   display: block;
   /* position: absolute;
   top: 30px;
   right: 120px; */
   width: 30px;
   height: 30px;
   float: right;
   background-image: url("thumb-down.gif");
   background-size: contain;
   background-repeat: no-repeat;
   margin: 10px 0px 0px 10px;
   cursor: pointer;
}

.smileThanks {
   display: block;
   /* position: absolute;
   top: 33px;
   right: 116px; */
   width: 70px;
   height: 60px;
   float: right;
   background-image: url("smile-thanks.gif");
   background-size: contain;
   background-repeat: no-repeat;
   margin: -10px 0px 5px 10px;
}

.requestButton {
   display: block;
   height: 30px;
   float: right;
   margin: 4px 0px 10px 10px;
   cursor: pointer;
}

.requestInfoBox {
   display: block;
   box-sizing: border-box;
   padding: 0px 5px 0px 5px;
   max-height: 0;
   transition: max-height 0.5s ease;
   overflow-y: hidden;
   clear: both;

}

.requestInfoBox h4 {
   font-family: 'Arial', sans-serif;
   font-weight: bold;
   font-style: italic;
   font-size: 16px;
   text-shadow: 4px 4px 4px #aaa;
   padding: 2px 0px 0px 12px;
   margin: 0px 0px 0px 0px;
   color: #0000dd;
}

.requestInfoBox .requestInfoSet {
   margin: 10px 5px 10px 5px;
   padding: 0px 0px 10px 0px;
   background: #eeeeee;
}

.requestInfoBox .requestInfoGroup {
   display: table;
}

.requestInfoBox .requestInfoItem {
   display: table-Row;
}

.requestInfoBox .requestInfoItem h5 {
   display: table-cell;
   font-family: 'Arial', sans-serif;
   font-weight: bold;
   font-size: 16px;
   text-shadow: none;
   padding: 8px 0px 0px 12px;
   margin: 0px 0px 0px 0px;
   color: #0000aa;
}

.requestInfoBox .requestInfoItem div {
   display: table-cell;
   font-family: 'Arial', sans-serif;
   font-weight: normal;
   font-size: 16px;
   text-shadow: none;
   padding: 8px 0px 0px 12px;
   margin: 0px 0px 0px 0px;
   color: #0000aa;
}