/* CSS Document */

@import "datatables/media/css/jquery.dataTables.min.css"; 
@import "datatables/media/css/jquery.dataTables_themeroller.css";

/* =============================================================================
   Online Learning
   ========================================================================== */

#main table.pageTable tr:nth-of-type(even) td{
	background-color:#efefef;
}
#main table.pageTable tr:nth-of-type(odd) td{
	/*custom styles added for online site*/
	background-color:#ffffff;
	}
#main table.pageTable {
  empty-cells: hide;
}


.acgtc-programs-table {
	width: 100%;
}
.acgtc-programs-table th, .acgtc-programs-table td {
	width: 75%;
}
.acgtc-programs-table th:first-child, .acgtc-programs-table td:first-child {
	width: 25%;
}

.acgtc-programs-table th{
	text-align: left;
}
.acgtc-programs-table tbody tr:nth-of-type(odd) td{
	background-color:#ffffff;
}
.acgtc-programs-table tbody tr:nth-of-type(even) td{
	background-color:#efefef;
}

.acgtc-programs-table-programtitle {
	display: block;
}
.acgtc-programs-table-deliverytype {
	display: block;
	font-size: 0.7em;
}
.acgtc-fosdetails-programs-container, .acgtc-fosdetails-courses-container {
	float: left;
	width: 50%;
}
.acgtc-programs-programtitle {
	display: block;
}
.acgtc-programs-deliverytype {
	display: block;
	font-size: 0.7em;
}
.acgtc-programs-header {
	display: inline-block;
    clear: both;
	position:relative;
	width: 100%;
	background: #FFF !important; /* Override default header color on mobile */
	min-height: 30px !important; /* Override default header height of 150px */
    margin-bottom: 20px;
	
}

.acgtc-programs-header h1, .acgtc-programs-header h3 {
	float: left;
	margin:0px;
}
.js-select-program-year {
	float: left;
	margin-left: 20px;
}
.acgtc-programdetails-admission-current-year, .acgtc-programdetails-admission-next-year {
	float: left;
	width: 100%;
}
/*div[class^="acgtc-"] {
	float: left;
}*/
.acgtc-programdetails-admission h3 {
	float: left;
	width: auto;
}
.acgtc-current-year {
	float: right !important;
	line-height: normal;
}


.programCourseOnPageMenu{
	display:block;
	clear:both;
}

.programCourseOnPageMenu a{
	color:#01546f !important;
}

.programCourseOnPageMenu .programCourseOnPageMenuSubTitle{
	font-weight:bold;
}

.programCourseOnPageMenu a.currentPageHighlight{
	font-weight:bold;
	text-decoration:none;
}


@media screen and (max-width:780px){
	.acgtc-current-year{
		float: left !important;
	
		clear: both;
		margin-top: 20px;
	}
}
.acgtc-heading {
	float: left;
}
.acgtc-current-year span {
	font-size: 24px;
	display: block;
	/* color: #888; */
}

.half--bottom {
	margin-bottom: 20px;
}
.program__header__col {
	float: left;
	width: 50%;
	display: inline-block;
	vertical-align: baseline;
 /* *zoom: 1; */
	margin-bottom: 40px;
}
.program__header__col span {
	display: block;
	float: left;
	width: 100%;
	line-height: 1.4;
	font-family: 'proxima_nova_ltsemibold', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Verdana, "Bitstream Vera Sans", sans-serif;
}

@media screen and (max-width:780px) {

  .program__header__col {
    float: left;
    width: 100%;
    display: inline-block;
    vertical-align: baseline;
    /* *zoom: 1; */
    margin-bottom: 0;
    line-height: 1.2;
  }

  .program__header__col:last-child {
    margin-bottom: 20px;
  }
	
}

/* =============================================================================
   GTS Hacks
   ========================================================================== */

/* #main.gts {

} */

/* #main.gts a {
  text-decoration: none;
} */
@media screen and (max-width: 780px){
	#main{
		width:100%;
	}
}


#main.gts a:hover {
    color: #006341;
    text-decoration: underline solid #43B02A;
    background-color: #F3FCF3;
}  

#main.gts a:hover {
  color: #006341;
  text-decoration: underline;
}

/* calendar month navigation*/
.calendarNav{
	display: block;
    width: fit-content;
    margin: 0 auto;
    clear: both;
    border: 1px solid #006341;
	}
