/* User: Admin, HCP, Office, ... */
/* GLOBAL OBJECTS ============ */
ul, ol, dl {
	font-size: 12px;
}

/* Container for the Banner Component */
#header-wrap {
	border-bottom: 1px solid #bdc3c7;
	background-color: #d9d9d9;
	height: 99px;
	position: relative;
}
#header {
	min-width: 970px;
	height: 99px;
	width: 970px;
}
#header .logo {
/*	width: 220px; // new bigger logo REP-4846 */
	float: left;
	height: 100%;
}
.header-account {
	position: relative;
	width: 750px;
	float: right;
}
#header .logo img {
	position: absolute;
	bottom: 28px;
}
.no-pp {
	width: 160px;
	min-width: 160px;	
}
#header .login {
	text-align: right;
	margin: 0;
}
#header .login a {
	font-size: 12px;
	color: #000;
	text-decoration: none;
}
#header .login a:hover {
	text-decoration: underline;
}
span.logout a {
	/*background: url(../../images/logout.png) left top no-repeat;*/
	display: inline-block;
    height: 32px;
    padding-left: 5px;
}
span.logout a span {
	display: block;
	padding-top: 8px;
} 
/* Header: Old Navigation */

#header-wrap DIV.ftabset {
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
}
#header-wrap DIV.ftabset UL {
	margin: 0;
	padding: 0;
	clear: left;
}
#header-wrap DIV.ftabset LI {
	float: left;
	margin: 0;
	border-right: 1px solid #8f8f8f;
	/*padding: 0 15px;*/
	height: 34px;
}
#header-wrap DIV.ftabset LI.first {
	float: left;
	text-align: center;
	margin: 0;
	padding: 0;
	background: url(../../images/nav-bg.jpg) left top no-repeat;
	width: 147px;
	height: 34px;
}
#header-wrap DIV.ftabset LI.first:hover, #header-wrap DIV.ftabset LI.first.active-item {
	padding: 0;
	background: url(../../images/nav-bg-active.jpg) left top no-repeat;
	margin: 0;
}
#header-wrap DIV.ftabset LI.first a, #header-wrap DIV.ftabset LI.first.active-item a {
	padding-left: 50px;
}
#header-wrap DIV.ftabset LI A {
	color: #000;
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
	display: block;
	padding: 9px 15px;
	/*margin-top: 9px;*/
}
#header-wrap DIV.ftabset LI A:hover {
	color: #000;
	text-decoration: none;
	font-size: 13px;
}
#header-wrap DIV.ftabset LI:hover, #header-wrap DIV.ftabset LI.active-item {
	background: url(../../images/nav-bg-hover.jpg) left top repeat-x;
	height: 34px;
	color: #000;
}
#header-wrap DIV.ftabset LI.active-item a {
	color: #000;
	display: block;
	padding: 10px 15px;
}
/* Container for the Main Application Content */

