/********************************************************
** style_vcc.css                                       **
** A CSS file made by VCC staff, to override style.css **
*********************************************************/


/*============================
 Forms 
 ============================*/

/* Insert the form within a div with class "tableForm" == Hila == */

.tableForm tr {
  vertical-align: top;
}

.tableForm form label {
  width: auto !important;
  margin-right: 0 !important;
}

.tableForm form label.checkboxlabel {
  padding-left: 5px;
  padding-right: 5px;
}


.tableForm form input.autoWitdh {
  width: auto !important;
}

/*============================
 Collapsable Lists 
 ============================*/

/* Add class innderdiv_expand to the 2nd inner div (inside the hidden) == Hila == */

.innderdiv_expand {
  background-color: #f2eeee;
  padding: 15px;
}

/*============================
 News Image Floating 
 =============================
/* Float the image with class newsImage Doris */

.floatright {
  float: right;  
}
.floatleft {
  float: left;
}

.newslisttitle {
    margin: 10px 0;
  font-family: inherit;
  font-weight: bold;
  font-size: 24.5;
  color: inherit;
  text-rendering: optimizelegibility; }
}



/*============================
Image Slide Show for International
 =============================
/* Images with 625width x 269height --Haziel*/
#image-slider-wrap-international {
  margin-bottom: 60px; }
  #image-slider-wrap-international .slideshow {
    margin-left: 20px !important; }
  #image-slider-wrap-international .slideshow-items {
    margin-left: auto;
    margin-right: auto;
    width: 625px; }
  #image-slider-wrap-international h3 {
    position: absolute;
    bottom: 30px;
    left: 0px;
    background-color: #7fba00;
    color: white;
    width: 45.1219512195122%;
    padding-left: 2.43902%;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 1.21951%;
    font-family: 'Source Sans Pro', 'Roboto', 'Arial', 'Helvetica', sans-serif;
    letter-spacing: normal;
    font-weight: 500;
    font-size: 1.625em;
    /* 26px */
    /* background opacity */
    background-color: rgba(127, 186, 0, 0.75); }
    #image-slider-wrap-international h3 a {
      display: block;
      color: inherit;
      background-color: transparent; }
  #image-slider-wrap-international .image-slide {
    width: 625px;
    height: 269px;
    overflow: hidden;
    margin-bottom: 20px; }
  #image-slider-wrap-international img {
    width: 625px; }
  #image-slider-wrap-international .next, #image-slider-wrap-international .prev {
    position: absolute;
    width: 40px;
    height: 269px;
    top: 0px; }
    #image-slider-wrap-international .next span, #image-slider-wrap-international .prev span {
      display: block;
      height: 40px;
      width: 40px;
      margin-top: 130px;/*height of arrows*/
      background-image: url(/media/vancouver-community-college/style-assets/css/style-images/sprites-23-june-2016.png); /* sprites.png */
      background-repeat: no-repeat; }
      #image-slider-wrap-international .next span:hover, #image-slider-wrap-international .prev span:hover {
        cursor: pointer; }
  #image-slider-wrap-international .next {
    right: 0px; }
    #image-slider-wrap-international .next span {
      background-position: 7px -125px; }
  #image-slider-wrap-international .prev {
    left: 0px; }
    #image-slider-wrap-international .prev span {
      background-position: 9px 0px; }

/* End Image slideshow for International - Haziel*/


/*============================
Image SlideShow RESPONSIVE for International
 =============================
/* Images with 260widtht --Haziel*/
/* Image slideshow Responsive */
@media screen and (max-width: 320px) {
  #image-slider-wrap-international {
    margin-bottom: 20px;
    padding: 0px;
    width: 100%;
    min-width: 320px; }
    #image-slider-wrap-international .slideshow {
      margin-left: 0px !important; }
    #image-slider-wrap-international .slideshow-items {
      width: 100%;
      max-width: 260px; }
    #image-slider-wrap-international h3 {
      font-size: inherit; }
    #image-slider-wrap-international .image-slide {
      width: 100%;
      height: 159px;
      overflow: hidden; }
    #image-slider-wrap-international img {
      width: 100% !important;
      max-width: 260px; }
    #image-slider-wrap-international .next, #image-slider-wrap-international .prev {
      width: 30px;
      height: 159px; }
      #image-slider-wrap-international .next span, #image-slider-wrap .prev span {
        width: 30px;
        height: 20px;
        background-position: 0px;
        margin-top: 72px; }
    #image-slider-wrap-international .prev span {
      background-image: url(/media/vancouver-community-college/style-assets/css/style-images/arrow-left-dark-small.png); /* arrow-left-dark-small.png */
      background-position: 19px 0px; }
    #image-slider-wrap-international .next span {
      background-image: url(/media/vancouver-community-college/style-assets/css/style-images/arrow-right-dark-small.png); /* arrow-right-dark-small.png */
      background-position: 2px 0px; } }