.calendarNav .acgtc-calendar-curmonth{
	font-size: 1.2em;
    padding: 5px;
    display: inline-block;
    vertical-align: middle;
}	
.calendarNav .acgtc-calendar-prev a, .calendarNav .acgtc-calendar-next a{
	font-size: 1.7em;
    background-color: #006341;
    color: #FFFFFF;
    padding: 10px;
    text-align: center;
	vertical-align:middle;
    display: inline-block;
	text-decoration:none;
}
/**/

#main.gts table.calendar a {
  color: #94c947;
  text-decoration: none;
}

#main.gts table.calendar a:hover {
  color: #fff;
  text-decoration: none;
}

#main.gts table, .ccolProgramTableAlt table {
  line-height: 1.2em;
  margin: 20px 0;
  padding: 0;
  background: #fbfbfb;
  border: 1px solid #ddd;
  border-bottom: none;
}

#main.gts .acgtc-coursedetails-schedule .scheduleTable {
    overflow-x: auto;
    font-size: 0.8rem;
}

#main.gts .acgtc-coursedetails-schedule .scheduleTable  th:nth-child(3) {
    /* Mode column */
    display: none;
}

#main.gts .acgtc-coursedetails-schedule .scheduleTable  td:nth-child(3) {
    /* Mode column */
    display: none;
}

@media (min-width: 768px) {
    /* Tablet or larger */
    #main.gts .acgtc-coursedetails-schedule .scheduleTable {
        font-size: 1rem;
    }
    #main.gts .acgtc-coursedetails-schedule .scheduleTable  th:nth-child(3) {
        /* Mode column */
        display: block;
    }
    #main.gts .acgtc-coursedetails-schedule .scheduleTable  td:nth-child(3) {
        /* Mode column */
        display: block;
    }   
}

#main.gts tr, .ccolProgramTableAlt tr {
  margin: 0;
  padding: 0;
  border: 0;
}

#main.gts td, .ccolProgramTableAlt td {
  margin: 0;
  padding: 8px;
  border: 0;
  border-bottom: 1px solid #ddd;
}

/*#main.gts td:hover {
  background: #fff;
}*/

#main.gts thead, #main.gts thead tr, .ccolProgramTableAlt thead, .ccolProgramTableAlt thead tr{
  padding: 0;
  border: 0
}

#main.gts th, .ccolProgramTableAlt th{
  color: #fff;
  padding: 10px;
  background-color: #006341;
  border: 0;
  
}



#main.gts th.grey, .ccolProgramTableAlt th.grey{
  color: #444;
  background: #f0f0f0;
}
#main.gts table a, .ccolProgramTableAlt table a{
	color:#01546f !important;/* darker link colour to reach AAA contrast on the grey background of this table*/
	}
	
/* courses table stuff */
#main.gts .acgtc-courses-table thead th{
	text-align:left;
	}
#main.gts .acgtc-courses-table td:first-child {
    width:100px;
}
#main.gts .acgtc-courses-table tbody tr:nth-of-type(odd) td {
	background-color:#ffffff;
}
#main.gts .acgtc-courses-table tbody tr:nth-of-type(even) td {
	background-color:#efefef;
}
#main.gts .acgtc-courses-table .acgtc-courses-on-campus-ico, #main.gts .acgtc-courses-table .acgtc-courses-online-ico{
	float:none;
	margin-left:auto;
	margin-right:auto;
	margin: 0 auto;
	display:block;
	width:18px;
	height:18px;
}
#main.gts .acgtc-courses-table tbody tr td:nth-of-type(2) {
    word-break: break-word;
}
.smallScreenOnly{
	display:none;
	}
