/**************** IE 8 START ****************/
/* This needed to be done in order for the CSS to work for IE8 */
/* Originally, this CSS code was embedded in responsive @media sections. IE8 does not support @media responsive sections */
/* The below IE8 CSS code may be ultimately moved to a seperate IE8 CSS file. It is a TODO */
  
  .button-print-pdf form button {
      width:100%;
  }
    
  .courses-sort {
      float: right;
      padding: 10px;
  }
  
  .kopa-tabs select {
      font-size: 14px;
      color: #666;
      padding: 5px 0;
      margin-left: 5px;
      width:90%;
  }
  
  .category-select {
      height:50px;
      background-color: #d2d2d2;
      margin-bottom: 15px;
      padding:4px;
  }
  
  .category-select select {
      font-size: 14px;
	  color: #666;
	  padding: 5px 0;
	  margin-left: 5px;
  }

  .category-select .course-category-drop-down {
    float: left;
    padding: 8px 0 0 0;
  }
  
  .category-select .course-center-drop-down {
    float: left;
    padding: 8px 0 0 0;
    width: 25%;
  }
  
  #cent {
  	width: 100%
  }

  /*YYYY
  .course-sort-drop-down-container {
      float:right;
  }
  */

.search-box .search-submit-course-catalog {
    font-size: 0;
    display: block;
    line-height: 0;
    border:none;
    background: url("images/icons/search_button_off.png") no-repeat scroll 0 0 transparent;
    border:1px solid #555;
    height:32px;
    color:#fff;
    font-family: 'Patua One',cursive;
    padding:5px 2% 9px;
    cursor:pointer;
    width:95%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.search-box .search-submit-course-catalog:hover {
    background: url("images/icons/search_button_on.png") no-repeat scroll 0 0 transparent;
    border:1px solid #FBB102;
}

.input-search-text-course-page {
	width:80%;
	min-width: 100px !important;
}

.input-search-text-course-list {
	width:65% !important;
	min-width: 100px !important;
}

#course-list-search-text {
	font-size: 12px;
}
.course-page-searchbox-container {
    float:left;
    width:29%;   
    padding: 2px 0px 0px 0px;
    /*YYYpadding: 0px 0px 0px 0px;*/
    margin-left:1px;
}

.course-page-category-drop-down-icon {
	float:left;
    width: 5%;
    min-width: 35px;
}

.course-page-category-drop-down-icon img {
	position:absolute;
}

.course-page-center-drop-down {
	float: left;
    padding: 2px 6px 0px 4px;
    width: 20%;
    min-width: 140px;
}

