/**
 * $Id: style.css,v 1.1.4.4 2010/08/02 20:58:56 nathalie stienfeld Exp $
 * umbrella
 * Nathalie Steinfeld
 */

/**
 * Resets
 */



@font-face { font-family: Delicious; src:url('../FiContent/css/fonts/Avant_Garde_Demi_BT.ttf'); } 
@font-face { font-family: Avant Garde; font-weight: bold; src: url('../FiContent/css/fonts/Avant_Garde_Demi_BT.ttf');}

body, div, h1, h2, h3, h4, h5, h6, pre, form, textarea, p {
  margin: 0px;
  padding: 0px;
}


body {
	width:100%;
	height:100%;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
	background: #737F90;
  color: #fff;
}

#bgr-image{
  background: #737F90 url('images/bg.jpg') no-repeat center top;
}


table {
  border-collapse: collapse;
  border-spacing:0;
	border: 0px; 
	border-top-color: none;
}

tbody{
	border: 0px;
}

img { 
	border: 0;
	max-width: inherit;
}
caption, th { text-align: left; }
abbr, acronym { border: 0; }

/**
 * Basics
 */

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  margin: 0.5em 0;  
}
h1 a, h2 a, h3 a { text-decoration: none; }
h1 { font-size: 30px; }
h2 { font-size: 17px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
h5, h6 { font-size: 12px; }
p {
  margin: 1.5em 0;
  line-height: 1.7em;
}
a {
  color: #fff;
  cursor: pointer;
}
a:hover { text-decoration: none; }

.content a.plain{
  color: #fff;
}


dl { margin: 0 0 1em 1.5em; }
dl dd { margin: 0 0 0.5em 1.5em; }
table {
  font-size: 11px;
  margin-bottom: 10px;
}
td { padding: 0.2em 0.6em; }
form { margin-bottom: 10px; }
pre {
  display: block;
  font-family: monospace;
  background: #2285B7;
  padding: 3px 7px;
  margin: 1em 0;
  border: 1px solid #0470A1;
  overflow: auto;
}
code {
  font-family: monospace;
  /*background: #2285B7;*/
  color: #fff;
  padding: 3px 7px;
}
blockquote {
  background: url('images/blockquote.png') no-repeat;
  margin: 1em 0;
  padding: 0 15px 0 30px;
  font-size: 11px;
}
div.frame { text-align: center; }
div.frame img { background: #fff; border: 6px solid #fff; vertical-align: bottom; }
fieldset { border: 1px solid #fff; }


/**
 * Regions
 */

#container {
  width: 978px;
  margin: 0 auto;
}

#page {
  width: 978px;
  position: relative;
}

#header {
  position: absolute;
  top: 0px;
  left: 0;
  height: 200px;
  /*width: 915px;*/
	width: 100%;
  padding-left: 45px;
}

#title {
  float: left;
  margin: 56px 0 48px 0;
  height: 66px;
  padding: 5px 0 0 20px;
}

#title h1 {
  font-size: 30px;
  font-weight: bold;
  font-family: Arial, sans-serif;
  letter-spacing: -1px;
  line-height: 30px;
  color: #046fa1;
  padding-right: 30px;
  margin: 0;
}

#title h1 a { color: #046fa1; }
#title .site-slogan {
  font-size: 10px;
  color: #046fa1;
  padding-right: 30px;
  margin-top: 3px;
}

#title-spacer { width: 264px; }

ul.nice-menu,ul.nice-menu li, ul.nice-menu ul{
  border:0px;
  background:transparent;
	background-color:transparent;

}

/*ul.nice-menu-down li.menuparent,#header-region ul.nice-menu-down li.menuparent,*/
ul.nice-menu-down li.menuparent,#header ul.nice-menu-down li.menuparent,
ul.nice-menu-down li.menuparent:hover, ul.nice-menu-down li.over {
	background:transparent;
}