/* End Image slideshow Responsive */


/*==========================================
	slideshow galleries except International - Haziel
===========================================*/

/* Images with 700width x 465height --Haziel*/
#image-slider-wrap-programs {
  display: block; margin: 0 auto; width:80%; min-height:400px }

 /*#image-slider-wrap-programs .slideshow {
    margin-left: 13px !important;}*/ /*took it out to center the gallery*/

  #image-slider-wrap-programs .slideshow-items {
    margin-left: auto;
    margin-right: auto;
    /*max-width: 100%;*/ }
  #image-slider-wrap-programs h3 {
    position: absolute;
    bottom: 30px;
    left: 0px;
    background-color: #7fba00;
    color: white;
    width: 45.1219512195122%;
    padding-left: 2.43902%;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 1.21951%;
    font-family: 'Source Sans Pro', 'Roboto', 'Arial', 'Helvetica', sans-serif;
    letter-spacing: normal;
    font-weight: 500;
    font-size: 1.625em;
    /* 26px */
    /* background opacity */
    background-color: rgba(127, 186, 0, 0.75); }
    #image-slider-wrap-programs h3 a {
      display: block;
      color: inherit;
      background-color: transparent; }
  #image-slider-wrap-programs .image-slide {
    max-width: 90%;display: block; margin: 0 auto;
    height: auto;
    overflow: hidden;position: absolute;border: 1px green solid;
     }
  #image-slider-wrap-programs img {
    max-width: 85%; height:auto; z-index:1; display:block; margin:0 auto;}
  #image-slider-wrap-programs .next, #image-slider-wrap-programs .prev {
    position: absolute;
    width: 40px;
    height: 531px;
    top: 0px; z-index:5;}
    #image-slider-wrap-programs .next span, #image-slider-wrap-programs .prev span {
      display: block;
      height: 40px;
      width: 40px;
      margin-top: 212px;/* height placement of arrows*/
      background-image: url(/media/vancouver-community-college/style-assets/css/style-images/sprites-23-june-2016.png); /* sprites.png */
      background-repeat: no-repeat; }
      #image-slider-wrap-programs .next span:hover, #image-slider-wrap-programs .prev span:hover {
        cursor: pointer; }
  #image-slider-wrap-programs .next {
    right: 40px; }
    #image-slider-wrap-programs .next span {
      background-position: 7px -125px; }
  #image-slider-wrap-programs .prev {
    left: -40px; }
    #image-slider-wrap-programs .prev span {
      background-position: 9px 0px; }
/* End Image slideshow for all programs - Haziel*/


/*============================
Image SlideShow RESPONSIVE for programs except international
 =============================
/* Images with 260width --Haziel*/
/* Image slideshow Responsive */
@media screen and (max-width: 320px) {
  #image-slider-wrap-programs {
    margin-bottom: 20px;
    padding: 0px;
    width: 100%;
    min-width: 320px; }
    #image-slider-wrap-programs .slideshow {
      margin-left: 0px !important; }
  #image-slider-wrap-programs .slideshow-dept {
    margin-left: 0px !important; }/*for department prog highlights*/
    #image-slider-wrap-programs .slideshow-items {
      width: 100%;
      max-width: 260px; }
    #image-slider-wrap-programs h3 {
      font-size: inherit; }
    #image-slider-wrap-programs .image-slide {
      width: 100%;
      height: 173px;/*originally 159px*/
      overflow: hidden; }
    #image-slider-wrap-programs img {
      max-width: 100% !important; /*width:100%; max-width: 173px;*/
      height: auto; }
    #image-slider-wrap-programs .next, #image-slider-wrap-programs .prev {
      width: 30px;
      height: 159px; }
      #image-slider-wrap-programs .next span, #image-slider-wrap-programs .prev span {
        width: 30px;
        height: 20px;
        background-position: 0px;
        margin-top: 72px; }
    #image-slider-wrap-programs .prev span {
      background-image: url(/media/vancouver-community-college/style-assets/css/style-images/arrow-left-dark-small.png); /* arrow-left-dark-small.png */
      background-position: 19px 0px; z-index: -100;}
    #image-slider-wrap-programs .next span {
      background-image: url(/media/vancouver-community-college/style-assets/css/style-images/arrow-right-dark-small.png); /* arrow-right-dark-small.png */
      background-position: 2px 0px;  z-index: -100;} }