.search-box .search-submit-course-catalog-nonlocal {
    font-size: 0;
    display: block;
    line-height: 0;
    border:none;
    background: url("images/icons/search_button_off.png") no-repeat scroll 0 0 transparent;
    border:1px solid #555;
    height:32px;
    color:#fff;
    font-family: 'Patua One',cursive;
    padding:5px 2% 9px;
    cursor:pointer;
    width:95%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.search-box .search-submit-course-catalog-nonlocal:hover {
    background: url("images/icons/search_button_on.png") no-repeat scroll 0 0 transparent;
    border:1px solid #FBB102;
}

.search-box .search-submit-course-catalog-nonlocal:hover {
    background: url("images/icons/search_button_on.png") no-repeat scroll 0 0 transparent;
    border:1px solid #FBB102;
}

.image-div {
  	width: 25%;
  	float: left;
  	margin-right: 10px;
  	min-height: 65px;
}
	
.course-image {
	width: 100%;
}

.browse-select-left {
	float: left;
	width: 69%;
}

.sort-div {
	float: right;
	width: 30%;
}

.sort-dive .course-sort-drop-down {
  	padding: 8px 0 0 0;
}

/** responsive colum hide **/
.course-col-responsive {
	display: none;
}

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

  .category-select .course-category-drop-down-label {
    float: left;
    font-family: 'Patua One',cursive;
    font-size: 14px;
    color: #333333;
    padding: 15px;
  }
  
  .category-select .course-center-drop-down-label {
    float: left;
    padding-left: 7px;
    font-family: 'Patua One',cursive;
    font-size: 14px;
    color: #333333;
    padding: 15px;
  }
  
  /*YYYY*/
  .sort-div .course-sort-drop-down {
  	padding: 8px 5% 0 0;
  	width: 100%;
  }
  
  /*YYYY*/
  .category-select .course-sort-drop-down-label {
    float: left;
    font-family: 'Patua One',cursive;
    font-size: 14px;
    color: #333333;
    padding: 15px 15px 15px 30%;
    display:block;
  }
  /*YYYY*/
  /*
  .category-select .course-sort-drop-down-label-mobile {
    float: right;
    font-family: 'Patua One',cursive;
    font-size: 14px;
    color: #333333;
    padding: 15px;
    display:none;
  }
  */

  #course-page-category-drop-down-default-overlay {
    position: absolute;
    display: block;
    color: grey;
    font-style: italic;
	padding-left: 10px;
	padding-top: 8px;
	font-size:12px;
  }
  
  .course-page-category-select .course-page-category-drop-down {
    float: left;
    padding: 2px 6px 0px 4px;
    /*YYYmargin: 0px 6px 0px 4px;*/
    width: 20%;
    min-width: 140px;
    /*YYY-webkit-appearance: none;*/
  }
  
  .course-page-category-select .course-page-category-drop-down-label {
	float: left;
    width: 19%;
    min-width: 125px;
	padding-top: 7px;
	padding-left: 42px;
	font-family: 'Patua One',cursive;
	font-size: 14px;
	color:#333333;
  }
    
  .course-page-drop-down-container {
      float:left;
      width:100%;
  }
 
}
  
  .course-page-category-select {
      height:35px;
      background-color: #d2d2d2;
      margin-top: 15px;
      padding:5px;
  }
  
  .course-page-category-select select {  
      font-size: 14px;
      color: #666;
      padding: 6px 0px;
      width: 100%;
      line-height: 1.8;
      /*YYYpadding-bottom: 12px;*/
      /*YYYpadding-top: -5px;*/
  }
    
  .entry-box .courses-header {
      padding: 5px 0;
      margin: 5px 0 15px 0;
  }
  
  .course-col {
      float: left;
      margin-right: 1%;
  }
  
  .course-col-container {
      float:left;
      width:61%;
      padding-right:3px;
  }
   
  .course-col-1 {
      width: 45%;
  }
      
  .course-col-1-header {
      padding-right: 3px;
  }
   
  .entry-box .entry-header .course-col-1 {
      background: url(kopa/images/courses/courselist-sort.png) no-repeat left 65px top 4px;
  }

  .course-col-2 { 
      width: 14%; 
  }
  
  .course-col-2-header {
      padding-right: 3px;
  }
  
  .entry-box .entry-header .course-col-2 {
      background: url(kopa/images/courses/courselist-sort.png) no-repeat left 74px top 4px;
  }
  
  .course-col-3 {
      width: 10%; 
  }
  
  .course-col-4 {
      width: 26%; 
  }
  
  .entry-box .course-item {
      width: auto; 
      margin-bottom: 1em;
      margin-right: 0; 
  }
  
  	.entry-box.course-external-buttons {
	    font-size: 0;
	    overflow: auto;
	    text-align: center;
	    /*styling>>*/
	    /*background-color: #8F1C10;*/
	}
	.entry-box.course-external-buttons::before {
	    content:'';
	    display: inline-block;
	    height: 100%;
	    vertical-align: middle;
	}
	.entry-box.course-external-buttons>div {
	    display: inline-block;
	    font-size: 12px;
	    vertical-align: middle;
	    color:white;
	    outline:none;
	}
	  
  .image-div {
  	width: 25%;
  	float: left;
  	margin-right: 10px;
  }
	
  .course-image {
    width: 100%;
  }
  
  .entry-box .course-item .course-title { 
      margin-top: 0; 
      margin-bottom: 4px;
  }
  
  .course-title { 
    float: left;
    width: 70%;
  }
  
  .bi_line_div {
  	float: left;
  	width: 70%;
  }
  
  .entry-box .course-item .course-col-1 p,
  .entry-box .course-item .course-col-1 .course-title { 
      margin-left: 26%;
      margin-bottom:0px;
  }
  
  .course-category { 
      padding-top: 3px; 
  }



/**************** IE 8 END ****************/

.course-catalog-register-buttons
{
    width:87%;
    min-width:150px;
    text-align:center;
    min-height:20px;
}

.button-print-pdf form button {
	background: #3498db;
	margin-bottom:15px;
	border: none;
  	font-family: 'Patua One',cursive;
  	color: #ffffff;
  	font-size: 15px;
  	background: #0060AA;
  	padding: 10px;
 	text-decoration: none;
 	cursor:pointer;
}

.button-print-pdf form button:hover {
	background: #555;
 	text-decoration: none;
}


.button-link-course-catalog {
    margin-bottom:1px;
    background-color:#fff;
}
.button-link-course-catalog h6 {
    background-color:#0060AA;
}

