@import url("http://fonts.googleapis.com/css?family=Nobile:regular,italic,bold,bolditalic&subset=latin");

/** 1. RESET AND UTIL STYLES **/
* {
	margin: 0;
	padding: 0;}

.group:after,
div:after {
	content: '.';
	display: block;
	clear: both;
	height: 0;
	text-indent: -9999px;}


/** 2. DEFAULT STYLES **/
body {
	background-color: #2C3638;
	color: #333;
	font-family: "Nobile", Arial, Helvetica, sans-serif;}

body.rte {
	background-color: #FFF;}

p, li, th, td {
	font: 12px/1.7 "Nobile", Arial, Helvetica, sans-serif;}

p, ol, li, table {
	margin-bottom: 1em;}

ol, ul {
	margin: 0 10px 1em;}

h1, h2, h3, h4, h5, h6 {
	font-family: "Nobile", Arial, Helvetica, sans-serif;}

h1 {
	font-size: 26px;
	text-align: center;}

h2 {
	font-size: 20px;}

h3 {
	font-size: 14px;
	margin-bottom: 0px;}
/*
#maincontent.section h2 + p {
	position: absolute;
	margin-top: -25px;
	right: 0;
	padding: 3px;}*/

.date {
	color: #FF0033;
	display: block;
	text-transform: lowercase;}

.highlight {
	background-color: #FF8;}

#assignment .highlight {
	background-color: #099;}

a img {
	border: 0;}

a:link, a:visited, a.mailto {
	color: #07D;
	text-decoration: none;}

a:link:hover, a:visited:hover, a.mailto {
	text-decoration: underline;}

dfn {
	color: #329409;
	font-style: normal;
	cursor: help;
	border-bottom: 1px dotted #329409}

dfn:hover {	
	color: #32be09;
	border-bottom: 1px dotted #32be09}

form ol, form ul {
	margin: 0;
	list-style-type: none;}

form.vertical label {
	display: block;
	font-weight: bold;}

object, embed {
	display: block;
	outline: none;}


/** 3. SECTIONS **/
.section {
	position: relative;
	background-color: transparent;
	background-position: top center;
	background-repeat: repeat;
	padding-bottom: 20px;
	padding-top: 30px;
	z-index: 1;}

.shadow {
	position: relative;
	background: transparent url(/images/shadow-section.png) top left repeat-x;
	height: 22px;}

.section .shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;}

.wrapper {
	position: relative;
	left: 50%;
	margin-left: -470px;
	width: 970px; /* keep space for the 30px right margin for the *-col-wide classes */}

.one-col-wide, 
.two-col-wide,
.three-col-wide,
.four-col-wide,
.five-col-wide {
	position: relative;
	float: left;
	margin-right: 30px;}

.largest-content-block,
.largest-content-block .shadow {
	width: 950px;}

.largest-content-block .shadow {
	background: transparent url(/images/shadow-six-col-wide.png) top center no-repeat;}

.six-col-wide {
	position: relative;}

.six-col-wide,
.six-col-wide .shadow {
	width: 930px;}

.five-col-wide,
.five-col-wide .shadow {
	width: 770px;}

.four-col-wide,
.four-col-wide .shadow {
	width: 610px;}

.three-col-wide,
.three-col-wide .shadow {
	width: 450px;}

.two-col-wide,
.two-col-wide .shadow {
	width: 290px;}

.one-col-wide,
.one-col-wide .shadow {
	width: 130px;}

.one-col-wide .shadow, 
.two-col-wide .shadow,
.three-col-wide .shadow,
.four-col-wide .shadow,
.five-col-wide .shadow,
.six-col-wide .shadow,
.largest-content-block .shadow {
	position: absolute;
	left: 0;
	top: auto;
	bottom: -20px;
	height: 20px;}

.six-col-wide .shadow {
	background-image: url(/images/shadow-six-col-wide.png);}

.five-col-wide .shadow {
	background-image: url(/images/shadow-five-col-wide.png);}

.four-col-wide .shadow {
	background-image: url(/images/shadow-four-col-wide.png);}

.three-col-wide .shadow {
	background-image: url(/images/shadow-three-col-wide.png);}

.two-col-wide .shadow {
	background-image: url(/images/shadow-two-col-wide.png);}

.one-col-wide .shadow {
	background-image: url(/images/shadow-one-col-wide.png);}


/** 3.1. NAVIGATION **/
#navigation {
	padding: 0;
	height: 65px;
	background-image: url(/images/bg-navigation.jpg);
	z-index: 2;}

#logo {
	position: absolute;
	display: block;
	top: 0;
	left: 0;}

#navigation .primary {
	float: left;
	display: inline;
	list-style-type: none;
	margin-left: 195px;
	margin-right: 0;
	padding-top: 13px;}

#navigation li {
	background: transparent url(/images/navigation-divider.gif) top left repeat-y;
	padding: 20px 0 0 8px;
	font: 13px/1 "Nobile", Arial, sans-serif;
	margin: 0 7px 0 0;
	float: left;
	display: inline;}

#navigation li a {
	position: relative;
	display: block;
	padding: 3px 7px 4px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;}

#navigation li a:link, #navigation li a:visited {
	color: #FFF;
	text-decoration: none;}

#navigation li a:hover, #navigation li a:visited:hover {
	background-color: rgba(0,0,0,0.4);
	text-decoration: none;
	color: #FFF;}

#navigation .current-issue,
#navigation .all-issues {
	padding-top: 0;}

#navigation .current-issue a,
#navigation .all-issues a {
	font-size: 20px;
	line-height: 1.2;}

#navigation .current-issue span,
#navigation .all-issues span {
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	display: block;}

#navigation .current-issue span {
	color: #F03;}

#navigation .all-issues span {
	color: #F69;}

#navigation .current-issue {
	background-image: none;
	padding: 0;}

#navigation .secondary {
  position: absolute;
  top: 16px;
  right: 170px;}

#navigation .secondary li {
	font-size: 11px;
	line-height: 1;
	float: left;
	display: inline;
	clear: both;
	height: 20px;
	background: none;
	padding: 0;
	margin: 0;}

#navigation .secondary a {
	float: left;
	white-space: nowrap;
	display: block;}

#navigation form {
	position: absolute;
  right: 0;
	top: 6px;
	width: 153px;
	height: 54px;
	background: transparent url(/images/zoeken.gif) top left no-repeat;}

#navigation form input,
#navigation form button {
	border: 0;
	background-color: transparent;}

