/*---------------------------------------*/
/* CUSTOM STYLES FOR THE CHAIRS WEBSITE   */
/* --> CREATED BY THE SSHRC WEB TEAM     */
/* --> CREATED: APRIL 2013               */ 
/*---------------------------------------*/

/* WET BLUE: rgb(41, 83, 118) */


/***********************************/
/* 1. GLOBAL TEMPLATE - OVERWRITES */
/***********************************/

/* REMOVED MARGINS AND PADDING FROM THE WET-BOEW CONTENT CONTAINER */
#wb-cont { padding: 0; margin: 1px; }


/**************************************/
/* 2. HEADBOARD TEMPLATE - OVERWRITES */
/**************************************/

/* HOMEPAGE BANNER */
.hp-banner { margin: 0 0 2em !important; }

/* HOMEPAGE CONTENT */
.hp-content { padding-left: .75%; padding-right: .75%; }

/**********************************/
/* 3. GENERAL STYLES - OVERWRITES */
/**********************************/
/*body { font-family: Arial, Helvetica, Sans-Serif !important; }*/

.bold { font-weight: bold; }
.nobold { font-weight: normal; }
.uppercase { text-transform: uppercase; }
.underline-none { text-decoration: none !important; }
.underline-none span:hover { text-decoration: underline !important; }

/*a { text-decoration: none; }
a:hover { text-decoration: underline;}*/
/*a:visited { color: rgb(41, 83, 118) !important;}*/