.button-link-course-catalog h6:first-of-type {
    margin-bottom:10px;
}

.button-link-course-catalog.active h6 {
    background-color:#005FA9;
}
.button-link-course-catalog h6:hover {
    background-color:#555;
}
.button-link-course-catalog h6 a {
    display:block;
    padding:8px 20px;
    font-family: 'Patua One',cursive;
    font-size:15px;
    text-align:center;
    color: #fff;
    min-width: 170px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.button-link-course-catalog.active h6 a, 
.button-link-course-catalog h6:hover a {
    color:#fff;
    box-shadow:0 0 5px #999;
    -moz-box-shadow:0 0 5px #999;
    -webkit-box-shadow:0 0 5px #999;
}

.button-link-course-catalog-additional {
	margin-top: 0px;
	background-color: #fff;
	width: 105%;
	margin-left: -14px;
}

.button-link-2-course-catalog {
    margin-top:15px;
}
.button-link-2-course-catalog h6 {
    /*background-color:#0060AA;*/
    background: #d2d2d2;
}

.button-link-2-course-catalog.active h6 {
    background-color:#005FA9;
}
.button-link-2-course-catalog h6:hover {
    background-color:#555;
}
.button-link-2-course-catalog h6 a {
    display:block;
    padding:8px 20px;
    font-family: 'Patua One',cursive;
    font-size:15px;
    text-align:center;
    color: #000;
    min-width: 170px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.button-link-2-course-catalog.active h6 a, 
.button-link-2-course-catalog h6:hover a {
    color:#fff;
    box-shadow:0 0 5px #999;
    -moz-box-shadow:0 0 5px #999;
    -webkit-box-shadow:0 0 5px #999;
}

.reset-div {
    float: left;
    padding: 15px 0px 0px 3%;
}

.reset-div a{
	color: #696969;
	text-decoration: underline;
}

.reset-div a:hover{
	color: #A0A0A0;	
	text-decoration: underline;
}

.reset-div-responsive {
    display:none;
 }
 
 .reset-div-responsive a {
 	color: #696969;
}

.reset-div-responsive a:hover{
	color: #A0A0A0;	
}

@media only screen and (min-width: 1120px) {
	
	.button-link-course-catalog-additional h6 {
	    background-color:#0060AA;
	    float: left;
	    margin:5px;
	    width: 23.5%;
	}
	
  .course-col-1-custom {
      width:75%;
      float:left;
      padding-right:5px;
  }
  
  .course-col-2-custom {
      width:23%;
      float:left;
  }
}

@media only screen and (max-width: 1120px) {
	.button-link-course-catalog-additional h6 {
	    background-color:#0060AA;
	    margin:5px;
	}
}

/*.button-link-course-catalog-additional h6:first-of-type {
    margin-bottom:10px;
}*/

.button-link-course-catalog-additional.active h6 {
    background-color:#005FA9;
}
.button-link-course-catalog-additional h6:hover {
    background-color:#555;
}

.button-link-course-catalog-additional h6 a {
    display:block;
    padding:8px 15px;
    font-family: 'Patua One',cursive;
    font-size:15px;
    text-align:center;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.button-link-course-catalog-additional.active h6 a, 
.button-link-course-catalog-additional h6:hover a {
    color:#fff;
    box-shadow:0 0 5px #999;
    -moz-box-shadow:0 0 5px #999;
    -webkit-box-shadow:0 0 5px #999;
}

/* course catalog list layout */

@media (min-width: 1121px) {

  .courses-search {
      float: right;
      width: 300px;      
      margin: -45px -50px 0 0;
  }
  
  .courses-page-search {
      width: 100%;
  }
  
  .courses-sort {
      float: right;
      padding: 10px;
  }
  
  .category-select select {
      font-size: 14px;
      color: #666;
      padding: 5px 0;
      margin-left: 5px;
  }
  
  .entry-box .courses-header {
      padding: 5px 0;
      margin: 5px 0 15px 0;
  }
  
  .course-col {
      float: left;
      margin-right: 1%;
  }
  
  .course-col-1 {
      width: 45%;
  }
  
  .course-col-2 { 
      width: 14%; 
  }
  
  .course-col-3 {
      width: 10%; 
  }
  
  .course-col-4 {
      width: 26%; 
  }
  
  .entry-box .course-item {
      width: auto; 
      margin-bottom: 1em;
      margin-right: 0; 
  }
  
  .entry-box.course-external-buttons { 
      margin: 5px;
  }
  
  .course-image {
  /*
      float: left; 
      width: 25%; 
      margin-right: 10px;
      */
  }
  
  .entry-box .course-item .course-title { 
      margin-top: 0; 
      margin-bottom: 4px;
  }
  
  .entry-box .course-item .course-col-1 p,
  .entry-box .course-item .course-col-1 .course-title { 
      margin-left: 26%;
      margin-bottom:0px;
  }
  
  .course-category { 
      padding-top: 3px; 
  }  
}

@media only screen and (max-width: 1120px) {
	.course-category-drop-down {
		width: 35%;
	}
	
	.course-category-drop-down select {
		width: 90%;
	}
	
	.course-center-drop-down {
		margin: 0% 0% 0% 2%;
	}
}

@media only screen and (max-width: 900px) {
	.course-category-drop-down {
	    width: 31%;
	}
}

@media only screen and (max-width: 890px) {
	.browse-select-left {
		width: 66%;
	}
}

@media only screen and (min-width: 769px) and (max-width: 1120px) {

  .courses-search {
      float: right;
      width: 250px !important;
      margin: -45px -32px 0 0;
      white-space: nowrap;
  }
  
  .courses-page-search {
      /*float: right;*/
      width: 100% !important;
      /*margin: -45px 0 0 0;*/
      white-space: nowrap;
  }
  
  .courses-sort {
      float: right;
      padding: 10px;
  }
  
  .entry-box .courses-header {
      padding: 5px 0;
      margin: 5px 0 15px 0 !important;
  }
  
  .course-col {
      float: left;
      margin-right: 1%;
  }
  
  .course-col-1 {
      width: 42%;
  }
  
  .course-col-2 { 
      width: 16.5%; 
  }
  
  .course-col-3 {
      width: 10.5%; 
  }
  
  .course-col-4 {
      width: 26%; 
  }
  
  .entry-box .course-item {
      width: auto; 
      margin-bottom: 1em;
      margin-right: 0; 
  }
  
  .course-image { 
      float: left; 
      width: 100%; 
      margin-right: 10px;
  }
  
  .entry-box .course-item .course-title { 
      margin-top: 0; 
      margin-bottom: 4px;
  }
  
  .entry-box .course-item .course-col-1 p,
  .entry-box .course-item .course-col-1 .course-title { 
      margin-left: 26%;
      margin-bottom:0px; 
  }
  
  .course-category { 
      padding-top: 3px; 
  }
  
  .course-col-1-custom {
      width:70%;
      float:left;
      padding-right:5px;
  }
  
  .course-col-2-custom {
      width:23%;
      float:left;
  }
  
  #course-page-category-drop-down-default-overlay {
    position: absolute;
    display: block;
    /*width: 120px;*/
    color: grey;
    font-style: italic;
	padding-left: 10px;
	padding-top: 8px;
	font-size:12px;
  }
  
  .course-page-center-drop-down {
    float: left;
    padding: 1% 0% 0% 6%;
    width: 88%;
  }
  
  .course-page-category-select .course-page-category-drop-down {
      float: left;
      padding: 2% 0% 0% 6%;
      width: 88%;
      /*min-width: 130px;*/
  }
  
  .course-page-category-select .course-page-category-drop-down-label {
	float: left;
    width: 100%;
    min-width: 125px;
	padding-top: 8px;
	padding-left: 42px;
	font-family: 'Patua One',cursive;
	font-size: 14pt;
	color:#333333;
  }
  
  .input-search-text-course-page {
	width:93%;
	min-width: 100px !important;
  }
  
  .input-search-text-course-list {
	width:63% !important;
	min-width: 100px !important;
  }
  
  #course-list-search-text {
	font-size: 14px;
  }
  .course-page-searchbox-container {
	float: left;
    width: 88%;
    padding: 1% 0% 0% 6%;
  }
  
  .course-page-drop-down-container {
      float:left;
      width:100%;
      height: 100%;
  }
  
  .course-page-category-select {
  	height: 155px;
  }
  
  .search-box .search-text {
  	width: 100%;
  }
  
  .courses-page-search .input-search-submit-course-page {
  	float: right;
  }
}

@media all and (max-width: 768px) {

  .course-page-searchbox-container {
    float: left;
    width: 95%;
    padding: 1% 0% 0% 36px
  }
	
  .courses-search {
    width: 300px;
    margin: 20px 0 0 10px;
  }

  div#search-box-wrapper {
    /*margin-top: 20px;*/
  }

  .entry-box .courses-header {
    display: none;
  }

  .entry-box .course-item {
      width: auto; 
      margin-bottom: 1em;
      margin-right: 0; 
      border-bottom: 1px solid #ccc;
  }
  
  .image-div{
  	  float: right;
  }
  
  .course-image {  
      width: 100%; 
      margin-left: 7%;
  }
  
  /*
  .course-category:before {
      content: 'Category: ';
      color: #666;
      font-weight: bold;
  }
  
  .course-col-3:before {
      content: 'CENTER: ';
      color: #666;
      font-weight: bold;
  }
  */
  
  .course-col-2-custom {
  	display: none;
  }
  
  .course-col-3 {
  	display: none;
  }
  
  .course-col-4:before {
  	  content: 'DESCRIPTION: ';
      color: #666;
      font-weight: bold;
  }
  
  .course-col-responsive {
  	display: block;
  	width: 100%;
  }
  
  .course-col-5-responsive:before {
  	content: 'CATEGORY: ';
    color: #666;
    font-weight: bold;
  }
  
  .course-col-6-responsive:before {
  	content: 'CENTER: ';
    color: #666;
    font-weight: bold;
  }
  
  .course-col-5-responsive, .course-col-6-responsive {
  	width: 49%;
  	float: left;
  }
  
  .courses-sort,
  .category-select {
      margin-bottom: 10px;
  }
  
  .entry-box .course-item .course-col-1 p,
  .entry-box .course-item .course-col-1 .course-title { 
      margin-left: 0;
      margin-bottom:0px; 
  }
  
  .course-col-container {
  	width: 100%;
  }
  
  .course-col-1-custom {
      width:100%;
  }
  
  .course-col-2-custom {
      width:23%;
  }
  
  .course-col-3 {
      width: 8%; 
  }
  
  .course-col-4 {
      width: 100%; 
  }
  
  /*YYYY*/
  .course-sort-drop-down-container {
      float:left;
  }

    
  #course-page-category-drop-down-default-overlay {
    position: absolute;
    display: block;
    /*width: 120px;*/
    color: grey;
    font-style: italic;
	padding-left: 10px;
	padding-top: 3px;
	font-size:12px;
  }
    
  .course-page-category-select .course-page-category-drop-down {
      width: 94%;
      padding: 0px 0px 0px 36px;
  }
  
  .course-page-category-select .course-page-category-drop-down-label {
	padding-top: 0;
	padding-left: 42px;
	font-family: 'Patua One',cursive;
	font-size: 12px;
	color:#333333;
  }
  
  .course-page-category-select select {
    font-size: 12px;
    color: #666;
    padding:0 0;
    margin-left: 5px;
    width:97%;
  }
  
  #course-list-search-text {
	font-size: 12px;
  }
  .course-page-drop-down-container {
      float:left;
      width:100%;
  }
  
  .course-page-category-select {
  	height: 100px;
  }
  
  .course-page-center-drop-down {
  	width: 94%;
    padding: 1% 0% 0% 36px;
  }
  
  .course-sort-drop-down-container {
  	width: 100%
  }
  
}