#navigation form input {
	position: absolute;
	top: 16px;
	left: 9px;
	width: 90px;
	height: 26px;
	font: bold 14px/1 Arial, sans-serif;}

#navigation form input:focus {
	outline: none;}

#navigation form input.defaultvalue {
	color: #B2B2B2;}

#navigation form input.defaultvaluefocus {
	color: #333;}

#navigation form button {
	position: absolute;
	top: 0;
	right: 0;
	width: 54px;
	height: 54px;
	cursor: pointer;}


/** 3.2. PAYOFF **/
#payoff {
	padding: 0;
	height: 25px;
	background-image: url(/images/bg-payoff.gif);}


/** 3.3. PAGE TITLE **/
#pagetitle {
	padding-top: 0;
	padding-bottom: 0;
	height: 75px;
	text-align: center;}

#pagetitle h1 {
	text-transform: uppercase;
	font-weight: normal;}

#pagetitle img {
	margin-left: -15px;}

#pagetitle.location {
	background: transparent url(/images/pagetitle-location-bg.gif) center center repeat;}

#pagetitle.location h1 {
	font-family: Arial;
	height: 75px;
	line-height: 73px;
	color: #332FA0;}

#pagetitle.location a {
	height: 75px;
	left: 50%;
	margin-left: -353px;
	position: absolute;
	top: 0;
	width: 155px;}

.section.keywords { /* weird workaround for IE 6. Don't ask, I know */
	padding-top: 1px !important;
	height: 74px !important;
	background: transparent url(/images/pagetitle-keywords-bg.jpg) center center repeat;}

#pagetitle.keywords h1 {
	position: relative;
	left: 50%;
	margin-left: -260px;
	color: #F03;
	height: 74px;
	line-height: 70px;
	width: 520px;
	font-size: 24px;
	letter-spacing: 0.05em;
	background: transparent url(/images/title-keywords.png) center center no-repeat;}

#pagetitle.themas {
	background: transparent url(/images/pagetitle-themas-bg.gif) center center repeat;}



/** 3.4. CONTENT **/

/** 3.4.2. CONTENT SUMMARY **/
.themepage-summary, .theme-summary, .content-summary, .page-summary {
	position: relative;
	margin-bottom: 18px;
	background-color: #FFF;
	padding: 5px;}

.themepage-summary p, .theme-summary p, .content-summary p, .page-summary p {
	margin-bottom: 0;
	padding-bottom: 1em;}

.content-summary h3 {
	font-size: 14px;}

.theme-summary h3 a:hover, .themepage-summary h3 a:hover, .content-summary h3 a:hover, .page-summary h3 a:hover {
	text-decoration: none;}

.themepage-summary img, .theme-summary img, .content-summary img, .page-summary img {
	margin-right: 7px;
	float: left;}

.themepage-summary .info, .theme-summary .info, .content-summary .info, .page-summary .info {
	font-size: 11px;
	color: #999;
	margin-bottom: 0;}

.themepage-summary .type, .theme-summary .type, .content-summary .type, .page-summary .type {
	position: absolute;
	bottom: 5px;}

.themepage-summary .type {
	left: 102px;}

/*.theme-summary .type {
	left: 132px;}*/

.content-summary .type {
	left: 57px;}

.themepage-summary .comments, .theme-summary .comments, .content-summary .comments,
.themepage-summary .date, .theme-summary .date, .content-summary .date {
	position: absolute;
	right: 13px;
	bottom: 5px;
	color: #999}

.hasJS .blocklink,
.hasJS .blocklink-hover {
	cursor: pointer;}

.hasJS .blocklink-hover {
	background-color: #CEE2EB;}

.blocklink .comments a, .blocklink-hover .comments a {
	padding: 4px 0;
	background: transparent url(/images/reacties-minibubble.gif) left center no-repeat;}

.blocklink .comments a:link, .blocklink .comments a:visited, .blocklink-hover .comments a:link, .blocklink-hover .comments a:visited {
	color: #333;}

.blocklink .comments a:hover, .blocklink .comments a:visited:hover, .blocklink-hover .comments a:hover, .blocklink-hover .comments a:visited:hover {
	text-decoration: none;}

.blocklink .comments span, .blocklink-hover .comments span {
	background: transparent url(/images/reacties-minibubble.gif) right center no-repeat;
	display: inline-block;
	padding: 2px 8px 2px 4px;
	margin-right: -4px;
	margin-left: 4px;}

.blocklink-hover .comments a,
.blocklink-hover .comments span {
	background-image: url(/images/reacties-minibubble.gif);}


/** 3.4.3 VIDEO PLAYER **/
#videoplayer {
	position: relative;
	margin-bottom: 30px;}

.issue-carrousel {
  position: relative;
  width: 610px;
  background: transparent url(/images/gallery-background-paper.png) top center;
  margin-bottom: 30px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;}

.issue-carrousel:before,
.issue-carrousel:after {
  content: '';
  z-index: -1;
  position: absolute;
  left: 31px;
  bottom: 5px;
  width: 70%;
  max-width: 300px; 
  height: 55%;
  -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.7);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.7);
  -webkit-transform: skew(-15deg) rotate(-2deg);
  -moz-transform: skew(-15deg) rotate(-2deg);
  -ms-transform: skew(-15deg) rotate(-2deg);
  -o-transform: skew(-15deg) rotate(-2deg);
  transform: skew(-15deg) rotate(-2deg);}


.issue-carrousel:after {
  left: auto;
  right: 30px;
  -webkit-transform: skew(15deg) rotate(2deg);
  -moz-transform: skew(15deg) rotate(2deg);
  -ms-transform: skew(15deg) rotate(2deg);
  -o-transform: skew(15deg) rotate(2deg);
  transform: skew(15deg) rotate(2deg);}

.issue-carrousel img {
  display: inline-block;}

.issue-carrousel > ul {
  margin: 0;
  list-style-type: none;}

.issue-carrousel > ul > li {
  width: 540px;
  height: 400px;
  padding: 25px 35px;}

