@import url("/css/courses.css");
/* KLEUREN 
standaard font		#4c4c4c
linkblauw 				#3278be
textgroen					#0ba486

page					back	#f1f5fb
center active	back	#f8fafd
sidebox				back	#eaf1f8 		border	#b7cfe9
centerbox												border	#b7cfe9

items														border	#d6d6d6

*/

/* ALGEMEEN */

* { margin:0px; padding:0px; }

html { min-width:984px; overflow-y:scroll; }
body { margin:0px; font:normal 11px arial; color:#4c4c4c; }

p, table { margin:10px 0 0 0; line-height:1.4em; }
td, th { vertical-align:top; }
ul, ol { padding-left:45px; }

hr { clear:both; height:1px; background:#b7cfe9; color:#b7cfe9; padding:10px 0px;}

img { border:none; }
.normal { float:none; line-height:normal; font-style:normal; font-weight:normal; }
.big { font-size:12px; }
.clear { clear:both; height:1px; overflow:hidden; }
.indent { position:absolute; top:0px; text-indent:-999em; }
.alert { float:none !important; display:block; color:red; }
.correct{ color:#0BA486;}
.greyed { color:#aaaaaa; }
.nomargin { margin:0px !important; }
.nodisplay { display:none !important; }
.nohover:hover { text-decoration:none !important; }


h1 { font:normal 20px arial; 	margin:11px 0px 0px; color:#0ba486; }
h2 { font:bold 14px arial; 		margin:15px 0px 0px; } 
h3 { font:bold 12px arial; 		margin:10px 0px 0px; color:#3f3f3f; }
h4 { font:bold 11px arial; 		padding:1em 0px 0px; color:#0ba486; }
h1, h2, h3, h4 { padding:0px 15px; position:relative; }


a { color:#3278be; text-decoration:none; outline:none; }
a:hover, a.selected { text-decoration:underline; }

/* FORMS */
form { margin:0.8em 0 0 0; font:normal 11px arial; }
* html form { margin-top:10px; }  /* IE6 fix */ 
form p, form h2, form h3, form h4 { position:relative; } 

form div.sectionline { margin-top:0.8em; } 
form div.row { clear:both; margin-top:1px !important; overflow:hidden; position:relative; line-height:22px !important; /*background:orange; */ }
/* line-height is erg belangrijk voor regelhoogte = 22px bij font 11px, 23px bij font 12px */

form div.row span { float:left; /*background:lightblue; */ } /* voor het groeperen van floatende elementen */
form div.row var { float:left; } /* voor aanverwante teksten */
form div.row .meer { line-height:normal; padding:3px 0px; } /*  voor meerdere regels met normale line-height, padding = 3px */

label { float:left; /*background:yellow; */ } /* label voor elementen */
	input.text, select, textarea { float:left; margin:1px 2px 0px 0px !important; font:normal 11px arial; border:1px solid #d6d6d6; } /* standaard opmaak van input elementen */
	input.text, textarea { padding:2px 1px; } /* padding verhouding behouden */
	input.text { height:14px; } /* height = 14px bij font 11px, 15px bij font 12px */
	select { height:20px; } /* height = 20px bij font 11px, 21px bij font 12px, alleen height property gebruiken, overige werken niet in IE */ 
	textarea { overflow-y:auto; } /* overflow voor scrollbalk */

label.radio, label.checkbox { width:auto !important; cursor:default !important; } /* label voor radiobuttons en checkboxes */
	input.radio, input.checkbox { float:left; width:auto !important; } /* standaard opmaak van radio en checkbox */
	html>/**/body input.radio, html>/**/body input.checkbox { margin:4px 3px 3px 4px; } /* FF en Chrome */


button::-moz-focus-inner, input::-moz-focus-inner{ border:0px; padding:0px; } /* zet de inner padding van buttons op 0 voor Firefox, moet nog gefixed worden voor Google Chrome*/

.button, button { overflow:visible; margin:0px 2px; border:none; text-align:center; cursor:pointer; } /* overflow voor IE */
.button, button { background:url(/graphics/button.png) -400px 0px; padding:0px 13px; font:normal 11px arial; color:white; }

	input.button, button { height:26px; margin-bottom:-5px; } /* voor alle */
	*:first-child+html input.button, button { margin-bottom:-10px; } /* IE7 only */
	
	a.button { text-decoration:none; padding-top:6px !important; padding-bottom:6px !important; line-height:26px !important; } 
	a.button span { padding-bottom:6px !important; } 

  p.buttonrow { display:block; text-align:center; height:26px !important; line-height:26px !important; }

.button:hover { text-decoration:underline; }

	input.arrow_submit { height:21px; width:21px; background:url(/graphics/arrow_submit.png); border:none; cursor:pointer; }




/* SITE-OPBOUW */
#top_center { position:relative; height:123px; width:984px; margin:0px auto 12px; background:url(/graphics/topgradient.png) right repeat-y; }
	#logo { position:absolute; left:8px; top:16px; height:107px; width:246px; }
	#topmenu { position:absolute; right:0px; top:0px; width:709px; height:17px; padding:3px 15px 0px 0px; background:url(/graphics/topmenu.png) no-repeat; text-align:right; color:white; }
	#topmenu a { color:white !important; }
	#slogan { position:absolute; left:270px; top:42px; font:bold 20px trebuchet ms; letter-spacing:-1px; color:#0ba486; }
	#member { position:absolute; right:0px; top:29px; }
	#navigation { position:absolute; right:0px; top:88px; height:35px; width:724px; background:url(/graphics/navigation.png); }

	ul#hoofdmenu { display:block; margin:0px; padding:0px; height:35px; list-style:none; }
	ul#hoofdmenu li { float:left; }
	ul#hoofdmenu li a { float:left; height:35px; padding:0px 6px; font:bold 12px arial; line-height:35px; color:white; }
	ul#hoofdmenu li span { float:left; height:35px; padding:0px 2px; font:bold 12px arial; line-height:35px; color:white; }
		ul#hoofdmenu li a:hover, a.menuitem_on { background:url(/graphics/navigation_on.png) center no-repeat !important; }
		ul#hoofdmenu li a.first { background-position:left !important; padding-left:16px !important; }
		ul#hoofdmenu li a.last { background-position:right !important; }
		
#page { width:984px; margin:0px auto; padding:0px 0px 15px; background:#f1f5fb; }
  #center { float:left; position:relative; width:464px; left:260px; /* width 464 laten staan -> wordt altijd vervangen door 462 + 2 via content class */ }
  	.content { position:relative; margin-top:15px; padding:0px 0px 11px; background:white; width:462px !important; border:1px solid #b7cfe9; /* width + border in dezelfde class laten */ }
  #left 	{ float:left; position:relative; width:225px; left:-449px; min-height:40px; height:auto !important; height:40px; }
  #right 	{ float:left; position:relative; width:225px; left:55px;  min-height:40px; height:auto !important; height:40px;}
	
#footer { width:984px; margin:12px auto; text-align:center; }



			 
/* MEMBER LOGIN & HOMEPAGE */
#login { margin:0px !important; padding:0px !important; text-align:left; font-weight:bold !important; } /* zowel voor uitgelogd form als ingelogd div */
form#login label, form#login span { color:#0ba486; }

	#username { float:left; width:170px; }
	#password { float:left; width:182px; }
		#login input.text { width:150px; }

	#membername { float:right; padding-right:15px; }
	#membername span { font-weight:normal; }
	#membername a { line-height:24px; }
	#loggedin { float:right; width:75px; color:#0ba486; }

#videoroll { position:absolute; right:-10px; top:-12px; width:230px; height:162px; background:url(/graphics/videoroll.png); }
h2#findsharecommunicate { padding:2px 15px; margin:10px 0px; line-height:20px; }
h2#findsharecommunicate span { font:normal 12px arial; }

	.homeblock { float:left; position:relative; width:200px; height:58px; margin:10px 15px 0px; display:inline; }
	.homeblock h2 { margin-top:10px !important; padding-left:70px !important; padding-right:0px !important; }
	.homeblock img { position:absolute; margin-left:-70px; }
	.homeblock p { margin-top:5px !important; padding-left:70px !important; padding-right:0px !important; }


/* CONTENT */
#center p { padding:0px 15px; }

.boxcontent { margin-top:10px; padding:0px 15px 10px !important; background:#f8fafd !important; border-top:1px solid #b7cfe9; border-bottom:1px solid #b7cfe9; }
.boxcontent p, .boxcontent h2, .boxcontent h3 { padding:0px !important; }

.imageheader { position:relative; height:162px; }
	#header_videos { background:url(/graphics/header_videos.png); }
	#header_casereports { background:url(/graphics/header_casereports.png); }
	#header_2ndopinions { background:url(/graphics/header_peerconsults.png); }
	#header_stelsewhere { background:url(/graphics/header_stelsewhere.png); }
	#header_statements { background:url(/graphics/header_statements.png); }
	#header_elearning { background:url(/graphics/header_elearning.png); }
	#header_events { background:url(/graphics/header_events.png); }
	#header_groups { background:url(/graphics/header_groups.png); }
	
	a#button_playintro { position:absolute; top:83px; left:352px; background:url(/graphics/button_play-intro.png); height:32px; width:101px; }
	a#button_uploadcontent { position:absolute; top:122px; left:352px; background:url(/graphics/button_upload-content.png); height:32px; width:101px; }


.sidebox { padding:31px 0px 10px; margin-top:15px; background:#eaf1f8; border:1px solid #b7cfe9; }
	.header-side { position:absolute; margin:-32px 0 0 -1px; width:195px; height:23px; padding:9px 15px 0px; background:url(/graphics/header-side.png); }
	.header-side span { color:white; font:bold 12px arial; letter-spacing:1px; }
	.header-side img { position:absolute; top:0px; right:5px; margin-top:-8px; }
	.sidebox p { position:relative; padding:0px 10px; }
	.sidebox ul, .sidebox ol { padding-left:26px; }
	
	
	table.side_results { width:223px; border:0px; border-collapse:collapse; }
	tr.side_result td { padding:2px 0px; }
	tr.side_result .thumbnail { width:40px; height:30px; border:1px solid gray; }
		 



/* LEFT SEARCH/FIND */
input#searchvideo { width:130px; }
	
div.selection { padding:10px 10px 0px; }
	.selectbtn1 { display:block; height:24px; padding:8px 35px 0px 10px; background:url(/graphics/selectbtn1.png) top; font:bold 12px arial; color:#3278be; }
	.selectbtn2 { display:block; height:24px; padding:8px 35px 0px 10px; background:url(/graphics/selectbtn2.png) top; font:bold 12px arial; color:#3278be; }
	.selectbtnon { background-position:bottom; }

	div.dropdownbox { position:absolute; width:201px; left:11px; max-height:560px; padding-bottom:1px; overflow-y:auto; display:none; background:white; border:1px solid lightgrey; border-top:none; z-index:100; }
	div.selection span { padding-left:10px; }
	div.selection a.delete { width:12px; height:12px; margin-left:5px; }
	div.selection a.delete img { vertical-align:top; }
	
.dropdownbox ul { padding:0px; list-style:none; }
.dropdownbox ul li a { display:block; padding-left:10px; }
.dropdownbox ul li a.empty { color:lightgrey !important; }

	li.hoofdcategorie { padding:5px 0px; border-bottom:1px solid #b7cfe9; }
	li.hoofdcategorie:hover { background:#f3f7fb; }
	li.hoofdcategorie a { position:relative; font:bold 12px arial; }
	li.subcategorie a { line-height:13px; position:relative; font:normal 11px arial !important; } 




/* FOUND RESULTS & SORTING */
#searchlocations { color:#0ba486; }
#pages { float:left; }

.dropdownposition { float:right; margin-right:15px; z-index:100; }
	p.dropdowntxt { float:left; margin-top:2px !important; padding:0px 5px !important; }
	div.dropdowncontainer { float:left; position:relative; z-index:100; }
		a.dropdownbtn { float:left; width:130px; height:17px; padding:3px 0px 0px 10px; background:url(/graphics/sortbtn.png); color:#3278be; cursor:pointer; } /* voor JS functie */
		a.dropdownbtn2 { float:left; width:130px; height:17px; padding:3px 0px 0px 10px; background:url(/graphics/sortbtn.png); color:#3278be; cursor:pointer; } /* zonder JS functie */
		.dropdownlist { position:absolute; left:0px; top:19px; padding:3px 9px; list-style:none; display:none; background:white; border:1px solid lightgrey; z-index:100; }
		.dropdownlist2 { position:absolute; left:0px; top:19px; padding:3px 9px; list-style:none; background:white; border:1px solid lightgrey; z-index:100; }
			.dropdownlist ul { line-height:16px; }
	
.sortupdown { float:left; width:15px; margin-left:8px; border:none; cursor:pointer; }
	.asc { height:20px; background:url(/graphics/sortupdown.png) top left; }
	.desc { height:20px; background:url(/graphics/sortupdown.png) top right; }
	.up { margin-top:2px; height:10px; background:url(/graphics/sortupdown.png) top left; overflow:hidden !important; }
	.down { margin-top:2px; height:10px; background:url(/graphics/sortupdown.png) -15px -10px; overflow:hidden !important; }



/* RESULTS TABLE */
	table.results { width:462px; border:0px; border-top:1px solid #b7cfe9; border-collapse:collapse; }
		tr.result td { padding-top:8px; padding-bottom:8px; border-bottom:1px solid #b7cfe9; }
		tr.result h2 { color:#3278be; margin:0px; }
		tr.result p { margin-top:5px; }

		.sectionline { border-top:1px solid #b7cfe9; }
		.active:hover { background:#f1f5fb; cursor:pointer; }

	/* video */
	td.video { padding-left:15px; padding-right:5px; width:66px; /* width of img + border */ }
		td.video img { width:64px; height:48px; border:1px solid gray; }
		p.rating { float:right; margin-top:17px !important; }
			.stars-empty { position:relative; float:left; width:84px; height:16px; background:url(/graphics/stars-empty.png); }
			.stars-full { position:absolute; top:0px; left:0px; height:16px; background:url(/graphics/stars-full.png); }
	
	/* case, 2nd opinion, stelse, statements */
	td.case { width:340px; }
	
	/* courses */
	td.course { width:340px; }
	
	/* event */
	td.event { padding-left:15px; width:115px; }

	/* news */
	td.newsitem { padding-left:15px; width:100px; }
	
	/* group */
	td.group { padding-right:15px; width:64px; /* width = max picture width */ text-align:right; vertical-align:bottom; }
		td.group img { width:64px; }
	.groupstatus { float:right; width:60px; margin:4px 80px 0px 0px; } 
		.statusicon { float:left; height:20px; line-height:19px; padding-left:25px; background:url(/graphics/icons/groupstatus.png) no-repeat; }
			.public { background-position:0px 0px; }
			.private { background-position:0px -20px; }
			.closed { background-position:0px -40px; }
	
	/* member */
	td.member { padding-left:15px; padding-right:5px; width:36px; /* width of img + border */}
		td.member img { width:36px; height:48px; border:1px solid gray; }
		.goldribbon { position:absolute; right:80px; margin-top:-25px; }
	
	td.select { width:30px; }
	td.select input { margin-top:20px; }

	/* topic */
	td.topic { width:340px; }
	td.postheader { background:url(/graphics/postheader.png); padding:2px 15px 4px !important; border-top:1px solid #b7cfe9; }
		.quotebtn { float:right; width:33px; height:15px; padding:2px 0px 1px 27px; background:url(/graphics/quotebtn.png); }
	
	tr.post td { padding-top:8px; padding-bottom:8px; }
	td.postbody { width:411px; }
	td.postbody blockquote { background:#f2f2f2; margin:0px 30px; padding:6px 8px; }
		


/* ACTIVITIES */
.activity { margin-top:5px !important;}

.icon-button { display:inline !important; padding-left:25px; } 
.icon-link { display:block; min-height:20px; height:auto !important; height:20px; padding-left:25px !important; }

	.confirm 		{ background:url(/graphics/icons/confirm.png) no-repeat; }
	.edit 			{ background:url(/graphics/icons/edit.png) no-repeat; }
	.cancel 		{ background:url(/graphics/icons/cancel.png) no-repeat; }
	.createlink { background:url(/graphics/icons/embedlink.png) no-repeat; }
	.notify 		{ background:url(/graphics/icons/members.png) no-repeat; }
  .email 		  { background:url(/graphics/icons/email.png) no-repeat; }
	.surgytec { background:url(/graphics/icons/surgytec.png) no-repeat; }
	.message { background:url(/graphics/icons/message.png) no-repeat; }
	.add { background:url(/graphics/icons/add.png) no-repeat; }
	
	.favorite-off { background:url(/graphics/icons/favorite.png) no-repeat; background-position:0px 0px !important; }
	.favorite-on, .favorite-off:hover { background:url(/graphics/icons/favorite.png) no-repeat; background-position:0px -20px !important; }
	
	.ajax-loader { margin-right:9px; }
	
	
/* SPONSORS */
a.sponsor { display:block; background:white; border:solid 1px #cccccc; text-align:center; height:60px; }
	
	
/* RATING */
.specrating { width:145px; padding:0px 0px 2px !important; margin:0px 10px; border-bottom:1px solid gray; }
.starrating { margin-top:3px !important; padding-top:2px; line-height:18px; }
.starrating span.stars-empty { margin-right:41px; }

.track { float:left; height:16px; width:110px; margin-right:15px; background:url(/graphics/slider_line.png) repeat-x center;  }
.handle { height:16px; width:8px; background-image:url(/graphics/sliderhandle.png); cursor:e-resize; }


/* SPECIFIEKE CSS PER PAGINA */

	/* playvideo.php */

	ul.chapters { left:0px !important; padding-left:15px; width:114px; }
	ul.chapters li span { margin-left:-12px; }

	td.side_video { padding-left:10px  !important; width:50px; }
	p.categorylabels span { float:left; width:80px; }
	
	/* case.php */
	
	td.file { padding-left:15px; padding-right:5px !important; width:50px; }
	td.file img { width:50px; }
	
	
	/* event.php */
	p.congresslabels span { float:left; width:130px; }

	/* news.php */

	/* group.php */
	#groupstatus { float:left; margin-right:8px; line-height:19px; }
	
	
	/* member.php */
		
	


/* ADD/NEW PAGES */

	/* videos (share) */
	form#videoinfoform label { width:100px; }
	
	#upload_border { height:15px; margin:10px auto; border:1px solid gray; text-align:left; }
	
	.chapter { margin-bottom:5px; padding-bottom:2px; text-align:left; border-bottom:1px solid #cccccc; }
	.chapter span { float:left; padding:3px 0px 0px 17px; }

	#uploadform iframe { width:100%; height:0px; border:0px solid #000000; margin:0px; }
	#upload_bar { height:15px; padding:0px; margin:0px; background:url(/graphics/progressbar.png) left top; }
	#upload_bar div { height:15px; line-height:12px; font-size:10px; margin:0px; padding:0px; background:url(/graphics/progressbar.png) left bottom; }


	/* case reports */
	form#upload_file label { width:110px; }
	form#upload_file input.text { width:300px; }
	form#upload_file textarea { width:300px; height:50px; }
	
	form#casereportnew label { width:110px; }  
	form#casereportnew input.text { width:300px; }  
	form#casereportnew select { width:200px; }
	form#casereportnew textarea { width:300px; height:50px; }

	/* events */
	form#eventnew label { width:120px; }  
	form#eventnew input.text { width:290px; }  

	/* news */
	
	/* groups */
	
	form#newGroup label { width:110px; }
	form#newGroup input.text { width:300px; }
	form#newGroup select { width:200px; }
	form#newGroup textarea { width:300px; height:50px; }
	
	/* members */

	


/* MAIN PAGES */
	
	/* signup */
	form#signupForm label { width:110px; }
	form#signupForm input.text { width:300px; }
	form#signupForm select { width:200px; }
	
	/* CONTACT */
	form#contact label { width:100px; }
	form#contact input.text { width:300px; }
	form#contact textarea { width:300px; height:80px; }
	
	/* HELP */
	h2.sectionline { padding-top:13px; }
	a.helptopic { display:block; padding-bottom:13px; }
	.helpcontent { padding-bottom:10px; }
	
  /* MY ACCOUNT */

	form#newmessage label { width:50px; }
	form#newmessage input.text { width:300px; }
	form#newmessage .ipvrow { float:left; line-height:22px !important; }
	form#newmessage label.ipvrow { width:150px; }

	form#profile label { width:110px; }
	form#profile input.text { width:265px; }
	form#profile select { width:220px; }
	
	.icon-delete { position:absolute; right:0px; width:20px; height:20px; margin-top:-5px; z-index:100; }

	p.profilelabels span { float:left; width:150px; }