/* =============================== DEFAULT =============================== */

	body {
		margin: 0;
		height: 100%;
		font-family: arial;
		font-size: 10px;
		font-weight: normal;
		background: #a7a7a7 url('../subs/default/img/background.jpg') no-repeat center top;
	}

	form {
		padding: 0;
		margin: 0;
	}

	a {
		font-weight: bold;
		color: #ff8b01;
		text-decoration: none;
	}

	a:hover { text-decoration: underline; }
	a.active { text-decoration: underline; }

	a.uppercase {
		font-weight: bold;
		color: #ff8b01;
		text-decoration: none;
		text-transform: uppercase;
	}

	img { border: 0 none; }

	p {
		margin: 0;
		padding: 0;
	}

/* =============================== DEFAULT OPMAAK (TOP) ================== */

	#top_bar {
		height: 17px;
		background:#ff8b01;
		width:100%;
		color:#FFFFFF;
	}

	#menu_status {
		padding:2px;
		width: 980px;
		text-align:right;
		margin-left: auto;
		margin-right: auto;
	}

	#menu_status a {
		color:#FFFFFF;
		font-weight:normal;
	}

	#container {
		margin-left: auto;
		margin-right: auto;
		width: 980px;
		height: auto !important;
		height: 100%;
		font-size: 100%;
	}

	#top {
		float: left;
		width: 100%;
		height: 110px;
	}

	#top_left {
		float: left;
		width: 236px;
		height: 59px;
	}

	#headmenu {
		float: left;
		width: 695px;
		height: 24px;
	}

	#top_right {
		float: right;
		text-align: right;
		color: #FFFFFF;
		margin-top:20px;
	}

	#logo {
		border: 0px;
	}

/* =============================== DEFAULT OPMAAK (MENU) ================= */

	#headmenu ul {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}

	#headmenu ul ul {
		display: none;
	}

	#headmenu li {
		float: left;
		margin-right: 2px;
	}

	#headmenu a {
		float: left;
		width: 87px;
		height: 17px;
		display: block;
		font-weight: bold;
		font-size: 11px;
		text-align: center;
		text-transform: uppercase;
		text-decoration: none;
		padding-top: 5px;
		cursor:pointer;
	}

	#headmenu a:hover {
		text-decoration: none;
		cursor:pointer;
	}

	#headmenu a.active{
		text-decoration: none;
		cursor:pointer;
	}
	#headmenu a.last{
		text-decoration: none;
		margin-left:30px;
		cursor:pointer;
	}
	#headmenu a.last_active {
		text-decoration: none;
		cursor:pointer;
		margin-left:30px;
	}

	#headmenu a.last:hover{
		text-decoration: none;
		cursor:pointer;
	}

/* =============================== DEFAULT OPMAAK (MAIN) ================= */

	#main {
		width: 100%;
		float: left;
		margin-left: auto;
		margin-right: auto;
	}

	#mainContent {
		float: left;
		width: 750px;
	}
	
	#mainContent #iframeearz {
		float: left;
		width: 750px;
		height:550px;
		overflow:hidden;
		padding-top:20px;
		border:0px;
	}

	#mainRight {
		float: right;
		width:210px;
	}

