/* SITE WIDE STYLES */
html {
height:100%;
}
body {
margin:0; padding:0; height:100%;
background-color:#ffffff;
}
body.default {
background:url(../img/topbg.gif) top left repeat-x #e5e5e5;
}
body, textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
}
.error {
border: 1px solid #c61e1e;
background-color: #e8b5b5;
margin-bottom: 10px;
padding: 10px;
}
.element-error {
border: 1px solid #c61e1e;
background-color: #e8b5b5;
}
.success {
border: 1px solid #1ea114;
background-color: #a4ddac;
margin-bottom: 10px;
padding: 10px;
}
.confirm {
border: 1px solid #99BBAA;
background-color: #CCEEBB;
margin-bottom: 10px;
padding: 10px;
}
p {
margin: 5px;
padding: 0px;
}
p.description {
color: #666666;
margin-top:0;
margin-bottom: 10px;
}
.help {
margin-top:0;
margin-bottom: 10px;
padding: 10px;
background-color: #ffc961;
border: 1px solid #dc9e28;
}
.smaller {
font-size: 0.75em;
}
.no-margin {
margin:0;
}
br.clear {
line-height:0;
}
h1 {
font-size:14pt;
margin:0;
margin-bottom: 10px;
color: #4100ad;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
}
h2 {
font-size:13pt;
padding:0;
margin:0;
margin-bottom: 8px;
color: #4100ad;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
}
h3 {
text-align:left;
margin-bottom:0;
padding-bottom: 7px;
font-size:1.35em;
font-weight:bold;
color: #4100ad;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
}
h4 {
text-align:left;
margin-bottom: 5px;
font-size:1.25em;
font-weight: bold;
color: #4100ad;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
}
ins {border-bottom:1px solid green; text-decoration: none; color:green}
del {color:red; text-decoration:line-through}
cite {border-bottom:1px dashed blue}
acronym {border-bottom:1px dotted #CCC; cursor:help}
abbr, html\:abbr {border-bottom:1px dashed #CCC; cursor:help}
a:link, a:active, a:visited {
color: #4100ad;
text-decoration: none;
}
a:hover {
color: #46a139;
text-decoration: underline;
}
a.no-link:active, a.no-link:link, a.no-link:visited, a.no-link:hover
{
color:#000000;
text-decoration:none;
}
img {
display:inline;
border: 0;
}
textarea {
margin-bottom: 3px;
}
textarea.comment {
width: 100%;
}
fieldset {
margin: 10px;
border-top: 2px solid #93cb8c;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
legend {
text-align:left;
font-family:"Trebuchet MS";
font-size:1.25em;
font-weight:bold;
color: #4000ae;
}
.autoexpand {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
}
textarea,
input[type=select],
input[type=text],
input[type=password] {
border: 1px solid #aaaaaa;
}
.full-form label,
.full-form input,
.full-form select,
.full-form textarea,
.full-form .fake-label,
.full-form .fake-input {
display:block;
float:left;
margin-bottom:10px;
margin-right:10px;
padding:0;
}
img.help {
height: 12px;
width: 12px;
}
input.error, select.error, textarea.error {
border: 1px solid #c61e1e;
}
.full-form-half label,
.full-form-half .fake-label {
width:150px;
text-align:left;
padding-right:10px;
}
label, .fake-label {
width:200px;
text-align:left;
padding-right:10px;
}
table {
width: 100%;
margin: 5px 0;
border-bottom: 1px solid #46A139;
border-spacing: 0;
}
table th, table td, table tr {
margin: 0;
}
table th {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
border-top: 1px solid #46A139;
border-bottom: 1px solid #46A139;
background-color: #92CB8B;
vertical-align: bottom;
text-align: left;
height: 30px;
font-size: 1.1em;
}
table td.filter {
background-color: #dfdfdf;
}
table td {
border-bottom: 1px solid #bbbbbb;
background-color: #dddddd;
}
table td, table th {
padding:4px;
}
span.doc {
font-size: 0.7em;
}
#password-strength {
background-image: url(../img/icons/password-strength.gif);
height: 12px;
width: 0px;
display: block;
float: left;
margin-bottom: 5px;
margin-left: 5px;
}
.handle {
cursor: pointer;
}

/* USERS LIST STYLES */
div#users-list ul, ul.users-list {
margin: 0;
padding: 0;
}
div#users-list ul li, ul.users-list li {
display: inline;
float: left;
width: 170px;
margin-right: 5px;
padding: 0;
list-style-type: none;
}