@media all and (max-width: 850px) {

  .category-select .course-category-drop-down-label {
  	padding: 0px 0px 0px 5px !important;
  	margin: 0px -120px 0px 0px;
  }	
  
  .category-select .course-category-drop-down{
    padding: 19px 0px 0px 0px;
    margin: 0px 0px 0px -7px;
  }
  
  /*YYYY*/
  .category-select .course-sort-drop-down{
  /*
	padding: 20px 0px 0px 0px;
    margin: 0px 0px 0px -55px;
    */
  }
  
  .category-select .course-center-drop-down {
  	padding: 19px 0% 0% 0%;
  }
  
  .reset-div {
    padding: 25px 0px 0px 4%;
  }

}

@media only screen and (min-width: 677px) and (max-width: 1120px) {

  .category-select .course-category-drop-down-label {
    float: left;
    padding-left: 7px;
    font-family: 'Patua One',cursive;
    font-size: 14px;
    color: #333333;
    padding: 15px;
  }
  
  #course-list-search-text {
	font-size: 14px;
  }
}

@media all and (max-width: 676px) {
  .reset-div {
    padding: 11px 0px 0px 4%;
  }
}

@media only screen and (min-width: 400px) and (max-width: 1120px) {

  /*YYYY*/
  .category-select .course-sort-drop-down {
    width: 100%;
    padding: 8px 5% 0 0;
  }
  
  .search-box .input-search-text {
    width: 90%;
  }
  
  /*YYYY*/
  .category-select .course-sort-drop-down-label {
    float: left;
    font-family: 'Patua One',cursive;
    font-size: 14px;
    color: #333333;
    padding: 15px 0px 15px 25%;
    display:block;
  }
  
  #course-list-search-text {
	font-size: 14px;
  }
}

