@media and print
{	
	/* Custom Font Files */
	@font-face
	{
		font-family: Helvetica;
		src: url(../fonts/helvetica.ttf);
	}
}

@media screen 
{
	.h1, .h2, h1, h2\
	{
		margin-top: 0;
	}

	a
	{
		color:#315275;
	}

	ul li
	{
		line-height:100%;
		padding-bottom:10px;
	}

	div#pageBottom
	{
		padding-top: 0;
		border-left: solid 1px #CCC; 
		border-right: solid 1px #CCC;
	}

	a#iamlookingfor
	{
		border-left:1px solid #999;
	}

	#wmms
	{
		margin-top: 0.5em;
	}
	
	a:hover
	{
		text-decoration:none;
	}
	
	a:visited, a:hover
	{
		color:#592A6A;
	}

	small
	{
		font-size:70%;
	}

	h2
	{
		font-weight:normal;
		width: 50%;
		font-size:230%;
		margin-top:0px;
	}

	h2.headunderline
	{
		border-bottom: 1px solid black;
	}
	
	h4
	{
		font-size:160%;
		font-weight:normal;
		margin-top: 10px;
		margin-left: 0px;
	}

	div.h3Link
	{
		margin-top: 32px;
		margin-bottom: 11.5px;
	}

	div.h3Link a
	{
		font-size: 120%;
		font-weight: 700;    
	}

	.tableContainer
	{
		display: table;
		width:100%;
	}

	.tableRow
	{
		display: table-row;
	}
	
	.tableCell
	{
		display: table-cell;
		padding-left: 5px;
	}
	
	.redBiggerBold
	{
		color: #ff0000;
		font-style: italic;
		font-weight: bold;
	}

	img.topicListPageBanner
	{
		float:right;
		margin-right:20px;
	}

	#wb-info > .container
   
{
        padding-top:0px;
    }

	#wb-info li
	{
		margin-bottom:0px;
	}

	/* Keep CCOHS title vertically aligned START */
	#wb-sm
	{
		margin-top:20px;
	}

	div#wb-bnr div#wb-bar div.container
	{
		margin-top:-8px
	}

	#wb-sttl
	{
		margin-top:24px;
	}
	/* Keep CCOHS title vertically aligned END */
	
	#wb-srch
	{
		bottom:-21px;
	}

	#wb-sm ul li a.mainLink
	{
		color:#006699;
	}
	
	#wb-sttl a
	{
		font-size: 1.7em;
		height:auto;
	}
	
	#wb-sttl img
	{
		float:left;
	}
	
	ul.list-unstyled li a
	{
		font-size:100%;
	}
	
	#wb-sttl a, ul.list-unstyled li
	{
		padding:0;
		margin:0;
		line-height:125%;
	}

	footer ul.list-unstyled li
	{
		padding:0;
		margin:0;
		line-height:150%;
	}

	/* Tabbed lists START */
	.wb-tabs > .tabpanels > details, .wb-tabs > details
	{
		border: 0;
	}

	.wb-tabs [role="tabpanel"]
	{
		overflow-x: visible;
	}
	
	.wb-eqht [role="tablist"]
	{
		white-space:nowrap;
		position:relative;
		background:none;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		width: 100%;
		display:table;
		table-layout: fixed;
	}

	.wb-eqht [role="tablist"] li
	{
		margin:0px;
		display:table-cell;
		vertical-align: top;
		padding-bottom: 8px;
		border: 0px;
		background: none;
	}

	.wb-tabs [role=tablist] li.active a
	{
		border-top:none;
	}

	.wb-navtabs [role="tablist"] li a
	{
		background: #BCCCD9;
		font-weight:bold;
		border-right: 1px solid #666666;
		padding:30px 0px;
		font-weight: normal;
		white-space:normal;
		display:block;
	}

	.wb-navtabs [role="tablist"] li a img
	{
		margin:0px;
	}

	.wb-navtabs [role="tablist"] li.active a
	{
		background: #000000;
		color: #FFFFFF;
		padding:30px 0px;
	}

	.wb-navtabs [role="tablist"] li:hover
	{
		background: #FFFFFF;
	}
	
	.wb-navtabs [role="tablist"] li a:hover
	{
		background: #666666;
		color: #FFFFFF;
	}

	.wb-navtabs [role="tablist"] li.active:before, .wb-navtabs [role="tablist"] li.active:hover:before
	{
		content:" ";	
		border-left:8px solid transparent;
		border-right:8px solid transparent;
		position:absolute;
		bottom:-2px;
		margin:0 auto;
		left:0;
		right:0;
		min-width:10px;
		max-width:10px;
	}

	.wb-navtabs [role="tablist"] li.active:before
	{
		border-top:10px solid #000;
	}

	.wb-navtabs [role="tablist"] li.active:hover:before
	{
		border-top:10px solid #666666;
	}
	
	.wb-tabs.carousel-s2 [role="tablist"] li.plypause
	{
		margin-top:-70px;
	}
	
	div.wb-eqht div#rotating-banner-img-box
	{
		width:100%;
	}
	
	.wb-eqht > details
	{
		border:0;
	}

	details[open] > *
	{
		margin-left: 0;
	}
	
	
	.wb-tabs-newsroom [role=tablist] /*,.tabpanels*/
	{
		display:table;
		margin:0 5px 0 25px;
		width:95%;
		table-layout:fixed;
	}

	.wb-tabs-newsroom [role=tablist] li
	{
		display:table-cell;
		background:#ccc;
		border-right:1px solid #000;
		color:#000;cursor:pointer;
		margin:0;padding:2px;
		position:relative;
		text-align:center;
	}

	.wb-tabs-newsroom [role=tablist] li a
	{
		color:#000;
		display:block;
		padding:10px;
		text-decoration:none;
		width:100%;
	}

	.wb-tabs-newsroom [role=tablist] li a:hover
	{
		color:#fff!important;
	}

	.wb-tabs-newsroom [role=tablist] li:focus, .wb-tabs-newsroom [role=tablist] li:hover
	{
		background-color:#0b3048;
		color:#fff!important;
	}

	.wb-tabs-newsroom [role=tablist] li.active{
		background-color:#0b3048;
		color:#fff;
	}
	
	.wb-tabs-newsroom [role=tablist] li.active a
	{
		padding:10px;
		border-top:none;
		color:#fff;
	}

	.wb-tabs-newsroom [role="tablist"] li.active:before
	{
		content:" ";
		border-top:10px solid #0B3048;
		border-left:8px solid transparent;
		border-right:8px solid transparent;
		position:absolute;
		bottom:-10px;
		left:48%;
	}
	
	.wb-tabs-hot-topics [role=tablist]
	{
		margin:0 5px 0 25px;
		width:95%;
	}
	
	.wb-tabs-hot-topics [role=tablist] li
	{
		background:#CCC;
		border-right:1px solid #000;
		color:#000;
		cursor:pointer;
		display:inline-block;
		margin:0;
		padding:2px;
		width:33%;
		position:relative;
		text-align:center;
	}

	.wb-tabs-hot-topics [role=tablist] li a
	{
		color:#000;
		display:inline-block;
		padding:10px;
		text-decoration:none;
		width:100%;
	}
	
	.wb-tabs-hot-topics [role=tablist] li a:hover
	{
		color:#fff!important;
	}

	.wb-tabs-hot-topics [role=tablist] li:focus, .wb-tabs-hot-topics [role=tablist] li:hover
	{
		background-color:#0b3048;
		color:#fff!important;
		width:33%!important;
	}
	
	.wb-tabs-hot-topics [role=tablist] li.active{
		background-color:#0b3048;
		width:33%!important;color:#fff;
	}

	.wb-tabs-hot-topics [role=tablist] li.active a{
		padding:10px;
		width:100%;
		border-top:none;
		color:#fff;
	}

	/* Tabbed Lists END */

	/* Carousel START */
	.carousel-s1 .fade figcaption
	{
		width:100%;
		margin-top:-96px;
		margin-right:-33px;
		font-size:200%;
		padding:3px 3px 3px 16px;
	}

	.carousel-s1 [role="tablist"] li, .carousel-s1 [role="tablist"] li.active
	{
		background: none;
		border:0;
	}
	
	.carousel-s1 [role="tablist"] li.nxt, .carousel-s1 [role="tablist"] li.prv,.carousel-s1 [role="tablist"] li.plypause
	{
		background: none repeat scroll 0 0 #EBF2FC;    
	}

	.carousel-s1 [role="tablist"] li
	{
		margin-right: 5px;
	}

	.carousel-s1 [role="tablist"] li a
	{
		padding:0px;
	}

	.carousel-s1.carousel-s1 [role="tablist"] li.active a, .wb-tabs.carousel-s1 [role="tablist"] li:focus a, .wb-tabs.carousel-s1 [role="tablist"] li:hover a, .wb-tabs.carousel-s2 [role="tablist"] li.active[role="presentation"] a
	{
		padding-top: 0px;
	}

	.wb-tabs.carousel-s1 [role="tablist"] li.active, .wb-tabs.carousel-s1 [role="tablist"] li:focus, .wb-tabs.carousel-s1 [role="tablist"] li:hover
	{
		top: 0px;
	}
	
	/* Carousel END */

	.topLink
	{
		text-align:center;
		border-left:1px solid #CCC;
		border-right:1px solid #CCC;
		padding-bottom:15px;
		font-size:80%;
	}

	/* closed open buttons start*/
	button.toggleButton
	{
		background:none;
		border:none;
		cursor:pointer;
		text-decoration: underline;
	}
	button.toggleButton:hover
	{
		text-decoration: none;
	}   
	/* closed open buttons end*/


	/* Three column Topic List START*/
	div.threeColumnTopics
	{
		margin: 25px 0px;
	}
	
	div.threeColumnTopics div.leftCol, div.threeColumnTopics div.middleCol, div.threeColumnTopics div.rightCol
	{
		display: inline-block;
		min-width: 32%;
		max-width: 32%;
		vertical-align:top;
	}

	div.threeColumnTopics div.leftCol img, div.threeColumnTopics div.middleCol img, div.threeColumnTopics div.rightCol img
	{
		width:96%
	}

	div.threeColumnTopics div.leftCol h4, div.threeColumnTopics div.middleCol h4, div.threeColumnTopics div.rightCol h4
	{
		font-family:Helvetica-Light;
	}
	
	div.threeColumnTopics div.middleCol, div.threeColumnTopics div.rightCol
	{
		margin-left: 1%;
	}
	
	/* Three column Topic List END*/

	/* Two column Product List START */
	div.productList
	{
		width:75%;
	}

	div.productList div
	{
		padding:10px;
	}

	div.productList div.price
	{
		padding:0px;
		float:right;
		font-weight:bold;
	}

	.iWantToBox
	{
		float:right;
		width:20%;
		margin-right: 4%;
	}
	
	.iWantToBox h4
	{
		background: black;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		font-size:95%;
		color:white;
		padding:10px;
		margin:0;
	}

	.iWantToBox ul
	{
		margin:0;
		padding:0;
	}

	.iWantToBox ul li
	{
		background:#E0E0E0;
		padding: 5px 10px;
		list-style-type:none;
		font-size:90%;
		vertical-align:middle;
	}

	.iWantToBox ul li img
	{
		float: left;
	}

	.iWantToBox ul li a
	{
		width:80%;
		margin-left:10px;
		display:inline-block;
		margin:0;
		padding-left:5px;;
	}
	
	.iWantToBox button
	{
		background:#649600;
		text-align:center;
		width:100%;
		color: white;
		font-size:95%;
		margin-top:5px;
		padding:5px;
		border:0;
		cursor:pointer;
	}	
	/* Two column Product List END */

	/* Coloured boxes START */
	.greyBox
	{
		width:96%;
		background: #A0A0A0;
		color: white;
		padding: 20px;
		overflow:hidden;
	}
	
	.greyBox a
	{
		color: white;
	}
	
	.darkgreyBox
	{
		background:#6B6B6A;
		padding:5px 15px;
		color:white;
	}
	
	.lightGreyBox
	{
		padding: 5px 10px;
		background:#E8E8E8;
	}
	
	/* Coloured boxes END */

	/* Only draw a border on the "I am Looking for..." menu in full mode */

	/* Added by Janine */
	.partner_ident
	{
		margin-left: 25px;
	}

	a.nounderline:link
{text-decoration:none;}
	a.nounderline:hover
{text-decoration:underline;}


	/* by Oleg - oct 2014*/
	main div, main p, main ul 
{
		font-weight:normal;
	}
  
	main p
	{
		line-height:150%;
		font-weight:normal;
	}

	/* general utility styles*/
	.widthFull
	{
		width:100%;
	}

	.fontSizeNormal
	{
		font-size:100%;
	}			

	.fontSize75
	{
		font-size:75%;
	}
	.fontSize80
	{
		font-size:80%;
	}
	.fontSize90
	{
		font-size:90%;
	}

	.fontSize125
	{
		font-size:125%;
	}	

	.fontSize130
	{
		font-size:130%;
	}		
	.fontSize180
	{
		font-size:180%;
	}		
	.width80
{
	width: 80%;
    }
	.width90
{
	width: 90%;
    }
	.width98
{
	width: 98%;
    }
	.width99
{
	width: 98.8%;
    }
    .width60
{
	width: 60%;
}
.width50
{
	width: 50%;
}
.width40
{
	width: 40%;
}

	.lineHeight100
{
   line-height:100%!important;
	}
	.lineHeight150
{
		line-height:150%;
		}
		.lineHeight120
{
		line-height:120%;
		}
	.lineHeight200
{
		line-height:200%!important;
		}	
	.pddn-tp-0
	{
		padding-top:0;
	}

	.pddn-bttm-0
	{
		padding-bottom:0;
	}	

	.pddn-left-0
	{
		padding-left:0;
	}

	.pddn-right-0
	{
		padding-right:0;
	}	

	.pddn-tp-sm
	{
		padding-top:5px;
	}

	.pddn-bttm-sm
	{
		padding-bottom:5px;
	}	

	.pddn-left-sm
	{
		padding-left:5px;
	}

	.pddn-right-sm
	{
		padding-right:5px;
	}	

	.pddn-sm
	{
		padding:5px;
	}

	.pddn-10
	{
		padding:10px;
	}
	.pddn-tp-10
	{
		padding-top:10px;
	}
	.pddn-bttm-10
	{
		padding-bottom:10px;
	}
	.pddn-lft-10
	{
		padding-left:10px;
	}
	.pddn-rght-10
	{
		padding-right:10px;
	}	

	.pddn-md
	{
		padding:15px;
	}

	.pddn-bttm-md
	{
		padding-bottom:15px;
	}			

	.pddn-left-md
	{
		padding-left:15px;
	}
	.pddn-25
	{
		padding:25px;
	}	
	.pddn-left-25
	{
		padding-left:25px;
	}	
	.pddn-right-25
	{
		padding-right:25px;
	}	
	.pddn-top-25
	{
		padding-top:25px;
	}			
     .pddn-bttm-25
{
		 padding-bottom:25px;
		 }
	.pddn-0
	{
		padding:0;
	}		
    .indent1
{
	padding-left: 18px;
}
.indent2
{
	padding-left: 36px;
}

.mrgnL-20 {
	margin-left:20%;
	}
	.inline-display
	{
		display:inline;
	}	

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

	p.description
{
		line-height:150%;
		font-size:120%;
		font-family: "Helvetica"!important;
	}
 
 .blueBox
{
		color:#FFF;
		background-color:#146094;
		padding:5px 5px 5px 8px;
	}

div.green-btn button
	{	
		padding:5px 20px 5px 20px;
		margin:0 0 5px 5px;
		color:#fff;
		background-color:#690;
		text-align:center;
		font-size:100%;
		border:1px #000 solid;
	}	
.green-btn a:link,.green-btn a:visited,.green-btn a:hover
	{
		color:#fff;
		text-decoration:none;
	}  
 
 /*row of images with transparent bg */
 .thumbnail-ccohs
{
display: block;
padding: 4px;
line-height: 1.4375;
background-color: none;
/*border: 1px solid #ddd;*/
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.thumbnail-ccohs a > img, .thumbnail-ccohs > img
{
    display: block;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

.thumbnail2-ccohs
{
display: block;
padding: 0;
line-height: 1.4375;
background-color: none;
/*border: 1px solid #ddd;*/
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.thumbnail2-ccohs a > img, .thumbnail2-ccohs > img
{
    display: block;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
 
 .no-underlined a:link, .no-underlined a:visited 
{
	text-decoration:none;
	}
.no-underlined a:hover 
{
	text-decoration:underline;
	}
 
	/*tooltip style starts*/
	a.tooltip1, a.tooltip1-wider
	{
		position:relative;
		font-weight:normal;
		text-decoration:none;
		border-bottom:dashed 1px #000;
	}
	
	a.tooltip1:focus:after, a.tooltip1:hover:after
	{
		content: attr(data-tooltip);
		background-color:#000;
		color: #fff;
		font-weight:normal;
		width:260px;
		padding: 15px 15px;
		border-radius: 5px;
		z-index: 98;
		position: absolute;
		left:0px;
		top:30px;
		text-decoration:none;
		border-bottom:dashed 1px #000;
	} 
	
	a.tooltip1-wider:focus:after, a.tooltip1-wider:hover:after
	{
		content: attr(data-tooltip);
		background-color:#000;
		color: #fff;
		font-weight:normal;
		width:320px;
		padding: 15px 15px;
		border-radius: 5px;
		z-index: 98;
		position: absolute;
		left:0px;
		top:30px;
		text-decoration:none;
		border-bottom:dashed 1px #000;
	}

	/* from "general.css"*/
	.redNote
	{
		color: #f00!important;
	}
	.boldText
	{
		font-weight:bold;!important;
	}

	.noBold
	{
		font-weight:normal;!important;	
	}
	
	.italic
	{
		font-style:italic!important;
	}	

	.whiteText 
	{
		color:#FFFFFF!important;
	}
     .blackText
{
		 color:#000!important;
		 }
	.dark-yellowText
{
		 color:#fc0!important;
		 }	 
	.standard-ccohs-green
	{
		color:#690;
	}
	
	.light-blue
	{
		color:#146094;
	}
	.dark-blue
	{	
		color:#1C0D80;
	}
	.dark-blue1 {
			color:#004C91;
			}
	.medium-salad {
		color:#669900;
		}	
	.light-grey
	{
		color:#ccc;
	}
	.red-flag-text
	{
		font-size:70%;
	}

	.blackBrd
	{
		border:#000 solid 1px;
	}

	.box-black-border-st
	{
		border:1px #000 solid;
		-webkit-border-radius: .5em;
		-moz-border-radius: .5em;
		border-radius: .5em;
	}	

	.doubleLineSpace
	{
		line-height:24.0pt;
	}

	.greenBg
	{
		color:#fff;
		background-color:#690;
	}
	.blackBg
	{
		background-color:#000!important;
	}
	.whiteBg
	{
		background-color:#fff;
	}

	.blueBG
	{
		background-color:#1C5991;
		color: white;
	}

	.redBg
	{
		color:#fff;
		background:#E91300;
	}

	.dark-grey-bg
	{
		background-color:#666;
	}
	.light-grey-bg
	{
		background-color:#ccc;
	}
	.dark-blue-bg
{
	background-color:#146094;
	}
	.light-blue-bg
{
	background-color:#3f699f;
	}
	.dark-yellow-bg
{
		 background-color:#fc0;
		 }		
	.light-yellow-bg
{
	background-color:#ff9;
	}
	 .dark-blue-bg1 {
	    background-color:#004C91;
		}
	
	/*taken from general.css - start*/
	
	.lightgreyBG1
{
	background-color:#eee;
	}	
	/*taken from general.css - end*/
	.black-divider
{
	background-color:#000;padding:10px; width:100%;
	}
	.light-grey-rule
{
	border-top:1px solid #ccc;margin:0 0 20px 0;
	}
	.super-light-grey-brd
{
	border:1px solid #e3e3e3;
	}

	/*standards elements styles*/
	
	.search-box-new
{
		background-color:#c3d1a1;padding:20px;
		}
	.ccohs-btn-standard
	{
		-moz-user-select: none;
		background-image: none;
		cursor: pointer;
		display: inline-block;
		line-height: 1.4375;
		padding: 6px 12px;
		text-align: center;
		vertical-align: middle;
		background-color: #690;
		color: #fff;
	}

	.ccohs-btn-standard.active:focus, .ccohs-btn-standard:active:focus, .ccohs-btn-standard:focus
	{
		outline: thin dotted;
		outline-offset: -2px;
	}

	.ccohs-btn-standard:focus, .ccohs-btn-standard:hover
	{
		color: #fff;
		text-decoration: none;
	}

	.page-title
	{
		font-size:300%;
		font-weight:normal;
		padding:0;
	}
	
	#subheading
	{	   
		font-weight:normal;
		padding:0 0 30px 0;
		border-bottom:1px solid #000;   
	}
	
	.page-subtitle
	{
		font-size:200%;
		padding:0;
	}
	.page-subtitle-smaller
	{
		font-size:190%;
		padding:0;
	}
	
	.main-title
	{
		font-size:220%;
		font-weight:normal;
		border-bottom:1px solid #000;
		padding-bottom:10px;
		margin-top:0px;
	}				

	.main-title-nobrd
	{
		font-size:220%;
		font-weight:normal;
		padding-bottom:10px;
		margin-top:0px;
	}				

.bar-title-size
	{
	display: inline-block;
    font-size: 145%;
    font-weight: bold;
	}
	
/*	.bar-title-size
	{
		font-size:125%;
		font-weight:bold;
		display:inline;
	}
*/
	h2.bar-title-size
	{
		display:inline-block;
		width:85%;
		padding-top:0.5%;
		vertical-align:middle;
	}

	.bar-subtitle
	{	
		padding:5px 10px 5px 10px;
		width:100%;
		font-size:160%;
	}
	
	.main-subtitle-plain
	{	
		font-size:160%;	
	}
	
   .title-and-unord-list h2
	{
		font-size: 180%;
		padding:0;
		margin:0;
	}

	.title-and-unord-list ul
	{
		padding-top: 10px;
	}

	.title-and-unord-list ul li
	{
		font-size: 130%;
		font-weight: bold;
		line-height: 24pt;
	}

	.title-and-unord-list a:link
	{
		text-decoration: none;
	}

	.title-and-unord-list a:visited
	{
		text-decoration: none;
	}

	.title-and-unord-list a:hover
	{
		text-decoration: underline;
	}
	ul.unord-list-line130 li
	{
		line-height: 24pt;
	}	 
.two-boxes h2
{
	padding:0 0 0 5px; margin:0 0 5px 0;
	}
.two-boxes ul li
{
	line-height:135%;
	}	
.more-link p
{	
text-transform:uppercase;
font-size:80%;
}	
.btn-link:hover
{
	text-decoration:none!important;
    color:#000; 
	padding:0;
	margin:0;
	}
.btn-link
{	
background-color:none;
border:none;
text-decoration:underline!important;
cursor:pointer;	
color:#000!important;
	padding:0;
	margin:0;
}
.related-info-box-category
{
	background-color:#fff;border:#ccc solid 1px;
	}
 .related-info-box-category ul li
{
	line-height: 150%;
	}		
	/*START from theme-min.css*/
	
	/*END from theme-min.css*/
	
	/*START from util-min.css*/
	
	/* END from util-min.css end*/
			
	/*styles created or customized by Oleg in oct 2014*/
	
	/* customized outer container styles inhereted from wet-boew.min.css*/
	.container
	{
		margin-right:auto;
		margin-left:auto;
		padding-top:5px;
	}
	
	.container p
	{
		line-height:120%;
	}
	
	.container a
	{
		color:#000; 
	}

	/* new home page container styles*/
	div.mainContentOfPageInnerHome
	{
		margin-top:10px;
		padding-left:0px!important;
	}

	/*rotating banner styles START*/
	.rotating-banner-content
	{
		padding-left:8px;
		background-color:#ccc;
	}
	
	#rotating-banner-img-box img
	{
		margin-bottom:2px;	
	}
	
	.rotating-banner-content h1
	{
		font-size:100%;
	}

	.rotating-banner-content p
	{
		color:#000!important;
	}

	#rotating-banner-buttons
	{
		margin:0px -15px 0px -15px;
	}
	
	#rotating-banner-buttons div
	{
		margin:0 0 0 65%;
		padding:0;
	}
	/*rotating banner ENDS*/
	
	/* content boxes */

	.mainBoxes h1
	{
		color:#FFF;
		background-color:#146094;
		padding:5px 5px 5px 8px;
		font-weight:normal;	
	}
	
	.mainBoxes ul
	{
		padding-left:23px;	
	}

	.mainBoxes a:link,.mainBoxes a:visited
	{
		text-decoration:none;	
	}

	.mainBoxes a:hover
	{
		text-decoration:underline;	
	}	
	/* content boxes end*/
	
	/* adblocks */
	.gradientH67
	{
		margin: 10px 0 0 0;
		padding: 5px;
		line-height: 100%;
		border-radius: .5em;
		-webkit-border-radius: .5em;
		-moz-border-radius: .5em;
		-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
		-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
		background: #eee; /* 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+ */
		border: solid 1px #ccc;
		height:67px;
	}
	
	.gradient
	{
		margin: 10px 0 0 0;
		padding: 5px;
		/*line-height: 100%;*/
		border-radius: .5em;
		-webkit-border-radius: .5em;
		-moz-border-radius: .5em;
		-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
		-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
		background: #eee; /* for non-css3 browsers */
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#fff'); /* 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+ */
		border: solid 1px #ccc;
	}

	.gradient-standard
	{
		/*line-height: 100%;*/
		border-radius: .5em;
		-webkit-border-radius: .5em;
		-moz-border-radius: .5em;
		-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
		-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
		background: #eee; /* for non-css3 browsers */
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#fff'); /* 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+ */
		border: solid 1px #ccc;
	}

	#got-question-block
	{	
		margin:22px 0 0 0;
		padding:0;
	}
	
	#got-question-block div
	{	
		margin:0;
		padding:5px 0 5px 0;
	}	 
	
	#got-question-block div h1
	{	
		background-color:transparent;
		color:#000;
		font-size:160%;
		font-weight:normal;
		margin:0 0 10px 0;
		padding:0;
		text-align:center;
	}

	#got-question-block div button
	{	
		padding:5px 20px 5px 20px;
		margin:0 0 5px 5px;
		color:#fff;
		background-color:#690;
		text-align:center;
		font-size:100%;
		border:1px #000 solid;
	}
	
	.got-question-items
	{
		margin:5px 0 5px 0;
		padding:5px;
		background-color:#ccc;
	}
	
	.got-question-items div h1
	{
		background-color:#ccc;
		padding:0 0 0 5px;
	}
	
	.got-question-links a:link,.got-question-links a:visited,.got-question-links a:hover
	{
		color:#fff;
		text-decoration:none;
	}  

	/*About CCOHS styles START*/
	#partners
{
		padding-left:5%;
		font-size:135%;
		line-height:80%;
		}
	#scholarship
{
		padding-left:7%;
		font-size:250%;
		line-height:80%;
	    }
	#matters
{
		padding-left:17%;
		font-size:300%;
		line-height:80%;	
	    }
	#member
{
	    padding-left:20%;
		font-size:300%;
		line-height:80%;"
		}	
	/*About CCOHS styles END*/	
	
	
	/*Transparency page STARTS*/
	 .transparency-tbl caption
{
	 font-weight:bold;
	 }
     .transparency-tbl .more-info
{
     width:180px;
	}
     .transparency-tbl .more-info ul li
{
     padding:2px 0 0 0;
	}	
	
	/*Transparency page ENDS*/
	
	/*Scholarship section STARTS*/
	#scholar-title
{
	margin-left:28%!important;
	}
	#scholar-intro-box
{
	width:61%!important;
	margin-left:20%!important;
	}
	#scholar-intro-box p
{
	line-height:200%;
	}
	#dm-footer-info
{
	width:75%; 
	margin-left:10%;
	}
	/*Scholarship section ENDS*/
	
	/*Promo Materials listing STARTS*/
	.center-row-two-images
	{
		margin-left:24.5%;
	}
	.center-row-two-images1 {
    margin-left: 25.8%;
}
	.center-row-three-images
	{
		margin-left:13.5%;
	}	}

.inline-block-display
{
display: inline-block;width:100%;
}
/*Promo Materials listing ENDS*/

	/* share this page+top to page+date modified styles */
	#share-top-padding
	{
		padding-top:30px;
	}

	#date-modified-btm-margin
	{
		margin-bottom:-20px;
	}

	/*Add spaced commas/elipses between list items */
	ul.list-delimited li
	{
		display: inline-block;
	}
	
	ul.list-delimited li:after
	{
		content: ",";
		margin-left:0px;
	}
	
	ul.list-delimited li.last:after
	{
		content: "...";
	}

	/* Fix for missing background on collapsable bars */
	details:not([open])
{
    		visibility: visible;
	}

	/* Fix for arrows not lining up with title text on collapsable bars */
	summary > .council-element-inner-block
{
		display: block;
	}

	/* Fix for positiong arrow beside all collapsable alerts */
	details.alert > *:first-child
{
	    margin: 0.13em 0em -0.5em 1.33em;
	}

	details summary.bar-title
	{
		padding-top:0.7%;
	}

	div details > summary:before, section details > summary:before
	{
	    font-size:125%;
	}

	/* Social Media Icons */
	ul#social-media-icons
	{
		display:table;
		width:44%;
		margin:0px auto;
		padding:0;
	}
	
	ul#social-media-icons li
	{
		list-style-type:none;
		display:table-cell;
	}

	ul#social-media-icons li img
	{
		width:47px;
		height:47px;
	}
	
	/*Newsroom styles */
	.hot-topics li
	{
		padding-top:10px;
		line-height:150%;
	}
	
	.hot-topics ul
	{
		list-style-type:disc!important;
	}

	.releases-list li
	{
		padding-top:10px;
	}
	
	.releases-list li ul
	{
		list-style-type:disc!important;
	}
	
	.releases-list li ul li
	{
		line-height:150%;
	}
	
		#experts-block
	{
		padding-left:22px;
	}	

	#contact-ccohs-media
	{
		margin-left:15%;
		margin-right:10%;
		width:70%;	
	}
	
	/* Day of Mourning page*/
	.section-bar {
        font-size: 160%;
        padding: 5px 10px;
        width: 100%;
    }

   /*SafetyInfoLine page styles*/
   #contact-safetyinfoline-block p:first-child {
	margin-bottom:-30px;
	}
    #contact-safetyinfoline-block p:last-child {
	margin-top:-15px;
	}
	#contact-safetyinfoline-block span:first-child {
	padding-right:15px;
	}
	#contact-safetyinfoline-block #safetyinfoline-mob {
	font-size:480%;
	}
	#contact-safetyinfoline-content {
		width:72%; margin-left:14%;
		}
	@media screen and (max-width:700px) {
#safetyinfoline-mob {
    font-size:200%!important;
	line-height:none;
	padding-top:10px;	
	}
}	
}


