/* ==========================================================================
   New responsive stuff
   ========================================================================== */


  .main{
    max-width:1340px!important;
   width:100%!important;
   display: table!important;
  }


.section.clearfix > .wrap > .col.onequarter {
 padding-left: 0%!important;
}

    .image-inline{
/* width : 100% ; */
height: auto;
width: auto; 
max-width: 100%!important;
}  

/*
.main > #portal-column-content .image-inline{
    max-width: 100%!important;
} */


  /* TODO: placeholder only. this needs doing properly with images present to test */
  #ssHolder{
    /* display:none!important;  */
  }
  #ssHolder li{
    /* display:none!important;  */
  }


  .cpttableless{
    width:auto!important;
  }

  .main > #portal-column-one {
    width:20%!important;
    float:left;  
    border-right: none!important;
      }


.main input[type=text], .main input[type=password], .main textarea {
  width:auto!important;
}


  /* main content */
  #content-core .page:first-child > div:first-child{
    width:100%;
    margin-right: -245px;
    float: left;
  }

  /* inner main content */
  #content-core .page:first-child > div:first-child .cpttableless{
  margin-right: 245px;  
  }

  /* tiny spacer column column - should be removed */
  #content-core .page:first-child > div:nth-child(2){
  }


  /* far right column */
  #content-core .page:first-child > div:nth-child(3){
    float: right;
  width: 225px;  
    margin-left: 20px;
  }

  /* navigation left */
  #portal-column-one{
/*     width:100%;    */
/*     margin-left:20px;        */
  }

    #portal-column-two{
    float: right!important;
  }

 .main > #portal-column-two + #portal-column-content {
      width:auto!important;
    margin: 0 22% 0 0!important;
    float: none!important;  
  }

  .main > #portal-column-one + #portal-column-content {
      width:70%!important;
    margin: auto!important;
    float: left!important;  
  }
    .main > #portal-column-one + #portal-column-two + #portal-column-content {
        width:auto!important;
    margin: 0 0 0 22%!important;
    float: none!important;
  }

 .main > #portal-column-two
 {
  margin-top: 1.66em;
}



         /* main content
       #content-core .page:first-child > div:first-child{
           width:100%!important;
           margin-right: auto;
           float: left;
           } */

           @media only screen and (min-width: 768px) {
              .main > #portal-column-one + #portal-column-content {
   /* width: 72%!important; */
}


    .main > #portal-column-one + #portal-column-two + #portal-column-content {
 /*  display: inherit; */
} 
   .main > #portal-column-one + #portal-column-two + #portal-column-content .pane-container {
 width: 65%;
}


           }

           @media only screen and (min-width: 1240px) {

.main > #portal-column-one + #portal-column-content {
/*    width: 74%!important;  */
}

           }

           @media only screen and (min-width: 1000px) {
            .main > #portal-column-content {
            font-size: initial!important;
  }

}


           @media only screen and (max-width: 1000px) {
             .main > #portal-column-one {
              width:125px!important;
            }


            /* main content */
            #content-core .page:first-child > div:first-child{
             width:100%;
             margin-right: auto;
             float: left;
           }


           /* inner main content */
           #content-core .page:first-child > div:first-child .cpttableless{
             margin-right: auto;
           }


           /* far right column */
           #content-core .page:first-child > div:nth-child(3){
            clear:both; 
            margin-top: 20px;
            width:100%!important;
          }

          .section.courselist .col.half > .halflight {
            height: auto!important;
            min-height: 120px;
          }

           .section.courselist .col.onequarter {
            /* clear:both;  */
            clear:none!important;
            margin-top: 20px;
           /* width:48%!important;  */
          }  

           .piclinks{
            display:none;
          }


        }

        @media only screen and (max-width: 767px) {
          /* navigation left */
          .main > #portal-column-one {
            display:table-footer-group;
            float:none!important;

          }

          .main > #portal-column-two {
            display:table-footer-group;
            float:none!important;
            width:100%;
          }

          .section.courselist .col.onequarter  {
            width:96%!important;
          }

          .navTree > .navTreeItem > a {
            margin-left: 1em!important;
            margin-right: 1em!important;

          }

          #portal-column-content{
            display:table-header-group;
            width:auto!important;
            margin-right: 1em!important;
          }

          .cpttableless{
            width:100%!important;
          } 


/*  Below here specific css for in-page mark-up  (ie from content) that should be removed */


          #ssHolder {
            /* display:none!important;  */
            width: 100%!important;
            margin-left: -40px!important;
          }

          #sslist li, #navholder li {
            float:left;
            position:static!important;
          }

          #navholder{
            width:100%!important;
          }


        }