@charset "utf-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
}

a img {
	border: 0px;
}

body {
	background:#e3e3df url(http://www.streathamparksurgery.com/i/bg.png) repeat-y top center;
  color: #5A5A5A;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	text-align: justified;
}

h1 {
	padding-bottom: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 22px;
	font-weight:bold;
}

h2 {
	padding-bottom: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height: 20px;
	font-weight:bold;
}

h3 {
	margin-bottom: 10px;
}

p,
table {
  margin-bottom: 10px;
}

.clear {
	clear:both;
}

.container {
	background:#FFFFFF;
	width:775px;
	margin-right:auto;
	margin-left:auto;
	padding: 0px 20px 0px 20px;
	text-align:left;
}

a:link, a:active, a:visited {
	color: #5a5a5a;
	font-weight: bold;
	text-decoration: none;}

a:hover {
	color: #0099cc;
	font-weight: none;
}

a.mainlink {
  color: #5a5a5a;
	padding-left: 14px;
	background:url(http://www.streathamparksurgery.com/i/link-arrows/bullet-aboutus.png) no-repeat center left;
}

a.read,
span.outline {
	padding-left: 14px;
	background:url(http://www.streathamparksurgery.com/i/link-arrows/bullet-aboutus.png) no-repeat center left;
}

span.outline {
	font-weight: bold;
}

.colleft {
	float:left;
	width: 200px;
	padding-right: 20px;
}

.colcontent, .colgeneric {
	float: left;
	width: 534px;
	/* margin-left: 20px; */
  padding-left: 20px;
  padding-top: 20px;
}

.colcontent {
	border-left: 1px solid #e5e5e5;
	min-height: 600px;
}

.colcontent ul.arrow-list,
.colcontent ul,
.news-item ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.colcontent ul.arrow-list li,
.colcontent ul li,
.news-item ul li
{
	background-repeat: no-repeat;
	background-position: 0% 3px;
	padding-left: 14px;
	margin-bottom: 5px;
}

.news-item ul li {
	background-image: url(http://www.streathamparksurgery.com/i/link-arrows/bullet-aboutus.png);
}

.colcontent h2,
.colgeneric h2 {
  margin-top: 10px;
}

.colcontent div.subsection {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.colcontent p.backtotop,
.colgeneric p.backtotop {
  text-align: right;
  margin-bottom: 0px;
}

.page_toolbar {
	text-align: right;
	border: 2px solid red;
	font-size: 16px;
	margin-top: 15px;
}

#admin {
	background:#FFCC99;
	border: 1px solid #990033;
	color: #000000;
	font-size: 18px;
	line-height: 28px;
	text-align: center;
}

.admin-actions, .statusmsg {
	background:#FFCC99;
	border: 1px solid #990033;
	color: #000000;
	padding: 5px;
	margin: 0px;
	float: left;
	width: 522px;
}

.admin-actions-type {
	background:#FFCC99;
	border: 1px solid #990033;
	color: #000000;
	padding: 5px;
	margin: 0px;	
}

.admin-actions-type a:link, 
.admin-actions-type a:active,
.admin-actions-type a:visited {
	color: #5a5a5a;
	font-weight: bold;
	text-decoration: none;}

.admin-actions-type a:hover {
	color: #0099cc;
	font-weight: none;
}

.statusmsg {
	margin-bottom: 20px;
	background:#99CCFF;
	border: 1px solid #0033CC;
	font-weight: bold;
}

.minor {
	text-align:right;
}

#header {
	padding-top: 25px;
	padding-bottom: 15px;
}

#header #logo.colleft {
	border-right: 1px solid #FFFFFF;
}

#header #leader.colgeneric {
	text-align:right;
}

#navi {
  font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#f2f2f2;
	width:795px;
	margin-right:auto;
	margin-left:auto;
	border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 0px 0px 0px 20px;
	font-size: 12px;
}

#navi a:link, #navi a:active, #navi a:visited {
	font-weight: normal;
	text-decoration: none;}

#navi a:hover {
	color: #5a5a5a;
  font-weight: bold;
}

#navi ul {
	float: left;
	width:795px;
	list-style: none;
}

#navi ul li {
	float: left;
	border-left: 1px solid #e5e5e5;
	width: 95px;
	padding: 6px 0px 8px 0px;
	list-style: none;
	text-align: center;
}

#navi ul li#first {
	width: 220px;
  border-left: 0px;
	text-align:left;
}

#navi ul li#aboutus {
  background: #f2f2f2 url(http://www.streathamparksurgery.com/i/menu/blue-bg.png) repeat-x bottom left;
}

#navi ul li#registration {
  background: #f2f2f2 url(http://www.streathamparksurgery.com/i/menu/red-bg.png) repeat-x bottom left;
}

#navi ul li#prescriptions {
  background: #f2f2f2 url(http://www.streathamparksurgery.com/i/menu/cyan-bg.png) repeat-x bottom left;
}

#navi ul li#wellbeing {
  background: #f2f2f2 url(http://www.streathamparksurgery.com/i/menu/green-bg.png) repeat-x bottom left;
}

#navi ul li#feedback {
  background: #f2f2f2 url(http://www.streathamparksurgery.com/i/menu/orange-bg.png) repeat-x bottom left;
}

#navi ul li#policies {
  background: #f2f2f2 url(http://www.streathamparksurgery.com/i/menu/grey-bg.png) repeat-x bottom left;
  width: 94px;
}

.subnavi {
  float: left;
  width: 200px;
  padding-top: 20px;
}

.subnavi  ul {
  list-style: none;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 40px;
}