@media all and (max-width: 1003px) {
  .category-select .course-sort-drop-down-label {
  	padding: 15px 0px 15px 15%;
  }
}

@media all and (max-width: 881px) {
  .category-select .course-sort-drop-down-label {
  	padding: 15px 0px 15px 10%;
  }
}

@media all and (max-width: 850px) {
  /*YYYY*/
  .category-select .course-sort-drop-down-label{
    padding: 0px 0px 0px 5px;
    width: 100%;
  }
  
  #sort-dropdown {
  	float: left;
  	padding: 5px 0px 5px 0px;
  	width: 93%;
  }
}

@media all and (min-width: 401px) and (max-width: 676px) {
  .category-select .course-category-drop-down-label {
    padding-left: 2px;
    font-family: 'Patua One',cursive;
    font-size: 14px;
    color: #333333;
  }
  
  .category-select .course-category-drop-down {
    padding: 2px 0 0 5px;
  }
  
  .category-select .course-center-drop-down {
  	padding: 3px 0% 0% 0%;
  }
}

@media all and (max-width: 600px) {
  .category-select{
  	padding: 10px 5px 60px 5px;
  }
  
  .category-select .sort-div{
  	float: left;
  	margin: 3px 0px 0px 4px;
  	width: 100%;
  }
  
  .course-sort-drop-down-container, .course-sort-drop-down {
  	width: 100%;
  }
  
  .browse-select-left {
  	width: 100%;
  }
  
  .category-select .course-center-drop-down, .category-select .course-category-drop-down {
  	width: 48%;
  }
  
  .category-select .course-sort-drop-down-label {
  	padding: 0% 0% 0% 0%;
  }
  
  .category-select .sort-div {
  	margin: 3px 0px 0px 0px;
  }
  
  .category-select .course-sort-drop-down-label{
  	padding: 0% 0% 0% 1.3%;
  	width: 50%;
  }
  
  #sort-dropdown {
  	width: 97.5%;
  }
  
  .reset-div {
    display:none;
  }
  
  .reset-div-responsive {
    display:block;
    float: right;
    padding: 0px 7px 6px 0%;
  }

}

