#page-title {
  display:none;
}

h2.courses-heading {
  font-size: 1.4em;
}

/**
* Course Providers carousel
**/

div#edupagecentres {
  overflow:hidden;
  border:solid 2px #cccccc;
  margin-bottom:12px;
  height:82px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
}


div#edupagecentres ul{
padding:0px;
 height:75px;
 overflow:hidden;
}

div#edupagecentres ul li{
  float:left;
  width:100px;
  height:75px;
  overflow:hidden;
  padding:0px;
  margin:0px 6px 0px 5px;
  vertical-align:middle;
}


div#edupagecentres ul li img {
  vertical-align:middle;
  margin-top:auto;
}



/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    float:left;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    list-style-image:none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 100px;
    height: 75px;
    margin:0px 15px;
    padding: 0px 5px;
    text-align:center;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    float:right;
    display: block;
    background:url(/img/scroll-right-sml.gif) center center no-repeat;
    margin-top:3px;
    width:26px;
    height:75px;
}

.jcarousel-prev {
    z-index: 3;
    float:left;
    display: block;
    margin-top:3px;
    background:url(/img/scroll-left-sml.gif) center center  no-repeat;
    width:26px;
    height:75px;
}

.jcarousel-prev-disabled {
  background:url(/img/scroll-left-sml-inactive.gif) 6px center no-repeat !important;
}

.jcarousel-next-disabled {
  background:url(/img/scroll-right-sml-inactive.gif) 0px center no-repeat !important;
}


/**
* Course Search Form
**/

form#course-search {
  position: relative;
}

div.srchfields{
  overflow:hidden;
  width:100%;
  height:25px;

}

label {
  position:absolute;
  top:-9999px;
  left:-9999px;
}

input.crseinp {
  /*border:0px;*/
  /*background:url(/img/courses-input-bg.png) top left no-repeat;*/
  /*background:url(/img/courses-input-arrow-bg.png) top left no-repeat;*/
  margin-bottom:3px;
  margin-right:1px;
  margin-left:0px;
  color:#58595b;
  font-weight:bold;
  /*padding:0px 4px;*/
  padding:0px 28px 0px 4px;
  width:170px;
  /*w\idth:167px;*/
  w\idth:138px;
  /*height:28px;*/
}

div.srchfields select {
  margin:0px1px !important;
  padding:0px !important;
  width:170px !important;
  /*height:28px !important;*/
}

select.crs {
  /*border:0px;*/
  /*background:url(/img/courses-input-bg.png) top left no-repeat;*/
  /*background:url(/img/courses-input-arrow-bg.png) top left no-repeat;*/
  margin:0px 1px 0px 0px !important;
  color:#58595b;
  font-weight:bold;
  padding:0px 0px;
  /*padding:0px 28px 0px 4px;*/
  width:170px;
  /*w\idth:143px;*/
  /*height:28px;*/
}

input#startdate {
  /*background:url(/img/courses-select-bg.png) top left no-repeat;*/
}


#crssubmit {
  background:url(/img/btn-events-search.gif) 0% 0% no-repeat;
  width:68px;
  height:18px;
  color:#ffffff;
  border:none;
  font-size:0.833em;
  font-weight:bold;
  cursor:pointer;
  padding:0px 0px 2px 0px !important;
  /*
  background:transparent url(/img/courses-button-bg.png) top left no-repeat;
  width:83px;
  height:29px;
  margin-left:1px;
  text-align:center;
  color:#ffffff;
  border:0px;
  font-weight:bold;
  */
}


#crssubmit.over {
  background:url(/img/btn-events-search.gif) 0% 100% no-repeat !important;
}



.dp-choose-date {
  display:none !important;
}

.dp-applied {
  width:170px !important;
  w\idth:162px !important;
}


/**
* Course list
**/

div#courselistcontainer{
  overflow:hidden;
  clear:both;
  margin:12px 0px !important;
  border:solid 2px #cccccc !important;
  padding:0px;
  width:610px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
}

