﻿/*
	Generic
*/
.use-new-styles .full-width {
	width: 100%;
}

/*
	Misc Elements
*/
.use-new-styles.content {
	width: 1024px;
}
.use-new-styles.content-wide {
	width: 1280px;
}
.use-new-styles div.div-list-1 > div {
	margin-top: 12px;
}
.use-new-styles div.div-list-1 > div:first-of-type {
	margin-top: 0;
}

.use-new-styles div.page-top-text {
	width: 720px;
}
.use-new-styles div.pre-grid-buttons {
	text-align: right;
	margin: 4px 0;
}
.use-new-styles div.pre-grid-buttons > div {
	display: inline-block;
	width: 50%;
}
.use-new-styles div.pre-grid-buttons .left {
	text-align: left;
}
.use-new-styles div.pre-grid-buttons .right {
	text-align: right;
}
.use-new-styles .menu-name-text, 
.use-new-styles .button-name-text {
	font-weight: bold;
}
.use-new-styles .highlighted-form-field
{
	font-size: 14px;
	font-weight: bold;
	color: darkblue;
}
.use-new-styles .user-message-area {
	padding: 6px 0;
	min-height: 26px;
}
.user-message-label {
	display: inline-block;
	padding: 6px 0;
	min-height: 26px;
}
.use-new-styles .saving-message
{
    font-weight: bold;
	font-style: italic;
	color: royalblue;
}
.use-new-styles .date-text-input {
    width: 86px;
}
/*
	Utility
*/
div.vspacer {
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	height: 10px !important;
	line-height: 10px !important;
}

	div.vspacer.small {
		height: 5px !important;
		line-height: 5px !important;
	}

	div.vspacer.medium {
		height: 10px !important;
		line-height: 10px !important;
	}

	div.vspacer.large {
		height: 15px !important;
		line-height: 15px !important;
	}

	div.vspacer.extra-large {
		height: 20px !important;
		line-height: 20px !important;
	}

	div.vspacer.double-extra-large {
		height: 40px !important;
		line-height: 40px !important;
	}

/*
	Tables
*/
.use-new-styles table.compact
{
    border-spacing: 0;
    border-collapse: separate;
}
.use-new-styles table.compact td
{
	padding: 0;
}

.use-new-styles td select {
	font-size: 12px;
}

.use-new-styles table.standard-detail-page {
    border-spacing: 0;
    border-collapse: separate;
	width: 100%;
}
.use-new-styles table.standard-detail-page.dev td {
	border: solid 1px red;
}

.use-new-styles table.standard-detail-page > tbody > tr > td, 
.use-new-styles table.standard-detail-page > tr > td
{
	padding: 4px 0;
}

.use-new-styles table.standard-detail-page table.value-table
{
	border-spacing: 0;
	margin-left: 0;
}
.use-new-styles table.standard-detail-page table.value-table td
{
	padding: 0 4px 4px 0;
}
.use-new-styles table.standard-detail-page tr.section-heading td.section-controls 
{
	text-align: right; 
	white-space: nowrap;
	padding-bottom: 0;
}

.use-new-styles table.standard-detail-page > tbody > tr.section-heading,
.use-new-styles table.standard-detail-page > tr.section-heading
{
	vertical-align: bottom;
}

.use-new-styles table.standard-detail-page > tbody > tr.section-heading heading2,
.use-new-styles table.standard-detail-page > tr.section-heading heading2
{
	width: initial;
}

.use-new-styles table.standard-detail-page tr.spacious-section
{
	height: 20px;
}
.use-new-styles table.standard-detail-page tr.spacious-section > td
{
	font-size: 14px;
}
.use-new-styles table.standard-detail-page tr.spacious-section input[type=text],
.use-new-styles table.standard-detail-page tr.spacious-section select
{
	font-size: 14px;
}
.use-new-styles table.standard-detail-page > tbody > tr.spacious-section .textFormLabel,
.use-new-styles table.standard-detail-page > tr.spacious-section .textFormLabel
{
	font-size: 14px;
	vertical-align: top;
}

.use-new-styles table.standard-detail-page hr
{
	margin: 0;
}
.use-new-styles td.section-separator
{
	height: 14px;
    line-height: 0;
}
.use-new-styles td.section-separator.small
{
	height: 5px;
}
.use-new-styles td.info-separator
{
	height: 6px;
    line-height: 0;
}
.use-new-styles td.textFormLabel, td.use-new-styles.textFormLabel {
	vertical-align: top;
}



/*
	Buttons
*/
.use-new-styles button.button, 
.use-new-styles input[type=button].button, 
.use-new-styles input[type=submit].button {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #669966;
	color: #FFFFFF;
	font-size: 11px;
	letter-spacing: 1px;
	padding: 2px;
	text-align: center;
	-webkit-appearance: none;
}

.use-new-styles button.big, 
.use-new-styles input[type=button].big, 
.use-new-styles input[type=submit].big {
	font-size: 16px;
	letter-spacing: 2px;
	padding: 4px;
}

.use-new-styles button.bigInactive, 
.use-new-styles input[type=button].bigInactive, 
.use-new-styles input[type=submit].bigInactive {
	font-size: 16px;
	letter-spacing: 2px;
	padding: 4px;
	background-color: #CCCCCC;
	color: #999999;
	/*border: 0px bevelled #ebebeb;*/
}
/*
	Links & Related
*/
.use-new-styles a.major-link {
	font-weight: bold;
	font-size: 13px;
}
.use-new-styles .major-link-description {
	font-style: italic;
	font-size: 13px;
}


/*
	Work pages (e.g. Patient Visit [TODO], ICHP Compounding)
*/
.work-page {
	width: 1024px;
	margin-bottom: 22px;
}
.work-page hr {
    background-color: #CCCCBB;
    height: 2px;
    margin: 5px 0;
}
.work-page .titles {
	margin: 20px 0 30px;
    font-weight: bold;
	color: #505050;
}
.work-page .title1
{
    font-size: 22px;
}
.work-page .title2
{
    font-size: 16px;
	margin-bottom: 3px;
}
.work-page .title3 {
    font-size: 16px;
    font-weight: bold;
	color: #505050;
}
.work-page .title3 > hr {
	background-color: #A9A9A9;
	height: 1px;
	/*border-bottom: solid 1px black;*/
}


/*
	DEVELOPMENT
*/
.dev-comment, .dev-comment * {
	font-style: italic;
	color: chocolate;
}
.dev-id-element, .dev-id-element * {
	background-color: red;
}

