td,div { COLOR: #000000; FONT: 12px Arial, Helvetica, Sans-serif;}

p { margin: 0 0 0 0; padding: 0 0 0 0; line-height: 130%; }

img { border-width: 0; }

/* 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; }

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


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

table.bordered { COLOR: #000000; FONT: 9pt Arial, Helvetica, Sans-serif; FONT-WEIGHT: normal; background-color: #ededed;}

table.bordered th { COLOR: #333333; FONT: bold 11px Arial, Helvetica, Sans-serif; text-align: left; background-color: #f1f1f1; }

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

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

/* Different text styles */

.text {	COLOR: #000000; FONT: 9pt Arial, Helvetica, Sans-serif; FONT-WEIGHT: normal;}

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




/* Other than basic heading */

.directoryheader  { COLOR: #014c85; FONT: 18px Arial, Helvetica, Sans-serif;  padding-top: 20px; padding-bottom: 15px;}

.sectionheader { COLOR: #014c85; FONT: bold 12px Arial, Helvetica, Sans-serif; padding: 2px 0 15px 0px; }

.subsectionheader { COLOR: #014c85; FONT: bold 12px Arial, Helvetica, Sans-serif;  padding-left: 1px; padding-top: 3px;}

/* Form field title */

.fieldtitle { COLOR: #000; font: bold 11px Arial, Helvetica, Sans-serif; }

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

.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 */

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

.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 */

.messagenavi { COLOR: #000000; FONT: 11px Arial, Helvetica, Sans-serif;}


/* Error text */

.error { COLOR: red; FONT: 11px Arial, Helvetica, Sans-serif; 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 */

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

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

.button { display: inline-block; float: left; border: solid 1px #e2e2e2; border-bottom: solid 1px #000; background: url(/images/general/submitbutton_bg.gif) repeat-x; }
.buttoninner { float:inherit; cursor: pointer; text-transform: none; white-space: nowrap; padding: 4px 5px 4px 5px; border-top: solid 1px #fff;}
.buttoninner:hover {cursor: pointer; background: #f1f1f1; }

.buttonicon { border-width: 0; margin-right: 4px; vertical-align: middle;}

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

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


/* ICONS style definitions */

.icon { margin-right: 5px;}

.calendaricon { vertical-align: middle; margin: 0 0 3px 3px;}

/* FORM style definitions */

.fbutton { color: #ffffff; FONT: bold 11px Arial, Helvetica, Sans-serif; background-color: #1674bb; padding: 5px 10px 5px 10px; border: solid 0px #cccccc;; }

.formsection { display: inline-block; background-color: #F3F3F3; border: solid 1px #e2e2e2; padding: 10px; z-index: 1; }

.clearer { clear: left; line-height: 0; height: 0; 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: #000000; font: 16px Arial, Helvetica, Sans-serif; }

/* Abstract */

h3 { COLOR: #000000; FONT-FAMILY: Arial, Helvetica, Sans-serif; FONT-size: 9pt; FONT-WEIGHT: bold; }


/* LINKS style definitions */

A:link, A:active, A:visited { COLOR: #014c85; FONT: 12px Arial, Helvetica, Sans-serif; text-decoration: none; }
A:hover { COLOR: #014c85; FONT: 12px Arial, Helvetica, Sans-serif; text-decoration: underline; }

.linklist A:link, .linklist A:active, .linklist A:visited {COLOR: #1674bb; FONT: 9pt Arial, Helvetica, Sans-serif; text-decoration: underline;}
.linklist { margin-bottom: 10px; }

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

.boldlink A:link, .boldlink A:active, .boldlink A:visited {COLOR: #1674bb; FONT: bold 11px 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 A:link, .back A:active, .back A:visited, .back A:hover { color: #1674bb; background-color: #E6EFF8; padding: 3px; FONT: 11px Arial, Helvetica, Sans-serif; text-decoration: none;}
.back { margin-top: 25px; margin-bottom: 10px;}

/*
.tab A:link, .tab A:active, .tab A:visited { COLOR: #666666; FONT: bold 10px Arial, Helvetica, Sans-serif; text-transform: uppercase;text-decoration: none; padding-left: 10px; padding-right: 10px;}
.tab A:hover { COLOR: #666666; FONT: bold 10px Arial, Helvetica, Sans-serif; text-transform: uppercase;text-decoration: none; background-color: #ffffff; padding-left: 10px; padding-right: 10px;}
.tabactive A:link, .tabactive A:active, .tabactive A:visited { COLOR: #000000; FONT: bold 10px Arial, Helvetica, Sans-serif; text-transform: uppercase;text-decoration: none; padding-left: 10px; padding-right: 10px;}
.tabactive A:hover { COLOR: #666666; FONT: bold 10px Arial, Helvetica, Sans-serif; text-transform: uppercase;text-decoration: none; padding-left: 10px; padding-right: 10px;}
*/

/* 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: #1674bb; FONT: 11px Arial, Helvetica, Sans-serif; }
.advancedsearch { margin-top: 5px; margin-left: 20px; }

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

/* TAB styles */

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


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

.tabactive A:link, .tabactive A:active, .tabactive A:visited { COLOR: #002B55; FONT: 11px Arial, Helvetica, Sans-serif; text-decoration: none;}
.tabactive { cursor: pointer; COLOR: #002B55; FONT: 11px Arial, Helvetica, Sans-serif; text-decoration: none; z-index: 999; height: 23px;  padding: 3px 10px 0 10px; background-color: #F2F2F2; border-right: solid 1px #cccccc; border-bottom: solid 1px #F2F2F2;}

.tabseparator { width: 1px; height: 23px; background-color: #666666; }


.tabletitle { COLOR: #333333; font: 12px Arial, Helvetica, Sans-serif; padding-right: 10px; vertical-align: top;}

table.table1 td { border-bottom: solid 2px #ededed; padding: 10px 10px 10px 0; } 

.table1 { border-top: solid 2px #ededed; }

li { padding: 5px 0 5px 0px; margin: 0px; }

table.table2 td { vertical-align: top;} 
table.table2 td.row { background-color: #ffffff; padding: 5px;} 

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

.printicon { vertical-align: middle; margin-right: 4px }

.addchildrenhead { font-size: 14px; border-top: solid 3px #e2e2e2; margin-top: 20px; padding: 5px 0 10px 0; }

.searchfieldtutkimukset { margin-left: 10px; }