@media all and (max-width: 630px) {
  .course-page-category-select .course-page-category-drop-down, .course-page-center-drop-down, .course-page-searchbox-container {
    width: 85%;
  }
}

@media all and (max-width: 535px) {
  .courses-page-search .input-search-text {
    width: 88%;
  }
}

@media all and (max-width: 448px) {

  .course-page-category-select .course-page-category-drop-down, .course-page-center-drop-down {
    width: 79%;
  }
  
  .courses-page-search .input-search-text {
    width: 80%;
  }
}	

@media all and (max-width: 400px) {
	
  .category-select .course-category-drop-down #cat{
    width: 100%;
  }
  
  .course-category-drop-down-label {
    font-weight: bold;
    
  }
  
  .category-select .course-sort-drop-down-label{
    font-weight: bold !important;
    font-family: inherit !important;
    font-size: 12px !important;
    margin: 5px 70px -20px 1px !important;
  }

  .category-select .course-category-drop-down{
  	padding: 5px 0px 0px 0px;
  	margin: 0px 0px 0px 0px;
  	width: 97%;
  }
  
  .category-select .course-center-drop-down {
    padding: 5px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 97%;
  }
  
  .category-select .course-category-drop-down-label{
  	padding: 0px 0px 0px 0px;
  	margin: 0px 0px 0px 0px;
  }
  
  .category-select {
  	height: 95px;
  }
  
  .course-sort-drop-down {
    padding: 10% 0 0 0;
  }
  
}

@media all and (max-width: 325px) {
	
  .category-select{
  	padding: 10px 5px 13px 5px !important;
  }
}

/* course catalog list type and common rules */
.courses-sort {
    font-size: 12px;
    color: #666;
}

.course-is-new {
    /*color:#005FA9;*/
    color:#f9a106;
}

.entry-box .courses-header h5 {
    font-size: 14px;
    font-weight: normal;
    color: #444;
}

.entry-box .course-item .course-title { 
    font-size: 14px; 
}

.course-item p {
    line-height: 16px;
}

.course-category {
    text-transform: uppercase; 
    color: #333; 
}

.course-catalog-quote-carousel {
	/*height:160px;*/
	margin-top:16px;
}