/* =============================== OVERZICHT ============================= */

	.row_top {
		float: left;
		width:100%;
		border-bottom: 1px #676767 solid;
		background-repeat:no-repeat;
		background-position:top;
		background-image:url(../img/interface/lesson_row_top_bg.png);
		height:43px;
	}

	.row_top h1 {
		margin-left:13px;
		text-transform:uppercase;
		color:#21BDFF;
		margin-top:10px;
		font-size:18px;
		height:28px;
	}

	.publishFeedback {
		float: left;
		width:715px;
		
		border-bottom: 2px #676767 dotted;
		margin:0px;
		padding:0px;
		padding-top:5px;
		padding-left:35px;
		padding-bottom:5px;

		background-color:#ff8b01;
		background-repeat: no-repeat;
		background-position: 10px; top;	

		color:#fff;
		font-size:11px;
		font-weight:bold;
	}

	.publishFeedback a {
		color: #3359CF;
	}

	.fbError {	background-image: url(../img/interface/feedback_error.gif); }
	.fbOkay {	background-image: url(../img/interface/feedback_okay.gif); }
	/* .fbRemark {	background-image: url(../img/interface/feedback_remark.gif); } */


	.row_0 {
		float: left;
		width:100%;
		background:#e6e6e6;
		/* border-bottom: 2px #676767 dotted; */
		margin:0px;
		padding:0px;
	}
	.row_1 {
		float: left;
		width:100%;
		background:#ffffff;
		/* border-bottom: 2px #676767 dotted; */
		margin:0px;
		padding:0px;
	}
	.row_0_bottom {
		float: left;
		width:100%;
		background-image:url(../img/interface/row_0_bottom_bg.png);
		background-position:bottom;
		margin:0px;
		padding:0px;
	}
	.row_1_bottom {
		float: left;
		width:100%;
		background-image:url(../img/interface/row_1_bottom_bg.png);
		background-position:bottom;
		margin:0px;
		padding:0px;
	}

	.row_adv_bottom {
		float: left;
		width:100%;
		margin:0px;
		padding:0px;
	}

	.lesson_title {
		background-repeat:no-repeat;
		height:19px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
		padding-left:27px;
		padding-top:3px;
		margin-left:13px;
		margin-top:10px;
		cursor:pointer;
		width:200px;
	}
	.lesson_title_done {
		background-repeat:no-repeat;
		height:19px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
		padding-left:27px;
		padding-top:3px;
		margin-left:13px;
		margin-top:10px;
		cursor:pointer;
		width:160px;
	}
	.lesson_box_height {
		height:80px;
	}
	.lesson_box {
		margin-left:13px;
		float:left;
		width:435px;
		margin-bottom:15px;
		padding:0px;
		height:80px;
	}
	.lesson_assignment {
		float:left;
		background-repeat:no-repeat;
		padding-left:13px;
		min-height:58px;
	}
	.lesson_icon {
		float:left;
		text-decoration:none;
		width:92px;
		padding-right:10px;
		text-transform:uppercase;
	}
	.lesson_addition {
		float:left;
		overflow:hidden;
		margin:3px;
		padding-left:10px;
		padding-right:10px;
	}
	.lesson_addition p {
		margin:0px;
		padding: 0px;
	}

	.lesson_icon img {
		border:solid 3px #ffffff;
		width:92px;
	}

	.row_1 .lesson_icon img {
		border:solid 3px #cccccc;
	}

	.row_0 .lesson_icon #lesson_red, .row_1 .lesson_icon #lesson_red, .row_0_bottom .lesson_icon #lesson_red, .row_1_bottom .lesson_icon #lesson_red {
		border:solid 3px red;
		width:92px;
	}
	.row_0 .lesson_icon #lesson_green, .row_1 .lesson_icon #lesson_green, .row_0_bottom .lesson_icon #lesson_green, .row_1_bottom .lesson_icon #lesson_green  {
		border:solid 3px green;
	}
	.row_0 .lesson_icon .lesson_active, .row_1 .lesson_icon .lesson_active, .row_0_bottom .lesson_icon .lesson_active, .row_1_bottom .lesson_icon .lesson_active {
		border:solid 3px #001;
	}
	.lesson_icon a {
		color:#333333;
		font-weight:bold;
		text-decoration:none;
	}
	.lesson_icon a:hover {
		color:#001;
		font-weight:bold;
		text-decoration:none;
	}
	.row_0 .lesson_icon a:hover img, .row_1 .lesson_icon a:hover img, .row_0_bottom .lesson_icon a:hover img, .row_1_bottom .lesson_icon a:hover img {
		border:solid 3px #001;
		cursor:pointer;
		text-decoration:none;
	}
	.row_0 .lesson_icon a:hover #lesson_green, .row_1 .lesson_icon a:hover #lesson_green, .row_0_bottom .lesson_icon a:hover #lesson_green, .row_1_bottom .lesson_icon a:hover #lesson_green {
		border:solid 3px #001;
		cursor:pointer;
		text-decoration:none;
	}
	.row_0 .lesson_icon a:hover #lesson_red, .row_1 .lesson_icon a:hover #lesson_red, .row_0_bottom .lesson_icon a:hover #lesson_red, .row_1_bottom .lesson_icon a:hover #lesson_red {
		border:solid 3px #001;
		cursor:pointer;
	}
	.grey {
		opacity:0.6;filter:alpha(opacity=60);
	}