/*#nav*/
#block-nice-menus-1 {
  position:absolute;
  top:0px;
	left:20px;
  height: 49px;
	/*width:855px;*/
  clear: both;
  font-size: 13px;
}

#block-nice-menus-1.block { margin: 0px; }

/*#nav_secondary {
  position:absolute;
  top:0px;
  right:-400px;
  height: 49px;
  width: 400px;
  clear: both;
  font-size: 13px !important;
}*/

.page-search .search-info{
	display: none;
}

#block-search-form {
  position:absolute;
  top:15px;
	right:20px;
	z-index:6000;
}

#block-search-form.block{
	margin:0px;
}

/*	#search #autocomplete li*/
#block-search-form #autocomplete li{
		width:200px;
		display: block;
		background:#fff;
		color:#000;
	}

/*#search #autocomplete li:hover*/
#block-search-form #autocomplete li:hover{
		width:200px;
		display: block;
		background:#69F;
		color:#fff;
	}

/*#nav_secondary #search*/
#nav_secondary #block-search-form{
	margin: -15px 0px 0px -60px;
}

/*#nav_secondary #search .form-text*/
#nav_secondary #block-search-form .form-text{
	background:#fff;
}

/*#nav_secondary #search label*/
#nav_secondary #block-search-form label{
	display:none;
}

#search-block-form .form-submit, #search-theme-form .form-submit { width: auto; font-size: 13px;}
#search-block-form .form-text, #search-theme-form .form-text { width: 119px; }

#search-theme-form { margin: 30px 0; }

/*#nav ul, #nav_secondary*/
#block-nice-menus-1 ul, #nav_secondary {
  padding: 0;

}

/*#nav li, #nav_secondary li */
#block-nice-menus-1 li, #nav_secondary li{
  float: left;
  list-style: none;
  border-right: 1px solid #fff;
}

/*#nav li:hover, #nav_secondary li:hover*/
#block-nice-menus-1 li:hover, #nav_secondary li:hover {
  float: left;
  background:#494F58;
  list-style: none;
  border-right: 1px solid #fff;

}

/*#nav a, #nav_secondary a*/
#block-nice-menus-1 a, #nav_secondary a {
  text-decoration: none;
  color: #fff;
  display: block;
  padding: 0 15px 1px;
  line-height: 49px;
  margin-right: 3px;
}

/*#nav li a*/
#block-nice-menus-1 li a{
	font-size:120%;
  font-family:Tahoma, Geneva, sans-serif;	
}

#nav_secondary li a{
  font-size:120%;
  font-family:Tahoma, Geneva, sans-serif;	
}

/*#nav li li a, #nav_secondary li li a{*/
#block-nice-menus-1 li li a, #nav_secondary li li a{
  font-size:100%;
  font-family:Arial, Helvetica, sans-serif;	
}

/*#nav ul ul, #nav_secondary ul ul{*/
#block-nice-menus-1 ul ul, #nav_secondary ul ul{
  background:#494F58;
  width: 200px;
	margin-top: 10px;
	#margin-top:10px;
}

/*#nav ul ul a, #nav_secondary ul ul a {*/
#block-nice-menus-1 ul ul a, #nav_secondary ul ul a {
  text-decoration: none;
  background:#494F58;
  color: #fff;
  display: block;
  line-height: 22px;
  width:200px;
  border-bottom: 1px solid #6E7782;
}

/*#nav ul ul li, #nav_secondary ul ul li {*/
#block-nice-menus-1 ul ul li, #nav_secondary ul ul li {
  float: left;
  background:#494F58;
  list-style: none;
}

ul.nice-menu ul{
  top:41px;
}

ul.nice-menu ul li{
}

