/*
ECHO Basic Layout Stylesheet
*/


/* HTML Elements */

* {font-size: 100%; font-family: sans-serif; }

a {	color: #31135B;	text-decoration: none; }
a:link {color: #31135B;}
a:visited {color: #31135B;}
a:hover { text-decoration: underline; }
a:active {color: #31135B;}

body {
	color: #222;
	background: #402D04;
	margin: 0px;
	padding: 0px;
	font: 12px verdana, arial, helvetica, sans-serif;
}

div { margin: 0px; padding: 0px;  }

h1 { margin: 10px 0px 6px 0px;	color: #402D04; font-size: 220%; font-smooth: always; }
h2 { margin: 20px 0px 6px 0px; font-size: 128%; color: #402D04;}
h3 { margin: 16px 0px 0px 0px; font-size: 128%; color: #402D04;}
hf3 { margin-top: 2px; font-size: 100%; }
h4 { margin-top: 2px; font-size: 100%; }
h5 { margin: 20px 0px 6px 0px;	color: #bbb; font-size: 180%; font-smooth: always; }

html { height: 100%; width: 100%;	margin: 0px; padding: 0px; }

img { display: inline; border: 0px; }

input[type="text"], input[type="password"]  { border: 1px solid #699; padding: 2px; }

label { font-weight: bold; }
label.small { font-weight: normal; }

p {	padding: 0px; }

table { font-size: 100%; text-align: left; }

textarea { border: 1px solid #699; padding: 2px; }

td img { display: inline; }

th { background-color: #d9d9d9; font-weight: bold; }

ul.spaced li { margin-bottom: 8px; }
ol.spaced li { margin-bottom: 8px; }


/*------------------------------------------------------------*
**  container
**------------------------------------------------------------*/
#container {
	position: absolute;
	background: #FFB33A url(images/container.gif) no-repeat;
	top: 50%;
	left: 50%;
	min-height: 249px;
	min-width: 120px;
	width: 810px;
	margin: -300px -405px;
	padding: 0;

	font: 12px/20px verdana, arial, helvetica, sans-serif;

}



#content a { font-weight: bold; }

/*------------------------------------------------------------*
**  Header
**------------------------------------------------------------*/
#header {
	background: url(images/header.gif) no-repeat;
	height: 110px;
}

/*------------------------------------------------------------*
**  Nav
**------------------------------------------------------------*/
#nav {
	background: url(images/menu.gif) no-repeat;
	width: 580px;
	min-height: 35px;
	margin: 0 0 0 50px;
	padding: 0 0 0 130px;
	border-bottom: 1px solid #fff;
	}
#nav li {
	list-style-type: none;
	display: inline;
	line-height: 20px;
	}
#nav ul {
	}
#nav li a {
	text-decoration: none;
	color: #644204;
	border-bottom: 0;
	padding: 8px 6px;
	font-size: 1em;
	float: left;
	font-weight: bold;
}
#nav li a:hover { color: #644204; background-color: #FFB33A;}
#nav li a.on { color: #FFB33A;}

/*------------------------------------------------------------*
**  Side Bar
**------------------------------------------------------------*/
#sidebar {
	z-index: 1;
	background: #FFB33A url(images/sidebar.gif) no-repeat;
	float: right;
	margin: 0 50px 0 0;
	width: 160px;
	position: relative;
	line-height: 20px;
	word-spacing: 2px;
}
#sidebar div {  }
/*------------------------------------------------------------*
**  Side Bar & Content
**------------------------------------------------------------*/
#sidebar h2, #content h2 {
	font-size: 2.1em;
	color: #402D04;
	margin: 25px 0 0 8px;
	cursor: default;
}
#sidebar h3, #content h3 {
	font-size: 1.1em;
	color: #402D04;
	margin: 10px 0 0 10px;
	cursor: default;
}
#content div, #sidebar div {
	padding: 10px;
}
/*------------------------------------------------------------*
**  Content
**------------------------------------------------------------*/
#content {
	z-index: 1;
	background: url(images/body.gif) no-repeat;
	float: left;
	width: 523px;
	min-height: 435px;
	position: relative;
	line-height: 20px;
	text-align: justify;
	word-spacing: 2px;
	padding: 8px;
	border-right: dashed 1px #402D04;
	margin: 0 0 0 50px;
	display: inline;
}
#content div {  margin: 25px 0 0 20px;}

/*------------------------------------------------------------*
**  Pseudo_Footer
**------------------------------------------------------------*/
#pseudo_footer p {
	align: center;
	text-align: center;
	color: #B1A9C1;
	font-size: 0.8em;
	line-height: 8px;
}


