/* layout and positioning elements */

html,
body {
	height: 100%;
}

#container,
#footer { /* controls overal site width and alignment */
	margin: 0px 0px;
	width: auto;
}

.layout { /* controls inner width and alignment */
	margin: 0px 0px;
	width: 950px;
}

#container {
	position: static;
	min-height: 100%;
	margin-bottom: -60px;
}

* html #container {
	height: 100%;
}

#footerstop {
	height: 80px; /* used for separation between footer and rest of content */
}

#footer {
	bottom: 0px;
	height: 60px;
}

#login {
	width: 365px;
	margin: 0px auto;
	text-align: center;
}

#login .loginbtn {
	padding-top: 15px;
}


/* global elements */

body {
	margin: 0px;
	padding: 0px;
	background: #ECECE8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#header {
	height: 72px;
	background: url(../hdr/header.jpg) repeat-x left top;
}

#hdr-logo {
	float: left;
	width: 200px;
	height: 70px;
	background: url(../hdr/logo.jpg) no-repeat left top;
}

#hdr-tools {
	padding: 15px 10px 0px 0px;
	font-size: 11px;
	font-weight: bold;
	color: #E4EFEE;
	text-align: right;
}

#hdr-tools UL {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#hdr-tools LI {
	display: inline;
	padding: 0px 5px 0px 7px;
	border-right: 1px solid #94C0BC;
}

#hdr-tools LI.last {
	padding-right: 0px;
	border: 0px;
}

#hdr-tools a {
	color: #34997B;
	text-decoration: none;
}

#hdr-tools a:active,
#hdr-tools a:hover {
	color: #5AC7A7;
	background: transparent;
	text-decoration: underline;
}


/* global nav bar */

#navbar {
	background: url(../nav/nav_bar.gif) repeat-x center;
	border-bottom: 1px solid #716F66;
}

#nav-help {
	padding: 0px 10px;
	text-align: right;
	line-height: 28px;
	font-size: 12px;
	font-weight: bold;
}

#nav-help UL {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#nav-help LI {
	display: inline;
	padding: 0px 7px 0px 9px;
	border-right: 1px solid #E7E3D7;
}

#nav-help LI.last {
	padding-right: 0px;
	border: 0px;
}

#nav-help,
#nav-help a,
#nav-help a:link,
#nav-help a:visited {
	color: #E7E3D7;
	text-decoration: none;
}
#nav-help a:active,
#nav-help a:hover {
	color: #FFFFFF;
	background-color: transparent;
}

/* subnav menu elements */

#nav,
#nav UL {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	z-index: 100;
}

#nav {
	font-weight: bold;
	font-size: 12px;
	margin-left: 10px;
}

#nav UL {
	font-weight: normal;
	top: 100px;
	border-top: 1px solid #767570;	
}

#nav LI {
	float: left;
	margin: 0px;
}

#nav LI.nolink A {
	cursor: default;
}

#nav LI.nolink UL A {
	cursor: pointer;
}

#nav a,
#nav a:link,
#nav a:visited {
	float: left;
	display: block;
	line-height: 28px;
	padding: 0px 10px;
	text-decoration: none;
	color: #E7E3D7;
	height: 1%;
	border-left: 1px solid #9D9C95;
	border-right: 1px solid #716F66;
}

#nav a.on,
#nav a.on:link,
#nav a.on:visited,
#nav a:active,
#nav a:hover,
#nav LI.ddhover a,
#nav LI:hover a {
	color: #FFFFFF;
	background-color: #9C9C93;
	background-image: url(../nav/nav_on.gif);
	background-position: center;
}

#nav LI UL a,
#nav LI UL a:link,
#nav LI UL a:visited {
	line-height: 24px;
}

#nav LI UL {
	clear: left;
	position: absolute;
	left: -999em;
	display: none;
	width: 180px;
	margin: 0px 0px 0px -2px;
}

#nav LI UL LI {
	float: left;
	clear: left;
	width: 180px;
	background: url(../nav/subnav.png) repeat-y left;
}

#nav LI.ddhover UL LI UL,
#nav LI.ddhover UL LI.ddhover UL LI UL,
#nav LI:hover UL LI UL,
#nav LI:hover UL LI:hover UL LI UL {
	left: -999em;
	display: none;
}