#content {
	margin: 20px auto 0;
	text-align: left;
	width: 970px;
	padding-bottom: 60px;
	font-size: 12px;
}
.pageContent-wrap {
    position: relative;
}
.pageContent-wrap .title-wrap {
	margin-left: 0px;
}
h1.pageTitle {
	float: left;
	padding-bottom: 0;
	line-height: 26px;
	margin-bottom: 10px;
}
.pageContent-wrap span.pageTitle {
	font-size: 24px;
	display: inline-block;
	margin-left: 10px;
    vertical-align: middle;
    font-weight: normal;
    color:#0071a5; /*#0F9ADE;*/
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.pageContent-wrap span.pageTitle:first-child {
	margin-left: 0;
}
.pageContent-wrap .pageTitle-left {
	font-size: 24px;
	display: inline-block;
	vertical-align: middle;
	font-weight: normal;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.subTitle-name {
	display: inline-block;
    margin-top: -25px;
    margin-left: 10px;
    vertical-align: middle;
    font-size: 24px;
    color: #000;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.i-group {
	width: 840px;
   	margin: 20px auto 0;   
}
.i-group-full {
	/*width: 100%;*/
   	margin: 20px auto 0;   
}
.section {
	margin-bottom: 0;
	clear: both;
}

/** Content: Table Data Grid Pages **/
.inside {
	padding: 10px;
	display: table;
	width: 100%;
	/*position: relative;*/
}
.full-page .inside {
	padding: 0;
	display: table;
	width: 100%;
}
.content-form {
	border: 1px solid #0099e0;
	margin-top: -1px;
}
.new-style {
	padding: 20px 0 0;
}
.full-content {
	position: relative;
	padding: 0;
}
body div.t-data-grid {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
}
table.data-grid, table.data-grid-empty {
    width: 100%;
    table-layout: fixed;
}
.full-content table.data-grid, .full-content table.data-grid-empty {
	border: 1px solid #0f9ade;
	border-top: none;
}
table.data-grid-empty {
	margin-top: 0px !important;
	padding: 5px
}
table.data-grid th {
	white-space: normal;
	background-color: #0f9ade;
	color: #fff;
	font-size: 12px;
	vertical-align: middle;
	padding: 5px;
	text-align: center;
	border-right: 1px solid #fff;
}
.full-content table.data-grid th {
	background-color: #0f9ade;
	text-align: left;
}
table.data-grid th:last-child {
	border-right: none;
}
table.data-grid th.t-last {
	border-right: 0px solid #fff;
}
table.data-grid th a {
	text-decoration: none;
	color: #fff;
	float: none !important;
}
table.data-grid th a:hover {
	text-decoration: none;
}
table.data-grid td {
	padding: 5px;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	text-align: left;
	word-wrap: break-word;
}
table.data-grid td:last-child {
	border-right: 0px solid #fff;
}
table.data-grid td.name {
	text-align: left;
}
table.data-grid th.edit, table.data-grid td.edit, 
table.data-grid td.delete, table.data-grid th.delete, table.data-grid th.delete .th-inner {
	text-align: center;
}
.t-sort-icon {
    margin-left: 4px;
    vertical-align: middle;
}
table thead th.sub-head {
	border-top: 1px solid #fff;
}
/* Data Grid Pager */
div.t-data-grid-pager {
	margin: 10px 0 0;
	text-align: right;
}
div.t-data-grid-pager a, div.t-data-grid-pager span.current {
	font-size: 12px;
	margin-left: 5px;
	margin-right: 0;
}
div.t-data-grid-pager span.current {
	background-color: #0f9ade;
	border: 1px solid #0f9ade;
}

/** Content: Block (User) **/
.block-wrap span.block-title {
	color: #333;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px;
    text-transform: capitalize;
}
.block-wrap .block-content {
	padding: 10px 0 0;
}
.block-wrap table td.block-bgtop-l {
	background: url(../../images/bg-t-l.png) left top no-repeat;
	width: 10px;
	height: 28px;
}
.block-wrap table td.block-bgtop-c {
	background: url(../../images/bg-t-c.jpg) left top repeat-x;
	height: 28px;
}
.block-wrap table td.block-bgtop-r {
	background: url(../../images/bg-t-r.png) right top no-repeat;
	width: 10px;
	height: 28px;
}
.block-wrap table td.block-bgcontent-l {
	background: url(../../images/bg-c-l.png) left top repeat-y;
	width: 10px;
}
.block-wrap table td.block-bgcontent-c {
	background-color: #fff;
}
.block-wrap table td.block-bgcontent-r {
	background: url(../../images/bg-c-r.png) right top repeat-y;
	width: 10px;
}
.block-wrap table td.block-bgbottom-l {
	background: url(../../images/bg-b-l.png) left top no-repeat;
	width: 10px;
	height: 10px;
}
.block-wrap table td.block-bgbottom-c {
	background: url(../../images/bg-b-c.png) left top repeat-x;
	height: 10px;
}
.block-wrap table td.block-bgbottom-r {
	background: url(../../images/bg-b-r.png) right top no-repeat;
	width: 10px;
	height: 10px;
}

/* patient infor */
.info-bar {
	border: 1px solid #0f9ade;
	overflow: hidden;
	margin-bottom: 12px;
	font-size: 12px;
	font-weight: bold;
	padding: 7px;
	width: 100%;
	display: table;
	table-layout: fixed;
}
.info-bar .info-bar-item {
	/*float: left;*/
	display: table-cell;
	vertical-align: top;
}
/* Container for the Footer Component */

#footer-wrap {
	background: url(../../images/bg-footer.png) left top repeat-x #000;
    position: absolute;
    bottom: 0;
    clear: both;
    height: 43px;
    left: 0;
    right: 0;
}
#footer {
	overflow: hidden;
	margin: 0 auto;
	width: 960px;
	text-align: center;
}
#footer .footer_content {
	margin: 7px 0 0;
	font-size: 12px;
	color: #7e8183;
	line-height: 1.3em;
}
.copyright a {
	color: #fff;
	text-decoration: none;
}
.copyright a:hover {
	color: #7e8183;
	text-decoration: none;
}

