﻿/* Data Collection CSS */


/* header, navigation
----------------------------------------------------------*/
.twoColFixLtHdr #container #TopOfContent {
	background: url(top-bkg-dcm.jpg) no-repeat;
}
.twoColFixLtHdr #container #header {
	text-align:right;
}
#header a {
	color:#3C3C3E;
    text-decoration:underline;
}
#header a:hover {
	color:#666666;
}
/* Table elements
----------------------------------------------------------*/
table.data {
    border-collapse:collapse;
}
table.data th, table.data td{
    border:1px solid #ffffff;
    padding:3px 7px 2px;
}
table.data tr:hover td {
	background-color: #ffffff;
}
table.sortable th {
	background: transparent url(arrow-updown.gif) no-repeat center right;
	padding-right:17px;
}
table.sortable th.sort_asc {
	background: transparent url(arrow-down.gif) no-repeat center right;
}
table.sortable th.sort_desc {
	background: transparent url(arrow-up.gif) no-repeat center right;
}
table.data td.inactive {
	color:#3c3c3d;
}
table.data td.right{
    text-align:right;
}
div.pagination
{
    margin-top:10px;
}
/* Expanded readings table
----------------------------------------------------------*/
#expandedReadings {
	width: 100%;
}
#expandedReadings.scrollable {
	height: 400px;
	overflow:auto;
	display:block;
}
#expandedReadings th {
	background: transparent no-repeat center right;
	padding-right:0px;
}
#expandedReadings  {
	background-color: #CCCCCC;
}
table.data tr.expanded:hover td {
	background: transparent;
}
#aCloseExpanded 
{
    float:right;
    margin-bottom: 5px;
}
a.aExpand
{
    background: url(arrow_down.png) no-repeat;
    padding-left:20px;
}
a.aPatient
{
    background: url(page_go.png) no-repeat;
    padding-left:20px;
}
#aCloseExpanded
{
    background: url(cross.png) no-repeat;
    padding-left:15px;
}
/* Form layout elements
----------------------------------------------------------*/
fieldset {
	margin-top: 5px;
	margin-left:2px;
	padding-left:7px;
}
.editor-label, fieldset p
{
    margin-top: 0.5em;
}
.editor-field input[type=text],
.editor-field input[type=password],
fieldset input[type=text],
fieldset input[type=password]
{
    width:280px;
}
.display-label
{
    margin-top: 0.5em;
    display:block;    
}
fieldset div.first-column
{
    float:left;
    padding-right: 10px;
}
fieldset div.first-column .display-label label
{
    float:left;
    width: 150px;
}
fieldset div.second-column
{
    float:right;
}
.label-value
{
    font-weight:bold;
}
.buttons-area
{
    margin-top:10px;
}
.clear
{
    clear:both;
}
.off 
{
    display:none;
}
div.MultiFile-label
{
    margin-top:5px;
}
a.MultiFile-remove {
    background: transparent url(delete.png) no-repeat center right;
    display:block;
    width: 14px;
    height: 14px;
    float: left;
    margin-right: 5px;
}
#uploadProgress img
{
    margin-left: 5px;
    margin-bottom: -3px;
}
.ui-datepicker-trigger
{
    margin-left:2px;
    margin-bottom:-5px;
}
input.hasDatepicker
{
    width: 85px;
}
#csv, #csvDetailed
{
    float:right;
}
#loadingIndicator {
    width:60px;
    height:60px;
    display:none;
}
#loadingIndicator img{
    width:60px;
    height:60px;
}
#InvoiceDetails input
{
    width:80px;
}
#InvoiceDetails textarea
{
    width:130px;
}
#InvoiceDetails td.delete, #InvoiceDetails th.delete
{
    display:none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error, .error
{
    color: #ce1f2c;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error, input.error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: normal;
    color: #ce1f2c;
    margin:10px 0 10px 0;
}

.validation-summary-valid
{
    display: none;
}
.field-validation-error
{
    display: block;
}
.dateRange .field-validation-error
{
    display: inline;
}
.success-msg
{
    color: #0D4D01;
    margin:10px 0 10px 0;
}