/* =============================== CONTENT BLOCKS ======================== */

	#profile_box {
		float:left;
		padding-left:10px;
		padding-right:10px;
		padding-top:10px;
		margin:0px;
		background-position:top;
		background-repeat:no-repeat;
		width:193px;
	}

	#message_box {
		float:left;
		padding-left:10px;
		padding-top:10px;
		margin:0px;
		background-position:bottom;
		background-repeat:no-repeat;
		width:193px;
		padding-bottom:10px;
		float:left;
		padding-left:10px;
		padding-right:10px;	
	}

	#profile_box h1, #message_box h1 {
		color: #22bdff;
		font-size: 12px;
		text-transform: uppercase;
		font-weight: bold;
		background: url('../img/interface/h1_bg.png');
		background-position: left top;
		background-repeat: no-repeat;
		height: 19px;
		margin: 0px;
		padding-bottom:3px;
		padding-left: 5px;
		padding-top:2px;
		float:left;
		width:183px;
	}

	#profile_box .block_text, #message_box .block_text{
		font-size:10px;
		margin:0px;
		margin-left:5px;
		margin-right:0px;
		float:left;
		width:175px;
		margin-bottom:5px;
		overflow: hidden;
	}

	#profile_box .block_text .block_links, #message_box .block_text .block_links {
		margin-top:5px;
		margin-bottom:5px;
		border-top:dotted 1px #ebebeb;
		width:175px;
		float:left;
	}

	#profile_box .block_text a, #message_box .block_text a {
		color: #001;
		font-size: 10px;
		margin: 0px;
		text-transform:uppercase;
	}

	#profile_box .block_text .block_links a, #message_box .block_text .block_links a {
		font-size:10px;
		color: #22bdff;
		text-transform:none;
	}

	#profile_box .block_text img, #message_box .block_text img {
		float:left;
		padding-right:5px;
	}

	#profile_box .block_text h2, #message_box .block_text h2 {
		color: #ff8b01;
		font-size: 10px;
		margin: 0px;
		text-transform:uppercase;
	}

/* =============================== PROFILE PAGE ========================== */

	.profile_box_1 {
		float:left;
		width:700px;
		margin-bottom:15px;
		padding:0px;
		font-size:11px;
		padding-left:13px;
	}

	.profile_box_1 h2 {
		font-size:14px;
		color:#21BDFF;
		font-weight:bold;
		text-transform:uppercase;
		margin:0px;
		margin-top:10px;
		padding:0px;
	}

	.profile_box_1 h3 {
		background-repeat:no-repeat;
		height:19px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
		padding-left:10px;
		padding-top:3px;
		margin-top:10px;
		width:160px;
	}

	.profile_box_1 .message_text {
		padding-right:13px;
	}

	.profile_title {
		background-repeat:no-repeat;
		height:19px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
		padding-left:10px;
		padding-top:3px;
		margin-left:13px;
		margin-top:10px;
		width:160px;
	}

	.form_row  {
		float:left;
		width:700px;
		padding-bottom:2px;
	}

	.form_row label {
		float:left;
		width:150px;
		font-size:11px;
	}

	.form_row input, .form_row textarea  {
		float:left;
	}

	#profile_info_box .form_row .button {
		margin-left:258px;
	}

	.form_row textarea {
		height:110px;
	}

	#profile_message_box .form_row .button {
		margin-left:474px;
	}

	.redTextMedium {
		color:red;
		margin-left:10px;
		float:left;
		font-style:italic;
	}

/* =============================== CONTACT BLOCK ========================= */
	#contact_block {
		margin-top:20px;
		float:left;
		background-repeat:no-repeat;
		background-position:top;
		width:193px;
		font-weight:bold;
		padding-top:10px;
		padding-left:10px;
		padding-right:10px;
		font-size:11px;
	}
	#contact_block_bottom {
		margin-top:0px;
		float:left;
		background-repeat:no-repeat;
		background-position:bottom;
		width:193px;
		font-weight:bold;
		padding:10px;
	}
	#contact_block #icons {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		font-size: 10px;
		font-weight: bold;
		padding-top:10px;
	}
	#contact_block #icons li {
		float: left;
		margin-right: 2px;
		width: 30%;
		padding-bottom:10px;
	}

	#contact_block #icons li a {
		color:#000000;
		margin-top:7px;
		float:left;
	}
	#contact_block #icons li a:hover {
		color:#ffffff;
	}
	#contact_block #icons li a.active {
		color:#ffffff;
	}
	#contact_block #icons li img {
		margin:2px;
		float:left;
		cursor:pointer;
	}
	#contact_block_bottom .row {
		margin:0px;
		padding:0px;
		margin-bottom:5px;
		width:100%;
		float:left;
	}
	#contact_block_bottom .row  a {
		color:#ffffff;
	}
	#contact_block_bottom .row label {
		float:left;
		width:30%;
	}
	#contact_block_bottom .row input {
		float:right;
		width:130px;
	}
	#contact_block_bottom .row textarea {
		float:right;
		width:130px;
		height:30px;
	}
	#contact_block_bottom .row .button {
		float:right;
		width:90px;
		margin:0px;
	}