.course-catalog-quote-carousel-dot-on {
    background:url("kopa/images/courses/quote-carousel-circle-on.png") no-repeat 0 0 transparent;
    padding:4px;
}

.course-catalog-quote-carousel-dot-off {
    background:url("kopa/images/courses/quote-carousel-circle-off.png") no-repeat 0 0 transparent;
    padding:4px;
}

.course-list-no-results {
	text-align:center;
	padding:5px;
    font-family:'Patua One',cursive;
    color:#666666;
    font-size:14pt;
}

.quote-carousel-container {
    display:block;
    line-height:1.8em;
}

.quote-carousel-container-height {
    height: 80px;
}

.quote-title{
    /*margin-left:5%;*/
    font-size:14px;
    width:90%;"
}
.quote-carousel-quote {
    /*margin-left:5%;*/
    font-size:12px;
    width:90%;"
}

.quote-carousel-author {
    text-align:right;
    font-size:12px;
    /*margin-right:5%;*/
    font-weight:bold;
}

.quote-container-area {
    min-height: 66px;
}

.quote-carousel-nav-dot-container {
    text-align:right;
    margin-top:5px;
    /*margin-right:5%;*/
    float:right;
}

.quote-carousel-nav-dot {
	float:left;
}

.quote-carousel-nav-dot:hover {
    cursor:hand;
	cursor:pointer;
}

/* List Carousel Course Catalog */
@media only screen and (min-width: 940px) and (max-width: 1120px) {
	.list-carousel-course-catalog.responsive {
	    margin:px 1.392758%;
	}
	.list-carousel-course-catalog .next {
	    right:1.392758%;
	}
	.list-carousel-course-catalog .prev {
	    right:8.356546%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 939px) {
    .list-carousel-course-catalog.responsive {
        margin:20px 1.392758%;
    }
    .list-carousel-course-catalog .next {
        right:1.392758%;
    }
    .list-carousel-course-catalog .prev {
        right:8.356546%;
    }
}

@media only screen and (max-width: 767px) {
    .list-carousel-course-catalog.responsive {
        margin:20px 1.392758%;
    }
    .list-carousel-course-catalog .next {
        right:1.392758%;
    }
    .list-carousel-course-catalog .prev {
        right:9.056546%;
    }
}

@media only screen and (min-width: 300px) and (max-width: 479px) {
    .list-carousel-course-catalog .prev {
        right: 11.9566%;
    }
}

.list-carousel-course-catalog > ul {
    display: block;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    height:100%;
}
.list-carousel-course-catalog ul li {
    display: block;
    float: left;
    padding: 0;
    width: 226px;
    height:100%;
    margin:0 10px;
}
.list-carousel-course-catalog ul li article img {
    width:100%;
    height:auto;
    display:block;
}
.list-carousel-course-catalog .highlighted-courses,
.list-carousel-course-catalog .related-articles{
    height: 130px;
    overflow: hidden;
}
.list-carousel-course-catalog.responsive {
    width: auto;
    margin:20px 10px 20px 10px;
    position:relative;
}
.list-carousel-course-catalog .next, .list-carousel-course-catalog .prev {
    background: url("images/slider/slider-nav.png") no-repeat scroll 0 0 #555555;
    cursor: pointer;
    display: block;
    height: 28px;
    position: absolute;
    text-indent: -9999px;
    top: -64px;
    width: 28px;
    z-index: 10;
    border:solid 1px #555;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.list-carousel-course-catalog .next {
    background-position: -80px 5px;
    right: 10px;
}
.list-carousel-course-catalog .next:hover,
.list-carousel-course-catalog .prev:hover{
    border:1px solid #fff;
    background-color:#005FA9;
    color:#fff;
    box-shadow:0 0 5px #999;
    -moz-box-shadow:0 0 5px #999;
    -webkit-box-shadow:0 0 5px #999;
}
.list-carousel-course-catalog .prev {
    background-position: 7px 5px;
    right: 42px;
}
.k-featured-img{
    display:block;
}

.list-carousel-course-catalog .feature-image {
    position:relative;
}
.list-carousel-course-catalog .feature-image .entry-title {
    position:absolute;
    left:0;
    bottom:0;
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter:alpha(opacity=80);
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */	
    /*background:#000;*/
    background: url('images/background/bg-small-carousel.png') top left repeat transparent;
    text-align:center;
    text-transform:uppercase;
    color:#fff;
    font-size:11px;
    margin-bottom:0;
    width:100%;
    padding:8px;
}

.course-page-num-days-container
{
	margin: 10px 0 0 0;
}

#sched-reg-container .course-page-text-container
{
	margin: 0 0 0 0;
}

#sched-reg-container .course-page-text-container:last-child {
    margin: 0 0 10px 0;
}