.issue-carrousel > ul > .video {
  width: 610px;
  height: 450px;
  padding: 0;
  background: #000;}

.hasJS .issue-carrousel > ul > li {
  position: absolute;
  top: 0;
  left: 0;}

.hasJS .issue-carrousel .text {
  font-size: 14px;
  color: #000;
  font-weight: bold;}

.hasJS .issue-carrousel .text p {
  margin-bottom: 0;}

.hasJS .issue-carrousel .horizontal .text {
  position: absolute;
  top: 357px;
  left: 7px;
  text-align: left;
  background: url('/images/slideshow-text-horizontal-bg.png') top left no-repeat;
  width: 507px;
  min-height: 71px;
  padding: 20px 66px 0 47px;}

.hasJS .issue-carrousel .vertical img {
  
}

.hasJS .issue-carrousel .vertical .text {
  position: absolute;
  top: -7px;
  right: 10px;
  text-align: left;
  background: url('/images/slideshow-text-vertical-bg.png') top left no-repeat;
  width: 218px;
  min-height: 361px;
  padding: 39px 32px 11px 37px;}

.issue-carrousel .next-btn,
.issue-carrousel .prev-btn {
  position: absolute;
  top: 50%;
  margin-top: -35px;
  cursor: pointer;
  z-index: 30;
  width: 42px;
  height: 70px;}

.issue-carrousel .prev-btn {
  left: -17px;}

.issue-carrousel .next-btn {
  right: -17px;}


/** 3.4.4 LATEST NEWS **/
#latest-news {
	position: relative;
	width: 300px;
	margin-top: -20px;
	margin-left: -10px;}

#latest-news h2 {
	width: 300px;
	height: 80px;
	overflow: hidden;
	text-indent: -9999em;
	background: transparent url(/images/latest-news-header.png) top left no-repeat;}

#latest-news h3 {
	font-size: 14px;
	line-height: 1.2em;}

#latest-news p {
	font-size: 11px;}

#latest-news .date {
	color: #FF0033;
	display: block;}

#latest-news .content {
	padding: 0 45px 65px 30px;
	background: transparent url(/images/latest-news-footer.png) bottom left no-repeat;}

#latest-news .read-all {
	margin: 0;
	position: absolute;
	bottom: 20px;
	left: 95px;}


/** 3.5. LINKED ITEMS **/
#linkeditems h2 {
	font-size: 12px;
	line-height: 40px;
	text-align: center;
	margin-bottom: 20px;
	height: 44px;
	position: relative;}

#linkeditems h2 img {
	position: absolute;
	left: 50px;
	top: -19px;}

.international a:link, .international a:visited, .international a.mailto {
  color: #58A9F3;}
  
.international .glass-btn a:link,.international .glass-btn a:visited, .international .glass-btn a.mailto {
  color: inherit;}
  
.linked-content h2 {
	background: url(/images/masking-tape-1.png) center center no-repeat;}

.linked-comments h2 {
	background: url(/images/masking-tape-2.png) center center no-repeat;}

.linked-comments .international h2 {
	background: url(/images/masking-tape-3.png) center center no-repeat;}

#linkeditems .assignment-indicator {
	background: url(/images/assignment-indicator-bg.gif) top left repeat-x;
	vertical-align: middle;
	color: #FFF;
	line-height: 47px;
	margin: 0 10px;
	font-weight: bold;}

#linkeditems .assignment-indicator a {
	display: block;}

#linkeditems .assignment-indicator a:link,
#linkeditems .assignment-indicator a:visited {
	text-decoration: none;
	color: #FFF;}

#linkeditems .assignment-indicator a:hover span,
#linkeditems .assignment-indicator a:visited:hover span {
	text-decoration: underline;}

#linkeditems .assignment-indicator img {
	margin-right: 7px;
	vertical-align: middle;}

/** 3.5. ASSIGNMENT & COMMENTS **/
#comments input,
#comments textarea,
#assignment input,
#assignment textarea {
	border: 0;
	padding: 3px 4px 2px;
	background: transparent url(/images/comment-input-bg.png) top left no-repeat;
	font: 12px/1.5 Arial, Helvetica, sans-serif;}

#comments input[type=file],
#assignment input[type=file] {
	background: none;
	background-color: white;
	border-color: white}

#assignment form li.error,
#comments form li.error {
	-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
	width: 500px;
	padding: 8px;}

#assignment form li.error {
	width: 518px;
	background-color: #0199DA;}

#comments form li.error {
	background-color: #FFBE00;}

#assignment form ul.error_list li,
#comments form ul.error_list li {
	margin-bottom: 0;
	padding-top: 3px;
	padding-left: 28px;
	min-height: 23px;
	font-weight: bold;}

#assignment form ul.error_list li {
	font-weight: bold;
	color: #FC0;}

#assignment form ul.error_list {
	background: url(/images/form-error-geel-x.gif) no-repeat}

#comments form ul.error_list {
	background: url(/images/form-error-rood-x.gif) no-repeat}

#comments form ul.error_list li {
	color: #FF3C00;}

#assignment form ol li a {
	font-weight: bold;
	color: white;
	text-decoration: underline}

.hasJS #comments .avatars,
.hasJS #assignment .avatars {
	width: 500px;}

.hasJS #comments .viewport,
.hasJS #assignment .viewport {
	position: relative;
	overflow: hidden;
	width: 448px;}

#comments .avatars .next-avatar,
#comments .avatars .prev-avatar,
.hasJS #comments .avatars .viewport,
#assignment .avatars .next-avatar,
#assignment .avatars .prev-avatar,
.hasJS #assignment .avatars .viewport {
	float: left;}

#comments .avatars .next-avatar,
#comments .avatars .prev-avatar,
#assignment .avatars .next-avatar,
#assignment .avatars .prev-avatar  {
	margin-top: 15px;
	cursor: pointer;}

#comments .avatars .slide,
#assignment .avatars .slide {
	position: relative;
	width: 1024px;}

#comments .avatars .slide img,
#assignment .avatars .slide img {
	float: left;
	cursor: pointer;
	border: 2px solid transparent;}

#comments .avatars .slide .selected-halo,
#assignment .avatars .slide .selected-halo {
	position: absolute;
	z-index: 2;}

.glass-btn {
	position: relative;
	display: inline-block;
	height: 32px;
	margin-left: -5px}

.glass-btn a,
.glass-btn button {
	margin-left: 15px;
	border: 0;
	display: inline-block;
	white-space: nowrap; 
	height: 28px;
	padding-top: 4px;
	padding-right: 15px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
	vertical-align: middle;
	background: transparent url(/images/comment-glass-btn.png) right center no-repeat;}
	
.glass-btn:hover a,
.glass-btn:hover button {	
	background-image: url(/images/comment-glass-btn-hi.png);
	text-decoration: none;}

.glass-btn button {
	height: 32px;
	padding-bottom: 9px;
	padding-top: 2px;
	font-size: 12px;
	line-height:1.5; 
	font-weight: bold;
	cursor: pointer;}

