/* @override http://cs.umanitoba.ca/~hciweb/css/style.css */

/* @override http://cs.umanitoba.ca/~hciweb/css/style.css */

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	/*background: transparent;*/
}

/* HTML5 display-role reset for older browsers */
article, aside, figure, footer, header, hgroup, nav, section {display: block;}

ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline;
}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

body {line-height:1;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

/* Form Elements */
input, select {vertical-align: middle;}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}

a:hover, a:active {outline: none;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;}

sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable, label, input[type=button], input[type=submit], button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}

a, img a, img, a img {border:0;	outline:0; text-decoration:none;}

/* FLOAT-elements */
.fltleft {float:left;}
.fltright {float:right;}

.clrflt {
	clear:both;
	line-height:1px;
	font-size:1px;
	overflow: hidden;
}

/* Generic Text */
 h1
{
	padding:0 0 18px 0;
	margin:0px;
	font-weight:normal;
	font-size: 25px;
	color:#47a8c7;
}

 h1.publication
{
	padding:27px 0 18px 0;
	margin:0px;
	margin-left: -10px;
	font-weight:normal;
	font-size: 25px;
	color:#47a8c7;
}
h2
{
	padding: 1em 0 .5em 0;
	margin:0px;
	font-weight: normal;
	font-size: 18px;
	color:#bcc300;
}

h3
{
	padding:0 0 8px 0;
	margin:0px;
	font-weight:normal;
	font-size: 15px;
	color: #919191;
}


p {

	font-size: 13px;
	margin-bottom: 1em;
	line-height: 18px;
}

a{
	color: #4080aa;
	text-decoration: underline;
}

.button {
  color: #ffffff;
  font-size: 16px;
  padding: 7px;
  text-decoration: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  text-shadow: 1px 1px 3px #666666;
  border: solid #4daecb 1px;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#58D3FB), to(#4DADC9));
  background: -moz-linear-gradient(top, #58D3FB, #4DADC9);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#58D3FB, endColorStr=#4DADC9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#58D3FB, endColorStr=#4DADC9);
  display:inline-block;
}
.button:hover {
  background: #c4c92a;
  border: solid #c4c92a 1px;
}

/* MAIN */
body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#474747;
	background:url(../img/body_bg.jpg) repeat-x left top;
}

body.inner
{
	background:url(../img/body_bg2.jpg) repeat-x left top;
}

.outer
{
	background:url(../img/outer_bg.jpg) repeat-y center top;
	width:100%;

}

header
{
	margin:0 0 20px 0;
}

.logo
{
	width:261px;
	height:60px;
	margin:20px 0 0 0;
}

.menu
{
	padding:44px 0 0 0;
	color:#454545;
	font-size:13px;
	text-align:right;
}

.menu ul
{
	padding:0px;
	margin:0px;
	list-style:none;
}

.menu ul li
{
	background:url(../img/sep.png) no-repeat right center;
	padding:0 5px 0 0;
	display:inline;
}

.menu ul li.nosep
{
	background:none;
	padding:0px;
}

.menu ul li a
{
	text-decoration:none;
	color:#454545;
	padding:0 12px;
}

.menu ul li a:hover, .menu ul li.active a
{
	color:#47a9c8;
}

.banner
{
	height:360px;
	position:relative;
	margin:0 0 40px 0;
}