#nav LI.ddhover UL,
#nav LI.ddhover UL LI.ddhover UL,
#nav LI.ddhover UL LI.ddhover UL LI.ddhover UL,
#nav LI:hover UL,
#nav LI:hover UL LI:hover UL,
#nav LI:hover UL LI:hover UL LI:hover UL {
	left: auto;
	display: block;
}

#nav LI UL a,
#nav LI UL a:link,
#nav LI UL a:visited {
	float: none;
	display: block;
	margin: 0px 2px;
	padding: 0px 10px;
	font-size: 11px;
	color: #000000;
	background: url(../nav/subnav_link.gif) repeat-x left bottom;
}

#nav LI UL a:active,
#nav LI UL a:hover {
	color: #081817;
	background-color: #D0D9D6;
}

#nav UL LI.parent SPAN,
#nav UL LI.parent UL LI.parent SPAN {
	display: block;
	background: url(../nav/subnav_arrow.gif) no-repeat 99% bottom;
}

#nav UL LI.parent UL LI SPAN,
#nav UL LI.parent UL LI.parent UL LI SPAN {
	background-image: none;
}

#nav LI UL UL {
	top: auto;
	margin: -13px 0px 0px 120px;
	padding: 2px 0px 0px 0px;
	background: url(../nav/subnav_bg.png) no-repeat right top;
	border-top: 0px;
}

#nav UL LI.last {
    background: url(../nav/subnav_btm.png) no-repeat left bottom;
    padding-bottom: 4px;
}

#nav UL LI.last a,
#nav UL LI.last a:link,
#nav UL LI.last a:visited {
	background-image: none;
}

#content {
	margin: 10px;
	padding: 10px;
	color: #262626;
	background: #FFFFFF;
	border: 1px solid #D2D2CE;
	border-bottom: 1px solid #B5B5B5;
	border-right: 1px solid #B5B5B5;
}

/* side nav elements */

.sidenav {
	float: left;
	width: 200px;
	padding-bottom: 20px;
	border-right: 1px solid #CACACA;
}

.sidenav UL {
	position: relative;
	margin: 0px -1px 0px 0px;
	padding: 0px;
	list-style: none;
	font-size: 12px;
	background: #EFEFEF;
	border-top: 1px solid #CACACA;
	border-left: 1px solid #CACACA;
}

.sidenav LI {
	margin: 0px;
	padding: 0px;
}

.sidenav UL a,
.sidenav UL a:link,
.sidenav UL a:visited {
	display: block;
	padding: 5px;
	color: #555555;
	background: #EFEFEF;
	border-right: 1px solid #CACACA;
	border-bottom: 1px solid #CACACA;
	text-decoration: none;
	zoom: 1;
}

.sidenav UL a:active,
.sidenav UL a:hover {
	color: #000000;
	background-color: #E9F5F5;
	text-decoration: none;
}

.sidenav LI.active a,
.sidenav LI.active a:link,
.sidenav LI.active a:visited,
.sidenav LI.active a:active,
.sidenav LI.active a:hover {
	font-weight: bold;
	color: #555555;
	background: #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

.sidenav a IMG {
	float: right;
	margin: 2px 0px 0px 6px;
	vertical-align: middle;
}

.sidenav-content {
	padding: 0px 5px 0px 15px;
	margin-left: 200px;
	border-left: 1px solid #CACACA;
}

#btnbar {
	position: absolute;
	width: 100%;
	left: 0px;
	top: 108px;
	z-index: 98;
	margin: 0px auto;
	padding: 10px 0px;
	text-align: left;
}

#btnbar DIV {
	text-align: right;
}

#btnbar UL {
	margin: 0px 20px 0px 0px;
	padding: 0px;
	list-style: none;
}

#btnbar LI {
	margin: 0px;
	display: inline;
}

#btnbar.floater {
	background: #ECECE8;
	border-bottom: 1px solid #555555;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=180, Strength=2);
}

#btnbar-title {
	display: none;
	float: left;
	padding-left: 10px;
}

#btnbar.floater #btnbar-title {
	display: block;
}


/* navigational hierarchy elements */

.subnav {
	z-index: 20;
	position: relative;
	top: 1px;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	zoom: 1;
}

.subnav LI {
	float: left;
	margin: 0px 5px 0px 0px;
}

.subnav LI a,
.subnav LI a:link,
.subnav LI a:visited {
	float: left;
	display: block;
	margin: 0px;
	padding: 8px 8px;
	text-decoration: none;
	font-weight: bold;
	color: #97A7A6;
	background-color: #F2F2EF;
	border: 1px solid #E6E6D8;
	border-bottom: 1px solid #CACACA;
}

