@charset "utf-8";
/**
 * responsive design
 */
@media (min-width: 320px) { /* mobile */ }
@media (min-width: 480px) { /* mobile */ }
@media (min-width: 768px) { /* tablet */ }
@media (min-width: 980px) { /* desktop */ }
/**
 * Hacks
 */
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }
/**
 * Bootstrap Override (Pending for moving back to config.json)
 */
a,
a:hover {
	color: #3E290F;
}
a:visited {
	color: #7B007B;
}
.panel-title {
	font-weight:bold;
}

[hidden]{
	display: inherit;
}

.table-striped>tbody>tr:nth-of-type(odd){
	background-color: #F0F0F0;
}
/**
 * Global
 */
/* *{
 	padding: 0px;
 	margin: 0px;	
 }*/
 html, body{
 	height: 100%;
 }
body {
	min-width: 320px;
	overflow-x: visible;
	font-family: Arial,PMingLiu;
	font-size: 15px;
	color: #3E290F;
}

body:after{
	content: "";
	
}
body.smaller-font{
	font-size: 12px;
}
body.middle-font{
	font-size: 15px;
}
body.larger-font{
	font-size: 18px;
}
body.smaller-font:lang(zh-cn),body.smaller-font:lang(zh-hk){
	font-size: 13px;
}

body.middle-font:lang(zh-cn),body.middle-font:lang(zh-hk){
	font-size: 15px;
}

body.larger-font:lang(zh-cn),body.larger-font:lang(zh-hk){
	font-size: 17px;
}
.offcanvas-overlay {
	display: none;
	position: fixed;
	top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	z-index: 99999;
	background-color: rgba(0,0,0,0.5);
	cursor: pointer;
}

.canvas-slid .offcanvas-overlay,
.canvas-sliding .offcanvas-overlay {
	display: block;
}
.file-size-wrapper{
	display: inline-block;
	/* display:none; */
}

@media (min-width: 480px) {
	body{
		overflow-x: hidden;
	}
}

@media (min-width: 980px) {	
	.canvas-slid{
		right: 0px !important;
	}
	.canvas-slid:after,
	.canvas-sliding:after {
		position: relative !important;
	}
	
	.container{
		padding-left:0;
		padding-right:0;
	}
}
/**
 * Header
 */
header .container{
	/* padding: 0px; */
}
.top-banner{
	height:65px;
}
.top-banner .navbar-right-link .navbar-right{
	list-style: none;
/*	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);*/
}
.top-banner .navbar-right a:hover{
	background-color: inherit;
	color: inherit;
}
	
.top-banner-halogo{
	margin-top:10px;
	margin-left:-10px;
	background-repeat:no-repeat;
	width: 320px;
	height: 40px;
	display:block;
	background-size: 80%;
}
.top-banner-halogo.enlogo {
    background-image: url("../../en/common/image/mob-home-top-logo.gif");
}
.top-banner-halogo.tclogo {
    background-image: url("../../tc/common/image/mob-home-top-logo.gif");
}
.top-banner-halogo.sclogo {
    background-image: url("../../sc/common/image/mob-home-top-logo.gif");
}

.top-banner .navbar-header .hamburger-line-wrapper{
	padding-bottom:3px;
}
.top-banner .navbar-header .hamburger-menu{
	border:0px solid #C59798;
	padding-top:3px !important;
	margin-right: 0px;
}
.top-banner .navbar-header .hamburger-line-menu{
	font-size: 13px;
}
.top-banner .navbar-header .hamburger-line-bold{
	border:2px solid #006000;	
	width: 100%;
}	
.zero-incident-wrapper{
	position: relative;
}
.zero-incident-wrapper .zero-incident-image{
	/* background-image:url(images/graphic_zero_incident_eng_small.png); */
	position: absolute;
	background-repeat:no-repeat;
	width: 170px;
	height: 51px;
	right: 0;
	background-size: 100%;
	margin-top: -15px;
	top: -10px;
}
.zero-incident-wrapper .zero-incident-image.enlogo{
	top: 2px;
	right:10px;
	background-image:url(../../en/common/image/graphic_zero_incident_small.png);
}
.zero-incident-wrapper .zero-incident-image.tclogo{
	top: 3px;
	right:10px;
	background-image:url(../../tc/common/image/graphic_zero_incident_small.png);
}
.zero-incident-wrapper .zero-incident-image.sclogo{
	top: 3px;
	right:10px;
	background-image:url(../../sc/common/image/graphic_zero_incident_small.png);
}
.title-bar {
	height:31px;
	background-color: #005500;
	background-image: url(images/banner_top.jpg);
	background-repeat: no-repeat;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);
}
.title-bar .title {
	padding-left: 10px;
	font-size: 18px;
	font-weight:bold;
	color: #FFF;
	line-height: 30px;
}
.title-bar .title:lang(zh-cn),.title-bar .title:lang(zh-hk){
	font-family: "Microsoft JhengHei";
}
/* FAQ */


