/*
 * Iconic State Digital Agency Inc. 
 * SFU Computer Science - Main Style Sheet
 *
 */

 
 /*
  * GLOBAL STYLE PROPERTIES 
  ****************************************************************************/

 
/* @font-face import*/  
@font-face {
    font-family: 'DINProBold';
    src: url('/content/dam/sfu/commonassets/fonts/din/dinpro-bold-webfont.eot');
    src: url('/content/dam/sfu/commonassets/fonts/din/dinpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/content/dam/sfu/commonassets/fonts/din/dinpro-bold-webfont.woff') format('woff'),
         url('/content/dam/sfu/commonassets/fonts/din/dinpro-bold-webfont.ttf') format('truetype'),
         url('/content/dam/sfu/commonassets/fonts/din/dinpro-bold-webfont.svg#DINProBold') format('svg');
    font-weight: normal;
    font-style: normal;
} 

@font-face { 
    font-family: 'DINProRegular';
    src: url('/content/dam/sfu/commonassets/fonts/din/dinpro-regular-webfont.eot');
    src: url('/content/dam/sfu/commonassets/fonts/din/dinpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/content/dam/sfu/commonassets/fonts/din/dinpro-regular-webfont.woff') format('woff'),
         url('/content/dam/sfu/commonassets/fonts/din/dinpro-regular-webfont.ttf') format('truetype'),
         url('/content/dam/sfu/commonassets/fonts/din/adinpro-regular-webfont.svg#DINProRegular') format('svg');
    font-weight: normal;
    font-style: normal;  
}