.subnav LI a:active,
.subnav LI a:hover {
	color: #555555;
	border: 1px solid #CACACA;
}

.subnav LI.active a,
.subnav LI.active a:link,
.subnav LI.active a:visited {
	color: #36817A;
	background-color: #ECF2F2;
	border: 1px solid #CACACA;
	border-bottom: 1px solid #ECF2F2;
}

.subnav LI a.tab-complete {
	 background-image: url(../icons/tab_complete.gif);
	 background-position: right top;
	 background-repeat: no-repeat;
}

.innerbox {
	margin-bottom: 10px;
	padding: 10px;
	background: #ECF2F2;
	border: 1px solid #CACACA;
	zoom: 1;
}

.innerbox .innerbox {
	background: #FFFFFF;
}

.innerbox .innerbox .innerbox {
	background: #F2F2EF;
}

.module-hdr {
	margin: 0px;
	padding: 0px;
	background: #D6D6D3;
	border: 1px solid #CACACA;
	border-right: 1px solid #B5B5B5;
	border-bottom: 1px solid #AAAAAA;
	zoom: 1;
}

.module-hdr h4 {
	float: left;
	margin: 0px;
	padding: 8px;
	font-weight: bold;
	color: #555555;
}

.module-hdr UL {
	margin: 0px;
	padding: 8px 4px;
	list-style: none;
	text-align: right;
}

.module-hdr LI {
	display: inline;
}

.module-hdr a:link.btn,
.module-hdr a:visited.btn {
	font-size: 11px;
	line-height: normal;
}

.module .innerbox {
	border-top: 0px;
	border-bottom: 1px solid #B5B5B5;
	border-right: 1px solid #B5B5B5;
}

.module .innerbox .innerbox {
	background-color: transparent;
	border: 1px solid #CACACA;
	margin: 0px 0px;
}



/* common elements */

.boxlabel,
h4.boxlabel {
	margin: 0px 10px 0px 0px;
	font-weight: bold;
	font-size: 13px;
	color: #555555;
	zoom: 1;
}

.boxlabel SPAN {
	font-weight: normal;
	font-size: 12px;
}

H1,H2,H3,H4,P {
	margin: 0px 0px 10px 0px;
	color: #555555;
	zoom: 1;
}

H1 {
	font-size: 18px;
	color: #296C5B;
	padding-bottom: 5px;
	border-bottom: 2px solid #F2F2EF;
}

H2 {
	font-size: 16px;
	color: #555555;
}

H2.report-title {
	float: left;
}

H3 {
	font-size: 14px;
}

H4 {
	font-size: 12px;
}

H4.section {
	margin: 10px 0px;
	padding: 0px 2px;
	background: #D6D6D3;
	border: 1px solid #CACACA;
}

a {
	color: #34997B;
}

a:active,
a:hover {
	color: #555555;
	background: #F6FAF8;
	text-decoration: none;
}

a IMG {
	border: 0px;
}

UL {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 20px;
}

LI {
	margin: 0px 0px 2px 0px;
}

UL UL {
	margin: 0px;
}

.msg {
	margin: 0px 0px 10px 0px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: bold;
	color: #5A5A5A;
	background: #F6F6F2;
	border: 1px solid #CACACA;
	text-align: center;
}

.msg.good {
	color: #4B694C;
	background: #CAEECA;
	border: 1px solid #B9D6B9;
}


/* form elements */

.formtable {
	border-collapse: collapse;
}

.innerbox .formtable {
	margin: -5px;
}

.formtable TD,
.formtable TH {
	padding: 3px 5px;
}

.formtable TH {
	color: #555555;
}

.formbtns {
	margin: 0px 0px 10px 0px;
	zoom: 1;
}

.formbtns .left {
	float: left;
}

.formbtns .right {
	text-align: right;
}

.dynamic {
	width: 100%;
}

.dynamic LABEL {
	font-weight: bold;
}

.dynamic TD {
	vertical-align: top;
	padding: 4px;
}

.dynamic TD.label {
	padding-top: 5px;
	white-space: nowrap;
}

.dynamic TD.field {
	width: 100%;
	text-align: left;
}

.withhelp TD.field,
.withhelp TD.help {
	width: 45%;
}