/*#nav a:hover, #nav_secondary a:hover*/
#block-nice-menus-1 a:hover, #nav_secondary a:hover { text-decoration: underline; background: #333; color: #fff; }
/*#nav a.active, #nav_secondary a.active*/
#block-nice-menus-1 a.active, #nav_secondary a.active { color:#BBC17A; }
/*#nav a.active:hover, #nav_secondary a.active:hover*/
#block-nice-menus-1 a.active:hover, #nav_secondary a.active:hover { color: #fff; background: #333; }

#main { padding-top: 300px; }

#content {
  float: left;
  display: inline; /* keeps ie6 happy */
  line-height: 1.65em;
  /*margin: 15px 0 5px 45px;*/
	margin: 15px 45px 5px;
  padding: 0 10px;
  /*width: 495px;*/
  overflow: hidden;
  overflow-x: hidden;
}

.wide-page #content { width: 850px; }

.content a{ color:#fff; }

.contnet a:hover{ color:#86B4DC; }

#content h1, #content h2 {
  font-size: 23px;
  font-weight: bold;
  color:#BBC17A;
  letter-spacing: -1px;
  line-height: 1.2em;
  padding: 9px 0 10px;
  margin: 0;
}

#content h3 {
  font-weight: bold;
  color:#D6D8AF;
  letter-spacing: -1px;
  line-height: 1.2em;
  padding: 9px 0 10px;
  margin: 0;
}

#content #features h3 {
	color:#AAB7C1;
	border-top:1px solid #AAB7C1;
}

#content #features .view-id-exam_videos{ margin-bottom: 	20px; }

#content #features .view-id-exam_videos h3,
#content #features .view-id-exam_videos_archive h3 {
	color:#fff;
	border: 0px;
}

#content #features fieldset{ padding: 0.5em 1.8em; }



#right {
  float: left;
  width: 400px;
  margin-bottom: 5px;
  font-size: 11px;
  line-height: 1.5em;
}

.wide-page #right { width: 180px; }
#right h2 {
  font-size: 17px;
  font-weight: bold;
  padding-bottom: 2px;
  letter-spacing: -1px;
  margin-bottom: 0.6em;
}

#left p, #right p { margin: 0 0 1.5em 0; }
#sidebar-top {
  float: left;
  width: 380px;
  padding-left: 10px;
}

#sidebar-left {
  float: left;
  width:180px;
  padding: 0 10px;
}

.wide-page #right #sidebar-left { color: #000; }
.wide-page #right #sidebar-left a { color: #000; }
.wide-page #right #sidebar-left { background: none; }
#sidebar-right {
  float: left;
  width: 180px;
  padding-left: 20px;
  color: #000;
}

#sidebar-right a { color: #000; }
#footer {
  padding:0px 200px;
	#margin-left:10px;
	#width:1040px;
  color: #000;
  background:#494F58;
  clear: both;
  padding: 5px 10px;
  font-size: 10px;
}

#footer a { color: #fff; text-decoration:none; }
#footer a:hover { color: #ddd; text-decoration:underline; }
#footer p { margin: 0.5em 0; display:inline;}
#footer .block { margin: 5px 0; }
.clear-both { clear: both; }

#footer table{margin:0px auto;}


/**
 * Drupal specific
 */

#mission {
  background: #2285B7;
  margin-bottom: 1em;
  padding: 8px 10px;
  border: 1px solid #0470A1;
}

