/* Start CSS reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* End CSS reset */


body { margin: 10px; }

body, p, td, input, select, textarea { font-family: Arial, Sans; font-size: 13px; color: #333333; line-height: 1.4em; }

p {	margin: 14px 0; }
strong { font-weight: bold; }
em { font-style: italic; }
li { margin-top: 4px; }
ul { list-style-type: disc; margin: 14px 0 14px 20px; }
ol { margin: 14px 0 14px 20px; list-style-type: decimal; }

a:link { color: #A86B22; text-decoration: underline; }
a:visited { color: #E6A14D; text-decoration: underline; }
a:hover, a:active {	color: #8DA637;	text-decoration: underline;	}

h1 { color: #A7C349; font-size: 30px; font-weight: normal; line-height: 1em; margin-bottom: 16px; letter-spacing: -1px; }
h2 { color: #DE7E0A; font-size: 18px; font-weight: bold; line-height: 1em; margin: 16px 0 10px 0; }
h3 { color: #9EBB3E; font-size: 15px; font-weight: bold; line-height: 1.4em; margin: 16px 0 10px 0; }

h1 a:link, h2 a:link, h3 a:link, h1 a:visited, h2 a:visited, h3 a:visited { text-decoration: none; }

.floatright { float: right; padding: 0 0 10px 20px; }
.floatleft { float: left; padding: 0 20px 10px 0; }
.clear { clear: both; }
.flush { margin-top: 0; }
.moretop { padding-top: 20px; }
.morebottom { padding-bottom: 20px; }
.large { font-size: 1.2em; }
.small { font-size: 0.8em; }
.error, span.error { color: #C9413F !important; }
.highlight { background-color: #A7C349; color: #FFFFFF; padding: 0 2px; font-weight: bold; }
.shaded { background-color: #F7F5F1; padding: 5px 10px; margin: 20px 0; }
.faded { color: #666666; }

p.breadcrumbs { margin: 0 0 16px 1px; }
div.thumb { height: 96px; width: 96px; padding: 6px; float: left; text-align: center; float: left; background-color: #F0F0F0; margin: 0 10px 10px 0; }

div.hometop p { font-size: 1.3em; padding-bottom: 10px; }

div.resourcedetails p { margin: 6px 0; }
div.resourcedetails { padding-bottom: 20px; }

p.resourceitem { margin: 6px 0 6px 20px; }

ul.horizontal { margin: 0; list-style-type: none; height: 30px; padding: 0; }
ul.horizontal li { display: block; padding: 0 15px 0 0; float: left; }

#footer { background-color: #F7F5F1; padding: 10px 0; }
#footer p { font-size: 11px; margin: 0; color: #636260; }
#footer #links { margin-bottom: 8px; font-size: 12px; }
#footer #fruity { color: #636260; }

/* Tables */

table { margin: 10px 0; }
table td { padding: 0 20px 5px 0; }

table.grid { border-bottom: #9EBB3E solid 2px; }
table.grid td { padding: 4px 8px 4px 4px; }
table.grid th { padding: 5px 12px 5px 4px; white-space: nowrap; }
table.grid th, table.grid th a, table.grid th a:link, table.grid th a:visited, table.grid th a:hover {
	background-color: #9EBB3E;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
}
table.grid th a:link, table.grid th a:visited { text-decoration: none; }
table.grid th a:hover, table.grid th a:active { text-decoration: underline; }

table.grid tr.rowalt { background-color: #F7F5F1; }
table.grid table td { padding: 2px; }
table.grid td input, table.grid td textarea { padding: 0; }

table.gridlines { border-collapse: collapse; }
table.gridlines td { padding: 4px 8px 4px 4px; border-bottom: 1px #BAB19E solid; border-top: 1px #BAB19E solid;  }
table.gridlines th { padding: 5px 8px 5px 4px; white-space: nowrap; background-color: #9EBB3E; font-weight: bold; color: #FFFFFF;	text-align: left; }

table.form { border: none; border-collapse: collapse; }
table.form td { padding: 0 4px 4px 0; }
table.form td.label { font-weight: bold; text-align: right; padding-right: 4px; }


/* Utilities and icons */

div.utilities { background-color: #F7F5F1; padding: 10px; margin: 10px 0; }
div.utilities td { padding-right: 10px; }
div.utilities td.padleft { padding-left: 20px; }
div.utilities table { margin-top: 0; }

a.icon-add, a.icon-filter, a.icon-delete, a.icon-list, a.icon-thumbnail, a.icon-save, a.icon-excel, a.icon-folderadd, a.icon-folderedit, a.icon-uplevel  { display: block; height: 16px; line-height: 15px; padding-left: 20px; }
a.icon-add { background: url(icons/add.gif) 0 0 no-repeat; }
a.icon-filter { background: url(icons/filter.gif) 0 0 no-repeat; }
a.icon-delete { background: url(icons/delete.gif) 2px 2px no-repeat; }
a.icon-list { background: url(icons/list.gif) 0 0 no-repeat; }
a.icon-thumbnail { background: url(icons/thumbnail.gif) 0 0 no-repeat; }
a.icon-save { background: url(icons/save.gif) 0 0 no-repeat; }
a.icon-folderadd { background: url(icons/folderadd.gif) 0 0 no-repeat; }
a.icon-folderedit { background: url(icons/folderedit.gif) 0 0 no-repeat; }
a.icon-uplevel { background: url(icons/up.gif) 0 0 no-repeat; }

div.folders { background-color: #F7F5F1; padding: 13px 10px; margin: 10px 0; font-size: 12px; }
div.folders strong { color: #666666; font-size: 11px; }


/* Form bits */

div.formblock { background-color: #F7F5F1; padding: 20px; margin-bottom: 16px; }

div.formitem { margin-bottom: 14px; } 
div.formitem.flush { margin-bottom: 0; }
div.formitem label { font-weight: bold; display: block; padding-bottom: 3px; color: #DE7E0A; font-size: 14px; }
div.formitem div.description { padding-top: 6px; color: #666666; font-size: 11px; line-height: 1.3em; }
div.formitem span label { display: inline; font-weight: normal; position: relative; top: -1px; }
div.formitem a.icon { display: inline; padding-bottom: 1px; margin-left: 4px; position: relative; top: -1px; }
div.formitem div.inline label { display: inline; position: relative; top: -1px; font-weight: normal; font-size: 12px; color: #333333; padding-right: 5px; }

div.formbuttons { margin-top: 20px; }
div.bigbuttons { margin-top: 20px; margin-bottom: 10px; }
div.bigbuttons input { width: 80px; padding-top: 4px; padding-bottom: 4px; }