.glass-btn span {
	position: absolute;
	left: 0;
	top: 0;
	height: 32px;
	width: 15px;
	background: transparent url(/images/comment-glass-btn.png) left center no-repeat;}
	
.glass-btn:hover span {
	background-image: url(/images/comment-glass-btn-hi.png);}

#comments span.cancel,
#assignment span.cancel {
	cursor: pointer;}

#comments .comment .glass-btn.cms-action span {
	background: transparent url(/images/cms-glass-btn.png) left center no-repeat;}

#comments .comment .glass-btn.cms-action a {
	background: transparent url(/images/cms-glass-btn.png) right center no-repeat;}

#comments .comment .glass-btn.cms-action img {
	margin-right: 4px;
	margin-bottom: 2px;
	vertical-align:middle;}

#comments .comment span.glass-btn.cms-action a:hover {
	text-decoration: none;}


/** ASSIGNMENT **/
#assignment {
	min-height: 130px;
	background: #00AEF3 url(/images/bg-assignment.gif) center top repeat-x;}

#assignment h2, #assignment p, #assignment li,
#assignment span.cancel {
	color: #FFF;}

#assignment .wrapper div,
#assignment .wrapper form {
	margin-left: 165px;}

#assignment input {
	width: 275px;}

#assignment textarea {
	width: 502px;}

#assignment .multimedia textarea {
	height: 45px;}	

#assignment .wrapper div {
	padding-top: 20px;
	width: 500px;}

#assignment img {
	position: absolute;
	left: 0;
	top: 0;}

#assignment form img {
	position: static;}

#assignment .wrapper form div {
	padding-top: 0;
	margin: 0;}

#assignment span.cancel {
	color: #FFF;}



/** 3.5.1. COMMENTS **/
#comments {
	position: relative;
	z-index: 10;}

#comments .control-panel,
#comments .comment {
	position: relative;
	width: 630px;}

#comments .comment {
	min-height: 300px;
	height: auto !important;
	height: 300px;}

#comments .multimedia {
	width: 410px;}

#comments .top {
	height: 24px;
	background: transparent url(/images/comment-top.png) top left no-repeat;}

#comments .avatar {
	position: absolute;
	left: -60px;
	top: 35px;}

#comments .content {
	background: transparent url(/images/comment-bg.png) top left repeat-y;}

#comments .bottom {
	height: 24px;
	background: transparent url(/images/comment-bottom.png) top left no-repeat;}


#comments .control-panel hr,
#comments .comment hr {
	margin: 0 10px 1em 10px;
	height: 2px;
	border: 0;
	background: transparent url(/images/comment-hr.gif) top left repeat-x;}

#comments .international .comment hr {
  background: transparent url(/images/int-comment-hr.gif) top left repeat-x;}

#comments .control-panel form hr {
	margin-left: -60px;
	margin-right: -60px;}

#comments .control-panel .sortinglinks,
#comments .control-panel .pagination {
	margin-bottom: 0;}

#comments .control-panel .pagination {
	text-align: center;}

#comments .control-panel .group .pagination {
	text-align: left;}

#comments h3,
#comments h4 {
	color: #329409;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: normal;
	font-family: "Comic Sans MS", serif;}

#comments .international h3,
#comments .international h4,
#comments .international p,
#comments .international label,
#comments .international .cancel {
  color: #FFF;} 

#comments h4 {
	font-size: 15px;}

#comments .control-panel h3,
#comments .control-panel p {
	margin-left: 40px;
	margin-right: 20px;}

#comments .comment h3,
#comments .comment h4,
#comments .comment p,
#comments form {
	margin: 0 70px;}

#comments .comment p {
	padding-bottom: 1em;}

#comments .replies {
	position: relative;
	overflow: hidden;}

#comments .comment p.show-all {
	margin-top: 0.5em;
	padding-top: 0.5em;
	background: url("/images/comment-hr.gif") repeat-x scroll left top transparent;}


#comments .international .comment p.show-all {
  background: url("/images/int-comment-hr.gif") repeat-x scroll left top transparent;}

#comments .attachment {
	position: absolute;
	padding: 10px;
	z-index: 10;
	left: 100%;
	margin-left: -30px;
	top: 35px;
	background-color: #FFF;}

.hasJS #comment .attachment {
	cursor: pointer;}

#comments .attachment p {
	text-align: right;
	margin: 0;}

#comments .attachment .shadow {
	position: absolute;
	width: 100%;
	height: 15px;
	top: auto;
	bottom: -15px;
	left: 0;}

#comments .school, #comments .date {
	font-family: "Nobile", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #329409;}

#comments .international .school, #comments .international .date {
  color: #FFF;}

#comments .school {
	font-weight: bold;
	margin-left: 70px;
	float: left;}

#comments .date {
	text-transform: none;
	margin-right: 70px;
	float: right;}

#comments .sortinglinks {
	display: inline;
	line-height: 25px;
	float: left;}

#comments .group .pagination {
	float: right;}

#comments .sortinglinks img {
	vertical-align: middle;}

#comments .pagination img {
	vertical-align: middle;}

#comments input,
#comments textarea {
	border: 0;
	padding: 3px 4px 2px;
	background: transparent url(/images/comment-input-bg.png) top left repeat-x;
	font: 12px/1.5 Arial, Helvetica, sans-serif;}

#comments .control-panel .search {
	height: 22px;
	width: 120px;
	padding: 0 20px 0 10px;
	border: 0;
	background: transparent url(/images/comment-search.png) top left no-repeat;}

#comments .pagenumber {
	width: 25px;
	text-align: center;}

#comments .editor-comment {
	margin-left: 45px;
	background: transparent url(/images/comment-samsam-logo.png) top left no-repeat !important;}

#comments .editor-comment .comment {
	min-height: 0;
	width: 410px;
	margin-left: 105px;}

#comments .editor-comment .top {
	height: 20px;
	background: transparent url(/images/comment-samsam-top.png) top left no-repeat !important;}

#comments .editor-comment .content {
	background: transparent url(/images/comment-samsam-bg.png) top left repeat-y !important;}

#comments .editor-comment .bottom {
	height: 25px;
	background: transparent url(/images/comment-samsam-bottom.png) top left no-repeat !important;}

#comments .editor-comment h4,
#comments .editor-comment p {
	margin-left: 15px;
	margin-right: 15px;}
	
#comments .editor-comment h4,
#comments .editor-comment .date {
	color: #329409;}
	
#comments .editor-comment p {
	color: inherit;}

#comments .editor-comment .date {
	margin-right: 0;}