/*#forum table { width: 100%; }
#forum td.topic { width: 40%; }*/
table.sticky-header { background: #1F7CAF; }
thead th { border-bottom: 3px solid #494F58; }
/*tbody { border-top: 1px solid #494F58; }*/
tr.even { background: #7D8693; }
tr.odd { background: #6E7782; }
tr.even, tr.odd { border-bottom: 1px solid #7D8693; }
td.active { background-color: #6E7782; }
td.menu-disabled { background: #6E7782; }
tr.selected td { background: #7D8693; }
#nav ul.links li, #topnav ul.links li { padding: 0; }
#user-login-form ul { padding: 0; }
#content ul.links { float: right; }
#content .terms { font-size: 11px; }
#content .terms ul.links { float: none; }
#content .terms ul.links li { padding: 0 0 0 3px; }
#right .block ul { padding: 0; margin-left: 0; }
#right .block ol { padding: 0; margin-left: 0.5em; }
#right ul.menu { padding: 0 0 0 12px; }
#right-toggle a { text-decoration: underline; }
li.leaf { list-style-image: url('images/menu-leaf.png'); }
li.expanded { list-style-image: url('images/menu-expanded.png'); }
li.collapsed { list-style-image: url('images/menu-collapsed.png'); }
.resizable-textarea, .node-form .form-text { width: 99%; }

div.admin {
  padding-top: 0;
  font-size: 11px;
}

.block { margin: 30px 0; }

#content .block { margin: 0; }

.node {
  padding-bottom: 20px;
  margin-bottom: 10px;
}

.preview .node { background: #494F58; }
.node-unpublished { background: #494F58; }
.comment {
  background: #17a;
  border: 1px solid #1A4864;
  padding: 5px 10px;
  margin-bottom: 10px;
}

.author {
  background: #45ADDB;
  border: 1px solid #1A4864;
}

.comment-unpublished {
  background: #DFDFDF;
  color: #000;
}

.comment-unpublished a { color: #000; }
.user-signature {
  color: #ddd;
  font-size: 11px;
}

.new {
  float: right;
  color: #fff;
  font-weight: bold;
}

.messages { font-weight: bold; }
.description { font-size: 11px; }
.submitted { font-size: 10px; }
.submitted-date {
  font-size: 11px;
  left: 0;
  position: absolute;
  width: 35px;
  text-align: center;
  color: #000;
  margin-top: 9px;
  padding: 40px 5px 0 5px;
}

.submitted-date span { display: block; }
.submitted-by { font-size: 10px; }
ul.links li { padding: 0 0 0 10px; }
.comment h3 { margin: 0; }
.comment h3 a { text-decoration: none; }
.comment a:hover { text-decoration: underline; }

#content .comment ul.links {
  float: right;
  font-size: 10px;
}

#user-login-form .item-list ul li { margin: 3px 0 0 0; }
.node-links ul.links { margin-left: 10px; }
.breadcrumb { font-size: 11px; }
table.system-status-report th { border: 0; }
.error { color: #000; }
div.error { border: 1px solid #c00; }

div.error, tr.error {
  background: #AF3C3C;
  color: #fff;
}

.ok { color: #3F6F38; }
div.ok { border: 1px solid #0c0; }
div.ok, tr.ok {
  background: #5B9F51;
  color: #fff;
}

.warning { color: #620; }
div.warning { border: 1px solid #DFAF1E; }
div.warning, tr.warning {
  background: #CF9B00;
  color: #fff;
}

.block-region {
  background-color: #333;
  color: #fff;
}

span.admin-enabled, span.admin-disabled, span.admin-missing {
  background: #1A4864;
  font-weight: bold;
  padding: 0 3px;
  font-size: 10px;
  font-style: normal;
}

span.admin-enabled { color: #0f0; }
span.admin-disabled, span.admin-missing { color: #f32; }
div.admin-dependencies, div.admin-required {
  color: #fff;
  font-size: 9px;
  font-weight: bold;
}

.marker, .form-required { color: #fff; }
.picture img {
  vertical-align: bottom;
  display: block;
  float: left;
  border: 2px solid #fff;
  margin: 3px 7px 0 0;
  line-height: 1.7em;
}

*:first-child+html .picture img { margin: 1.5em 7px 0 0; }
* html .picture img { margin: 1.5em 7px 0 0; }
#aggregator .feed-item-title { font-size: 17px; }
ul.pager li a.active { color: #fff; }
.item-list ul.pager li {
  margin: 0;
  padding: 0.2em;
}

#blocks tr.region-message { color: #ddd; }
.block .content ul, .block .content ol { margin-bottom: 1.5em; }
.block .content ul.menu { margin-bottom: 0; }
.block .content ul li, .block .content ol li { margin-left: 1.5em; }
.block .content ul.menu li { margin-left: 0.5em; }

/**
 * Tab Navigation
 */


ul.tabs-primary__tab {
  border-collapse: collapse;
  padding: 0 0 0 1em;
  white-space: nowrap;
  list-style: none;
  margin: 5px;
  height: auto;
  line-height: normal;
  /*border-bottom: 1px solid #fff;*/
  font-size: 10px;
	border: none;
}

ul.tabs-primary__tab li {
  display: inline;
  border: 0;
}

ul.tabs-primary__tab li a {
  background: #494F58;
  border: 0;
  height: auto;
  margin-right: 0.5em;
  padding: 0 10px;
  padding: 4px 15px;
  line-height: 20px;
  text-decoration: none;
}

ul.primary li.is-active {
  background-color: #fff;
  color: #000;
  border: none;
	background: none;
}

/*ul.primary a.tabs-primary__tab-link.is-active*/


ul.primary li.is-active:hover {
  background-color: #fff !important;
}

ul.primary li a:hover {
  /*background-color: #333;*/
}

ul.secondary {
  border-bottom: 1px solid #fff;
  padding: 0 0 4px 0;
  margin: 5px;
  font-size: 10px;
}

ul.secondary li {
  display: inline;
  padding: 0;
  border: 0;
}

ul.secondary a {
  padding: 0;
  text-decoration: none;
  padding: 2px 10px;
  border-right: 1px solid #fff;
}

ul.secondary a:hover { text-decoration: underline; }
ul.secondary a.active {
  color: #fff;
  border-bottom: 0;
  font-weight: bold;
  text-decoration: underline;
}

.tabs ul.primary, ul.primary{
	border: 0px;
}

/**
 * Reports
 */

tr.dblog-notice { background: #1F7CAF; }
tr.dblog-notice .active { background: #2285B7; }
tr.dblog-warning { background: #4F2828; }
tr.dblog-warning .active { background: #4F2020; }
tr.dblog-error { background: #6F6F6F; }
tr.dblog-error .active { background: #aaa; }
tr.dblog-user { background: #6F6137; }
tr.dblog-user .active { background: #9F7F1D; }
tr.dblog-content { background: #3F6F38; }
tr.dblog-content .active { background: #2D9F1D; }
tr.dblog-page-not-found, tr.dblog-access-denied { background: #6F3838; }
tr.dblog-page-not-found .active, tr.dblog-access-denied .active { background: #6F2D2D; }


/**
 * Update Status
 */

.update tr.error { background: #AF3C3C; }
.update tr.error .version-recommended { background: #AF3C3C; }
.update tr.ok { background: #5B9F51; }
.update tr.warning { background: #DFAF1E; }
.update tr.warning .version-recommended { background: #DFAF1E; }
.update table.version-security .version-title { color: #f93; }
.update .security-error { color: #f93; }

/**
 * Coder
 */

.coder-normal { background-color: #664; }
.coder-critical { background-color: #654; }
.coder-description code { background: #566; }

/**
 * Views
 */

th.views-field { white-space: nowrap; }
.views-edit-view, .views-edit-view a { color: #000; }
#views-ui-edit-view-form { margin: 10px 0; }
#views-live-preview, #views-live-preview a { color: #fff; }
div.view div.views-admin-links { width: auto; }
div.view div.views-admin-links ul.links {
  float: left !important;
  background: #2285B7;
  border: 1px solid #fff;
}

div.view div.views-admin-links ul.links li {
  padding: 0 3px;
  margin: 0;
}

div.view div.views-admin-links ul.links li a { color: #fff !important; }
.views-basic-info, .views-basic-info a { color: #fff; }
div.changed {
  background: #2285B7;
  color: #fff;
}

div.changed a { color: #fff; }
label.image-item{ color:#FF0;}
/************** Rotating images ddblock added NST 04/02/2010 *************/
.view-ops a{color:#000;}
#context-table a{color:#000;}
#modal-content a{color:#000;}


.ddblock-container img{
	background:#A87F52 !important;
	padding: 6px !important;
}

#ddblock-1{
	position:absolute;
	top:60px;
	right:-110px;
	z-index:1;
}

/************** Panels added NST 04/06/2010 *************/

#textbook .panel-col{
	width:5% !important;
}


#homepage .panel-col-first,
#textbook .panel-col-first,
#textbook .panel-col-last{
	background: #737F90;;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	text-align:center;
	width: 234px;
}

.panel-3col .panel-col-first .inside{
	margin:0px;
}


.panel-2col-stacked .panel-col-bottom{
	#width:120%;
}

#homepage .panel-col{
	width:26% !important;
	margin:0px 30px;
}

#features .panel-col{
	width:35% !important;
	margin:0px 20px;
}

#features .panel-col-first{
	width:60% !important;
}

#features .panel-col-last{
	background: #737F90;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-left: 30px;
	width:30.2%;
}

#textbook .panel-col-last .inside{
	margin:0px;
}

#homepage .panel-col-last{
	width:37% !important;
}

.front .center-wrapper{
	margin-top: 1.2em;
}


#content #homepage  .panel-col-top h2.pane-title,
#content #homepage  .panel-col h2.pane-title,
#content #homepage  .panel-col-last h2.pane-title,
#content #textbook  .panel-col-first h2.pane-title,
#content #textbook  .panel-col-last h2.pane-title,
#content #features  .panel-col-last h2.pane-title{
	font-family: Avant Garde, sans-serif;
	color: #BBC17A;
	margin:0;
	line-height:15px;
	letter-spacing:0.5;
	font-size: 25px;
	height: 27px;
	/*width: 250px;*/
}

#content #homepage  .panel-col-last h2.pane-title{
	width:300px;
}

#content #textbook  .panel-col-first h2.pane-title,
#content #textbook  .panel-col-last h2.pane-title{
	padding-top: 15px;
}

#content #homepage  .panel-col-top h2.pane-title{
	width:100%;
}

#content #features .panel-col-last a{
	font-family: Avant Garde, sans-serif;
	color: #AAB7C1;
	font-size: 14px;
	text-decoration:none;
}

#content #features .panel-col-last a:hover{
	color: #C4CFD6;
}

#content #homepage  .panel-col-first h2.pane-title,
#content #textbook  .panel-col-first h2.pane-title,
#content #textbook  .panel-col-last h2.pane-title{
	color: #3A4049 !important;
	/*background: #8E99A3;
	width:103%*/
	background:transparent url('images/title_book_bgr.png') 0 0 no-repeat;
	padding-bottom: 30px;
}

#content #homepage  .panel-col-first h2.pane-title:hover{
	background:transparent url('images/title_book_bgr_on.png') 0 0 no-repeat;
	}

#content ol.tex,
#content ol.fi{
  margin:-0.2em 0;	
  #margin:-0.2em 30px;	
}

#content #homepage .panel-col-top ul{
  margin-top: 0px;	
}

/* Facebook link */
#facebook-link{
	position: relative;
	top: 80px;
	float:right;
	right: 10px;
	z-index:999;
	
}

#facebook-link a{
	padding: 3px 10px;
	top:40px;
	width: 130px;
	z-index:999;
	background:#fff;
	padding: 3px 10px;
	display:block;
}

#facebook-link #facebook{
	/*width: 400px;*/
	width: 130px;
	background: url("images/facebook_like.png") 0 0 no-repeat;
	height:48px;
	display:block;
	z-index:999;
}
/* end Facebook links*/


/* Donation link */
#coerll-donation{
	position: relative;
	top: 80px;
	float:right;
	right: 10px;
	z-index:999;
}

#coerll-donation a{
	padding: 3px 10px;
	top:40px;
	width: 130px;
	z-index:999;
	background:#fff;
	padding: 3px 10px;
	display:block;
}

#coerll-donation #donation{
	background: url("images/coerll_donation.png") 0 0 no-repeat;
	/*width:200px;*/
	width:90px;
	height:61px;
	display:block;
	z-index:999;
}
/* end Donation links*/


#content #features  .panel-col-last h2.pane-title {
	color: #3A4049 !important;
	background: #8E99A3;
	margin-top:-11px;
	margin-left:-15px;
	padding-top:15px;
	padding-left:15px;
}


#content #textbook  .panel-col-last h2.pane-title {
		width:100%
}


#homepage .pane-content p{
	text-align:left;
	padding:0px 20px;
	font-size:10px;
}

#homepage  .panel-col-first .pane-content p{
	text-align:center;
}


#homepage .pane-content p, .pane-content p a.plain,
#textbook .pane-content p, .pane-content p a.plain
{
	color:#3A4049;
}

#demonstration_videos p{
	padding: 0px;
	margin: 0px;
}

#demonstration_videos h2{
	padding: 0px;
}

#mini-panel-demonstration_videos_last_column .panel-pane pane-node{
	display:inline;
}

.vjs-default-skin .vjs-big-play-button{
	top: 50% !important;
	left: 50% !important;
	margin: -2em auto -1em -2em
}

#content #scripts_lessons #user-login-form,
#content #features #user-login-form{
	text-align:left;
}

#user-profile-form fieldset{
	border:none;
}
	

#content #scripts_lessons h2,
#content #features h2{
	color:#fff;
	font-size:14px;
	font-weight:normal;
}



/* PDF file extension 

.pdf

*/
#attachments{
	padding: 0px 0px 0px 50px;
}

#attachments a {
  padding-left: 20px;
  background: url("images/pdf_symbol.jpg") 0 0 no-repeat;
	color:#fff;
}

#txtbook_text a{
	color:#fff;
}


#news_block_bgr{
	z-index:1;
	filter:alpha(opacity=8);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	position:relative;
	top:30px;
	width:50%;
}

#news_block_bgr.block{
	margin: 0px;
}


/*#block-block-3,*/
#news_block{
	border:0px;
	margin-left:-39px;
	color:#969BB0;
}


#news_block h2{
	margin-left: 100px;
	font-size:24px;
	font-family: Avant Garde, sans-serif;
	line-height: 40px;
}


#news_block ul{
	list-style:circle;
}

#news_block li{
	border:0px;
}

#news_block li:hover{
	background:transparent;
}


.quiz-question-browser-row,
.quiz-question-browser-row a{
	color: #000;
}

#content-profile-display-user_teacher_profile .comment_add{
	display:none;
}

.student-pictures{
	position: absolute;
	top: 60px;
	right: 20px;
	border: 1px solid #DDD;
	background: #A87F52 !important;
	padding: 6px !important;
}

.student-pictures div{
	line-height: 1em;
}

.student-pictures img{
	width: 370px;
	height: 137px;
}


#sliding-popup{
	justify-content: center;
	display: flex;
}

#sliding-popup .popup-content{
	max-width: none;
	width: auto;
	margin: 0px 20px;
}