@media screen and (max-width:1200px)
{

	/* Tabbed lists START */
	img.topicListPageBanner
	{
		float:right;
		margin-right:40px;
		width:43%;
	}
	/* Tabbed lists END */

	div.wb-eqht div.col-md-6, div.wb-eqht div#rotating-banner-img-box
	{
		width:100%;
	}

	#wb-sttl img
	{
	float:left;
	}

	/* Only draw a border on the "I am Looking for..." menu in full mode */
	a#iamlookingfor
	{
			border-left:0px;
	}

	/*Adjust spacing between menu items to keep it all on one line*/
	#wb-sm a, #wb-sm summary
	{
		padding: 0.48em 0.73em;
	}

	div.col-xs-8 div.row
	{
		white-space:nowrap;
	}

	div.col-xs-8 div.row div.col-md-6
	{
		min-width:48%;
		display:inline-block;
	}

}
/*customized grids START*/
/*customized grids START*/
.col-lg-6-ccohs
{
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
	margin-bottom: 10px;
    position: relative;
}
.col-lg-8-ccohs,.col-lg-4-ccohs
{
    min-height: 1px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}

.col-md-6-ccohs
{
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
	margin-bottom: 20px;
    position: relative;
}
.col-md-5-ccohs
{
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
	margin-bottom: 20px;
    position: relative;
}
.col-md-2-ccohs {
	position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
	}

