/*
Theme Name: Engage Wiki Theme.
Theme URI: http://wiki.engageeducation.org.au
Description: 2015 Theme for the Engage Wiki
Version: 1.0
Author: Nick Pedersen
Author URI: http://nickpedersen.com.au
*/

* {
	font-family: "Lato", "PT Sans" "Open Sans", "Helvetica Neue", sans-serif;
}

p, ul,  ol {
	font-weight: 300;
}

body {
	background-color: #1c2a37;
}

.tt-dropdown-menu {
	text-align: left;
	min-width: 160px;
	margin-top: 2px;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.2);
	*border-right-width: 2px;
	*border-bottom-width: 2px;
	-webkit-border-radius: 6px;
	 -moz-border-radius: 6px;
	      border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	 -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	      box-shadow: 0 5px 10px rgba(0,0,0,.2);
	-webkit-background-clip: padding-box;
	 -moz-background-clip: padding;
	      background-clip: padding-box;
	width:100%;
	overflow: hidden;
}

.tt-suggestion {
	display: block;
	border-bottom: 1px solid #eee;
}

.tt-suggestion.tt-cursor {
	color: #fff;
	background-color: #0081c2;
	background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
	background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
	background-image: -o-linear-gradient(top, #0088cc, #0077b3);
	background-image: linear-gradient(to bottom, #0088cc, #0077b3);
	background-repeat: repeat-x;
	cursor: pointer;
	border-bottom: 1px solid #0081c2;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0)
}

.tt-suggestion.tt-cursor a {
  	color: #fff;
}

.tt-suggestion p {
  	margin: 0;
}

.tt-suggestion a {
	color: #333;
	text-decoration: none;
	display: block;
	padding: 10px 16px;
}

.tt-suggestion span {
	display: block;
	font-size: 10px;
	color: #777;
}

.tt-suggestion.tt-cursor span {
  	color: #fff;
}


div.header-large {
	/*background-image: url('img/header-back.png');*/
	background-color: #000;
	height: 650px;
	padding-top: 150px;
	width: 100%;
	background-size: 100%;
	overflow: hidden;
    position: fixed;
    z-index: 99;
    background-position: top center;
}

div.header-small {
	background-color: #fff;
	height: 144px;
	padding-top: 20px;
	width: 100%;
	background-size: 100%;
    position: fixed;
    z-index: 99;
    background-position: top center;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
}

div.constrain-header {
	margin: 0 auto;
	margin-bottom: 20px;
	height: 54px;
}

div.header-large.smaller {
    height: 75px;
}

div.search-box {
	text-align: right;
	margin-top: 3px;
	padding-right: 0;
}

div.search-box input.input-lg {

}

div.header-container {

}

div.content {
	padding-top: 650px;
}

div.main {
	padding: 0;
	background-color: #ffffff;
}
div.main p, div.main ul, div.main ol {
	padding-bottom: 20px;
	padding-top: 0px;
	line-height: 1.8;
}

div.padder {
	padding: 80px;
	padding-top: 20px;
}

div.accordion {
	padding-bottom: 20px;
}

div.main h2 {
	padding-bottom: 10px;
	padding-top: 0px;
	font-size: 24px;
}

div.main h2.page-title {
	text-align: center;
	padding-bottom: 20px;
	padding-top: 20px;
	margin-bottom: 40px;
	border-bottom: 2px solid #e3e3e3;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	font-size: 30px;
}

div.main h3 {
	padding-bottom: 10px;
	padding-top: 0px;
	font-size: 18px;
}


div.main h4 {
	padding-bottom: 10px;
	padding-top: 0px;
	font-size: 16px;
}

div.sidebar {
	padding-top: 80px;
	background-repeat: repeat-y;
	background-position: right;
	padding-bottom: 80px;
	padding-right: 80px;
	padding-left: 80px;

}

div.sidebar-inner {
	overflow: auto;
	min-height: 400px;
}

div.sidebar h4 {
	color: #999;
	text-transform: uppercase;
	font-size: 14px;
	text-align: center;
	padding-bottom: 40px;
	padding-top: 40px;
}

div.toc_widget a {
	display: block;
	font-weight: bold;
	color: #eeeeee;
	padding-top: 5px;
	padding-bottom: 5px;
}

div.toc_widget ul {
	padding-left: 0;
}

div.toc_widget ul ul {
	padding-left: 20px;
}

div.toc_widget ul a  {
	font-weight: bold;
}

div.toc_widget ul ul a  {
	font-weight: 200;
}

div.toc_widget span {
	display: none;
}

div.subject-cloud {
	height: 800px;
	background-color: #eeeeee;
	padding-top: 400px;
}

div.video-banner {
	background-color: #000000;
	background-image: url('img/video-back.png');
	background-position: center;
	background-size: 110%;
	text-align: center;
	overflow: hidden;
}

div.video-banner div.video-inner {
}

div.inline-video-constrainer {
	margin-left: -80px;
	margin-right: -80px;
	height: 400px;
	margin-top: 80px;
	margin-bottom: 80px;
}

div.inline-video-constrainer iframe {
	width: 100%;
	height: 100%;
}

div.video-banner-home {

}

div.vid-constrainer {
	padding-top: 80px;
	padding-left: 20px;
	padding-right: 20px;
}

div.video-banner-homepage div.container {
	height: 500px;

}

div.video-banner-homepage div.video-inner {
	height: 500px;
}

div.video-banner-homepage {
	height: 500px;
}

div.video-banner iframe {
	width: 100%;
	height: 100%;
}

div.video-banner h2 {
	color: #ffffff;
	padding: 0;
	margin: 0 auto;
	padding-bottom: 20px;
	margin-bottom: 80px;
	border-bottom: 2px solid #999999;
	max-width: 500px;
}

a.video-play img {
	width: 88px;
	height: 95px;
}

div.subjects {
	color: #ffffff;
	padding-top: 80px;
	text-align: center;
	padding-left: 20%;
	padding-right: 20%;
}

div.subjects h3 {
	padding-bottom: 20px;
}

div.subjects a {
	color: #ffffff;
	padding: 20px;
	display: inline-block;
	margin: 10px;
    border-radius: 5px;
}

div.subjects a:hover {
	color: #000;
	background-color: #fff !important;
	text-decoration: none;
}

div.vlog-content {
	background-color: #eeeeee;
	background-size: 100%;
	padding-bottom: 100px;
	padding-top: 100px;
}

div.vlog-content h2 {

	padding: 0;
	margin: 0 auto;
	padding-bottom: 20px;
	margin-bottom: 40px;
	border-bottom: 2px solid #999999;
	max-width: 500px;
	text-align: center;
}

div.home-feature {
	padding-bottom: 100px;
	background-color: #000000;
	color: #ffffff;
	background-size: 100%;
	padding-top: 100px;
}

div.home-feature h2 {

	padding: 0;
	margin: 0 auto;
	padding-bottom: 20px;
	margin-bottom: 80px;
	border-bottom: 2px solid #999999;
	max-width: 500px;
	text-align: center;
}

div.inline-video {
	background-image: url('img/inline-video.png');
	background-size: 100%;
	text-align: center;
	padding-top: 80px;
	padding-bottom: 120px;
}

div.inline-video h2 {
	color: #ffffff;
	padding: 0;
	margin: 0 auto;
	padding-bottom: 10px;
	margin-bottom: 50px;
	border-bottom: 2px solid #999999;
	width: 400px;
	font-size: 20px;
}

div.video-banner-home {
	height: 600px;
	background-color: #000000;
	background-image: url('img/video-back.png');
	background-size: 100%;
	text-align: center;
	padding-top: 100px;
	color: #ffffff;
}

div.video-banner-home h2 {
	color: #ffffff;
	padding: 0;
	margin: 0 auto;
	padding-bottom: 20px;
	margin-bottom: 80px;
	border-bottom: 2px solid #999999;
	width: 500px;
}

div.lead-content {
	padding-left: 20%;
	padding-right: 20%;
	padding-top: 100px;
	font-style: italic;
}

div.vlog-entry {
	padding: 20px;
	background-color: #ffffff;
	margin-top: 10px;
}

div.vlog-entry {
	font-size: 20px;
}

div.vlog-entry p.subtitle {
	margin: 0;
	font-size: 10px;
	text-transform: uppercase;
}

div.vlog-content p.info {
	margin-bottom: 40px;
}

div.vlog-text {
	padding-top: 40px;
}

div.footer {
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: #ffffff;
}

div.small-content {
	padding-top: 0px;
}

div.backing {
	background-color:  #1c2a37;
	width: 100%;
	padding: 0;
}

div.links {
	padding-top: 80px;
	padding-bottom: 80px;
	background-color: #eeeeee;
    box-shadow: inset 0px 2px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0px 2px 8px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0px 2px 8px rgba(0, 0, 0, 0.2);
}

div.main p.lead {
	font-style: italic;
	font-size: 16px;
}

div.links h2 {
	padding-bottom: 10px;
}

div.links h3 {
	padding-bottom: 10px;
	padding-top: 20px;
}

span.dropdown {
	padding-left: 20px;
	display: none;
}

div.feedback {
	background-color: #fcf8e3;
	margin-left: -80px;
	margin-right: -80px;
	padding: 80px;
	padding-bottom: 40px;
	padding-top: 60px;
	margin-top: 80px;
	margin-bottom: 80px;
}

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

	/* MOBILE/SMALL SCREEN SINGLE COLUMN VIEW */
	div.header-large div.head-element {
		text-align: center;
	}

	div.header-large {
		padding-top: 100px;
	}

	div.header-large div.container {
		padding-left: 0;
		padding-right: 0;
	}
	div.header div.container {
		padding-left: 0;
		padding-right: 0;
	}

	div.header-small {
		position: static;
		height: 210px;
	}

	/*div.backing {
		height: 172px;
	}*/

	div.small-content {
	}


	div.header-small div.head-element {
		text-align: center;
	}

	div.header-small div.header-container {
		height: 140px;
	}

	div.sidebar {
		display: none;
	}

	div.main {
	}

	div.links {
		padding: 40px;
	}

	div.footer {
		padding: 40px;
		text-align: center;
	}

	div.footer img {
		margin-bottom: 40px;
	}

	div.search-box {
		margin-top: 20px;
	}
	div.video-banner div.video-inner {

	}
	div.vid-constrainer {
		padding-top: 50px;
	}
	div.video-banner h2 {
		margin-bottom: 30px;
		font-size: 26px;
	}
	div.video-banner iframe {
		width: 100%;

	}

	div.video-banner-homepage {
		height: 300px;
	}

	div.video-banner-homepage div.video-inner {
		height: 300px;
	}

	div.video-banner-homepage div.container {
		height: 300px;
	}

	div.padder {
		padding-left: 60px;
		padding-right: 60px;
	}

	div.accordion {
		display: none;
	}

	.expand {
		border-bottom: 1px solid #eeeeee;
		background-image: url('img/dropdown-arrow.png');
		background-size: 20px;
		padding-right: 40px;
		background-position: right center;
		background-repeat: no-repeat;
	}

	.expand.dropup {
		background-image: url('img/dropup-arrow.png');
	}


	.breadcrumbs a.condense {
		display: none;
	}

	.breadcrumbs .separator {
		display: none;
	}

	div.feedback {
		background-color: #fff;
		margin: 0;
		padding: 0;
	}

}

div.breadcrumbs {
	margin-bottom: 40px;
}

div.home-content h2 {
	padding-bottom: 20px;
}

div.home-container {

	background-color: #ffffff;
	background-image: url('img/home-feature2.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 75%;
	color: #000;
}

div.home-content {
	padding-top: 80px;
	padding-bottom: 80px;
}

div.home-content div.subject-col a {
	display: block;
}
div.nav-bar-subjects a {
	color: #ffffff;
	padding: 20px;
}

ul.subject-headers a {
	display: block;
	color: #eeeeee;
	padding-top: 5px;
	padding-bottom: 5px;
}

header {
	position: fixed;
	width: 100%;
    z-index: 99;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
   	-moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
   	-webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
}

ul.subject-headers {
	padding-left: 0;
}

ul.subject-headers li.level-1 {
	font-weight: bold;
}

ul.subject-headers li.level-2 {
	padding-left: 20px;
}

ul.links-list {
	margin: 0;
	padding: 0;
	padding-bottom: 20px;
}

ul.links-list li {
	list-style-type: none;
}

ul.links-list li a {
	display: block;
	padding: 15px;
	color: #000000;
	border-bottom: 1px solid #ddd;
}

ul.links-list li a:hover {
	background-color: #f5f5f5;
}

.has-feedback .form-control-feedback {
    position: absolute;
    top: 5px !important;
    right: 10px;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    font-size: 20px;
    text-align: center;
    color: #888888;
}

p.noresult {
	font-style: italic;
	padding: 10px;
}

p.searchserver {
	text-align: center;
}

p.searchserver a {
	display: block;
	text-align: center;
	padding: 10px;
}

div.main ol.footnotes {
	word-wrap: break-word;
	font-size: 12px;
	padding-bottom: 0px;
}

div.main ol.footnotes li p {
	padding-bottom: 10px;
}

.alignright {
	float: right;
	padding-left: 20px;
}

.alignleft {
	float: left;
	padding-right: 20px;
}


textarea.feedback {
	height: 200px;
}

.btn-sharing {
	color: #fff;
	font-size: 12px;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 10px 20px;
	margin-right: 5px;
	margin-left: 5px;
	background-repeat: no-repeat;
	background-size: 18px;
	background-position: 10px 10px;
	padding-left: 40px;
}

.btn-sharing:hover {
	color: #fff;
	text-decoration: underline;
}

.btn-facebook {
	background-color: #116496;
	background-image: url('img/fb-button.png');
}
.btn-email {
	background-color: #8cd425;
	background-image: url('img/email-button.png');
}
.btn-twitter {
	background-color: #00c7ee;
	background-image: url('img/twitter-button.png');
}
.btn-google {
	background-color: #f93a34;
	background-image: url('img/g-button.png');
}

div.quicklinks {
	background-color: #fcf8e3;
	margin-left: -80px;
	margin-right: -80px;
	padding: 80px;
	padding-bottom: 40px;
	padding-top: 60px;
	margin-top: 80px;
	margin-bottom: 80px;
}

div.social {
	text-align: center;
	margin-top: 20px;
}

img.img-icon {
	height: 20px;
	margin-right: 5px;
}

ul.subject-dropdown li a {
	font-weight: bold;
}

ul.subject-dropdown {
	margin-top: 20px;
}

a.subject-dropdown {
	padding: 20px;
}

span.caret-header {
	border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #333333;
}

table {
	border-collapse: collapse;
}

td {
	padding: 10px;
	border: 1px solid #eee;
}

div.sidebar-blog {
	background-color: #f8f8f8;
}

div.sidebar-blog a {
	display: block;
	font-weight: bold;
	color: #333;
	padding-top: 5px;
	padding-bottom: 5px;
}

div.sidebar-blog ul {
	padding-left: 0;
}

div.sidebar-blog ul a  {
	font-weight: bold;
}

div.header-small h1 {
	display: inline;
	color: #fff;
	font-size: 18px;
}

div.header-small h1.subject-text {
	font-style: italic;
}

nav.navbar-primary {
	padding-top: 5px;
	margin-bottom: 0;
	background-color: #fff;
	border: 0;
	font-size: 12px;
}

nav.navbar-primary div.navbar-collapse {
	margin-top: 17px;
}

nav.navbar-secondary {
	background-color: #2980b9;
	margin-bottom: 0;
	z-index: 99;
	border-bottom: none;
}

nav.navbar-secondary .navbar-nav>li>a {
	font-weight: bold;
	color: #dcf1ff;
}
nav.navbar-secondary .navbar-nav>li>a:hover {
	font-weight: bold;
	color: #fff;
}

@media (min-width: 768px) {
	nav.navbar-primary {
		height: 94px;
	}
	nav.navbar-secondary .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
        border: none;
    }

	nav.navbar-secondary .navbar-collapse {
        text-align: center;
    }

    nav.navbar-primary .navbar-nav>.active>a {
    	background-color: #fff;
    	color: #333;
    	font-weight: bold;
    }

    nav.navbar-primary .navbar-nav>.active>a:hover {
    	background-color: #fff;
    	color: #000;
    	font-weight: bold;
    }

    nav.navbar-primary form.navbar-form {
		margin-top: 2px;
	}

}
@media (max-width: 768px) {
	nav.navbar-secondary {
		background-color: #fff;
	}
}






header {
	/*background: linear-gradient(#fff, #fff); /* Standard syntax */
}

nav.primary-navbar {
	padding-bottom: 16px;
	padding-top: 16px;
	background-color: #fff;
	border-bottom: 2px solid #27ae60;
}

nav.primary-navbar.condensed {
	padding: 0px;
	padding-top: 2px;
}

nav.secondary-navbar.condensed {
	padding-top: 10px;
	padding-bottom: 10px;
	height: auto;
}

nav.primary-navbar a.header-link img {
	float: left;
	margin-top: 10px;
	margin-right: 20px;
}

nav.primary-navbar h1 {
	font-size: 16px;
	margin-top: 9px;
	line-height: 1.3;
	float: left;
	margin-right: 20px;
}

nav.primary-navbar ul {
	padding: 20px;
}

nav.primary-navbar ul li {
	display: inline;
	padding: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}

nav.primary-navbar ul li a {
	color: #777;
	font-size: 12px;
}

nav.primary-navbar form.search-form {
	float: right;
	margin: 0;
	padding: 0;
	margin-top: 7px;
	height: 56px;
}

nav.primary-navbar ul li.active {
	background-color: #27ae60;
	border-radius: 5px;
}

nav.primary-navbar ul li.active a {
	color: #fff;
	font-weight: bold;
}


nav.primary-navbar ul li.active a {
	color: #fff;
	font-weight: bold;
}

nav.secondary-navbar {
	padding-top: 16px;
	padding-bottom: 16px;
	z-index: 99;
	height: 55px;
	background-color: #eee;
}

nav.secondary-navbar ul {
	margin: 0;
	padding: 0;
	text-align: center;
}

nav.secondary-navbar ul li {
	display: inline;
	padding: 6px 10px;
	margin: 12px 8px;
}

nav.secondary-navbar ul li a {
	color: #777;
	font-size: 14px;
	font-weight: bold;
}

nav.secondary-navbar ul li.active {
	background-color: #999;
	border-radius: 5px;
}

nav.secondary-navbar ul li.active a {
	color: #fff;
	font-weight: bold;
}

nav a.expand-menu {
	display: none;
	font-size: 20px;
	padding: 12px;
	padding-top: 11px;
	padding-bottom: 5px;
	margin-top: 7px;
	color: #777;

}

div.video-banner-homepage h3 {
	color: #ffffff;
	text-shadow: 0px 2px 8px rgba(0, 0, 0, 1);
    margin-top: 200px;
    font-size: 40px;
    font-weight: 300;
}

div.video-banner-homepage h4 {
	color: #ffffff;
	font-style: italic;
	text-shadow: 0px 2px 8px rgba(0, 0, 0, 1);
	font-size: 30px;
	font-weight: 300;
	margin-bottom: 30px;
}

@media (max-width: 992px) {
	nav.primary-navbar ul {
		display: none;
	}
	nav.primary-navbar {
		text-align: center;
	}
	nav.secondary-navbar {
		display: none;
	}
	nav.primary-navbar form.search-form {
		float: none;
	}
	nav a.expand-menu {
		display: block;
		float: right;
	}
	div.dropdown-nav {
		width: 100%;
	}
	div.video-banner-homepage h3 {
		margin-top: 110px;
		font-size: 30px;
	}
	div.video-banner-homepage h4 {
		font-size: 20px;
	}

	div.inline-video-constrainer {
		margin-left: -60px;
		margin-right: -60px;
		margin-top: 60px;
		margin-bottom: 60px;
	}

	div.video-banner-homepage a.video-play img {
		width: 50px;
		height: 50px;
	}
}

span.small-caret {
	font-size: 8px;
}

div.dropdown-nav {
	position: fixed;
	background-color: #ffffff;
	z-index: 1000;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
    display: none;
    overflow: auto;
}

div.dropdown-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div.dropdown-nav ul li {
	text-align: center;
	padding: 10px;
	border-bottom: 1px solid #eee;
}

div.dropdown-nav div.top-level {
	background-color: #27ae60;
}

div.dropdown-nav div.top-level li {
	border-color: #38C574;
}

div.dropdown-nav div.top-level a {
	color: #fff;
	font-weight: bold;
	width: 100%;
	display: block;
}

div.dropdown-nav div.second-level a {
	color: #777;
	font-weight: bold;
	width: 100%;
	display: block;
}

@media (min-width: 993px) {
	div.dropdown-nav div.container {
		width: 200px;
	}
	div.dropdown-nav div.top-level, div.dropdown-nav li.major {
		display: none;
	}
	div.hide-desktop {
		display: none;
	}
}

div.home-content p {
	font-size: 20px;
}

div.home-content ul {
	font-size: 20px;
	margin: 0;
	list-style: none;
	padding: 0;
	padding-top: 20px;
}

div.home-content h2 {
	color: #27AE60;
}

div.home-content ul li {
	padding: 20px;
	color: #000;
	font-weight: bold;
	background-color: rgba(255,255,255,0.8);
	margin-bottom: 10px;
}

div.home-content ul li:nth-child(odd) {
	background-color: rgba(39, 174, 96, 0.8);
	color: #fff;
}

div.vce-explained {
	background-color: #eee;
	padding-top: 50px;
	padding-bottom: 50px;
	box-shadow: inset 0px 2px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0px 2px 8px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0px 2px 8px rgba(0, 0, 0, 0.2);
}

div.vce-explained h3 {
	color: #27AE60;
}

div.vce-explained p {
	font-size: 20px;
	padding-top: 10px;
	padding-bottom: 40px;
}

div.inline-video-constrainer.video-top {
	margin-top: -20px;
}

span.cat-tag {
	padding: 5px 10px;
	border-radius: 5px;
	display: inline-block;
	margin: 10px;
	margin-bottom: -20px;
	color: #fff;
	position: relative;
	top: -60px;
}

span.cat-4 /* General */ {
	background-color: #3498db;
}

span.cat-7 /* Study Tips */ {
	background-color: #e74c3c;
}

span.cat-8 /* Top Tips from Top Scores */ {
	background-color: #9b59b6;
}

span.cat-6 /* Transition to Uni */ {
	background-color: #f1c40f;
}

span.cat-5 /* Wellbeing */ {
	background-color: #2ecc71;
}

div.video-list h3 {
	color: #27AE60;
}

div.video-list p {
	font-size: 20px;
	padding-top: 10px;
	padding-bottom: 40px;
}

div.video-list .col-sm-3 img {
	width: 100%;
}

div.video-list .col-sm-3 a {
	color: #27AE60;
}

div.video-list .col-sm-3 a span {
	font-size: 20px;
	font-weight: bold;
	display: block;
	text-align: center;
	padding-bottom: 40px;
	margin-top: -20px;
}

div.video-list h2 {
	font-size: 30px;
}

div.video-list h3 {
	font-size: 24px;
	padding-top: 10px;
	padding-bottom: 40px;
	margin: 0;
}

div.video-list-padder {
	padding-top: 100px;
	padding-bottom: 100px;
}

div.backing-light {
	background-color: #fff;
}

#calc .twitter-typeahead{
width:100%;
}

