form { margin: 0; padding: 0; }
p { margin: 0; padding: 0; }
img { border-width: 0; }

#contentSection p { line-height: 150%; }
.medixinecontent p { padding: 0 10px 0 10px; }

.outerframe ul { margin: 5px 0 0 0; padding: 0; }
.outerframe li { COLOR: #333333; FONT: 12px Arial, Helvetica, Sans-serif; line-height: 150%; margin: 0 0 0 25px; padding: 3px 0 3px 0; }

.contentcolleft { float: left; width: 360px; }
.contentcolright { float: right; width: 255px; }

.contentbox { border: solid 1px #ededed; padding: 0 10px 10px 10px; background: url(/images/general/content_box_bg.gif) repeat-x left bottom; }
.contentboxhead { color: #444; font-weight: bold; font-size: 12px; background: #f5f5f5; padding: 5px 0 5px 10px; margin: 0 -10px 15px -10px }

/* CLEAR FIX ********************************************************************/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}
.clearfix {display: block;} 


.clearer { clear: both; line-height: 0; height: 0; margin: 0; padding: 0; }

/********************************************************************************/


/* Different text styles */

.boldtext {	font-weight: bold;}
.italictext { font-style: italic;}
.underlinedtext { text-decoration: underline;}
.smalltext { color: #333333; font-size: 10px; } 
.biggertext { font-size: 14px; } 

/* Margins */

.topspace { margin-top: 10px; }
.bottomspace { margin-bottom: 10px; }
.leftspace { margin-left: 10px; }
.rightspace { margin-right: 10px; }


/* Table attiributes. Define table with borders. General definitions, header row, basic row */

table.bordered { background-color: #e2e2e2;}

table.bordered th { COLOR: #444; FONT: bold 11px Arial, Helvetica, Sans-serif; padding: 5px 5px 5px 5px; text-align: left; background-color: #f5f5f5; border-bottom: solid 1px #666666; border-top: solid 1px #ffffff; }

table.bordered td { COLOR: #000000; FONT: 12px Arial, Helvetica, Sans-serif; background-color: #ffffff;}

div.blocksection { background-color: #f5f5f5; border: 1px solid #ededed; padding: 10px; z-index: 1; }

.objectlistheaderarea { padding: 0px 5px 0px 5px; background-color: #FFEFDD; border: solid 1px #FFDFBB; border-bottom-width: 0; background-image: url(/images/template/gradient_bg.gif); background-repeat: repeat-x;}
.objectlistheader { padding: 5px 0px 5px 0px; COLOR: #0066CC; FONT: bold 14px Arial, Helvetica, Sans-serif; }
.objectlistbutton { }

/* Different text styles */



.boldtext {	COLOR: #000000; FONT: bold 9pt Arial, Helvetica, Sans-serif;}



/* Other than basic heading */

div.sectionheader { COLOR: #444; font: 16px Arial,Helvetica,sans-serif; margin: 0 0 5px 0; }
div.sectionheader2 { COLOR: #333; font:bold 12px "Lucida Grande","Lucida Sans Unicode",Tahoma,Arial,Helvetica,sans-serif; margin: 0 0 10px 10px; }
div.subsectionheader { COLOR: #000000; FONT: bold 12px Arial, Helvetica, Sans-serif; margin-top: 10px; margin-bottom: 2px; }

/* Form field title */

table.formtable { border: solid 0px #e2e2e2; border-collapse: separate; width: 100%;}
.fieldtitle { text-align: right; COLOR: #333; font: bold 11px Arial, Helvetica, Sans-serif; background: #f1f1f1; padding: 5px 10px 5px 10px; border-top: solid 1px #ffffff; border-bottom: solid 1px #e2e2e2; white-space: nowrap; }
.formfield { padding: 5px 10px 5px 10px; background: #f1f1f1; border-top: solid 1px #ffffff; border-bottom: solid 1px #e2e2e2; }

.forminfoicon A:link, .forminfoicon A:active, .forminfoicon A:visited { FONT: 11px Arial, Helvetica, Sans-serif; text-decoration: none;}

span.mandatory { margin-left: 2px; color: red; font: 12px Arial, Helvetica, Sans-serif; line-height: 0; }

/*.forminfotext { COLOR: #000000; font: 12px Arial, Helvetica, Sans-serif; padding: 7px;}*/

.forminfoarea { padding: 15px;}

div.forminfohead { color: #444; font-weight: bold; font-size: 12px; background: #f5f5f5; padding: 5px 0 5px 10px; margin: 0 0 5px 0; }

div.forminfotext { COLOR: #000000; font: 12px Arial, Helvetica, Sans-serif; padding: 7px 0 0 0; }

div.forminfotext p { COLOR: #000000; font: 12px Arial, Helvetica, Sans-serif; }

/*.forminfoarea { padding: 5px; background-color: #ffffff; border: 1px solid #e2e2e2; margin-bottom: 15px;}*/

.resulttext { COLOR: #000000; font: bold 12px Arial, Helvetica, Sans-serif; padding: 15px 0 15px 0; }


/* Used in communities to show the name of the user logged in */

.logged { COLOR: #003366; FONT: italic 11px Arial, Helvetica, Sans-serif; }


/* The message that is shown when some special action is made; ex. The registration was successful */

div.messagetext {	COLOR: #003366;	FONT: 12px Arial, Helvetica, Sans-serif;  border: solid 1px #cccccc; background: #E5F9E0; padding: 3px}

div.formprocessedmessage {	COLOR: #003366;	FONT: 11px Arial, Helvetica, Sans-serif;  border: solid 1px #cccccc; background: #E5F9E0; padding: 3px; margin-bottom: 10px;}

/* Navigation for multiple page search results or browse */

div.messagenavi { COLOR: #444; FONT: 12px Arial, Helvetica, Sans-serif; text-align: right; margin: 10px 0 10px 0;}
div.messagenavi a:link, div.messagenavi a:active, div.messagenavi a:visited { COLOR: #0066CC; FONT: 12px Arial, Helvetica, Sans-serif; text-decoration: none; padding: 0 3px 0 3px; margin-right: 1px;}
div.messagenavi a:hover { COLOR: #ffffff; FONT: 12px Arial, Helvetica, Sans-serif; text-decoration: none; padding: 0 3px 0 3px; background: #FF9900; margin-right: 1px;}

span.messagenavicurrent { COLOR: #ffffff; FONT: 12px Arial, Helvetica, Sans-serif; background: #FF9900; padding: 0 3px 0 3px; margin-right: 1px;}

/* Error text */

.error { COLOR: #CC0000; font-size: 12px; border: solid 1px #e2e2e2; background: #f2f2f2; padding: 3px 3px 3px 5px; margin-bottom: 15px;}


/* The text that shows how many matches found on search performed */

.searchresult { FONT: bold 11px Arial, Helvetica, Sans-serif; padding-bottom: 10px; padding-left: 5px; }


/* Used to separate different sections on a page */

.independentsection { margin-bottom: 10px;}


/* Defines the editable area when area editor is in use. Only in admin mode. */

.editablearea {/*border-width: 1px; border-style: solid; border-color: #D3D7E3; background-color: #5C92DC;*/}


/* GENERAL BUTTONS style definitions */

div.mbutton A:link, div.mbutton A:active, div.mbutton A:visited, div.mbutton A:hover { color: #000; FONT: 12px Arial, Helvetica, Sans-serif; text-decoration: none; }

div.mbutton A:hover { color: #000; FONT: 12px Arial, Helvetica, Sans-serif; text-decoration: underline;}

div.mbutton { float: left; border: solid 1px #e2e2e2; border-bottom: solid 1px #666; background-image: url(/images/general/submitbutton_bg.gif); background-repeat: repeat-x; padding: 4px 5px 4px 5px;  white-space: nowrap;}

.buttonicon { margin-right: 5px; vertical-align: middle;}

.buttonbar, .buttonbarright { padding-bottom: 10px; padding-left: 10px; padding-top: 10px; }

.buttonbarleft { padding-bottom: 10px; padding-right: 10px; padding-top: 5px;}

/* ICONS style definitions */

.iconwithtext { vertical-align: middle; margin-right: 5px;}

.icon { margin-right: 5px;}

.calendaricon { vertical-align: bottom;}

/* FORM style definitions */

input.fbutton { margin: 10px 0 10px 10px; color: #ffffff; font-weight: bold; background-color: #FF9900; padding: 5px 10px 5px 10px; border: solid 0px #cccccc;}

.formsection { border: 1px solid #ededed; background-color: #fff; padding: 0; z-index: 1; }

.clearer { clear: both; line-height: 0px; font-size: 0px; margin: 0; padding: 0; }

.formh2	{ color: #003366; background-color: #ffffff; FONT: 11px Arial, Helvetica, Sans-serif; padding: 3px; margin-bottom: 5px; }

.formhr { background-image: url(/images/general/form_hr.gif); background-repeat: repeat-x; height: 15px; margin-top: 15px; }


/* HTML-AREA STYLE DEFINITIONS */ 

/* Subheading */

h2 { COLOR: #CC6600; font: bold 13px Arial, Helvetica, Sans-serif; margin-top: 10px; }

/* Abstract */

h3 { COLOR: #000000; font: bold 13px Arial, Helvetica, Sans-serif; }


/* LINKS style definitions */


.outerframe a:link, .outerframe a:active, .outerframe a:visited { COLOR: #0066CC; FONT: 12px Arial, Helvetica, Sans-serif; text-decoration: none; }
.outerframe  a:hover {text-decoration: underline; }

.outerframe p a:link, .outerframe p a:active, .outerframe p a:visited { COLOR: #0066CC; FONT: 13px Arial, Helvetica, Sans-serif; text-decoration: none; }
.outerframe p a:hover { COLOR: #0066CC; FONT: 13px Arial, Helvetica, Sans-serif; text-decoration: underline; }

.linklist A:link, .linklist A:active, .linklist A:visited {COLOR: #0066CC; FONT: 12px Arial, Helvetica, Sans-serif; text-decoration: none;}
.linklist A:hover { COLOR: #0066CC; FONT:  12px Arial, Helvetica, Sans-serif; text-decoration: underline;}
*.linklist { margin-bottom: 7px; }

*.linklistimage { margin-right: 4px; vertical-align: top; }

.boldlink A:link, .boldlink A:active, .boldlink A:visited {COLOR: #0066CC; FONT: bold 12px Arial, Helvetica, Sans-serif; text-decoration: underline;}

.search-ins A:link, .search-ins A:active, .search-ins A:visited, .search-ins A:hover { color: #002B55; FONT: 10px Arial, Helvetica, Sans-serif; text-decoration: underline; }

.back { margin: 20px 0 0 5px; }

/* PATIENT style definitions */

.patientinfo { float: left; background-color: #F2F2F2; border: solid 1px #cccccc; padding: 5px; }

.rightsidelinks { padding-left: 20px; }

.caregroupname { color: #003366; FONT: bold 11px Arial, Helvetica, Sans-serif; }
.caregroupdescription { margin-top: 15px; margin-bottom: 15px; }

.patientsection { float: left; background-color: #F2F2F2; border: solid 1px #cccccc; padding: 10px; }
.expertsection { float: right; background-color: #F2F2F2; border: solid 1px #cccccc; padding: 10px; border-left-width: 0; }

.advancedsearch A:link, .advancedsearch A:active, .advancedsearch A:visited { COLOR: #0066CC; FONT: 12px Arial, Helvetica, Sans-serif; }
.advancedsearch { margin-top: 5px; margin-left: 20px; }

.arrowright { margin-left: 10px; margin-right: 4px; }

/* TAB styles */

div.tabsection { position: relative; margin-bottom: -1px; z-index: 998; height: 23px; border: solid 1px #ffffff; border-bottom-width: 0; border-right-width: 0;}
div.tabcontentsection { background-color: #ffffff; border: solid 1px #ffffff; padding: 10px; }


.tab A:link, .tab A:active, .tab A:visited { COLOR: #0066CC; FONT: 12px Arial, Helvetica, Sans-serif; text-decoration: none;}
.tab { cursor: pointer; COLOR: #0066CC; FONT: 12px Arial, Helvetica, Sans-serif; text-decoration: none; height: 23px; padding: 3px 10px 0 10px; background-color: #FFF0E0; border-bottom: solid 1px #ffffff;}

.tabactive A:link, .tabactive A:active, .tabactive A:visited {COLOR: #0066CC; FONT: 12px Arial, Helvetica, Sans-serif; text-decoration: none;}
div.tabactive { cursor: pointer; COLOR: #0066CC; FONT: 12px Arial, Helvetica, Sans-serif; text-decoration: none; z-index: 999; height: 23px;  padding: 3px 10px 0 10px; background-color: #FFDEB8; border-right: solid 1px #ffffff;}
div.tabfieldtitle { COLOR: #000000; FONT: bold 14px Arial, Helvetica, Sans-serif; padding-top: 15px; }
.tabseparator { width: 1px; height: 23px; background-color: #cccccc; }

/* custom */

div.areadescriptiontext { COLOR: #333333; FONT: 12px Arial, Helvetica, Sans-serif; padding: 5px 10px 10px 15px; }

div.laakarisearcharea {  padding-bottom: 10px;}
.laakarisearchtextfield { width: 162px; height: 25px; font: 12px Arial, Helvetica, sans-serif; border: 1px solid #CDE5F4; margin: 0 3px 0 15px; padding: 3px; }
.laakarisearchbutton { margin-bottom: 3px; vertical-align: top; cursor: pointer;  }

div.boxhead { margin-bottom: -1px; font-size: 0; line-height: 0px; width: 433px; height: 10px; background-image: url(/images/general/box_head.gif); background-repeat: no-repeat;}
div.boxcontent { background-image: url(/images/general/box_bg.gif); background-repeat: repeat-y; margin-top: 0px; padding: 0 8px 10px 8px;}
div.boxfooter { width: 433px; height: 5px; background-image: url(/images/general/box_footer.gif); background-repeat: no-repeat; margin-bottom: 10px;}

div.boxcontent p { COLOR: #333333; FONT: 12px Arial, Helvetica, Sans-serif;}

div.viikonlaakarihead { COLOR: #CC6600; FONT: bold 14px Arial, Helvetica, Sans-serif; padding: 0 0 5px 0; }
div.viikonlaakari { margin: 0 0 5px 0; }
div.rightsubnavholder{ margin: 5px 15px 5px 20px; }
div.rightosastonavholder{ padding: 5px 15px 10px 20px; }

.osastolinklefttext {float:left; width: 120px;}
.osastolinkrighttext {float:left; }
li.osastolink_left { padding: 3px 0 3px 0; margin: 0;}
li.osastolink_right { padding: 3px 0 3px 0; margin: 0;}
ul.osastolist { padding: 0; margin: 5px 0 0 17px; #margin-left: 0px; }

span.notpublished { margin-left: 10px; color: #fff; background-color: red;}
div.notpublished { margin: 10px 0 0 10px; padding:2px; color: #fff; background-color: red; }


div.verificationinfotext { COLOR: #333333; FONT: 12px Arial, Helvetica, Sans-serif; width: 300px; padding: 10px 0 5px 0; }

h3.rightcolumnsubhead { COLOR: #444; font-weight: bold; padding: 10px 0 5px 0; }

div.laakarishortinfo { color: #333333; font: 11px Arial, Helvetica, Sans-serif; padding: 5px 0 0 0;}

.linklistwithborder { padding: 5px 0 5px 0; border-bottom: 1px dashed #e2e2e2; }
.linklistwithborder a:link, .linklistwithborder a:active, .linklistwithborder a:visited { font: bold 14px Arial, Helvetica, Sans-serif; text-decoration: none;}
.linklistwithborder a:hover { font: bold 14px Arial, Helvetica, Sans-serif; text-decoration: underline;}
.linklistdescription { padding: 5px 0 0 0; }

td.attributelisttitle { color: #333333; FONT: bold 10px Verdana, Arial, Helvetica, Sans-serif; padding: 10px 20px 0 20px;  background-color: #ffffff;}
td.attributelisttext { color: #333333; FONT: 12px Arial, Helvetica, Sans-serif; padding: 10px 20px 0 20px; background-color: #f1f1f1;}
td.attributelisttitlelast {  background-color: #ffffff; }
td.attributelisttextlast {  background-color: #f1f1f1;}

.rightcolitemarea { padding: 10px 0 10px 0; border-bottom: solid 1px #ededed; }
.rightcolicon { float:left; width: 50px; height: 50px; }
.rightcoltextsarea { float: right; width: 240px;}
h2.rightcolhead { color:#0066CC; font-size: 12px; font-weight: normal; text-transform: uppercase; padding: 0; margin: 0; }
h2.rightcolhead:hover { text-decoration: underline; }
.rightcoltext { padding: 2px 0 0 0; }

div.osastodescription p { color: #333333; font: 11px Arial, Helvetica, Sans-serif;  }
div.osastodescription {  padding: 10px; display:table;}

img.osastoimagesmall { padding: 3px !important; background: #ffffff !important; border: 1px #e2e2e2 solid !important; float:right; display:table;  }

.sharearea { margin: 10px 0 10px 0; padding: 8px 0 8px 10px; }
.sharetext { color: #333; margin-right: 5px;}

.articlearea { position: relative; margin-bottom: 5px; margin-top: 5px; height:auto; display:block; border-bottom:1px solid #dddddd; border-top:1px solid #dddddd; }

.articledate { font-size: 11px; }
div.articleinfo { color: #999; font-size: 10px; padding: 0 0 30px 10px; }

.articleitemfirst { padding: 5px 5px 10px 10px; }

li.articlename { padding: 3px 0px 3px 0px;  margin:0; }
ul.articlelist { padding: 0; margin:0 0 0 25px; }
.articlearchive { font: bold 13px Arial, Helvetica, sans-serif; text-transform:uppercase; padding: 5px 0px 5px 5px; }

div.blogname { color: #444; font-size: 12px; font-weight: bold; }
div.blogdescription { color: #444; font-size: 11px; }
div.blogitem { position: relative; border-bottom: dashed 1px #e2e2e2; padding: 5px 0 5px 25px;}
.blogitem1 { position: absolute; top:5px; left:0; background: url(/images/frontpage/numerot.gif) no-repeat 0 0; width: 20px; height: 20px;}
.blogitem2 { position: absolute; top:5px; left:0; background: url(/images/frontpage/numerot.gif) no-repeat 0 -20px; width: 20px; height: 20px;}
.blogitem3 { position: absolute; top:5px; left:0; background: url(/images/frontpage/numerot.gif) no-repeat 0 -40px; width: 20px; height: 20px;}
.blogitem4 { position: absolute; top:5px; left:0; background: url(/images/frontpage/numerot.gif) no-repeat 0 -60px; width: 20px; height: 20px;}
.blogitem5 { position: absolute; top:5px; left:0; background: url(/images/frontpage/numerot.gif) no-repeat 0 -80px; width: 20px; height: 20px;}

.articlenamefirst { margin-bottom: 5px; }
.articlenamefirst a:link, .articlenamefirst a:active, .articlenamefirst a:visited { font: 18px Arial, Helvetica, Sans-serif; text-decoration: none;}
.articlenamefirst a:hover { font: 18px Arial, Helvetica, Sans-serif; text-decoration: underline;}


.videoscreenshot { float:left; width: 70px; margin:0;}
div.videoname { float:left; width: 240px; margin: 2px 0 0 10px;}
div.videoitem { border-bottom: dashed 1px #e2e2e2; padding: 5px 0 5px 0;}
div.videosource { color: #666; font-size:11px; margin-top: 2px; }
.videosourcename { color: #000; font-size:11px;}

div.usernamecheckok { color: Green; background: #f5f5f5 url(/images/icons/ok.gif) no-repeat 2px 3px; padding: 3px 5px 3px 22px }
div.usernamecheckfalse { color: #cc0000; background: #f5f5f5 url(/images/icons/error.gif) no-repeat 2px 3px; padding: 3px 5px 3px 22px }

.newsitems { margin: 0 0 10px 10px }
.newstext { padding: 0 10px 40px 10px }
span.newsitemdate { color: #666; font-style: italic; display: inline-block; margin: -10px 0 10px 10px } 

.registerinfotext { border: 1px solid #e2e2e2; border-bottom-width: 0px; padding: 10px; background: #f1fcec; }