#comments .commentcount {
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	background: transparent url(/images/comment-hr.gif) bottom left repeat-x;}

#comments .international .commentcount {
  background: transparent url(/images/int-comment-hr.gif) bottom left repeat-x;}
	
#comments .subcomment {
	position: relative;
	margin-left: 70px;
	margin-right: 70px;
	margin-bottom: 1em;
	padding-left: 70px;}

#comments .subcomment h4,
#comments .subcomment h4 span,
#comments .subcomment p {
	margin: 0;}

#comments .subcomment h4 span {
	float: left;}

#comments .subcomment h4 .date {
	float: right;}

#comments .subcomment img {
	position: absolute;
	left: 0;
	top: 0;}

#comments form p {
	margin: 0 !important;}

#comments form textarea {
	width: 487px;
	height: 150px;}

#comments span.cancel {
	color: #07D;}

#comments .multimedia {
	margin-top: 20px;
	width: 410px;
	margin-left: 480px;}

#comments .multimedia .attachment {
	right: 370px;
	top: -10px;
	left: auto;}

#comments .multimedia .top {
	background-image: url(/images/comment-multimedia-top.png);}

#comments .multimedia .content {
	background-image: url(/images/comment-multimedia-bg.png);}

#comments .multimedia .bottom {
	background-image: url(/images/comment-multimedia-bottom.png);}

#comments .multimedia .avatar {
	right: 25px;
	top: 25px;
	left: auto;}

#comments .multimedia h3,
#comments .multimedia h4,
#comments .multimedia p,
#comments .multimedia form {
	margin: 0 55px;}

#comments .multimedia .school,
#comments .multimedia .date {
	margin-left: 55px;
	float: none;
	display: block;}

#comments .multimedia .editor-comment {
	margin-left: 50px;}

#comments .multimedia .editor-comment .comment {
	width: 230px;}

#comments .multimedia .editor-comment .top {
	background-image: url(/images/comment-multimedia-samsam-top.png);}

#comments .multimedia .editor-comment .content {
	background-image: url(/images/comment-multimedia-samsam-bg.png);}

#comments .multimedia .editor-comment .bottom {
	background-image: url(/images/comment-multimedia-samsam-bottom.png);}

#comments .multimedia .editor-comment .date {
	margin-left: 0;}

#comments .multimedia .editor-comment h4,
#comments .multimedia .editor-comment p {
	margin-left: 15px;
	margin-right: 15px;}

#comments .multimedia .subcomment {
	margin-left: 55px;
	margin-right: 55px;
	padding-left: 70px;}

#comments .multimedia .subcomment h4,
#comments .multimedia .subcomment h4 span,
#comments .multimedia .subcomment p {
	margin:0;}

#comments .multimedia .commentcount {
	margin-bottom: 1em;}

#comments .multimedia .subcomment h4 span {
	float: none;}

.hasJS #comments .multimedia .avatars,
.hasJS #assignment .multimedia .avatars {
	width: 308px;}

.hasJS #comments .multimedia .viewport,
.hasJS #assignment .multimedia .viewport {
	width: 256px;}

#comments .multimedia form textarea {
	width: 325px;}

#comments .international .top {
  background-image: url(/images/comment-international-top.png);}

#comments .international .wrapper {
  left: auto;
  position: static;
  margin-left: 0;
  width: auto;
  background: url(/images/comment-international-bg.png) top left repeat-y;}

#comments .international .content {
  min-height: 170px;
  height: auto !important;
  height: 170px;
  background: url(/images/comment-international-globe.png) top right no-repeat;}

#comments .international .bottom {
  background-image: url(/images/comment-international-bottom.png);}

#comments .international .multimedia .top {
  background-image: url(/images/comment-multimedia-international-top.png);}

#comments .international .multimedia .wrapper {
  background: url(/images/comment-multimedia-international-bg.png) top left repeat-y;}

#comments .international .multimedia .content {
  background: url(/images/comment-multimedia-international-globe.png) top right no-repeat;}

#comments .international .multimedia .bottom {
  background-image: url(/images/comment-multimedia-international-bottom.png);}

#comment_video {
	width: auto !important;
	float: left;}

#progress-bar {
	position: relative;
	clear: right;
	float: left;
	width: 300px !important;
	height: 20px;
	margin: 2px 0 6px 10px !important;}

#comment_upload_btn {
	clear: left;
	display: block;}

#progress-bar.progress.unknown {
	background: transparent url(/images/generic-progress-bar.gif) repeat-x;}

#progress-bar.progress.percentage span.bar {
	display: block;
	width: 0;
	height: 100%;
	background: transparent url(/images/progress-bar-tile.gif) repeat-x;}

#progress-bar.progress.percentage {
	background-color: #30A0EA;}

#progress-bar dl {
	right: 0;
	position: absolute;
	bottom: -15px;
	font-size: 77%;}

#progress-bar dl dt,
#progress-bar dl dd {
	display: inline;}

#progress-bar dl dd {
	margin: 3px 1em 0 0;}


/** 3.5.2. LINKED COMMENTS **/
.linked-comments .comment-odd,
.linked-comments .comment-even {
	position: relative;
	width: 338px;}

.linked-comments .international {
	position: relative;
	margin-bottom: 40px;}

.hasJS .international .comment-odd,
.hasJS .international .comment-even {
	position: absolute;
	opacity: 0;
  visibility: hidden;
	top: 64px;}

.linked-comments .international .next-btn,
.linked-comments .international .prev-btn {
	position: absolute;
	top: 175px;}

.linked-comments .international .prev-btn {
	left: 12px;}

.linked-comments .international .next-btn {
	left: 335px;}