.col-md-1-ccohs
{
    min-height: 1px;
    padding-left: 15px;
    padding-right: 5px;
	margin-bottom: 20px;
    position: relative;
}


@media screen and (min-width: 1200px)
{
.col-lg-8-ccohs,.col-lg-6-ccohs,.col-lg-4-ccohs
{
    float: left;
}
.col-lg-4-ccohs
{
    width: 20%;
}
.col-lg-6-ccohs
{
    width: 50%;
}
.col-lg-8-ccohs
{
    width: 80%;
}

}
/*medium screen devices*/
@media screen and (min-width: 770px)
{
.col-md-8-ccohs, .col-md-6-ccohs, .col-md-4-ccohs,.col-md-5-ccohs,.col-md-2-ccohs,.col-md-1-ccohs
{
    float: left;
}
.col-md-4-ccohs
{
    width: 33.3333%;
}
.col-md-5-ccohs
{
 width: 41.6667%;
}
.col-md-2-ccohs {
	width:20%;
	}
.col-md-1-ccohs
{
    width: 4.33333%;
}

.listing-img-width-md
{
	width:25%;
	}
.col-md-6-ccohs
{
    width: 50%;
}
.col-md-8-ccohs
{
    width: 66.6667%;
}
.mrgn-xs-lft1
{
	margin-bottom:20px;
	margin-top:20px;
	}	
	
}
/*small screen devices*/
@media screen and (min-width: 319px) and (max-width: 769px)
{

.mrgn-xs-lft
{
	margin-left:30px;
	margin-bottom:20px;
	}
.mrgn-xs-lft1
{
	margin-bottom:20px;
	margin-right:20px;
	}	
	.mrgn-xs-lft ul li
{
	 line-height:200%;
		}
.listing-img-width
{
	width:100%!important;
	}
	.width300px
{
		width:300px!important;
		}
	
	.center-img-block-xs
{
		margin-left:0!important;
		}
	.center-img-block-xs1
{
		margin-left:0!important;
		padding-left:0!important;
		}	
		.img-mrgnR-10-xs img{
			margin-right: 10px;
			}
}
/*customized grids END*/

