.maincardHeader {
    font-size: 80%;
}

.maincardType {
    color: #777;
}

.maincardBody {
    font-size: 110%;
    font-weight: bold;
    font-style: italic;
}

.maincardFooter {
    font-size: 80%;
}

.maincardContainer {
    float: left;
    z-index: -105;
    margin: 4px;
    width: 100%;

}

.abstractContainer {
    padding: 5px;
}

.narrower {
    width: 93%;
}

.maincard {
    /*z-index:-105;*/
    border-width: 1px;
    border-radius: 4px;
    margin: 4px;
    padding: 5px;
    min-width: 270px;

}

.detailpad {
    border-collapse: separate;
    border-spacing: 20px;
}

.detailcard {
    height: auto;
    overflow: auto;
    min-width: 270px;
    min-height: 900px;
}

.detailcard:not(showdetail) {
    overflow-y: auto;
    height: 900px;
    vertical-align: text-top;
    visibility: hidden;
    position: fixed;
    /*background-color:#FFFFCC;*/
    float: left;
    transform: translate(151%, 0);
    -webkit-transform: translate(151%, 0); /** Safari & Chrome **/
    -o-transform: translate(151%, 0); /** Opera **/
    -moz-transform: translate(151%, 0); /** Firefox **/
}

.detailcard2 {
    visibility: visible;
    position: fixed;
    /*background-color:#FFCCFF;*/
    float: left;
    width: 95%;
    transform: translate(151%, 0);
    -webkit-transform: translate(151%, 0); /** Safari & Chrome **/
    -o-transform: translate(151%, 0); /** Opera **/
    -moz-transform: translate(151%, 0); /** Firefox **/
}

#scheduleBar {
    z-index: 6;
    background-color: rgb(128, 128, 128);
    width: 100%;
    padding-top: 11px;
    padding-bottom: 9px;
    padding-left: 20px;
}

.left8 {
    position: relative;
    left: -8px;
}

.left5 {
    position: relative;
    left: -0px;
}


.left16 {
    position: relative;
    left: -16px;
}

.right16 {
    position: relative;
    left: 16px;
}

.right10 {
    position: relative;
    left: 10px;
}


.showdetail.detailcard {
    -webkit-transform: translate(0%, 0); /** Safari & Chrome **/
    -o-transform: translate(0%, 0); /** Opera **/
    -moz-transform: translate(0%, 0); /** Firefox **/
    transform: translate(0%, 0);
    visibility: visible;
}

.showdetail2.detailcard {
    -webkit-transform: translate(-151%, 0) !important; /** Safari & Chrome **/
    -o-transform: translate(-151%, 0); /** Opera **/
    -moz-transform: translate(-151%, 0); /** Firefox **/
    transform: translate(-151%, 0);
    visibility: hidden;
}

.showdetail2.detailcard2 {
    -webkit-transform: translate(0%, 0); /** Safari & Chrome **/
    -o-transform: translate(0%, 0); /** Opera **/
    -moz-transform: translate(0%, 0); /** Firefox **/
    transform: translate(0%, 0);
    visibility: visible;
}


.showdetail.maincardContainer {
    visibility: visible;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(-151%, 0); /** Safari & Chrome **/
    -o-transform: translate(-151%, 0); /** Opera **/
    -moz-transform: translate(-151%, 0); /** Firefox **/
    transform: translate(-151%, 0);

}


.activeMainCard {
    box-shadow: 0px 0px 10px #ff0;
}