body {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0D2844}
li { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0D2844}
ol { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0D2844}
p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0D2844}
table { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0D2844}
td { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0D2844}
th { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0D2844}
tr { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0D2844}
tt { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0D2844}
ul { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0D2844}
a { color: #0A83C5; text-decoration: none}
a:hover { color: #0972AA; text-decoration: underline}
.ZZ-NO-TOUCH-GSSILINK { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; text-decoration: none}
.Subtitle { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #253D14; font-weight: bold}
.home-title { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #598836; font-weight: bold}
.popular_topics { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0A83C5}
.sub2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #598F31;
}
.smallgray {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
a:visited {
	color: #7CBDE0;
}
.bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}
.tabletitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	background-color: #C6DFB8;
}

.prod_calendar_tabletitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FFCC00;
	width:490px;
	display:block;
	height:20px;
	padding:5px;
}

.calendar_byadmin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	color: #666666;
	background-color: #f7f0b9;
}


.form_table {
	background-color: #F9F9F9;
	border: 1px dotted #598F31;
}
.form_sub {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #996633;
	letter-spacing: 1px;
}
.alert {
	font-size: 12px;
	font-weight: normal;
	color: #FF0066;
	text-decoration: blink;
	font-style: italic;
}
.holidays {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #990000;
}
.byadmin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background-color:#f7f0b9;
}
.holidays-byadmin  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #990000;
	background-color:#f7f0b9;
}

.searh-box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFF00;
	border: 1px solid #A5ACB2;
	height: 20px;
	font-weight: bold;
}
.highlight {
background: #FFFF40;
}
/*************\

  Date Widget

\*************/

#datewidget_calendar
{
	background: #FFF;
	border: 2px solid #DBDDDC;
	padding: 4px;
}

#datewidget_calendar table
{
	background: #5D989F url(/images/motdbkg.png) top left repeat-x;
	border-collapse: collapse;
	border: 1px solid #5D989F;
	border-top: none;
}

#datewidget_calendar thead th
{
	color: #FFF;
	font-weight: bold;
	text-align: center;
	padding: 1px 0;
}
#datewidget_calendar thead tr a
{
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

#datewidget_calendar thead tr a:hover
{
	color: #000;
}

#datewidget_calendar tbody td
{
	border: 1px solid #5D989F;
	background: #DBDDDC;
}
#datewidget_calendar tbody th
{
	border: none;
	background: #EBF4F1 url(/images/infobkg.gif) top left repeat-x;
	padding: 1px;
	text-align: center;
	color: #5D989F;
}
#datewidget_calendar tbody td a
{
	background: #FFF;
	display: block;
	zoom: 1;
	color: #333;
	text-decoration: none;
	padding: 1px;
}
#datewidget_calendar tbody td a:hover
{
	color: #FFF;
	background: #333;
}	

/*****Complaints Form*****/
.complaints_form {
	background-color: #F9F9F9;
	border: 1px dotted #598F31;
	margin-bottom: 2em;
	padding: 0.75em;
}
	.complaints_form dt{
		width: 150px;
		float: left;
	}
	.complaints_form dd, .complaints_form dt{
		padding-bottom: 0.5em;
	}
	.complaints_form textarea{
		width: 475px;
		height: 150px;
	}
	.complaints_form input[type="text"]{
		width: 220px;
	}
	.complaints_form input[type="radio"]{
		margin-left: 100px;
	}
	.complaints_form input[type="radio"].first {
		margin: 0;
	}
.complaints_form input.postal {
	width:50px;
	margin-right: 10px;
}
.complaint_btn {
	padding: 4px;
}
.remove {
	float: right;
}
.error {
	display: inline-block;
	font-size: 10px;
	color: #f00;
}

/******* Flowchart *********/
#chart-wrapper {
	padding-top: 100px;
	margin-left: -24px;
}
.chart-column {
	float: left;
	width: 231px;
}
.chart-cell {
	border-left: 1px dashed #598f31;
	border-top: 1px dashed #598f31;
	padding: 15px 0 0 25px;
	position: relative;
}
#left-col .chart-cell {
	padding-right: 40px;
}
	#cell-1 {
		padding-bottom: 127px;
	}
	#cell-2 {
		padding-bottom: 220px;
	}
		#cell-2-1 {
			margin-top: 93px;
			padding-bottom: 51px;
		}
		#cell-2-2 {
			padding-bottom: 35px;
		}
		#cell-2-3 {
			padding-bottom: 88px;
			border-left: none;
		}
	#cell-3 {
		padding-bottom: 250px;
	}
		#cell-3-1 {
			padding-bottom: 37px;
		}
		#cell-3-2 {
			border-left: none;
		}
	#cell-4 {
		padding-bottom: 38px;
	}
	#cell-5 {
		border-left: none;
		padding-bottom: 75px;
	}
	.chart-circles {
		position: absolute;
		left: -17px;
		top: -17px;
	}
.popup {
	position: absolute;
	left: 100%;
	top:-28px;
	width: 221px;
	color: #fff;
	padding: 16px 16px 0 16px;
	z-index: 100;
	display: none;
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
}
	#popup-1 {
		width: 450px;
		top: -120px;
	}
		#popup-2-1 {
			top: -45px;
		}
		#popup-3-2-2 {
			top: 175px;
			left: 89px;
		}
		#popup-3-2-2-1 {
			top: 332px;
			left: 89px;
			background: #94b978;
		}
		
	.close-btn {
		float: right;
	}
	.popup ol li, .popup p {
		color: #fff;
	}
	.popup h3 {
		margin-top: 0;
	}
.blue {
	background: #017ec3;
}
.green {
	background: #598836;
}
.line {
	width: 108px;
	height:1px;
	right: 124px;
	bottom: 25px;
	position:relative;
}
	#popup-3-2-2-1 .line{
		bottom: 50px;
	}
.vertical-line {
	width:1px;
	height: 40px;
	top: -144px;
	position: relative;
}
	#popup-3-2-2-1 .vertical-line{
		top: -218px;
	}
.close-btn {
	display: block;
	height:1px;
	width: 16px;
	padding-top:15px;
	overflow: hidden;
	background:url(regulating_the_profession/complaints/images/flowchart/close.png);
}
#cell-4-line {
	position: absolute;
	right:-90px;
	top: 23px;
	display: none;
}