.comment-odd h3,
.comment-odd h4,
.comment-odd p,
.comment-odd a:link,
.comment-odd a:visited,
.comment-even h3,
.comment-even h4,
.comment-even p,
.comment-even a:link,
.comment-even a:visited {
	color: #329409 !important;}

.international .comment-odd h3,
.international .comment-odd h4,
.international .comment-odd p,
.international .comment-odd a:link,
.international .comment-odd a:visited,
.international .comment-even h3,
.international .comment-even h4,
.international .comment-even p,
.international .comment-even a:link,
.international .comment-even a:visited {
  color: #FFF !important;}

.linked-comments .comment-odd {
	left: 21px;}

.linked-comments .comment-even {
	left: 51px;}

.linked-comments .top,
.linked-comments .bottom {
	display: block;
	width: 338px;
	height: 22px;}

.linked-comments .top {
	background: url(/images/comment-linked-top.png);}

.linked-comments .bottom {
	background: url(/images/comment-linked-bottom.png);}

.linked-comments .international .top {
	background: url(/images/comment-linked-international-top.png);}

.linked-comments .international .bottom {
	background: url(/images/comment-linked-international-bottom.png);}

.linked-comments .avatar {
	position: absolute;
	left: -22px;
	top: 18px;
	z-index: 10;}

.linked-comments .attachment {
	position: absolute;
	width: 80px;
	height: 80px;
	background-color: #FFF;
	padding: 5px;
	right: -52px;
	top: 18px;
	z-index: 10;}

.linked-comments .shadow {
	position: absolute;
	display: block;
	width: 90px;
	height: 10px;
	background: url(/images/comment-linked-attachment-shadow.png);
	left: 0;
	bottom: -10px;}

.linked-comments .content {
	position: relative;
	width: 232px;
	padding: 0 58px 0 48px;
	background: url(/images/comment-linked-bg.png) top left repeat-y;}

.linked-comments .international .wrapper {
  left: auto;
  position: static;
  margin-left: 0;
  width: auto;
	background: url(/images/comment-linked-international-bg.png) top left repeat-y;}

.linked-comments .wrapper .content {
  height: 170px;}

.linked-comments .international .content {
  background: transparent url(/images/comment-linked-international-globe.png) top right no-repeat;}

.linked-comments h3 {
	font: bold 15px "Comic Sans MS", sans-serif;
	text-transform: uppercase;
	color: #07D;}

.linked-comments h4 {
	font: 12px "Comic Sans MS", sans-serif;
	color: #07D;}


/** LOCATION **/
.location-facts {
	position: relative;
	background-color: #FFF;
	padding: 20px 0;
	margin-bottom: 100px;}

.location-facts h2 {
	margin-bottom: 25px;}

.location-facts h2 img {
	margin-right: 15px;
	vertical-align: middle;}

.location-facts .facts,
.location-facts.rte {
	float: left;
	width: 520px;
	margin-left: 20px;}

.location-facts .facts h3,
.location-facts .facts p {
	margin-bottom: 0;}

.location-facts .facts h3,
.location-facts.rte h3 {
	font-size: 12px;
	font-weight: bold;
	float: left;
	clear: left;
	white-space: nowrap;
	width: 200px;}

.location-facts .facts p,
.location-facts.rte p {
	float: left;
	width: 300px;}

.location-facts .description {
	padding-top: 1em;
	clear: both;}

.location-facts .description h3,
.location-facts .description p {
	float: none;
	clear: none;
	width: auto;}

.location-facts .description p {
	margin-bottom: 1em;}

.location-facts .map {
	position: relative;
	float: right;
	display: inline;
	width: 380px;
	padding-bottom: 60px;
	margin-right: -15px;}

.location-facts .map img {
	display: block;
	background: transparent url(/images/location-map-bg-top.png) top left no-repeat;
	padding: 15px 15px 0 15px;}

.location-facts .map a {
	display: block;
	height: 35px;
	padding-top: 25px;
	padding-left: 85px;
	background: transparent url(/images/location-map-bg-bottom.png) bottom left no-repeat;}


/** KEYWORDS **/
.explanation {
	margin-bottom: 30px;
	text-align: center;}

.explanation .letter {
	font-size: 25px;
	line-height: 1.5em;}
	
.explanation a.letter {
	padding: 0 4px;}

.explanation span.letter {
	padding: 0 4px;
	color: #999;}

.keyword, .keyword-category {
	position: relative;
	margin-bottom: 30px;
	background-color: #FFF;}

.keyword h1 {
	position: absolute;
	left: -15px;
	top: -10px;
	width: 58px;
	height: 72px;
	text-indent: -9999em;
	overflow: hidden;
	background-position: top left;
	background-repeat: no-repeat;
	background-color: transparent;}

.keyword-category h1 {
	color: #FF0033;
	font-size: 18px;
	font-weight: normal;
	line-height: 18px;
	margin-left: 10px;
	padding-top: 9px;
	text-align: left;}

.keyword .excl { background-image: url(/images/letters/!.png) }
.keyword .a { background-image: url(/images/letters/a.png) }
.keyword .b { background-image: url(/images/letters/b.png) }
.keyword .c { background-image: url(/images/letters/c.png) }
.keyword .d { background-image: url(/images/letters/d.png) }
.keyword .e { background-image: url(/images/letters/e.png) }
.keyword .f { background-image: url(/images/letters/f.png) }
.keyword .g { background-image: url(/images/letters/g.png) }
.keyword .h { background-image: url(/images/letters/h.png) }
.keyword .i { background-image: url(/images/letters/i.png) }
.keyword .j { background-image: url(/images/letters/j.png) }
.keyword .k { background-image: url(/images/letters/k.png) }
.keyword .l { background-image: url(/images/letters/l.png) }
.keyword .m { background-image: url(/images/letters/m.png) }
.keyword .n { background-image: url(/images/letters/n.png) }
.keyword .o { background-image: url(/images/letters/o.png) }
.keyword .p { background-image: url(/images/letters/p.png) }
.keyword .q { background-image: url(/images/letters/q.png) }
.keyword .r { background-image: url(/images/letters/r.png) }
.keyword .s { background-image: url(/images/letters/s.png) }
.keyword .t { background-image: url(/images/letters/t.png) }
.keyword .u { background-image: url(/images/letters/u.png) }
.keyword .v { background-image: url(/images/letters/v.png) }
.keyword .w { background-image: url(/images/letters/w.png) }
.keyword .x { background-image: url(/images/letters/x.png) }
.keyword .y { background-image: url(/images/letters/y.png) }
.keyword .z { background-image: url(/images/letters/z.png) }

.keyword ul,
.keyword-category ul {
	list-style-type: none;
	margin: 0 10px 10px 32px;
	padding-top: 10px;}

.keyword-category ul {
	margin-left: 10px;}

.keyword li,
.keyword-category li {
	margin-bottom: 0px;}

.keyword li img,
.keyword-category li img {
	vertical-align: middle;
	margin-right: 8px;}

.keyword li a,
.keyword-category li a {
	display: block;
	padding: 5px;
	font-weight: bold;
	text-transform:capitalize;}

.keyword li a:hover,
.keyword li a:visited:hover,
.keyword-category li a:hover,
.keyword-category li a:visited:hover {
	background-color: #CEE2EB;
	text-decoration: none;}

.keyword-content {
	padding-top: 20px;
	background-color: #FFF;}

.keyword-content .three-col-wide {
	margin-right: 10px;}

.keyword-content .illustration {
	margin: 0 20px 10px 10px;
	padding: 0 0 0 10px;}

.special-button {
	position: relative;}

.special-button a {
	position: absolute;
	top: 30px;
	left: 115px;}


/** THEMA OVERVIEW **/
#theme-overview h2 {
	text-align: center;
	font-size: 13px;
	line-height: 36px;
	margin-bottom: 30px;
	background: transparent url(/images/masking-tape-full-width.png) center top no-repeat;
	height: 44px;}


/** MAP **/
#map {
	padding-top: 0;
	padding-bottom: 0;}

#locations h1 {
	color: #555;
	font-size: 20px;
	margin-bottom: 10px;}

#locations ul {
	float: left;
	width: 195px;
	list-style-type: none;
	margin-right: 0;}


/** STORY CONTENT **/
#content {}

#content hr {
	border: 0 none;
	margin-top: -15px;	
	margin-bottom: 10px;
	background: transparent url(/images/shadow-section.png) top left repeat-x;
	height: 22px;}

#content .six-col-wide .description {
	width: 350px;
	margin-left: 10px;
	text-align: left;}

#content .six-col-wide .description h4.title,
#content .six-col-wide .description p {
	width: auto;}

