/* @override http://demo.prowellness.com/workflower/App_Themes/DMS/DMS.css */


/* geneeriset perustyylit */
body {
	margin: 0;
	padding: 0;
	font-family: 'Segoe UI', Lucida Grande, Arial, sans-serif;
	/*           ^ win7      ^ Mac/iOS      ^ WinXP/linux/muut*/
	font-size: 12px;
	line-height: 1.4;
	color: #333;
	background: #f9f9f9;
}

#bodyLogin {
	margin: 0 1em 1em 1em;
}

#bodyLogin .tblDefault{
	text-align: center;
}

p, ul, ol {
	margin: 1em 0;
}


a:link, a {
	color: #0095FF;
	text-decoration: none;
}
a:visited {
}
a:active {
}
a:hover {
	text-decoration: underline; 
}
input {
	border: 1px solid #999;
	border-radius: .3em;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	padding: .2em;
	box-shadow: inset 0px 3px 5px rgba(0,0,0,.1);
}
button, input[type=submit], input[type=reset], input[type=button] {
	font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    border: none;
    border-top: 1px solid #bbb;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #777;
    display: inline-block;
    padding: .1em .6em;
    margin-bottom: .5em;
    background-color: #70787e;
    border-radius: 1em;
    text-shadow: 0px 1px 0px white;
    color: #333;
    background: #d9d9d9;
    background: -webkit-linear-gradient(top, #eee, #bbb);
    background: -moz-linear-gradient(top, #ededed, #dadada);
    background: -ms-linear-gradient(top, #ededed, #dadada);
    box-shadow: none;
}
select {
	font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    display: inline-block;
    padding: .1em;
    border-radius: .2em;
    text-shadow: 0px 1px 0px white;
    color: #333;
    box-shadow: none;
}
button:active, input[type=submit]:active, input[type=reset]:active, input[type=button]:active {
	color: black;
    background: #ddd;
    background: -webkit-linear-gradient(bottom, #ededed, #dadada);
    background: -moz-linear-gradient(bottom, #ededed, #dadada);
    background: -ms-linear-gradient(bottom, #ededed, #dadada);
}
textarea {
    margin-bottom: .5em;
}
input[type=checkbox], input[type=radio] {
	border: 0;
}

/* dialog close button */
.buttonClose {
	font-family: inherit;
    font-size: .8em !Important;
    font-weight: normal;
    line-height: inherit;
    border: none;
    border-top: 1px solid #bbb;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #777;
    display: inline-block;
    padding: .1em .6em;
    margin-bottom: .5em;
    background-color: #70787e;
    border-radius: 1em;
    text-shadow: 0px 1px 0px white;
    color: #333;
    background: #d9d9d9;
    background: -webkit-linear-gradient(top, #eee, #bbb);
    background: -moz-linear-gradient(top, #ededed, #dadada);
    background: -ms-linear-gradient(top, #ededed, #dadada);
    box-shadow: none;
}

table {
	border: none;
	border-spacing: 0;
}
	th {
		border: none;
		padding: 0;
	}
	td {
		text-align: left;
		vertical-align: top;
		padding: 0;
		border: none;
	}

.header, .bigText {
	font-size: 1.5em;
	font-weight: bold;
}

#ctl00_imgPatientInfoBackground {
	display: none;
}


/*** leiskaus ***/
.trHeader td,
.trHeader th,
.subHeader th,
.subHeader td,
.gviewSubHeader th,
.gviewSubHeader td {
	border-bottom: 1px solid black;
}

.pnlContent  > table {
	border-spacing: 1em;
}
.pnlContent  > table > tbody > tr > td {
	padding: 1em;
	border: 1px solid #ccc;
	background: white;
	margin: .5em;
}
.tblInformationContent {
	width: 100%;
}

	/* leiskaus front page */
	#ctl00_contentMain_cellPatientDiagnosis {
		width: 66%;
	}

/* piilotukset temp, poista nää */
.pnlDeleteDialog, .pnlDeleteDialog2, #ctl00_contentMain_info {
	display: none;
}

/*** gridview tablet ***/
.tblDefault {
	width: 100%;
}
.gviewDefault,
.gviewInformationAlternative {
	width: 100%;
	margin-bottom: 1em;
	margin-top: 1em;
}
.gviewDefault td,
.gviewInformationAlternative td {
	border-bottom: 1px solid #dedede;
	padding: .45em 1.4em .45em 0;
}


/*** header & footer ***/
.pnlHeader, .pnlFooter {
	background-color: #5688B3;
	background: url(Images/header-bg-left.png) top left repeat-x;
	color: white;
	overflow: visible;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
}
.pnlHeader a, .pnlFooter a {
	color: white;
}
.pnlFooter {
	padding: 1em;
	top: auto;
	bottom: 0;
	left: 0;
}
.pnlContent {
	padding-top: 3.4em;
}
#ctl00_masterBodyStripped .pnlContent{
	padding-top: 7.2em;
}

/* table row */
.trHeaderDialog {
	background-color: #568ade;
}
.trHeaderDialog td,
.trHeaderDialog th {
	padding: .5em;
	border-bottom: 1px solid #304f6a;
	text-shadow: 0 1px 1px #253E5C;
	color: white;
	font-weight: bold;
	font-size: 1.2em;
	background-color: #568ade;
}

/*header*/
	#loading {
		background: white;
		border: 1px solid #999;
		position: fixed;
		top: 9px;
		z-index: 9999;
		right: 9px;
		border-radius: .5em;
		padding: .5em;
	}

	/* patient info */
	.pnlPatientInfo, .pnlPatientInfoLow {
        padding: 12px;
        width: 168px;
        padding-right: 48px;
        float: left;
        text-shadow: 0px -1px 1px rgba(0,0,0,.5);
        background: url(Images/header-bg-slope.png) top right no-repeat;
    }
    .pnlPatientInfoLow {
        max-height: none;
        width: auto;
        background: none;
    }
      .tdPatientInfoLow {
        padding-right: 2em;
      }
      .labelOnlyOnPrinting {
        display: none; /* ilmeisesti pitäisi näkyä vain printatessa, siksi display none. */
      }
	#ctl00_ucPatientInfo_lblPatientNameValue {
		display: block;
		overflow: hidden;
		max-height: 3em;
		text-overflow: ellipsis;
	}

	/* menut */
	.pnlMenus {
		background: url(Images/header-bg-right.png) top left repeat-x;
		margin-left: 19em;
	}
	#ctl00_ucMenuUpper_Menu1 td {
		padding: .4em 0 .4em 0;
	}
	#ctl00_pwMenu_menuNavigation td {
		padding: .4em 0 .4em 0;
	}
	#ctl00_menuNavigation a,
	#ctl00_ucMenuUpper_Menu1 a,
	#ctl00_pwMenu_menuNavigation a {
		display: block;
		border: 1px solid #304f6a !important;
		text-decoration: none;
		text-shadow: 0 1px 1px #253E5C;
		color: white;
		font-weight: bold;
		font-size: 12px;
		background-color: #447097;
		background-image: -webkit-linear-gradient(90deg, hsl(208, 38%, 50%) 0%, hsl(208, 38%, 60%) 100%);
        background-image: -moz-linear-gradient(90deg, hsl(208, 38%, 50%) 0%, hsl(208, 38%, 60%) 100%);
        background-image: -ms-linear-gradient(90deg, hsl(208, 38%, 50%) 0%, hsl(208, 38%, 60%) 100%);
		padding: .5em;
		border-radius: .5em;
	}
	#ctl00_ucMenuUpper_Menu1 a:hover,
	#ctl00_pwMenu_menuNavigation a:hover {
		text-decoration: none;
		background: #0095FF;
		color: white;
	}
		/* submenut */
		.menuDynamic {
			background: #447097 !important;
			border-radius: .5em;
			border: 1px solid #304f6a;
		}
		.menuDynamic a {
			background: none !important;
			color: white !important;
			display: block;
			padding: 0 .5em;
			color: #0095FF;
		}

