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

/*#wb-body-sec {
    background: #FFF url(/dist/theme-gcwu-fegc/images/header-bg-pink.jpg) center 3em repeat-x;
}

#wb-head-in {
    background: url(/dist/theme-gcwu-fegc/images/header-bg-ie-pink.jpg) center 3em no-repeat;
    display: block;
}*/

/* 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; }
.bold-none, .nobold { font-weight: normal; }
.uppercase { text-transform: uppercase; }
.font-normal { font-style: normal !important; }
.italic  { font-style: italic !important; }

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

a.connects div.module-poster:hover, a.connects div.module-poster:focus { background-color: #DDD; }
    a.connects div.module-poster:hover p { text-decoration: underline; }
 
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h7 a { text-decoration: none; }

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

/* STYLES THAT SHOULD HAVE BEEN ADDRESSED IN THE WET TEMPLATE */
span, em, sup, acronym { display: inline; }
sup { line-height: 1em; }

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

.border-bottom-none { border-bottom: 0 !important; }
.border-none { border: 0 !important; }
.border-top-none { border-top: 0 !important; }

/* W.E.T. CONTENT MODULES ('BINS') */

/* RIGHT NAVIGATION - BLACK HEADERS FOR W.E.T. CONTENT MODULES ('BINS') */
.background-black { background: #231F20 !important; color: #FFF !important; }
.background-dark h1,
.background-dark h2,
.background-dark h3,
.background-dark h4,
.background-dark h5,
.background-dark h6,
.background-dark h7 { color: #FFF !important; }
.background-light-grey { background: #f9f9f9 !important; color: #000 !important; }
.background-rfabl-grey { background: #EEEEEE; color: #000 !important; }
.background-dotted { background: url(/_Images/landingPage/storytellers/circle_pattern_grey.png) 0 0 repeat; }

.foreground-black { color: #000 !important; }

/* FOR THE TABBED INTERFACE ON THE FUNDING LANDING PAGE (FUNDING SEARCH TOOL) */
ul.sshrc-tabs li { text-transform: uppercase; border-bottom: 0;}
ul.sshrc-tabs li a { font-weight: bold !important; padding-right: .5em; padding-left: .5em; }
ul.sshrc-tabs .active { background: #EEE !important; color: #000 !important; }
ul.sshrc-tabs *:not(.active) { background: #949CA1 !important; color: #FFF !important; }

.centered { margin-left: auto; margin-right: auto; }

/* NONE OF THE <details> ELEMENTS ALLOWS YOU TO INCLUDE BULLET POINTS (THEY GO INVISIBLE), AND
/* ELEMENTS LIKE <em>, <sup>, <span>, and <acronym> JUMP TO THE NEXT LINE IN IE8.
/*********************************************************************************************/
/*div#trans_content em, sup, span, acronym { display: inline; }
div#trans_content ul li { list-style-type: circle; }
div#trans_content ol li { list-style-type: decimal; }
div#trans_content ul li, div.trans_content ol li { list-style-type: disc; }
*/
.list-style-circle { list-style: circle !important; }

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

/* REMOVES BOTTOM MARGIN ON LAST PARAGRAPH INSIDE TABLE CELL */

td p:last-of-type { margin-bottom: 0px!important; }

/* HORIZONTAL RULE STYLES - DOTTED AND DASHED */
hr.dotted, hr.dotted-grey, hr.dotted-green, hr.dotted-blue, hr.dotted-orange, hr.dotted-accent { border-left: 0; border-right: 0; border-top: 1px dotted !important; }
hr.solid, hr.solid-grey, hr.solid-green, hr.solid-blue, hr.solid-orange, hr.solid-accent, hr.solid-dark { 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-green, hr.solid-green { border-top-color: #D5D10E !important; }
hr.dotted-blue, hr.solid-blue { border-top-color: #91B0D5 !important; }
hr.dotted-accent, hr.solid-accent { border-top-color: rgb(20,94,145) !important; } /* WET TEMPLATE ACCENT BLUE */
hr.dotted-orange, hr.solid-orange { border-top-color: #F15D22 !important; }
hr.solid-black, hr.solid-black-thick, hr.dotted-black {  border-top-color: #231F20 !important; }
hr.solid-black-thick { border-top-width: 2px !important; }

hr.solid-white, hr.solid-white-thick, hr.dotted-white {  border-top-color: #FFF !important; }
hr.solid-white-thick { border-top-width: 2px !important; }

hr.solid-dark { border-top-color: #333 !important; }

hr.dotted-purple, hr.solid-purple { border-top-color: #A31984 !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-35 { width: 35% !important; }
.width-66 { width: 66.666% !important; }
.width-75 { width: 75% !important; }
.width-85 { width: 85% !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-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 */
.purple-border-top, .border-top-purple { border-top-color: #A31984 !important; }
.blue-border-top, .border-top-blue { border-top-color: #91B0D5 !important; }
.accent-border-top, .border-top-accent { border-top-color: rgb(20,94,145) !important; }
.green-border-top, .border-top-green { border-top-color: #D5D10E !important; }
.orange-border-top, .border-top-orange { border-top-color: #F15D22 !important; }
.magenta-border-top, .border-top-magenta { border-top: .3em solid #EC008C !important; }
.black-border-top, .border-top-black { border-top: .3em solid #231F20 !important; }
.ifca-blue-border-top, .border-top-ifca-blue { border-top: .3em solid #03B1EE !important; }

/* No Borders */
.border-left-none { border-left: 0; }
.border-top-none { border-top: 0; }
.border-bottom-none { border-bottom: 0; }
.border-right-none { border-right: 0; }
.border-none { border: 0; }

.border-dark { border-color: #333; }
.border-top-dark { border-top-color: #333; }
.border-bottom-dark { border-bottom-color: #333; }
.border-left-dark { border-left-color: #333; }
.border-right-dark { border-right-color: #333; }

.border-medium { border-color: #999; }

.grey-border-top { border-top: 1px solid #DDD !important; }
.grey-border-bottom { border-bottom: 1px solid #DDD !important; }

.grey-border-top-thick { border-top: .5em solid #DDD !important; }
.grey-border-bottom-thick { border-bottom: .5em solid #DDD !important; }

.grey-border-left { border-left: 1px solid #DDD !important; }
.grey-border-right { border-right: 1px solid #DDD !important;}

.border-top-thick { border-top-width: 5px !important; border-top-style: solid !important; }
.border-top-semi-thick { border-top-width: 2px !important; }

.accent-border-left { border-left: .75em solid rgb(20,94,145) !important; }
.accent-border-right { border-right: .75em solid rgb(20,94,145) !important; }

.orange-border-left { border-left: .1em solid #F15D22 !important; }
.orange-border-right { border-right: .1em solid #F15D22 !important; }

.purple-border-left { border-left: .1em solid #A31984 !important; }
.purple-border-right { border-right: .1em solid #A31984 !important; }

.white-border-left { border-left: .05em solid #FFF!important; }
.white-border-right { border-right: .05em solid #FFF !important; }


.border-semi-thick-grey { outline-color: #DDD; outline-width: 2px; }
.border-thick-grey { border: 4px solid #DDD; }
.border-top-xthick { border-top-width: 8px !important; }
.border-bottom-xthick { border-bottom-width: 8px !important; }
.border-bottom-thick { border-bottom-width: 4px !important; }
.border-bottom-semi-thick { border-bottom-width: 2px !important; }
.border-left-semi-thick { border-left-width: 2px !important; }
.border-right-semi-thick { border-right-width: 2px !important; }

.border-dark { border: 1px solid #333; }
.border-bottom-dark-grey { border-bottom: 1px solid #333; }


.background-green { background-color: #D5D10E; }
.background-blue { background-color: #91B0D5; }

.background-purple { background-color: #A31984; }
.background-yellow { background-color: #F3EA00; }
.background-orange { background-color: #F15D22; }

.background-ifca-blue { background-color: #03B1EE; }

.background-mid-grey { background-color: #666; }
.background-mid-blue { background-color: #498BB7; } /* Between .background-blue and .background-accent */

.background-dark-grey { background-color: #333 !important; color: #FFF; }

.background-gold { background-color: #CC6; color: #000; }

/* BACKGROUND HOVER EFFECTS */
.background-hover-accent:hover { background: rgb(20,94,145); }


/* Border-hover-effects */
img.border-hover-white:hover {
    background-color: #666;
}

/* Pannel-End fix for tabbed-interface */

.tabs-panel .panel-end {
	margin: 0!important;
	padding: 0!important;
}

/* Removing top margins to paragraphs insinde a table */

table p {
	margin-top: 0!important;
}

/*.background-white p, .background-white a { color: #000 !important; }*/

.color-sshrc-blue { color: #91B0D5; }
.color-sshrc-green { color: #D5D10E; }
.color-sshrc-grey {color: #949ca1; }
.color-purple { color: #A31984; }
.color-white { color: #FFF; }
.color-orange { color: #F15D22; }
.color-ifca-blue { color: #03B1EE; }
.color-light-grey { color: #DDD; }
.color-mid-grey { color: #999; }
.color-dark-grey { color: #333; }

/* 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. TABBED INTERFACE (HOMEPAGE BANNER) */
.hp-banner-panel {  }
.tabs-panel { overflow: hidden; }

#rfabl-overview ul.tabs { position: absolute; top: -2.5em; z-index: 1; height: 2.25em; background: none; }
#rfabl-overview .tabs-panel ul a,
#rfabl-overview .tabs-panel ul li a,
#rfabl-overview .tabs-panel ul li p a { color: rgb(17, 79, 122) !important; } /* WET ACCENT BLUE */

.rfabl_button:hover {
    cursor:pointer;
}

/* REMOVE THE GRADIATED BACKGROUND IMAGE ON THE WET TEMPLATE TABS */
.wet-boew-tabbedinterface .tabs li a { background-image: none; }
.wet-boew-tabbedinterface .tabs li a:active { background-image: none; background-color: #FFF; }

/* 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-mosaic { background: url(/_Images/backgrounds/top_banner_faded.jpg) repeat-x bottom 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-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*/
/*.purple-button, .button-purple,*/
.button-green, .button-orange, .button-light-blue,
.sshrc-button, .sshrc-button-orange,
.button { /*font-family: Georgia, Times New Roman, Serif; font-style: italic; font-weight: bold;*/}
/*.purple-button, .button-purple { Background: #A31984 !important; border: 1px solid #870B6B !important; }*/
.button-green { background: #D5D10E !important; border: 1px solid #CCCC00 !important; }
.button-orange { background: #F15D22 !important; border: 1px solid #E15D22 !important; color: #FFF !important; text-shadow: 1px 1px 1px #333; }
.button-orange:hover, .button-orange:active, .button-orange:focus { background: #D9541F !important; border: 1px solid #C34C1C !important; color: #FFF !important; text-shadow: 1px 1px 1px #333;}
.button-light-blue { background: #91B0D5 !important; border: 1px solid #6288B5 !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; }

.right { right: 0; }
.top { top: 0; }
.bottom { bottom: 0; }
.left { left: 0; }

/* 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: 30px !important; }
.dialogue-icon-lg { width: 45px !important; }

/* DEFAULT THUMBNAIL IMAGE SIZING - 120PX */
.thumbnail { width: 100px !important; }
.thumbnail-medium { width: 150px !important; }
.thumbnail-large { width: 200px !important; }
.thumbnail-xlarge { width: 250px !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; }

/* QUOTATIONS */
span.quote-open-orange { display: inline-block; background-image: url(/_Images/common/quote_sm_open-orange.png); background-repeat: no-repeat; width: 22px; height: 22px; margin-right: 4px; vertical-align: text-top; }
span.quote-close-orange { display: inline-block; background-image: url(/_Images/common/quote_sm_close-orange.png); background-repeat: no-repeat; width: 22px; height: 22px; margin-left: 4px; vertical-align: text-top; }
span.quote-open-lt_grey, span.quote-open-lt-grey-eng { 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, span.quote-close-lt-grey-eng { 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, span.quote-open-lt-grey-fra { 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, span.quote-close-lt-grey-fra { 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; }

span.wb-icon-sshrc { display: inline-block; background-image: url(/_Images/SSHRC_brand.jpg); background-repeat: no-repeat; width: 14px; height: 14px; margin-right: 4px; vertical-align: text-top; }
span.wb-icon-twitter-orange { display: inline-block; background-image: url(/_Images/landingPage/twitter_orange.png); background-repeat: no-repeat; width: 22px; height: 22px; margin-right: 4px; }
span.wb-icon-twitter-accent { display: inline-block; background-image: url(/_Images/buttons/twitter_accent.png); background-repeat: no-repeat; width: 22px; height: 22px; margin-right: 2px; margin-left: 0; vertical-align: text-top; }
span.wb-icon-twitter-white { display: inline-block; background-image: url(/_Images/buttons/twitter_white.png); background-repeat: no-repeat; width: 22px; height: 22px; margin-right: 2px; margin-left: 0; vertical-align: text-top; }
span.wb-icon-ifca-play { display: inline-block; background-image: url(/_Images/landingPage/ifca/ifca_play.png); background-repeat: no-repeat; width: 26px; height: 26px; margin-right: 2px; margin-left: 0; vertical-align: top; }
span.wb-icon-ifca-play-blue { display: inline-block; background-image: url(/_Images/landingPage/ifca/ifca_play_blue.png); background-repeat: no-repeat; width: 26px; height: 26px; margin-right: 2px; margin-left: 0; vertical-align: top; }
span.wb-icon-storytellers-play-blue { display: inline-block; background-image: url(/_Images/landingPage/storytellers/storytellers_play_blue.png); background-repeat: no-repeat; width: 26px; height: 26px; margin-right: 2px; margin-left: 0; vertical-align: top; }
span.wb-icon-play-accent { display: inline-block; background-image: url(/_Images/common/play_accent.png); background-repeat: no-repeat; width: 26px; height: 26px; margin-right: 2px; margin-left: 0; vertical-align: top; }
.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;}


/* 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;
}

/* CHARTS & FIGURES */
.caption-none figcaption { visibility: hidden; }
.caption-none .wb-charts { }
.caption-none figure { padding-left: 0 !important; padding-right: 0 !important; margin-top: 0; }
.caption-none figure .overlay { }
.caption-none .legend table { width: 100%; }
.legend-right .legend { float: right; }
/**************/
/* 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 */ 	
}

.shadow-none {
	-moz-box-shadow: none!important;
	-webkit-box-shadow: none!important;
	box-shadow: none!important;
}


/* GRADIATED BACKGROUND */
.bg-gradiant 
{
    background: #FFF; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#FFFFFF'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#FFF)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #EEE,  #FFF); /* 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; 
}

#transcript [class*="span-"] { margin-bottom: 0 !important; }

/* THE WET TEMPLATE USES 'PRE' ELEMENTS FOR THE EXPAND/COLLAPSE FEATURE, BUT WHEN PRINTING, THE CONTENT OF THE PRE ELEMENT GETS CUT OFF */
pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}


.overflow-none { overflow: hidden; }

/********************************/
/* STORYTELLERS-SPECIFIC STYLES */
/********************************/
.hide-tabs-play ul li.tabs-toggle .tabs-stop, .hide-tabs-play ul li.tabs-toggle .tabs-start { visibility: hidden; height: 0; width: 0; margin: 0; padding: 0 !important; }

a.link-video div.video-card:hover, a.link-video div.video-card:focus, a.link-video div.video-card:active { background-color: #333; }

/* STORYTELLERS TOP 25 2014 STYLES */

a.desc_close {
    width: 26px;
    height: 26px;
    padding: 13px;
    background: url(/_Images/landingPage/storytellers/gallery/top25_2014/close_button.png) no-repeat 0 .75em;
}

a.desc_close:hover {
    background: url(/_Images/landingPage/storytellers/gallery/top25_2014/close_button_over.png) no-repeat 0 .75em;
}

div.stt25bg2014, .background-storytellers { background: url(/_Images/landingPage/storytellers/gallery/top25_2014/banner_bg.jpg) repeat-y 0 0; }
div.stt25bg2014light, .background-storytellers-light { background: url(/_Images/landingPage/storytellers/gallery/top25_2014/banner_bg_light.jpg) repeat-y 0 0; }


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

.badge-purple {
    font-size: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -5px;
    padding: 5px;
    position: relative;
    background-color: rgb(163, 25, 132);
    color: white !important;
    text-shadow: 0px 1px 1px rgb(34, 34, 34);
    background-repeat: repeat-x;
    background-size: 100% auto;
    background-image: linearcen-gradient(rgb(163, 25, 132), rgb(140, 0, 110));
    border-radius: 100px;
}

blockquote.quote-accent {
    border: none;
    background: none;
    font-style: normal;
    font-size: 100%;
    background: url(/_Images/Common/big_quote_accent.png) no-repeat top right;
}


/*******************/
/* 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;
	}
}

/*******************/
/* PICTURE CAPTION */
/*******************/

.module-caption {
	border-bottom: 1px solid #ccc;
	margin-bottom: 1.5em;
}

/*******************/
/* TIMELINE STYLES */
/*******************/
#timeline {
   background: #FFF url(/_Images/backgrounds/timeline.gif) repeat-y 50% 0;
   margin: 0;
}

/****************/
/* TEXT EFFECTS */
/****************/
.text-shadow-dark { /* NOTE: THE TEXT SHADOW WILL REQUIRE A TEXT-SHADOW POLYFILL FOR IE BROWSERS */
    text-shadow: 1px 2px #000;
}


/* ************************************************ */
/* 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: Arial, sans-serif !important; }
.dosis-xxlarge, .dosis-xlarge, .dosis-larger, .dosis-large, .dosis-xmedium, .dosis-mediumer, .dosis-medium, .dosis-small, .dosis-xsmall { font-family: inherit; }
.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: inherit; }
.advent-xxlarge, .advent-xlarge, .advent-larger, .advent-large, .advent-xmedium, .advent-medium, .advent-small, .advent-xsmall { font-family: Arial, sans-serif !important; }
.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: inherit; }
.sintony-xxlarge, .sintony-xlarge, .sintony-larger, .sintony-large, .sintony-xmedium, .sintony-medium, .sintony-small, .sintony-xsmall { font-family: Arial, sans-serif !important; }
.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                              */
/* ************************************************ */