/* SUGGESTION (AUTOCOMPLETE) STYLES */
div.suggestions {
width: 350px;
background-color:#dddddd;
border: 1px solid #aaaaaa;
}
div.suggestions ul, div.recipients-suggestions ul {
list-style-type: none;
padding: 0;
margin: 0;
}
div.suggestions li, div.recipients-suggestions li {
margin:0;
padding: 3px;
}
div.suggestions li:hover,
div.recipients-suggestions li:hover,
div.recipients-suggestions li.selected {
background-color: #93cb8c;
cursor: pointer;
}
div.recipients-container {
float: left;
margin-bottom: 4px;
}
ul.recipients-suggester {
list-style-type: none;
padding: 0;
border: 1px solid #aaaaaa;
background-color: #ffffff;
padding: 2px 4px;
height: auto !important;
overflow: hidden;
width: 360px;
margin: 0;
margin-bottom: 4px;
}
ul.recipients-suggester li {
display: block;
float: left;
margin-bottom: 2px;
margin-top: 2px;
}
ul.recipients-suggester li img.del-img {
cursor: pointer;
}
ul.recipients-suggester li.recipient {
background-color: #92CB8B;
border: 1px solid #46a139;
padding: 2px;
margin-right: 4px;
}
ul.recipients-suggester input {
border: 0;
}
div.recipients-suggestions {
width: 368px !important;
background-color:#dddddd;
border: 1px solid #aaaaaa;
border-top: 0;
}
div.recipients-suggestions img {
vertical-align: middle;
margin-right: 4px;
}
div.recipients-help {
width: 364px;
position: absolute;
background-color:#dddddd;
border: 1px solid #aaaaaa;
padding: 2px;
border-top: 0;
}
div.recipients-error {
width: 364px;
position: absolute;
padding: 2px;
border-top: 0;
}

/* LOGIN STYLES */
form#login input {
margin: 2px;
padding: 0;
background-color: #9fd897;
border: 1px solid #46a139;
}
form#login input[type="text"],
form#login input[type="password"]
{
width: 160px !important;
}
div#logged-in {
color: #216518;
}
span#loggedin-username {
font-size: 1.5em;
font-weight: bold;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
}


/* POPUP STYLES */
div#lightbox {
position: absolute;
z-index: 999;
opacity: 0.0;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000000;
}
span.popup-limit {
display:block;
width: 200px;
}
div.popup {
position:absolute;
z-index:100;
width:205px;
display:inline;
}
div.popup-side {
float: left;
width: 5px;
height: 15px;
margin-top: 3px;
}
div.popup-container {
width: 188px;
float:left;
border:3px solid #4000ae;
background-color:#f5c873;
padding: 3px;
}
.message-popup-top a.close-popup,
.error-popup-top a.close-popup
{
display: block;
float: right;
font-weight: bold;
padding: 2px 5px;
color: #ffffff !important;
background-color: #c61e1e;
text-decoration: none !important;
}
.message-popup-top a.close-popup:hover,
.error-popup-top a.close-popup:hover
{
background-color: #d72f2f;
}

/* TAB STYLES */
div.tabs {
margin-bottom: 20px;
}

div.tabs ul.links {
list-style-type: none;
margin: 0;
padding: 0;
}

div.tabs ul.links li {
float: left;
margin-right: 10px;
padding: 4px;
padding-bottom: 2px;
margin-bottom: 10px;
}
div.tabs div.tab-content {
float: left;
width: 721px;
}
div.tabs ul.links li:hover {
cursor: pointer;
}
div.tabs ul.links li {
background-color: #dddddd;
border-bottom: 2px solid #dddddd;
}
div.tabs ul.links li:hover {
border-bottom: 2px solid #666666;
}

/* WRAP STYLES */
#wrap {
width:100%;
margin:auto;
position:relative;
}
#inner-wrap {
width:964px;
}
#inner-wrap:after {
content:" ";
display:block;
clear:both;
}

