/**
 * Default CSS document 
 * Standardizes browser defaults
 * Sets a simple page display
 * 
 * @author Andrew Dodson
 * @since 2009-05
 */



/********************************
 * Defaults
 ********************************/
body{
	margin:0;
	text-align:center;
	font:normal 12px arial;
        background:white url(../graphic/74.png) repeat-x 0 -23px;
}

img{
	border:0;
}

table{
	border-collapse:collapse;
	empty-cells:show;
}

h1{
	font-size:16px;
	margin-top:30px;
}
h2{
	font-size:15px;
}

a{
	color:#075E8F;
	text-decoration:none;
}

	a:hover{
		color:#993300;
		text-decoration:underline;
	}


ul.inline li{
	display:inline;
	padding:5px 6px;
	margin:0;
	border-left:1px solid #ddd;
}


/********************************
 * #CONTAINER
 ********************************/
 
#container{
	margin:-4px auto;
	text-align:left;
	width:721px;
	padding:2px 30px;
}
	/********************************
	 * #CONTAINER-TOP
	 ********************************/

	#container-top{
		padding:20px 0;
	}
		#container-logo{
			font-size:40px;
			color:#ccccaa;
			font-weight:bold;
			font-family:trebuchet MS;
		}
		#container-login{
			font-size:11px;
			margin-left:520px;
			position:absolute;
			top:0;
		}

	/********************************
	 * #TABS
	 ********************************/

	#container-tabs ul{
		margin:10px 0;
		padding:0;
	}

		#container-tabs li{
			display:inline;
			margin:5px;
			font-size:1em;
		}
			#container-tabs li a{
				background-color:#A6CECE; 
				padding:10px;
				color:white; 
				text-decoration:none;
				font-weight:bold; 
				-moz-border-radius:10px 10px 0 0;
				-webkit-border-top-left-radius:10px;
				-webkit-border-top-right-radius:10px;
			}

			#container-tabs li a:hover{
				background-color:WhiteSmoke;
				color:#075E8F; 
			}

			#container-tabs li.selected a{
				background-color:WhiteSmoke; 
				color:#075E8F; 
			}

	
	/********************************
	 * #CRUMBS
	 ********************************/
	#crumbs{
		text-align:left;
		font-size:0.9em;
		margin:8px;
		padding:5px;
		width:auto;
	}
		#crumbs ul{
			display:inline;
			margin:0;
			padding:0;
		}
			#crumbs ul li{
				display:inline;
				padding:0 5px 0 15px;
				background:url(../graphic/30_g_li.gif) no-repeat left center;
			}
	

	#container-inner {
		clear:both;
		text-align:left;
		height:100%;
		margin-bottom:40px;
	}
		
		#main-content{
			float:right;
			width:70%;
		}
		div.columns1 #main-content{
			float:right;
			width:100%;
		}
		
		div.side-menu.column1{
			width:200px;
			float:left;
		}
		div.side-menu.column2{
			clear:both;
		}

	#container-foot{
		clear:both;
		position:fixed;
		bottom:0;
		right:0;
		-moz-border-radius:10px 10px 0 0;
		-webkit-border-top-left-radius:10px;
		-webkit-border-top-right-radius:10px;
		background-color:GhostWhite;
		margin:0;
		opacity:0.6;
		font-size:0.9em;
	}
		#container-foot ul{
			padding:0;
			margin:10px 0;
		}
			#container-foot ul li{
				display:inline;
				margin:0;
				border-left:1px solid #ddd;
			}
				#container-foot ul li a{
					padding:5px 6px;
					color:black;
				}
			#container-foot ul li.first-child{
				border-left:0;
			}
			#container-foot ul li a:hover{
				color:white;
				background:#4e8e8e;
				-moz-border-radius:4px;
				-webkit-border-radius:4px;
			}
	




/********************************
 * FORM
 ********************************/

form{
	margin:0;
	padding:0;
}
	form textarea{
		  width:300px;
		  font-size:11px;
	}
	
	/********************************
	 * TEXTAREA.EDITOR
	 ********************************/
	form textarea.editor
	,form iframe.editor
	,form div.editor{
		display:block;
		width:100%;
		height:300px;
		padding:0;
		border: 1px solid lightgrey;
	}
	
	form div.toolbar{
		padding:2px 0;
		width:100%;
		-moz-border-radius:10px 10px 0 0;
		-webkit-border-top-left-radius:10px;
		-webkit-border-top-right-radius:10px;
		background:#A6CECE;
		border:1px solid lightgrey;
		border-bottom:0;
		font-size:11px;
	}
		form div.toolbar span.tool{
			display:inline-block;
		}
		form div.toolbar button{
			font-size:inherit;
			border:0;
			border-right:1px solid lightgray;
			background-color:transparent;
			padding:1px 2px;
			margin-right:-1px;
		}
		form div.toolbar button:focus{
			background:white;
		}
		form div.toolbar button:hover
		,div.toolbar button.selected{
			background:lightgrey;
		}
		form div.toolbar button[disabled]:hover{
			background:none;
		}
		form div.toolbar select{
			font-size:inherit;
			border:1px solid lightgrey;
		}
		form div.toolbar button[disabled]
		,form div.toolbar select[disabled]
		,form div.toolbar span.tool[disabled]
		,form div.toolbar button[disabled] b{
			color:#dddddd;
		}
	
	/**
	 * onchange alert error
	 */
	form div.alert_form{
		padding-left:20px;
		position:absolute;
		display:inline;
		height:13px;
		background:url(../graphic/26_ok.gif) no-repeat 5px center white;
	}
		form div.alert_form.ok{
			background-image:url(../graphic/26_ok.gif);
		}
		form div.alert_form.neg{
			background-image:url(../graphic/27_neg.gif);
		}
		form div.alert_form.indicator{
			background-image:url(../graphic/28_indicator.gif);
		}


	/**
	 * Form table structure
	 */
	form table tbody th{
		font-weight:normal;
		width:20%;
	}
	form table.assoc table{
		width:100%;
	}
	form table th span{
		color:gray;
	}




