.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 {
    float:left; 
    /*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 {
    position:fixed; 
    top:48px;
    z-index:6;
    background-color:gray;
    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;
}