.question{
	background-color: #67A24C; 
	min-height: 22px; 
	font-weight: bold;
	color: #FFF;
	vertical-align: middle;
	padding-right:0; 
	margin-top:5px;
}

.answer{
	background-color:#CCCCCC; 
}

.big_menu {
    color: #ffffff;
    /* font-family: Arial,SimHei,Helvetica,sans-serif; */
    /* font-size: 13px; */
    font-weight: bold;
    /* line-height: 20px; */
    text-align: left;
}
@media (min-width: 320px) {
}
@media (min-width: 480px) {
	.top-banner-halogo{
		background-size: 80% auto;
	}
	.top-banner .navbar-header .hamburger-menu{
		padding-right: 10px;
	}
}
@media (min-width: 768px) {
	.top-banner-halogo{		
		background-size: auto;
		width:420px;
	}
.top-banner-halogo.enlogo {
    background-image: url("../../en/common/image/logo-housing-authority.gif");
}
.top-banner-halogo.tclogo {
    background-image: url("../../tc/common/image/logo-housing-authority.gif");
}
.top-banner-halogo.sclogo {
    background-image: url("../../sc/common/image/logo-housing-authority.gif");
}

	.zero-incident-wrapper .zero-incident-image{
		/* background-image:url(images/graphic_zero_incident_eng.png); */
		width: 358px;
		height:96px;	
		top: -31px;
		right: 20px;
		background-position:10px 0px;
		margin-top: 0px;
	}
	.zero-incident-wrapper .zero-incident-image.enlogo{
		top: -29px;
		background-image:url(../../en/common/image/graphic_zero_incident.png);
	}
	.zero-incident-wrapper .zero-incident-image.tclogo{
		top: -29px;
		width: 519px;
		background-image:url(../../tc/common/image/graphic_zero_incident.png);
	}
	.zero-incident-wrapper .zero-incident-image.sclogo{
		top: -29px;
		width: 519px;
		background-image:url(../../sc/common/image/graphic_zero_incident.png);
	}
	.title-bar{
		height: 68px;
	}
	.title-bar .title {
		font-size: 46px;
		line-height: 65px;
	}
	.title-bar .title:lang(zh-cn),.title-bar .title:lang(zh-hk){
		font-size: 35px;
	}
	
	
	
	.top-banner .navbar-header .hamburger-menu{
		margin-right: 10px;
	}
}
@media (min-width: 980px) {	
	.title-bar {
		background-image: url(images/banner_top.jpg);
		background-repeat: no-repeat, no-repeat;
		background-position-y: 0px;
	}
	.top-banner-halogo{
		margin-left:0px;
	}
	header .container{
		padding-left: 10px;
		padding-right: 10px;
	}
	.title-bar .title {
		padding-left: 20px;
	}
	.top-banner{
		padding-left: 0px;
	}
}
/**
 * Navigation
 */
.navbar-right-link{
	font-family:Arial,PMingLiu;
	text-decoration:none;
	list-style: none;
	padding-top:10px;
	color:#525252;
}
.navbar-right-link a, .navbar-right-link a:visited{
	text-decoration:none;
	color:#525252;
}
.navbar-right-link a:hover{
	text-decoration:underline;
}
.navbar-nav .smaller-font{
	font-size:9px;
	padding-right:5px;
	line-height:25px !important;
}
	
.navbar-nav .middle-font{
	font-size:12px;
	padding-right:5px;
}
.navbar-nav .larger-font{
	font-size:16px;
	padding-right:5px;
}
.selected-red{
	color:#FF0000 !important;
}
	
