html{overflow-y: scroll;}
body{margin:0;color:#000000;background:#ffffff url(../images/bg.gif) top left repeat-x;}
body,td,th,textarea,select,input {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 13px;}

h1.pagetitle{font-family: Arial, Helvetica, sans-serif;color:#000000;font-size:30px;font-weight:bold;margin:0 0 10px 0}
	h1.pagetitle .step{font-size:25px;font-weight:normal;color:gray;}

h2.sectiontitle{font-family: Arial, Helvetica, sans-serif;color:#000000;font-size:21px;font-weight:bold;margin:0px;border-bottom:1px solid #90a6d8;}
h2.listtitle{font-size:13px;font-weight:bold;margin:7px 0 4px 0;}

p{}
a{color:#000000;}
a:hover{text-decoration:underline;}

.clear:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clear {display: inline-table;} /* Hides from IE-mac \*/ * html .clear {height: 1%;} .clear {display: block;} /* End hide from IE-mac */ 
.textfield{border-left:1px solid #808080;border-top:1px solid #808080;border-right:1px solid #D4D0C8;border-bottom:1px solid #D4D0C8;} 
.textarea{width:100%;border-left:1px solid #808080;border-top:1px solid #808080;border-right:1px solid #D4D0C8;border-bottom:1px solid #D4D0C8;}
.list{}
.list.small{font-size:9px;}
.required{color:red;}
.required a{color:red !important;}

.button{font-family: Arial, Helvetica, sans-serif;font-size:17px;padding:2px 5px;background:#2c98b7;color:#ffffff;font-weight:bold;border-left:1px solid #ffffff;border-top:1px solid #ffffff;border-right:1px solid #000000;border-bottom:1px solid #000000;text-decoration:none}
	.button-submit{} 
	.button-login{} 
	.button-next{} 
	.button-submitprocess{} 
	.button-changeusername{} 
	.button-changepassword{} 

.template{visibility: hidden; display: none;}
.hidden{visibility: hidden; display: none;}

.searcharea {min-width:450px;padding:15px 20px;background: #93b5ed url(../images/searcharea-bg.gif) repeat-x top left;border:1px solid #5f87c3}
.searcharea img{vertical-align: middle;}
.searcharea label{font-weight:bold;margin:0 15px 0 0}
.searcharea #searchtextfield{font-weight:bold;width:300px;}
.searchresults{margin:15px 0 15px 0; padding: 0px 10px 0px 10px }
	.searchresults ul{clear:both;margin:0 0 0 0;padding:7px 0 4px 0;border-top:1px solid #d6e7fe; overflow:hidden; height: 17px;}
	.searchresults ul li{display:block;float:left;width:30%;margin:0 0 4px 0}
	.searchresults ul:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.searchresults ul {display: inline-table;}
	/* Hides from IE-mac \*/
	* html .searchresults ul {height: 1%;}
	.searchresults ul {display: block;}
	/* End hide from IE-mac */

ul.lastitem {color:#d1d1d1;border-top:1px solid #efefef;border-bottom:1px solid #efefef;}

.adminbar{background: url(../images/adminbar-bg.gif) bottom left repeat-x;font-family: Arial, Helvetica, sans-serif;font-size: 12px;border-bottom:1px solid #717171;height:29px;padding:0 0px 0 0}
	.adminbar ul{margin:0px;padding:0;}
	.adminbar ul li{display:block;float:left;}
	.adminbar ul li a{display:block;float:left;padding:6px 7px 8px 7px;text-decoration:none;border-left:1px solid #ffffff}
	.adminbar ul li a:hover{text-decoration:underline;}
	.adminbar ul.adminbar-cmi {margin:0 0 0 25px;padding:0}
	.adminbar ul.adminbar-cmi li a{background: url(../images/adminbar-cmi-bg.gif) bottom left repeat-x;} 
	.adminbar ul.adminbar-mh li a{background: url(../images/adminbar-mh-bg.gif) bottom left repeat-x;} 
	.adminbar ul.adminbar-inv {background:#ffffff;padding:0 1px 0 0}
	.adminbar ul.adminbar-inv li a{background: url(../images/adminbar-inv-bg.gif) bottom left repeat-x;} 
	.adminbar ul.adminbar-inv li a.adminbar-last{border-right:1px solid #ffffff}
	.adminbar .adminbar-name{float:right;margin:4px 25px 0 0;font-weight:bold;}

.layout{position:relative;margin:0 25px;background:#ffffff;padding:0 8px 10px 8px;border-left:1px solid #2c98b7;border-right:1px solid #2c98b7;border-bottom:1px solid #2c98b7;}

.toolbar{font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;background:#2c98b7;padding:6px 15px;color:#ffffff;font-size:11px;}
	.toolbar a{color:#ffffff;text-decoration:none;}
	.toolbar .left{float:left;}
	.toolbar .right{float:right;}
	.toolbar .right .loginbutton{margin:0px 0 0 5px;vertical-align:middle;}

.header{position:relative;height:95px;margin:0px 0 0 0;padding:0;background: url(../images/header-bg.gif) left repeat-x;border-bottom:1px solid #bcebf5}
	.logo{position:absolute;top:0;left:30px;font-family: Arial, Helvetica, sans-serif;color:#000000;font-size:21px;font-weight:bold;}
	.logo img{vertical-align:middle;}
	.headerinfo{position:absolute;right:20px;top:32px;color:#000000;font-size:13px;font-weight:bold;text-align:right}
	.headerinfo a{color:#000000;}
	.headerinfo img{margin:0 0 5px 0;}
	.tagline{position:absolute;right:22px;top:20px;}

	.nav ul{margin:0;padding:0;position:absolute;right:20px;bottom:-2px;}
	html > body .nav ul{bottom:-1px;}
	.nav ul li{display:block;float:left;margin:0 0 0 4px}
	.nav a{display:block;float:left;background:#2c98b7;border:1px solid #bcebf5;border-bottom:none;font-size:16px;font-weight:bold;font-family:"Trebuchet MS";color:#ffffff;padding:5px 11px;text-decoration:none;}
	.nav a:hover{background:#117b9b;text-decoration:none;color:#ffffff}

.location{color:#ffffff;background:#2c98b7;font-weight:bold;font-family: Arial, Helvetica, sans-serif;font-size:19px;padding:6px 0 6px 15px;margin:0 0 15px 0;line-height:1em}	
	.location a{color:#ffffff;}
	
.content{padding:5px 12px;}

.footer{font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color:#ffffff;background:#2c98b7;padding:5px 10px;margin:15px 0 0 0}
	.footer a{color:#ffffff;}
	.footer .left{float:left;}
	.footer .right{float:right;}

#display-note{position:absolute;right:120px;width:340px;height:200px;overflow:auto;background:#ffffff;border:1px solid #90a6d8;padding:5px}
	#display-note a.close{display:block;float:right;margin:0 0 5px 5px;text-align:center;font-size:11px;line-height:1em;padding:0px 3px 3px 3px;text-decoration:none;color:#000000;background:#d4d0c8;border-left:1px solid #ffffff;border-top:1px solid #ffffff;border-right:1px solid #404040;border-bottom:1px solid #404040}
#add-note{position:absolute;right:120px;width:340px;}
#add-attachment{position:absolute;right:170px;width:340px;}
	body.popup{background: #ffffff none;}
	.popup .layout{border:1px solid #90a6d8;margin:0;padding:5px 12px 10px 12px}
	.popup .section{margin:0;}
	.popup .actions{float:none;margin:10px 0 0 0}



.actions img{vertical-align:middle;}
.profileactions{float:right;margin:-25px 0 0 0}
.totop{font-size:11px;font-weight:bold;text-align:right;clear:left;}
.totop img{vertical-align:middle;}
.printwarning{display:none;}
.summary p{margin:5px 0 10px 0;}
.summary.welcomesummary{border:1px solid #90a6d8;padding:0px 15px 0 15px;margin:0 0 20px 0}
.summary.welcomesummary p{margin:10px 0 0px 0;}
.layout.form{width:760px;margin:0 auto}
.formactions{margin:20px 0}



.contentarea{float:left;width:535px;}
.contentarea.fullwidth{float:none;width:100%}

.column{float:right;width:180px;padding:25px 0 0 0;}
	.column ul{margin:10px 0 10px 15px;padding:0;}
	.focusarea{background:#ecf8fa;padding:10px 10px;margin:0 0 20px 0;border:1px solid #2c98b7;font-size:11px;line-height:1.4em;}
	.focusarea h2{font-size:16px;color:#ffffff;background:#2c98b7;padding:5px 4px;font-family: Arial, Helvetica, sans-serif;margin:-10px -10px 10px -10px}
	.focusarearow .focusarea {float:left;width:210px;margin:0 10px 20px 0px}
	.focusarea img{vertical-align:middle}


.section{margin:0 0 30px 0;}
	.border{padding:0px 0px 0px 15px;background:#898989;}
	.section-name {padding:5px 0;line-height:1.5em;}
	.section-cmi .border{background:#8bbe46}
	.section-oh .border{background:#0072bc}
	.section-labs .border{background:#f26522}
	.section-pd .border{background:#7a65bf}
	.section-pn .border{background:#898989}

.section-summary{}
	.section-summary .datatable th{background:#ffffff;color:#36569c;border-right:1px solid #c9d3ec;padding:5px 10px;}
	.section-summary .datatable td{border-bottom:1px solid #c9d3ec;border-left:1px solid #c9d3ec;border-right:1px solid #c9d3ec;font-size:12px}
	.section-summary .datatable td a{text-decoration:none;color:#000000;}
	.section-summary .datatable td ul{margin:0 0 0 15px;padding:0;}
	.section-summary .datatable td ul li{list-style-image: url(../images/bullet-summary.gif);margin:0 0 5px 0}	
	.section-summary th.section-cmi a{display:block;text-decoration:none;padding:0px 5px;border-left:9px solid #8bbe46}
	.section-summary th.section-oh a{display:block;text-decoration:none;padding:0px 5px;border-left:9px solid #0072bc}
	.section-summary th.section-labs a{display:block;text-decoration:none;padding:0px 5px;border-left:9px solid #f26522}
	.section-summary th.section-pd a{display:block;text-decoration:none;padding:0px 5px;border-left:9px solid #7a65bf}

.datatable{width:100%;border-collapse:collapse;background:#eff1fa;border:1px solid #90a6d8 !important;}
	.datatable th{padding:11px 15px;text-align:left;font-size:12px;border-bottom:1px solid #c9d3ec;vertical-align:top;}
	.datatable td{padding:8px 15px;border-bottom:1px solid #c9d3ec;vertical-align:top;}
	.datatable td .context{font-size:11px;font-weight:normal;}
	.datatable a:hover{text-decoration:underline !important;}
	.datatable .termsandconditions{background:#ffffff;border:1px solid #000000;height:200px;overflow:scroll;padding:10px;margin:0 0 10px 0}
	.datatable .termsandconditions p{margin:0 0 15px 0;}


.listtable{width:100%;border-collapse:collapse;background:#ffffff;border:1px solid #90a6d8;margin:0 0 4px 0}
	.listtable th{padding:4px 5px;vertical-align:middle;text-align:left;color:#43547a;font-weight:bold;border:1px solid #90a6d8;background:#cfd8ea;font-family:Arial, Helvetica, sans-serif;}
	.listtable td{padding:4px 5px;vertical-align:middle;border:1px solid #90a6d8;font-family:Arial, Helvetica, sans-serif;}
	.listtable th img, .listtable td img, .listtable th input, .listtable td input, .listtable th select, .listtable td select{vertical-align:middle;}
	.listtable select {text-align:left;}
	.listtable .action-notes{width:30px;text-align:center;}
	.listtable .action-attach{width:40px;text-align:center;}
	.listtable .action-delete{width:20px;text-align:center;}
	.listtable .action-add{background: url(../images/bg-list-add.gif) top left repeat-x;font-weight:bold}
	.listtable .list-ageatreaction{width:90px}
	.listtable .list-activationdeadline{width:130px}
	.listtable .list-address{}
	.listtable .list-adversereaction{}
	.listtable .list-ageatdiagnosis{width:110px;}
	.listtable .list-allergen{width:400px}
	.listtable .list-altphonenumber{width:140px}
	.listtable .list-certificatenumber{width:125px}
	.listtable .list-city{width:125px}
	.listtable .list-company{}
	.listtable .list-condition{} /*leave width undefined*/
	.listtable .list-conditiontreated{}
	.listtable .list-date{width:120px;}
	.listtable .list-dob{width:100px;}
	.listtable .list-description{}
	.listtable .list-doseandfrequency{}
	.listtable .list-drug{width:350px}
	.listtable .list-enddate{width:100px}
	.listtable .list-hospital{width:400px}
	.listtable .list-investigation{}
	.listtable .list-lab{}
	.listtable .list-lastupdated{width:100px}
	.listtable .list-name{}
	.listtable .empty-noneknown{}
	.listtable .list-phonenumber{width:100px}
	.listtable .list-policynumber{width:125px}
	.listtable .list-procedure{}
	.listtable .list-newprofilename{}
	.listtable .list-relation{width:150px}
	.listtable .list-result{width:200px}
	.listtable .list-riskfactor{width:300px}
	.listtable .list-route{width:40px}
	.listtable .list-speciality{}
	.listtable .list-startdate{width:100px}
	.listtable .list-vaccination{}
	.listtable .list-years{width:50px}



/* Auto-complete */
	.autocomplete{position:relative;}
	.autocomplete-textfield{width:98%}
	.autocomplete-searchresults {width:98%;background:#ffffff;border:1px solid #000000;position:absolute;left:0px;top:23px;z-index:1000}
	.autocomplete-searchresults:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .autocomplete-searchresults {display: inline-table;} /* Hides from IE-mac \*/ * html .autocomplete-searchresults {height: 1%;} .autocomplete-searchresults {display: block;} /* End hide from IE-mac */ 
	.autocomplete-searchresults ul{margin:0;padding:0;}
	.autocomplete-searchresults li{display:block; float:left;list-style:none;width:100%}
	.autocomplete-searchresults li.highlighted{background: #00507d;color:#ffffff;text-decoration:none}

.datedelimiter{float:left;width:10px;}
.edit-month a.edit{width:23px;float:left;}
.edit-month .select{ float:left; }
.edit-year a.edit{width:28px;float:left;}
.edit-endmonth a.edit{width:23px;float:left;}
.edit-endmonth .select{ float:left; }
.edit-endyear a.edit{width:28px;float:left;}
span a.edit{width:100%}
a.edit, a.edit:hover{text-decoration:underline;}
a.edit, a.edit:hover{text-decoration:none !important;}
.section a.edit{display:block;background:#F5F6FB;text-decoration:none !important;padding:2px 4px;border-bottom:1px solid #ffffff;border-right:1px solid #ffffff;border-top:1px solid #c9d3ec;border-left:1px solid #c9d3ec}
.section a.edit:hover{background:#ffffff;text-decoration:none !important;border-bottom:1px solid #D4D0C8;border-right:1px solid #D4D0C8;border-top:1px solid #808080;border-left:1px solid #808080;}
.listtable a.edit{display:block;background:#F5F6FB;text-decoration:none !important;padding:2px 3px;border-bottom:1px solid #ffffff;border-right:1px solid #ffffff;border-top:1px solid #c9d3ec;border-left:1px solid #c9d3ec;height:14px;}
.listtable a.edit:hover{background:#ffffff;text-decoration:none !important;border-bottom:1px solid #D4D0C8;border-right:1px solid #D4D0C8;border-top:1px solid #808080;border-left:1px solid #808080;}


* html div#search-results { width : 307px; } /* box model hack */
.sr, .srs { width : 100%; float : left; font-family : Arial, sans-serif; font-size : 13px; padding : 1px 0 0 0; }
.sr { background-color : #fff; color : #000; }
.srs { background-color : #36c; color : #fff; cursor : pointer; }
.sr .src { color : #008000; }
.srs .src { color : #fff; }
.srt { float : left; font-size : 13px; margin-left : 4px; }
.src { float : right; font-size : 10px; margin-right : 3px; padding-top : 2px; }


.print{display:none;}


.overlaymask{display:block;position: absolute;top: 0;left: 0;z-index: 3;width: 100%;height: 100%; background-color: #000000;filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;} 
.overlaymask div{font-family: Arial, Helvetica, sans-serif;font-weight:normal;font-size:11px;color: #ffffff; margin:40; z-index:5;filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;background:transparent}
.overlaymast h1 {text-alignment: center;}
.overlaymask div a{text-decoration: underline; color: #ffffff;}


#status{color:#000000;font-weight:bold;font-size:1px;}
.status-success{border:1px solid #8dc63f;background:#dcf6b7;font-size:13px !important;margin:0 0 15px 0;padding:5px 10px}
.status-warning{border:1px solid #b27a0a;background:#f8ecb5;font-size:13px !important;margin:0 0 15px 0;padding:5px 10px}
.status-error{border:1px solid #ed1c24;background:#f8bcb5;font-size:13px !important;margin:0 0 15px 0;padding:5px 10px;}

.message {position: absolute; margin:0 0 15px 0;padding:5px 5px;color:#000000;font-weight:bold; border:1px solid #ed1c24; }
.warning {background:#f8ecb5;}
.error { background:#f8bcb5;}

#validate span {}
#validate a.close{display:block;float:right;margin:0 0 5px 5px;text-align:center;font-size:11px;line-height:1em;padding:0px 3px 3px 3px;text-decoration:none;color:#000000;background:#d4d0c8;border-left:1px solid #ffffff;border-top:1px solid #ffffff;border-right:1px solid #404040;border-bottom:1px solid #404040}