/* End Image slideshow Responsive */


/*============================
 centerlist order
 ============================*/

/* centerlist on Board of Gov - anchor tags == Haziel == */
#centerlist ul
{
margin: 0 auto;
	padding: 0;
list-style-type: disc;
text-align: left;
width: 300px;
/*border:#F00 thin dashed;*/
}

#centerlist ul li { display: list-item; }



#centerlist625 ul
{
margin: 0 auto;
	padding: 0;
list-style-type: disc;
text-align: left;
width: 640px;/*625px*/
/*border:#F00 thin dashed;*/
}

#centerlist625 ul li { display: list-item; }

/* End centerlist on Board of Gov - anchor tags - Haziel*/



/*#music_bios_roll {
display: block;     
width: 125px;     
height: 125px;      
background: url(/media/vancouver-community-college/content-assets/image/departments/music-button-bios.png); 
}
#music_bios_roll:hover {
display: block;     
width: SIZEpx;     
height: SIZEpx;      
background: url(/media/vancouver-community-college/content-assets/image/departments/music-button-bios-down.png);
}


#music_videos_roll {
display: block;     
width: 125px;     
height: 125px;      
background: url(/media/vancouver-community-college/content-assets/image/departments/music-button-videos.png); 
}
#music_videos_roll:hover {
display: block;     
width: SIZEpx;     
height: SIZEpx;      
background: url(/media/vancouver-community-college/content-assets/image/departments/music-button-videos-down.png);
}*/

/*============================
 Ruler -grey
 ============================*/
hr.prog-area-catergory-ruler{
border: 1px solid #e5e5e5;
width:90%;
margin-left: auto;
    margin-right: auto; /*centering hr*//* -haziel*/ }

/*============================
 Nav - Li -less than symbol
 ============================*/
ul.nav-prog-links-less-than {
  text-transform: none;
  margin: 10px;
  padding: 0; }


ul.nav-prog-links-less-than li {
    line-height: 1.5em;/*--was 20px--*/
    margin: 0 0 1em 0;
    padding: 0 0 0 1em;
    list-style: none;
    background: url(/media/vancouver-community-college/style-assets/css/style-images/sprites-23-june-2016.png) 0 -177px no-repeat transparent; } /* sprites.png */

ul.nav-prog-links-less-than2 {
  text-transform: none;
  margin: 10px;
  padding: 0;
}

ul.nav-prog-links-less-than2 li {
    line-height: 1.5em;/*--was 20px--*/
    margin: 0 0 1em 0;
    padding: 0 0 0 20px; 
list-style-image: url();} /* not sprites.png */



/*============================
 Bootstrap Icon Glyps

/media/vancouver-community-college/style-assets/img/glyphicons-halflings.png black icons
 whiteicons
 ============================*/

 .icon-bullhorn {
  background-image: url(/media/vancouver-community-college/style-assets/img/glyphicons-halflings.png); /* sprites.png */
  background-position: -24px -144px;
}



/*=============================================
Fees and Cost Table 
 ===========================================*/

 .fees-table{
	width: 90%; /* 66%; Changed to relative width Michael TERMINALFOUR for responsive 6th March 2014 */
	color:#000;
	background-color: transparent;
  font-family: 'Source Sans Pro', 'Roboto', 'Arial', 'Helvetica', sans-serif;  
  font-size: 17px;/*--was-14----*/font-weight:400;
  line-height: 1.5em;/*---was-20px-----*/
  color: #4d4d4d;
   font-weight:400;
/*border:#33F thin solid;*/
}
#table-one-column-emphasis {
	border-collapse: collapse;/*collapsed model cells shareborders*/
	font-size: 17px;
	width: 100%;
	text-align: left;
	margin-left: auto;
    margin-right: auto;
  font-weight:400;
}