/* Date Picker */
.datepicker {
	border: 1px solid #2488c2;
}
.datePicker .header {
	background-color: #3899D1 !important;
	border-bottom: 1px solid #2488c2 !important;
}
.datePicker td {
    padding: 0 !important;
    border: none !important;
}
.datePicker td.selected {
    background-color: #0f9ade !important;
}
.datePicker .grid {
    background-color: #E9F3F7;
}
.datePicker .footer {
    background-color: #CFE9F3;
}
div.t-palette-controls button[disabled] img {
	/* Theoretically for IE 8 & 9 (more valid) */
    /* ...but not required as filter works too */
    /* should come BEFORE filter */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

    /* This works in IE 8 & 9 too */
    /* ... but also 5, 6, 7 */
    filter: alpha(opacity=30);

    /* Older than Firefox 0.9 */
    -moz-opacity:0.3;

    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.3;

    /* Modern!
    /* Firefox 0.9+, Safari 2?, Chrome any?
    /* Opera 9+, IE 9+ */
    opacity: 0.3;
}
.datePicker {
	z-index: 10000;
}
.datePicker button {
	font: 12px Arial,Helvetica,sans-serif !important;
}
img.t-calendar-trigger {
    vertical-align: text-bottom;
    margin-bottom: 0px !important;
}
.datepickerControl td input[type="button"] {
	width: auto !important;
}
.datepickerControl td input {
	width: 22px !important;
}
/* Auto Complete */
table#grid tr td div.t-zone {
	position: relative;
}
DIV.t-autocomplete-menu {
	position: absolute;
	width: 243px;
}
DIV.t-autocomplete-menu UL {
    background-color: #f0f0f0;
    border: 1px solid #bdc3c7;
    overflow: auto;
    padding: 0;
}
DIV.t-autocomplete-menu LI {
    border-top: 1px solid #bdc3c7;
    border-bottom: none;
    color: #333;
    cursor: pointer;
    list-style-type: none;
    margin: 0;
    padding: 5px;
    font-weight: normal;
}
DIV.t-autocomplete-menu LI.selected {
	background-color: #bdc3c7;
	font-weight: normal;
}
DIV.t-autocomplete-menu LI:first-child {
    border-top: none;
    border-bottom: none;
}
#delete a {
	display: block;
}

/* New page style (I16) */
.top-button-right {
	margin-right: 10px;
}
.title-sub-block {
	padding: 15px 0 0;
	position: absolute;
	top: 0;
	right: 0;
}
.top-filter {
	float: left;
	margin-right: 15px;
}
.title-sub-block .submit.ver-2 {
	margin-top: 0;
}
.top-filter label {
	width: auto;
	margin-right: 5px;
}

/* @media hacks */
 
