/* Main Theme */

#fxpage { position: relative; margin: 0 auto 0 auto; width: 800px; background-color: #8CA78B; }
#fxpage #outer { background-image: url(images/fxpage-outer.jpg); background-repeat: no-repeat; background-position: top left; }
#fxpage #inner { padding-bottom: 50px; background-image: url(images/fxpage-inner.jpg); background-repeat: no-repeat; background-position: bottom left; }
#fxpage #header { height: 150px;  }
#fxpage #body {  }
#fxpage #body #sidebar { float: left; width: 117px; padding-top: 100px; }
#fxpage #body #content { float: left; width: 656px; margin-left: 15px; min-height: 400px; }
* html #fxpage #body #content { height: 400px; }
#fxpage #body #content img { border: 3px solid #FFFFCC; }
#fxpage #footer { clear: both; height: 25px; background-color: #7E2C73; color: #FFFFFF; font-size: 11px; line-height: 25px; text-align: center; }
#fxpage #footer div { float: left; } 
#fxpage #footer a { color: #FFFFFF; }

#copyright { position: absolute; bottom: 7px; right: 10px; font-size: 10px; }

/* Default Elements */

html, body { padding: 0; margin: 0; }
body { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 0.8em; font-weight: normal; color: #FFFFCC; }
* html body td { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal; color: #354379; }
.h1 { font-size: 2.0em; font-weight: bold; color: #003300; }
.h2 { font-size: 1.4em; font-weight: bold; color: #182763; }
.h3 { font-size: 1.0em; font-weight: bold; color: #182763; }
p { padding: 5px 0 5px 0; }
a { text-decoration: none; color: #7E2C73; }
a:hover { text-decoration: underline; }
u a { text-decoration: underline; color: #7E2C73; }
u a:hover { text-decoration: none; }
ul { list-style-type: none; margin: 0; padding: 5px 0 5px 10px; }
ol { list-style-type: decimal; padding: 0;margin: 0 0 0 2.5em}
li { margin: 0 0 2px 0; padding: 0 0 0 15px; color: #003300; font-weight: bold; background-image: url(images/li-background.gif); background-repeat: no-repeat;background-position: 0 .2em}
hr { clear: both; height: 1px; margin: 0; padding: 0; border: 0; border-style: none; border-top: 1px solid #CCFFFF; }
img { border: 0; }

/* Gallery */

#fxpage #body #content .gallery {  }
#fxpage #body #content .gallery .item { float: left; width: 122px; height: 90px; margin: 0 5px 5px 0; }
#fxpage #body #content .gallery .item img { border: 1px solid #FFFFCC; }

/* Menu */

#menu {  }
#menu ul { margin: 0; padding: 0; }
#menu ul li { list-style-type: none; height: 25px; line-height: 25px; border-bottom: 1px solid #FFFFCC; background-image: url(images/fxpage-menu-default.gif); background-repeat: no-repeat; background-position: top left; }
#menu ul li a { display: block; color: #FFFFCC; height: 26px; }

/* Breadcrumb Menu */

div.breadcrumb { display: inline; }
div.breadcrumb .spacer{ font-family: Arial, Verdana; font-size: 12px; color: #FFFFFF; font-weight: normal; }
div.breadcrumb .item{ font-family: Arial, Verdana; font-size: 12px; color: #FFFFFF; font-weight: bold; }
div.breadcrumb .last{ font-family: Arial, Verdana; font-size: 12px; color: #FFFFFF; font-weight: normal; }

/* Scroller */

div.scroller {  }
div.scroller .item {font-size: 10px; color: #175F82;}
div.scroller .body {}
div.scroller .frame {}
div.scroller ul {list-style-type: none;padding: 0;margin: 0 0 0 0}


/* Notes in main body and in fxForms */

div.note {float: right; width: 25%; height: auto; margin: 0px 3px 0px 0px; padding: 5px; border: 1px solid #666666; background-color: #ffffe1; color: #666666; font-size: 88%;}
div.note h4 {margin: 0px 0px 3px 0px; background-image: url(images/icon_info.gif); background-repeat: no-repeat; background-position: top left; padding: 3px 0px 3px 20px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #666666; color: #666666; font-size: 110%;text-align:right}
div.note p { margin: 0em 0em 0em 0em; color: #666666;}

/* Miscellaneous */

div.hr { clear: right; margin-top: 5px; height: 7px; background-image: url(images/hr.gif); background-repeat: no-repeat; background-position: top; }
input.actionbutton { font-size: 11px; }

.noscreen { display: none; }

/* Page Specific */

div.default-heading1 { font-size: 24px; }
div.default-heading2 { font-size: 18px; }
span.purple { color: #CC00CC; }

/* Login */

form.login { width: 115px; padding: 4px; }
form.login label { font-size: 11px; color: #660000; margin-bottom: 0; font-weight: bold; }
form.login input { clear: both; }
form.login input.text { margin-top: 0; border: 1px solid #94A5B5; width: 110px; vertical-align: middle; color: #000000; font-size: 12px; }