/*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/
#footer {
	z-index: 10;
	text-align: left;
	color: #FAA83A;
	font-size: 0.8em;
	font-weight: bold;
	line-height: 16px;
	clear: both;
}

#footer a { text-decoration: none; color: #A2AFBF; border-bottom: 1px dashed #A2AFBF; }
#footer a:hover { border-bottom: 1px dashed #fff; color: #fff; }

/*------------------------------------------------------------*
**  TagLine
**------------------------------------------------------------*/
#tagline {
  background: #402D04;
  text-align: right;
  padding-right: 50px;
}

#tagline a {
  color:#FAA83A;
}

/* Form Styling */

div.form { padding: 1px; background-color: #f0f0f0; border: 1px solid #999999; }
div.form_title { margin-bottom: 10px; padding: 4px; background-color: #999999; color: #ffffff; font-weight: bold; }

div.form_button_bar {
	margin: 20px 0px 20px 0px;
	padding: 4px;
	background-color: #f0f0f0;
	border: 1px solid #e6e6e6;
	text-align: center;
}

table.form { border: 2px solid #e6e6e6; }
table.form th { background-color: #e6e6e6; text-align: right; vertical-align: top; }
table.form td { background-color: #f6f6f6; text-align: left; vertical-align: top; }

div.block_tree_item { width: 450px; margin: 2px 2px 0px 2px; border: 1px solid #dddddd; }
div.block_tree_item a { display: block; padding: 2px 4px 2px 4px; text-decoration: none; }
div.block_tree_item a:hover { background-color: #eeeeee; color: #000000; }
div.block_tree_section { margin: 0px 2px 10px 2px; padding: 10px 2px 10px 40px;; border-bottom: 1px dashed #cccccc; border-left: 1px dashed #cccccc; }
div.block_tree_toolbar { width: 450px; margin: 0px 2px 0px 2px; border: 1px solid #dddddd; font-size: 84%; }


/* Common Elements */

a.button { display: inline; padding: 3px; background-color: #ccc; border-top: 1px solid #ddd; border-right: 1px solid #699; border-bottom: 1px solid #699; border-left: 1px solid #ddd; color: #000000; font-size: 92%; text-decoration: none; }
a.strike { text-decoration: line-through; }

div.alert_box { margin: 10px 10% 10px 10%; padding: 4px; background-color: #fcc; border: 1px solid #900; }
div.good_box { margin: 10px 10% 10px 10%; padding: 4px; background-color: #cfc; border: 1px solid #090; }

div.scrollable { border: inset 2px; height: 160px; overflow: auto; margin-right: 4px; padding-right: 4px; }

div.error_box {
	margin-bottom: 15px;
	padding: 5px 15px 5px 15px;
	background-color: #fdd;
	border: 1px solid #990000;
	border-radius: 10px;
	-moz-border-radius: 10px;
	line-height: 1.1em;
}

div.success_box {
	margin-bottom: 15px;
	padding: 5px 15px 5px 15px;
	background-color: #dfd;
	border: 1px solid #090;
	border-radius: 10px;
	-moz-border-radius: 10px;
	line-height: 1.1em;
}

table.grid { border: 2px solid #c9c9c9; }
table.grid th { padding: 3px; background-color: #c9c9c9; font-weight: bold; }
table.grid td { padding: 2px; background-color: #f0f0f0; }

table.search_results1 { border: 2px solid #c9c9c9; }
table.search_results1 td { padding: 2px; background-color: #f0f0f0;}

table.search_results2 { border: 2px solid #c9c9c9; }
table.search_results2 td { padding: 2px; background-color: #dde;}

/* Generic Classes */

.bold { font-weight: bold; }
.bordered { border: 1px solid #669999; }
.center { text-align: center; }
.indented { margin-left: 20px; margin-right: 20px; }
.normal { font-weight: normal; }
.padded { padding: 2px; }
.small_text { font-size: 92%; }


.green { background-color: #66ee66; border-color: #009900; }
.yellow { background-color: #eeee66; border-color: #999900; }
.red { background-color: #ff7777; border-color: #990000; }

input.greyed_out, textarea.greyed_out, select.greyed_out { background-color: #dddddd; color: #666; }

input.danger_button { background-color: #ff7777; border-color: #990000; }
input.safe_button { background-color: #66ee66; border-color: #009900; }
input.warning_button { background-color: #eeee66; border-color: #999900; }