@font-face {
    font-family: 'DINProMedium';
    src: url('/content/dam/sfu/commonassets/fonts/din/dinpro-medium-webfont.eot');
    src: url('/content/dam/sfu/commonassets/fonts/din/dinpro-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/content/dam/sfu/commonassets/fonts/din/dinpro-medium-webfont.woff') format('woff'),
         url('/content/dam/sfu/commonassets/fonts/din/dinpro-medium-webfont.ttf') format('truetype'),
         url('/content/dam/sfu/commonassets/fonts/din/dinpro-medium-webfont.svg#DINProMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
	font-size: 100%/1.5;
}

a {
    color: #a6192e;
    text-decoration: none;
}

p {
   	font-size: 0.9em;
	line-height:1.7em;	
}

.text li,
.text dd {
    font-size: 14.4px;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

h1 {
    color: #000;
    font-family: "DINProMedium";
    font-size: 1.7em;
    text-transform: uppercase;
}

h2 {    
font-family: 'DINProRegular';
text-transform: capitalize;
font-size: 1.4em;
color: #333; 
letter-spacing: normal;}

h3 {
    font-family: 'DINProMedium';
    text-transform: initial;
    font-size: 1.10em;
	color: #000;
	letter-spacing: normal;	 
	/*text-transform:uppercase;*/
}

h4 {
    color: #333;
    font-family: "DINProRegular";
    font-size: 1em;
    letter-spacing: normal;
    margin-bottom: 0.5em;
}

h5 {color:#222; padding-top:0;}

.breadcrumb {
    color: #333;
    font-family: "Georgia";
    font-size: 0.75em;
    text-transform: capitalize;
}

quote {font-family:'DinProRegular'; font-size:1.2em;}

/* Pagetitle & Subtitle */
div.title-wrapper {margin: 0;}
	.title-wrapper > div {margin: 0;}

.title {
	margin-bottom: 20px;
}

.title	h1{
    font-family: 'DINProMedium';
    text-transform: uppercase;
    font-size: 1.5em;
	color: #000; 
	letter-spacing: normal;	
	margin-top: 0;
}

.sub-title h2 {
    font-family: 'DINProRegular';
    text-transform: capitalize;
    font-size: 1.4em;
	color: #333; 
	letter-spacing: normal;
}

.sub-title h3 {
    font-family: 'DINProMedium';
    text-transform: initial;
    font-size: 1.10em;
	color: #000;
	letter-spacing: normal;	
	text-transform:uppercase;
	margin-top:1%;
	margin-bottom:1%;
} 

/* Left Sidebar */
.below-nav .social-media {
	display:none;
}




/* Generic Text Blurbs */
.text-decp {
	font-family: Georgia, serif;
	color: #000;
	font-size: 1em;
}


.text-decp h2 {
font-family: 'DINProRegular';
text-transform: capitalize;
font-size: 1.4em;
color: #333; 
letter-spacing: normal;
}


.text-decp h3 {
    font-family: 'DINProMedium';
    text-transform: initial;
    font-size: 1.10em;
	color: #000;
	letter-spacing: normal;	
	text-transform:uppercase;
}

.text-decp h4 {
    color: #222;
    font-family: "DINProRegular";
    font-size: 1em;
    letter-spacing: normal;
    margin-bottom: 0.5em;
    text-transform: capitalize;
    padding-bottom:0.9em !important;
    line-height:1.6em;
}


.text-decp p{
	font-family: Georgia, serif;
	color: #222;
	font-size: 0.9em;
	line-height:1.7em;	
}

.text-decp ul {font-size:0.9em; line-height:1.7em; color:#222;}
.text-decp ol {font-size:0.9em; line-height:1.7em; color:#222;}


.text-decp p > a {
	color: #a9192b;
/*     font-family: 'DINProMedium'; */
    font-size: 1em;    
}

.text-decp table p {
	font-family: Cambria,Georgia,"Times New Roman",Times,serif;
}

/* CQ5 Column Boxes */
 
div.cq-colctrl-lt5-c0, 
div.cq-colctrl-lt5-c1 {
	padding: 0;
}


/* Set Heights function */
div.set-height .section {
	height: 100%;
} 


 /* Dividing Border */
 .bottom-border {
	border-bottom: 10px solid #eee !important;
/*     padding-bottom: 20px !important;	 */
 }

 /* Quicklinks Square Box*/
 
.global-quicklinks-square {
	background: url("/content/dam/sfu/computing/IconicState/images/bg-quicklinks.png") repeat scroll 0 0 #f1efee;
	border: 1px solid #cccccc;
	border-left: 3px solid #cccccc;
}

.global-quicklinks-square h4 {
    font-family: 'DINProMedium';
    text-transform: uppercase;
    font-size: 1em;
    margin-left: 8px;
    color: #444444;
}

.global-quicklinks-square ul {}

.global-quicklinks-square ul li {
	margin-left: 10px;
	margin-right: 10px;
	background: url("/content/dam/sfu/computing/IconicState/images/bullet-black.png") no-repeat scroll 0 27px rgba(0, 0, 0, 0);
	border-bottom: 1px dotted #828282;
	padding-bottom: 10px;
	padding-top: 15px;
	
} 

.global-quicklinks-ssuare .text ul

.global-quicklinks-square li:last-child {
    border: medium none;
}

.global-quicklinks-square ul li a {
	color:#a9192b;
    font-family: 'DINProMedium';
    font-size: 1em;	
} 

 /* Misc Links Horizontal Box */
.global-misc-links-hor {
	background-color: #efefef;
	margin-bottom: 20px;
	overflow: auto;
	border-top:5px solid #ca4342;
}

.global-misc-links-hor p {padding-bottom:20px;}

.global-misc-links-hor h3,
.global-misc-links-hor h4 {
    font-family: 'DINProMedium';
    text-transform: uppercase;
    font-size: 1.25em;
    margin-left: 10px;
    color: #222;
    padding-bottom: 5px;
    padding-top: 13px;    
}

.global-misc-links-hor ul {
	margin-left: 10px;
}

.global-misc-links-hor ul li{
	/*background: url("/content/dam/sfu/computing/IconicState/images/bullet-black.png") no-repeat scroll 0 14px rgba(0, 0, 0, 0);*/
	background: url("/content/dam/sfu/computing/IconicState/images/bullet-black.png") no-repeat scroll 0 14px;
    float: left;
    margin-right: 20px;	
    padding-left: 10px;
}

.global-misc-links-hor ul li a{
	color: #222;
	font-family: 'DINProRegular';
	font-size: 1em; 
}




 /* Misc Links Horizontal Box - Yellow*/
.global-misc-links-square{
    background-color: #efefef;
    display: block;
    width: 100%;
    height: 100%;
    border-top:10px solid #ca4342;
}

.global-misc-links-square h4 {
    font-family: 'DINProMedium';
    text-transform: uppercase;
    font-size: 1.75em;
    margin-left: 10px;
    color: #222;
    padding-bottom: 10px;
    padding-top: 13px;    	
}

.global-misc-links-square ul {
	margin-left: 10px;
}

.global-misc-links-square ul li{
	background: url("/content/dam/sfu/computing/IconicState/images/bullet-black.png") no-repeat scroll 0 14px rgba(0, 0, 0, 0);
    margin-right: 20px;	
    padding-left: 10px;	
    border-bottom: 1px dotted #444444;
    margin-top: 5px;
    padding-bottom: 10px;    
}

	.global-misc-links-square ul li:last-child {
		/*border-bottom: 0 none; */
	}

.global-misc-links-square ul li a{
	color: #222;
	font-family: 'DINProRegular';
	font-size: 1em;	
}



 /* Misc Links Horizontal Box - Red*/
.global-misc-links-square-red {
    background-color: #efefef;
    display: block;
    height: 100%;
    padding-bottom: 15px;
    width: 100%;
    border-top: 10px solid #79939a;
}

.global-misc-links-square-red h4 {
    color: #222;
    font-family: "DINProMedium";
    font-size: 1.75em;
    margin-left: 10px;
    padding-bottom: 5px;
    padding-top: 13px;
    text-transform: uppercase;
}

.global-misc-links-square-red ul {
    margin-left: 10px;
}

.global-misc-links-square-red ul li {
    background: url("/content/dam/sfu/computing/IconicState/images/bullet-black.png") no-repeat scroll 0 14px rgba(255, 255, 255, 0);
    border-bottom: 1px dotted #222;
    margin-right: 20px;
    margin-top: 5px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.global-misc-links-square-red ul li a {
    color: #222;
    font-family: "DINProRegular";
}



.global-misc-links-square-studies {
    background-color: #efefef;
    display: block;
    height: 100%;
    padding-bottom: 15px;
    width: 100%;
    border-top: 10px solid #97a897;
}

.global-misc-links-square-studies h4 {
    color: #222;
    font-family: "DINProMedium";
    font-size: 1.75em;
    margin-left: 10px;
    padding-bottom: 5px;
    padding-top: 13px;
    text-transform: uppercase;
}

.global-misc-links-square-studies ul {
    margin-left: 10px;
}

.global-misc-links-square-studies ul li {
    background: url("/content/dam/sfu/computing/IconicState/images/bullet-black.png") no-repeat scroll 0 14px rgba(255, 255, 255, 0);
    border-bottom: 1px dotted #222;
    margin-right: 20px;
    margin-top: 5px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.global-misc-links-square-studies ul li a {
    color: #222;
    font-family: "DINProRegular";
}




.global-misc-links-square-grey {
    background-color: #efefef;
    display: block;
    height: 100%;
    padding-bottom: 15px;
    width: 100%;
    border-top: 10px solid #ca7428;
}

.global-misc-links-square-grey h4 {
    color: #222;
    font-family: "DINProMedium";
    font-size: 1.75em;
    margin-left: 10px;
    padding-bottom: 5px;
    padding-top: 13px;
    text-transform: uppercase;
}

.global-misc-links-square-grey ul {
    margin-left: 10px;
}

.global-misc-links-square-grey ul li {
    background: url("/content/dam/sfu/computing/IconicState/images/bullet-black.png") no-repeat scroll 0 14px rgba(255, 255, 255, 0);
    border-bottom: 1px dotted #222;
    margin-right: 20px;
    margin-top: 5px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.global-misc-links-square-grey ul li a {
    color: #222;
    font-family: "DINProRegular";
}


.global-misc-links-square-resources {
    background-color: #efefef;
    display: block;
    height: 100%;
    padding-bottom: 15px;
    width: 100%;
    border-top: 10px solid #79939a;
}

.global-misc-links-square-resources h4 {
    color: #222;
    font-family: "DINProMedium";
    font-size: 1.75em;
    margin-left: 10px;
    padding-bottom: 5px;
    padding-top: 13px;
    text-transform: uppercase;
}

.global-misc-links-square-resources ul {
    margin-left: 10px;
}

.global-misc-links-square-resources ul li {
    background: url("/content/dam/sfu/computing/IconicState/images/bullet-black.png") no-repeat scroll 0 14px rgba(255, 255, 255, 0);
    border-bottom: 1px dotted #222;
    margin-right: 20px;
    margin-top: 5px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.global-misc-links-square-resources ul li a {
    color: #222;
    font-family: "DINProRegular";
}



/* Vocab Box */

.vocab-box{
	background-color:#efefef;  
    border-top: 10px solid #add49e;
    text-align:center;
    padding:1.8em;
    margin-bottom:20px; 
    overflow: auto;
}

.vocab-box h3,
.vocab-box h4{
	color: #222;
    font-family: 'DINProMedium';
    text-transform: uppercase;
    font-size: 0.9em;
    line-height:1.7em;	
    	
}

.vocab-box p {
	color: #54585a;
	font-family: 'DinProRegular';
	font-size: 1.0em;
    margin-bottom: 0;
    margin-top: 10px;
    padding-bottom: 0px;	
}

.vocab-box a {color:#222;}
.vocab-box a:hover {text-decoration: none; color:#a6192e;}




.vocab-box .text {
	width: 77%;
	float: left;
	padding-bottom: 10px;
}



/* Stat Box */
.stat-box{
    /* background: url("/content/dam/sfu/computing/IconicState/images/bg_statbox.png") no-repeat scroll 0 0 transparent; */
    padding-left: 10px;
    margin-bottom:1em;
    background-color: #f3f3f3;
    border-top: 10px solid #9cc4d4; 
    /*min-height:155px;*/
    overflow: auto;
}

.stat-box h3,
.stat-box h4{
	color: #80b4c9;
    font-family: 'DINProMedium';
    text-transform: uppercase;
    font-size: 1.25em;	
    padding-bottom: 0px;
    padding-top: 13px;   	
}

.stat-box p {
	color: #54585a;
	font-family: 'DinProRegular';
	font-size: 1.0em;
    margin-bottom: 0;
    margin-top: 10px;
    padding-bottom: 0px;	
}

.stat-box a {color:#54585a;}
.stat-box a:hover {text-decoration: underline;}

.stat-box .image {
    background-color: #7d7d7d;
    border-radius: 50%;
    height: 100px;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 20%;
    width: 100px;
    margin-right: 3%;
    float: left;
}

.stat-box .image img {
    display: block;
    height: 80px;
    margin: 10px auto 0;
    width: 80px;
}

.stat-box.sm-logo .image img {
    height: 70px;
    margin-top: 20px;
    width: 70px;	
}
.stat-box.xs-logo .image img {
    height: 60px;
    margin-top: 25px;
    width: 60px;	
}

.stat-box .text {
	width: 77%;
	float: left;
	padding-bottom: 10px;
}

/* Carousel */
.carousel {
	position: relative;
	margin-bottom:1%;
}

.carousel .flexslider{ 
	/*overflow: hidden;*/
}

.carousel .flex-control-nav {
    bottom: -30px;
} 

.carousel .carousel-image{
	width: 100% !important;
	height: auto;
}

.carousel .carousel-text{
    background: none repeat scroll 0 0 rgba(0,0,0,0);
    margin-top: 0.5% !important;
    padding: 0!important;
    position: absolute;
    
/*     top: 40px; */
/*     width: 400px !important; */
}  

.carousel .news.old-carousel .carousel-text{
	padding: 10px 3% !important;
	margin: auto;
	background: inherit;
	position: relative;	
	width: inherit !important;
}

	.carousel .carousel-text a:first-child {
		display: none;
	} 
	
	.carousel .carousel-text h2 {
		margin-top: 32px;
		color: #fff;
		display: block;
		background: none repeat scroll 0 0 rgba(159, 33, 48, 0.85);		
		padding: 20px 10px 20px 20px !important;
		background: transparent\9; 
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8a72b3a,endColorstr=#d8a72b3a);
		zoom: 1;	
	}
	.carousel .carousel-text h3 {
		color: #222;
	    font-family: "DinProRegular";
	    font-size: 1em !important;
	    font-weight: normal;
	    padding: 10px !important;
	    text-transform: capitalize;
	    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.85);	
	    background: transparent\9;  
	    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8ffffff,endColorstr=#d8ffffff)
	    zoom: 1;	
	    width: 72%;
	    float: right;
	}
	.carousel .carousel-text h4 {
	    color: #fff;
	    font-family: "DinProRegular";
	    text-transform: capitalize;		 	    	
	}	


/* Faculty Highlights Component */
.faculty-highlights,
.highlight-boxes {
    position: relative;
/*     margin-bottom:40px; */
}
.faculty-highlights .image,
.highlight-boxes  .image{
	width: 15%;
	margin-right: 0;
	float: left;
}
	.faculty-highlights .image img{}

.faculty-highlights .text,
.highlight-boxes .text{
    background-color: #eee;
    float: left;
    margin-bottom: 30px;
    padding: 1em 1em 0;
    position: relative;
    width: 85%;
}
	.faculty-highlights .text h2,
	.highlight-boxes .text h2{
	    color: #222;
	    font-family: "DINProMedium";
	    font-size: 1.5em;
	    margin-bottom: 5px;
	}
	.faculty-highlights .text h3,
	.highlight-boxes .text h3{
	    color: #222;
	    font-family: "DINProMedium";
	    font-size: 0.875em;
	    margin-bottom: 20px;		
	}
	.faculty-highlights .text p,
	.highlight-boxes .text p{
	    color: #222;
	    font-family: georgia;
	    font-size: 0.9em;
	    margin: 0;
	}
	.faculty-highlights .text h5{}
	
		.faculty-highlights .text h5 a,
		.highlight-boxes .text h5 a{
		    background-color: #eee;
		    bottom: -40px;
		    color: #a6192e;
		    font-family: "DINProMedium";
		    font-size: 1.25em;
		    font-weight: bold;
		    padding: 1em;
		    position: absolute;
		    right: 0;
		    text-transform: lowercase;
		}
		
		.faculty-highlights .text h5 a:hover,
		.highlight-boxes .text h5 a:hover {
		    background-color: #a6192e;
		    color: #fff;
		}		


/*Vocab Box*/	
.vocab-box-container .ui-widget-header {background-image:none; background-color:#555; border:0;}
.vocab-box-container  .ui-tabs .ui-tabs-nav li a {padding:0.5em; font-size:1.1em; font-family:'DinProMedium'; color:#a6192e;}
.vocab-box-container .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background-image:none;}
.vocab-box-container .ui-tabs .ui-tabs-nav li {margin:0.1em !important;}
.vocab-box-container .ui-widget {font-family:georgia; font-size:0.7em;} 
.programs .vocab-box-container .ui-widget-content {font-family:'DinProRegular'; border:0 !important; font-size:1em; margin-top:1%;}
.vocab-box-container .ui-tabs .ui-tabs-panel {padding:0.5em !important; margin-top:1.5%; font-size:1.1em; }

.vocab-box-container .ui-tabs .ui-tabs-panel a{color:#a6192e;}
.vocab-box-container .ui-tabs .ui-tabs-panel c.ui-widget-content table td {font-size:0.8em;}
.vocab-box-container .ui-tabs .ui-tabs-panel c.ui-widget-content table {margin-top:1%;}


/*Toggle Component*/
.toggleContent {
    border-left: 5px solid #ddd !important; 
    padding-left: 2% !important;
}
.toggle.sub-title {
	margin-bottom: 0!important; 
}

/* Right Sidebar - Student, Alumni & Other Random Stories Component -  */
.student-stories-sidebar,
.sub_content .highlight-boxes {
    position: relative;
}
.student-stories-sidebar .image,
.sub_content .highlight-boxes .image{
    float: none;
    margin: 0 auto;
    width: 100%;
}
	.student-stories-sidebar .image img{display: block;} 
	.sub_content .highlight-boxes .image img{display: block;}

.sub_content .highlight-boxes .text,
.student-stories-sidebar .text{
    background-color: #eee;
    float: none;
    margin: 0 auto 60px;
    padding: 1em;
    position: relative;
    width: 100%;
}
	.student-stories-sidebar .text h2,
	.sub_content .highlight-boxes .text h2{
	    color: #222;
	    font-family: "DINProMedium";
	    font-size: 1.25em;
	    margin-bottom: 5px;
	}
	.student-stories-sidebar .text h3,
	.sub_content .highlight-boxes .text h3{
	    color: #222;
	    font-family: "DINProMedium";
	    font-size: 0.875em;
	    margin-bottom: 20px;		
	}
		.student-stories-sidebar .text h3 a,
		.sub_content .highlight-boxes .text h3 a{
		    background-color: #eee;
		    bottom: -36px;
		    color: #a6192e;
		    font-family: "DINProMedium";
		    font-size: 1em;
		    font-weight: bold !important;
		    letter-spacing: 0.1em;
		    padding: 0.64em;
		    position: absolute;
		    right: 0;
		    text-transform: lowercase !important; 	
		        
		}
		
	.student-stories-sidebar .text h3 a:hover,
	.sub_content .highlight-boxes .text h3 a:hover{
		    background-color: #a6192e;
		    bottom: -36px;
		    color: #fff;
		    font-family: "DINProMedium";
		    font-size: 1em;
		    font-weight: bold !important;
		    letter-spacing: 0.1em;
		    padding: 0.64em;
		    position: absolute;
		    right: 0;
		    text-transform: lowercase !important; 	
		        
		}
	
		
	.student-stories-sidebar .text p,
	.sub_content .highlight-boxes .text p{
	    color: #222;
	    font-family: georgia;
	    font-size: 0.9em;
	    margin: 0;
	}

		
/* Call to Action Buttons - Bach / Grad degree, Undergrad / Graduate student */		
.path-btns{
    color: #fff;
    display: block;
} 

.path-btns div.cq-colctrl-lt0-c0 {
    margin-right: 2%;
    padding-right: 0;
    width: 49%;
    display: block;
    /*table-layout: fixed;*/
}
.path-btns div.cq-colctrl-lt0-c1 {
    padding-right: 0;
    width: 49%;
    display: block;
}

.path-btns .parsys_column .section {
	/*display: table-cell;*/
	display: block;
	height: 100%;
	width:	100%;
}

.path-btns .bach-degree-btn {
	padding-left: 20px;
	position: relative;
	background: url("/content/dam/sfu/computing/IconicState/images/bg-prospective-btn-2.png") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
	background: url("/content/dam/sfu/computing/IconicState/images/bg-prospective-btn-2.png") no-repeat scroll 0 0 \0/; /* The \0/ is an IE8 HACK */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg-prospective-btn-2.png', sizingMethod='scale');     
    display: block; 
    height: 100%; 
    width: 100%;
}

.path-btns .grad-degree-btn {
	padding-left: 20px;
	position: relative;
	background: url("/content/dam/sfu/computing/IconicState/images/bg-current-btn-2.png") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
	background: url("/content/dam/sfu/computing/IconicState/images/bg-current-btn-2.png") no-repeat scroll 0 0 \0/; /* The \0/ is an IE8 HACK */
	/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/content/dam/sfu/computing/IconicState/images/bg-current-btn-2.png', sizingMethod='scale');*/
    display: block;
    height: 100%; 
    width: 100%;
}

.prospect.path-btns p,
.current.path-btns p {
	margin: 0 !important;
	width: 82%;
}
	.path-btns p.p1{
	    margin-bottom: 10px;
	  	padding-top: 15px;   /* this was 30px Dec 18 */ 
	}
	.path-btns p.p1 a{
		font-family: georgia;
		color: #fff;
	}

	.path-btns p.p2 a{
		font-family: 'DINProRegular';
		color: #fff;
	}
	
.path-btns h4 {
    /*margin: 0px 0 20px;
    padding: 0;  Dec 18 */
    margin: 0;
    padding: 0 0 20px;    
    width: 82%;
}

	.path-btns h4 a { 
		font-family: 'DINProMedium';
		font-size: 1.875em;
		color: #fff;
		text-transform: lowercase;	
	}

.prospective-arrow {
    position: absolute;
    right: 0;
    width: auto !important;
    padding: 10px 1em 4px;
    background-color: #000;
    top: 35px;
}
	.prospective-arrow img {} 

.bach-degree-btn .prospective-arrow {background-color: #c24053;}

.grad-degree-btn .prospective-arrow {background-color: #e8c746;}
		
	
/* Fix 3col default spacing  */
.col3{}	 

.col3 > div.parsys_column{ 
	padding-right: 0;
	width: 31%;
	background-color: #f0f0f0;	 
}	

.col3 .cq-colctrl-lt2-c0{margin-right: 3.4%;}	
.col3 .cq-colctrl-lt2-c1{margin-right: 3.4%;}	
.col3 .cq-colctrl-lt2-c2{clear: none;}	
		
/* Reset div's 'display' value for editing mode */
#cq-gen6 div {
	display: block !important;
}

/* Static `s */
.banner{
	position: relative;
	/*overflow: auto;*/
}

.banner .image{
	width: 100%;
	margin: 0;	
}

.banner .image img{}

.banner .text{
	position: absolute;
}

.banner .text p {
	margin-bottom: 0;
}

.banner .text h5 { /*banner links*/
	margin-left: 40px;
}

.banner .text h5 a { /*banner links*/
		color:#d6d403;
	    font-size: 1em;
	    font-family: 'DINProMedium';	
	    font-size: 16px;
	    text-transform: capitalize;	    
} 

/* "See Full Story Link" Buttons */

.has-full-story-link {
	position: relative;
	margin-bottom: 35px !important;
}	
.see-full-story-link {
    bottom: -40px;
    position: absolute; 
    right: 0;	
}
.see-full-story-link h5 a {
    background-color: #eee;
    color: #761518;
    font-family: 'DINProMedium';
    font-size: 1.25em;
    font-weight: 700;
    padding: 8px 20px;
    text-transform: initial;
}

.see-full-story-link h5 a:hover {
    background-color: #a6192e;;
    color:#fff;
}








/* Subpages main body and right sidebar setup */

.three-column .main{} /*main body content*/
 
 /*right side bar*/
.three-column .sub{  
	margin-top: 46px;
} 

.sidebar-first {}
.sidebar-not-first {
	margin-top: 40px;
}

/* Talk to an Advisor Box - Right Sidebar */

.global-talk-to-advisor-box {
    /* background: url("/content/dam/sfu/computing/IconicState/images/bg_buttonbox.png") no-repeat scroll 0 0 transparent; */
    background-color:#efefef;
    display: block;
    padding: 1em;
    border-top: 10px solid #4f466d;
    color:#222;
}

.global-talk-to-advisor-box h3{
    color: #222 !important;
    font-family: "DINProMedium";
    font-size: 1.25em !important;
    text-transform: uppercase;	
}

.global-talk-to-advisor-box p{font-size:1em; line-height:1.7em; font-family:'DinProRegular'; color:#222;}

.global-talk-to-advisor-box h5{}

	.global-talk-to-advisor-box h5 a{
	    background-color: #4f466d;
/* 	    border: 1px solid #a6192e; */
	    border-radius: 5px;
	    color: #fff;
	    display: block;
	    font-size: 1em;
	    /*font-weight: bold;*/
	    outline: medium none;
	    padding: 1.3em;
	}

	.global-talk-to-advisor-box h5 a:hover {
	    background-color: #433b5c;
	    opacity: 1 !important;
	}



/* Talk to an Advisor Box - Full Width */
.global-talk-to-advisor-box-wide {
/*     background: url("/content/dam/sfu/computing/IconicState/images/bg_buttonbox.png") no-repeat scroll 0 0 transparent; */
	background-color:#efefef;
	border-top:10px solid #4f466d;
    display: block;
    overflow: auto;
    padding: 1em;
    margin-top:20px;
    margin-bottom:20px;
}

.global-talk-to-advisor-box-wide h3{
    color: #222;
    float: left;
    font-family: "DINProMedium";
    font-size: 1.25em;
    margin-right: 5%;
    padding-top: 13px;
    text-transform: uppercase;
    width: 100%;  	
}

.global-talk-to-advisor-box-wide p {
    float: left;
    margin-right: 5%;
    width: 55%;
    font-family:'DinProRegular';
    color:#222;
}

.global-talk-to-advisor-box-wide h5{
    float: left;
    width: 40%;
    margin-top:20px;
}

	.global-talk-to-advisor-box-wide h5 a{
	    background-color: #4f466d;
/* 	    border: 1px solid #a6192e; */
	    border-radius: 5px;
	    color: #fff;
	    display: block;
	    font-size: 1.25em;
	    font-weight: bold;
	    line-height: 1.25em;
	    outline: medium none;
	    padding: 1.5em;
	    text-align: center;
	    width: 100%;
	}

	.global-talk-to-advisor-box-wide h5 a:hover {
	    background-color: #3d3654;
	    color: #fff;
	    opacity: 1 !important;
	}

/* Book a Campus Tour Box - Right Sidebar */

.book-campus-tour-box {
   /*  background: url("/content/dam/sfu/computing/IconicState/images/bg_buttonbox.png") no-repeat scroll 0 0 transparent; */
    background-color:#efefef;
    display: block;
    padding: 1em;
    border-top: 10px solid #c3af36;
}

.book-campus-tour-box h3{
    color: #222 !important;
    font-family: "DINProMedium";
    font-size: 1.25em !important;
    text-transform: uppercase;
}

.book-campus-tour-box p{font-size:1em; line-height:1.7em; font-family:'DinProRegular'; color:#222;}

.book-campus-tour-box h5{}

	.book-campus-tour-box h5 a {
	    background-color: #c3af36;
/* 	    border: 1px solid #a6192e; */
	    border-radius: 5px;
	    color: #fff;
	    display: block;
	    font-size: 1em;
	    /*font-weight: bold;*/
	    outline: medium none;
	    padding: 1.3em;
	}
	
	.book-campus-tour-box h5 a:hover {
	    background-color: #a7962e;
	    color: #fff;
	    opacity: 1 !important;
	}	






.book-campus-tour-box-wide {
   background-color:#efefef;
    display: block;
    overflow: auto;
    padding: 1em;
    margin-top:20px;
    margin-bottom:20px;
    border-top:10px solid #c3af36;
}

.book-campus-tour-box-wide h3{
    color: #222;
    float: left;
    font-family: "DINProMedium";
    font-size: 1.25em;
    margin-right: 5%;
    /*padding-top: 13px;*/
    text-transform: uppercase;
    width: 100%;  	
}

.book-campus-tour-box-wide p {
    float: left;
    margin-right: 5%;
    width: 55%;
    font-family:'DinProRegular';
    color:#222;
}

.book-campus-tour-box-wide h5{
    float: left;
    width: 40%;
    margin-top:20px;
}

.book-campus-tour-box-wide h5 a{
	    background-color: #c3af36;
/* 	    border: 1px solid #a6192e; */
	    border-radius: 5px;
	    color: #fff;
	    display: block;
	    font-size: 1.25em;
	    /*font-weight: bold;*/
	    line-height: 1.25em;
	    outline: medium none;
	    padding: 1.5em;
	    text-align: center;
	    width: 100%;
	}

.book-campus-tour-box-wide h5 a:hover {
	    background-color: #a7962e;
	    color: #fff;
	    opacity: 1 !important;
	}


/* Video Containers */
.video-container {
    position: relative;
    padding-bottom: 50%;
    padding-top: 30px; 
    height: 0; 
    overflow: hidden;
	
}
.video-container iframe{
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100% !important;	
}


/* Global setting for text-image boxes where Image sits on top and is full width */
.textimage-top {
    background-color: #f0f0f0;
    border: 0 none;
    text-transform: capitalize;
 
 /*
   font-family: DinProMedium;
    font-size: 1.25em;
*/
}

.textimage-top .image{
	float: left;
	width: 100%;
}
.textimage-top .text{
	float: left;
	width: 100%;	
	padding: 0.5em;
}

.textimage-top .text h3 {font-size:1.1em;}
.textimage-top .text h5 {font-size:0.9em;}

.textimage-top .text p {
    font-family: "Georgia";
    font-size: 0.9em !important;
    text-align: left;
    text-transform: none;	
}

/* Apply Now Button */
.below-nav .image {
	margin-bottom: 0;
}
.apply-now-img {
	display: block;
}
.apply-now-img img{}

.apply-now-btn {
	padding: 5px 0; 
	/*background: url("/content/dam/sfu/computing/IconicState/images/bg-apply-now-btn.png") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);*/
	background: url("/content/dam/sfu/computing/IconicState/images/bg-apply-now-btn.png") no-repeat scroll 0 0; 
    bottom: 1px;
    position: relative;
    background-size: 100% 100%; 	
}

.apply-now-btn p{
    background-color: #e5cc14;
    border-radius: 4px;
    color: #e71b38;
    margin: 0 auto;
    padding: 2px 5px 5px;
    text-align: center;
    text-transform: capitalize;
    width: 90px;
} 

.apply-now-btn p a{
	font-family: 'DINProMedium';
	font-size: 1em;	    
}	

/* Apply Now Button for 768 and below only */
.apply-now-img.below-768,
.apply-now-btn.below-768,
.hide-on-full {
	display: none;
}


/* Mobile Only - hide on desktop, show on mobile */
.mobile-only {
	display: none;
}

/* Random Load Student Stories Sidebar */
.random-story.student-stories-sidebar .text,
.random-story.student-stories-sidebar .image {
	width:	100%;	
}


/* Link up entire boxes/divs */
.linked{
	cursor: pointer;
}


/*
 * Vocabulary List 
 */
.vocab-index { 
	display: none;  
}

.full-vocab-list {}
.full-vocab-list li{}
.full-vocab-list li > p{}
.full-vocab-list li > p a {
	text-transform: uppercase;
	cursor: default;
}
.full-vocab-list li > div.table{} 


 /* 
  * 0.0 SFU COMPUTING SCIENCE HOMEPAGE 
  ****************************************************************************/ 
.cs-home {}
.cs-home .homepage-btn {
	position: relative; 
}

.cs-home.textimage-blk .title p {font-family:'DinProBold';}

.cs-home .homepage-btn.pros-btn {
	/*background: url("/content/dam/sfu/computing/IconicState/images/bg-prospective-btn.png") no-repeat scroll 0 0 / 100% 100% transparent;*/
	background: url("/content/dam/sfu/computing/IconicState/images/bg-prospective-btn-2.png") no-repeat scroll;
}

.cs-home .homepage-btn.curr-btn {
	/*background: url("/content/dam/sfu/computing/IconicState/images/bg-current-btn.png") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);*/
	background: url("/content/dam/sfu/computing/IconicState/images/bg-current-btn-2.png") no-repeat scroll;
}

.cs-home .homepage-btn.meet-faculty-btn {
	/*background: url("/content/dam/sfu/computing/IconicState/images/bg-faculty-btn.png") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);*/
	background: url("/content/dam/sfu/computing/IconicState/images/bg-faculty-btn-2.png") no-repeat scroll!important;
	background: url("/content/dam/sfu/computing/IconicState/images/bg-faculty-btn-2.png") no-repeat scroll \0/; /* The \0/ is an IE8 HACK */
} 

.cs-home.path-btns p {} 
.cs-home.path-btns p.p1{
	padding-top: 10px;
	height: 0;
} 

.cs-home .homepage-btn h4 {
	width: 59%;
}

.cs-home .homepage-btn h4 a {
	font-size: 1.6em;  
}  

.cs-home .homepage-btn .prospective-arrow{
    top: 27%;
    position: absolute; 	
    margin: 0;
    background-color: #c24053;
} 

	.cs-home .homepage-btn.curr-btn .prospective-arrow{
		background-color: #e8c746;
	}
	
	.cs-home .homepage-btn.meet-faculty-btn .prospective-arrow{
		background-color: #00526e;	
	} 

/* Homepage - 3 text-image blocks */	


.cs-home.blk-title{
	margin-bottom: 0;
}

.cs-home.blk-title div.parsys_column {
	margin-bottom: 0;
	background: none repeat scroll 0 center rgba(0, 0, 0, 0);
}

.cs-home.blk-title .title {
    background-color: #fff;
    margin-bottom: 0;
    font-family: 'DinProMedium';
}

.cs-home.blk-title .title p{
	margin-bottom: 0px;
}

.cs-home.textimage-blk {
	margin-top: 0;	
}

.cs-home.textimage-blk .parsys_column {
	padding-bottom: 0.5em;
	background-color: #eee;
}

.cs-home.textimage-blk > .parsys_column > .text {
	display: none;		
}

.cs-home.textimage-blk .textimage {
	border-top: 5px solid #222;
}

.cs-home.textimage-blk .textimage .text {
	/*padding: 0 0.5em; */
	display: block;
} 
	.cs-home.textimage-blk .textimage:hover {
		border-top: 5px solid #a9192b;
	}

	.cs-home.textimage-blk .textimage:hover .text p a { 
		color: #a9192b;
	}
	
.cs-home.textimage-blk .textimage .image{}
.cs-home.textimage-blk .textimage .text p{ 
	margin: 0;
	display: block;
}

.cs-home.textimage-blk .textimage .text p a{
	color: #000;
	font-family: "DINProMedium";
} 

/* Homepage Recent News */
.cs-home.recent-news {}

.cs-home.recent-news .cq-colctrl-lt5-c0{
	padding-right: 3%
}
.cs-home.recent-news .cq-colctrl-lt5-c1{}


.cs-home.recent-news ul.news-feed{
	border-top: 10px solid #eee;
}
.cs-home.recent-news ul.news-feed li{
    background: none repeat scroll 0 center;
    padding: 10px 0;	
    border-bottom: 1px dotted #999; 
}

	.cs-home.recent-news ul.news-feed li:last-child{
		border: 0 none;
	}

.cs-home.recent-news ul.news-feed li a{} 

.cs-home.recent-news .view-more {}
.cs-home.recent-news .view-more a{
	text-transform: uppercase;
	font-family:'DinProMedium';
}


.cs-home .announcements {
	background-color: #f6f6f6;
	border-top: 5px solid #004380;
	padding: 10px;	
}
.cs-home.recent-news .announcements h3{
	color: #a9192b;
}
.cs-home.recent-news .announcements p{}


.cs-home.lets-connect .cq-colctrl-lt4-c0 .textimage {}
.cs-home.lets-connect .textimage .sm-link .image{
	max-width: 35px;
}

.cs-home.lets-connect .textimage .sm-link .text{
	text-transform: uppercase;
} 

.cs-home.lets-connect .textimage .sm-link .text p{
	line-height: 2.4em;
}

.cs-home.lets-connect .textimage .sm-link .text p a{
	font-family: 'DINProMedium';
	text-transform: capitalize;
	color: #000;
}

	.cs-home.lets-connect .textimage .sm-link .text p a:hover {
		color: #a9192b; 
	}

.cs-home.lets-connect .cq-colctrl-lt4-c1 {
	padding-right: 0;
}
.cs-home.lets-connect .externalvideo {
	width: 47%;
	float: left;
}

.cs-home.lets-connect .cq-colctrl-lt4-c1 div:nth-child(2) {
	/*margin-right: 15px;*/
} /* do it as bellow so it works with IE 8 */

.cs-home.lets-connect .cq-colctrl-lt4-c1 div:first-child + div {
	margin-right: 15px; 
}


.cs-home.lets-connect .textimage .sm-link.yt .text a{
	text-transform: uppercase;
	color: #000;
}



 /* 
  * 1.0 ABOUT COMPUTING SCIENCE SECTION 
  ****************************************************************************/ 
 
 /*
  * About Us Landing Page 
  */ 
.about-us {}

.about-us.banner {}

.about-us.banner .image{}
.about-us.banner .image img{}

.about-us.banner .text{ width: 45%;}
.about-us.banner .text p{
    color: #fff;
    font-size: 1.15em;	
    font-family: 'DINProMedium';
    margin-left: 30px;
    letter-spacing: 2px;
    line-height: normal;
}
.about-us.banner .text h5{
	margin-left: 30px;
}
	
.about-us.history {
	background-color: #ededed;
}	
.about-us.history .image{
    margin: 0 auto;
    max-width: 736px;	
    padding-top: 20px;
}	

/* 1.1 Message From The Director */
.director-msg-banner {
	background-color: #eee;
}
.director-msg-banner .parsys_column{
	padding-right: 0;
}
.director-msg-banner .dir-banner-txt{
	 padding: 20px;
	 width: 60%;
}
.director-msg-banner .dir-banner-img{}

.dir-msg-body {}




 /* 
  * 2.0 CONTACT US PAGE 
  ****************************************************************************/ 
.contact-us {}

.contact-us .maps{
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 341px;
    width: 100%;	
}

.contact-us .cq-colctrl-lt5-c0{
    margin-right: 11%;
    width: 48%;	
} 

.contact-us .cq-colctrl-lt5-c1{
	width: 41%;
} 

.contact-us .cq-colctrl-lt5-c0 .address h3{
    color: #000;
    font-family: 'DINProMedium';
    font-size: 1.125em;
    text-transform: uppercase;		
}

.contact-us .cq-colctrl-lt5-c0 .address h4{
	font-family: georgia;
	font-size: 1em;
	font-weight: bold;	
	color: #000;
	padding-bottom: 0;
	text-transform: none;
	letter-spacing: 0;
}

.contact-us .cq-colctrl-lt5-c0 .address p{
	font-family: georgia;
	font-size: 1em;
	font-weight: normal;	
	color: #000;
}

.contact-us.bottom-link p a{
	color: #a9192b;
	font-family: 'DINProMedium';
	font-size: 1.125em;
}
 
/* 
 * 3.0 PEOPLE SECTION 
 ****************************************************************************/ 
  
/*
 * People Landing Page 
 */

.people {}
.people.faculty-grid {
	width: 100%;
	border-top: 10px solid #a8182b;
	background-color: #000;
	padding-bottom: 0 !important;
}

	.people.faculty-grid > div.parsys_column {margin: 0;}

.people.faculty-grid .textimage{
    float: left;
    width: 33.33%;	
    position: relative;
    margin-bottom: 0;
}

	.people.faculty-grid .textimage:nth-child(4){
		clear: both;
	} 

.people.faculty-grid .textimage .image {
	width: 100%;
	display: block;
}
.people.faculty-grid .textimage .image img{
	display: block;
}

.people.faculty-grid .textimage .text {
    color: #fff;
    position: absolute;
    text-align: center;
    width: 100%;
    display: none;
    bottom: 0;
}

.people.faculty-grid .textimage .text p {
	line-height: 14px;
	font-size:1.2em;
	font-family:'DinProRegular';
}

.people.faculty-grid .textimage .text p a {
	color: #fff;
}

	.people.faculty-grid .textimage .text:hover p a {
		text-decoration: underline; 
	}

	.people.faculty-grid .textimage:hover .image{
		background-color: #666666;
		opacity: 0.85;	
	}

	.people.faculty-grid .textimage:hover .text {
		display: block;
		background-color: transparent;
	}
	
	.people.faculty-grid .textimage:hover .text a {
		
	}
	
.people.faculty-grid .textimage:nth-child(3) .text{ /* static box */
	/* moved to the item below because nth-child does not work with IE8 */
	/*
	display: block;
	color: #a8182b;
	font-family: 'DINProMedium';
	font-size: 1.23em;
	font-weight: 700;
    text-transform: uppercase;
    bottom: auto; 
    */	
	
}

.people.faculty-grid .textimage:first-child + .textimage + .textimage .text { /* static box */
	display: block;
	color: #a8182b;
	font-family: 'DINProMedium';
	font-size: 1.23em;
	font-weight: 700;
    text-transform: uppercase;
    bottom: auto;
}

	.people.faculty-grid .textimage:nth-child(3):hover .text{
		display: block;
		background-color: transparent;
		opacity: 1;			
	}
	
	.people.faculty-grid .textimage:nth-child(3):hover .text a {
		text-decoration: none; 
	}
	
.faculty-grid-box .seeall {
	font-size:0.8em !important;
	
}
/* reset for CQ5 developer mode */

#cq-gen6 .people.faculty-grid .textimage {
	width: 100%;    
}

#cq-gen6 .people.faculty-grid .textimage .image {
	width: 25%;
}


.people.staff-table {
	margin-bottom: 50px;
}

.people.staff-table h3{
    font-family: georgia;
    font-size: 1em;
    font-weight: bold;	
}

.people.staff-table h4{
	float: right;
}

.people.staff-table h4 a{
	color: #a9192b;
    font-family: 'DINProMedium';
    font-size: 1em;
    text-transform: lowercase;	
}

.people.staff-table .table{
	width: 100%;
}


.people.alternate table tr:nth-child(2n) {
    background-color: #fafafa;
}

.people.staff-table .table tr td {
    font-family: georgia;
    font-size: 0.875em;
    font-weight: 400;	
    display: inline-flex;	
}

.people.staff-table .table tr td:nth-child(1) {
	width: 38%;
}
.people.staff-table .table tr td:nth-child(2) {
	width: 30%;
}
.people.staff-table .table tr td:nth-child(3) {
	width: 30%;
}
 
/*
 * 3.1 Faculty 
 */ 
.people.faculty-list {}  
.people.faculty-list .textimage{
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
    min-height: 150px;
}
  
.people.faculty-list .textimage .image{
    margin-right: 2.5%;
    width: 22%;	
}  
	.people.faculty-list .textimage .image img{}
	  
.people.faculty-list .textimage .text{
    float: left;
    width: 75%;	
}  
.people.faculty-list .textimage .text h4{
	padding-top: 0;
}  
.people.faculty-list .textimage .text p{
	margin-top: 0;
	line-height: 16px;
}  
  
  
  

 /* 
  * 4.0 PROSPECTIVE STUDENTS SECTION 
  ****************************************************************************/ 
 
 /*
  * 4.0 Prospective Students Landing Page 
  */ 
.prospect {}

.prospect.prospect-main {}
.prospect.prospect-main .cq-colctrl-lt5-c0{
	padding-right: 3%;
}

.prospect.prospect-careers {
    display: block;
}

.prospect-careers div.parsys_column {
    margin-bottom: 0;	
    padding-right: 0;
    width: 31%;    
}
	.prospect-careers div.cq-colctrl-lt2-c0 {/*margin-right: 3.33%;*/}
	.prospect-careers div.cq-colctrl-lt2-c1 {/*margin-right: 3.33%;*/}
	.prospect-careers div.cq-colctrl-lt2-c2 {clear: none;}
		 
.prospect-careers div.parsys_column .section {
    
}

.prospect-careers .career-box{
    display: block;
    height: 100%;
    padding: 20px 10px 10px;
    width: 100%;
}

.prospect-careers .box-1{ background-color: #666666; }
.prospect-careers .box-2,
.prospect-careers .box-3{ 
	background: url("/content/dam/sfu/computing/IconicState/images/bg-research-scientist.png") repeat scroll 0 0 #313d3e;
}
	.prospect-careers .box-2 .image,
	.prospect-careers .box-3 .image{
	    bottom: -6px;
	    position: absolute;
	    right: 0;
	    width: auto;
	    max-width: 50%;
	}
		.prospect-careers .box-2 .image img,
		.prospect-careers .box-3 .image img{}
		
		.prospect-careers .career-box.box-2 h5 {margin-bottom: 10px;}
	.prospect-careers .career-box .name {
	    color: #fff;
	    font-size: 1.25em;
	    margin: 0;
	}		
		

.prospect-careers .career-box h5{
    border-bottom: 1px solid #aaaaaa;
    color: #fff;
    font-family: "DINProMedium";
    font-size: 1em;
    margin-bottom: 18px;
    padding-bottom: 12px;
    padding-top: 0;
    text-transform: capitalize;
}


.prospect-careers .career-box h5 a {
	color: #fff;
	text-transform: initial;
}

.prospect-careers .career-box p{
    color: #fff;
    font-family: georgia;
    font-size: 0.9em;
    margin: 0;
}

.prospect-careers .career-box p a {color:#fff;}

.prospect-careers .career-box .name {
    color: #fff;
    font-size: 1.25em;
    margin: 0;
}

.prospect-careers .career-box .degree {
    color: #fff;
    font-family: "DinProMedium";
    font-size: 1em;
}

.prospect.link-area {
	margin: 0;
}

.prospect.link-area .parsys_column {
	margin-bottom: 0;
}

.prospect.link-area a {
	float: right;
	color: #a6192e;
	font-family: 'DINProMedium';
	font-size: 1em;	
}

.prospect-employer {}

.prospect-employer div.cq-colctrl-lt4-c0 { /* left column */
    padding-right: 2%;
    width: 33%;
    border-right: 1px dotted #666666;
} 

.prospect-employer .cq-colctrl-lt4-c0 .image{
	margin-bottom: 30px;
}
	.prospect-employer .cq-colctrl-lt4-c0 .image img{
   		height: auto;
	    max-width: 200px;
    	width: 100%;	
	}

.prospect-employer .cq-colctrl-lt4-c0 .prospect-quick-facts {}
	.prospect-employer .cq-colctrl-lt4-c0 .prospect-quick-facts h3{
		color: #444444;
		font-family: 'DINProMedium';
		font-size: 1em;
	}
	.prospect-employer .cq-colctrl-lt4-c0 .prospect-quick-facts h5{
		color: #444444;
		font-family: 'DINProMedium';
		font-size: 0.8em;		
		padding-bottom:1.4em;
	}
	.prospect-employer .cq-colctrl-lt4-c0 .prospect-quick-facts p{
		color: #444444;
		font-family: 'DINProMedium';
		font-size: 1.875em;	
		padding-bottom:0;
		margin-bottom:0.5em;
	}

.prospect-employer div.cq-colctrl-lt4-c1 { /* right column */
    padding-left: 3%;
    padding-right: 0;
    width: 66%;
} 


.student-stories-page .faculty-highlights {margin-bottom:40px;}
/*
 * 4.1 - Undergrad students page
 */
.pros-under-grad {}




/*
 * 4.1.1 - Admissions students page
 */

.adm-req {} 

.adm-student-boxes {}

.adm-student-boxes .textimage {
	height: 100%;
}

.adm-student-boxes .adm-student-box.textimage-top{
	border: 1px solid #eee;
	background-color: #eee;
	height: 100%;
}

.adm-student-boxes .adm-student-box .image{
	margin-bottom: -5px;
}
	.adm-student-boxes .adm-student-box .image img{}

.adm-student-boxes .adm-student-box .text{
    background-color: #eee !important;
    color: #222;
    padding: 0;	
}
	.adm-student-boxes .adm-student-box .text h4{
	    color: #222;
	    font-size: 0.8em;
	}

.adm-req.high-school .cq-colctrl-lt5-c1{
    margin-left: 4%;
    width: 30%;
}

.adm-req.college-uni {}
.adm-req.current-students {}
.adm-req.other-students {} 


/*
 * 4.1.1.1 - How to Apply
 */
.how-to-apply {}
.how-to-apply .parsys_column {
	display: block;
	width: 50%;
}

.how-to-apply.step-boxes{
	background-color: transparent;
}

.how-to-apply .text.parbase.section {
    display: block;
    height: 100%;
}

.how-to-apply.step-boxes .parsys_column{
	width: 100%;
}

.how-to-apply.step-boxes .parsys_column .text{
	float: left;
	width: 48%;
	margin-bottom: 20px; 
	background-color: #eee;
}

	.how-to-apply.step-boxes .parsys_column .text:nth-of-type(odd){
		margin-right: 2%;
	}

.how-to-apply.step-boxes .step-box{  
    background-color: #eee;
    margin-bottom: 1em;
    min-height: 230px;
    padding: 1em;
    height: 100%;
}

.step-boxes {  
    background-color: #eee;
    padding: 1em;
/*     clear:both; */
}

.step-box {margin-bottom:1em;}

   
.how-to-apply.step-boxes div.cq-colctrl-lt8-c2 {
	clear: both;
}   

.how-to-apply.impt-deadlines {
	/*display: table;*/
}
.how-to-apply.impt-deadlines .parsys_column{
	/*display: table;*/
	width: 31%;
    margin-bottom: 0;
    padding-right: 0;	 
}

.how-to-apply.impt-deadlines .parsys_column .section{
	height: 100%;
}

.how-to-apply.impt-deadlines .eq-box-ht{
    /*display: table;*/
    height: 100%;
    padding: 20px 10px 10px;
    width: 100%; 	
    /*table-layout: fixed;*/
}

/*
 * 4.1.1.2 - Important Dates & Deadlines
 */


/*
 * 4.1.1.3 - Tuition / Scholarship
 */
.tuition{}

.tuition .text-decp {
	overflow: auto;
}

.tuition .text-decp p {
	margin-bottom: 0;
}

.tuition .text-decp h5 {
    font-size: 1em;
    text-align: right;
}

.tuition .text-decp h5 > a{
	color: #a9192b;
    text-transform: lowercase;
    font-family: 'DINProMedium';	
}

.tuition.scholarshp-db{}
.tuition.scholarshp-db .scholarshp-db-box{
/* 	border: 1px solid #444; */
border-top: 10px solid #E11C77;
	background-color: #efefef;
	font-family: DinProMedium;
	vertical-align: middle;
	text-align: center;
	padding: 1em;
	padding-top:1.8em;
	color:#222;
	margin-bottom:20px;
}

.tuition.scholarshp-db .scholarshp-db-box a {color:#222;}
.tuition.scholarshp-db .scholarshp-db-box a:hover {color:#a9192b;}

/*
 * 4.1.1.4 - Advising
 */
.advising{}

.advising .text-decp {}

.advising.campus-boxes {}

.advising.campus-boxes .textimage {
	background-color: #f0f0f0;
}
.advising.campus-boxes .campus-box {}
	
.advising.campus-boxes .campus-box .image{
	margin-bottom: -5px;
}
.advising.campus-boxes .campus-box .image img{}

.advising.campus-boxes .campus-box .text{
    background-color: #eee !important;
    color: #222;
    padding: 10px 0 0 20px; 
}
.advising.campus-boxes .campus-box .text h3{}
.advising.campus-boxes .campus-box .text p{}

.advising.campus-boxes .campus-box .text h5{
    display: block;
    margin: 0 auto;
    width: 75%;
}

.advising.campus-boxes .campus-box .text h5 a {
    background-color: #fff;
    border: 1px solid #a6192e;
    border-radius: 5px;
    color: #a6192e;
    display: block;
    font-size: 1.25em;
    font-weight: bold;
    line-height: 1.25em;
    outline: medium none;
    padding: 1.5em;
    text-align: center;
    width: 100%;	
}



/*
 * 4.1.1.5 - Parents
 */

.parents{}




/*
 * 4.1.1.6 - High School Guidance Counselors
 */
.hs-counselors {}




/*
 * 4.1.2 - Programs
 */

.programs{}
.programs.program-boxes{}
.programs.program-boxes .textimage{height: 100%;}
.programs.program-boxes .program-box {
	height: 100%;
	background-color: #f0f0f0;
}
.programs.program-boxes .program-box .image{}
.programs.program-boxes .program-box .text{
    background-color: #f0f0f0;
    margin-top: -5px;
    padding: 0.5em;	
}
	.programs.program-boxes .program-box .text h3{}
	.programs.program-boxes .program-box .text p{}
	
	
	
	

/*
 * 4.1.2.1 - Degree Programs
 */

.degree-programs,
.degree-programs > .parsys_column{
	margin: 0!important;
}
 
.degree-programs .toggle h2 {font-size:1.1em; font-family:'DinProMedium';} 

/*
 * 4.1.3 - Co-operative Education
 */

.coop {}

/*
 * 4.1.3.1 - Co-op Student Stories
 */

.coop-stu-stories {}
.coop-stu-stories.stu-stories-video {}

.potential-careers .toggle.sub-title {font-size:0.8em !important; font-family:'DinProMedium';}

/*
 * 4.1.3.2 - Co-op Employers
 */
.coop-employers{}
.coop-employers.quick-facts{}


/*
 * 4.1.4 - Student Life
 */

.stu-life{}
.stu-life.life-boxes {}
/*
.stu-life.life-boxes div.cq-colctrl-lt2-c0 {
    margin-right: 1.9%;
    padding-right: 0;
    width: 32%;
}

.stu-life.life-boxes div.cq-colctrl-lt2-c1 {
    margin-right: 2%;
    padding-right: 0;
    width: 32%;
}

.stu-life.life-boxes div.cq-colctrl-lt2-c2 {
    margin-right: 0;
    padding-right: 0;
    width: 32%;
}
*/
.stu-life.life-boxes .textimage-top {
    background-color: #f0f0f0;
    font-size: 1.25em;
    text-align: left;
    height: 100%;
    text-transform: capitalize; 
}

.stu-life.life-boxes .textimage.section {
    height: 100%;
}

.stu-life.life-boxes .textimage-top .text {
/*    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #eee #eee;
    border-image: none;
    border-right: 1px solid #eee;
    border-style: none solid solid;
    border-width: 0 1px 1px; */
    border: 0 none;
    background-color: #f0f0f0;
    margin-top: -5px;
    padding: 0.5em;
}

.stu-life.life-boxes .textimage-top .text h3 {
    font-size: 0.9em !important;
}

.stu-life.life-boxes .textimage-top .text p {
    font-family: "Georgia";
    font-size: 0.7em !important;
    text-align: left;
    text-transform: none;
}

.stu-life.life-boxes .textimage-top .text h5 {
	font-size: 0.7em;	
} 

/*
 * 4.1.4.1  - Campus Life
 */
.campus-life {}
.campus-life.location-boxes{}
.campus-life.location-boxes .textimage-top{
	background-color: #f0f0f0;
    font-size: 1.25em;
    height: 100%;
    text-align: left;
    text-transform: capitalize;
}

.campus-life.location-boxes .textimage-top .text{
/*    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #eee #eee;
    border-image: none;
    border-style: none solid solid;
    border-width: 0 1px 1px;*/
    border: 0 none;
    background-color: #f0f0f0;
    margin-top: -5px;
    padding: 0.5em;	
}
.campus-life.location-boxes .textimage-top .text h3{
	font-size: 0.9em;
}

.campus-life.location-boxes .textimage-top .text p {
    font-family: "Georgia";
    font-size: 0.75em;
    text-align: left;
    text-transform: none;	
}

.campus-life.location-boxes .textimage-top .text h5 {
	font-size: 0.8em;	
} 

/*
 * 4.1.4.2  - Student Groups
 */

.student-groups {}
.student-groups .group-box{}
.student-groups .group-box .image{
	float: left;
}
.student-groups .group-box .text{
    float: left;
    width: 72%;	 
}
	.student-groups .group-box .text h3{}
	.student-groups .group-box .text p{}


/*
 * 4.1.4.3  - UniverCity Groups
 */

.unicity .textimage{}
.unicity .textimage .textimage-top {
    background-color: #f0f0f0;
    font-size: 1.25em;
    height: 100%;
    text-align: left;
    text-transform: capitalize;
}

.unicity .textimage .textimage-top .text {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #f0f0f0;
    border-color: -moz-use-text-color #eee #eee;
    border-image: none;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    margin-top: -5px;
    padding: 0.5em;
}

.unicity .textimage .textimage-top .text h3,
.unicity .textimage .textimage-top .text h4 {
	word-wrap: break-word;
}



/*
 * 4.1.5 - Research
 */

.ug-research{}
.ug-research.ug-research-areas{}
.ug-research.ug-research-areas .textimage{}


.ug-research.ug-research-areas .textimage .textimage-top {
	height: 100%;
}

.ug-research.ug-research-areas .textimage .text{}
.ug-research.ug-research-areas .textimage .text h4 {
    color: #fff;
    font-size: 0.875em;
    padding: 0.5em;
    text-transform: capitalize;	
}

.ug-research.ug-research-areas .textimage .text h5{display:none;}
.ug-research.ug-research-areas .textimage .image{}

.toggle {margin-bottom:3%;}
.toggle p {margin-bottom:0;}
.toggleContent ul li {font-size:0.9em; line-height:1.7em;}
.toggle h2 { 
	margin-bottom: 0;
}

/* 
 * 5.0 CURRENT STUDENTS SECTION
 ****************************************************************************/ 

/* 5.0 Current Students Landing Page */ 

.current {}

.current.resource-links {} 

.current.resource-links .parsys_column {
	display: block;
}

.current.resource-links .parsys_column .section {
    display: block;
    height: 100%;
    width: 100%;
}
 
.current.resource-links .coop-link {
	background-color: #eeeeee; 
	border: 1px solid #cccccc;
    display: block;
    height: 100%;	
    position: relative;
    width: 100%;    
}

.current.resource-links .coop-link .image{
    bottom: 0;
    left: 24%;
    position: absolute;
    width: 50%;
}

.current.resource-links .coop-link .image img{
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 236px;
    width: 100%;	
} 

.current.resource-links .coop-link .text {}

.current.resource-links .coop-link .text p{
    font-family: 'DINProMedium';
    color: #222;	
    text-align: center;	
}

.current.resource-links .coop-link .text p:nth-child(1){
	font-size: 1.75em;
	margin-top: 15px;
	line-height:1.3em;
}  

.current.resource-links .coop-link .text p:nth-child(2){
	font-size: 1.5em;	
	margin: 0; 
}  


.current.faq-teaser{margin: 0;}
.current.faq-teaser .faq-teaser-list{}
.current.faq-teaser .faq-teaser-list ul{
    background-color: #eee;
    color: #000;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 10px;
    width: 100%;
}
.current.faq-teaser .faq-teaser-list ul li{
	background: url("/content/dam/sfu/computing/IconicState/images/bg-ellipse-black.png") no-repeat scroll 7px 8px #eee;
	list-style-position: inside;
	padding-left: 17px;
	color: #fff;
	padding-top: 10px;
	padding-bottom: 15px;
	width: 98%;
	margin-left: 2%;
}

	.current.faq-teaser .faq-teaser-list ul li:last-child a {
		border: 0 none;
	}

.current.faq-teaser > .parsys_column {
	margin-bottom: 0;
}

.current.faq-teaser .faq-teaser-list ul li span{
    display: block;
    width: 3%;	
    float: left;
}

.current.faq-teaser .faq-teaser-list ul li a{
    border-bottom: 1px dotted #222;
    display: block;
    margin-left: 30px;
    padding-bottom: 10px;    
    top: 11px;
    width: 90%;
}

/*
 * 5.1.7 - FAQ
 */
.curr-faq{}

.curr-faq .sub-title{
	margin-top: 30px; 
}

	.curr-faq .sub-title:nth-child(1){ 
		margin-top: 0;
	}

.curr-faq .text-decp p{
	margin-top: 3px;
}



 /* 
  * 6.0 RESEARCH 
  ****************************************************************************/ 
  
.research{}
.research.col3 .textimage { 
	background-color: #f0f0f0;
	margin-bottom:20px;
}
/*
.research.faculty-grid{}

.research.faculty-grid {
	width: 100%;
	border-top: 10px solid #a8182b;
	background-color: #000;
	padding-bottom: 0 !important;
}

	.research.faculty-grid > div.parsys_column {margin: 0;}

.research.faculty-grid .textimage{
    float: left;
    width: 33.33%;	
    position: relative;
    margin-bottom: 0;
}

	.research.faculty-grid .textimage:nth-child(4){
		clear: both;
	} 

.research.faculty-grid .textimage .image {
	width: 100%;
	display: table;
}
.research.faculty-grid .textimage .image img{
	display: table;
}

.research.faculty-grid .textimage .text {
    color: #fff;
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
    display: none;
    padding-top: 40%;
}

	.research.faculty-grid .textimage:hover .text {
		display: block;
		background-color: #666666;
		opacity: 0.85;
	}
*/
.research.faculty-grid.static .textimage .text{ /* static box */
	display: block;
	color: #a8182b;
	font-family: 'DINProMedium';
	font-size: 1.23em;
	font-weight: 700;
    text-transform: uppercase;
}

	.research.faculty-grid.static .textimage:hover .text{
		display: block;
		background-color: transparent;
		opacity: 1;	
	}

/* reset for CQ5 developer mode */

#cq-gen6 .research.faculty-grid .textimage {
	width: 100%;    
}

#cq-gen6 .research.faculty-grid .textimage .image {
	width: 25%;
}

.research.col3 > div.parsys_column {
	background: 0 none;
}

.research-boxes {margin-bottom:1em;}
.research-boxes h4 {font-family:'DinProMedium';}


.research .text-decp h2 {background-color: #3d3935;
color: #fff;
padding: .3em .2em .2em .4em;
margin-bottom: .5em;}

.research .research-boxes{

}

/* 
 * 7.0 INDUSTRY RELATIONS 
 ****************************************************************************/ 

/*
 * Industry Relations Landing Page 
 */

.indrel{}  

.indrel.ind-boxes .text {
	border: 1px solid #000;
    padding: 80px 40px;
    height: 100%;
}

.indrel.ind-boxes .text .ind-box {}

.indrel.ind-boxes .text .ind-box p{
	text-align: center;
	margin: 0;
}  
  

/*
 * 7.1 Industry Relations - Hiring CS Students 
 */

/*
 * 7.2 Industry Relations - Research Partnerships 
 */

.indrel.research-partners{}  

/* 
 * 8.0 NEWS & EVENTS SECTION 
 ****************************************************************************/ 
  
/*
 * News & Events Landing Page 
 */

.newsevents.recent-news {}
.newsevents.recent-news  ul{}
.newsevents.recent-news  ul li{
    border-bottom: 10px solid #eeeeee;
    padding-bottom: 15px;	
    margin-top: 0;
}
	.newsevents.recent-news  ul li:last-child {
		margin-bottom: 0;
	}
	
	.newsevents.recent-news  ul li div.newsThumbnail {
		width: 15%;
	}
	
	.newsevents.recent-news  ul li div.newsThumbnail a img{
		border: 1px solid #000;
    	padding: 3px;
	}
	
	.newsevents.recent-news  ul li div.newsLead h3 a{
		color: #a9192b;	
	    font-family: 'DINProMedium';
	    font-size: 1.2em;	
	    text-transform:capitalize;		
	}
	

	.newsevents.recent-news  ul li div.newsLead span.newsMeta span.newsDatestamp{
		color: #666;
	    font-family: 'DINProRegular';
	    font-size: 1em;					
	}

	.newsevents.recent-news  ul li div.newsLead span.newsMeta span.newsComments{display: none;}
	
	
	.newsevents.recent-news  ul li div.newsLead p{
	    color: #333;
	    font-family: georgia;
	    font-size: 0.9em;
	    line-height:1.7em;		
	}
		.newsevents.recent-news  ul li div.newsLead p a{
		    font-family: 'DINProMedium';
		    font-weight: 500;
		    text-transform: capitalize;
		}
		.newsevents.recent-news  ul li div.newsLead p a:after{
			content: " >";
		}

/* Events Boxes */

.newsevents.events-boxes{}

.newsevents.events-boxes > div{
	background-color: #eeeeee;
	min-height: 185px;
	padding: 15px;
}
.newsevents.events-boxes div.cq-colctrl-lt2-c0{}
.newsevents.events-boxes div.cq-colctrl-lt2-c1{
	/*background: url("/content/dam/sfu/computing/IconicState/images/bg-dls-box.png") no-repeat scroll 0px 0px / 100% 100% #eee;*/
	background: url("/content/dam/sfu/computing/IconicState/images/bg-dls-box.png") no-repeat scroll right bottom #fefefe;
} 
.newsevents.events-boxes div.cq-colctrl-lt2-c2{
    padding-bottom: 0;
    padding-right: 0;
    margin-right: 0;	
    overflow: hidden;
}
.newsevents.events-boxes div.cq-colctrl-lt2-c2 .textimage{
	height: 100%;
}


.events-boxes .events-box h3 a{
	color: #a9192b;	
    font-family: 'DINProMedium';
    font-size: 1.125em;			
}
.events-boxes .events-box p{
		color: #222222;
	    font-family: 'DINProRegular';
	    font-size: 0.875em;		
}

.events-boxes .events-calendar-box {}
.events-boxes .events-calendar-box .image{
	margin-right: 14px;
}

.events-boxes .dls-box{
	
	
}

.events-boxes .career-fair-box {
	position: relative;
	height: 100%;
}
.events-boxes .career-fair-box .image{
	position: absolute;
	bottom: -15px;
	right: 0;
	width: 50%;
	margin-right: 0;
}
.events-boxes .career-fair-box .text{}


/*
 * 8.3 Distinguished Lecture Series 
 */
.dls-list .image{
	width: 15%;
}