#table-one-column-emphasis th {
	padding: 5px 10px;/*change size of fee $$$ width*/
	color: #2d2d2d;
	border-top: 1px solid #7fba00;
	text-transform: none;/*capitalization*/
	white-space: nowrap;  /*text continues on the same line - no line break*/
  font-weight:400;
  width: 25%; /*added by hk may26,2016*/
}

/*#table-one-column-emphasis td {
	padding-top: 5px;
  padding-bottom:5px;
    padding-left:20px;
	color: #666;
	border-top: 1px solid #7fba00;
}*/

.term-font-small{font-size:14px;}

#table-one-column-emphasis td.thirdcol {
	padding-top: 5px;
  padding-bottom:5px;
    padding-left:20px;
	color: #666;
	border-top: 1px solid #7fba00;
}
.fees-firstcolumn {
	background: #e0e0e0;
}


.fees-secondcolumn {
	text-decoration:none;
  border-left:1px solid #7fba00;
}


.fees-thirdcolumn 
{ border-left:1px solid #7fba00;
/*background: #e6f0f4;*/
}


#table-one-column-emphasis tr:hover th {
	color: #fff;
	background: #7fb900;
}


#table-one-column-emphasis tr:hover td {
	color: #fff;
	background: #689900;
}
#table-one-column-emphasis tr:hover td a{color: #0000ff;text-decoration: underline;} /*hk added may25,2016*/

#table-one-column-emphasis tr:hover td.thirdcol {
	color: #fff;
	background: #87c700;
}
/*---fees and cost table ENDS------*/



/*=============================================
 Courses Table 
 ===========================================*/

 .course-table{
	width: 66%; /* Changed to relative width Michael TERMINALFOUR for responsive 6th March 2014 */
	color:#000;
	background-color: transparent;
  font-family: 'Source Sans Pro', 'Roboto', 'Arial', 'Helvetica', sans-serif;   
  font-size: 17px;/*--was-14----*/font-weight:400;
  line-height: 1.5em;/*---was-20px-----*/
  color: #4d4d4d;
   font-weight:400;
/*border:#33F thin solid;*/
}
#table-one-column-emphasis {
	border-collapse: collapse;/*collapsed model cells shareborders*/
	font-size: 17px;
	width: 100%;
	text-align: left;
	margin-left: auto;
    margin-right: auto;
  font-weight:400;
}

/*hk START - Term title*/
#table-one-column-emphasis  th.term-title {border:0px;}

#table-one-column-emphasis  th.term-title  #term-title-radius {
  background: #7fba00;
  
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */ -webkit-border-radius: 0px 0px; /*10px 0px*/
  /* Firefox 1-3.6 */ -moz-border-radius:0px 0px;
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */ border-radius:0px 0px 0px 0px; 
}

#table-one-column-emphasis  th.term-title .term-title-square {
    height: 40px;
    margin-bottom: -5px;
    margin-left: -10px;
    width: 150px;
	}

#table-one-column-emphasis  th.term-title  p.course-term-center {
	color:#fff;
	/*border: thin solid #000;*/
	padding: 10px;
	width: 60%;
    margin: auto;
	text-align: center ;
	font-weight:600
}
/*hk END - Term title*/




#table-one-column-emphasis th {
	padding: 5px 10px;/*change size of fee $$$ width*/
	color: #2d2d2d;
	border-top: 1px solid #7fba00;
        border-bottom: 1px solid #7fba00;
	text-transform: none;/*capitalization*/
	white-space: nowrap;  /*text continues on the same line - no line break*/
  font-weight:400;
}

#table-one-column-emphasis td {
	padding-top: 5px;
  padding-left:5%;  /* 3.7243947858473%;Michael T4 - change to % value. 10px/537px - approximate with of a row at browser full width */
  width: 46.2756052141527% ;
	color: #666;
	border-top: 1px solid #7fba00;
        border-bottom: 1px solid #7fba00;
}