div#courselistcontainer h2.norm {
  background:#cccccc;
  color:#ffffff;
  margin-bottom: 4px;
  padding:5px 12px 5px 12px;
}

div#courselistcontainer h2.search {
  padding:3px;
}

div#courselistcontainer h2.search span.totcount {
  color:#ED1C24;
  font-size:smaller;
}

#courselistcontainer ul#courses{
  margin:0px 6px 0px 6px;
  padding:0px 0px 0px 6px;
}

#courselistcontainer ul#courses li{
  overflow:hidden;
  clear:both;
  list-style-image:none;
  list-style:none;
  background:url(/img/div-dots.gif) bottom repeat-x;
  padding-bottom:12px;
  margin-bottom:12px;
  width:100%;
}

ul#courses li div.left {
  overflow:hidden;
  float:left;
  width:48%;
  text-align:left;
}


ul#courses div.left h3,
ul#courses div.left h4 {
  font-size:1em;
}


ul#courses li div.right {
  float:right;
  width:48%;
  text-align:left;
}

ul.summarypoints {
  width:100%;
  list-style:none;
  float:right;
  margin:0px !important;
  padding:0px !important;
}

ul#courses li div.right ul.summarypoints li{
  background:none !important;
  border:0px;
  margin:0px 0px 3px 0px !important;
  padding:0px 0px 3px 0px !important;
}

#coursecontainer ul#courses li.last{
  list-style-image:none;
  list-style:roman;
  background:none;
  padding-bottom:6px;
  margin-bottom:6px;
}

#coursecontainer ul#courses li a{
  font-weight:bold;
  font-size:1.25em;
}

/**
* Paging
**/

div.paging{
  width:100%;
  overflow:hidden;
}

div.paging div.pages {

}

ul.pages{
  list-style:none;
  margin:0px;
  padding:0px;
  max-width:170px;
  width:auto !important;
  float:right;
  text-align:right;
}

ul.pages li {
  list-style-image:none !important;
  display:inline;
  float:left;
  width:15px !important;
  margin:3px 1px;
  text-align:center;
}

html ul.pages li{
  display:inline-block;
}


ul.pages li a{
  font-weight:bold;
  margin:0px;
  display:block;
  color:#818181 ;
}

ul.pages li.current a,
ul.pages li a:hover{
  color:#818181 ;
  text-decoration:underline;
  font-weight:bold;
}

div.paging ul.paging {
  list-style:none;
  width:60%;
  float:right;
}

ul.paging li{
  float:left;
  background:none;
  width:auto;
}

div.moro{
 overflow:hidden;
}

div.moro div.paging{
width:80%;
float:left;
}

div.moro ul.pages{
  float:left;
  text-align:left;
}

div.moro ul.pages a{
  color:#818181;
}

div.moro a.moro{
  color:#818181;
  width:8em;
  float:right;
  text-align:right;
  font-weight:bold;
  margin:3px;
}

div.moro a.back{
  width:8em;
  float:left;
  font-weight:bold;
  margin:3px;
}


/**
* Course Item
**/

div#coursecontainer {
  overflow:hidden;
  clear:both;
  margin:12px 0px !important;
  border:solid 2px #cccccc !important;
  padding:6px;
  width:610px;
  w\idth:598px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
}


div#coursecontainer div.left {
  overflow:hidden;
  float:left;
  width:49%;
  text-align:left;
}

div#coursecontainer div.right {
  float:right;
  width:49%;
  text-align:left;
}







#courseimg{
  float:right;
  margin-bottom:12px;
  margin-left:12px;
}

ul#coursehighlights{
  padding:6px 24px;
}

p.summary{
  background:#ffffff url(/img/grey2white.jpg) top left repeat-x;
  border:solid 1px #dbdbdb;
  font-style:oblique;
  padding:6px;
  width:375px;
  w\idth:363px;
}