﻿html
{
	overflow-x: auto;
	height: 100%;
	min-width:1280px;
}

body {
    font-family: Verdana, Geneva, ms sans serif;
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    background-color: #DCE5F2;
    background-image: url(images/background.png);
    background-repeat: repeat-x;
}

.formgrid .checkbox
{
    width:20px;
}

h1
{
    font-size:1.5em;
}

h2
{
	font-size: 13pt;
	color: #4E81C8;
}

img
{
    border: 0px;
}

div.header
{
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 2em;
}

div.header img
{
    float:right;
    margin-right: 20px;

}


#miniGrid
{
    border: 1px solid #BBBBBB;
    border-collapse: collapse;
    width: 100%;
}
#miniGrid td, #miniGrid th {
border:1px solid #CCCCCC;
border-collapse:collapse;
padding:5px;
}

#miniGrid th
{
    background-color: #eeeeee;
}

.search-item
{
	font: normal 11px tahoma, arial, helvetica, sans-serif;
	padding: 3px 10px 3px 10px;
	border: 1px solid #fff;
	border-bottom: 1px solid #eeeeee;
	white-space: normal;
	color: #555;
}

.container
{
    border: 1px solid #99BBE8;
    padding: 5px;
    background: #F7F7F7;
    margin-top: 130px;
    height: 1%;
}

.content-container
{
    border: 1px solid #99BBE8;
    padding: 5px;
    background: #F7F7F7;
    height: 1%;
    margin-top: 5px;
}

.basic-container
{
	margin: 10px;
	height: 1%;
	overflow: hidden;
}

table.displaygrid
{
	border-top: 1px solid #99BBE8;
	border-right: 1px solid #99BBE8;
	border-left: 1px solid #99BBE8;
	border-collapse: collapse;
	margin: 5px;
	color: #333333;
}

table.displaygrid td
{
	border-bottom: 1px solid #99BBE8;
	border-left: 1px solid #99BBE8;

	padding: .3em 1em;
	text-align: left;
	vertical-align: top;
}

table.searchgrid td
{
	padding-top: 7px;
	padding-bottom: 7px;
}

table.displaygrid thead th
{
    background-position: #f4f9fe;
    background: #f4f9fe;
    border-left: 1px solid #99BBE8;
    text-align: left;
    font: "Century Gothic" , "Trebuchet MS" ,Arial,Helvetica,sans-serif;
    color: #66a3d3;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-width: 1px;
    border-left-width: 1px;
}



.box
{
	border-style: solid;
	border-width: 2px;
	margin-top: 5px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	font-weight: 300;
	background-color: #DBEBFF;
	width: 250px;
	border-color: #A8CFFF;
}

.boxheader
{
	font-weight: 600;
	background-color: #BBDAFF;
	text-align: center;
	height: 35px;
	border-bottom: 1px solid;
	vertical-align: middle;
}

.boxcontents {
  text-align: left;
}

.centered
{
    width:980px;
    margin: 0 auto;
}

.referral
{
	padding: 5px;
	margin-bottom: 5px;
	background-position: 0 0;
	border: 1px solid #B5D4FE;
	color: #000000;
}

.referralheader
{
	background-position: 0 0;
	font-weight: bold;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #C0C0C0;
	font-size: 14px;
	padding-bottom: 3px;
	cursor:pointer;
	padding-left:20px;
}

.expanded
{
	background-position: left top;
	background-image: url(images/16-square-green-remove.png);
	background-repeat: no-repeat;
}

.collapsed
{
	background-position: left top;
	background-image: url(images/16-square-green-add.png);
	background-repeat: no-repeat;
}

.list
{
	 list-style : none;
	 padding-left: 0px;
}

.addInlineCommentLink, .editadmissionlink, .createadmissionlink
{
	background-position: left center;
	background-image: url(images/16-circle-green-add.png);
	background-repeat: no-repeat;
	padding-left: 18px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottome: 3px;
	cursor: pointer;
	font-size: 10px;
	background-color: #F4F9FE;
	border: 1px solid #9FCBF7;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	color: #333333;
	margin-left: 5px;
}

.editadmissionlink:hover, .createadmissionlink:hover, .addInlineCommentLink:hover
{
	background-color: #BFDCF9;
}

.inlineheader
{
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	font-size: 12px;
	cursor: pointer;
	background-color: #5C9CCC;
	color: White;
	border: 1px solid #9FCBF7;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	vertical-align: middle;
	font-weight: bold;
}

.search-box
{
	float: left;
	padding: 5px;
	font-weight: bold;
}

a
{
    color: #254264;
    text-decoration: underline;
}

a:hover
{
    text-decoration: none;
}

.mainContainer
{
    width: 100%;
    background-color: #d9e4f3;
    border: 1px solid #3b5a82;
    border-bottom: 0px;
}

.textbox
{
	background-image: url(images/textboxbg.png);
	background-repeat: repeat-y;
	width: 809px;
	margin: 0px auto;
}

.textbox div
{
	width: 740px;
	margin: 0px auto;
	padding: 20px;
	overflow: hidden;
}

.selectable
{
	margin-top:3px;
	padding-left:3px;
	height:18px;
}

.numeric
{
	width:40px;
}

.epworth-label
{
	width:500px;
	height:30px;
	text-align:right;
}

.mask-template
{
	width: 690px;
	margin: 3px;
	margin-bottom: 7px;
	padding: 3px;
}

.error
{
	color:Red;
}

.admin-link
{
	width:200px;
	margin:3px;
}

.referral-header-green
{
	color: #006600;
}
.referral-header-orange
{
	color: #F49300;
}
.referral-header-red
{
	color: #FF0000;
}
.referral-header-expired
{
	color: #dd00ff;
}

tr.highlight {
    background-color: lightgreen;
}

input[type="file"] {
    padding: 0px;
    border: none;

}

#map img {

        max-width: none;

      }

#observationsTable tr td {
    vertical-align: top;
}

.validationMessage {
    color: #FF0000;
}

input + span.validationMessage {
	margin-left: 10px;
}
.modal-body form {
    padding-left: 10px;
}

form label {
    font-weight: bold;
}

.flot-placeholder {
	width: 100%;
	height: 100%;
	font-size: 14px;
	line-height: 1.2em;
}

.valueLabels {
	font-size:70%;
	color:black;
}
div.valueLabelLight {
	opacity:0.5;
	background-color: white;
	border:none;
	position:absolute;
}
div.valueLabel {
	position:absolute;
	border:none;
}

#recent-patients {
    height: 390px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.label-pink,
.badge-pink {
	background-color: #ff01fc;
}

.label-expired,
.badge-expired {
	background-color: #dd00ff;
}

.label-specialist,
.badge-specialist {
	background-color: #0e00a1;
}
