/**
 * 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 -48px;
}

img{
	border:0;
}

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

h1{
	display:none;
	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;
	padding:2px 30px;
}
	/********************************
	 * #CONTAINER-TOP
	 ********************************/

	#container-top{
		padding:20px 0;
	}
		#container-logo{
			font-size:37px;
			color:white;
			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; 
				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 .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 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%;
		}
		
		.side-menu.column1{
			width:200px;
			float:left;
		}

	#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.8;
		font-size:0.9em;
	}
		#container-foot ul{
			padding:0;
			margin:10px 0;
		}
			#container-foot li{
				display:inline;
				margin:0;
				border-left:1px solid #ddd;
			}
				#container-foot li a{
					padding:5px 6px;
					color:black;
				}
			#container-foot li.first-child{
				border-left:0;
			}
			#container-foot li a:hover{
				color:white;
				background:#4e8e8e;
				-moz-border-radius:4px;
				-webkit-border-radius:4px;
			}
	




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

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


	/**
	 * Form table structure
	 */
	form tbody th{
		font-weight:normal;
		width:20%;
	}
	form .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 .section th{
		padding:15px 0;
		font-size:15px;
		font-weight:bold;
	}

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

div.list, div.feed{
	clear:both;
}

	div.list div.depth_1, div.feed div.depth_1{
		border:4px solid #fefe30;
		height:150px;
		overflow:hidden;
		float:left;
		width:200px;
		padding:10px;
		margin:5px;
		background:white;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
	}
	div.list div.depth_1.odd, div.feed div.depth_1.odd{
		-moz-box-shadow:10px 10px 10px grey;
		-webkit-box-shadow:10px 10px 10px grey;
		background:Gold;
	}
	div.list div.depth_1 div.title, div.feed div.depth_1 div.title{
		font-size:14px;
		font-weight:bold;
		padding-bottom:5px;
	}
	.feed a:visited{
		color:#993300;
		text-decoration:underline;
	}


/********************************
 * 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;
}


/**
 * Slider
 */
  .slide{position:absolute;top:20px;right:30px;margin-left:300px;}
  .slide,.slide div a{ width:400px;overflow:hidden;}
  .slide div a{text-align:center;color:white;float:left;}
  .slide > div, .slidediv{width:800px;}

.tabs li{border:1px solid lightgray;border-bottom:none;padding:4px 10px;background-color:#f5f8f8;font-size:15px;display:inline-block;
//display:inline;
margin:0 0 0 5px;-moz-border-radius:5px 5px 0 0;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;opacity:0.6;}
.tabs li.selected, .tabs li:hover{opacity:1;}
.tabs li a.remove{
   color:lightgrey;
   font-size:10px;
   margin-left:5px;
   padding:0 3px;
   border:1px solid #ddd;
}
.tabs li a.remove:hover{color:grey;background-color:white;}

.slider{
	top:64px;
	position:absolute;
	display:inline;
	width:600px;
}
	.slider .next, .slider .prev{
		display:none;
		background-color:white;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border:0; 
		font:bold 20px Helvetica;
		color:#bbb;
		float:left;
		padding:0;
		margin:1px;
	}
	.slider .next{
		float:right;
	}
	.slider div{
		overflow:hidden;
		text-align:left;
		height:none;
		margin:0;
		padding:0;
	}
		.slider div ul{
			width:10000px;// set to an arbitary high value
			overflow:hidden;
			margin:0;
			padding:0;
		}

#moreresults{
	background-color:white;
	font:bold 25px arial;
	clear:both;
	display:block;
}