#sched-reg-container .course-page-text-container:first-child {
    margin: 10px 0 0 0;
}

#sched-reg-desc
{
    margin: 5px 0 0 0;
}

.course-page-text-label
{
   /*font-size:small;*/
   display: inline-block;
   width:50px;
   font-size:12px;
   padding-right:10px;
   color:#555;
   font-family: 'Patua One',cursive;
}

.course-page-date-text
{
	display: inline-block;
	width:50px;
	font-size:14px;
	color:#000;
	font-weight: bold;
	font-family: Arial,Helvetica,sans-serif;
}

.course-page-no-courses-text
{
	display: inline-block;
	font-size:12px;
	color:#555;
	font-style:italic;
	font-family: Arial,Helvetica,sans-serif;
}

.course-page-num-days-text
{
	display: inline-block;
	width:80px;
	font-size:14px;
	color:#000;
	font-weight: bold;
	font-family: Arial,Helvetica,sans-serif;
}

.course-page-date-link {
   font-size:14px;
   color:#0060AA;
   font-family: Arial,Helvetica,sans-serif;
   font-weight: bold;
}

.course-page-all-year-date-link {
   font-size:14px;
   padding-left: 5px;
   color:#0060AA;
   font-family: Arial,Helvetica,sans-serif;
   font-weight: bold;
}

.shadow-box .entry-header-divider {
    background:url(images/background/widget-header-pattern.png) repeat-x 0 bottom;
    padding: 0 0 10px 10px;
    margin: 0 0 20px 0;
}

/* Images */
.course-sort-image {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    background: url('kopa/images/courses/courselist-sort-a-z.png') no-repeat top left transparent;
}

.course-header img
{
	border: none;
}

.course-info-tab-static {
    background-color: #7aabd0;
    cursor:default;
}

.addthis-buttons .addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m{
	padding: 0 5px;
}

.addthis-buttons a.addthis_button_compact.at300m{
	padding: 0 5px;
}

@media all and (max-width: 325px) {  
  .category-select {
    height: 135px;
    background-color: #d2d2d2;
    margin-bottom: 15px;
    padding: 4px;
  }
}

/**************************************************************************************/
/**************************************************************************************/
/**************************************************************************************/
/**************************************************************************************/

/*Schedule & Registration date formatting*/
@media only screen and (max-width: 966px) {
	
	.course-page-date-link{
		font-size: 13px;
	}
	
	.course-page-date-text {
		font-size: 13px;
		margin-right: -15px;
	}
	
	.course-page-text-label{
		font-size: 13px;
		margin-right: -8px;
	}
	
	.course-page-num-days-text{
		font-size: 13px;
	}
}

/*Schedule & Registration date formatting*/
@media only screen and (max-width: 840px) {

	.course-page-date-link{
		font-size: 11.5px;
	}
	
	.course-page-date-text {
		font-size: 11.5px;		
		margin-right: -17px;
	}
	
	.course-page-text-label{
		font-size: 11.5px;
		margin-right: -7px;	
	}
	
	.course-page-num-days-text{
		font-size: 11.5px;
	}
}

/*******************************
** Tooltip popup for reminder **
*******************************/
.ui-tooltip, .arrow:after {
	background: white;
    border: 2px solid white;
}
.ui-tooltip {
    padding: 10px 20px;
    /*color: black;*/
    border-radius: 3px;
    /* font: bold 14px "Helvetica Neue", Sans-Serif; */
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
      color: #333333;
    /*text-transform: uppercase;*/
    box-shadow: 0 0 7px black;
}
.ui-tooltip-content a {
	color: #0060AA;
}
.ui-tooltip .ui-tooltip-content h2 {
	padding: 0 0 0 5px;
	margin: 5px 0 5px 0;
}

.course-page-text-container .hover-disable a:hover {
	Cursor: default;
	Text-Decoration: None;
	color: #333333;
}

.course-page-text-container .hover-disable a {
	color: #333333;
}

.arrow {
    width: 30px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 85%;
    bottom: -17px;
}
.arrow.top {
    top: -16px;
    bottom: auto;
}
.arrow.left {
    left: 80%;
}
.arrow:after {
    content: "";
    position: absolute;
    left: 7px;
    top: -20px;
    width: 15px;
    height: 25px;
    box-shadow: 6px 6px 4px -5px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.arrow.top:after {
    bottom: -20px;
    top: auto;
}