/* HEADER STYLES */
#header {
margin:auto;
margin-top: 0;
width:100%;
height: 30px;
background: url(../img/headerbg.gif) repeat-x;
}
#header-inner {
width: 967px;
padding-left: 3px;
height:30px;
background: url(../img/headerinnerbg.gif) no-repeat;
}

/* HEADER NAVIGATION */
li.clear {
clear: all;
}
ul#navigation {
float: right;
margin: 0;
padding: 0;
list-style-type: none;
}
ul#navigation a:hover {
text-decoration: none !important;
}
ul#navigation li.top {
display: block;
margin-left: 20px;
background-color: #80be78;
_width: 10px; /* IE6 only */
height: 27px;
padding: 0;
float: left;
color: #ffffff;
font-size: 10.5pt;
font-weight: bold;
}
ul#navigation li.top:hover {
background-image: url(../img/navicons/hoverbg.gif);
background-repeat: repeat-x;
}
ul#navigation li.top span.text {
position: relative;
top: 2px;
}
ul#navigation li.top a,
ul#navigation li.top a:hover,
ul#navigation li.top a:active,
ul#navigation li.top a:link,
ul#navigation li.top a:visited,
ul#navigation li.top span.fake-link
{
color: #ffffff;
font-decoration: none;
height: 23px;
display: block;
padding: 2px 10px;
}
ul#navigation li.top a img
{
vertical-align: middle;
}
ul#navigation li.top a img.topimg
{
height: 23px;
width: 23px;
margin-right: 5px;
}
ul#navigation li.top ul li img
{
height: 14px;
width: 14px;
margin-right: 3px;
}
ul#navigation li.top ul.dropdown {
left: 0;
position: absolute;
z-index: 100;
list-style-type: none;
margin: 0;
padding: 0;
padding-top: 4px;
width: 260px;
background: transparent url(../img/navicons/menubg.png) repeat;
border-bottom: 5px solid #4100ad;
}
ul#navigation li.top ul.dropdown li {
display: block;
float: left;
width: 125px;
font-weight: bold;
font-size: 9pt;
margin: 4px 2px 0 2px;
}
ul#navigation li.top ul.dropdown li.breaker {
display: block;
float: left;
width: 249px;
font-weight: bold;
font-size: 10pt;
margin: 4px 2px 0 2px;
background-color: #237017;
padding: 3px;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
}
ul#navigation li.top ul.dropdown li.full {
display: block;
float: left;
width: 255px !important;
margin: 4px 2px 0 2px !important;
}
ul#navigation li.top ul.dropdown li.full-facebook {
display: block;
float: left;
width: 255px !important;
margin: 4px 2px 0 2px !important;
}
ul#navigation li.top ul.dropdown li.full-facebook a {
height: auto;
width: auto !important;
padding: 0;
}
ul#navigation li.top ul.dropdown li.full a img {
height: auto !important;
width: auto !important;
}
ul#navigation li.top ul.dropdown li.full ul li {
width: 123px;
}
ul#navigation li.top ul.dropdown li.full ul li a {
width: 117px;
}
ul#navigation li.top ul.dropdown li a:link,
ul#navigation li.top ul.dropdown li a:active,
ul#navigation li.top ul.dropdown li a:visited,
ul#navigation li.top ul.dropdown li a {
height: auto;
width: 119px;
padding: 3px;
}
ul#navigation li.top ul.dropdown li a:hover {
height: auto;
background-color: #5aac4f;
width: 119px;
padding: 3px;
}
ul#navigation li.top div.dropdown-holder {
position: relative;
}
input.navigation-finder {
padding: 2px;
width: 249px;
background-color: #6bbd5f;
border: 1px solid #5aac4f;
color: #ffffff;
}
	
/* LEFT STYLES */
#left {
float:left;
width:212px;
margin-bottom: 50px;
}

#left .block {
margin: 5px 0 10px 2px;
width: 200px;
padding: 5px;
}
#left .block h3 {
color: #216518;
margin: 0;
margin-bottom: 3px;
padding: 0;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
font-size: 1.4em;
}