#content .four-col-wide {
	float: none;
	display: inline-block;}

#content .wrapper {
	margin-bottom: 30px;}

#content h2 {
	text-align: center;
	font-size: 22px;
	margin-bottom: 40px;}

#content h2.wrapper {
	font-weight: bold;
	text-align: left;
	margin-bottom: 25px;}

#content h3 {
	font-size: 18px;
	font-weight: bold;}

#content h3, #content p, #content ol, #content ul {
	width: 380px;
	display: inline-block;
	text-align: left;}

#content .illustration {
	display: inline-block;
	background-color: #FFF;
	position: relative;
	padding: 10px;
	margin: 0 auto;}

#content .illustration a {
	display: block;
	margin: -5px;
	padding: 5px;}

#content .illustration a:hover, #content .illustration a:visited:hover {
	background-color: #CEE2EB;}

#content .illustration img {
	display: block;}

#content .illustration p {
	width: auto;
	text-align: center;
	margin: 10px 0 0;
	color: #666;
	font-size: 12px;
	line-height: 1.4em;}

#content .illustration .shadow-left,
#content .illustration .shadow-right {
	position: absolute;
	height: 20px;
	width: 50%;
	bottom: -20px;}

#content .illustration .shadow-left {
	left: 0;
	background: transparent url(/images/shadow-six-col-wide.png) top left no-repeat;}

#content .illustration .shadow-right {
	right: 0;
	background: transparent url(/images/shadow-six-col-wide.png) top right no-repeat;}

#content .illustration.standalone .description {
	width: 600px;}

#content .illustration.standalone p {
	text-align: left;}

/** DEFINITIES **/
.definition_overlay {
  position: absolute;
  width: 300px;
  min-height: 200px;
  background: #FFF;
  padding: 0.6em 1em 0.2em;
  border: 1px solid #BBB;
  color: #329409;
  z-index: 9999; 
  -moz-box-shadow: 2px 2px 12px rgba(0,0,0,0.4);
  -webkit-box-shadow: 2px 2px 12px rgba(0,0,0,0.4);
  box-shadow: 2px 2px 12px rgba(0,0,0,0.4);}
  
.definition_overlay H2{
  font-size: 15px;}

.definition_overlay .close {
  float: right; }  

/** ZOEKEN **/
#search {
	margin-left: -10px;
	width: 460px;}
	
#search .input {
	padding-left: 10px;
	width: 200px;
	height: 31px;
	margin: 0 auto;
	background: transparent url(/images/search-input.png) bottom right no-repeat;}

#search input {
	border: 0;
	width: 173px;
	height: 31px;
	font: bold 16px/16px Arial, Helvetica,sans-serif;
	text-align: center;
	overflow: hidden;
	background: transparent;}

#search button {
	right: 125px;
	text-indent: -9999px;
	position: absolute;
	border: 0;
	width: 31px;
	height: 31px;
	background: transparent url(/images/search-btn-bg.gif) no-repeat;
	cursor: hand;
	cursor: pointer;}

#search .top {
	height: 40px;
	background: transparent url(/images/search-top.png) top left no-repeat;}

#search .content {
	background: transparent url(/images/search-bg.png) top left repeat-y;}

#search .bottom {
	height: 85px;
	background: transparent url(/images/search-bottom.png) top left no-repeat;}

#search form p {
	font-size: 13px;
	line-height: 10px;
	text-align: center;}

#search form a {
	line-height: 2em;
	font-size: 12px;}

#search form .error_list {
	text-align: center;
	list-style-type: none; }


/** GALLERY **/
.gallery {
	position: relative;
	width: 950px;
	height: 630px;
	margin: 0 10px;
	background: transparent url(/images/gallery-background.png);}

.gallery .viewport {
	position: relative;
	background: transparent url(/images/gallery-background-paper.png) 0 0;
	margin: 0 30px;
	padding: 20px 0 20px 20px;
	width: 870px;}

.gallery .description {
	float: right;
	margin-right: 20px;
	display: inline;
	width: 210px;}

.gallery .next-btn,
.gallery .prev-btn {
	position: absolute;
	top: 240px;}

.gallery .next-btn {
	right: 0;}

.gallery .prev-btn {
	left: 0;}

.hasJS .gallery .viewport {
	height: 400px;}

#content .gallery h2 {
	height: 50px;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 0;
	line-height: 52px;
  	margin-bottom: 0 !important;
	padding-top: 9px;
	text-align: center;}

#content .gallery h3 {
	text-align: center;
	margin-bottom: 20px;}

#content .gallery h3,
#content .gallery h4,
#content .gallery p {
	width: 210px;}

#content .gallery p.caption {
	position:absolute;
	bottom: 2px;
	left: 620px;
	margin: 0;
	font-size: 12px;
	line-height: 13px;
	color: #666;
	font-style: italic}

.gallery div.item {
	float: left;
	margin-bottom: 20px;
	width: 850px;
	height: 400px;
	overflow: hidden;}

.gallery .item div {
	display: inline-block;
	float: left;}

.gallery .item div.media {
	width: 600px;
	height: 400px;
	text-align: center;}

.gallery .item .description {
	float: right;
	margin-right: 20px;
	display: inline;
	width: 210px;}

