﻿body
{
	width: 100%;
	height:100%;
	font-family: Arial;
	font-size: 12px;
	color: #5c5c5c;
	vertical-align: top;
	margin: 0px;
	text-align: center;
    overflow-y: scroll;
}

#container
{
	height:100%;
	float: left;
	width: 100%;
	text-align: left;
	margin: 0px auto;
}

#contentwrapper
{
	height:100%;
	display: table;
	width: 1050px; /*was 950px*/
	margin: 0px auto;
	padding: 0px;
}

#filter_bar
{
	float:left;
	width: 64%;
	height: 60px;
	margin: 0px 0px 0px 0px;
}

#search
{
	float: right;
	width: 35%;
	height: 60px;
	margin: 0px 0px 0px 0px;
}

#results
{
	float: left;
	width: 99%;
	height: 15px;
	margin: 0px 0px 0px 0px;
}

/*
height hack explanation
http://ozblog.com.au/2008/10/24/ie-min-height-hack/
*/
#left
{
	float: left;
	min-height: 600px;
	height:100%;
	height:100%;
	margin: 0px 0px 0px 0px;
	background-color: #3741A2;
	padding-top: 0px;
	vertical-align: bottom;
}

#right
{
	float: right;
	height: 120px;
	margin: 0px 0px 0px 0px;
	padding-top:0px;	
}



#content
{
	float: right;
	width: 1000px; /*was 770px*/
	height: auto;
	margin: 0px 0px 30px 0px;
	padding-left:10px;
	
}

.contentcentered
{	
	float:left;
	width:100%;
	text-align:center;
	padding-top:100px;
}

.contentcentered table,
.contentcentered div,
.contentcentered ul,
.contentcentered ol,
.contentcentered h1
{
	margin:0px auto;
}

#DivBannerDashed
{
	float: left;
	width:100%;
    background-color:#ffffff;
	height: 30px;
	padding:0px;
	margin-bottom: 10px;
	vertical-align:top;
     display: inline-block;
}

#DivBannerDashed a:hover
{
	background-color: #438FE1;
	color:#DDF0FF;
}
#DivBannerDashed ul li 
{
    position: relative; 
    float: left;
    list-style: none;
}

#footer
{
	background-color: #DDF0FF;
	color: black;
	float: left;
	width:100%;
	height: 30px;
	margin-top: 10px;
	padding:0px;
	/*border-bottom-color: Gray;
	border-bottom-style: dashed;
	border-bottom-width: 1px;*/
	border-top-color: #DDF0FF;
	border-top-style: solid;
	border-top-width: 1px;
	vertical-align:top;
}
#footer p
{
	text-align:right;
	
	margin:0px;
	padding:0px;
}

#footer
{
	vertical-align:bottom;
	padding-bottom:0px;
	margin:0px;
}

a
{
	font-family: Arial;
	font-size: 12px;
	color: #5c5c5c;
	text-decoration: underline;
}

a:visited
{
	font-family: Arial;
	font-size: 12px;
	color: #5c5c5c;
	text-decoration: underline;
}

a:hover
{
	font-family: Arial;
	font-size: 12px;
	color: #999999;
	text-decoration: none;
}

#participant
{
	position: relative;
	width: 79px;
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	padding: 5px;
	border-right-color: Gray;
	border-right-style: dotted;
	border-right-width: 1px;
}

#participant2
{
	position: relative;
	width: 300px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 5px;
}
#participant3
{
	position: relative;
	width: 150px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 5px;
}
#participant4
{
	position: relative;
	width: 60px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 5px;
}

.tableLogin
{
	width:auto;
	
	margin:0px;
	padding:0px;
	border-collapse:collapse;
}

.tableLogin caption
{
	font-family: Arial;
	font-size: 12px;
	color: #5c5c5c;
	font-weight: bold;
}


.tableLogin td
{
	font-family: Arial;
	font-size: 12px;
	width:auto;
	margin:0px;
	padding:0px;
	border-collapse:collapse;
	
}

th
{
	width: 150px;
	text-align: left;
	padding: 5px;
	border: none;
}

td
{
	font-family: Arial;
	font-size: 12px;
	width: 250px;
	text-align: left;
	padding: 5px;
	border: none;
}

h1
{
	font-family: Arial;
	font-size: 14px;
	color: #5c5c5c;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 10px;
}

h2
{
	font-family: Arial;
	font-size: 14px;
	color: #5c5c5c;
	font-weight: bold;
	margin-top: 2px;
}

h4
{
    margin-bottom:5px;
    text-decoration:underline;
}