.dynamic TR.field-help TD.field {
	background: url(../bkg/field_help.gif) repeat-x 2px 15px;
}

.dynamic TD.help {
	padding-top: 7px;
	padding-left: 10px;
	font-size: 11px;
}

.filter-column .formtable {
	width: 100%;
}

.dynamic TD.field SELECT,
.filter-column .formtable SELECT {
	width: 100%;
}

.dynamic TD.field INPUT,
.dynamic TD.field TEXTAREA,
.filter-column .formtable INPUT,
.filter-column .formtable TEXTAREA  {
	width: 98%;
}

.dynamic TD.fixedwidth INPUT,
.filter-column .formtable INPUT.fixedwidth  {
	width: auto;
}

FORM {
	margin: 0px;
}

LABEL { /* FORM FIELD LABELS */
	white-space: nowrap;
	font-weight: bold;
	color: #555555;
}

LABEL.block {
	display: block;
}

LABEL.normal {
	font-weight: normal;
}

INPUT,
SELECT,
TEXTAREA	{ /* FORM ELEMENTS */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #504F45;
	vertical-align: middle;
}

DIV.required {
	float: right;
	font-size: 11px;
	font-weight: bold;
	zoom: 1;
}

.required SPAN,
SPAN.required {
	color: #FF0000;
}

.field-disabled input {
	background-color: #DEDEDE;
	color: #504F45;
}

.field-float {
	float: left;
	padding: 0px 10px 0px 0px;
}

.field-stack {
	margin: 0px 0px 10px 0px;
}


/* filter elements */