/****************************
 * HTML_TABLE
 * Used to wrap and decorate a table
 * This is used to mimic the more desirable and simple CSS
 * --moz-border-radius
 * --
 * USED:
 * 		Encompass FORM content
 *		On the html
 ****************************/

.html_table{
	width:100%;
	border:0;
}
	/**
	 * Style Section divide
	 */
	.html_table tr.section th{
		padding:15px 0;
		font-size:15px;
		font-weight:bold;
		text-align:left;
	}

/********************************
 * .LIST or .DATASET
 * 
 ********************************/

div.list{
	clear:both;
}

	div.list div.depth_1{
		border:4px solid #CDE2D5;
		height:80px;
		padding:10px;
		margin:10px 0;
		background:white;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
	}
	div.list div.depth_1.odd{
		background:#f4f4f4;
	}
	div.list div.depth_1 div.title{
		font-size:14px;
		font-weight:bold;
		padding-bottom:5px;
	}
	div.list div.depth_1 div.tag a{
		border:1px outset white;
		padding:2px 4px;
		margin-left:2px;
		float:right;
	}
	div.list div.depth_1 div.point{
		display:none;
	}


/********************************
 * Handy positioning
 ********************************/

div.fourquarter{width:74%;}
div.twothirds{width:66%;}
div.half{width:49%;}
div.third{width:33%;}
div.quarter{width:24%;}

div.left{float:left;}
div.right{float:right;}



/********************************
 * #KNARLY-LINK
 ********************************/
#knarly-link{
	position:absolute;
	right:0;
	top:0;
	background:url(../graphic/43_knarly_dog-eared_sml.png) no-repeat;
	width:80px;
	height:51px;
	cursor: pointer;
	cursor: hand;
}





/*******************************
 * Bespoke
 *******************************/

.btn_apply, #apply, #apply button.submit_btn{
	border: 4px solid #ddd; 
	padding: 10px; 
	background: #A6CECE;
	-moz-border-radius:10px; 
	-webkit-border-radius:10px; 
	border-radius:10px;
	font-weight: bold; 
	font-size: 15px; 
	color: white; 
	width: 100%;
}

.btn_apply:hover{
	background-color: AliceBlue;
	cursor:pointer;
	color: #075E8F;
}


#apply .html_table table th{
	width: 30%;
	font-weight:bold;
}
#apply input{
	width: 100%;
}
#apply button.submit_btn{
	background:white;
	color:black;
	width:auto;
}


#notice{
	margin:2px 0;
	-moz-border-radius:0 0 10px 10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
}

/**
 * HOMEPAGE
 */

.hplayout .box{
	padding: 10px; 
	background: url(/style/graphic/81.png) no-repeat scroll 0 -50px; 
	width: 300px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius:10px;
	float:left;
}
	.hplayout .box h2{
		text-align:center;
		font-size:18px;
		margin-top:10px;
		color:CadetBlue;
	}
	.hplayout .left{
		margin-right: 50px; 
	}
	.hplayout .right{
		background-position:right -35px;
		text-align: right;
	}

/**
 * SEARCH
 */
form.search {
	display: inline;
}

form.search input{
	font:bold 15px arial;
}
.address{
	padding: 5px; 
	display: inline;
}
	.address div{
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		text-align:left;
		margin: 5px;
		padding: 10px;
		z-index:10;
		display: none;
		position: absolute;
		background-color:#A6CECE;
	}
	.address address{
		display:inline;
		background-color:white;
		opacity:0.7;
	}
	.address a{
		display:inline-block;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		border-radius:4px;
		padding:3px;
		padding:5px;
		background-color:#a6cece;
		color:white;
		font-weight:bold;
	}
	.address a:focus{
		background-color:red;
	}
	.address li.selected a, .address a:hover{
		background-color:orange;
	}
	.address ul{
		list-style:none;
		margin:5px;
		padding:0;
	}
	.address li{
		margin:5px 0;
	}


#map_canvas{
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:5px solid DarkOrange;
}