#sum1
{
	position: relative;
	float: left;
	width: 170px;
}
#sum2
{
	position: relative;
	float: right;
	width: 20px;
	margin-right: 5px;
}

.gridView
{
	text-align: center;
	width:100%;
}

.floatRight
{
	float:right;
}

.gv_centre th,
.gv_centre td
{
	text-align:center;
}
.gv_left th,
.gv_left td
{
	text-align:left;
}

.addPatientTable {
    width:100%;
    border-collapse:collapse;
    border:solid 1px Grey;
    padding:0px; 
    margin:0px;
    margin-bottom:10px;
}

.addPatientTable tr.odd {
	background-color:#DDE4FF; width:100%;
}

.addPatientTable tr.even {
	
}

.errormessage
{
    font-weight: bold;
    color: Red;
    font-size: 12px;
}

.trackerbutton {
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	background-color: #4365E1;
	color: White;
	padding: 8px;
	cursor: pointer;
	border-width: medium;
	border-color: #FCFCFC;
	border-style: outset;
	margin: 0px 0px 0px 0px;
}

.trackerbutton:hover
{
    background-color:#438FE1;
}

.trackerbutton:active
{
    background-color:#4AC1C5;
    border-style:ridge;
}

.trackerbutton[disabled], .trackerbutton:active[disabled]
{
    background-color:#C0C0C0;
    cursor:auto;
    border-style: outset;
}

.trackerbuttonEnd {
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	background-color: #EE2400;
	color: White;
	padding: 8px;
	cursor: pointer;
	border-width: medium;
	border-color: #FCFCFC;
	border-style: outset;
	margin: 0px 0px 0px 0px;
}

	.trackerbuttonEnd:hover {
		background-color: #ee2400;
	}

	.trackerbuttonEnd:active {
		background-color: #ee2400;
		border-style: ridge;
	}

		.trackerbuttonEnd[disabled], .trackerbuttonEnd:active[disabled] {
			background-color: #C0C0C0;
			cursor: auto;
			border-style: outset;
		}


.trackerbuttonTransfer {
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	background-color: #34bd4c;
	color: White;
	padding: 8px;
	cursor: pointer;
	border-width: medium;
	border-color: #FCFCFC;
	border-style: outset;
	margin: 0px 0px 0px 0px;
}

	.trackerbuttonTransfer:hover {
		background-color: #34bd4c;
	}

	.trackerbuttonTransfer:active {
		background-color: #34bd4c;
		border-style: ridge;
	}

		.trackerbuttonTransfer[disabled], .trackerbuttonTransfer:active[disabled] {
			background-color: #C0C0C0;
			cursor: auto;
			border-style: outset;
		}


.trackerbuttonProgress{
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	background-color: #e88214;
	color: White;
	padding: 8px;
	cursor: pointer;
	border-width: medium;
	border-color: #FCFCFC;
	border-style: outset;
	margin: 5px 5px 0px 0px;
}

	.trackerbuttonProgress:hover {
		background-color: #e88214;
	}

	.trackerbuttonProgress:active {
		background-color: #e88214;
		border-style: ridge;
	}

		.trackerbuttonProgress[disabled], .trackerbuttonProgress:active[disabled] {
			background-color: #C0C0C0;
			cursor: auto;
			border-style: outset;
		}

.appointment
{
    padding: 10px 10px 10px 10px;
    background-color: #CED6DB;
    width: 100%;
}
.width50percent
{
    width: 50%;
}

.fillright
{
    width: 100%;
    text-align: right;
}

.underline
{
    text-decoration: underline;
}

#appt_sheet td
{
    width:auto;
    padding-left:30px;
    padding-right:30px;
	text-align: left;
}

#adv_search_container td
{
    width:auto;
}

.gridHeadings
{
    font-size:large;
    margin-top:30px;
}

.dateBox
{
    width:70px;
    margin-left:2px;
}

.vMarginedControl
{
    margin-top:10px;
    margin-bottom:10px;
}

#additionalQuestions h4
{
    margin-top:0;
}

#additionalQuestions td
{
    vertical-align:top;
	width: auto;
	padding:10px;
	padding-right:20px;
}

#additionalQuestions th
{
    vertical-align:top;
	width: 337px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:60px;
}

.apptSchedule
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: moz-none;
    -ms-user-select: none;
    user-select: none;
}

.apptSchedule td
{
    vertical-align:middle;
	padding:5px;
	height:100%;
}

.apptSchedule th
{
    text-align:center;
    vertical-align:middle;
	width: auto;
}