#calc .twitter-typeahead .tt-query,
#calc .twitter-typeahead .tt-hint {
  margin-bottom: 0;
}
#calc .tt-dropdown-menu {
  min-width: 160px;
  margin-top: 2px;
  padding: 5px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
  width:100%;
}

#calc .tt-suggestion {
  display: block;
  padding: 3px 20px;
}

#calc .tt-suggestion.tt-is-under-cursor {
  color: #fff;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0)
}

#calc .tt-suggestion.tt-is-under-cursor a {
  color: #fff;
}

#calc .tt-suggestion p {
  margin: 0;
}

#calc #subject-score-input {
	display: none;
}

#calc #subject-score-input span {
}

#calc input#score-input {
	width: 30%;
	float: right;
}

#calc span#atar {
	font-size: 40px;
	line-height: 30px;
}

#calc div.table-text {
	padding-top: 8px;
}

#calc div.table-text.scaled {
	font-size: 20px;
	padding-top: 3px;
}

#calc div.titles-row {
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 20px;
}

#calc div.entry-row {
	margin-bottom: 10px;
}

#calc div.entry-row div.col-md-3, #calc div.titles-row div.col-md-3 {
	text-align: center;
}

#calc div#hidden-item {
	display: none;
}

#calc div#description {
	display: none;
}

#calc a.delete {
  color: #bbb;
  margin-right: 5px;
}

#calc a.delete:hover {
  color: #999;
}

nav.primary-navbar ul li a span {
	position: relative;
	background-color: #dc1010;
	padding: 2px 5px;
	color: #fff;
	font-size: 10px;
    border-radius: 3px;
    text-decoration: underline;
    top: 20px;
    left: -65px;
}

nav.primary-navbar ul {
    white-space: nowrap;
}

nav.primary-navbar ul li.has-tooltip {
	position: relative;
	top: -10px;
}