.term-font-small{font-size:14px;}

#table-one-column-emphasis td.thirdcol {
	padding-top: 5px;
  padding-bottom:5px;
    padding-left:20px;
	color: #666;
	border-top: 1px solid #7fba00;
        border-bottom: 1px solid #7fba00;
}
/*-------hk othercosts may 30,2016----*/

#table-one-column-emphasis td #othercosts td{
	padding-top: 5px;
	padding-left:0%;  /* 3.7243947858473%;Michael T4 - change to % value. 10px/537px - approximate with of a row at browser full width */
	width: 0%;
	color: #666;
	border-top: 0px solid #7fba00;
	border-bottom: 1px solid #7fba00;
	border-right:0px solid #7fba00;
}

#table-one-column-emphasis td #othercosts td:first-child{
	width: -100px;
	
}


#table-one-column-emphasis td #othercosts tr:last-child td:last-child{
	border-bottom: 1px solid #7fba00;
}



/*#table-one-column-emphasis tr:hover td #othercosts tr:hover td {
	color: #fff;
	background: #689900;
}*/

#othercosts {
	border-collapse: collapse;/*collapsed model cells shareborders*/
	font-size: 17px;
	width: 100%;
	text-align: left;
	margin-left: auto;
    margin-right: auto;
  	font-weight:400; 
	border-style:none;
}

#table-one-column-emphasis tr:hover td:hover #othercosts:hover td{
color:#fff;
}


/*------END-hk othercosts may 30,2016----*/


.course-firstcolumn {
	/*background: #e0e0e0;*/
}


.course-secondcolumn {
	text-decoration:none;
 /* border-left:1px solid #7fba00;*/
}


.course-thirdcolumn 
{ /*border-left:1px solid #7fba00;*/
/*background: #e6f0f4;*/
}

#table-one-column-emphasis th.course-title .course-title-left-padding {
   padding-left: 15px;
   padding-right: 5%;
  color:#4d4d4d;
}

#table-one-column-emphasis tr:hover th {
	color: #fff;
	background: #76ad00;
}


#table-one-column-emphasis th.course-title a{
	color: #005bcc;
}

/*#table-one-column-emphasis tr:hover th a:hover{
	color: #0000ff;
	background: #76ad00;
text-decoration: underline;
}*/


#table-one-column-emphasis tr:hover th a{
	color: #0000ff;
	background: #76ad00;
  text-decoration: underline;
}

#table-one-column-emphasis tr:hover td {
	color: #fff;
	background: #689900;
}


/*#table-one-column-emphasis tr:hover td.thirdcol {
	color: #fff;
	background: #87c700;
}*/
#table-one-column-emphasis tr:hover td.thirdcol a{
	color: #0000ff;
text-decoration: underline;
}


/* Added Michael TERMINALFOUR for responsive tables in Program Info Holder 6th March 2014 */
@media screen and (max-width: 880px) { 
  .fees-table, .course-table { width: 100%} /* MM T4 - make containing section 100% */
  .course-table #table-one-column-emphasis {background-color: transparent;  }
  .course-table #table-one-column-emphasis th, .course-table #table-one-column-emphasis td {width: 33.3333333%; background-color: transparent; color: #666 }

}
/* Add all to CSS in media library */
@media screen and (max-width: 880px) {
  #table-one-column-emphasis td { background-color: #fff}
  #table-one-column-emphasis th { white-space: normal; }
}
@media screen and (max-width: 480px) {
  .course-table #table-one-column-emphasis th, .course-table #table-one-column-emphasis td {color: #fff }
  
  
#image-slider-wrap-programs img {
    max-width:80%; height:auto; margin: 0 auto;display: block;}
  
}

/*---fees and cost table ENDS------*/




/*=============================================
   Marketing pages
 ===========================================*/

/*===Partnership logos===*/
img.dept-partnerships{
float: left;
padding: 0 15px 0 0;
} 


/*===Awards pics===*/
img.dept-awards{
float: left;
padding: 0 15px 0 0;
} 



/*===Testimnial blockquotes===*/
blockquote.testimonial-quote {  
  /*background: url('http://www.vcc.ca/media/vancouver-community-college/content-assets/image/departments/dept-testimonial-icon-grey.png') top left no-repeat; */
  /*padding-left: 55px; */
  margin-left: auto;
    margin-right: auto;
  width: 80%;
}

