/*
USED BY:
	- Additional resources
	- Business Centre
*/

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic);
/********************************************************************
HTML TAGS
********************************************************************/
body { 
	background: #FFF;
	margin:0;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
/* 	overflow-x: hidden; */
}

div.container {
	width: auto;
}

body.header {
	margin: 0px;
	padding: 0px;
}
body.footer {
	color: #333;
	text-align: center;
	margin: 0px;
	padding: 3px;
	font: 7pt 'Open Sans', Arial, Helvetica, sans-serif;
}

th {
	text-align: left;
	font-weight: bold;
}

.highlight {
	background:#ddd;
}

div#print-view{
	display: none !important;
}

@media (min-width: 600px) {
  .panel-collapse .col-sm-1, .panel-collapse .col-sm-2, .panel-collapse .col-sm-3, .panel-collapse .col-sm-4, .panel-collapse .col-sm-5, .panel-collapse .col-sm-6, .panel-collapse .col-sm-7, .panel-collapse .col-sm-8, .panel-collapse .col-sm-9, .panel-collapse .col-sm-10, .panel-collapse .col-sm-11, .panel-collapse .col-sm-12 {
    float: left;
  }
  .panel-collapse .col-sm-12 {
    width: 100%;
  }
  .panel-collapse .col-sm-11 {
    width: 91.66666667%;
  }
  .panel-collapse .col-sm-10 {
    width: 83.33333333%;
  }
  .panel-collapse .col-sm-9 {
    width: 75%;
  }
  .panel-collapse .col-sm-8 {
    width: 66.66666667%;
  }
  .panel-collapse .col-sm-7 {
    width: 58.33333333%;
  }
  .panel-collapse .col-sm-6 {
    width: 50%;
  }
  .panel-collapse .col-sm-5 {
    width: 41.66666667%;
  }
  .panel-collapse .col-sm-4 {
    width: 33.33333333%;
  }
  .panel-collapse .col-sm-3 {
    width: 25%;
  }
  .panel-collapse .col-sm-2 {
    width: 16.66666667%;
  }
  .panel-collapse .col-sm-1 {
    width: 8.33333333%;
  }
}

/*******************************************************************/

/********************************************************************
LAYOUT STYLES
********************************************************************/
.resourcehead {
	position:fixed;
	top: 0px;
	left:0px;
	right:0px;
	height: 50px;
	background: #fff;
	text-align:left;
	font-size:20px;
	z-index:1;
}

.resourcehead .bar span{
	vertical-align: top;	
}

.resourcehead .logo{
	opacity: 0.5; 
	filter: alpha(opacity=50); 
	vertical-align: text-bottom;	
}

a.back-button img{
	transition: opacity 0.3s ease;
}

a.back-button img:hover{
	opacity: 1;
}

.resourcebody{
	margin-top:70px;
	margin-bottom:40px;
	right:0;
	overflow-x: hidden;
}

.resourcebody p.instruction{
	margin-bottom: 0px;
}

.resourcebody li{
	font-size: 15px;
	text-decoration: none;
	margin-bottom: 8px;
}

.resourcebody li a{
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	color: #044;
	text-decoration:none;
	transition: color 0.3s ease;
}
.resourcebody li a:hover{
	color: #e17009 !important;
}

/*
.businessbody li{
	color: #5D9999;
}
*/
.businessbody li a:hover{
	color: #e17009;
}

.additionalbody{
	margin-top: 54px !important;	
}

.additionalbody li{
	color: #5D9999;
}

.additionalbody li a:hover{
	color: #5D9999;
}

.resourcefoot {
    bottom: 0;
    color: #fff;
    font-size: 1em;
    left: 0;
    padding: 10px;
    position: fixed;
    right: 0;
    text-align: center;
}

