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;
}

#img_left
{
	float: left;
	height:100%;
	height:100%;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	vertical-align: bottom;
}

#banner
{
	height: 120px;
	text-align: center;
}

#banner img
{
	margin: 0px auto;
}

#banner_left
{
	float: left;
	width: 141px;
	height: 120px;
	margin: 0px 0px 0px 0px;
	background-color: #3741A2;
}


#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;
}


#BannerNav,
#DivLogout
{
	position:relative;
	top:5px;
	vertical-align:bottom;
	height:100%;
	margin:0px;	
	padding:0px;
}
#BannerNav
{
	float:left;
}

#BannerNav li
{
	padding-right:3px;
}
#DivLogout
{
	float:right;
}

/*
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;
}

#projectSummaryGrids #gvSummaryNhs td,
#projectSummaryGrids #gvSummaryNhs th,
#projectSummaryGrids #gvSummaryUni td,
#projectSummaryGrids #gvSummaryUni th
{
	text-align:center;
	border:solid 1px #999999;
}

#DivBannerDashed,
#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;
}

#DivBannerDashed
{
	margin-bottom: 10px;
}

#DivBannerDashed a:hover
{
	background-color: #3071FF;
	color:#DDF0FF;
}

#DivBannerDashed ul li
{
	display: inline;
}

#footer p
{
	text-align:right;
	
	margin:0px;
	padding:0px;
}

#DivBannerDashed a, 
#DivBannerDashed p
{
	cursor:pointer;
	display: inline;
	vertical-align:middle;
	height:100%;
	padding:7px;
	padding-top:6px;
	border-width:0px 1px;
	border-style:none solid;
	/*font-variant:small-caps;*/
	text-decoration:none;
	font-size:12pt;
	margin:0px;
}

#DivBannerDashed a
{
	border-color: black;
	color:black;
} 
#DivBannerDashed p
{
	border-color: gray;
	color:gray;
}

#footer
{
	vertical-align:bottom;
	padding-bottom:0px;
	margin:0px;
}

/*
#right 
{
	width:700px;
	height:90px;
	float:right;
	border:solid 3px blue;

}
*/

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;
}

#patient
{
	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;
}

#patient2
{
	position: relative;
	width: 300px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 5px;
}
#patient3
{
	position: relative;
	width: 150px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 5px;
}
#patient4
{
	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: 14px;
	color: #5c5c5c;
	font-weight: bold;
}


.tableLogin td
{
	
	width:auto;
	margin:0px;
	padding:0px;
	border-collapse:collapse;
	
}

th
{
	width: 150px;
	text-align: left;
	padding: 5px;
	border: none;
}

td
{
	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: 8pt;
}

.trackerbutton
{
    border-radius:10px;
    text-decoration: none;
    text-align: center;
    background-color:#4AACC5;
    color:White;
    padding:10px;
    cursor:pointer;
    border-width: medium;
    border-color: #FCFCFC;
    border-style: outset;
    margin: 0px 0px 0px 0px;
}

.trackerbutton_small
{
    border-radius:10px;
    text-decoration: none;
    text-align: center;
    background-color:#4AACC5;
    color:White;
    padding:6px;
    padding-top:3px;
    padding-bottom:3px;
    cursor:pointer;
    border-width: medium;
    border-color: #FCFCFC;
    border-style: outset;
    margin: 0px 0px 0px 0px;
}

.trackerbutton:hover
{
    background-color:#4AB6C5;
}

.trackerbutton:active
{
    background-color:#4AC1C5;
    border-style:ridge;
}

.trackerbutton_small:hover
{
    background-color:#4AB6C5;
}

.trackerbutton_small:active
{
    background-color:#4AC1C5;
    border-style:ridge;
}

.trackerbutton_small[disabled], .trackerbutton_small:active[disabled]
{
    background-color:#C0C0C0;
    cursor:auto;
    border-style: outset;
}

.trackerbutton[disabled], .trackerbutton:active[disabled]
{
    background-color:#C0C0C0;
    cursor:auto;
}

.liplink, .liplink:link, .liplink:active, .liplink:hover, .liplink:visited
{
    border-radius:10px;
    text-decoration: none;
    text-align: center;
    background-color:#4AACC5;
    color:White;
    padding:10px;
    cursor:pointer;
    border-width: medium;
    border-color: #FCFCFC;
    border-style: outset;
    margin: 0px 0px 20px 0px;
}

.appointment
{
    padding: 10px 10px 10px 10px;
    background-color: #CED6DB;
    width: 100%;
}
.width50percent
{
    width: 50%;
}


.width50percentright
{
    width: 50%;
    text-align: right;
}

.fillright
{
    width: 100%;
    text-align: right;
}

.bold10pt
{
    font-weight: bold;
    font-size: 10pt;
}

.dayavail
{
    width: 100px;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: Blue;
    text-align: center;
    background-color: #65A85A; /* greenish */
    font-weight: bold;
    color:White;
}
.daynotavail
{
    width: 100px;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: Blue;
    text-align: center;
    background-color: #FA5775; /* redish */
    font-weight: bold;
    color:White;
}

.dayselected
{
    width: 100px;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: Blue;
    text-align: center;
    background-color: #3D4DFF; /* blueish */
    font-weight: bold;
    color:White;
}

.btnavail
{
    text-decoration: none;
    text-align: center;
    background-color: transparent; /* #65A85A; */
    font-weight: bold;
    color:White;
    padding:10px;
    cursor:pointer;
    border-width: 0px;
    border-color: #65A85A;
    border-style: none;
}

.underline
{
    text-decoration: underline;
}

.appoinmentstyle
{
}

#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;
}


/* Interaction states
----------------------------------*/
.ui-state-default {
	border: 1px solid #d3d3d3;
    background-color: #e6e6e6;
	font-weight: normal;
	color: #555555;
}