/* =============================== LESLOKAAL ============================= */
	#room_title {
		float: left;
		width:100%;
		background-repeat:no-repeat;
		background-position:top;
	}
	#room_title h1 {
		margin-left:13px;
		text-transform:uppercase;
		color:#21BDFF;
		margin-top:3px;
		margin-bottom:3px;
		font-size:18px;
		height:28px;
	}

	#room_mixer {
		width:750px;
		height:411px;	
		margin-top:18px;
		float:left;
	}

	#room_mixer_video {
		width:978px;
		height:411px;	
		margin-top:18px;
		float:left;
	}

	.player, playerhalf {
		width:750px;
		height:411px;	
		float:left;
		background:#000000;
		margin-bottom:10px;
	} 
	.playerhalf {	height:405px;	}

	#room_view {
		background-repeat:no-repeat;
		background-position:top;
		background-image:url(../subs/default/img/room_accords_bg.png);
		width:210px;
		margin-top:18px;
		float:left;
		height:411px;
	}
	#room_view h2 {
		margin:10px;
		font-size:12px;
		font-weight:bold;
		text-transform:uppercase;
	}
	#room_view p {
		margin:10px;
		font-size:12px;
		font-weight:bold;
	}
	#room_media {
		background-color:#000000;
		border:solid 3px #FFFFFF;
		width:516px;
		margin-top:18px;
		float:right;
		color:#FFFFFF;
		height:387px;

	}

	#room_right {
		background-repeat:no-repeat; 
		background-position:top;
		width:210px;
		min-height:367px;
		float:left;
		padding:0px;
		margin:0px;
		padding-top:5px;
	}

	#room_right h2 {
		font-size:12px;
		text-transform:uppercase;
		font-weight:bold;
		margin-top:5px;
		margin-left:10px;
		margin-right:10px;
		margin-bottom:5px;
		padding:0px;
	}
	#room_right_bottom {
		background-repeat:no-repeat;
		background-position:bottom;
		width:210px;
		float:left;
	}
	#room_right .line, #room_right_bottom  .line {
		border:0px;
		border-top:dotted #000000 1px;
		padding:0px;
		margin:0px;
		margin-top:10px;
		margin-bottom:10px;
		float:left;
		width:100%;
		height:0px;
		font-size:0px;
		line-height:0px;
		overflow:hidden;
	}

	#room_webcam {
		width:202px;
		height:179px;
		background-image:url(../img/interface/temp_webcam.jpg);
		margin:4px;
	}

	#room_right #chapters {
		margin:0px;
		padding:0px;
		margin-left:10px;
		margin-bottom:10px;	
	}
	#room_right #chapters a {
		color:#FFFFFF;
		float:left;
		width:100%;
		margin:0px;
		padding:0px;
		margin-bottom:5px;
		font-size:11px;
		text-transform:uppercase;
		display:block;
	}
	#room_right #chapters a:hover, #room_right #chapters a.active {
		color: #FFF;
		background-color: #64D3FF;
	}

	#room_right h3 {
		background-repeat:no-repeat;
		height:19px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
		padding-left:10px;
		padding-top:3px;
		margin-left:10px;
		margin-top:10px;
		width:160px;
		float: left;
		margin-bottom: 3px;
	}
	
	#room_right ul.theorieOverview, #room_right ul.theorieOverview li {
		margin: 0;
		padding: 0;
	}
	#room_right ul.theorieOverview {
		margin: 4px 5px 15px 12px;
		list-style: none;
		float: left;
	}
	#room_right ul.theorieOverview li {
		padding-right: 10px;
		float: left;
		height: 4px;	
		
	}

	#room_right ul.theorieOverview li a {
		color: #fff;
		font-weight: bold;
		font-size: 11px;
		text-align: center;
		display: block;
		float: left;
		height: 20x;
		padding-left:5px;
		padding-right:5px;
		border: 1px solid #fff;
		background-color: #78CDEF;
	}

	#room_right ul.theorieOverview li a:hover {
		text-decoration: none;
		border: 1px solid #FF8C00;
	}

	#room_right ul.theorieOverview li a.active {
		background-color: #08B9FF;
		border: 1px solid #FF8C00;
		text-decoration: none;
	}
	
	
	#room_right ul.opwrmOverview, #room_right ul.opwrmOverview li {
		margin: 0;
		padding: 0;
	}
	#room_right ul.opwrmOverview {
		margin: 4px 5px 15px 12px;
		list-style: none;
		float: left;
	}
	#room_right ul.opwrmOverview li {
		padding-right: 10px;
		float: left;
		width: 25px;
		height: 25px;	
		
	}

	#room_right ul.opwrmOverview li a {
		color: #fff;
		font-weight: bold;
		font-size: 15px;
		text-align: center;
		padding-top: 4px;
		display: block;
		float: left;
		width: 25px;
		height: 25px;
		border: 1px solid #fff;
		background-color: #78CDEF;
	}

	#room_right ul.opwrmOverview li a:hover {
		text-decoration: none;
		border: 1px solid #FF8C00;
	}

	#room_right ul.opwrmOverview li a.active {
		background-color: #08B9FF;
		border: 1px solid #FF8C00;
		text-decoration: none;
	}



	#room_right #practiceBtn {
		margin:0px;
		padding:0px;
		margin-left:8px;
		margin-bottom:10px;	
	}

	#room_right #practiceBtn img {
		margin-bottom: 15px;
	}


	#buttonOverview, #buttonPractice, #buttonAssignment {
		margin-top:6px;
		margin-bottom:6px;
		margin-left: 3px;
	}
	#buttonIndex {
		margin-top:6px;
		margin-bottom:6px;
		margin-left: 2px;
	}


	#room_right_bottom #room_controls {
		margin:0px;
		padding:0px;
		margin-top:10px;
		margin-bottom:10px;
	}

	#room_right_bottom #room_controls img {
		margin:0px;
		padding:0px;
		margin-left:9px;
	}
	#room_overview {
		width:190px;
		border:0px;
		margin:10px;
		padding:0px;	
	}

	#room_overview td {
		font-size:11px;
		border-bottom:solid 1px white;	
		font-weight:bold;
		padding:3px;
		padding-left:5px;
		padding-right:5px;
		vertical-align:top;
	}

	#room_overview td a {
		color:#FFFFFF;
		text-decoration:none;
	}
	#room_overview td a.active, #room_overview td a:hover {
		color:#FFFFFF;
		text-decoration:underline;
	}