.banner img
{
	position:relative;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	behavior:url(http://cs.umanitoba.ca/~hciweb/PIE.htc);
}

.banner_text
{
	height:102px;
	width:552px;
	position:absolute;
	bottom:40px;
	background:url(../img/banner_text.jpg) repeat-x left top;
	-moz-border-radius:9px 0px 0px 9px;
	-webkit-border-radius:9px 0px 0px 9px;
	border-radius:9px 0px 0px 9px;
	behavior:url(PIE.htc);
	right:1px;
	padding:18px 0 0 28px;
}

.banner_text_left
{
	width:375px;
}


.banner_text_left p
{
	font-size:24px;
	color:#FFF;
}



.banner_text p
{
	line-height:30px;
	padding:0px;
	margin:0px;
}

.more_button
{
	margin:40px 38px 0 0;
	width:120px;
	height:41px;
	background:url(../img/more_button.png) no-repeat left top;
}

.more_button a
{
	display:block;
	text-decoration:none;
	font-size:14px;
	color:#646464;
	line-height:41px;
	text-align:center;
}

.pagination_links
{
	list-style-type: disc;
	margin-bottom: 1em;
	font-size: 13px;
	}

.pagination_links li {
	display: inline-block;
	float: left;

	margin-right: 5px;
}

.pagination_links li a {
	color: gray;
	display: block;
		padding: 3px 6px;
	background-color: silver;
		-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.pagination_links li a:hover, .pagination_links li a.active {
	background-color: #47a9c8;
	color: white;
}

.content
{
	padding:0 0 10px 0;
}

#archive a

{color:  #fff;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	display: block;

}

.news_archive h2
{
	padding: 0;
}
.news_archive em
{
	font-weight: normal;
	font-style: normal;
	color: gray;
	display: inline-block;
	margin-bottom: .5em;
}
.news_archive p
{
	display: block;
}

.news_entry {margin-bottom: 2em;}

.news_entry .read_more { color:  #47a9c8;}
.news_entry .read_more:hover { color:  #606300;}

.cont_block1
{
	margin:0 0 14px 0;
}

.block1_box
{
	width:205px;
	padding:0 19px 0 0;
	border-right:1px solid #bbbbbb;
	margin:0 20px 20px 0;
	height:198px;
}

.box_pic
{
	margin:10px 0px 6px 0px;
}

.box_pic img
{
	position:relative;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	behavior:url(PIE.htc);
}

.block1_box a
{
	text-decoration:none;
	font-size:12px;
	line-height:16px;
	color:#454545;
}

.block1_box a img
{
	margin:0 0 0 6px;
}

.block1_box2
{
	margin:0px;
	padding:0px;
	border:none;
}


.cont_block2
{
	padding:0 0 40px 0;
	margin:0 0 32px 0;
	border-bottom:1px solid #bbbbbb;
}

.product_box
{
	width:620px;
	padding:10px 40px;
	background:url(../img/product_bg.png) repeat left top;
}

.product_box ul
{
	padding:0px;
	margin:0px;
	list-style:none;
}

.product_box ul li
{
	float:left;
	padding:0 4px;
}

.product_box ul li a
{
	height:60px;
	width:60px;
}

.view_button
{
	width:220px;
	height:80px;
	background:url(../img/view_button.png) no-repeat left top;
}

.view_button a
{
	text-align:center;
	line-height:80px;
	display:block;
	text-decoration:none;
	color:#646464;
	font-size:18px;
}

#back-button {
	margin-bottom: 26px;
	font-size: 15px;
	text-decoration: none;
	/*background-color: #cacaca;*/
	background-image: -webkit-gradient(linear, left center, right center, from(rgba(202, 202, 202, 1.00)), to(rgba(255, 255, 255, 0.00)));
	background-image: -webkit-linear-gradient(left, rgba(202, 202, 202, 1.00), rgba(255, 255, 255, 0.00));
	background-image: -moz-linear-gradient(left, rgba(202, 202, 202, 1.00), rgba(255, 255, 255, 0.00));
	background-image: -o-linear-gradient(left, rgba(202, 202, 202, 1.00), rgba(255, 255, 255, 0.00));
	background-image: -ms-linear-gradient(left, rgba(202, 202, 202, 1.00), rgba(255, 255, 255, 0.00));
	background-image: linear-gradient(left, rgba(202, 202, 202, 1.00), rgba(255, 255, 255, 0.00));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#cacaca', EndColorStr='#ffffff');
	width: 50%;
}
#back-button a {
	text-decoration: none;
	display: block;
	color: #575757;
	padding:  7px;
	font-weight: normal;
	font-style: normal;
}
#back-button a:hover {
	color: black;
	text-decoration: underline;
}

.cont_block3
{
	margin:0 0 32px 0;
	background:url(../img/cont_block3_bg.jpg) repeat-y center top;
	width:940px;
}

.block3_left
{
	color:#454545;
	font-size:13px;
}

.block3_left h2
{
/*
	padding:0 0 14px 0;
	margin:0px;
	font-size:24px;
	line-height:30px;
	color:#47a9c8;
	font-weight:normal;
	*/
}

.block3_left p
{
	padding:0 0 10px 0;
	margin:0px;
	line-height:18px;
}

.block3_left ul
{
	padding:0 0 0 20px;
	margin: 0px 0px 1em;
	list-style:none;
}

.block3_left ul li
{
	padding:0 0 0 18px;
	display:block;
	font-size:13px;
	line-height:18px;
	color:#454545;
	background:url(../img/li_bg.png) no-repeat left center;
}

.block3_right
{
	color:#454545;
	font-size:13px;
}

.block3_right h1, .block3_right h1 a
{
	padding:0 0 18px 0;
	margin:0px;
	font-weight:normal;
	font-size:20px;
	color:#47a8c7;
}

.block3_right h1 a:hover
{
	color:  #286173;
	}

.block3_right h2
{
	padding:0 0 8px 0;
	margin:0px;
	font-weight:normal;
	font-size:15px;
	color:#bcc300;
}

.block3_right a
{
	display:block;
	padding:0 0 0 0;
	font-size:13px;
	line-height:18px;
	color:#454545;
	text-decoration:none;
}

.block3_right a img
{
	margin:0 0 0 5px;
}

.footer_main
{
	padding:18px 0;
}

.footer_left
{
	font-size:11px;
	color:#e6e7e8;
}

.footer_left p
{
	font-size:11px;
	padding:0px;
	margin:0px;
	line-height:13px;
}

.footer_right
{
	font-size:11px;
	color:#e6e7e8;
}

.footer_right span
{
	display:block;
	line-height:13px;
}

.address
{
	width:180px;
}

.contact
{
	width:160px;
}

.footer_right span a
{
	text-decoration:none;
	color:#e6e7e8;
}

.block3_left_pic
{
	margin:0 0 40px 0;
}

.block3_left_pic img
{
	position:relative;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	behavior:url(PIE.htc);
}

.bor
{
	background:url(../img/border2.png) repeat-y center top;
}

.pad
{
	padding:80px 0 0 0;
}

.left_box1
{
	padding:0 0 25px 0;
}

.left_box1 p, .left_box1 h3 {
	margin-left: 20px;
}

.left_box1 img
{
	margin:0 0 40px 0;
	position:relative;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	behavior:url(PIE.htc);
}

.left_box2_pubs
{
	padding:0 0 15px 35px;
	margin:0 0 18px 0;
	border-bottom:1px solid #e7e5e3;
}
.left_box2
{
	padding:0 0 15px 0px;
	margin:0 0 18px 0;
	border-bottom:1px solid #e7e5e3;
}

.left_box2 a {
	text-decoration: none;
}
.left_box2 h3
{
	padding:0 0 15px 0;
	margin:0 0 18px 0;
	font-size:18px;
	color:#47a9c8;
	font-weight:normal;
	border-bottom:1px solid #e7e5e3;
	width:580px;
}

.box2_left
{
	width:120px;
}

.box2_left_pic
{
	padding:0 0 8px 0;
}

.box2_left_pic img
{
	position:relative;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	behavior:url(PIE.htc);
}

.icon_area
{
	height:22px;
}

.icon_area ul
{
	padding:0px;
	margin:0px;
	list-style:none;
}

.icon_area ul li
{
	float:left;
	padding:0 10px 0 0;
	background:url(../img/icon_bg.png) no-repeat left top;
	width:22px;
	height:18px;
	display:block;
	text-align:center;
	padding:4px 0 0 0;
	margin: 0 5px 3px 0;
}

/*
.icon_area ul li.last
{
	padding:0px;
}


.icon_area ul li a
{
	width:22px;
	height:18px;
	background:url(../img/icon_bg.png) no-repeat left top;
	display:block;
	text-align:center;
	padding:4px 0 0 0;
}
*/




.publication_list .box2_right{
	 width: 517px;
}

.publication_list .box2_right p {
	text-align: justify;
}

.publication_list .box2_left{
	margin-right: 15px;
}

.publication_list .bor {background: none;

}

.publication_list .grid_12

{
	border-right: 1px solid #bbbbbb;
} 

.icon_area ul li:hover
{
	background:url(../img/icon_hover.png) no-repeat left top;
}

.box2_right
{
	width:440px;
}

.box2_right h4
{
	padding:0 0 12px 0;
	font-size:16px;
	color:#bdc400;
	font-weight:normal;
	margin:0px;
}

.box2_right h4.publication{
	padding: 0 0 0 0;
}

.nobor
{
	border:none;
	margin:0px;
}

.collaborators
{
	font-size:11px;
	color:#454545;
}

.collaborators h1
{
	font-size:20px;
	color:#47a9c8;
	font-weight:normal;
	display: block;
	margin: 1em 0 0;
}

.collaborators_box
{
	padding:0 0 18px 0;
}

.collaborators_box img,.publication_img, .rounded_img
{
	float:left;
	position:relative;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	behavior:url(PIE.htc);
}

.rounded_img {margin-bottom: 20px;}

.graduate_students  img, .alumni img
{
	float:left;
	position:relative;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	behavior:url(PIE.htc);
	width: 50px;
}

.graduate_students .collaborators_text, .alumni .collaborators_text
{
	width: 163px;
	color:#454545;
	font-size:11px;
}
.collaborators_text
{
	width:180px;
	color:#454545;
	font-size:11px;
}

.collaborators_text h2, .collaborators_text h2 a
{
	padding:0 0 3px 0;
	margin:0px;
	font-size:15px;
	color:#bdc400;
	text-decoration: none;
}

.collaborators_text h2 a:hover
{
	color:#8F9400;
}
.collaborators_text span
{
	font-size: 12px;
	font-weight:bold;
	color:#454545;
	display:block;
	padding:0 0 8px 0;
	line-height:18px;
}

.collaborators_text span a
{
	font-weight:normal;
	display:block;
	color:#454545;
	text-decoration:none;
}

.collaborators_text p
{
	padding:0px;
	margin:0px;
	line-height: 14px;font-size: 12px;color: #999;}

.collaborators_text p strong
{
	display:block;color: #515151;}

/* COURSES */


.course_link {
	margin-bottom: 2em;
}
.course_link a {
	color: #4298b3;
	text-decoration: underline;
	margin-right: 5px;
	padding-top: 0;
	padding-left: 0;
	padding-right: 5px;
	line-height: 18px;
	display: block;
}

.course_link a img
{
	margin-right: 0;
	margin-left: 5px;
}




.bio_list
{
	font-size: 12px;
	line-height: 12px;
	margin-left: 1em;
	color: #bdc400;
	margin-bottom: 2em;
}

.bio_list li {
	margin-bottom: 6px;
		list-style-type: disc;
	list-style-position: inside;
}
.bio-publications {
	margin-bottom: 5em;
}
.bio-publications p
{
	text-align: justify;
}


#filter label.inline
{
	font-size: 15px;
	display: inline;
	margin-bottom: .5em;
}
#filter label
{
	font-size: 15px;
	display: block;
	margin-bottom: .5em;
}
#filter select#projectAuthorList
{	font-size: 15px;
	display: inline;
	width: auto;
	margin-bottom: .5em;
}
#filter select
{	font-size: 15px;
	display: block;
	width: 100%;
	margin-bottom: 1em;
}

#filter  input
{
	float: right;
}

/*======================sticky-footer======================*/

* {margin:0;padding:0;}

html, body {height: 100%;}

.wrap {min-height: 100%; margin: 0 auto;}


.main {overflow:auto;
       padding-bottom: 100px;}  /* must be same height as the footer */

.footer_wrap {position: relative;
       margin-top: -100px; /* negative value of footer height */
       height: 100px;
	   background:url(../img/footer_wrap.jpg) repeat-x left top;
       clear:both;
}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}


#carousel {
			width: 616px;
			height: 60px;
			padding: 10px 50px;
			background-color: #e8e7e7;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			
			
		}	
		#carousel .arrow-holder {
			height: 78px;
		}		
		#carousel .touchcarousel-item {
			margin-right: 5px;	
			width: 60px;
			height: 60px;		
		}
		#carousel .item-block {
			width: 60px;
			height: 60px;
			display: block;
		}
		#carousel .item-block img,
		#carousel .item-block h4, 
		#carousel .item-block p {
			float: left;
			position: relative;
			display: block;
			margin: 0;			
		}
		#carousel .item-block img {
			width: 60px;
			height: 60px;		
			border: 0;
			padding: 0;		
		}
		#carousel .item-block {			
			text-decoration: none;
			color: inherit;			
		}					




/* Additions by Jim to aviod selection of carousel */


.noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}