blockquote.testimonial-quote p { 
  padding-right: 35px; 
  line-height: 1.5em; 
  /*background: url('http://www.vcc.ca/media/vancouver-community-college/content-assets/image/departments/dept-testimonial-icon-grey-end.png') bottom right no-repeat;*/ 
  padding-bottom: 15px; padding-right: 15px; 
  }

p.testimonial-name {
	text-align:right;
  padding-right: 15%;
}

.texttop-imagebottom {
  vertical-align:top;
margin-left:10px;
} 


/*---Marketing pages ENDS------*/

/*=============================================
   H1 - International Header Title
 ===========================================*/

h1.international {
    font-family:'Source Sans Pro', 'Roboto', 'Arial', 'Helvetica', sans-serif;
    font-size: 1.875em;
	color: #fff;
	letter-spacing: -0.5px;
	font-weight: bold;
	background-color:#004380;
	padding: 5px 25px;
	
	float:left;
	clear: left;
}

/* 
  Add by Michael TERMINALFOUR 6th Mar 2014
  For info sessions sign-up form in Program Info Holder so that it is responsive
 */
#signUpForm { width:60%; padding:0px 0px 0px 0px; }
#signUpForm td  { font-size:1em; padding:0px 0px 0px 0px; vertical-align: bottom; }
input[type=text] {width:240px;}
#signUpForm input[type=checkbox] { width: auto;}
#subscribe { font-size:0.99em; vertical-align: top; margin: 0px 0px 10px 0px; }

@media screen and (max-width: 840px) { 
  table#signUpForm { width: 100%; display: block;}
  table#signUpForm tr {height: auto ;}
  table#signUpForm tr,table#signUpForm tbody, table#signUpForm thead, table#signUpForm th {display: block}
  table#signUpForm td { width: 50%; display: block}
  input[type='text'], select {width: 95%; margin-right: 5%;}
}
 @media screen and (max-width: 640px) {
  table#signUpForm td { width: 100%; display: block; float: left; clear: both;}
  input[type='text'], select { width: 95%; margin-right: 5%;}
 }


/*----------------------------------------
responsive video display - Added by Haziel

------------------------------------------*/

.videoresponsive {
	position: relative;
	padding-bottom: 56.25%;
  	height: 0;
	overflow: hidden;

}

.videoresponsive iframe,  
.videoresponsive object,  
.videoresponsive embed {
	position: absolute;
	top: 0;
	left: 0;
	width:93%;/*width: 100%;*/
	height: 100%;
}

/*---------------------------*/


/*----------------------------------------
accordion (non-bootstrap, but solely css) - Added by Haziel
-used in FA
------------------------------------------*/

#accordiondrop input {
	display: none;
}

#accordiondrop label {
	/*background: #84bd00;*/
	border-radius: .25em;
	cursor: pointer;
	display: block;
	/*margin-bottom: .0em;*/
	padding: .50em 1em; /*height of green box title*/
	z-index: 20;
	
	background-color: #7FAC02;
    background-image: linear-gradient(to bottom, #7FBA00, #819705);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);	
}

#accordiondrop label:hover {
	background: #819705;
}


#accordiondrop input:checked + label {
	background: #84bd00;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	color: white;
	margin-bottom: 0;
}


#accordiondrop article {
	background: #fff;
	height:0px;
	overflow:hidden;
	z-index:10;
	border-bottom:#E5E5E5 thin solid;
	border-left:#E5E5E5 thin solid;
	border-right:#E5E5E5 thin solid;
	border-top: 0px solid #E5E5E5;	
}


#accordiondrop article p {

	padding: .25em 1em .25em 1em;
}


#accordiondrop article  h4 {

 font-size: 1.2em;	
  padding: .25em 1em 1em 1em;
  font-weight:600;
}

#accordiondrop article  hr  {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: # #E5E5E5 -moz-use-text-color #FFFFFF;
    border-image: none;
    border-left: 0 none;
    border-right: 0 none;
    border-style: solid none;
    border-width: 1px 0;
    margin: 20px 0;
}


