﻿



#pagecontent
        {
            margin:10px;
            
        }
div #paratext {
    overflow: visible;
    overflow-x: visible;
    overflow-y: visible;
}
        .info_header
        {
            overflow:visible;
            overflow-x:visible;
            overflow-y:visible;
            display:block;
            float:left;
            padding:0px;
            margin:0;
            position:relative;
            margin-bottom:10px;
            line-height:15px;
        }
        .info_header.expanded
        {
            
            overflow-x:hidden;
            overflow-y:visible;
            -ms-overflow-style: none;
        }
        .info_header.expanded::-webkit-scrollbar 
        { 
            width: 0 !important 
        }
        .info_header .moreinformation
        {
            bottom: 0em;
            width:15%;
            /*height: 4em;*/
            background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,85,140,1) 100%);
            background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,85,140,1) 100%);
            background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,85,140,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00558c',GradientType=0 );

            border-top-left-radius:14px;
            border-top-right-radius:14px;
            cursor:pointer;
            max-height:15px;
            height:15px;
            min-height:15px;
            z-index:1000;
            position:absolute;
            text-align:center;
            margin-left:40%;
            padding:0;
            display:block;
        }
        .info_header .bottom_fade {
	        width: 100%;
	        height: 40px;
	        z-index: 99;
	        position: absolute;
            display:block;
	        bottom: 0px;
	        background: url("../images/bottom-fade.png") bottom left repeat-x;
            margin-top:2px;
        }
        .info_header div 
        {
            overflow:visible;
        }
        .info_header .moreinformation .showless,
        .info_header .moreinformation .showmore
        {
            background-color:transparent;
            font-size:10px;
            color:#ffffff;
            height:18px;
            margin-top:1px;
            padding-top:1px;
            padding-left:6px;
            padding-right:6px;
        }
        .info_header .moreinformation .showmore
        {
            display:block;
        }
        .info_header.moreinformation .showless,
        .info_header.expanded .moreinformation .showmore,
        .info_header.expanded .bottom_fade
        {
            display:none;
        }
        .info_header.expanded .moreinformation .showless
        {
            display:block!important;
        }
        .info_instr
        {
            margin-top:10px;
            margin-bottom:10px;
            font-size:12px;
            color:#00558c;
            text-align:left;
            float:left;
            width:100%;
            max-width:100%;
            display:block;
        }
        .info_skus
        {
            display:block;
            float:left;
            padding:0px;
            margin:0;
            position:relative;
            width:100%;
            max-width:100%;
            margin-bottom:10px;
        }
        .info_skus .skugroup
        {
            margin-top:15px;
            margin-bottom:10px;
        }
        
        .info_skus .course
        {
            display:block;
            float:left;
            width:100%;
            max-width:100%;
            position:relative;
            cursor:pointer;
            padding-left:10px;
        }
        /*.info_skus .course:nth-child(odd)
        {
            background-color:rgba(0,170,215,0.05);
        }*/
        .info_skus .course:hover
        {
            background:rgba(141,198,63,0.25);
            border-radius:4px;
        }
        .info_skus .course .id
        {
            display:block;
            float:left;
            width:20%;
            max-width:20%;
            position:relative;
            padding-top:2px;
            padding-bottom:2px;
            padding-left:5px;
            padding-right:5px;
            font-size:12px;
            color:#00558c;
        }
        .info_skus .course .description
        {
            display:block;
            float:left;
            width:70%;
            max-width:70%;
            position:relative;
            padding-top:2px;
            padding-bottom:2px;
            padding-left:5px;
            padding-right:5px;
            font-size:12px;
            color:#00558c;
        }
        .info_skus .course .description .count
        {
            
            font-size:10px;
            color:#00558c;
        }
        .info_skus .course.header
        {
            background-color:#ffffff;
            /*border-bottom-color:rgba(0,85,140,0.5);
            border-bottom-style:solid;
            border-bottom-width:1px;*/
            
        }
        .info_skus .course.header .description,
        .info_skus .course.header .id
        {
            color:#00558c;
            font-size:14px;
            font-weight:bold;
            cursor:default;
            text-decoration:underline;
        }
        .info_skus .course.groupheader
        {
            /*background-color:#cad5da;*/
            background-color:#ffffff;
            font-size:14px;
            font-weight:bold;
            cursor:default;
            color:#00558c;
            margin:2px;
            padding:3px;
            border-radius:4px;
            border-bottom-color:#00558c;
            border-bottom-width:1px;
            border-bottom-style:solid;
        }
        .info_skus .course.prerequisites
        {
            font-size:11px;
            font-weight:normal;
            cursor:default;
            color:#00558c;
            margin:2px;
            
            padding:0;
            padding-left:10px;
        }
        .info_skus .course.prerequisites.noshow {
            display:none;
        }
        .info_skus .course.prerequisites:hover
        {
            background-color:transparent;
        }
        .info_skus .course.prerequisites h5
        {
            font-size:11px;
            font-weight:bold;
            cursor:default;
            width:100%;
            color:#00558c;
            margin:0;
            display:block;
            float:left;
            padding:0;
            padding-bottom:2px;
            cursor:pointer;
        }
        .info_skus .course.prerequisites span
        {
            font-size:11px;
            font-weight:normal;
            cursor:default;
            width:100%;
            color:#00558c;
            margin:0;
            margin-left:3px;
            display:block;
            float:left;
            padding:0;
        }
        .info_skus .course.prerequisites span p 
        {
            margin:0;
            margin-bottom:0!important;
            color:#00558c;
        }
        .info_skus .course.prerequisites ul 
        {
            list-style-type:disc;
            margin-bottom:0px;
            padding:0;
        }
        .info_skus .course.prerequisites li 
        {
            list-style-type:disc;
            list-style-position:inside;
            margin-bottom:0px;
            text-align: left;
        }
        .info_skus .course.prerequisites h5.prereqClicker:hover {
            color:red;
        }
        .noClose .ui-dialog-titlebar-close 
        {
            display: none;
        }
        @media all and (max-width: 600px) {
            .info_skus .course
            {
                display:block;
                float:left;
                width:100%;
                max-width:100%;
                position:relative;
                cursor:pointer;
            }
            .info_skus .course .id
            {
                width:100%!important;
                max-width:100%!important;
            }
            .info_skus .course .description
            {
                width:100%!important;
                max-width:100%!important;
            }
        
        }