#left ul {
list-style-type:none;
margin:0;
margin-bottom: 10px;
padding-left:5px;
}
ul.prompts li {
font-size: 0.9em;
border-bottom: 1px dashed #bbbbbb;
padding: 1px 0;
}
span.prompt-links {
float: right;
}
div.prompt-more {
float: left;
width: 191px;
margin-bottom: 2px;
padding:3px;
background-color: #efefef;
}
#left li img {
vertical-align:middle;
}
#left input {
display:inline;
float:none;
margin-bottom:4px;
}

/* MAIN STYLES */
#main {
float: left;
width:752px;
margin-bottom: 50px;
}
#main div.half {
float: left;
width:340px;
margin-right: 11px;
}
#main div.section {
padding: 5px;
background-color: #ffcf68;
border-top: 2px solid #1f7891;
border-bottom: 2px solid #1f7891;
}
#main div.section:after {
content:" ";
display:block;
clear:both;
}
#main div.section h3 {
margin: 0;
}

/* FOOTER STYLES */
#footer {
position:absolute;
bottom:0;
left: 0;
height:41px;
width: 100%;
margin:auto;
}
#footer-inner {
width:964px;
padding: 3px 0;
height:84px;
}
#footer-home-link {
float: left;
}
#footer-left {
margin-left: 20px;
float: left;
}
#footer-left img {
vertical-align: middle;
}
#footer-right {
margin-top: 40px;
margin-right: 10px;
float: right;
font-size: 0.9em;
}
#footer-inner a,
#footer-inner a:active,
#footer-inner a:visited,
#footer-inner a:link,
#footer-inner a:hover
{
color: #000000;
text-decoration: none;
}
#footer-inner a:hover
{
color: #666666;
}

body.default #footer-inner {
border-top: 5px solid #46a139;
}
#footer-inner {
background:url(../img/footerbg.gif) top left repeat-x #cccccc;
}

/* AJAXREPORT STYLES */
div#ajax-loading {
position:fixed;
z-index:999; /* just below any script.aculo.us generated dom elements */
bottom:0;
left: 20px;
background-color: #aaaaaa;
border-left: 1px solid #666666;
border-top: 1px solid #666666;
border-right: 1px solid #666666;
padding: 5px;
text-align: center;
font-size: 0.8em;
}
div.error-popup, div.message-popup {
position:fixed;
z-index:999; /* just below any script.aculo.us generated dom elements */
top:100px;
margin-left: 50%;
left: -250px;
width: 500px;
}

div.error-popup-inner, div.message-popup-inner {
margin: 5px;
width: 490px;
}
div.error-popup-inner,
div.message-popup-inner {
border: 5px solid #4100ad;;
background-color: #cccccc;
-moz-border-radius-bottomleft: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 15px;
}

div.error-popup span.error-message, div.message-popup span.message-message {
padding: 5px;
display: block;
margin-bottom: 10px;
}
div.error-popup span.error-popup-top, div.message-popup span.message-popup-top {
display: block;
width: 480px;
padding: 5px;
font-weight: bold;
}
div.error-popup span.error-popup-top { border-bottom: 1px dashed #c61e1e; }
div.message-popup span.message-popup-top { border-bottom: 1px dashed #376cce; }
div.error-popup span.error-popup-top a.close-popup,
div.message-popup span.message-popup-top a.close-popup {
margin-right: 4px;
}

/* TOGGLE STYLES */


/* IN PLACE EDITING STYLES */

.editable-hover {
background-color: #ffc961;
cursor: pointer;
}
div.fieldset {
width: 700px;
margin: 10px;
display: block;
border-top: 2px dotted #92cb8b;
}
div.fieldset div.field {
float: left;
width: 340px;
margin-right: 10px;
}
div.fieldset h3 {
margin-top:5px;
}
div.fieldset div.label {
font-weight: bold;
}
div.field-container div.value {
padding: 2px;
}
div.field-container div.singleline {
height: 21px;
}
div.field-container div.form {
background-color: #ffc961;
padding: 2px;
margin:0;
}
div.field-container div.form form,
div.field-container div.form input,
div.field-container div.form select,
div.field-container div.form textarea {
margin:0;
padding:0;
margin-bottom:0;
float:none;
display:inline;
font-size: 0.9em;
}
div.field-container div.form label {
display:block;
float:none;
margin-bottom:0;
margin-top: 5px;
width: 100px;
padding-right:0;
}