UL.filter-fields {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.filter-fields LI {
	float: left;
	margin: 0px;
	padding: 0px 5px;
	height: 45px;
}


/* list options */

.list-options {
	float: left;
	margin-right: 15px;
}

.list-options DIV {
	float: left;
	height: 24px;
}

.list-option-move {
	width: 30px;
	margin-right: 8px;
}

.list-options UL {
	clear: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.list-options LI {
	clear: both;
	padding: 1px 0px;
	height: 22px;
}

.list-options LI .list-option-default {
	height: 22px;
	padding-top: 2px;
	cursor: default;
}

.list-options LI .list-option-link {
	height: 20px;
	padding-top: 4px;
}

.list-options LI .list-option-move a,
.list-options LI .list-option-move a:link,
.list-options LI .list-option-move a:visited {
	zoom: 1;
	display: block;
	height: 22px;
	background: transparent url(../icons/dragsort.gif) no-repeat center;
}

.list-options LI .list-option-move a:active,
.list-options LI .list-option-move a:hover {
	background-image: url(../icons/dragsort_o.gif);
}


/* simple sort */

UL.sort {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

UL.sort LI {
	margin: 0px 0px 5px 0px;
	padding: 3px 2px 3px 22px;
	background: #FFFFFF url(../icons/dragsort.gif) no-repeat 4px;
	border: 1px solid #CACACA;
	cursor: move;
}


/* button styles */

.btn,
.btnover,
a.btn, a.btn:link, a.btn:visited { /* BUTTON DEFAULT STATE */
	vertical-align: middle;
	overflow: visible;
	margin: 0px;
	padding: 2px 8px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	background: #3E978F url(../btn/btn.gif) repeat-x center;
	border: 1px solid #2B6964;
}

.btnover,
a.btn:hover, a.btn:active { /* BUTTON HOVER STATE */
	color: #FFFFFF;
	background: #00443A url(../btn/btn_o.gif) repeat-x center;
	border: 1px solid #0C1E1D;
	cursor: pointer;
}

input.red,
a.red, a.red:link, a.red:visited,
input.delete,
a.delete, a.delete:link, a.delete:visited { /* RED BUTTON DEFAULT STATE - append to normal button class */
	color: #FFFFFF;
	background: #BA0505 url(../btn/btn_red.gif) repeat-x center;
	border: 1px solid #670303;
}

input.redover,
a.red:hover, a.red:active,
input.deleteover,
a.delete:hover, a.delete:active  { /* RED BUTTON HOVER STATE - append to normal button class */
	color: #FFFFFF;
	background: #910404 url(../btn/btn_red_o.gif) repeat-x center;
	border: 1px solid #290101;
}

/* link-specific button styling */
a.btn, a.btn:link, a.btn:visited {
	text-align: center;
	white-space: nowrap;
	padding: 3px 8px;
	text-decoration: none;
	line-height: 30px;
}

a.btn:hover, a.btn:active,
a.red:hover, a.red:active  {
	text-decoration: none;
}

/* contextual graphic buttons */

input.save,
input.saveover,
a.save, a.save:link, a.save:visited,
input.add,
input.addover,
a.add, a.add:link, a.add:visited,
input.reset,
input.resetover,
a.reset, a.reset:link, a.reset:visited,
input.back,
input.backover,
a.back, a.back:link, a.back:visited,
input.delete,
input.deleteover,
a.delete, a.delete:link, a.delete:visited {
	padding-left: 25px;
	background-repeat: repeat-x;
	background-position: left;
}

input.next,
input.nextover,
a.next, a.next:link, a.next:visited {
	padding-right: 25px;
	background-repeat: repeat-x;
	background-position: right;
	background-image: url(../btn/btn_next.gif);
}

input.nextover,
a.next:hover, a.next:active  {
	background-image: url(../btn/btn_next_o.gif);
}

input.back,
a.back, a.back:link, a.back:visited {
	background-image: url(../btn/btn_back.gif);
	background-color: #737373;
	border: 1px solid #555555;
}

input.backover,
a.back:hover, a.back:active  {
	background-image: url(../btn/btn_back_o.gif);
	border: 1px solid #555555;
}

input.save,
a.save, a.save:link, a.save:visited {
	background-image: url(../btn/btn_save.gif);
}

input.saveover,
a.save:hover, a.save:active  {
	background-image: url(../btn/btn_save_o.gif);
}

input.add,
a.add, a.add:link, a.add:visited {
	background-image: url(../btn/btn_dup.gif);
}

input.addover,
a.add:hover, a.add:active  {
	background-image: url(../btn/btn_dup_o.gif);
}

input.reset,
a.reset, a.reset:link, a.reset:visited {
	background-image: url(../btn/btn_reset.gif);
}

input.resetover,
a.reset:hover, a.reset:active  {
	background-image: url(../btn/btn_reset_o.gif);
}

input.delete,
a.delete, a.delete:link, a.delete:visited {
	background-image: url(../btn/btn_del.gif);
}

input.deleteover,
a.delete:hover, a.delete:active  {
	background-image: url(../btn/btn_del_o.gif);
}


/* pagination elements */

.pagination {
	margin: 25px 0px 10px 0px;
	background-color: #ECECE8;
	font-size: 11px;
}

.pagination DIV {
	padding: 8px 5px;
}

.pagination UL {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.pagination LI {
	display: inline;
	margin: 0px 1px;
	font-weight: bold;
}

.pagination LI a {
	padding: 2px 2px;
}

.pagination LI a:active,
.pagination LI a:hover,
.pagination a.on {
	color: #37342C;
	background-color: #C3E6E2;
	text-decoration: none;
}

.pagination .previous,
.pagination .next {
	z-index: 90;
	position: relative;
	width: 90px;
	font-weight: normal;
}

.pagination .previous {
	float: left;
}

.pagination .next {
	float: right;
	text-align: right;
}

.pagination .pages {
	float: none;
	text-align: center;
}

.arrow_left,
a.arrow_left:active,
a.arrow_left:hover {
	padding-left: 18px;
	background: transparent url(../icons/arrow_left_link.gif) no-repeat left;
}

.arrow_right,
a.arrow_right:active,
a.arrow_right:hover {
	padding-right: 18px;
	background: transparent url(../icons/arrow_right_link.gif) no-repeat right;
}

SPAN.arrow_left {
	background-image: url(../icons/arrow_left.gif);
}

SPAN.arrow_right {
	background-image: url(../icons/arrow_right.gif);
}


/* search results elements */

.filter-column {
	float: left;
}

.data-column {
	position: relative;
}

.data-column .datatable,
.data-column .sortable {
	width: 99.5%;
}

.popFormBar {
	position: absolute;
	left: 0px;
	padding: 0px;
	z-index: 99;
}

.popForm {
	position: relative;
	padding: 0px;
	background: #FFFFFF;
	border: 2px solid #555555;
}

.popForm.filter {
	margin: 0px 100px;
}

.popForm.addsetgroup {
	margin: 0px 200px;
}

.popForm .boxlabel {
	margin: 0px;
	padding: 5px 1px 5px 5px;
	text-align: right;
	color: #FFFFFF;
	background: #808080 url(../nav/nav_bar.gif) center;
}

.popForm .boxlabel a,
.popForm .boxlabel a:link,
.popForm .boxlabel a:visited {
	color: #FFFFFF;
}

.popForm .boxlabel DIV {
	float: left;
	position: relative;
}

.popForm .boxlabel .btn {
	line-height: normal;
	font-size: 11px;
}

.popForm .innerbox {
	margin: 10px;
	padding: 5px;
}

.popForm .formbtns {
	padding: 0px 10px;
}


/* data table elements */

.datatable {
	margin: 0px 0px 10px 0px;
	border-collapse: collapse;
	background-color: #ECECE8;
	border: 2px solid #CFCFCF;
}

.datatable TD {
	padding: 2px 4px;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

.datatable .datatotals TD {
	font-weight: bold;
	background-color: #E4E4E4;
	border-top: 2px solid #FFFFFF
}

.innerbox .datatable TD {
	border-right-color: #CACACA;
	border-bottom-color: #CACACA;
}

.innerbox .datatable .datatotals TD {
	border-top-color: #CACACA;
}

.datatable TH {
	padding: 2px 4px;
	color: #555555;
	background: #CACACA;
	border-right: 1px solid #9F9F9F;
	border-bottom: 1px solid #9F9F9F;
}

.sortable TH {
	padding: 0px;
}

.datatable TH a:link,
.datatable TH a:visited {
	display: block;
	padding: 2px 4px;
	color: #555555;
	text-decoration: none;
	zoom: 1;
}

.datatable TH a:hover {
	color: #34997B;
	background: none;
}

.datatable TH a:active,
.datatable TH.active a,
.datatable TH.active a:link,
.datatable TH.active a:visited {
	color: #000000;
	background: #B5B5B5;
}

.tableSortArrow {
	font-size: 11px;
}

TD.numeric {
	text-align: right;
}

TD.actions,
TD.date {
	text-align: center;
}

.rowhover TD {
	background-color: #ECF2F2;
	border-bottom: 1px solid #D5D5D5;
}

.clickable {
	cursor: pointer;
}



/* gallery elements */

.gallery_box {
	margin: 0px 0px 15px 0px;
	padding: 10px;
	background: #FFFFFF;
	border: 1px solid #D8D8D5;
}

.gallery_title,
.gallery_title:link,
.gallery_title:visited {
	font-size: 15px;
	font-weight: bold;
}

.gallery_title IMG {
	float: left;
	margin-right: 10px;
	padding: 1px;
}

.thumb IMG,
.gallery_title IMG {
	border: 1px solid #D8D8D5;	
}

.thumb:hover IMG,
.gallery_title:hover IMG {
	border: 1px solid #78A39F;
}

a.icon,
a.icon:link,
a.icon:visited {
	line-height: 20px;
	padding: 2px 0px 2px 28px;
	background-repeat: no-repeat;
	background-position: left;
}

.photo {
	background-image: url(../icons/photo.gif);
}

.configure {
	background-image: url(../icons/configure.gif);
}

.setdefault {
	background-image: url(../icons/setdefault.gif);
}

.delete {
	background-image: url(../icons/delete.gif);
}


/* drag-n-drop sort elements */

.sortlist,
.gallery_sort {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	list-style-type: none;
}

.sortlist LI {
	margin: 6px 0px;
	vertical-align: middle;
	white-space: nowrap;
	background-color: #FFFFFF;
	padding: 6px;
	border: 1px solid #E6E6E3;
	cursor: move;
}

.sortlist LI .display_wrap {
	background-color: #FFFFFF;
}

.sortlist LI .display_wrap,
.sortlist LI FORM {
	padding: 2px;
	border: 1px solid #E6E6E3;
}

.sortlist LI.hover .display_wrap,
.sortList LI FORM {
	color: #6E6E66;
	background-color: #E8EFF6;
	border: 1px solid #A3A39C;
	cursor: move;
}

.sortlist LI FORM {
	display: none;
	cursor: default;
}

.sortlist LI INPUT.btn,
.sortlist LI INPUT.btnover {
	filter: none;
}

.sortlist LI .value {
	float: left;
}

.sortlist LI .function {
	text-align: right;
}

.gallery_sort LI {
	width: 170px;
	height: 190px;
	font-family: tahoma, arial, helvetica;
	font-size: 10px;
	float: left;
	margin: 0px 10px 10px 0px;
	padding: 10px 0px 0px 0px;
	text-align: center;
	background-color: #FFFFFF;
	border: 1px solid #D8D8D5;
	cursor: move;
}

.gallery_sort LI IMG {
	margin: 0px auto;
	display: block;
}


/* tree elements */

.tree,
.tree ul {
	margin: 0px;
	padding: 0px;
}

.tree li {
	margin: 0px;
	padding: 3px 4px 0px 17px;
	list-style: none;
	white-space: nowrap;
}

.tree li.closed ul,
.tree li.open li.closed ul {
	display: none;
}

.tree li.open ul {
	display: block;
	margin: 0px;
	padding: 0px;
}

.tree li.open {
	background: url(../tree/minus.gif) no-repeat 0px 3px;
}

.tree li.closed {
	background: url(../tree/plus.gif) no-repeat 0px 3px;
}

.tree li img {
	margin: 3px 5px 0px -15px;
	vertical-align: middle;
	cursor: default;
}

.tree a,
.tree a:link,
.tree a:visited {
	cursor: pointer;
}

.tree a:active,
.tree a:hover {
	background-color: transparent;
}

.tree .branchHover {
	background-color: #F0F8FF;
}

.changelog li {
	background-color: #EFEFEF;
	border-bottom: 2px solid #FFFFFF;
}


/* Ext tree elements */

.set-fields,
.set-tree {
	float: left;
	width: 32%;
}

.set-tree {
	margin-left: 10px;
}

.set-fields .innerbox {
	height: 480px;
}

#settree,
#settree2 {
	border: 1px solid #CACACA;
	height: 500px;
	overflow: auto;
}
	
#settree UL,
#settree2 UL {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#settree.groups {
	height: 500px;
}

/* footer elements */

#footer {
	color: #918F7D;
	background: #000000 url(../ftr/footer.gif) repeat-x left 4px;
}

#ftr-logo {
	float: left;
	width: 15px;
	height: 15px;
	margin-right: 5px;
	background: url(../ftr/logo.gif) no-repeat left top;
}

#ftr-text {
	padding: 20px 10px 0px 15px;
	font-size: 11px;
}

