/* ----- general ----- */

body {
	color: #333333;
	background-color: #ffffff;	
	font-size: 100%;	}

body, p, h1, h2, h3, table, td, th, ul, ol, textarea, input, div {
	font: normal 14px arial, verdana, sans-serif;
	line-height: 22px;}
	
a:link, a:visited, a:active {
	text-decoration: underline;}
	
a:hover {
	text-decoration: none;}	
	
a:focus {
	outline: none;}	

img {
	border: 0px;}

.clearIt {
    clear:both;
    height:1px;
	overflow:hidden;}

h1 {font-size:180%;}
h2 {font-size:140%;}
h3 {font-size:110%;}
h4 {font-size:100%;}
h5 {font-size:90%;}
h6 {font-size:80%;}

h1, h2, h3, h4, h5, h6, .form-description {
	color: #00a7e5;
	padding: 0px;
	margin: 0px;}
	

h1.admin {
	color: #990000;}			
	
hr {
	background-color:#d4d4d4;
	color:#8cc63f;
	height:1px;
	border:0px;}

strong {}

.important { 
	color: #8cc63f; 
	font-weight: bold; 
	font-size: 18px;
	line-height: 25px;}

.alert,
.red { 
	color: #993333; }

.form-highlight {
	font-size: 12px;
	color: red;}


.float-right {
	float: right;}	
	
.textalign-right {
	text-align: right;}
		
.textalign-center {
	text-align: center;}	
	
.textalign-left {
	text-align: center;}		
	
.right-end-margin {
	margin-right: 20px;}	
	
.font11 {
	font-size: 11px;}
	
	
.font12 {
	font-size: 12px;}	
	
.font14	{
	font-size: 14px;}

img.title {
	margin-bottom: 10px;}	
	
.blue {
	color:	#00a7e5;}	
	
.green {
	color:	#5b9c04;}		
	
.grey {
	color: #999;}	

.callout {
	margin: 15px;}
	
.callout ul {
	margin: 0px;
	padding: 0px;
	list-style:none;
	font-size: 12px;}	
	
.callout ul li {
	background: url(../../assets/images/icon-arrow.gif) no-repeat 0px 7px;
	padding-left: 15px;
	line-height: 17px;}	
	
.descriptionlisting {
	border: 1px dotted #cccccc; 
	padding: 10px;
	margin-bottom: 5px;}	
		

/* ----- header,  footer and sponsors ----- */

#header, #footer, #sponsors {
		text-align: left;}

#header a, #footer a, #sponsors a {
	color: #336600;
	line-height: 15px;}
	
#topnav li a, #bottomnav li a {
	border-right: 1px solid #336600;
	padding: 0px 10px}
	
#topnav li a.norightborder, #bottomnav li a.norightborder {
	border: 0px;
	padding-right: 0px;}
	
#header h1 a {
	display: block;
	background: url(../../assets/images/logo.gif) no-repeat;
	width: 251px;
	height: 80px;
	text-indent: -9999px;}	

#sponsors a.donate {
	position: absolute;
	margin-left: 108px; 
	top: 15px;}	
	
	
/* ----- tier1nav ----- */
	
#tier1nav li a {
	text-indent: -9999px;}
	
#tier1nav a.home {
	width: 36px;
	background: url(../../assets/images/nav1-home.gif);}
	
#tier1nav a.about {
	width: 61px;
	background: url(../../assets/images/nav1-aboutus.gif);}
	
#tier1nav a.resources {
	width: 69px;
	background: url(../../assets/images/nav1-resources.gif);}
	
#tier1nav a.register {
	width: 89px;
	background: url(../../assets/images/nav1-registernow.gif);}		
	
#tier1nav a.family {
	width: 115px;
	background: url(../../assets/images/nav1-family.gif);}
	
#tier1nav a.worker {
	width: 107px;
	background: url(../../assets/images/nav1-supportworker.gif);}
	
#tier1nav a.agency {
	width: 51px;
	background: url(../../assets/images/nav1-agency.gif);}		
	
	
/* ----- home ----- */		

ul.display li.family {
	background: url(../../assets/images/home-bg-family.jpg);}		
	
ul.display li.worker {
	background: url(../../assets/images/home-bg-worker.jpg);}			
	
ul.display li.agency {
	background: url(../../assets/images/home-bg-agency.jpg);}		
	
ul.display li a.login, ul.display li a.more-info, ul.display li a.register  {
	position: relative;
	display: block;}	
	
ul.display li a.login {
	width: 49px;
	height: 11px;	}		
	
ul.display li a.register {
	width: 69px;
	height: 11px;	}			
	
ul.display li a.more-info {
	width: 82px;
	height: 11px;}	
	
ul.display li.family a.login, ul.display li.family a.register {
	top: 120px;
	left: 207px;}	
	
ul.display li.family a.more-info {
	top: 128px;
	left: 207px;}		
	
ul.display li.worker a.login, ul.display li.worker a.register {
	top: 130px;
	left: 200px;}	
	
ul.display li.worker a.more-info {
	top: 138px;
	left: 200px;}		
	
ul.display li.agency a.login, ul.display li.agency a.register {
	top: 140px;
	left: 190px;}	
	
ul.display li.agency a.more-info {
	top: 148px;
	left: 190px;}	
	
ul.display li.criminal a.more-info {
	top: 15px;
	left: 0px;}		
	