@media screen and (max-width:380px){
	
	.smallScreenOnly{
		display:inline;
	}
	#main.gts .acgtc-courses-table{
		background-color:#ffffff;
	}

	#main.gts .acgtc-courses-table thead {
		display:none;
	}
	#main.gts .acgtc-courses-table tbody tr{
		 display:block;
		 clear:both;
		 width:100%;
		 padding-top:10px;
		 padding-bottom:10px;
	}
	#main.gts .acgtc-courses-table td:first-child{
		width:auto;
		}
	
	#main.gts .acgtc-courses-table tbody tr td:nth-of-type(n+3){
		display:none;
	}

	#main.gts .acgtc-courses-table .acgtc-courses-online-ico:before{
		content: '(Available Online)'
		}
	
	#main.gts .acgtc-courses-table .acgtc-courses-on-campus-ico:before{
		content: '(Available On Campus)';	
		}
	#main.gts .acgtc-courses-table .acgtc-courses-on-campus-ico, #main.gts .acgtc-courses-table .acgtc-courses-online-ico{
		display:inline;
	}
	#main.gts .acgtc-courses-table .acgtc-courses-on-campus-ico img, #main.gts .acgtc-courses-table .acgtc-courses-online-ico img{
		display:none !important;
		}
	
	#main.gts .acgtc-courses-table tbody tr:nth-of-type(odd){
		background-color:#efefef;
	}
		
	#main.gts .acgtc-courses-table tbody tr:nth-of-type(odd) td {
		background-color:transparent;
	}
	
	#main.gts .acgtc-courses-table tbody tr:nth-of-type(even) td {
		background-color:transparent;
	}

	#main.gts .acgtc-courses-table img{
		display:inline-block;
	}
}

#main table.scheduleHeadingTerm, #main table.tableNoStyle {
  font: 400 1.4em 'proxima_nova_rgregular',helvetica,arial,sans-serif;
  color: #006341;
  margin: 30px 0 0 0;
  background: none;
  border: none;
}

#main table.scheduleHeading {
  font-weight: bold;
  margin: 5px 0 0;
  background: none;
  border: none;
}

#main table.scheduleHeading a {
  font-weight: normal;
  margin: 0 0 0 10px;
}

#main table.scheduleHeadingTerm td, #main table.scheduleHeading td {
  padding: 0;
  border: 0;
}

#main table.scheduleTable td {
  font-weight: 400;
  background: #fff;
  min-height:44px;
}

#main table.scheduleTable td.sectionHeading {
  font-weight: normal;
  background: #fff;
}

#main.gts table.scheduleHeading tr:nth-of-type(odd) {
  background: #f9f9f9;
}

#main.gts .calendar-container h2, #main.gts .acgtc-coursedetails-coursecode h2, #main.gts .acgtc-fosdetails-overview h2, #main.gts .acgtc-infopage-content h2, #main.gts .program-detailsInfo h2, #main.gts .page-programInfo h2, #main.gts .acgtc-fosdetails-programs-container h2 {
  font-size: 1.7em;
  color: #222;
  margin: 15px 0 10px 0;
}
#main.gts .acgtc-fosdetails-overview{
	display:block !important;
	float:left !important;
	clear:both !important;
	width: 100% !important;
}

#main.gts img {
  display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#main.gts table.programTable img, .ccolProgramTableAlt table.programTable img {
  display: inline-block;
  vertical-align: basline;
  margin: 0 auto;
  padding: 0;
  border: 0;
}

#main.gts ul#inlineList {
  display: block;
  margin: -10px 0 25px 0;
  list-style: none;
}

#main.gts ul#inlineList li {
    /* display: inline; */
    display: inline-block;
 /* line-height: 1.3em; */
    margin: 0 6px 0 0;
    padding: 0;
    padding-top: 9px; /* AODA clickable space */
    padding-bottom: 9px; /* AODA clickable space */
}
  
#main.gts ul#inlineList li a {
    padding-top: 14px; /* AODA clickable space */
    padding-bottom: 14px; /* AODA clickable space */
}

#main.gts ul#inlineList li:after {
   content: ",";
}

#main.gts ul#inlineList li:last-child:after {
   content: "";
}

span.POSCoursesNotOffered {

  text-decoration: none;
  cursor: pointer;
}

span:hover.POSCoursesNotOffered {
  color: #006341;
  text-decoration: underline;
}

span.tooltip {
  display:none;
  position:absolute;
  width: 400px;
  font-size: 0.95em;
  line-height: 1.4em;
  color: #333;
  padding: 20px;
  background: #f7f7f7;
  border: 1px solid #ccc;
  -moz-box-shadow: 0px 0px 25px #bbb;
  -webkit-box-shadow: 0px 0px 25px #bbb;
  box-shadow: 0px 0px 25px #bbb;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}

span:hover.POSCoursesNotOffered > span.tooltip, a.tips:hover > span.tooltip {
  display:block;
}

span.tooltip h3 {
  font-size: 1.1em;
  margin: 0 0 6px 0;
}

span.tooltip p {
  font-size: 0.95em;
  line-height: 1.3em;
  margin: 0;
}

#POScourseDescriptions {
  display: none;
}