.menu {
	background-color: #E1F0FF;
	color:#474747;
	/* font-size:16px; */
	font-size: 1.067em;
	font-family:Arial,PMingLiu;
	-webkit-box-shadow: inset -3px 0px 7px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: inset -3px 0px 7px 0px rgba(0,0,0,0.1);
	box-shadow: inset -3px 0px 7px 0px rgba(0,0,0,0.1);
}
.menu > li {
	border-bottom: 1px solid #cccccc;
	float: inherit;
	width: 100%;
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.menu > li.active, .menu-tablet-mobile > li.active {
    background-color: #CCC;
    border-left: 5px solid #012501;
	color:#004000;
	font-weight: bold;
}
.menu > li.active a,
.menu-tablet-mobile > li.active a{
	padding-left: 13px;
	color: #004000;
}
.menu > li.active a:hover,
.menu-tablet-mobile > li.active a:hover{
	background-color: inherit;
	color: inherit;
}
.menu > li > a {
	padding: 13px 22px 12px 20px;
	color: #484848;
}
.menu > .open ul {
	display:none;
}
.menu > li:hover ul {
	display:block;
}
.navbar-nav > li > a{
	color: #484848;
}
.navbar-nav .open >a,
.navbar-nav .open>a:hover,
.navbar-nav .open>a:focus,
.navbar-nav>li>a:focus {
	background-color: #E1F0FF ;
	color: #484848;
}
.navbar-nav > li > a:hover,
.navbar-nav .open > a:hover,
.navbar-nav .dropdown-menu > li > a:hover,
.navbar-nav .dropdown-menu > li > a:focus,
.navbar-nav.menu >li>a:focus 
 {
 	background-color:#006000;
	color: #FFF;
}
.navbar-nav > li > .dropdown-toggle:hover, .navbar-nav > li > .dropdown-toggle:focus {
	background-image: url(images/icon_menu_arrow_white.png);
}
.navbar-nav > li > .dropdown-toggle {
	background-image: url(images/icon_menu_arrow_gray.png);	
	background-repeat: no-repeat;
	background-position: 97% 50%;
}
.menu .dropdown-menu {
    top: 0;
    left: 100%;
	padding: 0;
	background-color: #E1F0FF;
	/* font-size:16px; */
	font-size:1em;
}
.menu .dropdown-menu > li {
	border-bottom: 1px solid #cccccc;
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.menu .dropdown-menu > li > a{
	padding: 10px 20px 10px 30px;	
}
.menu .logo_wcag{
	width: 88px;
	height: 31px;
	/* background: url(images/logo_wcag.gif) no-repeat; */
	display: inline-block;
	margin: 13px 40px 20px 20px;
}
.menu-tablet-mobile{
	/* font-size:16px; */
	color:#474747;
	background-color:#E1F0FF;
	width: 259px;
	/* overflow:inherit !important; */
	overflow:hidden;
}
.menu-tablet-mobile .open .link-border{
	border-bottom:1px solid #CCCCCC;
}
.menu-tablet-mobile .open .dropdown-menu{
	padding:0px;	
}
	
.menu-tablet-mobile .menu-link-style  {
	border-bottom: 1px solid #cccccc;
	padding-left:25px;
	padding-top:9px;
	padding-bottom:9px;
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.menu-offcanvas {
	height: 100%;
	overflow-y: scroll;
}
.menu-offcanvas > li {
	border-bottom:1px solid #CCCCCC;
}
.menu-offcanvas > li.active {
	font-weight: bold;
}
.menu-offcanvas > li > a {
	padding: 9px 25px 9px 25px;
}
.menu-offcanvas .dropdown-toggle {
	background-image: url(images/icon_menu_arrow_gray.png);	
	background-repeat: no-repeat;
    background-position: 90% 50%;
	margin-bottom: 0px;
}
.menu-offcanvas .dropdown-menu {
	padding-top:0px;
}
.menu-offcanvas > li.open > a:hover,
.menu-offcanvas > li.open > a:focus {
	color: #FFF;
	background-color:#006000;
	padding-left:30px;
	background-image: url(images/icon_menu_arrow_white_down.png);	
}
.menu-offcanvas > .open ul li{
	color:#000000;
	background-color:#ffffff;
	border-bottom:1px solid #cccccc;
}
.menu-tablet-mobile .open .dropdown-menu>li>a{
	padding: 10px 20px 10px 30px;
	white-space: normal;
}
.menu-offcanvas > .open ul li a:hover{
	color:#ffffff;
	background-color:#006000;
}
.menu-offcanvas > .open {
	margin-bottom:0px !important;
}
.search-icon{
	margin-right:5px;
	margin-top:-3px;
	width: 16px;
	height: 16px;
}
.search-glasses{
	display:block;
	background-image:url(images/search_glasses.png);
	background-repeat:no-repeat;
	width: 20px;
	height:20px;
	border:10px !important;
	right: -40px;
	position:absolute;
}	
@media (min-width: 320px) {
}
@media (min-width: 480px) {
}
@media (min-width: 768px) {
}
@media (min-width: 980px) {	
}
/*languages and font size*/
.menu-tablet-mobile .langs {
	color:#464646;
	/* width: 80px; */
	position:absolute;
	right:68px;
	top: 11px;
}
.menu-tablet-mobile .langs a {
	color:#464646;
	display: inline-block;
}
.menu-tablet-mobile .font-size{
	color:#464646;
	position:absolute;
	right:68px;
	top: 8px;
}
.lang-en{
}
@media (min-width: 320px) {
}
@media (min-width: 480px) {
}
@media (min-width: 768px) {
}
/*homepage carousel*/

.heroic-banner .indicators-wrapper{
    position: absolute;
    bottom: 0;
    height: 20px;
    right: 0;
    width: 193px;
}

.heroic-banner .carousel-indicators {
    padding-left: 0;
    width: 193px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
	bottom: -5px;
	font-size: 15px;
}
.heroic-banner .carousel-indicators li {
	float:none;
	background: #333;
	color: #333;
	border:0;	
    height: 7px;
    margin: 2px 0 3px 2px;
    width: 7px;
}
.heroic-banner .carousel-indicators li.active {
    height: 14px;
    width: 14px;
	margin: 2px 0 0 2px;
}
.heroic-banner .carousel-caption {
	left: auto;
	right: 0;
	bottom: auto;
	top: 0;
	position: relative;
	height: 100%;
	width: 100%;
	padding: 15px;
}
.heroic-banner .carousel-inner img{
	width: 100%;
}
.carousel-control, .thumbnail-control {
	position: absolute;
	color: white;
	opacity: .9;
	font-size: 35px;
	font-weight: 100;
	line-height: 30px;
	background: #000;
	padding: 5px;
	color:#fff;
	width:40px;
	height: 40px;
	margin-top: -35px;
	display: block;
	top: 50%
}
.heroic-banner .carousel-inner .carousel-control.left,
.thumbnail-control.left{
	left: 0;
}
.heroic-banner .carousel-inner .carousel-control.right,
.thumbnail-control.right{
	right: 0;
}
.heroic-banner .carousel-indicators{
	display: none;
}
@media (min-width: 320px) {
}
@media (min-width: 480px) {
}
@media (min-width: 768px) {
	.heroic-banner .carousel-caption {
		width: 200px;
		position: absolute;
		}
	.heroic-banner .carousel-inner img{
		width: auto;
		}
	.heroic-banner .carousel-inner .carousel-control{
		display: none;
		}
	.heroic-banner .carousel-indicators{
		display: block;
	}
	.heroic-banner .carousel-inner img{
		width: 73%;
	}
}
@media (min-width: 980px) {
}
/**
 * Footer
 */
.footer-wrapper {
    border-top: 1px solid rgb(204, 204, 204);
	position:relative;
	padding-top: 10px;
	width:100%;
	/*text-align:center;*/
}
.footer-links a {
	text-decoration: none;
}
.footer-links a:hover{
	text-decoration:underline;
}
@media (min-width: 320px){
}
@media (min-width: 480px) {
}
@media (min-width: 768px) {
	.site-footer {
		color: #444;
	}
	.footer-wrapper {
		text-align: inherit;
	}
	.footer-right {
		position: absolute;
		right: 0;
		top: 0;
		padding-top: 10px;
	}
	
	.larger-font .footer-right{
		position: relative;
	}
}
@media (min-width: 980px) {
	.larger-font .footer-right{
		position: absolute;
	}
	
	.site-footer .container{
		padding-left:10px;
		padding-right:10px;
	}
}
/**
 * Home
 */
@media (min-width: 320px) {
}
@media (min-width: 480px) {
}
@media (min-width: 768px) {
}
@media (min-width: 980px) {
	.menu-col {
		width: 227px;
	}
	.main-content-col {
		width: 753px;
	}
}
/**
 * Home - Heroic Banner
 */
.heroic-banner {
	height: 100%;
	background-color: #CFDAF8;
	/* background-color: #DBD6E7;	 */
	margin-top: 25px;
	margin-bottom: 29px;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);
}
.heroic-banner .carousel-caption{
	text-align: left;
	color:#444444;
	text-shadow: none;
}
.heroic-banner .carousel-caption .caption{
	font-size: 15px;
	line-height: 18px;
}
.heroic-banner .carousel-caption .caption-title{
	font-weight: bold;
	font-size:16px;
}
@media (min-width: 320px) {
}
@media (min-width: 480px) {
}
@media (min-width: 768px) {
}
@media (min-width: 980px) {	
}
/**
 * Home - What's New
 */
.whats-new {
	background-color:#e6e6e6;	
}
.whats-new .panel-heading {
	background-color: #060;
	color: #FFF;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);
}
.whats-new .panel-heading .panel-title {
	font-size: 15px;
}
.whats-new .list-group-item {
	background-color: transparent;
	background-image: url(images/icon_green_bullet.gif);
	background-repeat: no-repeat;
	background-position: 20px 18px;
    padding-left: 34px;
}
.whats-new .list-group-item .news-category {
	font-weight: bold;
}
.whats-new .list-group-item a {
	text-decoration: none;
}
.whats-new .list-group-item a:hover {
	text-decoration: underline;
	color:#444444;
	background-color: none !important;
}
.whats-new .list-group-item{
	border-bottom: 0px solid #BF4245 !important;
	border-top: 0px solid #BF4245 !important;
}
.show-more-wrapper{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
@media (min-width: 768px) { /* tablet */
	.show-more-wrapper{
		text-align: left;
	}
}
.show-more {
	text-decoration: none;
	color:#444444;
	padding-left:20px;
	/* font-weight:bold; */
	cursor: pointer;
}

@media (min-width: 480px) {
}
@media (min-width: 768px) {
	/* .show-more-wrapper{
		text-align: left;
	}
 */
	.whats-new-col{
		width: 71%;
	}	
	.whats-new {
		min-height: 363px;
	}
}
@media (min-width: 980px) {
}
/**
 * Home - Publications
 */
.publications {
	padding: 0;
    list-style: none;
    text-align: center;
}
.publications li {
    margin-bottom: 10px;
}
.publications li img {
	width: 200px;
	height: 52px;
}
@media (min-width: 320px) {
}
@media (min-width: 480px) {
	.video-wrapper.one-video{
		/* width: 517px;
		height: 291px; */
	}
}
@media (min-width: 768px) {
	.publications a {
		width: 100%;
		height:100%;
	}
	.publications-col{
		width: 29%;
	}
}
@media (min-width: 980px) {
}
/*Pages*/
.page-header{
	margin: 20px 0 5px 0;
	border-bottom: 0px;
}
.page-header h1{
	font-size: 1.375em;
	font-weight: bold;
}

.breadcrumb{
		display:none;
}

.breadcrumb-wrapper{
	padding-top:10px;
	color:#444444;	
	}
.breadcrumb-wrapper .breadcrumb{
	background: transparent;
	padding: 8px 0px;
}
.breadcrumb-wrapper .breadcrumb>li+li:before{
	content: ">" !important;
	color: #000 !important;
	font-weight: normal !important;
}
.breadcrumb-wrapper .breadcrumb>.active{
	font-weight: bold;
	color: #444;
}
.back-to-top-wrapper{
	margin-top: 20px;
	margin-bottom: 20px;
	display:inline-block;
}
.video-wrapper video{
	width: 100%;
}
.top-icon a,
.top-icon a:visited,
.top-icon a:hover{
	text-decoration: none;
	color: #3E290F;
}
@media (min-width: 320px) {
}
@media (min-width: 480px) {
}
@media (min-width: 768px) {
}
@media (min-width: 980px) {
}
/*Pages - icons*/
.top-icon{
	background: url(images/backtotop_arrow.png) no-repeat;
	padding-left: 15px;
	background-position-y: 3px;
}
.download-icon{
	width: 24px;
	height: 18px;
	background: url(images/icon_download.png) no-repeat;
	display: inline-block;
	vertical-align: middle;
}
.pdf-icon{
	width: 24px;
	height: 30px;
	background: url(images/icon_pdf.jpg) no-repeat;
	display: inline-block;
	vertical-align: middle;
}
.arrow-up-icon{
	width: 24px;
	height: 30px;
	background: url(images/icon_arrow_up.png) no-repeat;
	display: inline-block;
	vertical-align: middle;	
}
.arrow-down-icon{
	width: 24px;
	height: 30px;
	background: url(images/icon_arrow_down.png) no-repeat;
	display: inline-block;
	vertical-align: middle;	
}
.arrow-right-icon{
	width: 24px;
	height: 30px;
	background: url(images/icon_menu_arrow_white.png) no-repeat;
	display: inline-block;
	vertical-align: middle;	
}
.next-icon.on{
	background: url(images/page_next_on.gif) no-repeat;
	
}
.next-icon {
	width: 21px;
	height: 19px;
	background: url(images/page_next_off.gif) no-repeat;
	display: inline-block;
	vertical-align: middle;	
	cursor: pointer;
}
.prev-icon.on{
	background: url(images/page_back_on.gif) no-repeat;
}
.prev-icon{
	width: 21px;
	height: 19px;
	background: url(images/page_back_off.gif) no-repeat;
	display: inline-block;
	vertical-align: middle;	
	cursor: pointer;
}
.sync-icon{
	width: 40px;
	height: 19px;
	background: url(images/sync.png) no-repeat;
	display: inline-block;
	vertical-align: middle;	
	background-position-x: 8px;
	background-position-y: 8px;
	margin-top: 5px;
}
.header-bottom-line{
	width: 100%;
	height: 3px;
	background: url(images/header_line.gif) no-repeat;
	display: block;
}
.stat-update-icon{
	background: url(images/stat.gif) no-repeat;
	display: inline-block;
	vertical-align: middle;	
	padding-left: 15px;
	background-position-y: 3px;
}
/**
 * Event
 */
@media (min-width: 320px) {
}
@media (min-width: 480px) {
}
@media (min-width: 768px) {
}
@media (min-width: 980px) {
}
/**
 * Photo Album
 */
 .gallery{
 	margin: 10px;
	border-top: 2px solid #eee;
	border-bottom: 2px solid #eee;
	float: left;
	padding: 0px;
}
.gallery-wrapper ul li {
	list-style: none;
	padding: 0 5px 0 5px;
	margin-bottom: 10px;
}
.gallery-wrapper img{
    width: auto;
    height: 80px;
    cursor: pointer;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
}
.gallery .first{
	padding: 0px;
}
.modal.fade.in{
	padding-right: 0px !important;
}
.modal-body .modal-image img{
	width: 100%;
}
.modal-header{
	border-bottom: 0px !important;
}
.modal-header .modal-title{
	padding-left: 40px;
}
.modal-header .close{
	position: absolute;
	right: 0;
	top: 0;
	padding: 2px;
	background: #000;
	color: #fff;
	font-weight: normal;
	opacity: 1;
}
.modal-body .modal-pageno, .modal-body .modal-desc{
	text-align: center;
}
.modal-body .modal-image{
	padding-left:40px;
	padding-right:40px;
}
.modal-body .modal-controls{
	height:25px;
}
.modal-body .modal-controls .controls{
    font-size:35px;
    font-weight:normal;
    border: 2px solid #eee;
    position: absolute;
    top: 40%;
    text-decoration: none;
    background: #fff;
    color: #000;
    text-align: center;
    height: 50px;
    width: 40px;
}
.modal-body .modal-controls .controls.next{
	right: 0;
}
.modal-body .modal-controls .controls.previous{
	left: 0;
}
.page-info-wrapper, .pagination-wrapper{
	position: relative
}
.pagination{
	/*width: 150px;*/
	margin: 0px!important;
}
.pagination .page-link.active{
	font-weight: bold;
}
.photo-album.page-info{
	position: absolute;
	right: 0;
	top:0;
}

.gallery-wrapper a{
		width: 100px;
		height: 75px;
		display: block;
	}
@media (min-width: 320px) {
	.modal-body .modal-image img{
   width: auto;
    height: 166px;
    margin-left: auto;
    margin-right: auto;
	}
}
@media (min-width: 480px) {


	.modal-body .modal-image img{
   width: auto;
    height: 367px;
    margin-left: auto;
    margin-right: auto;
	}
	
}
@media(min-width: 542px){
	.gallery-wrapper img{
		width: auto;
		height: auto;
		max-width: 160px;
		max-height: 120px;
	}
	
	.gallery-wrapper a{
		width: 160px;
		height: 120px;
	}
}
@media (min-width: 768px) {

	.modal-body .modal-image img{
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
	}
	
	.photo-album .form-control{
		padding: 0px;
		display: inline-block;
		width: auto;
		vertical-align: middle;
	}
	
}
	
}
@media (min-width: 980px) {
}
/**
 * Synopsis
 */
.image-wrapper img{
	width: 120px;
	/* height: 147px; */
	height: auto;
	float:right;
	margin-left: 15px;
}
.statistics-wrapper{
	margin-top: 20px;
	margin-bottom: 20px;
}
.statistics-wrapper .carousel img{
	width: auto;
	max-width: 530px;
}
.statistics-wrapper .statistics-title{
	display: inline-block;	
}
.statistics-wrapper .stat-carousel-value{
	height: 31px;
}
.resource{
	 background: #ddd;
	 padding: 15px;
	 margin-bottom: 10px;
}
.resource .info{
	margin:5px;
}
.resource .color-blue-icon{
	background: url(images/synopsis/icon_4color_blue.gif) no-repeat;
	margin: 5px;
	padding-left: 15px;
	display: block;
	background-position-y: 3px;
}
 .resource .color-green-icon{
	background: url(images/synopsis/icon_4color_green.gif) no-repeat;
	margin: 5px;
	padding-left: 15px;
	display: block;
	background-position-y: 3px;
}
.resource .color-red-icon{
	background: url(images/synopsis/icon_4color_red.gif) no-repeat;
	margin: 5px;
	padding-left: 15px;
	display: block;
	background-position-y: 3px;
}
.resource .color-purple-icon{
	background: url(images/synopsis/icon_4color_purple.gif) no-repeat;
	margin: 5px;
	padding-left: 15px;
	display: block;
	background-position-y: 3px;
}

.year-selector-wrapper{
	position: absolute;
	right: 5px;
	top: -8px;
	z-index: 1000;
	width: 50%;
	text-align:right;
}

.statistics-title{
	width:50%
}


@media (min-width: 320px) {

}
@media (min-width: 480px) {
	.image-wrapper img{
		width: 220px;
		/* height: 247px; */
		height: auto;
	}
	
	.year-selector-wrapper{
		width: 35%;
	}

	.statistics-title{
		width:65%
	}
}
@media (min-width: 768px) {
	.color-blue-icon,
	.color-green-icon,
	.color-red-icon,
	.color-purple-icon{
		display: inline-block !important;
	}
	
	.year-selector-wrapper{
		width: 25%;
	}

	.statistics-title{
		width:75%
	}

}
/**
 * Safety Promotion Event
 */
.promotion-wrapper{
	padding: 0px;
}
.promotion-wrapper .presentation-wrapper{
	display: none;
}
.promotion-wrapper .download {
	height: 30px;
	margin-top: 20px;
}
.larger-font .promotion-wrapper .download{
	height: 40px;
}

.promotion-wrapper .download-wrapper{
	margin-top: 10px;
	margin-bottom: 20px;
}

.promotion-wrapper .download-wrapper .file-size-wrapper{
	/* display: block; */
	display:none;
}
.promotion-wrapper .download-title-wrapper{
	display: block;
}
.promotion-wrapper .download-title-wrapper a{
	text-decoration: underline;
}
.date-held{
	margin-bottom: 10px;
}
.disclaimer-box{
	background: #eee;
	padding: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.forum-list-wrapper ul{
	line-height: 30px;
}
.opener.arrow-down-icon, .opener.arrow-up-icon{
	top: 20px;
}
.opener.arrow-down-icon, .opener.arrow-up-icon, .arrow-right-icon{
	position: absolute;
	right: 5%;
}
.forum-main-title{
	background: #004000;
	color: #fff;
	padding: 10px 8px;
	border-bottom: 1px solid #fff;
	cursor: pointer;
}
.forum{
	margin-bottom:15px;
	display: none;
}
.forum-photo{
	width: auto;
	height: auto;
	max-width: 287px;
	max-height: 161px;
	float: right;
	margin-bottom: 20px;
}
.forum .forum-content{
	padding: 8px;
	margin-left: 0px;
	margin-right: 0px;
}
.forum .forum-content:nth-of-type(odd){
	background-color: #f0f0f0;
}
.forum .forum-header{
	height:30px;
	background:#ddd;
	padding: 8px;
	font-weight: bold;
}
.forum .forum-header{
	display: none;
}
.forum .video-image img{
	width: 96px;
	height: 55px;
}

.forum .video-title:before,
.forum .video-speaker:before,
.forum .video-duration:before{
	content: attr(data-title);
	font-weight: bold;
}
.forum .video-speaker,
.forum .video-duration,
.forum .download{
	margin-top: 5px;
}

.thumbnail-wrapper,
.title-wrapper{
	width: auto;
	z-index:9999;
}

.speaker-wrapper,
.duration-wrapper{
	float: right;
}

.download-session .download-transcript,
.download-session .download-video,
.download-session .download-presentation{
	margin-top: 10px;
	margin-bottom: 10px;
}
.download-session .download-video{
	height: 30px;
	line-height: 30px;
}
.preview-wrapper .thumbnail-wrapper{
	text-align: center;
}
.preview-indicator{
	color: #000;
	text-align: center;
}
.preview-wrapper{
	display: none;
}
.preview-wrapper .preview-image img{
	padding-left: 10px;
	padding-right: 10px;
	width: 100px;
	cursor: pointer;
}
.carousel-control{
	cursor: pointer;
}
.carousel-control.sync{
	margin-top: -8px;
}
/** sync carousel */
.sync-carousel .carousel-inner  {
	background: #e6e6e6;
	width: 100%;
	padding-left: 75px;
	padding-top: 15px;
}
.sync-carousel  .preview-indicator{
	padding: 10px 0px 10px 10px;
}
.sync-carousel .item.active .cloneditem-2 img{
	padding: 0px;
}
@media (min-width: 320px) {
	
}
@media (min-width: 480px) {

	
}
@media (min-width: 768px) {
	.forum,
	.forum .forum-header{
		display:block !important;
	}
	.forum .video-title{
		margin-left: 0px;
	}
	
	.opener{
		display:none;
	}
	.forum .video-title:before,
	.forum .video-speaker:before,
	.forum .video-duration:before{
		content: "";
	}
	.forum .video-speaker,
	.forum .video-duration{
		margin-top: 0px;
	}	
	.promotion-wrapper .download.transcript,
	.promotion-wrapper .download.presentation{
		display: block !important;
	}
	
	.thumbnail-wrapper{
		width: 16.66666667%;
	}
	
	
	.title-wrapper{
		width: 41.66666667%;
	}
	
	.video-wrapper.sync-video{
		width: 405px;
		height: 227px;
		margin-left: 25px;
	}
	.presentation-wrapper.sync-presentation{
		width: 303px;
		height: 227px;
	}
	.presentation-wrapper.sync-presentation img{
		width: 100%;
		height: 100%;
	}
	.presentation-wrapper {
		display: block !important;
	}
	.preview-wrapper{
		display: block;
	}
	.forum-main-title{
		border-bottom: 0px;
		cursor: inherit;
	}
	.promotion-wrapper .download {
		margin-top: 0px;
	}
	
	
	.event-download-wrapper{
		float: none;
		padding-left: 135px;
	}
}
@media (min-width: 980px) {
	.disclaimer-box{
		margin-top: 0px;
	}
	.preview-wrapper{
		padding: 0px;
		margin-left:10px;
	}
	
	.forum-photo-album{
		display:none;
	}
}
/**
 * Publications
 */
.site-safety-table th{
	background: #cccccc;
}
.download-video-wrapper{
	margin-top: 10px;
}
.video-page .download{
	margin-top:15px;
}

.publication-bottom{
	margin-top: 50px;
}
.site-safety-table td:nth-child(1){
	width: 100px;
}
.site-safety-table td:nth-child(2){
	display: block;
}
.site-safety-table td:nth-child(3){
	display: block;
	border-top: 0px;
}
.site-safety-table th:nth-child(3){
	display: none;
}
.site-safety-table .date-held {
	position: relative;
	display: inline-block;
}
.site-safety-table td:nth-child(1) a{
	width: 96px;
	height: 55px;
}
.site-safety-table td:nth-child(1) img{
	width: auto;
	height: auto;
	max-width: 96px;
	max-height: 55px;
	margin: 1px auto;
	display: block;
}
.site-safety-table tr:nth-child(1) td:nth-child(2){
	border-top: 0px;
}
.site-safety-table td:nth-child(3):before { content:  attr(data-title); }
.listpage.page-info{
	float: right;
	margin-top: 5px;
	margin-bottom: 5px;
}
@media (min-width: 320px) {
}
@media (min-width: 480px) {
	
}
@media (min-width: 768px) {
	.site-safety-table .caret{
		display: inline-block;
	}
	.site-safety-table td:nth-child(3), .table th:nth-child(3){
		display: table-cell;
	}
	.site-safety-table td:nth-child(3):before { content: ""; }
	.site-safety-table .date-held {
		position: relative;
		bottom: 0;
		left: 0;
		padding-right: 0;
	}
	.site-safety-table td:nth-child(3){
		border-top: 1px solid #ddd;
	}
	
	 .video-page .download .download-icon,
	 .video-page .download .download-title{
		float: left;
	}
	


}
@media (min-width: 980px) {
}
/**
 * Links
 */
.link-intro{
	line-height: 25px;
	margin-bottom: 25px;
}
.link-title{
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
}
.link-list ul{
	list-style-image: url(/common/css/images/links.gif);
}
.link-list li{
	line-height: 16px;
    color: #40702a;
    text-decoration: underline;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 25px;
}
.link-list .link-list-inner{
	line-height: 16px;
    color: #40702a;
    text-decoration: underline;
    margin-top: 20px;
    margin-left: -20px;
    list-style-type: disc;
    list-style-image: none;
}
/**
 * Contact Us
 */
.contact-us-description  {
	padding: 15px;
	background: #DCDCDC;
}
.contact-us-surgeon {
	margin-left: 2px
}
#contact-us-form .radio{
	margin-left: 20px;
}
#contact-us-form .radio input[type="radio"]{
	margin-left: 0px;	
}
/**
 * jQuery validate
 */
.error {
	color:red;
}
/**
 * Site Map
 */
@media (min-width: 320px) {
	.second-layer ul li{
		width: 100%;
	}
}
@media (min-width: 480px) {
}

@media (min-width: 768px) {
	.second-layer ul li{
		width: 50%;
	}
	
 	.second-layer ul li{
		float:left;
	 } 
	
	.second-layer.links ul li{
		width: 100%;
	}
}
@media (min-width: 980px) {

}
.first-layer {
	padding-left:0px;
	overflow: hidden; 
 }
 .first-layer a{
	width: 100%;
	border-bottom: 2px solid #204510;
	float: left;
	padding: 0 px;
 }
.first-layer a:hover{
	color:#204510;
 }
.first-layer a:visited{
	color: #204510;
	text-decoration: none;
 }
.first-layer a:link{
	color: #204510;
	text-decoration: none;
 }
.second-layer a:hover{
	color: #666;
 }
.second-layer a:visited{
	color: #666;
 }
.second-layer a:link{
	color: #666;
 }
.second-layer{
	padding: 0px;
	overflow: hidden; 
 }
.second-layer ul{
	list-style: none;
	padding-left: 0px;
 }

.hamburger-menu{
	z-index:1;
}
 /*performance statistics fancybox content */
.fancybox-title.fancybox-title-inside-wrap .inside-wrapper img{
		width: 100%; 
}
@media (min-width: 768px) {
	.fancybox-title.fancybox-title-inside-wrap .inside-wrapper img{
		width: auto;
	}
}

 /* contact us label for accessibility purpose */
.access {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}


/*datatable*/

.data-table-wrapper .bottom{
	position: relative;
}

.dataTables_info{
	display: none;
	position: absolute;
	margin-bottom: 10px;
}

.dataTables_length{
	display: none;
	position: absolute;
	right:0;
}

.larger-font .dataTables_length{
	width: 240px;
}

.larger-font .site-safety-table{
	margin-top: 25px;
}

.dataTables_paginate{
	display: none;
	text-align: center;
	margin-right: 50px;
}

.dataTables_paginate .pagination>.active>a{
	font-weight: 700;
}

.dataTables_paginate .pagination>.active>a, 
.dataTables_paginate .pagination>.active>a:hover, 
.dataTables_paginate .pagination>.active>a:focus, 
.dataTables_paginate .pagination>li>a{
	width: 30px;
	padding: 0px 5px;
	border: 0px;
	border-right: 2px solid #ddd;
	background-color: inherit;
	color: #000;
}

.dataTables_paginate  .paginate_button:nth-last-child(2) a{
	border-right: 0;
}

.dataTables_paginate .pagination>li>a:hover{
	background-color: inherit;
}

.dataTables_paginate  .paginate_button.next a{
	border:0;
	width: 21px;
	height: 30px;
	background: url(images/page_next_on.gif) no-repeat;
}

.dataTables_paginate  .paginate_button.previous a{
	border:0;
	width: 21px;
	height: 30px;
	background: url(images/page_back_on.gif) no-repeat;
}


.paginate_button.next.disabled a{
	background: url(images/page_next_off.gif) no-repeat;
}

.paginate_button.previous.disabled a{
	background: url(images/page_back_off.gif) no-repeat;
}

.dataTables_length select{
	padding: 0;
}

.dataTables_length label{
	font-weight: 400;
}


@media (min-width: 768px) {
	.dataTables_paginate,
	.bottom .dataTables_info,
	.dataTables_length{
		display: block;
	}
}

@media (min-width: 768px) {
	#middle_zone{
		padding-right:0;
	}
	#page-body{
		width:768px;
	}
}
@media (min-width: 980px) {
	#middle_zone{
		padding-right:0;
	}
	#page-body{
		width:100%;
	}
}