.businessfoot{background: #2C3E50;}
.funandgamesfoot{background: #ff5566;}
.fungameslogo{
	width: 45px;
	margin-top: -4px;
}

.additionalfoot{
	background: #7F8C8D;
}

.business-page-head {
	height: 40px;
	xmin-width:600px;
	xbackground: #fff;
	margin-left:15px;
	text-align:left;
	font-size:40px;
	xfont-weight:bold;
	color:#FC0;
	z-index:1;
}
.business-page-body {
	margin-top:40px;
	Xmargin-bottom:40px;
	right:0;
	padding-left: 20px;
}

/*******************************************************************/

/********************************************************************
HEADER STYLES
********************************************************************/

.resourcehead .bar{	
	height:54px;
	color:#FFFFFF;
	font-size:26px;
	padding: 9px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

.businesshead .bar{background: #2C3E50;}
.funandgames .bar{background: #ff5566;}

.additionalhead {}
.additionalfoot {}
.additionalbody {
	position: absolute;
	overflow-y: auto;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

.additionalhead .bar{
	background: #7F8C8D;
}

.back-button{
	float: right;
	cursor: pointer;
}

.resourcehead #title,.grammarhead #contents {
	color:#666666;
	font-weight:bold;
	padding-left:10px;
}

.resourcehead .title {
	font-size:26px;
	font-family:Open Sans, Arial, Helvetica, sans-serif;
	color:#666666;
	margin:5px;
	padding-left:15px;
}

.resource-heading a, .resource-heading span{
	padding: 15px 20px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #fff;
	display: inline-block;
    width: 100%;
    transition: background-color 0.3s ease;
    border-bottom: 1px solid #fff;
}

.resource-heading a:hover, .resource-heading a:focus, .resource-heading a:active{
	text-decoration:none;
	color: #e17009;
	outline: none;
}

.business-heading a{background-color: #95B5C6;}
.business-heading a:hover {background-color: #9FC1D3;}

.funandgames-heading a{background-color: #95b5c6;}
.funandgames-heading a:hover {background-color: #9fc1d3;}

.additional-heading a{
	background-color: #B8CBCC;
	/*background-color: #B9D9C8;*/
}

.additional-heading a:hover {
	background-color: #C4D8D9;
	/*background-color: #C1E3D8;*/
	color: #e17009; 
}

.resource-content h2{
	font-size: 18px;
	color: #5D9999;
	font-weight: 400;
	margin-bottom: 0;
	margin-top: 12px;
	padding-left: 5px;
}

.resource-table-content{
	padding: 0 15px;
}

.additional-content .resource-text{
	padding: 0px 15px;
}

.resource-text{
	padding: 15px 15px;
}

.resource-note{
	font-size: 13px;
	color: #444;
}

.resource-text ul{
	margin: 0;
	padding: 0px 15px;
}

div#accordion div{
	border: none;
}

/*******************************************************************/

.collapse {
  	display: none;
}
.collapse.in {
  	display: block;
}

.collapsing {
  	position: relative;
  	height: 0;
  	overflow: hidden;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-duration: .35s;
	-o-transition-duration: .35s;
	transition-duration: .35s;
	-webkit-transition-property: height, visibility;
	-o-transition-property: height, visibility;
	transition-property: height, visibility;
}

.special-row {
	-moz-column-width: 18em;
	-webkit-column-width: 18em;
	-moz-column-gap: 1em;
	-webkit-column-gap: 1em;  
}

h2.section-title{
	color: #2c3e50;
	margin-bottom: 0px;
	padding-left: 15px;
	font-size: 19px;
	font-weight: 100;
}

.highlight-warning{
	font-size: 17px !important;
}

.bullet{
	color: #5d9999;
}

.menu-category {
	display: inline-block;
	margin:  0.25rem;
	padding:  1rem;
	width:  100%; 
}

.menu-category-name{
	padding: 10px 15px !important;
	font-size: 17px;
}

.p-items{
	margin-top: 0;
	border: 1px solid #95B5C6 !important;
}

p.list-group-item{
	margin-top: 0;
	border: 1px solid #95B5C6;
}

.list-group-item.active {
    background-color: #95B5C6;
    border-color: #95B5C6;
    color: #fff;
    z-index: 0;
}

.list-group-item {
    display: block;
    margin-bottom: -1px;
    padding: 5px 15px;
    position: relative;
}

.menu-two-columns{
	margin-right: 0 !important;
	margin-left: 0 !important; 
}

.mainwebview{
	overflow-y: hidden;
}

iframe.webview{
	border: none; 
	 
}

.Rubric span.rubric {
    border-radius: 1000px;
    display: block;
    height: 10px;
    left: -20px;
    margin-right: 10px;
    position: relative;
    top: 15px;
    width: 10px;
}

p.Rubric{
	margin-left: 20px;
	margin-bottom: -5px;
	
}

.Copyright{
	display: none;
}
/**********************************************************************/
.featured-sticky {
	z-index: 1;
	position: sticky;
	top: 0px;
}