/*footer*/
#divFooter {
	border-top: 1px solid #999;
	background-color: #CFD2D4;
	box-shadow: inset 0px 1px #EEE;
}
#ctl00_contentFooter_tblFooterInformation td {
	padding: 1em;
}

.menuUpper {
}

.menuDown {
}

.menuDynamic {
	z-index : 10;
}

/* dialogit */
.pnlChangePassword {
  border: 1px solid #999;
  background: #fefefe;
  padding: .5em;
  border-radius: .5em;
  box-shadow: 0px 3px 5px #444;
}

/* dialogit */
.pnlChangePasswordInPopUp {
  border: 1px solid #999;
  background: #fefefe;
  padding: .5em;
  border-radius: .5em;
  box-shadow: 0px 3px 5px #444;
}

/* dialogit */
.pnlUploadUserSignatureImageInPopUp {
  border: 1px solid #999;
  background: #fefefe;
  padding: .5em;
  border-radius: .5em;
  box-shadow: 0px 3px 5px #444;
}

/* dialogit */
.pnlDefault, .pnlDeleteDialog, .pnlDNADeleteDialog, .pnlPatientNotes, .pnlDSS, .pnlDSSAlternative, .pnlAlert, .pnlAlert400, 
.pnlPreviousVisitsDialog, .pnlMDSPageSpecific, .pnlHL7QueryResults, .pnlModalPopup, .pnlModifyDiagnose, .pnlModifyDiagnoseAlternative, 
.pnlWebmailReceivers, .pnlDeleteMedicine, .divDropDownToolTip, .pnlAddTargetValue, .pnlParticipantInvite, .pnlReminder, .pnlHospitalAtHomeHistory,
.pnlReportingFolders, .pnlUserInputDialog, .tblClinicianSelector, .pnlEyeDna, .pnlCoreDetails {
  border: 1px solid #999;
  background: #fefefe;
  padding: .5em;
  border-radius: .5em;
  box-shadow: 0px 3px 5px #444;
}


