
/*** RESET *****************************************/
/*
@import url(/style/reset.css);
*/
/*** GLOBAL ****************************************/
body, html
{
	margin:0 0 10px 0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}
a { color:#6d226b; }
a:link,
a:visited
{
	text-decoration:underline;
}
a:hover { text-decoration:none; }
a:active { text-decoration:underline; }
table { border:0px; }
table td.left
{
	text-align:left;
	vertical-align:top;
	padding-top:2px;
}
table td.space
{
	width:15px;
	text-align:center;
	vertical-align:top;
}
table td.alignright { text-align:right; }
table img, 
table a img 
{
	border:0px;
}

img.imgleft { 
  float: left; 
  margin: 3px 15px 5px 0;
  }

img.imgright { 
  float: right; 
  margin: 3px 0 5px 15px;
  }

.clear
{
    clear: both;
}

/*** LAYOUT ****************************************/
div#wrapper 
{
	width:798px;
	margin-left:-399px;
	position:relative;
	top:0px;
	left:50%;
	background-image:url(/images/layout/bg.gif);
	background-repeat:repeat-Y;
}
div#header
{
	width:784px;
	height:147px;
	border-bottom:1px solid #FFF;
	margin:0 7px;
}
div#navigation
{
	width:784px;
	height:37px;
	background-image:url(/images/layout/navpurplebg.jpg);
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	margin:0 7px;
}
body#home div#navigation { background-image:url(/images/layout/navpurplehomebg.jpg); }
div#content
{
	width:784px;
	margin:0 7px;
	background-image:url(/images/layout/contentbg.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	overflow:hidden;
}
body#home div#content
{
	/*background-image:url(/images/layout/rcolbg.gif);
	background-repeat:repeat-y;*/
	background-image:url(/images/layout/rcolbottomnew.jpg);
	background-repeat: no-repeat;
	background-position:bottom right;
}
body#home div#content
{
	/*position: relative;*/
	/*min-height:765px;
	height:auto !important;
	height:765px;*/
}
div#lcol 
{ 
	float:left;
	width:490px;
}
body#home div#lcol { border-right:1px solid #FFF; background-color: #fff; }
div#rcol 
{ 
	float:left;
	width:293px; 
}
body#home div#rcol
{
	margin-bottom: 294px;
	/*position: absolute;*/
	top: 0px;
	right: 0px;
}
/*
*:first-child+html body#home div#rcol { padding-bottom: 294px; }
* html body#home div#rcol { padding-bottom: 294px; }
*/

div#footer
{
	height:23px;
	background-image:url(/images/layout/footerbg.jpg);
	background-repeat:no-repeat;
	padding:10px 16px 10px 16px;
	color:#6d226b;
	font-size:9px;
}
body#home div#footer { background-image:url(/images/layout/footerhomebg.jpg); }
div#content .topdefault ul
{
	margin:0 12px 0 12px;
	padding:0px;
	list-style-type:disc;
	list-style-position:inside;
}
div#lcol div.weblog, div#lcol div.weblog ul
{
	margin:0px;
	padding:0px;
	list-style-type:disc;
	list-style-position:inside;
}
div#content div#lcol table td.left .intro ul
{
	display:inline;
	margin:0;
	padding:0;
}
div#content div#lcol table td.left .intro ul li
{
	margin:0 12px 0 12px;
	padding:0;
}

/*** NAVIGATION ************************************/
div#navigation ul { display:inline; }
div#navigation ul li
{
	float:left;
	padding:0;
	margin:0;
	display:inline;
	border-right:1px solid #FFF;
	padding:8px 7px 7px 9px;
}
div#navigation ul li a:link,
div#navigation ul li a:visited,
div#navigation ul li a:hover
div#navigation ul li a:active
{
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}
div#navigation ul li.active
{
	background-image:url(/images/layout/navorangebg.jpg);
	background-repeat:repeat-x;
	padding:8px 9px 7px 9px;
}
body#home div#navigation .active 
{ 
	padding:8px 9px 6px 9px;
	border-bottom:1px solid #FFF; 
}
div#navigation #lastitem { padding:8px 11px 7px 11px; }

/*** PROFILE & YOUR WEBLOG **************************/
div#navigation #profile 
{ 
	border-right:0px; 
	text-decoration:none;
	font-weight:normal;
}
div#navigation #profile a 
{ 
	font-weight:normal;
	text-decoration:underline; 
}

/*** PROFILE FORM ***********************************/
.maxwidth
{
	width:100%;
}
div#lcol #profileform label,
div#lcol #addthread label,
div#lcol #addeditweblog label,
div#lcol #addweblogmessage label,
div#lcol #addforummessage label
{
	float:left;
	vertical-align:top;
	padding:2px 0 1px 0;
	color:#6d226b;
	font-weight:bold;
}

div#captcha
{
    
}

div#captcha img
{
    float: left;
    margin: 6px 50px;
}

/*** WEBLOG *****************************************/
div#researcher div.shadow h2 { color:#DE8D2E; }
div#lcol div.weblog,
div#lcol div.weblog li
{
	#display:inline;
	margin:0;
	padding:0;
}
div#lcol div.weblog span.date { color:#6d226b; }
div#lcol div.weblog span.title 
{ 
	font-size:14px;
	font-weight:bold; 
}

/*** FORUM & WEBLOG *********************************/
div#content div#lcol span.forumthread { display:block; }
div#lcol div#forum_weblog { padding:0px; }

/*** PICTURE ****************************************/
div#rcol span#picture img
{
	padding:3px 0 0 11px;
	margin-bottom:10px;
	display:block;
}

/*** YOUTUBE ****************************************/
div#rcol ul#youtube,
div#rcol ul#youtube li
{
	margin:0px 4px 4px 4px;

	padding:1px 0 0 0;
	display:inline;
	float:right;
}

/*** LOGIN BUTTON ***********************************/
div#navigation input#login
{
	width:61px;
	height:17px;
	background-image:url(/images/layout/loginbtn.gif);
	background-repeat:no-repeat;
	border:0px;
	float:right;
	margin-top:7px;
	margin-right:7px;
}

/*** LOGOUT BUTTON *********************************/
div#navigation input#logout
{
	width:61px;
	height:17px;
	background-image:url(/images/layout/logoutbtn.gif);
	background-repeat:no-repeat;
	border:0px;
	float:right;
	margin-top:7px;
	margin-right:7px;
}

/*** LEFT COLUMN ***********************************/
div#lcol .top h1 { margin-top:0px; }
div#content .topdefault h1,
div#content .topdefault p,
div#content .topdefault div#loginform
{ 
	padding-left:10px;
	padding-right:10px;
}
div#content .topdefault div p { padding:0; }
div#content .topdefault ul,
div#content .topdefault ul li
{ 
	/* display:inline;
	margin:0;
	padding:0; */
  
}
div#lcol .top h1,
div#lcol .top h1 a,
div#content .topdefault h1,
div#content .topdefault h1 a,
div#lcol .shadow h1,
div#lcol .shadow h1 a
{
	font-size:16px;
	color:#de8d2e;
	font-weight:bold;
	text-decoration:none;
}
div#lcol .top,
div#content .topdefault
{
	background-image:url(/images/layout/lcoltop.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
        padding-top:10px;
        padding-bottom:15px;
}
div#lcol .top { padding:15px 10px 15px 10px; }
div#lcol .shadow
{
	background-image:url(/images/layout/lcoltopshadow.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:10px 10px 20px 10px;
}
div#lcol .bottom
{
	background-image:url(/images/layout/lcolbottom.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:10px;
}
div#lcol div#forum_weblog .top ul,
div#lcol div#forum_weblog .shadow ul,
div#lcol div#forum_weblog .bottom ul
{
	padding:0 12px;
}
div#lcol div#forum_weblog .top ol,
div#lcol div#forum_weblog .shadow ol,
div#lcol div#forum_weblog .bottom ol
{
	padding:0 18px;
}

/*** H TAGS ****************************************/
h2
{
	padding:0;
	margin:0;
	font-size:16px;
	color:#6d226b;
	font-weight:bold;
}

/*** INPUT & TEXTAREA *******************************/
.inputfield,
.textarea,
div#captcha input
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;	
    background-color: #de8d2e;
	color: #FFF;
	width: 350px;
	border: 0px;
}

/*** CALENDAR DATE SELECTOR *************************/
.calendar_date_select 
{
  color:white;
  border:#777 1px solid;
  display:block;
  width:195px;
  z-index: 1000;
}
/* this is a fun ie6 hack to get drop downs to stay behind the popup window.  This should always be just underneath .calendar_date_select */
iframe.ie6_blocker 
{
  position: absolute;
  z-index: 999;
}
.calendar_date_select thead th 
{
  font-weight:bold;
  background-color: #aaa;
  border-top:1px solid #777;
  border-bottom:1px solid #777;
  color: white !important;
}
.calendar_date_select .cds_buttons 
{
  text-align:center;
  padding:5px 0px;
  background-color: #555;
}
.calendar_date_select .cds_footer 
{
  background-color: #999;
  padding:3px;
  font-size:12px;
  text-align:center;
}
.calendar_date_select table 
{
  margin: 0px;
  padding: 0px;
}
.calendar_date_select .cds_header 
{
  background-color: #ccc;
  border-bottom: 2px solid #aaa;
  text-align:center;
}
.calendar_date_select .cds_header span 
{
  font-size:15px;
  color: black;
  font-weight: bold;
}
.calendar_date_select select { font-size:11px; }
.calendar_date_select .cds_header a:hover { color: white; }
.calendar_date_select .cds_header a 
{
  width:22px;
  height:20px;
  text-decoration: none;
  font-size:14px;
  color:black !important;
}
.calendar_date_select .cds_header a.prev { float:left; }
.calendar_date_select .cds_header a.next { float:right; }
.calendar_date_select .cds_header a.close 
{
  float:right;
  display:none;
}
.calendar_date_select .cds_header select.month { width:90px; }
.calendar_date_select .cds_header select.year { width:61px; }
.calendar_date_select .cds_buttons a 
{
  color: white;
  font-size: 9px;
}
.calendar_date_select td 
{
  font-size:12px;
  width: 24px;
  height: 21px;
  text-align:center;
  vertical-align: middle;
  background-color: #fff;
}
.calendar_date_select td.weekend 
{
  background-color: #eee;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
}
.calendar_date_select td div { color: #000; }
.calendar_date_select td div.other { color: #ccc; }
.calendar_date_select td.selected div { color:white; }
.calendar_date_select tbody td { border-bottom: 1px solid #ddd; }

.calendar_date_select td.selected { background-color:#777; }
.calendar_date_select td:hover { background-color:#ccc; }
.calendar_date_select td.today { border: 1px dashed #999; }
.calendar_date_select td.disabled div { color: #e6e6e6; }
.fieldWithErrors .calendar_date_select { border: 2px solid red; }

/*** ALLEEN HOME **************************************/
/*** ACTIEBLOK *************************************/
div#actieblok
{
	background-image:url(/images/layout/actieblokbg.jpg);
	background-repeat:no-repeat;
	background-color:#FFF;
	border-bottom:1px solid #FFF;
	padding:10px;
	
	/** Since 10-06-2009 IE6 fix **/
	overflow: hidden;
	width: 273px;
}
div#actieblok img
{
	padding-top:5px;
	display:block;
	
	/*NEW*/
	margin-bottom: 10px;
}
div#actieblok p 
{
	font-size:12px;
	color:#000;
	display:block;
	
	/*NEW*/
	margin:0;
	padding:0;
}

/*** NEWSLETTERBLOK ********************************/
div#newsletter
{
	height:90px;
	background-image:url(/images/layout/newsletterbg.jpg);
	background-repeat:no-repeat;
	padding:58px 10px 0 55px;
}
div#newsletter label
{
	color:#FFF;
	font-size:12px;
}
div#newsletter label.title { font-size:24px; }
div#newsletter .submit
{
	width:74px;
	height:27px;
	font-size:14px;
	color:#FFF;
	border:0px;
	background:none;
}
div#newsletter .newsletterinput
{
	width:128px;
	background:none;
	border:0px;
	margin:0 18px 0 0;
}

/*** EULOGO ****************************/
div#eulogo
{
	text-align: left;
	padding-left: 7px;
	margin-top: -40px;
}

/*** RIGHTCOLUMN BOTTOM ****************************/
div#rcolbottom
{
	width:293px;
	height:315px;
	background-image:url(/images/layout/rcolbottom.jpg);
	background-repeat:no-repeat;
	background-position:right;
	
	/*NEW*/
	position: absolute;
	bottom: 0px;
	right: 0px;
}

/*** LATESTNEWS & ARTICLES *************************/
div#latestnews ul,
div#latestnews ul li,
div#lastreactions ul,
div#lastreactions ul li
{
	list-style:none;
	margin:0 0 3px 0;
	padding:0;
}
div#articles ul,
div#articles ul li
{
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
div#latestnews p,
div#articles p,
div#lastreactions p
{
	margin:0;
	padding:0 0 19px 0;
}
div#articles a 
{ 
	display:block; 
	padding-bottom:3px;
}
div#latestnews ul li#firstitem { font-size:12px; }
div#latestnews ul li#firstitem span.date,
div#latestnews ul li#firstitem a
{
	font-weight:bold;
}

/*** LINK PURPLE & LINK BACK ************************/
.link_purple a
{
	background-image:url(/images/layout/purplearrow.gif);
	background-position:right;
	padding-right:15px;
}
.link_back a
{
	background-image:url(/images/layout/purplearrow_left.gif);
	background-position:left;
	padding-left:15px;
}
.link_purple a,
.link_back a
{
	background-repeat:no-repeat;
	color:#6d226b;
	font-size:12px;
	font-weight:bold;
	z-index:-1;
	text-decoration:none;
}

/*** RESEARCHERS OVERVIEW **************************/
span.name 
{
	width:353px;
	display:block;
	color:#de8d2e;
	font-weight:bold;
	font-size:14px;
}
span.intro
{
	width:353px;
	display:block;
}

/*** MARKDOWN SYNTAX *******************************/
div#rcol .link_purple,
table#mrksyntax 
{ 
	margin:10px 17px 0 18px; 
}
table#mrksyntax { margin-bottom:20px; }
table#mrksyntax td
{
	padding:10px;
	vertical-align:top;
	border-top:1px solid #f8e8d5;
	border-left:1px solid #f8e8d5;
}
table#mrksyntax .header
{
	background-image:url(/images/layout/navorangebg.jpg);
	background-repeat:repeat-x;
	padding-top:8px;
	padding-bottom:7px;
	color:#FFF;
	font-weight:bold;
	vertical-align:middle;
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
	border-bottom:1px solid #FFF;
}
table#mrksyntax #white { border-right:1px solid #FFF; }
table#mrksyntax .right { border-right:1px solid #f8e8d5; }
table#mrksyntax #bottom { border-bottom:1px solid #f8e8d5; }
table#mrksyntax #bottomright 
{ 
	border-bottom:1px solid #f8e8d5; 
	border-right:1px solid #f8e8d5; 
}
table#mrksyntax ul
{
	margin:0;
	padding:0 0 0 15px;
}
table#mrksyntax ol
{
	margin:0;
	padding:0 0 0 20px;
}
table#mrksyntax h1
{
	font-size:16px;
	color:#de8d2e;
	font-weight:bold;
	text-decoration:none;
}
table#mrksyntax h1,
table#mrksyntax h2
{
	padding:0;
	margin:0;
}

/*** LOGIN FORM & ERROR *****************************/
#content #lcol ul#loginerrors li { padding:0px 10px 0px 10px; }
.error { color:#F00; }
    
/*** PATIENT INFORMATION ****************************/
ul#patient_overview
{
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0 0 0 8px;
    padding: 0px;      
}

ul#patient_overview li
{
    float: left;
    width: 256px;
    height: 200px;
    border: 0px solid red;
    overflow: hidden;
}

div#navigation
{
    height: 30px;
}

div#navigation ul li.active
{
    background-image: none;
    background-color: #fff;
}

div#navigation ul li.active a
{
    color: #7f1c6d;
}

div#navigation ul li.languages
{
    border-right: 0px;
}

div#navigation ul li.language
{
    border-right: 0px;
}

div#navigation ul li.language img
{
    vertical-align: middle;
}
div#navigation ul li.language a
{
    font-weight: normal;
}

div#content
{
    background-image: none;
    margin: 7px 7px;
}

/*** PATIENT INFORMATION ****************************/
ul#patient_overview
{
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0 0 0 8px;
    padding: 0px;      
}

ul#patient_overview li
{
    float: left;
    width: 245px;
    height: 257px;
    border: 0px solid red;
    overflow: hidden;
    margin: 0 0 5px 8px;
}

ul#patient_overview li h1
{
    padding: 0px;
    margin: 0px;
    font-size: 16px;
}

ul#patient_overview li a
{
    text-decoration: none;
}

ul#patient_overview li a img
{
    border: 0px;
}

ul#patient_overview li div.intro
{
overflow: hidden;
}

ul#patient_overview li div.intro a, ul#patient_overview li div.intro div.intro_content a
{
color: #000;
}

ul#patient_overview li div.intro div.intro_content
{
    float: left;
    width: 195px;
    font-size: 12px;
}

ul#patient_overview li div.intro a
{
    text-decoration: none;
}

ul#patient_overview li div.intro div.intro_content p
{
    padding: 0px;
    margin: 0px;
}

ul#patient_overview li div.intro div.intro_image
{
    float: left;
    height: 95px;
    width: 50px;
    background-image:url(/images/layout/intro_background.jpg);
}

/*******************Public detail***************************/
div#lcol
{
    padding: 0;
    margin: 0 20px 0 0;
    font-size: 12px;
}

div#lcol.topdefault h1
{
    color:#6D226B;
    margin: 0px;
}

div#rcol
{
    width: 258px;
    margin: 0 13px 0 0;
}

ul#patient_submenu
{
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    margin: 5px 0 0 0;
    padding: 0px;      
    width: 100%;
}

ul#patient_submenu li
{
    height: 55px;
    width: 245px;
    margin: 0 0 5px 0;
    background-image:url(/images/layout/border_bottom.jpg);
}

ul#patient_submenu li div.menu_item
{
    height: 50px;
    background-color: #f2e8f0;
}

ul#patient_submenu li div.menu_item:hover
{
    background-color: #fff;
}

ul#patient_submenu li div.active
{
    background-color: #fff;
}

ul#patient_submenu li div.menu_item h1
{
font-size: 16px;
padding: 16px 0 0 5px;
margin: 0px;
width: 150px;
}

ul#patient_submenu li div.menu_item a
{
    text-decoration: none;
}

ul#patient_submenu li div.menu_item img
{
    float: right;
    border: 0px;
}