@media screen and (max-width:768px)
{
	header p.description
	{
		width:100%;
	font-size:100%!important;
	}

	/* Three column Topic List START*/
	div.threeColumnTopics div.leftCol, div.threeColumnTopics div.middleCol, div.threeColumnTopics div.rightCol
	{
		display: block;
		min-width:100%;
		max-width:100%;
	}

	.wb-tabs
	{
		margin-left:-10%;
	}
	/* Three column Topic List END*/

	div.col-xs-8 div.row
	{
		white-space:nowrap;
	}

	div.col-xs-8 div.row div.col-md-6
	{
		min-width:48%;
		display:inline-block;
	}

}

/* to fix clipping tooltip text in extra small e.g iPhone 4*/
@media screen and (min-width: 320px) and (max-width: 360px)
{
	.p-xs
	{
		text-align:left;
	} 	   
	
	p a.tooltip1-wider:focus:after, p a.tooltip1-wider:hover:after
	{
		margin-left:-30px;
	}

	div#pageBottom
	{
		padding-top: 0;
		border-left: none; 
		border-right: none;
	}

} 
/*tooltip style ends*/

@media print
{

	#infogram_11_link, #infogram_12_link
	{
		display:none;
	}
	
	#infogram_11, #infogram_12
	{
		display:block;
	}
	
	.topLink
	{
		display:none;
	
	}

	details[open] > summary:before, details > summary:before
	{
		content: "" !important;
	}
}