/* YUI overrides */
html {
	background-color: #B0C5B9;
}

body {
    font-size: 12px;    /* overrides YUI default of 13px */
    margin: .75em;
	background-color: #B0C5B9;
}

fieldset {
    border: 1px groove;
    padding: 3px;
}

table {
	border: 0px;
}

legend {
    margin-left: 1em;
}

.err {
	color: red;
}

.disabled {
	color: grey;
}

/* these next two are for aligning table-less forms */
.aligned_form_fields label {
    display: block;
    float: left;
    width: 25em;
}

.aligned_form_fields label+input {
    clear: both;
}

/*
    header stuff
*/
#header {
    background-color: white;
}

table#header_cells {
    margin: 0px;
    border: 0px;
}

table#header_cells td {
    border: none;
    margin: 0px;
    padding: 0px 8px;
}

/* was #hdrConfigBox, but that doesn't work since Dojo tweaks the DOM nodes
   in some strange, inscrutable way. #id is lost, but .class is retained */
#header .hdrConfigBox {
    float: right;
}

.content {
    min-height: 100px;
    background: #f0f0f0;
}

/* the stuff under the header.... */
.stdContentBox {
    border: solid 1px black;
    padding: .5em;
    margin-bottom: 4px;
}

/* !important, otherwise the dojo node-generating stuff overwrites it. Width works out all right */
.debugTraceDialog .dijitDialogPaneContent, .clinicalRulesDialog .digitDialogPaneContent {
	height: 90% !important;
}

.soria .dijitDropDownButton .dijitButtonNode {
    border: none;
}

        /* specific pages */
#login_box {
    width: 50%;
    margin: 5em auto;
    border: solid 1px black;
    padding: .5em;
    margin-bottom: 4em;
    background-color: #ffffff;
}

#login_box span {
    font-weight: bold;
    display: block;
    float: left;
    width: 9em;
}

#login_box input[type=text], #login_box input[type=password] {
	width: 15em;
}

#login_box input[type=submit] {
    margin-top: .8em;
	width: 7em;
}

#login_box #logo {
	float: right;
}

#login_box .err {
    clear: both;
	margin-top: 1em;
}

/*
    Stylings for the main Patient page
    .tslContent is for the Indicaties, Contras, etc.
*/

#superwide {
    min-height: 630px;
    width: 100%;
}

.patientWrap {
	width: 450px;
	margin-right: 5px;
    position: relative;
}

div#patientMenuBar {
    height: 2.5em;
    overflow: hidden;
    white-space: nowrap;
}

.menuIcon {
	display: inline-block;
	height: 16px;
	width: 16px;
	background-repeat: no-repeat;
	margin-left: 1px;
	margin-right: 2px;
	position: relative;    /* tweak icon position */
	top: -1px;
}

.menuIcon.canWrite {
	   background-image: url('../img/pencil.png');
}

div#patientTabContainer {
    position: absolute;
    top: 2.5em;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

#crOutputIframe, #prescriptorOutputIframe, #toetsOutputIframe {
    height: 100%;
    width: 100%;
    padding: 0px;
    margin: 0px;
    border: none;
}

table.tslContent {
	width: 96%;
	margin: 2px;
}

table.tslContent td.tslEntryName {
	width: 80%
}

table.tslContent td.tslEntryControls {
	width: 5%;
	text-align: right;
}

table.tslContent td {
    width: 10%;
	margin: 0;
    padding: 0;
}

/* Note: the size of these is determined by the .tslScrollContainer or similar */
.typedSelectList {
    border: solid 1px green;
    margin: .3em;
    position: relative;
}

table td.patient_left {
    width: 60%;
}
.tslTopBar {
    border: solid 1px black;
    position: relative;
    font-size: 85%;
    height: 2em;
    background-image: url('../img/blue_gradient.png');
}

.tslTopBar h3 {
    margin: .5em;
}

.tslTopBar .tslTopBarPopupTrigger {
    margin-top: -10px;
    position: absolute;
    right: 1px;
    top: 60%;
}

.medEllipsis {
    margin-bottom: 5px;
    margin-right: 10px;
}

.codeSelectGrid {
	margin-top: .5em;
	margin-bottom: .5em;
}

.typedSelectList .dgrid-row-odd, .codeSelectGrid .dgrid-row-odd {
	background-color: #f2f5f9;
}