/* =============================== LOGIN PAGINA ========================== */
	#loginbox {
		background-repeat:no-repeat;
		width:300px;
		height:210px;
		padding:10px;
		text-align:center;
		font-size:12px;
		margin-left:315px; 
	}
	#loginbox h1 {
		font-size:20px;
		text-transform:uppercase;
		text-align:center;
		padding:0px;
		margin:0px;
		margin-bottom:10px;
		position: relative;
		z-index: 1;
	}
	#loginbox a {
		text-align:center;
		position: relative;
		z-index: 1;
	}
	#loginbox #loginform a {
		position: relative;
		z-index: 1;
	}
	#loginbox #loginform {
		padding:10px;
		text-align:left;
		height:120px;
		position: relative;
		z-index: 1;
	}

/* =============================== DEFAULT OPMAAK (BOTTOM) =============== */
	#bottom {
		float: left;
		width: 100%;
		text-align: center;
		font-size: 9px;
		color: #ffffff;
		margin-top:30px;
		left:0px;
		right:0px;
		bottom:10px;
		z-index:
		
	}
	#bottom a {
		color: #ffffff;
	}

	#bottom a:hover {
		color: #ffffff;
		text-decoration: underline;
	}

/* =============================== FORMULIER OPMAAK ====================== */

	input, textarea, select {
		border: solid 1px #cccccc;
		font-family: Verdana;
		font-size: 11px;
	}

	input.smallInput {
	}

	.xsmall {
		width:50px;
	}
	.small {
		width:100px;
	}
	.normal {
		width:250px;
	}
	.medium {
		width:150px;
	}
	.large {
		width:400px;
	}
	.long {
		width:100%;
	}
	.button {
		font-size: 9px;
		border:solid 1px #ffffff;
		float:right;
		text-transform:uppercase;
		cursor:pointer;
		padding:2px;
		
	}
	.feedback {
		color:red;
		font-size:10px;
		font-style:italic;
	}
	#feedback {
		font-size:11px;
		padding-bottom:10px;
		font-weight:bold;
	}
	.left {
		float:left;
	}
	.right {
		float:right;
	}

	.clearAll {
		clear: both;
		line-height: 0px;
		height: 0px;
	}
	.showHideIcon {
		cursor:pointer;
	}

	* html .png{
		position:relative;
		behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
		this.src = "img/interface/trans.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
		this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
	);
	}
	* html .lesson_title{
		position:relative;
		behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
		this.src = "img/interface/trans.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
		this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
	);
	}
	* html .lesson_title_done {
		position:relative;
		behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
		this.src = "img/interface/trans.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
		this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
	);
	}