#sliding-popup .eu-cookie-compliance-default-button{
    border-radius: 3px;
	background: transparent;
	color: #ddd;
	text-shadow: none;
	box-shadow: none;
	padding: 6px 9px;
	display: none;
}

#sliding-popup .eu-cookie-compliance-default-button:hover{
	background: transparent;
}

#sliding-popup .popup-content #popup-buttons{
	display: inline-block;
	float: none;
	margin-bottom: 10px;

}

#sliding-popup .eu-cookie-compliance-secondary-button{
	background: #81d742;
    color: #464646 !important;
    border: 0;
    padding: 6px 9px;
    border-radius: 3px;
	text-shadow: none;
}

#sliding-popup .popup-content #popup-text {
	position: relative;
	top: 5px;
	font-weight: normal;
	font-size: 14px;
	display: inline-block;
	float: none;
	max-width: none;
	margin-right: 10px;
}

video::cue{
	/*outline: 5px solid rgba(0, 0, 0, 0.8);*/
	/*line-height: 29px !important;*/
}



@media only screen and ( max-width: 40em ) /* 640 */{
	
	#page{
		width:auto;
	}
	
	#main{
		position:relative;
		/*top: 220px;
		top: 130px;*/
		display: block;
		padding-top:220px;
		height: auto;
	}
	
	#content{
		margin: 15px 25px 5px;
	}
	
	.front #content{
		margin: 15px 25px 35px;
		width: 100%;
	}
	
	#block-block-1,
	#block-views-student-pictures-block-block{
		display:none;
	}
	
	#content #homepage .panel-col-top h2.pane-title, 
	#content #homepage .panel-col h2.pane-title, 
	#content #homepage .panel-col-last h2.pane-title, 
	#content #textbook .panel-col-first h2.pane-title, 
	#content #textbook .panel-col-last h2.pane-title, 
	#content #features .panel-col-last h2.pane-title{
		line-height:30px;
	}
	
	
	#content #homepage .panel-col-top h2.pane-title, 
	#content #homepage .panel-col h2.pane-title, 
	#content #homepage .panel-col-last h2.pane-title, 
	#content #textbook .panel-col-first h2.pane-title, 
	#content #textbook .panel-col-last h2.pane-title, 
	#content #features .panel-col-last h2.pane-title{
		display: inline-table;
	}
	
	.front .node{
		padding-bottom: 0px;
		margin-bottom: 0px;
		position:relative;
	}
	
	
	#content #homepage .panel-col-top ul{
		width: 200px;	
	}

	
	#homepage .panel-col{
		width:100% !important;
		margin:0px;
	}
	
	#homepage .panel-col-last{
		width:100% !important;
	}
	
	#content #homepage .panel-col-first h2.pane-title, 
	#content #textbook .panel-col-first h2.pane-title, 
	#content #textbook .panel-col-last h2.pane-title{
		padding-bottom: 25px;
	}
	
	.front .panel-3col-stacked{
		width: 300px;
		margin: 0px auto;
	}
	
	/*#content #homepage h2.pane-title{
		text-align: center;
	}*/
	
	#footer table{
		margin: 0px;
		text-align:center;
		width: 100%;
	}
	
	#footer table td{
		display:block;
		width: 100%;
		line-height:12px;
	}
	
	#footer table td:first-child{
		padding-bottom: 30px;
	}
	
	#footer table td:first-child img{
		width:88px;
		height:31px;
	}
	#bgr-image{
		background: #737F90 url('images/bg.jpg') no-repeat -110px top;
		background-size: 140%;
		/*background-size: 180%;*/
	}
	
	#facebook-link,
	#coerll-donation{
		position: relative;
		/*top: 180px;*/
		top: 30px;
	}
	
	#coerll-donation{
	}
	
	#facebook-link #facebook,
	#facebook-link a{
		width:130px;
	}	
	#coerll-donation #donation,
	#coerll-donation a{
		width:100px;
	}	
	
	.not-front .panel-col-last{
		display:none;
	}
	
	.not-front.page-demonstration-videos-classroom .panel-col-last{
		display:block;
	}
	
	.page-demonstration-videos-classroom .panel-col-first,
	.page-demonstration-videos-classroom .panel-col-last{
		width: 100%;
	}
	
	.not-front .node{
		width:auto;
	}
	
	#features .panel-col-first{
		width: 100% !important;
	}
	
	.node-type-fi-page table{
		width:auto;
	}
	
	
}