.acgtc-programdetails-footer {
 display: none;
}

#main.gts ul li {
    padding-top: 9px;
    padding-bottom: 9px;
}

#main.gts ul li > a:only-child {
    padding-top: 14px;
    padding-bottom: 14px;
}

#main.gts ul li span, #main.gts ul li a span {
  float: none;
  display: inline;
}

#main.gts ul li span.acgtc-programs-deliverytype, #main.gts ul li a span.acgtc-programs-deliverytype {
  display: block;
}

#main.gts .disclaimerNote{
	display:inline-block;
	box-sizing: border-box;
	width:100%;
	height:auto;
	padding:20px;
	color:#000;
	background: #fdffd3;
    border: 1px solid #d0d39b;
    -ms-word-break: none;
    word-break: none;
    word-break: none;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
	
	}
#main.gts .disclaimerNote p{
	margin-bottom:10px;
	}
	
nav#nav-programs .ac-btn {
    font-size: 1.2em; /* nav programs override for the longer text in the online site*/
}

/** online courses page list styles **/



#courseProgramFilterTable .courseOnlineActive{
	display: block;
    width: 50%;
    margin: 0 auto;
}

#courseProgramFilterTable *{
	font-size:initial !important;
}

#courseProgramFilterTable{
	width: 100% !important;
}

#courseProgramFilterTable td{
	min-height: 44px !important;
 	height: 2em !important;
}

#courseProgramFilterTable .courseAvailable{
	font-size: 40px !important;
	color: #006341;
	display: block;
	margin: 0 auto;
	width: 40px;
}


#courseProgramFilterTable .courseOnlineActive{
	/*content:'◆';*/
	display:inline-block;
	width:20px;
	height:20px;
	transform: rotate(0.12turn);
	background-color:#006341;
	color:#006341;	
	margin: 0 auto;
    display: block;
    text-align: center;
}

#courseProgramFilterTable_wrapper{
	padding-top:20px;
}

	

	
#courseProgramFilterTable_wrapper .dataTables_info{
	float: left !important;
    clear: left !important;
}

#courseProgramFilterTable_wrapper .dataTables_length {
    float: right !important;
    clear: right !important;
}

#courseProgramFilterTable_wrapper .dataTables_paginate {
	margin-top:15px !important;
    margin-bottom:15px !important;
	clear:both !important;
	display:inline-block !important;
	float:right;
	margin-right:0px;
}
#courseProgramFilterTable_wrapper #courseProgramFilterTable_filter *, 
#courseProgramFilterTable_wrapper .dataTables_paginate *, 
#courseProgramFilterTable_wrapper #courseProgramFilterTable_length *, 
#courseProgramFilterTable_wrapper #courseProgramFilterTable_info,
 #courseProgramFilterTable_wrapper .dataTables_info *{
	font-size:1.1em !important;
}

#courseProgramFilterTable_wrapper #courseProgramFilterTable_filter{
	display: block;
	float:left;
	margin-bottom: 10px;
}

#courseProgramFilterTable_wrapper #courseProgramFilterTable_filter input{
	margin-left:10px;
}
	
#courseProgramFilterTable_wrapper .dataTables_paginate{
  padding: 5px 5px 5px 5px;
}
	
#courseProgramFilterTable_wrapper .dataTables_paginate a{
	padding:10px;
	margin:5px;
	background-color:#006341;
	color:#FFFFFF !important;
	cursor:pointer !important;
}

#courseProgramFilterTable_wrapper .dataTables_paginate a:hover{
	color:#ffffff !important;
	background-color:#00673e !important;
}

#courseProgramFilterTable_wrapper .dataTables_paginate a.ui-state-disabled{
	color:#000000 !important;
	background-color:#d2d2d2 !important;
	text-decoration:underline !important;
}

@media screen and (max-width:880px){
#courseProgramFilterTable_wrapper #courseProgramFilterTable_filter , 
#courseProgramFilterTable_wrapper #dataTables_paginate , 
#courseProgramFilterTable_wrapper #courseProgramFilterTable_length , 
#courseProgramFilterTable_wrapper #courseProgramFilterTable_info, 
#courseProgramFilterTable_wrapper .dataTables_info {
	float: left !important;
    clear: both !important;
    margin-bottom: 10px !important;
}

#courseProgramFilterTable_wrapper .dataTables_paginate a{
	display:inline-block !important;
}

}