/* =============================== MISCELLANEOUS ========================= */

	.hide { display: none; }

	.clearer { clear: both; }

/* =============================== VIDEO SHARING ========================= */

	div.share_icons {
		margin: 10px;
		line-height: 16px;
	}

	#mainContent div.share_icons {
		float: right;
		margin: 2px 0;
		width: auto;
		color: #ffffff;
		line-height: 16px;
	}

		#mainContent div.share_icons a { color: #ffffff; }

	#mainContent div#share_view.share_icons { line-height: 1em; }

		#mainContent div#view_share.share_icons a {
			display: inline;	/* IE6 double-margin bug */
			float: left;
			margin-left: 4px;
			width: 16px;
			height: 16px;
		}

			#mainContent div#view_share.share_icons a img { vertical-align: bottom; }

	#mainContent form#share_email {
		float: right;
		width: auto;
		background-color: #21bdff;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}

		#share_email fieldset {
			margin: 0;
			padding: 10px;
			width: 290px;
			border: 0;
		}

		#share_email fieldset#fsAjax {
			text-align: center;
		}

			#fsAjax span.success { color: #78ff00; }
			#fsAjax span.fail { color: #bc1515; }
			#fsAjax a { color: #ffffff; }

		#share_email input, 
		#share_email textarea {
			margin-bottom: 2px;
			font-family: Verdana;
			font-size: 11px;
			border: 1px solid #cccccc;
		}

		#share_email input#txtEmailTo { width: 138px; }
		#share_email input#txtNameTo { width: 138px; }

		#share_email input#txtSubject { width: 283px; }

		#share_email textarea {
			width: 283px;
			height: 55px;
		}

		#share_email .invalid {
			color: #ffffff;
			background-color: #f92a2a;
		}

		#share_email input#butSendMail {
			margin-bottom: 0;
			font-weight: bold;
			color: #ffffff;
			text-transform: uppercase;
			background-color: #ff8b01;
			border: 0;
			cursor: pointer;
		}

	.fb_iframe_widget {
		margin: 10px;
	}

	ul#shareCourses {
		list-style-type: none;
		margin: 0 10px;
		padding: 0;
	}

		#shareCourses li, 
		#shareCourses li a {
			width: 189px;
			height: 63px;
		}

		#shareCourses li {
			float: left;
			margin-bottom: 9px;
		}

			#shareCourses li a { display: block; }

	#room_view.share h3 {
		margin: 0 10px;
		font-size: 120%;
		text-transform: uppercase;
	}

		#room_view.share h3 a:hover { text-decoration: none; }

	div#ad_space {
		float: left;
		margin-top: 6px;
		padding: 20px 7px 10px 7px;
		width: 196px;
		height: 365px;
		color: #ffffff;
		background: transparent url('../img/interface/share_right_bg.png') no-repeat 0 0;
	}

		#ad_space h2 {
			font-size: 140%;
			text-align: center;
			text-transform: uppercase;
		}

		#ad_space a#couponLink {
			display: block;
			margin-top: 40px;
			width: 198px;
			height: 68px;
		}
		
		#room_right .introtekst {padding:15px; font-size:12px;}