#ftr-text a,
#ftr-text a:link,
#ftr-text a:visited,
#ftr-text a:active,
#ftr-text a:hover {
	color: #918F7D;
	font-weight: bold;
	text-decoration: none;
}

#ftr-text a:active,
#ftr-text a:hover {
	background: transparent;
	text-decoration: underline;
}


/* pop up elements */

#popFrame,
#popScrn {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

#popFrame {
	z-index: 75;
	opacity: 0.0;
	filter: alpha(opacity=0);
}

#popScrn {
	background-color: #000000;
	z-index: 80;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.popDiv {
	position: absolute;
	display: none;
	background-color: #FFFFFF;
	border: 5px solid #CCCCC8;
	z-index: 105;
	padding: 20px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#222222', Direction=135, Strength=4);
}

#largeDiv {
	background-image: url(../loading_animation.gif);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
}

#treeDiv,
#treeBody {
	padding: 0px;
}

#treeTitle {
	padding: 5px 10px;
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	background: #ECECE8;
	border-bottom: 1px solid #D8D8D5;
}

#popClose {
	position: absolute;
	top: 3px;
	right: 5px;
}

#largeCaption {
	position: absolute;
	width: 100%;
	line-height: 20px;
	bottom: 0px;
	left: 0px;
	font-weight: bold;
	color: #000000;
}

#treeDiv #popClose {
	top: 5px;
	right: 5px;
}

#treelink {
	position: absolute;
	left: 940px;
}

#dhtmltooltip {
	visibility: hidden;
	position: absolute;
	padding: 2px 5px;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	color: #000000;
	background-color: #ffffe1;
	border: 1px solid #000000;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=2);
}


/* overrides */

.normal {
	font-weight: normal;
}

.maxwidth {
	width: 100%;
}

.nomarg {
	margin: 0px;
}

.nopad {
	padding: 0px;
}

.noborder,
.datatable TABLE.noborder TD {
	border: 0px;
}

.fl-left {
	float: left;
}

.fl-right {
	float: right;
}

.clear {
	clear: both;
}

.clear-lf {
	clear: left;
}

.clear-rt {
	clear: right;
}

.noclear {
	clear: none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.show {
	display: block;
}

.hide {
	display: none;
}

.hidden {
	visibility: hidden;
}

.visible {
	visibility: visible;
}

UL.simple {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	list-style: none;
}