/*
		Title _____ default.css
		Author ____ webmaster@kalkadoon.net
		URL _______ www.kalkadoon.net
		Desc ______ Main Style
		Created ___ 2006/11/28
		Modified __ 2006/12/02
		Copyright _ Kalkadoon Corporate Solutions 2002-2007
*/


/*  globals ))<<>>(( - - - >> */
* { margin: 0; padding: 0; }
html,body { height: 100%; }
img { border: none; }

#page {
	width: 765px;
	margin: 0 auto;
	min-height: 100%;
	text-align: left;
	background-color:#fff;
	border: #000 solid 1px;
	border-width: 0 1px;
	background: url(/assets/images/default/bg-footer.png) right repeat-y ;
}

* html #page { height: 100%; }
* html #page-body { height: 100%; }
#page-body { position: relative; min-height: 100%; background: url(/assets/images/default/header.png) no-repeat; }

body { 
	background: transparent url(/assets/images/bg/pattern.png);
	text-align: center; 
	font-size: 100%;
	font-family: arial, helvetica, sans-serif;
	line-height: 100%;
	color: #000;
}

.clearer {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

a:link		{ color: #036; text-decoration: underline; }
a:visited	{ color: #036; text-decoration: underline; }
a:link:hover, a:visited:hover	{ color: #f00; text-decoration: none; }
a:link:active, a:visited:active	{ color: #ccc; text-decoration: none; }

a[href^="http:"] { 
	background: url(/assets/images/default/external-link.gif) 100% 20% no-repeat; 
	padding-right: 12px;
}

a[href^="http://www.urbancleaning.com.au"], a[href^="http://urbancleaning.com.au"], a[href^="http://localhost"] { 
	background: none; 
	padding-right: 0;
}

#extlinks { display: none; }

abbr, acronym, span.abbr {
	cursor: help;
	border-bottom: 1px dashed #000;
}

/*  topography - general  ))<<>>(( - - - >> */
h2 {
	clear: both;
	margin: 0 10px; 
	padding-bottom: 0.5em;
	font-size: 140%;
	line-height: 1.2em;
	color: #003265;
}

h3 { 
	margin: 1em 10px 0 10px; 
	padding-bottom: 0.5em;
	font-size: 120%; 
	font-weight: normal; 
	text-transform: capitalize;
	color: #333;
}

/*  content ))<<>>(( - - - >> */
#content { padding-bottom: 8em;  }

#content-main {
	display: inline;
	clear: both;
	float: left;
	margin-left: 10px;
	width: 500px;
	padding-bottom: 2em;
	margin-top: 160px;
}

#content-main p { 
	margin: 0 10px; 
	margin-bottom: 1em; 
	font-size: 90%; 
}

blockquote {
	margin: 1em;
	background: #fff url(/assets/images/default/blockquote-t-l.png) top left no-repeat;
}

blockquote p {
	padding: 2em 2em 0 2em;
	background: url(/assets/images/default/blockquote-t-r.png) top right no-repeat;
	color: #333;
	font-size: 130%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

#content-main blockquote p {
	margin: 0;
}


#content-main ul, #content-main ol {
	list-style: none; 
	margin: 0 1em; 
	font-size: 90%; 
	margin-bottom: 1em;
	font-style: italic;
}

#content-main li {
	margin-bottom: 0.5em; 
}


#content-main dl#resources dd { margin: 0 0 0.5em 20px; font-size: 75%; font-style: italic;}
#content-main dl#resources dt { margin: 0 0 0.1em 10px; font-size: 85%;}

/*  content right ))<<>>(( - - - >> */
.content-right {
	display: inline;
	float: right;
	width: 223px;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-top: 140px;
	color: #fff;
}

.content-right p {
	line-height: 1.2em;
	font-size: 75%;
	padding: 0.5em;
}

.content-right #top-nav {
	list-style: none;
	font-size: 80%;
	padding-bottom: 1em;
}

.content-right #top-nav li {
	list-style: none;
	border: 1px solid #134474;
	border-width: 0 0 1px;
}

.content-right #top-nav a { 
	color: #fff; 
	text-decoration: none; 
	text-transform: capitalize;
	display: block;
	line-height: 30px;
	padding-left: 30px;
	background: url(/assets/images/default/bg-side-nav.png);
}

.content-right #top-nav a:hover,
.content-right #top-nav .highlight a { 
	color: #fff; 	
	border-color: #1b3664;
	background: url(/assets/images/default/bg-side-nav-hover.png);
 }
.content-right #top-nav a:visited { text-decoration: none; }


/*  footer ))<<>>(( - - - >> */

#footer {
	width: 765px;
	padding-bottom: 1.5em;
	background: url(/assets/images/default/bg-footer.png);
	font-size: 85%;
	color: #333;
	text-align: left;
	line-height: 1.5em;
	position: relative;
	margin: -142px auto 0 auto;
}

#footer div { background: url(/assets/images/default/footer.png) top left no-repeat; }

* html #footer { margin-top: -140px; width: 765px;}

#footer-links {
	list-style: none;
	margin-top: 0;
	margin-left: 10px;
	padding-top: 30px;
}

#footer-links li {
	display: inline;
	border-left: 1px solid #ccc;
	padding: 0 10px;
}