/* Tommi>> */
.hidden {
	visibility: hidden;
}

.tdVisitModelCell1 {
	width: 20%;
}

.tdVisitModelCell2 {
	width: 30%;
}

.tdLoginCell {
	text-align: center;
}

.tdMessageCell {
	padding-top: 2.5em;
	padding-bottom: 2.5em;
}

.listBoxSuggest {
	font-family: Courier New;
    visibility: hidden;
}

.pnlModifyDiagnose {
	position: absolute; 
	background-color: White;
	left: 10px; 
	top: 300px; 
	visibility: hidden;
	border: solid 1em red;
}

.pnlPatientInfoLow {
}

.divProgress {
	background: white;
	border: 1px solid #999;
	position: fixed;
	top: 9px;
	z-index: 9999;
	right: 9px;
	border-radius: .5em;
	padding: .5em;
}

.progress {
    color: #000000;
    text-decoration: none;
}

.divLoginControls {
	background-color: #568ade;
	color: #fff;
	text-align: center;
	border-radius: .7em;
	padding: .5em;
}

.pnlChangePassword {
	position: absolute; 
	width: 600px;
	z-index: 10;
	left: 230px; 
	top: 250px; 
}


.pnlChangePassword > table > tbody > tr > td {
	padding: .5em;
}

.pnlChangePasswordInPopUp {
	position: absolute; 
	width: 600px;
	z-index: 10;
	left: 10%; 
	top: 10%; 
}

.pnlChangePasswordInPopUp > table > tbody > tr > td {
	padding: .5em;
}

.pnlUploadUserSignatureImageInPopUp {
	position: absolute; 
	width: 600px;
	z-index: 10;
	left: 0.65em; 
	top: 0.75em; 
}

.pnlUploadUserSignatureImageInPopUp > table > tbody > tr > td {
	padding: .5em;
}

.message {
	font-size: 1.2em;
    color: Red;
    font-style: italic;
}

.tdCloseDialog {
	text-align: right;
}

.pnlMoveHeader {
	padding: 0;
	cursor: move;
}



/* JuhaL >> */
.divEyeImage {
    overflow: hidden; 
    position: relative; 
    cursor: move; 
    padding: 2px; 
    height: 100px; 
    width: 420px;
}


.modalBackground2
{
    position: absolute;
    z-index: 100;
    top: 0px;
    left: 0px;
    background-color: #000;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}