/* IE8 (via Keith Clarke) */
@media \0screen {
	.inside {
	}
	.inside.practiceDiagnosisCode {
		/*display: inherit !important;*/
	}
	.practiceDiagnosisCode .filteredBlock {
		width: 100%;
	}
	.practiceDiagnosisCode .fixed-table-container-inner .data-grid {
		table-layout: inherit;
	}
	.sort input.sort_in_alphabe, .sort_in_reverse_alphabe {
		width: 18px;
		height: 17px;
	}
	.submit .cancel {
		float: left;
	}
	.practiceDiagnosisCode table#grid td.codeLongName input {
		width: 290px;
	}
	.testReportTemplates {
		clear: both;
	}
	.VitaminMedicationOrderingListComponent table#grid tr td, 
	.VitaminMedicationOrderingListComponent table#grid tr th {
		position: inherit !important;
	}
	.VitaminMedicationOrderingListComponent table#grid tr td input, 
	.VitaminMedicationOrderingListComponent table#grid tr td select {
		padding: 1px;
	}
	.content label.level-item-label {
		margin: 3px 0px 3px 0px;
	}
	.sleep-problems .yesno-question-label label, .family-history-section div.yesno-question-label label, 
	.review-systems-section .yesno-question-label label, .HospitalizationComponent .yesno-question-label label {
		float: left;
	}
	.yesno-textarea-answer {
		padding: 0;
	}
	div.yesno-question-answer .radio-noAnswer {
		margin-right: 10px;
	}
	.stressors-wrap .even, .stressors-wrap .odd {
		padding-left: 0;
		padding-right: 0;
	}
	.stressors-wrap .header, .stressor-input {
		margin-left: 7px !important;
	}
	.stressManagement-wrap div.item {
		padding-top: 0px;
	}
	.stressManagement-wrap div.item .radio-yesAnswer, .pastmedicalhistoryeditor div.yesno-textarea-answer input.radio-yesAnswer {
		margin-right: 38px;
		padding-top: 0px;
	}
	div.yesno-textarea-answer input.radio-noAnswer, .stressManagement-wrap div.item .radio-noAnswer, .pastmedicalhistoryeditor div.yesno-textarea-answer input.radio-noAnswer {
		margin-right: 10px !important;
	}
	input.radio-noAnswer, input.radio-yesAnswer, input.radio-otherAnswer {
		padding: 0 2px !important;
	}
	.officelist {
		clear: both;
	}
	.account-settings {
		overflow: hidden;
	}
	h1.vertical {
		filter: flipv fliph !important;
		writing-mode: tb-rl !important;
		height: auto !important;
		bottom: 50% !important;
		top: 20% !important;
	}
	.rows, .concentrationUnitColumn, .frequencyColumn {position: relative;}
	.custom-compound-medication-detail DIV.t-autocomplete-menu {
		position: absolute;
		width: 243px;
		left: 235px !important;
		top: 22px !important;
	}
	.diagnosis_name_column DIV.t-autocomplete-menu {
		left: 80px !important;
		top: 32px !important;
	}
	.diagnosis_code_column DIV.t-autocomplete-menu {
		left: 112px !important;
		top: 32px !important;
	}
	.labTestEditor DIV.t-autocomplete-menu {
		left: 195px !important;
		top: 23px !important;
	}
	#single_compound_list_component DIV.t-autocomplete-menu, #customized_compound_list DIV.t-autocomplete-menu, 
	#commercial_medication_list_component DIV.t-autocomplete-menu, #vitamin_list_component DIV.t-autocomplete-menu {
		left: 0px !important;
		top: 22px !important;
	}
	#labTestReportTemplateEditorForm DIV.t-autocomplete-menu, 
	#vitaminCommercialMedicationsGrid DIV.t-autocomplete-menu, 
	#standardSingleCompoundMedicationsGrid DIV.t-autocomplete-menu, 
	#activeIngredientsGrid DIV.t-autocomplete-menu, 
	.medication_item_contain DIV.t-autocomplete-menu,
	.vitamin_supplement_item_contain DIV.t-autocomplete-menu, 
	.allergies-wrap DIV.t-autocomplete-menu {
		left: 0px !important;
		top: 22px !important;
	}
	.PatientLab-wrap DIV.t-autocomplete-menu {
		left: 3px !important;
		top: 23px !important;
	}
	.social-history DIV.t-autocomplete-menu {
		left: 195px !important;
		top: 22px !important;
	}
	IMG.t-autoloader-icon {
    	margin-top: -15px;
	}
}
/* fix for firefox */
@-moz-document url-prefix() 
{
	select:focus {
		outline: none !important;
	}
} 
/* IE8/9 */
@media screen\0 {
	input:focus, select:focus {
		outline: 1px dotted #666 !important;
	}
	select {
		padding: 2px !important;
	}
	.buttons-b a:focus {
		outline: 1px dotted #666;
		outline-offset: 0px;
	}
	.pageContent-wrap {
		/*position: inherit;*/
	}
	.inside {
	}
	.inside.practiceDiagnosisCode {
		/*display: inherit !important;*/
	}
	.practiceDiagnosisCode .filteredBlock {
		width: 100%;
	}
	.practiceDiagnosisCode .fixed-table-container-inner .data-grid {
		table-layout: inherit;
	}
	.sort input.sort_in_alphabe, .sort_in_reverse_alphabe {
		width: 18px;
		height: 17px;
	}
	.submit .cancel {
		float: left;
	}
	.practiceDiagnosisCode table#grid td.codeLongName input {
		width: 290px;
	}
	.testReportTemplates {
		clear: both;
	}
	.VitaminMedicationOrderingListComponent table#grid tr td, 
	.VitaminMedicationOrderingListComponent table#grid tr th {
		position: inherit !important;
	}
	.VitaminMedicationOrderingListComponent table#grid tr td input, 
	.VitaminMedicationOrderingListComponent table#grid tr td select {
		padding: 1px;
	}
	.content label.level-item-label {
		margin: 3px 0px 3px 0px;
	}
	.sleep-problems .yesno-question-label label, .family-history-section div.yesno-question-label label, 
	.review-systems-section .yesno-question-label label, .HospitalizationComponent .yesno-question-label label {
		float: left;
	}
	.stressors-wrap .even, .stressors-wrap .odd {
		padding-left: 0;
		padding-right: 0;
	}
	.stressors-wrap .header, .stressor-input {
		margin-left: 7px !important;
	}
	.stressManagement-wrap div.item {
		padding-top: 0px;
	}
	.stressManagement-wrap div.item .radio-yesAnswer, .pastmedicalhistoryeditor div.yesno-textarea-answer input.radio-yesAnswer {
		margin-right: 38px;
		padding-top: 0px;
	}
	input.radio-noAnswer, input.radio-yesAnswer, input.radio-otherAnswer {
		padding: 0 2px !important;
	}
	.officelist {
		clear: both;
	}
	.account-settings {
		overflow: hidden;
	}
	h1.vertical {
		filter: none;
	}
	.rows, .concentrationUnitColumn, .frequencyColumn {position: relative;}
	.custom-compound-medication-detail DIV.t-autocomplete-menu {
		position: absolute;
		width: 243px;
		left: 235px !important;
		top: 22px !important;
	}
	.diagnosis_name_column DIV.t-autocomplete-menu {
		left: 80px !important;
		top: 32px !important;
	}
	.diagnosis_code_column DIV.t-autocomplete-menu {
		left: 112px !important;
		top: 32px !important;
	}
	.labTestEditor DIV.t-autocomplete-menu {
		left: 195px !important;
		top: 23px !important;
	}
	#single_compound_list_component DIV.t-autocomplete-menu, #customized_compound_list DIV.t-autocomplete-menu, 
	#commercial_medication_list_component DIV.t-autocomplete-menu, #vitamin_list_component DIV.t-autocomplete-menu, 
	#patient_vitamin_list_component DIV.t-autocomplete-menu {
		left: 0px !important;
		top: 22px !important;
	}
	#labTestReportTemplateEditorForm DIV.t-autocomplete-menu, 
	#patientLabTestReportTemplateEditorForm DIV.t-autocomplete-menu, 
	#vitaminCommercialMedicationsGrid DIV.t-autocomplete-menu, 
	#standardSingleCompoundMedicationsGrid DIV.t-autocomplete-menu, 
	#activeIngredientsGrid DIV.t-autocomplete-menu, 
	.medication_item_contain DIV.t-autocomplete-menu,
	.vitamin_supplement_item_contain DIV.t-autocomplete-menu, 
	.allergies-wrap DIV.t-autocomplete-menu {
		left: 0px !important;
		top: 22px !important;
	}
	.PatientLab-wrap DIV.t-autocomplete-menu {
		left: 3px !important;
		top: 23px !important;
	}
	.social-history DIV.t-autocomplete-menu {
		left: 195px !important;
		top: 22px !important;
	}
	.hospitalizations-row DIV.t-autocomplete-menu {
		left: 7px !important;
		top: 27px !important;
	}
	.medical-history-female .no-lastperiod-description .row-content {
		display: inline-block;
		width: 200px;
	}
}

/* IE 9/10 */
@media screen and (min-width:0\0) {
	.filterGroup span#clearSearch input {
		padding-bottom: 2px !important;
	}
	.submit.ver-2 a {
		/*padding-top: 4px !important;*/
	}
}

/* Lab Companies */
.lab-companies .inside {
	padding: 10px 0 0;
	width: 100% !important;
}
.lab-companies .i-group {
	width: 100%;
}
.lab-companies .bottom-style {
	position: inherit;
	margin-right: 0 !important;
}
.lc-submit {
	padding-right: 10px;
	padding-top: 5px;
}
.dot {
	color: #0071a5; /* #0F9ADE;*/
	margin: 2px 0 0 10px;
	font-size: 18px;
	vertical-align: middle;
	display: inline-block;
}

/* (Master) Diagnostic Test Admin*/
.pad25-inside {
	padding: 12px 25px 54px 25px;
	position: relative;
}