#accordiondrop input:checked article {
}


#accordiondrop input:checked ~ article {
	border-bottom-left-radius: .25em;
	border-bottom-right-radius: .25em;
	height: auto;
	margin-bottom: .125em;
	/*margin-bottom: .125em;*/
}


.caret {
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    border-top: 7px solid #002B52;
    content: "";
    display: inline-block;
    height: 0;
    padding: 3px 0 0;
    width: 0;
}
/*---------------------------*/


/*----------Foundation Image Slider-----------------*/
#image-slider-wrap-foundation {
  margin-bottom: 60px;
  width: 411px;}

#image-slider-wrap-foundation .slideshow-items {
  width: 411px; }

 #image-slider-wrap-foundation .image-slide {
    width: 411px;
    height: 250px;
    overflow: hidden;
    margin-bottom: 20px; }



#image-slider-wrap-foundation img {
    width: 411px; }


  #image-slider-wrap-foundation .next, #image-slider-wrap-foundation .prev {
    position: absolute;
    width: 40px;
    height: 531px;
    top: 0px; }


    #image-slider-wrap-foundation .next span, #image-slider-wrap-foundation .prev span {
      display: block;
      height: 40px;
      width: 40px;
      margin-top: 212px;/* height placement of arrows*/
      background-image: url(/media/vancouver-community-college/style-assets/css/style-images/sprites-23-june-2016.png); /* sprites.png */
      background-repeat: no-repeat; }


      #image-slider-wrap-foundation .next span:hover, #image-slider-wrap-programs .prev span:hover {
        cursor: pointer; }


  /*#image-slider-wrap-foundation .next {
    right: 0px; }

    #image-slider-wrap-foundation .next span {
      background-position: 7px -125px; }

	#image-slider-wrap-foundation .prev {
    left: 0px; }

    #image-slider-wrap-foundation .prev span {
  background-position: 9px 0px; }
  */
/* End Image slideshow for FOUNDATION - Haziel*/


/*-------Feedback button footer--------*/
/*
a.feedback_box {
    background: url(/media/vancouver-community-college/content-assets/image/inner-page/feedback-rectangle.png) repeat scroll 0 46px rgba(0, 0, 0, 0);
    bottom: 0px;
	right: 0px;
    cursor: pointer;
    display: block;
    height: 46px;
    line-height: 0;
    position: fixed;
    right: 0;
    text-indent: -9999px;
    width: 130px;
    z-index: 99999;
}
a.feedback_box:hover {
    background-position: 0 0;
}
*/

a.feedback_box {
  	background-color: #000;
    color: #fff;  
	margin: 0 auto;
	white-space: nowrap;
	bottom: 0;
	right: 0;
	position: fixed;
	z-index: 1000;
	height: 31px;
	padding: 8px 25px 8px;
}

a.feedback_box:hover,
a.feedback_box:active { 
  background-color: #cbd2d9;
  color: #000;
}

@media (max-width: 991px) {
  /*footer #feedbackBox { position: relative; }*/
  footer #feedbackBox,
  footer .feedback_box { display: none !important; }    
}
/*------END-Feedback button footer--------*/


/*----start-tooltip-(HK)----*/
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

/*----end-tooltip-(HK)----*/

body.homepage .hiddenDomestic,
body.inner-page .hiddenDomestic,
body.international-homepage .hiddenIE,
body.international-innerpage .hiddenIE { display: none !important; }

.no-padding-left {padding-left: 0!important; }
.width-100 { width: 100%!important; }

.p-15 { padding: 15px; }
.pr-15 { padding-right:15px; }
.pl-15 { padding-left:15px; }
.pt-15 { padding-top: 15px; }
.pb-15 { padding-bottom: 15px; }

.mb-22 { margin-bottom: 1.375rem !important; }

/* use with T4 TineMCE */
/* Font size */
.font-16 { font-size: 1rem !important; }
.font-18 { font-size: 1.125rem !important; }
.font-20 { font-size: 1.25rem !important; }
.font-22 { font-size: 1.375rem !important; }
.font-24 { font-size: 1.5rem !important; }
.font-28 { font-size: 1.75rem !important; }
.font-32 { font-size: 2rem !important; }
.font-40 { font-size: 2.5rem !important; }