* {
	margin:0;
	padding:0;
}
body {
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	font-size: 14px;
	color: #000000;
	text-align:center;
	background-color: #ebebeb;
}

#container {
	width:821px;
	height:615px;
	background-color:#fff;
	border: 2px #c0c0c0 solid;
	text-align:center;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#main {
	width:779px;
	height:572px;
	background-color:#fff;
	text-align:left;
	margin-top: 18px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#headercontainer {
	width:779px;
	height:72px;	
}

#headerleft {
	background:url("../../assets/images/layouts/header_left.png");
	width:204px;
	height:72px;	
	float:left;
}

#header {
	position:relative;
	float:left;
	height:72px;
	background:url("../../assets/images/layouts/header.png");
	background-repeat:x-repeat;
	width:564px;
}

#headerright {
	float:left;
	height:72px;
	width:11px;
	background:url("../../assets/images/layouts/header_right.png");
}

#content {
	background:url("../../assets/images/layouts/background_repeat.png");
	background-repeat:repeat-x;
	background-color: #949494;
	height:461px;
	width:779px;
}

#footercontainer {
	height:39px;
	width:779px;	
}


#footerleft {
	background:url("../../assets/images/layouts/footer_left.png");
	width:13px;
	height:39px;	
	float:left;
}

#footer {
	float:left;
	height:39px;
	background:url("../../assets/images/layouts/footer.png");
	background-repeat:x-repeat;
	width:753px;
	text-align:right;
	color:#fff;
	line-height:39px;
}

#footerright {
	float:left;
	height:39px;
	width:13px;
	background:url("../../assets/images/layouts/footer_right.png");
}

#footertext {
	font-size:11px;
	color:#3d3d3d;	
	width:779px;
	text-align:left;
	margin-top: 7px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-weight:bold;
}


#logincontainer {
	background:url("../../assets/images/layouts/background_main.png");
	background-repeat:no-repeat;
	height:461px;
	
}




#formcontainer {
	position:relative;
	top:140px;
	left:370px;
	color:#fff;	
	width:342px;
}

#heading {
	font-size:16px;
}

#breadcrumb {
	float:right;
}

#breadcrumb a {
	color:#fff;
}

#breadcrumb a:hover {
	color:#bbe040;
}

#button {
	background:url("../../assets/images/layouts/loginbutton.png");
	background-repeat:no-repeat;
	height:52px;
	width:52px;
	float:right;
	cursor:pointer;
}

label {
	margin-right:15px;
	width:60px;
	display:inline;
	float:right;
	text-align:right;
	font-size:12px;
	margin-top:3px;
}

p {
	margin-bottom:10px;
}


div.textfield {
height:21px;
display:block;
line-height:100%;
background: transparent url("../../assets/images/layouts/inputfield1.png") no-repeat scroll left top;
width:201px;
float:right;
margin-bottom:10px;
}

div.textfield input {
background-color:transparent;
border:0 none;
height:21px;
padding:3px;
width:195px;
}

fieldset>input.textfield {
background: transparent url("../../assets/images/layouts/inputfield1.png") no-repeat;
}

#fields {
	float:right;
	width:280px;
	margin-right:10px;	
}

.small {
	font-size:12px;	
}

a {
	color:#85a910;
	text-decoration:none;	
}
a:visited {
	color:#85a910;
	text-decoration:none;	
}

#topbar {
	position:relative;
	left:38px;
	top:30px;
	width:700px;
	height:28px;
	border-bottom: 1px solid #727272;
	padding-bottom:0px;
	color:#fff;	
}

#calendar_buttons {
	width: 385px;
	float:right;	
}

#calendar_next {
	float:right;
	width:88px;
	background: url("../../assets/images/layouts/nextmonth.png") no-repeat;
	background-position:right;
	cursor:pointer;
}

#calendar_previous {
	float:left;	
	width:88px;
	text-align:right;
	background: url("../../assets/images/layouts/previousmonth.png") no-repeat;
	background-position:left;
	cursor:pointer;	
}

#calendar_previous:hover {
	color: #bbe040;	
}

#calendar_next:hover {
	color: #bbe040;	
}

#bottomcontent {
	position:relative;	
	left:38px;
	top:55px;
	width:700px;
}

#properties {
	position:relative;	
	float:left;
	width:300px;
	color:#fff;
	font-size:12px;
}

#stafflinks {
	position:relative;	
	float:left;
	width:300px;
	color:#fff;
	font-size:12px;
}

#stafflinks a {
	color:#fff;	
}

#stafflinks a:hover {
	color:#bbe040;	
}

#stafflinks li {
	list-style-type:none;
	margin-bottom:8px;
}


#popover{
	background: url("../../assets/images/layouts/popup.png") no-repeat;	
	width:270px;
	height: 145px;
	padding:10px;
}

#calendar {
	float:right;
	width:385px;
	height:339px;
	background-color:#fff;
}

#calendar_top {
	background:url("../../assets/images/layouts/calendar_top.png");
	background-repeat:no-repeat;
	width:385px;
	height:37px;
	text-align:center;
	line-height:37px;
	font-weight:bold;
	font-size:12px;
	color:#fff;
}

#records {
	width:100%;
	height:300px;
	background-color:#fff;
	overflow-y:scroll;
}

#records table th {
	background:url("../../assets/images/layouts/greenbackground.png");
	background-repeat:x-repeat;
	height:37px;
	text-align:left;
	padding-left:3px;
	line-height:37px;
	font-weight:bold;
	font-size:12px;
	color:#fff;
}

#records table td {
	height:27px;
	text-align:left;
	padding-left:3px;
	line-height:27px;
	font-size:12px;
	color:#000;
	border-bottom:1px solid #cccccc;
}

table {
	width: 100%;	
}

table tr th {
	text-align:center;	
	font-weight:normal;
	width:55px;
	height:25px;
}

table tr td {
	text-align:right;
	vertical-align:top;	
	font-weight:normal;
	height:46px;
}

.cell {
	height:45px;
	width:54px;
	border-top:1px solid #cccccc;	
	border-right: 1px solid #cccccc;
}

.grey {
	color: #c6c6c6;	
}

.booked {
	background:url("../../assets/images/layouts/booked.png");
	background-repeat:no-repeat;
	background-position: center center;
	cursor:pointer;
}

.endcell {
	height:45px;
	width:55px;
	border-top:1px solid #cccccc;	
}

.selectstyle {
	width:200px;	
}

#logout {
	position:absolute;
	top:290px;
	width: 275px;
	border-top: 1px solid #adadad;
	margin-left:2px;
	margin-top:8px;
	padding-top:8px;
}

#logoutbutton {
	background:url("../../assets/images/layouts/logout.png");
	background-repeat:no-repeat;	
	height:30px;
	background-position: right;
	padding-right:35px;
	width:45px;
	float:right;
	line-height:27px;
	font-weight:bold;
	cursor:pointer;
}

#reflection {
	background:url("../../assets/images/layouts/calendar_reflection.png");
	background-repeat:no-repeat;	
	height:26px;
	width:385px;
}


.smallrows td {
	text-align:left;
	height:20px;
	color:#000;
}

#searchcontainer {
	left:37px;
	position:relative;
	top:43px;
}

#searchcontainer label {
	color:white;
	display:inline;
	float:none;
	font-size:12px;
	margin-right:5px;
	margin-top:3px;
	text-align:right;
	width:auto;
}

#searchcontainer #propref {
	width: 60px;
}

#stafflinks p {
	margin-bottom:5px;
}