.hasJS .gallery div.item {
	position: absolute;
	left: 20px;
	top: 20px;
	margin-bottom: 0;
	opacity: 0;
	visibility: hidden;}

.thumb-viewport,
.next-thumb-btn,
.prev-thumb-btn {
	position: absolute;
	top: 500px;}

.thumb-viewport {
	width: 744px;
	height: 110px;
	overflow: hidden;
	left: 103px;}

.thumb-viewport img {
	border: 2px solid #FFF;}

.thumb-viewport img.selected {
	border-color: #07D;}

.next-thumb-btn {
	right: 40px;}

.prev-thumb-btn {
	left: 40px;}

.thumb-viewport .slide div {
	margin: 15px 0 15px 8px;
	position: relative;
	cursor: pointer;
	width: 84px;
	height: 84px;
	float: left;}

.thumb-viewport .slide .videooverlay {
	position: absolute;
	left: 17px;
	top: 17px;
	z-index: 10;
	border: 0;}


/** NEWS **/
.pager .next {
	float: right; }

.pager .previous {
	float: left; }

.slideshow-wrapper,
.slideshow-text {
	float: left;
	margin-right: 35px;}

.slideshow-wrapper {
	width: 520px;}

.slideshow-wrapper .shadow {
	top: auto;
	height: 12px;
	bottom: -12px;
	background-image: url(/images/shadow-slideshow.png);}

.slideshow-text {
	width: 375px;}

.slideshow {
	position: relative;
	width: 500px;
	padding: 10px;
	margin-bottom: 20px;
	background-color: #FFF;}

.slideshow p {
	display: block !important;
	font: 12px/1.4 Arial, Helvetica, sans-serif;
	margin: 5px 30px 0 30px;
	text-align: center !important;
	width: auto !important;
	color: #666;}

.hasJS .slideshow {
	width: 520px;
	padding: 10px 0;}

.hasJS .slideshow .viewport {
	position: relative;
	width: 520px;
	overflow: hidden;}

.hasJS .slideshow .item {
	position: relative;
	width: 500px;
	display: inline;
	margin-left: 10px;
	padding-right: 10px;
	float: left;}

.hasJS .slideshow .item img {
	display: block;}

.hasJS .slideshow .nextbtn,
.hasJS .slideshow .prevbtn {
	position: absolute;
	cursor: pointer;
	top: 50%;
	margin-top: -35px;}

.hasJS .slideshow .nextbtn {
	right: -20px;}

.hasJS .slideshow .prevbtn {
	left: -20px;}


/** CONTEST **/
#contest {
	background-color: #FFF;
	width: 570px;
	padding: 20px;
	left: 50%;
	margin-left: -285px;}
	
#contest h2 {
	margin-bottom: 0.5em;}
	
#contest.rte {
	padding: 10px 20px 20px 20px;
	width: auto;
	margin-left: 0;
	left: 0;}

#contest li {
	margin-bottom: 0.7em;}

#contest h2 + p {
	position: relative !important;
	margin-top: 0 !important;
	padding: 0 !important;
	right: auto !important;}

#contest .question {
	font-size: 16px;
	line-height: 18px;
	color: #D90A0D;
	text-align: center;
	font-weight: bold}

#contest hr {
	height: 0;
	display: block;
	border: 0;
	border-top: 1px solid #E5E5E5;
	margin-bottom: 1em;}

#contest form h3 {
	font: 25px/40px 'Crimson Text', Georgia;
	text-transform: uppercase;
	color: #D90A0D;
	margin-bottom: 1em;}

#contest label {
	margin-right: 0.3em;
	font: 16px/35px 'Crimson Text', Georgia;
	color: #D90A0D;
	text-transform: uppercase;
	vertical-align: middle;}

#contest span, #contest form p {
	display: block;
	color: #D90A0D;
	font-style: italic;}

#contest input {
	width: 219px;
	border: 0;
	border-bottom: 1px dashed #D90A0D;}

#contest input[type=text]:focus {
	background: url(/images/bg-contest-input-focus.jpg) no-repeat;
	outline: none}

#contest #contest_answer_grade:focus {
	background: url(/images/bg-contest-input-tinyfocus.jpg) no-repeat;
	outline: none}

#contest textarea {
	border: 1px solid #D90A0D;}

#contest input, #contest textarea {
	font: 18px/35px "Comic Sans MS";
	color: #360;
	padding: 2px 10px 2px 5px;
	margin-left: 4px;}

#contest button {
	font: 16px/35px 'Crimson Text', Georgia;
	color: #FFF;
	text-transform: uppercase;
	border: 0;
	background-color: #D90A0D;
	padding: 4px;
	cursor: hand;
	cursor: pointer;
	float: right;}

#contest .answer label {
	margin-top: 2em;
	float: left;}

#contest .answer textarea {
	width: 320px;
	height: 130px;
	margin-top: 2em;
	float: right;}

#contest .error,
#contest_answer_school_city_pc + .help {
	margin-top: -1em;
	padding: 0.3em 1em 0.5em 0.5em;
	color: #FFF;
	background-color: #D90A0D;}

#contest_answer_school_city_pc + .help {
	margin-top: 0;}

/** FOOTER **/
#footer {
	position: relative;
	z-index: 1;
	padding: 0;}

#footer-ncdo {
	background: transparent url(/images/bg-footer-ncdo.jpg) top center repeat;
	color: #9da3a4;}

#footer-ncdo p {
	font-size: 12px;}

#footer-ncdo h4 {
	font-size: 20px;
	margin-bottom: 7px;}

#footer-ncdo .logos {
	text-align: right;}
	
#footer-ncdo .logos img {
	vertical-align: middle;
	margin-left: 20px;
	margin-top: 20px;}

span.copyright {
	position: absolute;
	left: 0px;
	bottom: 0px;
	float: left;
	height: 12px;
	padding: 5px 8px 6px;
	color: #FFF;
	font: 9px/12px Arial, Helvetica, sans-serif;
	background-color: #000;
	opacity: 0.4;}
	
.lastname{
	display: none;
	}
	
.teacher-archive-list{
	  margin: 0px;
	}
	
.teacher-archive-list li{
    list-style: none;
  }
  
.teacher-archive-list a{
	  color: #0077DD;
	  text-decoration: none;
	}
	
.teacher-archive-list span{
    color: #666666;
    background: none repeat scroll 0 0 transparent !important;
    display: block;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px;
    margin-bottom: 7px;
    margin-top: -3px;
    overflow: visible;
    padding: 0;
  }