hr { border-bottom: 0 !important; background: transparent; outline: none; border-top: 1px solid #999; }

/* OVERWRITE PARAGRAPH STYLES FROM W.E.T. TEMPLATE */
h1 { font-size: 170% !important; }
h2 { line-height: 1.25em !important; }
h6 { font-size: 85% !important; }

.overflow-auto { overflow: auto; }
.border-bottom-none { border-bottom: 0 !important; }
.border-none { border: 0 !important; }
.border-left-none { border-left: 0 !important; }
.border-right-none { border-right: 0 !important; }

.border-top-none { border-top: 0 !important; }
.border-top-blue { border-top: .3em solid #1c5289; }
.border-top-bronze { border-top: .3em solid #C96; }


.border-bottom-red { border-bottom-color: #C00; }
.border-bottom-medium { border-bottom-style: solid; border-bottom-width: medium; }



/* USED ON THE CHAIRHOLDER'S PROFILE PAGES */
.border-left-thick { border-left: 4px solid; }
.border-left-red { border-left-color: #CE0000; }

/***************************/
/* 4. GENERAL STYLES - NEW */
/***************************/

/* HORIZONTAL RULE STYLES - DOTTED AND DASHED */
hr.dotted, hr.dotted-grey, hr.dotted-red, hr.dotted-bronze, hr.dotted-blue { border-left: 0; border-right: 0; border-top: 1px dotted !important; }
hr.solid, hr.solid-grey, hr.solid-red, hr.solid-bronze { border-left: 0; border-right: 0; border-top: 1px solid !important; }

hr.dotted, hr.solid { border-top-color: #999 !important; }
hr.dotted-grey, hr.solid-grey { border-top-color: #DDD !important; }
hr.dotted-red, hr.solid-red { border-top-color: #CE0000 !important; }
hr.dotted-bronze, hr.solid-bronze { border-top-color: #C96 !important; }
hr.dotted-blue, hr.solid-bronze { border-top-color: #1c5289 !important; }

hr.dashed { border-top: 1px dashed !important; border-top-color: #999; }

.outline-none { outline: 0 !important; }

/* FOR ANY ELEMENT TO HAVE A WIDTH OF 100% OF THE PARENT CONTAINER */
.full-width { width: 100% !important; }
.full-height { height: 100% !important; }

.width-15 { width: 15% !important; }
span.width-25 { width: 25% !important; }
.width-25 { width: 25% !important; }
.width-33 { width: 33.333% !important; }
.width-66 { width: 66.666% !important; }
.width-75 { width: 75% !important; }

.height-none { height: 0 !important; }
.height-xxsmall { height: .125em !important; }
.height-xsmall { height: .25em !important; }
.height-small { height: .5em !important; }
.height-medium { height: 1em !important; }
.height-large { height: 1.5em !important; }
.height-xlarge { height: 2em !important; }

/* A CONTINUATION OF THE STANDARD MARGIN STYLES PROVIDED BY THE WET TEMPLATE. MARGIN-LEFT WAS MISSING */
.margin-left-none { margin-left: 0 !important; }
.margin-left-small { margin-left: .5em !important; }
.margin-left-xmedium { margin-left: .75em !important; }
.margin-left-medium { margin-left: 1em !important; }
.margin-left-large { margin-left: 1.5em !important; }
.margin-left-xlarge { margin-left: 2em !important; }
.margin-left-xxlarge { margin-left: 2.5em !important;}

.margin-none { margin: 0; }
.margin-small { margin: .5em !important; }

/* SIMILAR STYLES AS THE MARGIN STYLES PROVIDED BY THE WET TEMPLATE */ 
.padding-top-none { padding-top: 0 !important; }
.padding-top-xsmall { padding-top: .25em !important; }
.padding-top-small { padding-top: .5em !important; }
.padding-top-medium { padding-top: 1em !important; }
.padding-top-large { padding-top: 1.5em !important; }

.padding-bottom-none { padding-bottom: 0 !important; }
.padding-bottom-xsmall { padding-bottom: .25em !important; }
.padding-bottom-small { padding-bottom: .5em !important; }
.padding-bottom-medium { padding-bottom: 1em !important; }
.padding-bottom-large { padding-bottom: 1.5em !important; }

.padding-left-none { padding-left: 0 !important; }
.padding-left-small { padding-left: .5em !important; }
.padding-left-medium { padding-left: 1em !important; }
.padding-left-large { padding-left: 1.5em !important; } 

.padding-right-none { padding-right: 0 !important; }
.padding-right-small { padding-right: .5em !important; }
.padding-right-medium { padding-right: 1em !important; }
.padding-right-large { padding-right: 1.5em !important; }

.padding-none { padding: 0 !important; }
.padding-small { padding: .5em; }
.padding-medium { padding: 1em; }
.padding-large { padding: 1.5em; }

/* TOP BORDERS FOR ANY MODULES */
.red-border-top { border-top: .3em solid #CE0000 !important; }
.black-border-top { border-top: .3em solid #231F20 !important; }
.grey-border-top { border-top: 1px solid #DDD !important; }
.grey-border-left { border-left: 1px solid #DDD !important; }

.border-thick-grey { border: 4px solid #DDD; }
.border-top-thick { border-top-width: 4px !important; }
.border-top-xthick { border-top-width: 8px !important; }

@media screen and (max-width: 767px), screen and (max-device-width: 767px) {
	.border-exception {
		outline: 1px solid #ccc !important;
	}
}

.background-black { background-color: #000; color: #FFF !important; } /* DEFAULT: MAKE FONT-COLOR WHITE */
.background-red { background-color: #CE0000; color: #FFF !important; } /* DEFAULT: MAKE FONT-COLOR WHITE */
.background-red a,
.background-red p,
.background-red h1,
.background-red h2,
.background-red h3,
.background-red h4,
.background-red h5,
.background-red h6,
.background-red h7 { color: #FFF !important; }
.background-none { background-color: transparent; }

.background-grey { background-color: #DDD; }

.color-white { color: #000 !important; }
.color-red { color: #CE0000 !important; }
.color-bronze { color: #C96 !important; }
.color-blue { color: #1c5289 !important; }
/*.background-white p, .background-white a { color: #000 !important; }*/


.wb-icon-twitter  
{
    background-image: url(../images/icons/twitter_white.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 0;
    display: inline-block;
    vertical-align: text-top;
}

.wb-icon-magnifier2  
{
    background-image: url(../images/icons/crc_search.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 0;
    display: inline-block;
    vertical-align: text-top;
}

.wb-icon-news 
{
    background-image: url(../images/icons/news-white.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 0;
    display: inline-block;
    vertical-align: text-top;   
}

.wb-icon-person 
{
    background-image: url(../images/icons/person.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 0;
    display: inline-block;
    vertical-align: text-top;   
}


/* QUOTATIONS */
span.quote-open-lt_grey { display: inline-block; background-image: url(/images/common/quote_sm_open-lt_grey.png); background-repeat: no-repeat; width: 22px; height: 22px; margin-right: 4px; vertical-align: text-top; }
span.quote-close-lt_grey { display: inline-block; background-image: url(/images/common/quote_sm_close-lt_grey.png); background-repeat: no-repeat; width: 22px; height: 22px; margin-left: 4px; vertical-align: text-top; }
span.quote-open-lt_fra_grey { display: inline-block; background-image: url(/images/common/quote_sm_open-lt_fra_grey.png); background-repeat: no-repeat; width: 22px; height: 22px; margin-right: 4px; vertical-align: middle; }
span.quote-close-lt_fra_grey { display: inline-block; background-image: url(/images/common/quote_sm_close-lt_fra_grey.png); background-repeat: no-repeat; width: 22px; height: 22px; margin-left: 4px; vertical-align: text-bottom; }


/*table#chairholder_search { max-width: 100% !important; }*/

/* SMALL SECTION TITLES IN THE TOP LEFT CORNER OF THE MODULES/BINS */
/*h6.mini-header { color: #999; text-transform: uppercase; padding-bottom: 0; margin-bottom: 0; }
h6.mini-header a { color: #999; text-decoration: none; }
h6.mini-header a:hover { color: #333; text-decoration: none; }
*/



/* W.E.T. CONTENT MODULES ('BINS') */
.module { padding: 1em 0;  }


/* W.E.T. TABBED INTERFACE (HOMEPAGE BANNER) */
.hp-banner-panel {  }
/*.tabs-panel { overflow: hidden; }*/

/* W.E.T. TABBED INTERFACE ("PRIORITIES" MODULE ON HOMEPAGE) */
ul.right-nav-tabs { right: 0 !important; top: 0; width: 60px; overflow: hidden; }
ul.right-nav-tabs .tabs-prev, ul.right-nav-tabs .tabs-next { border: 0 !important; outline: 0 !important; }
ul.right-nav-tabs .tabs-stop, ul.right-nav-tabs .tabs-start { visibility: hidden; }

/* W.E.T. TABBED INTERFACE - TAB/PREV/NEXT/PLAY/STOP BUTTONS (HOMEPAGE BANNER) */
/*ul.banner-tabs { right: .5em !important; bottom: .5em !important; margin-top: 260px !important; }*/


/* STYLES FOR THE SSHRC MOSAIC (USED IN THE STRAT. PLAN BUTTON) */
div.sshrc-mosaic { display: block; font-size: 1px; margin: 0 auto; }
div.sshrc-mosaic img { width: 100%; height: 5px; }
div.sshrc-mosaic ul li { height: .25em; }

/* STYLES FOR THE TITLE MOSAIC (ON EACH SUBPAGE AND LANDING PAGE) */
div.title-grad { background: url(/images/bg/Story_backgrounds.jpg) repeat-x top left; }


/* W.E.T. TABBED INTERFACE - PADDING FOR RIGHT-JUSTIFIED CONTENT PANEL (HOMEPAGE BANNER) */
div.tabs-content-pad { padding: 1em 2em; }
div.tabs-content-pad ul li { }
div.tabs-content-pad h1 { border-bottom: 0; margin-top: 0 !important; }

/* W.E.T. CONTENT MODULES ('BINS') - NEW MODULE TYPE (FOR HOMEPAGE) */
.module-home { background: #FFF !important; outline: none !important; }
.module-home a.button { margin-top: .5em !important; }
.module-home p { padding-top: 0 !important; margin-top: 0 !important; }
.module-home hr { outline: 0; border: 0; border-bottom: 1px solid #DDD }
.module-poster blockquote, .module-home blockquote { display: block; background: transparent url(/images/Common/big_quote.png) no-repeat 1em 0; border: 0 !important; padding: 0 1.5em !important; margin: 0 !important; }
.module-home blockquote.quote-purple { background: transparent url(/images/Common/big_quote_purple.png) no-repeat 1em 0; }
.module-home .module-image-header, .module-home .module-footer { margin: 0 !important; }
.module-home .module-image-header { padding: 0; }
.module-home .module-footer { border-top: 1px solid #DDD; }
.module-home .module-footer ul { }
.module-home h6, .module-home h2 { border-bottom: 0 !important; }

/* Controls the min-height of the modules on the homepage */
.module-home .hp-top-row { min-height: 445px !important;}
.module-home .hp-bottom-row { min-height: 350px !important;}
.module-home .hp-bottom-row-fr { min-height: 400px !important;} 

.module-related { overflow: hidden !important; line-height: .8em !important;  }
.module-related div h2 { font-size: 1.25em !important; background: transparent !important; }
.module-related div h2 a, .module-related div h2 a:visited  { color: #FFF !important; }
.module-related a:hover { text-decoration: underline !important; }
.module-related > img { margin-bottom: 0; }


/* CSS BUTTONS - OTHER OPTIONS TO THE WET TEMPLATE'S DEFAULT BLUE BUTTON*/
.button-red { background: #CE0000 !important; border: 1px solid #A00 !important; }

ul.menu-horizontal li a.button  
{
    border-color: rgb(14, 65, 100) rgb(14, 65, 100) rgb(11, 50, 77);
    color: white !important;
    text-shadow: 0px 1px 1px rgb(34, 34, 34);
    background-size: 100% auto;
    background-image: linear-gradient(rgb(23, 108, 167), rgb(17, 79, 122));
        
 } /* WET ACCENT BLUE -- SAME STYLE AS a.button-accent IN UTIL-MIN.CSS */

ul.menu-horizontal li a.button:hover,
ul.menu-horizontal li a.button:focus 
{
    background-color: rgb(17, 79, 122);
} /* WET ACCENT BLUE -- SAME STYLE AS a.button-accent:focus IN UTIL-MIN.CSS */

.button-top { width: 27px !important; height: 27px !important; border: 0; }

/* MULTI-COLUMN LISTS (assuming they are included within a DIV) */
div ul { }
div ul li { line-height: 1.5em; }

ul.double-col li, ul.double-col-skewed-left li, div ul.triple-col li, div ul.quad-col li { float: left; }
ul.double-col li { width: 50% !important; }
ul.double-col-skewed-left li { list-style-type: none; }
ul.double-col-skewed-left li.dcsl-leftCol { width: 3em; }
ul.double-col-skewed-left li.dcsl-rightCol { width: 62%; }

ul.triple-col li { display: inline; width: 33.333%; }
ul.quad-col li { display: inline; width: 25%; }


/* FOR ANY ELEMENT TO BE ABSOLUTE-LY POSITIONED */
.position-absolute { position: absolute; }
.position-relative { position: relative; }

/* GREYED-OUT TEXT -- CAN APPLY TO ANY TEXT-BASED ELEMENT */
.disabled { color: #999; line-height: 1em; font-size: 89%; }


/* A LINE BREAK SIMULATING A DOUBLE SPACE */
br.double-space { margin: .5em 0;}


/* POSITIONING FOR THE DIALOGUE ICON ON THE HOMEPAGE RIGHT (SUPPLIMENTAL) NAVIGATION */
.dialogue-icon { width: 40px !important; }

/* DEFAULT THUMBNAIL IMAGE SIZING - 120PX */
.thumbnail { width: 100px !important; }


/* NEW BULLET STYLES (SSHRC-COLOURED TRIANGLES) */
ul li.triangle-blue, ul li.bullet-blue { color: #000; list-style:none; list-style-position: outside; }
ul li.triangle-blue:before, ul li.bullet-blue:before { color: #91B0D5; content:"\2022"; font-size:1.5em; padding-right:.5em; position:relative; top: .1em; }

ul li.triangle-green, ul li.triangle-green-outside, ul li.bullet-green { color: #000; list-style:none; }
ul li.triangle-green:before, ul li.triangle-green-outside:before, ul li.bullet-green:before { color: #D5D10E; content:"\2022"; font-size:1.5em; padding-right:.5em; position:relative; top: 0; }
ul li.triangle-green-outside { list-style-position: outside;}

li.position-outside { list-style-position: outside !important; }
li.position-inside { list-style-position: inside !important; }

/* OPTION TO HAVE NO BULLETS PRESENT ON A LIST ITEM */
ul.no-bullets, ul.noBullet { list-style-type: none !important; }

.span-1-5 { width: 60%; }

/* LEFT NAVIGATION STYLES */
.background-grey-white { background: #F9F9F9;}

/*h2.nav a:visited { color: rgb(41, 83, 118); }
h3.top-section a.nav-current-nocss { padding-left: 0; }
h3.top-section a.nav-current-nocss, ul.leftnav li a.nav-current, ul.leftnav2 li a.nav-current { font-weight: bold; }
h3.top-section a.nav-current-nocss, ul.leftnav li, ul.leftnav li a.nav-current, ul.leftnav2 li, ul.leftnav2 li a.nav-current { background: transparent !important; border: 0 !important; outline: 0 !important; color: #000 !important;}
ul.leftnav { margin-left: 0 !important; margin-right: .15em;  }
ul.leftnav h2.nav { font-size: medium; margin-left: .25em;  margin-bottom: 0; margin-top: 0; padding-bottom: 0; padding-top: 0; line-height: 1em; }
ul.leftnav li { padding-top: .5em; padding-bottom: .5em; border-top: 1px dotted #DDD !important; }
ul.leftnav li ul { margin-bottom: 0; padding-bottom: 0; border-left: 2px solid #EEE; padding-left: 1em; margin-left: 0 !important;  }
ul.leftnav li ul li { border-top: 0; }
a.selectedLink { font-weight: bold !important;}
*/

/* ADDITIONAL TABLE STYLES */
/*table.table-light th { background-color: #DDD; border-top: 1px solid #CCC; }*/
/*table { max-width: 98% !important;
        border:  borde !important;}
table th, table td { border: node !important;}*/


/* SOCIAL MEDIA BUTTONS */
.twitter_follow_button_f { background: url("/_Images/buttons/follow-f.jpg") no-repeat scroll left center transparent; }
.twitter_follow_button_e { background: url("/_Images/buttons/follow.jpg") no-repeat scroll left center transparent; }
.twitter_follow_button_e, .twitter_follow_button_f  
{
    margin: 0px;
    padding: 2px 34px;
    height: 20px;
    width: 67px;
    text-decoration: none;
}

/*******************/
/* EXPAND/COLLAPSE */
/*******************/

h2 + .module-details {
	margin-top: 12px;
}	

.module-details {
	margin-bottom: 1em;
	border: 1px solid #d4d4d4;
	display: block;
}

.module-details summary {
	display: block;
	background-color: #eeeeee;
	background-image: linear-gradient(#eeeeee,#d4d4d4);
	padding: 6px;
}

.module-details summary:hover {
	background-color: #d4d4d4;
	background-image: linear-gradient(#d4d4d4,#d4d4d4);
}

.module-details .details-content {
	margin: 0 13px 12px;
}

.module-details .details-content [class*=span-] {
	margin: 0 12px;
	margin-bottom: 12px!important;
}

.module-details .details-content .row-start {
	margin-left: 0px;
}

.module-details .details-content .row-end {
	margin-right: 0px;
}

@media screen and (min-width: 1200px), screen and (min-device-width: 1024px) {
	
	.module-details .details-content .span-1 {
		width: 122px;
	}
	
	.module-details .details-content .span-2 {
		width: 268px;
	}
	
	.module-details .details-content .span-3 {
		width: 414px;
	}
	
	.module-details .details-content .span-4 {
		width: 560px;
	}
	
	.module-details .details-content .span-5 {
		width: 706px;
	}
	
	.module-details .details-content .span-6 {
		width: 852px;
	}
}

@media screen and (min-width: 960px) and (max-width: 1199px), screen and (max-device-width: 1023px) {
	
	.module-details .details-content .span-1 {
		width: 92px;
	}
	
	.module-details .details-content .span-2 {
		width: 208px;
	}
	
	.module-details .details-content .span-3 {
		width: 324px;
	}
	
	.module-details .details-content .span-4 {
		width: 440px;
	}
	
	.module-details .details-content .span-5 {
		width: 556px;
	}
	
	.module-details .details-content .span-6 {
		width: 672px;
	}
}

@media screen and (min-width: 768px) and (max-width: 959px), screen and (min-device-width: 768px) and (max-device-width: 1023px) {
	.module-details .details-content .span-1 {
		display: inline-block;
		width: calc(16.6% - 24px);
	}
	.module-details .details-content .span-2 {
		display: inline-block;
		width: calc(33.3% - 24px);
	}
	.module-details .details-content .span-3 {
		display: inline-block;
		width: calc(50% - 24px);
	}
	.module-details .details-content .span-4 {
		display: inline-block;
		width: calc(66.7% - 24px);
	}
	.module-details .details-content .span-5 {
		display: inline-block;
		width: calc(83.4% - 24px);
	}
	.module-details .details-content .span-6 {
		display: inline-block;
		width: 100%;
	}
	.module-details .details-content .span-1.row-start,
	.module-details .details-content .span-1.row-end {
		width: calc(16.6% - 12px)!important;
	}
	.module-details .details-content .span-2.row-start,
	.module-details .details-content .span-2.row-end {
		width: calc(33.3% - 12px)!important;
	}
	.module-details .details-content .span-3.row-start,
	.module-details .details-content .span-3.row-end {
		width: calc(50% - 12px)!important;
	}
	.module-details .details-content .span-4.row-start,
	.module-details .details-content .span-4.row-end {
		width: calc(66.7% - 12px)!important;
	}
	.module-details .details-content .span-5.row-start,
	.module-details .details-content .span-5.row-end {
		width: calc(83.4% - 12px)!important;
	}
}

@media screen and (max-width: 767px), screen and (max-device-width: 767px) {
	.module-details .details-content [class*=span-].row-start,
	.module-details .details-content [class*=span-].row-end,
	.module-details .details-content [class*=span-] {
		display: block;
		width: 100%;
		margin: 0 0 12px;
	}
}

.details-accent {
	border-color: #114f7a;
}

.details-accent summary {
	background-color: #176ca7;
	background-image: linear-gradient(#176ca7,#114f7a);
	color: white;
	text-shadow: 0px 1px 1px rgb(34, 34, 34);
}

.details-accent summary:hover {
	background-color: #114f7a;
	background-image: linear-gradient(#114f7a,#114f7a);
}

.details-medium {
	border-color: #4f4f4f;
}

.details-medium summary {
	background-color: #666666;
	background-image: linear-gradient(#666666,#4f4f4f);
	color: white;
	text-shadow: 0px 1px 1px rgb(34, 34, 34);
}

.details-medium summary:hover {
	background-color: #4f4f4f;
	background-image: linear-gradient(#4f4f4f,#4f4f4f);
}		


.details-dark {
	border-color: #090909;
}

.details-dark summary {
	background-color: #222222;
	background-image: linear-gradient(#222222,#090909);
	color: white;
}

.details-dark summary:hover {
	background-color: #090909;
	background-image: linear-gradient(#090909,#090909);
}

@media screen and (max-width: 959px), screen and (max-device-width: 1023px) {
	.module-details summary {
		font-weight: bold;
	}
}

@media print {
	.module-details summary {
		color: black;
		text-shadow: none;
	}
}

/**************/
/* 5. EFFECTS */
/**************/

/* DROP SHADOW */
.drop-shadow {
	-moz-box-shadow: 1px 1px 2px #999;
	-webkit-box-shadow: 1px 1px 2px #999;
	box-shadow: 1px 1px 2px #999; /* CSS3 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999')"; /* IE 8 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); /* IE 5.5 - 7 */ 	
}


/* RED GRADIATED BACKGROUND */
.bg-gradiant-red 
{
    background: #C00; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#990000', endColorstr='#E71C24'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#990000), to(#E71C24)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #990000,  #E71C24); /* for firefox 3.6+ */ 
}

/* DEFAULT (BLACK/WHITE) GRADIATED BACKGROUND */
.bg-gradiant 
{
    background: #EEE; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#FFFFFF'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#DDD), to(#FFF)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #DDD,  #FFF); /* for firefox 3.6+ */ 
}

.bg-gradiant-xlight
{
    background: #FFF; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #FFF,  #EEE); /* for firefox 3.6+ */ 
}

/*******************/
/* 6. VIDEO STYLES */
/*******************/
.video-container 
{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;    
}

.video-container iframe,
.video-container object,
.video-container embed 
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.leftnav-hide
{
    display:none!important;
    visibility:hidden !important;
}

.valigh-top{ 
vertical-align: top; 
}

#gcwu-sig-in, #gcwu-wmms-in
{
    display:inherit !important;
}

.align-right { text-align: right !important; }

.padding-0 { padding: 0px; }
.padding-2 { padding: 2px; }
.padding-5 { padding: 5px; }
.padding-10 { padding: 10px; }

.spacing-0 { border-spacing: 0px; }

.nowrap { white-space:nowrap !important; } 

.font-2 { font-size:0.8em; }

#gv_results
{
    Padding: 4;
    color: #333333; 
    Width: 100%;
}

.pager a 
{
    background-color:#ffffff; font-size:11pt; color:#990000; 
    text-align:Center; 
}

.pager span { color:#990000;font-weight:bold; font-size:14pt; }	

.disc { list-style-type:disc; }

table.gridview_m 
{ 
border-collapse: collapse; 
border: solid 1px # 93c2f1; 
width: 98%; 
font-size: 10pt;
} 

table.gridview_m td, th 
{ 
border-collapse: collapse; 
border: solid 1px # 93c2f1; 
font-size: 10pt; 
} 

form#MainForm
{
    margin-bottom: 0 !important;
}

.line-height-none {
    line-height: 0 !important;
}

/* ************************************************ */
/* GOOGLE FONTS - NEW TYPOGRAPHY FOR THE SSHRC SITE */
/* ************************************************ */

/* DOSIS */

h1.dosis, h2.dosis, h3.dosis, h4.dosis, h5.dosis, h6.dosis, h7.dosis, .dosis { font-family: 'Dosis', sans-serif; font-family: Arial, sans-serif, "!important0/IE8 !important"; }
.dosis-xxlarge, .dosis-xlarge, .dosis-larger, .dosis-large, .dosis-xmedium, .dosis-mediumer, .dosis-medium, .dosis-small, .dosis-xsmall { font-family: 'Dosis', sans-serif; }
.dosis-xxlarge { font-size: 6em; line-height: 1em; }
.dosis-xlarge { font-size: 5em; line-height: 1em;}
.dosis-larger { font-size: 4em; line-height: 1em;}
.dosis-large { font-size: 3em; line-height: 1em; }
.dosis-mediumer { font-size: 2.5em; line-height: 1em; }
.dosis-medium { font-size: 2em; line-height: 1em; }
.dosis-xmedium { font-size: 1.75em; line-height: 1em; }
.dosis-small { font-size: 1.5em; line-height: 1.25em; }
.dosis-xsmall { font-size: 1em; line-height: 1em; }
.dosis-xsmaller { font-size: .75em; line-height: 1em; }
.dosis-xxsmall { font-size: .5em; line-height: 1em; }

.dosis-weight-light { font-weight: 200;}
.dosis-weight-medium { font-weight: 500;}

.dosis-line-height-medium { line-height: 1.5em; }

/* advent SLAB */

.advent { font-family: 'Advent Pro', sans-serif !important; }
.advent-xxlarge, .advent-xlarge, .advent-larger, .advent-large, .advent-xmedium, .advent-medium, .advent-small, .advent-xsmall { font-family: 'Advent Pro', sans-serif; font-family: Arial, "sans-serif !important0/IE8"; }
.advent-xxlarge { font-size: 6em; line-height: 1em; }
.advent-xlarge { font-size: 5em; line-height: 1em;}
.advent-larger { font-size: 4em; line-height: 1em;}
.advent-large { font-size: 3em; line-height: 1em; }
.advent-medium { font-size: 2em; line-height: 1em; }
.advent-xmedium { font-size: 1.75em; line-height: 1em; }
.advent-small { font-size: 1.5em; line-height: 1.25em; }
.advent-xsmall { font-size: 1em; line-height: 1em; }

.advent-weight-light { font-weight: 200;}
.advent-weight-medium { font-weight: 500;}

.advent-line-height-medium { line-height: 1.5em; }

/* SINTONY */

.sintony { font-family: 'Sintony', sans-serif !important; }
.sintony-xxlarge, .sintony-xlarge, .sintony-larger, .sintony-large, .sintony-xmedium, .sintony-medium, .sintony-small, .sintony-xsmall { font-family: 'Sintony', sans-serif; font-family: Arial, "sans-serif !important0/IE8"; }
.sintony-xxlarge { font-size: 6em; line-height: 1em; }
.sintony-xlarge { font-size: 5em; line-height: 1em;}
.sintony-larger { font-size: 4em; line-height: 1em;}
.sintony-large { font-size: 3em; line-height: 1em; }
.sintony-medium { font-size: 2em; line-height: 1em; }
.sintony-xmedium { font-size: 1.75em; line-height: 1em; }
.sintony-small { font-size: 1.5em; line-height: 1.25em; }
.sintony-xsmall { font-size: 1em; line-height: 1em; }

.sintony-weight-light { font-weight: 400;}
.sintony-weight-medium { font-weight: 700;}

.sintony-line-height-medium { line-height: 1.5em; }

/* ************************************************ */
/* END OF GOOGLE FONTS                              */
/* ************************************************ */