#footer a { color: #ccc; font-size: 90%;  }
#footer a:hover { color: #000; text-decoration: none; }

#footer-links li.first { border-left: 0 none transparent; }
#footer-links a { color: #666; text-decoration: none; text-transform: capitalize; }
#footer-links a:hover { color: #000; text-decoration: underline; }
#footer-links a:visited {  }
#footer p { margin-top: 50px; color: #ccc; margin-left: 20px; font-size: 90%; }

/*  tooltip for titles on <a> tags  ))<<>>(( - - - >> */
#tooltip {
	padding: 0.5em;
	background-color: #fff;
	border: #ededed solid 2px ;
	display: none;
	color: #000;
	font: bold 85% verdana, arial, helvetica, sans-serif;
	text-align: left;
	position: absolute;
	z-index: 1000;
	/*-moz-border-radius:10px;*/
	/*opacity: 0.7;*/
}

#tooltip p {
	color: #f00;
	padding-top: 0.5em;
	margin-top: 0.5em;
	border: #333 solid 1px;
	border-width: 1px 0 0 0;
}

/*  bread crumbs  ))<<>>(( - - - >> */
#content-main ul#breadcrumb { 
	text-align: right; 
	list-style: none; 
	padding: 0; 
	margin: 0; 
	margin-bottom: 1em; 
	clear: right; 
}
#content-main ul#breadcrumb a { text-decoration: none; color: #036; font-style: italic; font-size: 90%; }
#content-main ul#breadcrumb a:hover { text-decoration: underline;  }
#content-main ul#breadcrumb li {
	display: inline;
	padding: 0;
	margin: 0;
	background: none;
	font-size: 90%;
	color: #036;
	font-style: normal;
}
#content-main ul#breadcrumb li a { padding: 0.2em; }
#content-main ul#breadcrumb li.first a { background: none; padding-left: 0; }

/*  side content ))<<>>(( - - - >> */
.sideBox {
	margin: 10px;
}

.sidebox h4 {
	font-size: 130%;
	font-family: arial, helvetica, sans-serif;
	border-bottom: 2px dashed #ddd;
	padding: 12px 0 6px 50px;
	text-transform: capitalize;
	color: #c33;
	margin: 0 7px 0.5em 7px;
}

.sideBox p { padding: 0.5em 0; }

.sideBox p a { color: #fff; }
.sideBox p a:hover { color: #fff; }

.sideBox ul { padding: 0.5em 20px; }

.sideBox li {
	padding-bottom: 0.4em;
}

.sideBox li a {
	font-size: 80%;
	padding-left: 5px;
	background: url(/assets/images/default/bg-bullet-black.gif) center left no-repeat;
	display: block;
	color: #fff;
}

.sideBox li a:hover { 
	text-decoration: none;
	color: #fff;
}

/*  page tools  ))<<>>(( - - - >> */
ul#tools { list-style: none; padding: 0; margin: 0; float: right; padding-bottom: 10px; }
ul#tools li{ list-style: none; padding: 0; margin: 0; display: inline; background: none; }

/*  form fields ))<<>>(( - - - >> */
form { padding: 10px; }
form em { color: #f00; font-size: 120%;}
input, textarea {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color:#404040;
}

fieldset { 
	border: 2pc solid #ccc; 
	border-width: 2px 0 0 0; 
	border-style: solid none none none; 
	padding-bottom: 1em;
	width: 300px;
}

legend { padding: 0 1em; margin: 0 2em 1em 0; color: #06c; direction: rtl;}

label {
	color: #333;
	cursor: pointer;
	padding: 5px 5px 5px 2px;
	line-height: 20px;
	width: 150px;
	float: left;
	font-size: 90%;
}

.textinput, .required  {
	float: left;
	width: 236px;
	height: 15px;
	/*background: url(/assets/images/bg/bg-button.gif);*/
	background-color: #ededed;
	border:inset 1px #ccc; 
	padding:4px 8px;
	margin-bottom: 1em;
}
.button {
	cursor:pointer;  
	border:outset 1px #ccc; 
	font-size: 1em; 
	color:#666; 
	font-weight:bold; 
	background: #999 url(/assets/images/default/button.gif); 
	padding: 0.2em 0.5em;
	margin: 0.5em 1em 1em 0;
	clear: both;
}

.selectinput {
	float: left;
	width: 209px;
	height: 22px;
	/*background: url(/assets/images/bg/bg-button.gif);*/
	background-color: #ededed;
	border:inset 1px #ccc; 
	padding: 2px;
	margin-bottom: 1em;
}

.button:focus {	background: #ededed; }

.clear { clear: both; }

fieldset#userdetails { width: 100%; }
fieldset#userdetails label { width: 200px; }
fieldset#userdetails input { width: 190px; }

fieldset#additionalinformation { width: 100%;  }
fieldset#additionalinformation label { display: none; }
fieldset#additionalinformation textarea { width: 400px; height: 100px; background: none; background-color: #ededed; }

fieldset#searchfeatures { width: 100%; float: left; }
fieldset#searchfeatures label { width: 150px; padding: 0; }
fieldset#searchfeatures input { width: 150px; margin-top: 0.3em; }

fieldset#survey { width: 100%; }
fieldset#survey label { width: 260px; }
fieldset#survey select { width: 150px; }

#status { color: #f00; }