.subnavi  ul li {
  list-style: none;
  padding: 5px 0px;
  border-top: 1px solid #e5e5e5;
}

#body {
	padding-top: 20px;
	padding-bottom: 20px;
}

#body #left.colleft {
	
}

#body #left.colleft .blk {
	float: left;
	width: 200px;
	padding: 20px 0px 20px 0px;
	border-bottom: 1px solid #e5e5e5;
}

#body #left.colleft #appointments.blk h1 {
	color: #0773B7;
}

#body #left.colleft #registernow.blk h1 {
	color: #CD2D3B;
}

#appointments a.mainlink {
	background-image:url(http://www.streathamparksurgery.com/i/link-arrows/bullet-aboutus.png);
}

#appointments a:hover,
#siteintro a:hover,
#news a:hover {
	color: #0099cc;
}

#registernow a.mainlink {
	background-image:url(http://www.streathamparksurgery.com/i/link-arrows/bullet-reg.png);
}

#registernow a:hover {
	color: #cc3333;
}

#screening_front a.mainlink,
#links a.mainlink {
	background-image:url(http://www.streathamparksurgery.com/i/link-arrows/bullet-wellbeing.png);
}

#screening_front a:hover {
	color: #9dba37;
}

#body #left.colleft #links.blk {
	border-bottom: 0px;
}

#body #content.colcontent .blk {
	float: left;
	width: 534px;
	padding-bottom: 20px;
}

#content.colcontent h1 {
	float: left;
	width: 534px;
	
}

#news #newslist.blk {
	list-style: none;
	padding: 0px;
}

#news #newslist.blk .news-item {
	list-style: none;
	float: left;
	width: 534px;
	list-style: none;
	padding: 0px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 20px;
}

#news #newslist.blk .news-item.old {
	width: 163px;
	margin-right: 8px;
	padding-right: 8px;
	float: left;
	border: 1px solid #E5E5E5;
	border-width: 0px 1px 0px 0px;
	height: 300px;
}

#news #newslist.blk .news-item.old.last {
	width: 163px;
	margin-right: 0px;
	float: left;
}

#news #newslist.blk .news-item h2.title {
	padding-bottom: 5px;
}

#news #newslist.blk .news-item h2.title,
#news #newslist.blk .news-item h3.date  {
	color: red;
}
#content.colcontent #comments.blk {
	padding-top: 0px;
}

#comments.blk #comment-sample.blk {
	padding: 0px 33px 10px 33px;
  margin-bottom: 10px;
	width: 468px;
	height: 33px;
	background: url(http://www.streathamparksurgery.com/i/comment-bg.png) no-repeat center ; 
	text-align:left;
}

#comment-sample span {
	position: relative;
	top: 12px;
}

#comments a.mainlink {
	background-image:url(http://www.streathamparksurgery.com/i/link-arrows/bullet-feedback.png);
}

#comments a:hover {
	color: #ff7c00; 
}

.microbar {
	background:#f2f2f2;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

table#stafflist tbody tr th,
table#stafflist tbody tr td {
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

#stafflist th {
  text-transform: capitalize;
  text-align: left;
}

#screening_front h1 ,
#screening_front h2,
#screening_front a:hover ,
#screening_front a.highlight:link, 
#screening_front a.highlight:active, 
#screening_front a.highlight:visited  {
  color: #99CC33;
}

#screening_front table {
  border-top: 1px solid #e5e5e5;
  width: 100%;
}

#screening_front table tr.alt {
  background-color: #F2F2EE;
}

#screening_front table th,
#screening_front table td {
  padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #e5e5e5;
  font-weight: bold;
}

#screening_front table th {
  text-align: left;
}

#screening_front table td {
  text-align: right;
  font-weight: bold;
  text-transform: lower-case;
}

#links ul li {
  list-style:none;
}

#body #content.colcontent #comments.blk{
  padding-bottom: 40px;
}

#footer {
  padding-top: 19px;
  padding-bottom: 19px;
  border-top: 1px solid #e5e5e5;
  background: #F2F2EE;
}

#more-news {
	float:left;
	width:534px;
	text-align: right;
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	padding-bottom: 5px;
	padding-top: 5px;
	position: relative;
	top:-20px;
}	

#newsletter .newsletter-body {
	background: #484848;
	padding: 10px;
	color: #FFFFFF;
}

.newsletter-body a:link, 
.newsletter-body a:active, 
.newsletter-body a:visited {
	color: #FFFFFF;
}

#links a:hover {
	color: #5A5A5A;
}

.append-bottom {
	margin-bottom: 10px;
}

.reset-bottom {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.append-bottom-mini {
	margin-bottom: 5px;
}

.table, 
.news-item table {
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	margin-bottom: 20px;
}

.table tr th,
.table tr td, 
.news-item table tr th,
.news-item table tr td{
	padding: 5px;
	border-top: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
}

.table tr td.vanish-left,
.news-item table tr td.vanish-left {
	border-top: 0px;
	border-left: 0px;
}

.table tr th,
.news-item table tr th {
	text-align: left;
}

.table tr th.alt,
.table tr td.alt,
.news-item table tr th.alt,
.news-item table tr td.alt {
	background: #F2F2EE;
}

.table tr td ul {
	list-style: none;
}

.form {
	width:534px;
	text-align:left;
}

.form .row {
	width:534px;
	margin-bottom: 20px;
	float: left;
}

.form .row label {
	width:70px; 
	margin-right: 20px;
	float: left;
}

.form .row .field {
	width:444px; 
	float: left;
}

.form .row .field .txtinput {
	width:214px; 
}

.field .txt,
.field .txtinput {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
}

.error {
	font-weight: bold;
	color: red;
}