.home .callout {
	margin: 25px;}	
	
.home .callout li {
	font-size: 14px;
	line-height: 22px;}	
	
/* ----- info ----- */	
	
#info a {
	color: #006699}	
	
		
/* ----- tier2nav ----- */	

.left ul.tier2nav li {
	background: url(../../assets/images/icon-arrow.gif) no-repeat 0px 7px;}


	
/* ----- info left ----- */	
	
.left .callout {
	font-size: 12px;}	
	


	
/* ----- info right ----- */

.right .familyimg {
	background: url(../../assets/images/banner-family.jpg) no-repeat;}
	
.right .supportworkerimg {
	background: url(../../assets/images/banner-support-worker.jpg) no-repeat;}	
	
.right .agencyimg	{
	background: url(../../assets/images/banner-agency.jpg) no-repeat;}	
	
.right .familyimg a {
	position: relative;
	top: 137px;
	left: 280px;}	
	
.right .supportworkerimg a {
	position: relative;
	top: 125px;
	left: 335px;}	
	
.right .agencyimg a {
	position: relative;
	top: 135px;
	left: 240px;}		
	
.dashboard-message, .dashboard-message h3 {
	color: #345b00;}	
	
.dashboard-message h3 {
	font-weight: bold;}	
	
.administrator-message h2 {
	color: #990000;
	text-transform: uppercase;}	
	
table.day-hour-work, 	
table.service-apply	 {
	width: 420px;
	border: 0px;
	margin-left: 200px;
	margin-bottom: 20px;}	
	
table.day-hour-work td {
	text-align: center;
	width: 12.5%;
	font-size: 11px;
	}
	
.fullwidth {
	width: 100%;}		
	
table.listings {
	padding: 0px;
	margin: 0px;
	margin-top: 8px;	}	
	
table.listings th {
	background-color: #ffffff;
	border-bottom: 1px solid #cccccc;
	color: #000;
	font-weight: bold;}	
		
table.listings th, table.listings td {
		padding: 2px 5px;
		font-size: 12px;} 	
	
table td, table th {
	vertical-align: top;
	text-align: left;}	
	
.right .dashboard-title {
	border-bottom: 1px solid #00a7e5;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-bottom: 5px;
	margin-top: 10px;}	
	
tr.InfoRow {
	background-color: #ffffff;}	
	
tr.AltInfoRow {
	background-color: #f9f9f9;}	
	
tr.InfoRow:hover, 	tr.AltInfoRow:hover {
	background-color: #effbff;}	
	
.right div.ttpp-scrolling-reg p, .right div.ttpp-scrolling-reg ol li, .right div.ttpp-scrolling-reg ul li, .right div.ttpp-scrolling-reg h3, .right div.ttpp-scrolling-reg h2 span.dashboard-title{
	font-size: 12px;
	line-height: 14px;}	
	
.right div.ttpp-scrolling-reg ol li, .right div.ttpp-scrolling-reg ul li {
	margin-left: 0px;}	

	
/* ----- facebox ----- */

#facebox {
	border: 1px dotted #999999; 
	width: 400px; 
	padding: 20px; 
	margin: 20px; 
	text-align:left;}
	
#facebox table {
	font-size: 11px;}	
	
/* ----- form ----- */

form {
	margin: 0px;
	padding: 0px;}
	
fieldset {
	border: 1px dotted #cccccc;
	padding: 10px 15px;
	margin-bottom: 5px;}
	
fieldset.swexpiring {
	background-color: #fff; 
	padding-top: 20px;}	
		
legend {
	background-color: #fff;
	padding: 5px 10px;
	font-style: italic;
	font-weight: bold;
	font-size: 120%;
	padding-bottom: 10px;
	color: #8cc63f;
}	
	
form div, form p {
	display: block;
	width: 100%;
	margin-bottom: 10px;
	text-align: left;}
	
label {
	width: 180px;
	text-align: right;
	float: left;
	padding-right: 20px;
	padding-bottom: 5px;}	
	
input, textarea {
	width: 300px;
	border: 1px dotted #ccc;
	font-size: 12px;
	line-height: 15px;
	background-color:#fff !important;}	
	
textarea {
	width: 400px;
	height: 100px;}		
	
textarea.popupFacebox {
	width: 350px;}	
	
select {
	border: 1px dotted #ccc;
	background-color:#fff !important;}		
	
input.sm {
	width: 20px; border: 0px;}
	
input.mediumwidth {
	width: 150px;}	
	
input.submit-button {
	background-color: #d3f0fb !important;
	font-weight: bold;
	padding: 5px;}
	
input.submit-button-sm	 {
	padding: 0px;
	width: auto;
	background-color: #d3f0fb !important;}
	
form .datacollapse {
	margin-left: 20px;}	
	
form .datacollapse2 {
	padding-left: 200px;}	
	
form .expend, .expend {
	display: none; 
	overflow: hidden;}		
	
form .formcolumns, form .form2columns, form .formwidthcolumns {
	float: left;
	width: 140px;
	margin-left: 15px;
	font-size: 12px;}	
	
form .form2columns {
	width: 180px}	
	
form .formwidthcolumns {
	width: 320px;}	
	
.mymessage {
	background-color: #f0fbff;}	
	
.theirmessage {
	background-color: #f8ffef;}