.typedSelectList .dgrid-cell {
    border: 1px dotted #D5CDB5;
    border-left-color: transparent;
    border-top-color: transparent;
	vertical-align: middle;
}

.typedSelectList .dgrid-scroller {
	overflow-y: auto;      /* override */
}

.typedSelectList .field-keepFlag, .typedSelectList .field-delete {
	width: 30px;
	text-align: center;
}

.patCon_2::before {     /* allergy Stam / SNK */
    content: "s";
    padding: 2px 4px;
    color: white;
    background-color: orange;
}

.patCon_1::before {     /* allergy group / OGGRP */
    content: "g";
    padding: 2px 4px;
    color: white;
    background-color: green;
}

.patCon_3::before {      /* allergy Stof / SSK */
    content: "r";
    padding: 2px 4px;
    color: white;
    background-color: red;
}

.medicationList .dgrid-content td {
    width: 25px;
}

.medicationList .dgrid-content td.field-label {
    width: auto;
}

.medicationList  td.field-daysAgo {
	    width: 25px;
    text-align: right;
}

.typedSelectList  td.field-daysAgo.editable,
.medicationList td.field-label.editable {
	   cursor: url(../img/pencil.png) 1 16, cell;
}

.labdataList td.field-daysAgo  {
    width: 40px;
	text-align: right;
}

.labdataList td.field-value {
    width: 30px;
	text-align: right;
}

.labdataList td.field-info, .labdataList td.field-ATC, .labdataList td.keepFlag {
    width: 25px;
}

.adviceList td.field-info {
    width: 25px;
}

.typedSelectList td.field-tooltip {
    width: 25px;
	text-align: center;
}

.tslScrollContainer, .oslScrollContainer {
	height: 85px !important;
    font-size: 90%;
}

.medicationList .oslScrollContainer {
	height: 110px !important;
}

.dgrid-row table {
	margin: 0; /* override before&after table spacing */
}

/* FIXME: may no longer be needed */
.tslDeleteEntry {
	width: 16px;
	height: 16px;
	margin: 1px;
	background-image: url('../img/cross.png');
}

div#patient_container {
	width: 100%;
}

table.patient_layout {
	margin-bottom: 0px;
	width: 100%;
}

table.patient_layout td {
    border: none;
	padding: 0;
}

.patient_title_row h2 {
    margin: 2px 0 3px 0;
}

.happPatientComment {
    margin: 3px;
    overflow: hidden;
    position: relative;
}

.happ_dialog_SearchKey .dijitComboBox { width: 26em; }

/*
 * assorted pages
 */

div#profileDiv {
    float:right;
}

.wp_frame {
	height: 580px;
}

.addCodeDialog {
	width: 500px;
}

table.patient_dialog_fields td {
	border: 0px;
	padding: 0.4em;
}

.profileDlgFields {
	width: 20em !important;   /* otherwise the Dojo stylings override this */
}

.labDataDialog .lcdCodeWidget { width: 7em; }
.labDataDialog .lcdMatWidget { width: 5em; }

#options_table .foo > td  {
	border: none;
}

.patEditText {
    border: solid 1px black;
}

table#patientSort td.arrows div {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: inline-block;
}

table#patientSort td.arrows {
    width: 45px;
}

table#patientSort td.arrows div.up {
    background-image: url('../img/up.gif');
}

table#patientSort td.arrows div.down {
    background-image: url('../img/down.gif');
}

.targetList div.dgrid-row {
    padding: 3px 0px 0px 5px;
}

.targetList div {
    line-height: 1.2em;
}

.targetList label {
    margin-left: .5em;
    margin-right: .5em;
    font-weight: bold;
}

.targetList .col1 {
    display: inline-block;
    width: 25em;
}

.targetList .col2 {
    display: inline-block;
    width: 45em;
}

.targetList span.crossIcon {
    width: 17px;
    background-image: url(/img/cross.png);
    display: inline-block;
    height: 20px;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-left: 1em;
}

.targetList div.dgrid-row:hover {
    background-color: transparent;
}

.targetLabel.dijitTextBox {
    width: 20em;
}

.targetUrl.dijitTextBox {
    width: 40em;
}

.targetList .dijitTextBoxDisabled input  {
    color: #424b5d !important;
}

.mbGrid {
    width: 400px;
    height: 150px !important;
}

.mbGrid .field-transfer {
    width: 3em;
}