/* GoLightly Stylesheet */
/* $Id: global.css,v 1.290 2013/10/08 21:58:52 dmcgrew Exp $ */

/*<group=basic tags> */

body {
  background: #2E4D94; /* This is the color of the page behind the community */
  color:#333333;
  font: 85%/130% Verdana, Arial, Helvetica, sans-serif; /* breaking font-size onto another line causes the text to get very big */
  margin: 0;
  padding: 0;
}

body.hidenav {
  background: #FFF;
}

/* Add 'plain_background' $navigation['body_modifier_class'] when we want a white body background */
.body_plain_background {
  background: #fff;
}

body.mceContentBody {
  background: #FFF !important;
  font-size: 79%;
}

h4 {
  font-size: 100%;
}

#contentTable td {
  font-size: 79%;
}

table {
  position: relative !msie; /* Avoid (most) weird table behavior in IE */
}

th {
  background-color: #E6E7E8;
  padding-top: 2px;
  padding-bottom: 2px;
}
th.thTop {
  background-color:#E6E7E8;
}

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

textarea {
  word-wrap: break-word;
  border: 1px solid #CCCCCC;
  margin-top: 0;
}

.spellcheckInputWrapper input {
  float: left;
}

.spellcheckInputWrapper .gspellContainer {
  float: left;
  margin-left: 10px;
}

.spellcheckWrapper .gspellContainer {
  float: none;
  text-align: right;
  background: #F0F0EE;
  padding: 4px 3px;
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px 1px 0 1px;
}

.emailHeaderFields select,
.emailHeaderFields input {
  width: 400px;
}

.emailHeaderFields div.post {
  float: left;
  width: 392px;
}

img {
  border: none;
}

hr {
  height: 1px;
  border-top: 0;
  border-right: 0;
  border-bottom: #CCCCCC 1px solid;
  margin: 1em 0;
}

iframe {
  border: none;
  padding: 1px;
}

a.onlineNow:link,
a.onlineNow:visited,
a.onlineNow:active,
a.onlineNow:hover {
  text-decoration: none;
  color: #00CC00;
}
a.onlineNow:hover {
  text-decoration: underline;
}

#breadcrumb {
  font-family: Arial, Helvetica, sans-serif;
  text-transform: lowercase;
  /* FP
        margin: -10px 0 10px 0;
       */
  color: #808080;
  font-size: 90%;
}

#projects #breadcrumb {
  margin-top: 0;
  margin-left: 220px;
}

#projects #breadcrumb.noLeftNav {
  margin-left: 0;
}

.stepBar {
  font-family: Arial, Helvetica, sans-serif;
  text-transform: lowercase;
  margin: 0 0 5px 0;
  color: #808080;
  font-size: 90%;
}

.stepBar .at {
  font-weight: bold;
  color: #000000;
}

.alphabeticNav {
  float: left;
  margin-left: 12px;
}

.personListAction {
  float: left;
  font-size: 85%;
  margin-left: 12px;
}

.pagination {
  float: right;
  margin-right: 12px;
}

.i_am_on_map {
  float: right;
  margin-right: 12px;
}

.genmed { /* we should lose this eventually */
  font-size: 11px;
}

td.sortedBy {
  /* background-color: #F4F6FB; removed until i figure out why Firefox is losing borders */
}

/* Deprecated link stuff: should be removed eventually (pending HTML cleanup) */
a.forumLink:link,
a.forumLink:visited,
a.forumLink:active,
a.forumLink:hover {
  text-decoration: none;
}

a.gen:link,
a.gen:visited,
a.gen:active,
a.gen:hover {
  text-decoration: none;
}

/* quick fix for weird image link behavior on LLLI welcome - should be unnecessary soon -jk */
span.caption {
  display: block;
  float: left;
  clear: both;
  text-decoration: underline;
}
/* end deprectaed link stuff */

a.forumPostLink:visited {
  font-weight: bold;
}

table.forumPosts {
  margin-top: -10px;
}

td.forumPost {
  padding-top: 10px;
}

.forumPostSmall {
  font-size: .8em;
}
td.bottomLine {
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom:1px solid #C8CDE8;
  line-height: 130% !important;
}

.exportLink {
  font-size: 86%;
  font-weight: normal;
  position: relative;
  float: left;
  left: 10px;
}

.actionLink {
  font-size: 86%;
  text-transform: uppercase;
  font-weight: normal;
}

.personList .moduleButtons,
.personList .actionLink {
  position: absolute;
  top: 10px;
  right: 5px;
}

.personList .moduleButtons .actionLink {
  position: relative;
  float: left;
  margin-top: -7px;
}

.personList .moduleButtons .submit {
  position: relative;
  float: left;
  margin-left: 10px;
}

.personListSearchBox {
  margin: -10px 0 7px 0;
}

.peopleSelector .moduleButtons .submit {
  margin-left: 10px;
}

.listingModule2.peopleSelector {
  margin-bottom: 30px;
}

.listingModuleHeader .mapSelector {
  margin-bottom: 30px;
  margin-right: 200px;
}

.listingModule.peopleDirectory {
  margin-top: 5px;
}


h2.moduleH2 {
  margin:10px 0pt 5px 7px !important;
}

.note {
  font-size: 86%
}

.formCaption {
  font-size: 110%;
  font-weight: bold;
  color: #000000;
}

pre.address {
  font-size: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-style: italic;
}

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

.browserMessage {
  position: relative;
  color: #000;
  margin: 20px 5px;
  padding: 7px 7px 14px 27px;
  background: #FFFFCC url(../images/icon_error_required.gif) no-repeat 7px 7px; /* The icon for error messages */
  border: #cccccc 1px solid;
}

.browserMessage p {
  margin: 0 0 20px 0;
  padding: 0;
}

.browserMessage a.hideMessage {
  display: block;
  position: absolute;
  bottom: 7px;
  right: 7px;
  font-size: 79%;
}

.gen {
  /*color: blue;*/
}

.contentMessage {
  margin: 8px 5px 15px 5px;
  padding: 5px;
  position: relative;
  border: #cccccc 1px solid;
  background: #FFFFCC
}

#contentNoBorders .contentMessage {
  margin-left: 10px;
  margin-right: 10px;
}

.contentMessage h2,
.contentMessage h3 {
  margin-top: 0;
}

.msg_info {
  min-height: 10px;
  color: #000;
  padding: 5px 5px 5px 28px;
  background: transparent url(../images/icon_error_info_16x16.gif) no-repeat 5px 5px;
  display: block;
}

.msg_error,
.msg_debug {
  min-height: 10px;
  color: #CD0202;
  padding: 5px 5px 5px 28px;
  background: transparent url(../images/icon_error_required.gif) no-repeat 5px 5px;
  display: block;
}



/* JEREMY: ugly fix for recurring problem in IE6 where divs don't always stretch to fit content */
/* preferred method is to include overflow:auto in parent container, but that sometimes fails */
.spacer {
  clear: both; /* forces container to stretch around spacer */
  font-size: 1px; /* spacer div must have content to work (&nbsp;) - this rule minimizes layout impact */
  height: 1px;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

/*</group>*/

/*<group=forums>*/
#forums .moduleFooter a img {margin-top: 5px; margin-bottom: 2px;}

#forums .forumHomeStats {
  margin-top: 20px;
  margin-bottom: 20px;
  border-bottom: #BCBCE1 1px solid;
  font-size: 86%;
}

#forums .forumHomeStats .forumStatsRow tr td {
  padding-bottom: 4px;
}

#forums .forumHomeStats h4 {
  margin-top: 0;
  margin-bottom: 0;
}

#forums td.forumStatsHead {
  border-top: #BCBCE1 1px solid;
  padding: 3px 0;
}

#forums .forumUserCpNav {
  margin-top: 20px;
  background: #D1D9EC;
  padding-left: 4px;
  padding-bottom: 4px;
  font-size: 86%;
}

#forums .forumUserCpNav a {
  text-decoration: none;
}

#forums .forumUserCpNav .alt1,
#forums .forumUserCpNav .alt2 {
  background: #D8E8EF;
  padding-top: 2px;
  padding-bottom: 2px;
}

#forums .forumUserCpNav .alt1 a {
  color: #D68300;
}

#forums .forumUserCpNav .tcat {
  background: #D1D9EC;
}

#forums .forumUserCpNav .tcat a {
  font-weight: bold;
  color: #666666;
}

/*<group=forums>*/
/*<group=general layout>*/

#wrapper {
  margin: 0 auto 0 auto;
  width: 92%;
}

#wrapper td {
  position: relative;
  vertical-align: top;
  /* text-align: left; Julia: took out left align for whole page*/
}

#wrapperFixed {
  margin: 0 auto 0 auto;
  width: 802px;
}

#wrapperFixed td {
  position: relative;
  vertical-align: top;
}

.explanation h3 {
  padding: 0;
  margin: 0;
  border: 1px solid #000000;
}


ul.explanation  {
  margin: 0 0 0 8px;
  padding: 0px;
}

/*</group>*/

/*<group=topbar>*/

#topBar {
  position: relative;
  padding-top: 74px;
  clear: both;
}

#topBarNoTopNav {
  position: relative;
  padding-top: 74px;
  clear: both;
}

#topBarSmall {
  position: relative;
  padding-top: 50px;
  clear: both;
}

#topBarPrint {
  position: relative;
  padding-top: 60px;
  padding-bottom: 5px;
  clear: both;
  display: none; /* Start with this div hidden */
}

#topBar ul, #topBarNoTopNav ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#topBar li, #topBarNoTopNav li {
  float: left;
  margin: 0px;
  padding: 0px;
}

.skip {
  text-indent: -10000px;
  position: absolute;
  top: 0px;
  z-index: 0;
}

/*<group=Account Nav>*/

#accountNav {
  position: absolute;
  /* position: relative; */
  /* float: right; */
  right: 0px; /* 55px; */
  top: 0px;
  padding: 3px 0 4px 0;
/*
  min-height: 41px;
  _height: 41px;
*/
}

span#fontResizeLabel {
  display: block;
  float: left;
  margin-right: 5px;
}

span#fontResize {
  display: block;
  float: left;
}

a#fontResize_s {
  display: block;
  float: left;
  font-size: 1px;
  color:#FE9900;
  width: 15px;
    height: 0px !important;
    height /**/:15px; /* ie5/win hack */
  padding: 15px 0 0 0;
  background: #ffffff url(../images/b_font_sm.gif) no-repeat 0 0;
  overflow: hidden;
  border: #c8cde8 1px solid;
  margin-right: 2px;
}

a#fontResize_l {
  display: block;
  float: left;
  font-size: 1px;
  color:#FE9900;
  width: 15px;
    height: 0px !important;
    height /**/:15px; /* ie5/win hack */
  padding: 15px 0 0 0;
  background: transparent url(../images/b_font_lg.gif) no-repeat top left;
  overflow: hidden;
  border: #c8cde8 1px solid;
}

a#fontResize_s.at {
  cursor: default;
}

a#fontResize_l.at {
  cursor: default;
}

#accountLinks {padding: 2px; margin-right: 8px;}

#accountLinks ul {
  position: relative;
  display: inline;
  padding-right: 6px;
}

#accountLinks.withPhoto {
  margin-right: 48px;
}

#accountLinks li {
  padding-left: 6px;
  padding-right: 6px;

}

#accountLinks li.header {
  font-weight: bold;
  float: left;
  clear: none;
}


#accountLinks li.last, #accountNav li.header {
  border: none;
}

#accountLinks li.last {padding-right: 0;}

/*
#accountNav #profilePhoto {
  position: absolute;
  padding: 0 0 0 0;
  margin: 25px 25px 25px 25px;
}
*/

#accountNav .profilePhoto {
  position: absolute;
  top: 3px;
  right: 3px;
}

#adminLink {
  font-size: 90%;
  position: absolute;
  right: 0;
  top: 25px;
  font-weight: bold;
  margin-right: 16px;
}

#adminLink.withPhoto {
  margin-right: 55px;
}

#pageFooterAdminLink {
  position: relative;
  width: 800px;
  margin: 0 auto;
  padding-bottom: 5px;
  top: 5px;
  left: 0;
  text-align: right;
}

.siteVersion {
  text-align: center;
}

#popupClose {
  position: absolute;
  right: 25px;
  top: 14px;
  padding: 3px 0 4px 0;
}

/*</group>*/

#mainHeader {
  /* padding-bottom: 6px; */ /* DALE 2006-07-04 What is the purpose of this? */
}

/*<group=topNav>*/

#topNav {
  position: absolute;
  top: 48px;
  height: 27px;
  margin-bottom: -1px;
  left: 200px; /* This tells the top nav how far from the left to start */
  white-space: nowrap;
}

#topNav li {
  height: 27px;
  padding-left:  1px;
  margin: 0 -2px 0 8px; /* 0 -2px 0 8px; */
  position: relative;
  float: left;
}

#topNav div {
  float: left;
  position: relative;
  left: 10px;
}

#topNav a {
  padding: 5px 15px 0 22px;
  height: 22px !important; /* Only FF reads this */
  height /**/: 27px;
  line-height: 15px;
  display: block;
  float: left;
  position: relative;
  z-index: 3;
}

#topBar #topNav li:hover span {
  background-position: 0px -16px;
}

#topNav li span {
  display: block;
  width: 18px;
  height: 16px;
  font-size: 1px;
  line-height: 1px;
  position: absolute;
  top: 5px;
  left: 0px;
  text-indent: -10000px;
}

#myPage #topNav li.myPage {
  background-position: right -27px;
  z-index: 2;
}
#myPage #topNav li.myPage a {
  background-position: left -27px;
  padding-top: 6px;
  height: 21px !important; /* Only FF reads this */
  height: 27px; /**/
}
#myPage #topNav li.myPage div {
  background-position: left -27px;
}
#myPage #topNav li.myPage span {
  background-position: 0px -32px;
}

/* Handle the positioning of the welcome tab top nav */
/*
#home #topNav li.home {
  background-position: right -27px;
  z-index: 2;
}
#home #topNav li.home a {
  background-position: left -27px;
  padding-top: 6px;
  height: 21px !important;
  height: 27px;
}
#home #topNav li.home div {
  background-position: left -27px;
}
#home #topNav li.home span {
  background-position: 0px -27px;
}
*/

/*</group>*/

/*<group=topNavContent>*/
/* topNavContent (as opposed to topNav) is for client content tabs that fit above the community tabs. */

#topNavContent {
  position: absolute;
  top: 78px; /* This is the default distance down to the top of the content tabs. You also need to overwrite "topBar" in default.css */
  height: 27px;
  margin-bottom: -1px;
  left: 0px; /* This tells the top nav how far from the left to start (and is often overwritten in the default.css file for a client) */
  white-space: nowrap;
}

#topNavContent li {
  height: 27px;
  padding-left:  1px;
  margin: 0 -2px 0 26px; /* 0 -2px 0 8px; */ /* The left margin setting should be 2px less than the "left" setting for topNavContent div below */
  position: relative;
  float: left;
}

#topNavContent div {
  float: left;
  position: relative;
  left: 28px; /* Shift the div within the li */
}

#topNavContent a {
  /* padding: 5px 15px 0 22px; */
  padding: 5px 28px 0 0px; /* 5px drops the text down, 28px pads to the right
  height: 22px !important; /* Only FF reads this */
  height /**/: 27px;
  line-height: 15px;
  display: block;
  float: left;
  position: relative;
  z-index: 3;
}

#topNavContent li.benefits {
  background-position: left -54px; /* This affects the position in the off state */
  margin-left: 0;
}

/* Far left tab -- shift the graphic to use the far left edge version */
#topNavContent li.benefits {
  background-position: left -54px; /* This affects the position in the off state */
}
/* Far right tab -- shift the graphic to use the far right edge version */
#topNavContent li.company div {
  background-position: right -54px;
}
#topNavContent li.benefits {
  margin-left: 0;
}
#topNavContent li.company {
  margin-right: 0;
}

/*</group>*/

#topSubNav {
  height: 16px !important; /* Only FF reads this */
  height /**/: 20px;
  padding: 4px 0 4px 20px; /* This controls how far from the left subnav items start */
  clear: both;
}

#topSubNav a {
  text-decoration: none;
  font-size: 90%;
  padding: 0 10px 0 10px; /* This controls the spacing between subnav items */
}

#topSubNav li.first a {
  border: none;
}

/* joe 12-27-05 for when there is no top sub-nav */
#topSubNavEmpty {
  height: 6px;
  clear: both;
}

/*</group>*/

/*<group=Main Body>*/

/*<group=Search Box>*/

#searchBox {
  padding: 4px;
  float: right;
}

#searchBox h2 {
  font-size: 100%;
  margin: 2px 4px 0 0;
  float: left;
}

#searchBox form, #searchBox input, #searchBox select {
  float: left;
  font-size: 100%;
  margin: 0 4px 0 0;
}

#searchBox input.submit {
  width: 3em;
}

#searchBox a {
  font-size: 90%;
  line-height: 20px;
  margin-left: 7px;
}

/*</group>*/

/*<group=left Column>*/

#leftColumn {
  padding: 28px 0 0 10px;
  width: 175px !important; /* Only FF reads this */
  width: 1%;
}

#leftColumn table.leftnavbg img {
  height: 1px;
  display: block;
}

#leftColumnEmpty {
  padding: 0 0 0 0;
  width: 1%;
}

#leftNav {
  width: 175px;
}

#leftNav h2 {
  font-size: 95%;
  margin: 0px;
  padding: 8px 0 5px 0;
  /* text-indent: 32px; */
}

#leftNav ul {
  list-style: none;
  margin: 0px;
  padding: 0 0 5px 5px;
}

#leftNav ul a {
  text-decoration: none;
}

#leftNav ul ul {
  padding: 0;
}

#leftNav li {
  margin: 0px;
  padding: 3px 0 2px 5px;
  font-size: 95%;
}

#leftNav li li {
  padding: 1px 5px 0 11px;
  font-size: 90%;
}

#leftNavMemberBar {
  width: 100%;
}

#leftNavMemberBar .module1 {
  margin-left: auto;
  margin-right: 0;
}

.quickSearch input {
  font-size: 100%;
}

.quickSearch input.submitButton {
  padding: 2px;
  _padding: 0;
}

#promoBox {
  margin: 30px 10px 10px 10px;
  padding: 3px;
  font-size: 90%;
  line-height: 120%;
}
#promoBox h2 {
  font-size: 100%;
  margin: 0 0 5px 0;
}
#promoBox em {
  margin-top: 5px;
  display: block;
}

#promoBox {
  border: 2px solid #ccc;
  background: #fff;
  color: #333;
}

#promoBox {
  margin: 30px 10px 10px 10px;
  padding: 3px;
  font-size: 90%;
  line-height: 120%;
}
#promoBox h2 {
  font-size: 100%;
  margin: 0 0 5px 0;
}
#promoBox em {
  margin-top: 5px;
  display: block;
}

#promoBox {
  border: 2px solid #ccc;
  background: #fff;
  color: #333;
}

/* joe 12-30-05 new promo box 2 */
#promoBox2 {
  margin: 30px 0px 10px 10px;
  font-size: 90%;
  line-height: 120%;
}
#promoBox2 #promoContent {
  padding: 0 5px 0 5px;
}
#promoBox2 #promoContent ul {
  list-style: none;
  margin: 0;
  padding: 0 0 5px 5px;
}
#promoBox2 #promoContent ul li {
  padding-bottom: 3px;
}
#promoBox2 #promoHeader, #promoBox2 #promoFooter {
  height: 8px;
}
#promoBox2 h2 {
  font-size: 100%;
  margin: 0 0 5px 2px;
}

/*</group>*/

#content, #contentWithSidenav {
  padding: 18px 26px 0 26px; /* This sets the padding space around the content area. For example '18px' is the vertical distance from the topSubNav to where the content starts. */
}
#contentNoBorders { /* Turned on with $navigation.content_borders_hidden */
  padding: 0 0 0 0; /* This eliminates all boundaries around the content area */
}

#calendar #content {
  padding: 5px 5px 0 5px; /* This sets the padding space around view event module. */
}

#profile_map #content { /* Remove all borders when looking at map */
  margin: 0;
  padding: 0;
}

/*<group=Welcome Page>*/
#welcomeFrame,
#learningCtrFrame {
  position: relative;
}
#welcomeFrame #welcomeAreaMain,
#learningCtrFrame #learningCtrAreaMain {
  position: relative;
  zoom: 1; /* Trigger "hasLayout" in IE so content doesn't disappear */
}

#welcomeFrame #welcomeAreaMain #contentPromoMain,
#learningCtrFrame #learningCtrAreaMain #contentPromoMain {
  float: left;
  width: 50%;
  padding: 20px;
}

#welcomeFrame #welcomeAreaMain #statsContainer {
  float: right;
  width: 40%;
  padding: 20px;
}

#welcomeFrame #welcomeAreaMain #quickSearch {
  position: relative;
  padding: 5px;
  margin-bottom: 20px;
  border: 1px solid #C8CDE8;
  background: #E4E8F5;
}

.textFieldRequired {
  background: #FFFFCC;
  border: #CD0202 1px solid;
}

.goPageContent #quickSearch .textField,
.goPageContent #quickSearch select,
.goPageContent #quickSearch .submit {
  font-size: 90%;
}

#welcomeFrame #quickSearch .textField,
#welcomeFrame #quickSearch select,
#welcomeFrame #quickSearch .submit {
  font-size: 90%;
}

#welcomeFrame #welcomeAreaMain #siteStats {
  position: relative;
  width: 45%;
  padding: 0 0 10px 0;
  float: left;
}

#welcomeFrame #welcomeAreaMain #gettingStarted {
  position: relative;
  width: 45%;
  padding: 0 0 10px 0;
  float: right;
}

#welcomeFrame #welcomeAreaMain #siteStats h2,
#welcomeFrame #welcomeAreaMain #gettingStarted h2 {
  padding: 0;
  margin: 0 0 5px 0;
}

#welcomeFrame #welcomeAreaMain #siteStats dl {
  margin-top: 0;
}

#welcomeFrame #spotlightAreaMain {
  position: relative;
  margin-top: 0;
  padding-bottom: 20px;
  width: 100%;
}

#welcomeFrame #spotlightAreaMain h2,
#welcomeFrame #spotlightAreaMain p,
#welcomeFrame #spotlightAreaMain ul {
  padding-left: 20px;
  padding-right: 20px;
}

#welcomeFrame #spotlightAreaMain #spotlight1 {
  width: 33%;
  padding: 0;
  background: #FFE359;
}

#welcomeFrame #spotlightAreaMain #spotlight1 h2 {
  margin: 0;
  padding-top: 3px;
  padding-bottom: 3px;
  background: #FFCF30;
}

#welcomeFrame #spotlightAreaMain #spotlight2 {
  width: 34%;
  padding: 0;
  background: #C7DF9A;
}

#welcomeFrame #spotlightAreaMain #spotlight2 h2 {
  margin: 0;
  padding-top: 3px;
  padding-bottom: 3px;
  background: #B6D38A;
}

#welcomeFrame #spotlightAreaMain #spotlight3 {
  width: 33%;
  padding: 0;
  background: #D1D9EC;
}

#welcomeFrame #spotlightAreaMain #spotlight3 h2 {
  margin: 0;
  padding-top: 3px;
  padding-bottom: 3px;
  background: #C8CDE8;
}

#welcomeFrame #spotlightAreaMain .spotlightText {
  padding: 10px 20px 20px 20px;
}

/*</group>*/

.memberSpotlight {
  position: relative;
  width: 98%;
  overflow: hidden;
  padding-bottom: 5px;
  border-top: #CCCCCC 1px solid;
}

.memberSpotlight.first {
  border: none;
}

.memberSpotlight h3 {
  margin: 20px 0 0 0 !important;
  padding: 0 !important;
  line-height: 0.2em;
}

.memberSpotlight h4 {
  margin:  !important;
  padding: 0 !important;
  line-height: 0.2em;
}

.memberSpotlight img.memberSpotlightPhoto {
  float: left;
  margin: 0 5px 5px 0;
}

.memberSpotlight p {
  padding: 0 0 10px 0 !important;
  margin: 0;
}

.memberSpotlight a.moreLink {
  float: right;
  clear: left;
}

/*<group=Mini Popup>*/

/* remove spacing for all miniPopup pages */
#miniPopup #content {
  margin: 0;
  padding: 0 10px 0 10px;
}

#miniPopup h1 {
  margin: 0;
  padding: 5px 0 5px 0;
}

/*</group>*/

/*<group=Content Header>*/

#contentHeader {
  padding-left: 0px; /* DALE 2005-02-09 removing 5px this because the content doesn't have such padding, and this shifts the header to the right of the content */
}

#contentHeader h1 {
  margin: 0;
}

#contentNav {
  position: absolute;
  top: 30px;
  right: 28px;
  margin-left: 14em;
}

.headerbar {
  margin-top: 0;
}

/*</group>*/

/*<group=Wiki Styles>*/
/* These wiki styles are not working yet, but this is where to put wiki styling */

#contentWithSidenav #wikiMain {
  position:relative;
  margin: 0 0 0 0;
  padding: 10px;
  border: 1px solid #C8CDE8;
  width:90%;
}

#wikiMain td.heading h1, h2{
  color: #000000;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.wikiPageStyle .wiki ol {
}

.wikiPageStyle .wiki ul {
}

.wikiPageStyle .wiki li {
  padding-left: 6px;
  padding-right: 6px;
}

/* joe 9-7-05 wiki styles formerly in pcie.css */

.wikiP {
    margin: 0px 0px 0px 0px;
}


.wikiNavBar {
    /*font-size: .8em;*/
}

.wikiBox {
    /*font-family: "Verdana", "Arial", sans-serif;*/
    /*font-size: 1.0em;*/
    background: #EEE;
    border: #000 thin solid;
    padding-left: .5em;
    margin-bottom: 1em;
}

.wikiVisitedPages {
    /*font-size: .95em;*/
}

.wikiPageStyle {
    padding-bottom: 3em;
    /* FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; */
    background-color: #F7F7F7;
}

.wikiH2 {
    color: #000000;
    /*font-size: 1.1em;
    font-style: normal;
    font-weight: normal; */
    margin: 0px 0px 5px 0px;
}

.wikiViewTextarea {
    background-color: #FFFFFF;
    /*font-size: .8em;*/
}

.wikiLink {
  /* FONT-FAMILY: Arial, Helvetica, sans-serif; */
  color: #0033CC;
  margin: 2px;
}

/*</group>*/


/*<group=Content Footer>*/

#contentFooter, #contentFooterWithSidenav {
  height: 25px;
  clear: both;
  /* padding: 24px 26px 0 26px;  DALE added to shift items to match content area */
  margin: 0 0 15px 0;
  padding-bottom: 10px;
}

#contentFooterWithSidenav {
  padding-top: 40px;
}

#contentFooter a, #contentFooterWithSidenav a {
  margin-left: 10px;
}

#siteVersion {
  text-align: center;
}

/*</group>*/

/*<group=Module>*/
.settingsModule,
.listingModule {
  position: relative;
  margin: 5px 5px 20px 5px;
  background-color: #E4E8F5;
  border: 1px solid #C8CDE8;
}

.settingsModuleHeader,
.listingModuleHeader {
  position: relative;
  top: -1px;
  left: -1px;
  min-height: 20px;
  _height: 20px;
  margin: 0;
  padding: 7px 5px;
  background: transparent url(../images/module1_back.gif) no-repeat left top;
}

.settingsModuleHeader h2,
.settingsModuleHeader h3,
.listingModule2Header h2,
.listingModule2Header h3,
.listingModuleHeader h2,
.listingModuleHeader h3 {
  margin: 0 8px;
  padding: 0;
  line-height: 1.5em;
}

.settingsModuleFooter,
.listingModuleFooter {
  position: relative;
  bottom: -1px;
  left: -1px;
  min-height: 3px; /* If empty, let it shrink */
  _height: 3px;
  margin: 0;
  padding: 7px 5px;
  background: transparent url(../images/module1_back.gif) no-repeat left bottom;
  text-align: right;
}

.listingModule2 {
  position: relative;
  margin: 20px 5px;
  background-color: #FFCC66;
  border: 1px solid #FFA91F;
}

.listingModule2Header {
  position: relative;
  top: -1px;
  left: -1px;
  min-height: 20px;
  _height: 20px;
  margin: 0;
  padding: 7px 5px;
  background: transparent url(../images/module1_back_orange.gif) no-repeat left top;
}

.listingModule2Footer {
  position: relative;
  bottom: -1px;
  left: -1px;
  min-height: 20px;
  _height: 20px;
  margin: 0;
  padding: 7px 5px;
  background: transparent url(../images/module1_back_orange.gif) no-repeat left bottom;
  text-align: right;
}

/* settingsModuleContent is designed to work as either a div or a table. Some rules may apply only to one */
/* or the other - these should be added to div.settingsModuleContent or table.settingsModuleContent. */
/* Rules applied to .settingsModuleContent will affect both. */

.settingsModuleContent,
.listingModuleContent {
  position: relative;
  margin: 0 5px;
  background: #FFFFFF;
  border: 1px solid #C8CDE8;
}

.listingModule2Content {
  position: relative;
  margin: 0 5px;
  background: #FFFFFF;
  border: 1px solid #FFA91F;
}

div.settingsModuleContent,
div.listingModuleContent,
div.listingModule2Content {
  padding: 20px;
}

div.blogListingModuleContent {
  padding: 5px 5px 0px 5px;
}

table.settingsModuleContent,
table.listingModuleContent,
table.listingModule2Content {
  border-spacing: 0;
}

table.settingsModuleContent td,
table.listingModuleContent td {
  margin: 0;
  border-spacing: 0;
}

.module1,.module1Orange, .module2 {
  margin: 20px 5px 20px 5px;
  padding: 0 0 0 0;
  background-position: left top; /* Tells the background module to position self on upper left side. Works in concert with module1, moduleLiner, moduleHeader, moduleFooter */
}

.module3 {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background-position: left top; /* Tells the background module to position self on upper left side. Works in concert with module1, moduleLiner, moduleHeader, moduleFooter */
}

/* miniModule1 is used for a dotted line background, miniModule2 for the liveType blog */
.miniModule1, .miniModule2 {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background-position: left top; /* Tells the background module to position self on upper left side. Works in concert with module1, moduleLiner, moduleHeader, moduleFooter */
}

.miniModule2  h2{
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.module1Rounded,
.module1Rounded .moduleHeader,
.module1Rounded .moduleLiner,
.module1Rounded .moduleFooter {
  background-image: url(../images/module1_back_roundCorner.gif);
}

.module1Rounded .moduleBody {
  background-color: #FFFFFF;
  border: 1px solid #CECEEF;
}

.moduleLiner, .moduleLinerOrange {
  background-position: right bottom; /* Tells the background module to position self on right lower side. Works in concert with module1, moduleLiner, moduleHeader, moduleFooter */
  margin-left: 10px;
  padding-right: 10px;
}
.miniModuleLiner {
  background-position: right bottom; /* Tells the background module to position self on right lower side. Works in concert with module1, moduleLiner, moduleHeader, moduleFooter */
  margin-left: 10px;
  padding-right: 10px;
}

.moduleHeader, .moduleHeaderOrange {
  position: left top;
  background-position: right top; /* Tells the background module to position self on right upper side. Works in concert with module1, moduleLiner, moduleHeader, moduleFooter */
  line-height: 20px;
  margin-right: -10px;
  padding: 8px 0 4px 7px;
}

.miniModuleHeader {
  position: left top;
  background-position: right top; /* Tells the background module to position self on right upper side. Works in concert with module1, moduleLiner, moduleHeader, moduleFooter */
  line-height: 8px;
  margin-right: -10px;
  padding: 8px 0 4px 30px;
}

.moduleHeader ul {
  list-style: none;
  position: absolute;
  top: 8px;
  right: 10px;
  margin: 0;
}

.moduleHeader li {
  display: inline;
  padding-right: 10px;
}

.moduleHeader h2 {
  font-size: 120%;
}

div.moduleBody {
  margin: 0 10px 0 10px;
  padding: 20px;
}

div.miniModuleBody {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

table.moduleBody {
  padding: 0;
  width: 100%;
}

table.moduleBodyVB{
  padding-left: 10px;
  }

table.moduleBody td {
  /* padding: 15px;*/
  margin: 0;
  border: 0;
  /* text-align: left;*/
  vertical-align: top;
}

.moduleBody p {
  margin: 0px;
  padding-bottom: 10px;
}

.moduleFooter, .moduleFooterOrange {
  margin : 0 10px -1px -10px !important;/* Only FF reads this */
  margin : 0 10px 0 -10px; /* Only IE reads this */
  /* margin: 0 10px -1px -18px; */
  background-position: left bottom; /* Tells the background module to position self on lower left side. Works in concert with module1, moduleLiner, moduleHeader, moduleFooter */
  /* padding: 4px 0 8px 0; /* DALE 2006-02-11 Commented out. Changes to padding messes with the background images on module1 */
  align: right;
  text-align: right;
}

.miniModuleFooter {
  margin : 0 10px -1px -10px !important;/* Only FF reads this */
  margin : 0 10px 0 -10px; /* Only IE reads this */
  /* margin: 0 10px -1px -18px; */
  background-position: left bottom; /* Tells the background module to position self on lower left side. Works in concert with module1, moduleLiner, moduleHeader, moduleFooter */
}


.moduleFooter input {
  margin-left: 15px;
}

.moduleFooterLiner { /* A liner is needed because padding added to moduleFooter div messes up the background positioning */
  text-align: right;
  padding: 4px 0 4px 0; /* This is where the padding for moduleFooter contents can go (as opposed to in the moduleFooter class */
}

.moduleListTable {
  border-collapse: collapse;
  width: 100%;
  width: 99% !msie; /* protect against problems in internet explorer */
  position: relative; /* more ie hackery */
}

.moduleListTable th {
  background: transparent;
  border-bottom: #000000 1px solid;
  padding: 5px 5px 5px 0;
  text-align: left;
}

.moduleListTable th.empty {
  border-bottom: none;
}

.moduleListTable th#nameTh {
  font-weight: normal;
}

.moduleListTable th#locationTh,
.moduleListTable th#emailTh,
.moduleListTable th#selectTh {
  font-weight: bold;
}

.moduleListTable td {
  padding: 5px;
}

.moduleListTable td.columnleft {
  padding-left: 0;
}

.moduleListTable td.bio {
  background: url('../images/icon_bio.gif') no-repeat 0 0;
}

.moduleListTable td.last {
  border-bottom: none !important;
}

.moduleLegend {
  text-align: center;
}

/*</group>*/

/*<group=login styles>*/
.loginModule {
  margin-left: 180px;
  margin-right: 180px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.loginModule td#loginForm form {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.loginModule .moduleHeader,
.loginRegisterModule .moduleHeader {
  height: 5px;
}

.loginRegisterModule {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.loginRegisterModule td#registerOffer {
  width: 70%;
  background-color: #F2F4FA;
  padding-left: 15px;
}

.loginModule td#loginForm,
.loginRegisterModule td#loginForm {
  padding-left: 10px;
  padding-right: 10px;
}

.loginModule .loginButton,
.loginRegisterModule .loginButton {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 20px;
}

.loginModule .forgotPassword,
.loginRegisterModule .forgotPassword {
  font-size: 86%;
  padding-bottom: 0;
}

.loginModule .autoLoginLabel,
.loginRegisterModule .autoLoginLabel {
  font-size: 86%;
}

.loginModule .loginHelp,
.loginRegisterModule .loginHelp {
  display: block;
  min-height: 18px;
  _height: 18px;
  padding-left: 25px;
  background: transparent url(../images/icon_help.gif) no-repeat top left;
  margin-bottom: 15px;
}

.loginRegisterModule .registerButton {
  text-align: center;
  margin-top: 20px;
}

/*<group=form elements>*/

.moduleBody td.smallEditField,
.smallEditField textarea {
  width: 420px;
  word-wrap: break-word;
}

.smallWideEditField textarea {
  width: 97%;
  word-wrap: break-word;
}

.moduleBody td.smallEditField textarea,
.editField textarea {
  width: 400px;
  height: 80px;
  word-wrap: break-word;
}

.wideEditField textarea {
  width: 97%;
  height: 80px;
  word-wrap: break-word;
}

.wideEditField input {
  width: 400px;
}

.moduleBody td.smallEditField input {
  width: 400px;
}

.moduleBody td.mediumEditField {
  width: 420px;
  word-wrap: break-word;
}

.moduleBody td.mediumEditField textarea {
  width: 400px;
  height: 150px;
  word-wrap: break-word;
}

.moduleBody td.mediumEditField input {
  width: 400px;
}

.moduleBody td.largeEditField { /* Creates padding around items in the large edit field div */
  padding: 10px 10px 10px 10px;
}

.moduleBody td.largeEditField textarea {
  width: 97%;
  height: 300px;
  word-wrap: break-word;
}

.moduleBody td.largeEditField input {
  width: 400px;
}

.moduleBody td.shaded {
  width: 50%;
  padding: 10px 10px 10px 10px;
}

.formButtons {
  padding: 5px 0;
  text-align: right;
}

#ccInfo {
  position: relative;
  margin-top: 20px;
  float: left;
  clear: right;
}

#ccInfo .inputLabelPair {
  float: left;
  width: auto;
  overflow: visible;
  margin: 5px 5px 5px 0;
}

#ccInfo br {
  clear: both;
}

#ccCodeHelp {
  position: absolute;
  top: -100px;
  right: -160px;
  width: 300px;
  padding: 5px;
  /*background: #E4E8F5;*/
  background: #FFFFFF;
  border: #666666 1px solid;
  z-index: 6;
}

#ccCodeHelp h4 {
  margin: 0 0 .3em 0;;
}

#ccCodeHelp p {
  font-size: 86%;
}

#ccCodeHelp .closeButton {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1px;
  width: 10px;
  height: 0px !important;
    height /**/:10px; /* ie5/win hack */
  padding: 10px 0 0 0;
  background: transparent url(../images/close_box.gif) no-repeat 0 0;
  overflow: hidden;
}

#ccCodeHelp .closeLink {
  font-size: 86%;
  float: right;
  clear: both;
}

#ccCodeHelp img {
  display: block;
  margin: 10px auto 0 auto;
}

.donateForm #ccTypes {
  margin-top: .5em;
}

.donateForm #ccTypes img {
  margin-right: 13px;
}

.donateForm #ccTypes input {
  margin-bottom: 7px;
}

#recaptcha_widget_div {
  margin-bottom: 10px;
}

/*</group>*/

/*<group=Module 2>*/
/* joe 1-3-06 added from colin's work */
#content div.key img {
  margin-left: 5px;
  vertical-align: middle;
}

ul.pagingNav {
  position: absolute;
  right: 10px;
  top: 5px;
  margin: 0;
}

ul.pagingNav li {
  display: inline;
  padding: 0 5px 0 5px;
  margin: 0px;
}

ul.pagingNav li.first, ul.pagingNav li.last {
  border-right: 0;
}

.moduleHeader ul.pagingNav {
  padding-right: 10px;
}

.module2 .moduleBody td {
  /* padding: 15px; */
}

#projectWizard .module2 {
  width: 90%;
  margin: 0 auto 10px auto;
}

/*Julia: next 2 div(s) added for the top progress bar and status for Project Wizard */
#progressBar {
  position: relative;
  right: 50px;
  bottom: 3px;
  text-align: right;
}

#progressStatus {
  position: relative;
  right: 16px;
  bottom: 2px;
  /* border: 1px solid red; Julia: border set only for test*/
  min-width: 80%; /* firefox and opera */
  _width: 100%; /* only IE */
}


.module2 .moduleBody tr.header td {
  padding-top: 15px;
  padding-bottom: 4px;
}

.module2 .moduleBody tr td.first {
  border-bottom: 0;
  padding-left: 20px;
  /* text-align: right; */
}

.module2 tr.body td.first ul, li{
  padding-right: 5px;
  padding-left: 5px;
  margin-left: 7px;
}

.module2 .moduleBody tr.footer td {
  border-bottom: 0;
}

.module2 tr.header .sortDown {
  background: url(../images/btn_sort_down.gif) no-repeat right center;
  padding-right: 16px;
  font-weight: bold;
  text-decoration: none;
}

.module2 td img {
  vertical-align: middle;
}

.module2 td.flushRight {
  text-align: right;
}

.module2 td.numbers {
  text-align: right;
  padding-right: 25px;
}

.module2 td.numbers img {
  margin-right: -10px;
}

.module2 td.flushCenter {
  text-align: center;
}
/*</group>*/

/*<group=Legend div>*/
/* joe 1-3-06 added from colins projectwizard css */
#content .module2 .moduleFooter div img {
  vertical-align: text-top;
  margin-left: 10px;
}

#content .module2 .moduleFooter div {
  margin: 0 0 0 0;
  font-size: 80%;
}

#content div.key {
  margin: -10px 0 0 35px;
  font-size: 80%;
}

/*</group>*/

/*<group=form elements>*/

.moduleBody td.largeEditField {
  width: 420px;
  word-wrap: break-word;
}

.moduleBody td.largeEditField textarea {
  height: 300px;
  word-wrap: break-word;
}

.lang_edit_buttons {
  position: relative;
  text-align: right;
  padding: 5px 0;
  margin: 10px 0;
}

#wysiwygToggleLink {
  float: left;
  /*margin-top: 10px;*/
}

textarea#lang_value {
  width: 100%;
  width: 99% !msie;
}

.mceEditor td {
  padding: 5px;
  background: #FFFFFF;
}

.mceEditor td.mceToolbarTop,
.mceEditor td.mceToolbarBottom {
  background: #F0F0EE;
}

.mceEditor td.mceToolbarTop select,
.mceEditor td.mceToolbarBottom select {
  margin-right: 5px;
}

table.emailHeaderFields td {
  padding: 5px 5px 5px 0;
  width: 100%;
  width: 99% !msie;
}

table.emailHeaderFields td.label {
  width: 1%;
}

/*</group>*/


/*<group=table directoryInfo>*/

table.directoryInfo {
  margin-left: 200px;
}

table.directoryInfo td {
  padding: 0 4px 2px 0;
}

table.directoryInfo td.header {
  padding-left: 15px;
  text-align: right;
}

table.directoryInfo tr.divider td {
  height: 10px;
}

table.directoryInfo td.notice {
  text-align: center;
  padding-top: 10px;
}

/*</group>*/

/*<group=misc module elements>*/

p.notice {
  text-align: right;
  clear: both;
}

/* joe 11-14-05 */
.notice a, .notice a:visited {
  text-decoration: none;
  color: black;
}
.notice a:hover {
  text-decoration: underline;
  color: red;
}

div.photo {
  position: absolute;
  top: 60px;
}

div.photo img {
  display: block;
}

/*</group>*/

/*</group>*/


/*<group=Wizard Message>*/
/* These styles are for error or informational messages in the project Wizard */

#wizardMessage {
  position: relative;
  left: 0px;
  right: 0px;
  top: 0px;
  padding: 4px 0px 4px 0px;
}

#wizardMessage li {
  margin-left: 0px;
  padding: 10px 7px 10px 7px;
}

#wizardMessage li.error {
  float: left;
  font-weight: bold;
}
#wizardMessage li.error span { /* This span creates space for the error icon */
  padding-left: 7px;
  padding-right: 7px;
}
#wizardMessage ul {
  display: inline;
  list-style-type: none;
}

/*</group>*/

/*<group=Language Nav>*/

#languageNav {
  text-align: center;
}

#languageNav ul {
  list-style: none;
  margin: 5px;
  padding: 0;
}

#languageNav li {
  display: inline;
  padding: 0 5px 3px 5px;
}

#languageNav li img {
  position: relative;
  top: 3px;
  margin-left: 5px;
  border: none;
  padding-right: 5px;
}

#languageNav li a {
  text-decoration: none;
}

/*</group>*/

/*<group=Page Footer>*/

#pageFooter {
  text-align: center;
  font-size: 90%;
  padding: 10px 0 5px 0;
}

#footerNav1, #footerNav2 {
  list-style: none;
  margin-bottom: 5px;
  margin-top: 5px;
}

#footerNav1 li, #footerNav2 li {
  display: inline;
  padding: 0 5px 3px 5px;
  margin: 0;
}

#footerNav1 li.last, #footerNav2 li.last {
  display: inline;
  border-right: 0;
}

#pageFooter .notice {
  margin-top: 10px;
  margin-bottom: 10px;
}

#pageFooter .notice p {
  margin: 0px;
}

.minWidth {
  width: 800px; /* Sets the minimum width of the site. Is overwritten for some communities. */
  height: 1px;
  overflow: hidden;
}

/*</group>*/

/*<group=Client Content>*/
#contentFrame { /* The generic style to hold all content */
}

#contentFrame p {
  margin: 0 0 0 0;
  padding: 0 0 10px 0;
}

#contentFrame h1 {
  margin: 0 0 5px 0;
}

#contentFrame h2 {
  margin: 0 0 0 0;
  padding: 3px 0 4px 0;
}

#contentFrame h3 {
  margin: 0 0 0 0;
  padding: 3px 0 4px 0;
}

#contentPageLinksArea1 {
  margin: 5px 0 0 0;
  /* padding: 6px 3px 0 10px; */
  padding: 0 0 0 0;
  position: relative;
  float: left;
  width: 145px; /* 150 - 10 - 15 = 125 */
}

#contentPageLinksList { /* remove all inherited margins and padding */
  margin: 0 0 0 13px;
  padding: 0 0 0 0;
}

#contentPageLinksList ul {
  list-style: none;
  margin: 24px 0 0 0; /* Start the ul down from where the vertical dots start */
  padding: 0 0 0 0; /* This padding bumps the entire li item around */
}

#contentPageLinksList ul a {
  text-decoration: none;
}

#contentPageLinksList li {
  margin: 0 0 0 0;
  padding: 0 0 15px 17px;
  font-size: 95%;
}

/* These are the links on the far right of the page */
#contentQuickLinksArea1 {
  position: relative;
  float: left;
  left: 0px;
  margin: 2px 0 0 2px;
  padding: 6px 3px 0 10px;
  width: 150px; /* 165 - 10 - 3 - 2 = 150 */
}

/* This is the module with the single links */
#contentQuickLinksList { /* remove all inherited margins and padding */
  margin: 0 0 0 4px;
  padding: 0 0 0 0;
}

#contentQuickLinksList ul {
  list-style: none;
  margin: 0 0 0 0; /* must set all margins specifically to counter inheritance */
  padding: 6px 0 0 11px; /* This padding bumps the entire li item around */
}

#contentQuickLinksList ul a {
  text-decoration: none;
}

#contentQuickLinksList li {
  margin: 0 0 0 0; /* must set all margins specifically to counter inheritance */
  padding: 0 0 0 17px; /* This moves the text over to make room for list_triangle.gif */
  font-size: 95%;
}

/* This is the module with the select list */
#contentQuickLinksSelectList { /* replace all inherited margins and padding */
  margin: 10px 0 0 4px;
  padding: 6px 0 0 11px;
}

#contentQuickLinksArea1 h3, #contentQuickLinksArea1 p {
  padding: 10px 0 5px 5px;
}

/* These are a standard list style */
#contentList1 { /* remove all inherited margins and padding */
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

#contentList1 ul {
  list-style: none;
  margin: 0 0 5px 0;
  padding: 0 0 0 0; /* This padding bumps the entire li item around */
}

#contentList1 ul a {
  text-decoration: none;
}

#contentList1 li {
  margin: 0 0 0 0;
  padding: 0 0 4px 17px;
  font-size: 95%;
}

#contentList1 ul ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
#contentList1 li li {
  margin: 0 0 0 0;
  padding: 4px 0 0 8px;
  font-size: 100%;
}

#backToTop,
.backToTop {
  float: right;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.backToTopBlock {
  text-align: right;
}

p#faqQuestion2 {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
/*</group>*/

/* Profile */
#userAgreement {
  width: 95%;
  margin: 15px auto;
  padding: 5px;
  border: 1px solid #CCCCCC;
}

table.profileData {
  border: 1px solid #999999;
}

table.editProfile {
  padding-top: 10px;
  padding-bottom: 10px;
}

table.editProfile th.thHead {
  background-color: #E6E7E8;
}

table.editProfile tr.groupName td {
  border-top: #C8CDE8 1px solid;
}

table.editProfile td.formLabel {
  width: 38%;
  text-align: right;
}

table.editProfile td.formLabelAddress {
  padding-top: 15px ;
  padding-left: 5px ;
}

table.editProfile td.formFieldAddress {
  padding-top: 0px ;
  padding-left: 5px ;
}


table.editProfile .formNote,
table.editProfile .required {
  font-size: 86%;
}

/* Edit Basic Info Name Area */
table.editProfileName td.formLabel {
  width: 20%;
  text-align: right;
}

table.editProfileName td.username {
  width: 40%;
  text-align: center;
}

table.editProfileName td.usernameChoiceTitle {
  text-align: center;
  background-color: #E4E8F5;
  font-weight: bold;
}

.module2 .moduleBody .tags {
  width: 100%;
  width: 99% !msie;
}

.module2 .moduleBody .tags {
  width: 100%;
  width: 99% !msie;
}

textarea#bio {
  width: 100%;
  width: 99% !msie;
}

.moduleFooter .formNote {
  float: left;
  font-size: 86%;
  padding-left: 13px;
}

.selectAddresses {
  position: relative;
  margin-top: 10px;
  min-height: 0;
}

.selectAddresses #selectOfficialAddress {
  float: left;
  width: 47%;
  margin: 10px 5px 10px 2px;
  border: #C7E29E 1px solid;
  background-color: #FFFFFF;
}

.selectAddresses #selectOfficialAddress h3 {
  padding: 5px 5px 5px 24px;
  background: #C7E29E url(../images/icon_mailbox_18x18.gif) no-repeat 2px 4px;
  margin-top: 0;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.selectAddresses #selectOfficialAddress p,
.selectAddresses #selectCommunityAddress p {
  margin: 10px;
  font-size: 86%;
}

.selectAddresses #selectOfficialAddress p,
.selectAddresses #selectOfficialAddress select,
.selectAddresses #selectCommunityAddress p,
.selectAddresses #selectCommunityAddress select {
  margin: 10px;
}

.selectAddresses #selectCommunityAddress {
  float: right;
  width: 47%;
  margin: 10px 0 10px 5px;
  border: #CECEEF 1px solid;
  background-color: #FFFFFF;
}

.selectAddresses #selectCommunityAddress.convio {
  float: left;
}

.selectAddresses #selectCommunityAddress h3 {
  padding: 5px 5px 5px 24px;
  background: #C8CDE8 url(../images/icon_profile_18x18.gif) no-repeat 2px 4px;
  margin-top: 0;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

form.addAddressForm {
  width: 100%;
  text-align: center;
  padding: 10px 0 20px 0;
}

.addressData {
  position: relative;
  margin-bottom: 10px !important;
  _width: 613px;
}

.addressData h2 {
  margin-bottom: 10px !important;
}

.displayAddress {
  position: relative;
  width: 360px;
}

.displayAddress table {
  border: none;
  border-collapse: collapse;
}

.displayAddress td {
  padding: 3px;
}

.displayAddress td.shared {
  font-weight: bold;
}

.editAddressButtons {
  margin: 50px 0 10px 0;
  text-align: center;
}

.editAddressButtons form {
  display: inline;
}

.privacySettings {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 200px;
}

.privacySettings .primaryAddress {
  background-color: #C7DF9B;
}

.privacySettings .primaryAddress h3 {
  padding: 5px 5px 5px 24px;
  background: #B6D38A url(../images/icon_mailbox_18x18.gif) no-repeat 2px 4px;
}

.privacySettings .primaryVisibleAddress {
  background-color: #D1D9EC;
}

.privacySettings .primaryVisibleAddress h3 {
  padding: 5px 5px 5px 24px;
  background: #C7CFEB url(../images/icon_profile_18x18.gif) no-repeat 2px 4px;
}

.privacySettings p {
  font-size: 86%;
  margin: 10px;
}

.addressKind {
  margin: 1px 0;
}
.addressKind h3 {
  background-color: #DBDBDB;
  padding: 5px 5px 5px 24px;
  margin: 0 !important;
}

.addressNotShown h3 {
  font-size: 88% !important;
  padding: 5px 5px 5px 20px;
  background: transparent url(../images/icon_lock_tango.gif) no-repeat left 6px;
}

p.backToProfile {
  text-align: center;
}

p.backToProfile a {
  margin-left: 10px;
}

table.profile td {
  padding: 0;
  margin: 0;
}

table.profile td p {
  padding: 0;
  margin: 0;
}

.profile_vertical_spacing_for_grouplist {
  height: 65px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block;
}

/* new profile module styles - 2008-05-08 - jk */
#myPage #pagetitle {
  position: relative;
}

#myPage #pagetitle h1 {
  margin-right: 50%;
}

#myPage #pagetitle .editHeader {
  position: absolute;
  right: 5px;
  top: 3px;
  font-size: 90%;
}

.protected {
  padding-left: 20px;
  background: transparent url(../images/icon_lock_tango.gif) no-repeat left top;
  color: #B63400;
}

.sortedBy_up a {
  padding-right: 19px;
  background: transparent url(../images/sort_order_arrow_up.gif) no-repeat right 3px;
}

.sortedBy_down a {
  padding-right: 19px;
  background: transparent url(../images/sort_order_arrow_down.gif) no-repeat right 3px;
}

.eventViewModule .moduleFooter,
.eventViewModule .moduleHeader,
.profileModule .moduleHeader {
  position: relative;
}

.eventViewModule .editFooter,
.eventViewModule .editHeader,
.profileModule .editHeader {
  position: absolute;
  right: 20px;
  top: 5px;
  font-size: 90%;
}

.eventViewModule .editFooter,
.profileModule .editFooter {
  right: 15px;
  top: 2px;
  line-height: 1.3em;
  bottom: 2px;
}
.eventViewModule .editHeader a,
.profileModule .editHeader a {
  padding-left: 18px;
  background: transparent url(../images/icon_pencil_tango.gif) no-repeat left top;
}
.eventViewModule .editFooter a {
  padding-left: 18px;
  background: transparent url(../images/icon_small_delete.gif) no-repeat left top;
}


.profileModule td.label {
  vertical-align: top;
  text-align: right;
  padding-right: 10px;
}

#profileBasic .basicPhoto {
  vertical-align: top;
  text-align: center;
  padding-right: 20px;
}

#profileBasic .lastUpdated {
  color: #636363;
  font-size: 90%;
  padding: 3px;
}

#profilePassword ul,
#profilePassword ul li {
  margin: 0 0 .25em 0;
  padding: 0;
  list-style-type: none;
}

#profileGroups .modEditLink {
  color: #B63400;
  padding-left: 17px;
  background: transparent url(../images/icon_group_moderator.gif) no-repeat left center;
}

#profileGroups .moduleBody table td {
  padding-right: 30px;
}

#profileDonations .moduleBody table {
  width: 100%;
}

#profileStats .moduleBody table {
  width: 100%;
}

.secondaryTableHead th {
  font-size: 90%;
  font-weight: normal;
}

.lastUpdated {
  color: #636363;
  font-size: 90%;
}

a.emailLink {
  padding-left: 27px;
  background: transparent url(images/envelope_closed_web_24x16.gif) no-repeat left top;
}

a.emailLink.disabled {
  background-image: url(images/envelope_closed_no_24x16.gif)
}

/* Profile */

/* Groups */

.groupList th {
  font-size: 86%;
  text-align: center;
  white-space: nowrap;
  padding-left: 4px;
  padding-right: 4px;
}

.groupList th.thLeft,
.groupList th.thRight {
  text-align: left;
  padding-left: 0;
}

.groupList td {
  border-bottom:1px solid #C8CDE8;
  line-height: 130% !important;
}

.groupList .groupName {
  white-space: nowrap;
}

.groupList .myEmail {
  font-size: 90%;
  color: #636363;
}

.groupList .listingModuleFooter {
  text-align: left;
  padding-left: 10px;
}

#workgroups #Title .addGroup {
  float: right;
}

.editGroupName label {
  margin: 0;
  padding: 0;
  line-height: .5em;
  font-weight: bold;
}

.editGroupName p.explanation {
  margin: 5px 0;
  padding: 0;
}

.editGroupName table {
  margin: 0;
}

.editGroupName .textField {
  margin-bottom: 20px;
}

.googie_check_spelling_link,
.googie_resume_editing {
  padding-right: 6px;
}

.editGroupName textarea {
  width: 100%;
  _width: 99%;
  margin: 0;
  padding: 3px;
}

table.editGroupsPrivacy {
  border-bottom: none !important;
}

.editGroupsPrivacyAdvanced {
  padding: 0 0 20px 0;
}

.editGroupsPrivacyAdvanced table {
  width: 95%;
  margin: 0 auto;
  border-bottom: 1px solid #C8CDE8;
  position: relative;
}

.editGroupsPrivacyAdvanced th {
  font-size: 86%;
  font-weight: normal;
  width: 18%;
  border-bottom: 1px solid #C8CDE8;
  padding: 15px 0 5px 0;
  background: none;
}

.editGroupsPrivacyAdvanced td {
  padding: 2px;
}

.editGroupsPrivacyAdvanced td.top {
  border-top: 1px solid #C8CDE8;
}

.editGroupsPrivacyAdvanced td.label {
  width: 28%;
  font-size: 105%;
  font-weight: bold;
  padding-top: 4px;
}

.editGroupsPrivacyAdvanced td.secondaryLabel {
  padding-left: 20px;
}

.editGroupsPrivacyAdvanced td.controls {
  border-left: 1px solid #C8CDE8;
}

table.editGroupsPrivacy td {
  padding: 10px;
  border-bottom: 1px solid #C8CDE8;
}

table.editGroupsPrivacy td.details {
  background-color: #EDEFF4;
  font-size: 90%;
}

table.editGroupsPrivacy td.details ul {
  margin-left: 0;
  padding-left: 0;
}

table.editGroupsPrivacy td.details ul li {
  margin-left: 20px;
  padding-left: 0;
}

.groupPrivacyConfirm .settingsModuleContent{
  padding: 20px 10px;
}

/* /Groups */

/* Messages */
.messageList th {
  font-size: 86%;
  text-align: center;
  white-space: nowrap;
  padding-left: 4px;
  padding-right: 4px;
}

.messageList th.thLeft,
.messageList th.thRight {
  text-align: left;
  padding-left: 0;
}
.messageList .profilePhoto {
  float: left;
  margin: 0 4px 0 0;
}

.messageList td {
  border-bottom:1px solid #C8CDE8;
  line-height: 130% !important;
}
/* /Messages */

/* Messages (NEW: Feb 2008 -jk) */
.msgTools {
  position: relative;
  border: 1px solid #cccccc;
  height: 30px;
}

.msgTools ul {
  display: inline;
  margin: 0;
  padding: 0;
}

.msgTools ul li {
  list-style-type: none;
  display: block;
  position: relative;
  float: left;
  margin-left: 0;
  padding: 0;
}

.msgTools ul.msgActions {
  position: absolute;
  top: 1px;
  left: 1px;
  display: inline;
  margin: 0;
  padding: 0;
  width: 50% !MSIE;
}

.msgActions a:link,
.msgActions a:visited {
  border: #FFFFFF 1px solid;
  padding: 1px 2px 1px 27px;
  text-decoration: none;
  float: left;
}

.msgActions a:active,
.msgActions a:hover {
  border: #CCCCCC 1px solid;
  padding: 1px 2px 1px 27px;
  float: left;
}

.msgActions a.msgReply {
  display: block;
  height: 24px;
  line-height: 24px;
  margin-right: 5px;
  background: transparent url(../images/icon_reply.gif) no-repeat 1px 1px;
}

.msgActions a.msgReplyAll {
  display: block;
  height: 24px;
  line-height: 24px;
  background: transparent url(../images/icon_reply_all.gif) no-repeat 1px 1px;
  margin-right: 5px;
}

.msgActions a.msgDelete {
  display: block;
  height: 24px;
  line-height: 24px;
  background: transparent url(../images/icon_delete_new.gif) no-repeat 1px 1px;
}

.msgTools ul.msgNav {
  position: absolute;
  top: 1px;
  right: 1px;
  display: inline;
  margin: 0;
  padding: 0;
}

ul.msgNav li {
  display: block;
  height: 28px;
  line-height: 28px;
  margin-left: 5px;
}

.msgNav a:link,
.msgNav a:visited {
  display: block;
  height: 24px;
  line-height: 24px;
  border: #FFFFFF 1px solid;
  padding: 1px 2px 1px 25px;
  text-decoration: none;
  float: left;
}

.msgNav a:active,
.msgNav a:hover {
  display: block;
  height: 24px;
  line-height: 24px;
  border: #CCCCCC 1px solid;
  padding: 1px 2px 1px 25px;
  float: left;
}

.msgNav a.msgBackToAll {
  background: transparent url(../images/icon_edit-redo1-reverse_22x22.jpg) no-repeat 1px 1px;
  margin-right: 5px;
}

.msgNav a.msgNext {
  background: transparent url(../images/icon_go-up1_22x22.jpg) no-repeat 1px 1px;
  margin-right: 5px;
}

.msgNav a.msgPrevious {
  background: transparent url(../images/icon_go-down1_22x22.jpg) no-repeat 1px 1px;
  margin-right: 5px;
}

#msgHeaders {
  margin: 10px 0 20px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #cccccc;
}

#msgHeaders td {
  padding: 3px;
}

#msgHeaders td.label {
  text-align: right;
  font-weight: bold;
  color: #666666;
  background: #e6e7e8;
  padding: 3px 10px;
}

#msgHeaders td.msgSubject {
  font-weight: bold;
}

#msgBody {
  margin-bottom: 20px;
}

.emailEditor {
  width: 600px;
  margin: 10px auto;
}

.emailEditor #msgHeaders {
  border: none;
  margin-top: 30px;
  margin-bottom: 0;
}

.emailEditor #msgHeaders table {
  width:100%;
}

.emailEditor #msgHeaders .label {
  width:25%;
  margin-left: 0;
  white-space: nowrap;
}

.emailEditor #msgHeaders td {
  text-align:right;
}

.emailEditor #msgHeaders .msgTo {
  text-align: left;
}

.emailEditor #msgHeaders input,
.emailEditor #msgHeaders select {
  width:99%;
}

.emailEditor textarea {
  width: 596px;
}

/* /Messages (NEW Feb 2008) */

/* Library */
.libraryList .profilePhoto {
  float: left;
  margin: 0 4px 0 0;
}

.libraryIndexList th {
  text-align: left;
}

.libraryIndexList th.typeHead {
  width: 44px !important;
  padding-left: 4px;
}

.libraryIndexList th,
.libraryIndexList td {
  padding: 4px;
}

.libraryIndexList h4 {
  margin: 0;
  padding: 0;
}

.libraryIndexList p.summary {
  margin: 0;
  padding: 0;
}

tr.even {
  background-color: #FFFFFF;
}

tr.odd {
  background-color: #E6E7E8;
}
/* End of Library styles */


/* Calendar */
.eventCreateTop {
  width: 100%;
  height: 100%;
}

.eventCreateTopDetails {
  float: left;
  width: 100%;
}

.moduleLeftTop {
  margin: 0;
  padding: 0;
  float: left;
  width: 50%;
  overflow: hidden;
}

.moduleLeftTop div {
  margin: 0 0 -5px 0;
  padding: 0;
}

.time_table tr td {
  margin: 0;
  padding: 2px 2px 0 0;
}

.moduleRightTop {
  margin: 0;
  padding: 5px;
  float: right;
  width: 45%;
  height: auto;
}

.moduleRightSub {
  margin: 0;
  padding: 0;
  float: right;
  width: 400px;
  height: auto;
}

.moduleRightSubSmall {
  margin: 0;
  padding: 0;
  float: right;
  width: 280px;
  height: auto;
}

/* End of Calendar styles */


/* Common Styles */
.leftSub {
  float: left;
}

.rightSub {
  float: right;
  text-align: right;
}

.centerSub {
  float: right;
  width: 200px;
  /* margin: 0 auto 0 auto; */
  text-align: center;
}

.clearBoth {
  clear: both;
}

.clearLowercase {
  text-transform: none;
}

div#map.mapBorder, div.mapBorder, fieldset.mapBorder, .mapBorder {
  border: 1px solid #979797;
}

/* End of Common Styles */



/* Map */
.mapWidgetWrapper {
  width: 100%;
  height: 100%;
}

.mapWidgetDetails {
  float: left;
  width: 100%;
}

.mapEntries {
  width: 35%;
  float: left;
  margin: 0;
}

div.mapEntries div {
  margin: 0 0 -5px 0;
  padding: 0;
}

fieldset.mapEntriesFieldset {
  border: 1px solid #CCCCCC;
  margin: 5px 0;
}

fieldset.mapEntriesFieldset div {
  border: none;
}

.mapEntriesFieldset legend {
  color: #333333;
}

div#searchFormDiv {
  margin: 34px 2% 33px 2%;
}

div#searchFormDiv input#title {
  width: 65%;
}

div#mapFooter {
  height: auto;
  margin: 0 0 5px 0 ;
  background-color: #DDDDDD;
  border: 1px solid #CCCCCC;
  border-top: 0;
}

div#geoCodingBox {
  width: auto;
  height: auto;
  padding: 5px 20%;
}

div#geoCodingBox input#geoCoding {
  width: 60%;
}

.mapInputs {
  margin: 0;
  padding: 0;
  width: 100% ;
}

div.mapInputsInner {
  margin: 5px 2px 2px 2px;
}

.mapTextField {
  margin-top: 5px;
}

.mapInputButtonWrapper {
  width: 100%;
  margin-top: 10px;
}

.mapButtonDiv input{
  float: right;
  height: auto;
  margin: 15px 5px;
}

div.mapOR {
  text-align: center;
  margin: 15px auto 10px auto;
}

.mapWindow {
  margin: 0;
  padding: 5px;
  width: 60%;
  height: auto;
  float: right;
}

#map {
  background: #EEEEEE url(../images/loading.gif) 50% 50% no-repeat;
  border: 1px solid #CCCCCC;  /* map.htm uses .mapBorder (to match the google inset) */
}

div.mapSelections {
  height: auto;
  margin: 0;
  padding: 0;
}

div.mapSelectionsLeft {
  margin-left: -2px;
  width: 35%;
  height: auto;
  float: left;
}

div.mapSelectionsRight {
  margin-right: -4px;
  width: 65%;
  height: auto;
  float: right;
}

img.map_icon {
  border: 1px #999999 solid ;
}

/* End of Map styles */



/* Tags and Map styles */
div#moduleRight {
  text-align: right;
}

div#tagsAndMapWrap  {
  width: 100% ;
}

div#tagsAndMapWrap div#moduleLeft {
  width: 65% ;
  float: left;
}

div#tagsAndMapWrap div#moduleRight {
  width: auto ;
  float: right;
}
/* Tags and Map styles */



/* Projects */
#projectsContent {
  position: relative;
}

.viewFilter {
  position: relative;
}

.viewFilter label {
  font-size: 86%;
  font-weight: bold;
  padding: 0 0 8px 0 !important;
}

.viewFilter select {
  font-size: 86%;
  margin: 0 0 3px 0;
}

#projectInfo {
  position: relative;
  width: auto !important;
  margin-left: 228px !important;
  margin-right: 210px !important;
  float: none !important;
}

#projects h1.sectionHeader{
  position: relative;
  float: none !important;
}

#projectsContent,
.projectBlog {
  position: relative;
  padding-left: 220px;
}

#projectsContent p.noProjects {
  font-style: italic;
  font-size: 120%;
  padding: 0;
  margin: 10px 10px 10px 220px;
}

.projectsModule,
.projectsListingHeaderText {
  position: relative;
  margin-right: 0;
  margin-left: 220px;
}

.projectsListingHeader .module1 {
  margin-right: 0;
}


tr.projectEntry {
  border-top: #D6DAEE 1px solid;
}

.projectsListing th {
  color: #000000 !important;
  border-bottom: 0;
}

.projectsListing td.sortedBy {
  background-color: #F6F7FC;
}

table.projectsListing a#percentFundedHead {
  margin-left: 5px;
}

table.projectsListing a#amountNeededHead {
  margin-right: 10px;
}

table.projectsListing th#neededByHead {
  text-align: right;
}

table.projectsListing th#neededByHead span {
  padding-right: 10px;
}

.projectsListing td.dateStarted,
.projectsListing td.label {
  font-size: 86%;
  width: 105px !important;
}

table.projectsListing a#dateStartedHead {
  width: 105px !important;
}

table.projectsListing th#neededByHead span {
  padding-right: 5px;
}

.projectsListing td.neededBy {
  width: 95px !important;
}

.projectsListing td.neededBy span {
  padding-right: 5px !important;
}

.projectEntry #sideModuleA {
  width: 146px !important;
  margin-right: 10px;
}

tr.projectEntry td.fundingInfo {
  width: 131px !important;
  padding-right: 0 !important;
  padding-left: 5px !important
}

tr.projectEntry .fundingInfo .success {
  width: 139px !important;
}

tr.projectEntry .fundingInfo .thermometerLabel {
  width: 139px !important;
  margin: 5px auto;
}

tr.projectEntry .fundingInfo .thermometer {
  width: 141px !important;
}

.fundingInfo .thermometerBar {
  height: 11px;
  position: absolute;
  top: 1px;
  left: 1px;
  z-index: 1 !important;
}

tr.projectEntry .fundingInfo .thermometerFace {
  width: 146px !important;
}

tr.projectEntry .projectEntry .thermometerBar {
  width: 141px !important;
}

tr.projectEntry .fundingInfo h2 {
  width: 60px !important;
}

tr.projectEntry .fundingInfo .details {
  width: 139px !important;
}

tr.projectEntry .fundingInfo .details table {
  width: 127px !important;
}

table.projectsListing span.date {
  text-transform: uppercase;
}

.icon_new { /* Was .new */
  display: inline;
  padding-right: 35px;
  background: transparent url(../images/lang_english/icon_new.gif) no-repeat right bottom;
}

.moduleHeader.projectsListNav {
  text-align: right;
  padding-right: 10px;
}

.moduleFooter.projectsListNav {
/*  width: 100%;*/
  text-align: right;
  padding-right: 0;
  margin-right: 0 !important;
  overflow: auto;
}

.projectsListNav h3 {
  display: inline;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px !important;
  margin: 0;
  padding: 0;
  line-height: 10px;
}

.projectsListNav ul {
  position: static;
  display: inline;
  font-size: 10px;
  margin: 0;
  padding: 0;
  line-height: 10px;
}

.projectsListNav ul li {
  margin: 0;
  padding: 0 4px 0 4px;
  position: static;
  display: inline;
  font-size: 10px;
  line-height: 10px;
}

.projectsListNav ul.legend {
  margin: 4px 0 0 30px;
  padding-bottom: 4px;
  _margin-left: 50px; /* for IE6 */
  float: left;
}

.projectsListNav ul.legend li {
  margin-right: 30px;
  padding: 0;
  border-right: none;
}

.projectsListNav a {
  font-size: 10px;
  text-decoration: none;
}

.module1_inner {
  position: relative;
  background: #E4E8F5 url(../images/module1_back_inner.gif) no-repeat top left;
  _border: #E4E8F5 1px solid !important; /* Inexplicably keeps content from disappearing completely in IE6. Border color is same as container background */
}
.module1_inner_liner {
  position: relative;
  background: #E4E8F5 url(../images/module1_back_inner.gif) no-repeat bottom left;
}

.projectsListingHeader {
  position: relative;
}

.projectsListingHeader h1 {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.projectsListingHeader h1 .headerLabel {
  font-size: 70%;
  color: #000000;
  padding-left: 10px;
}

.projectsListingHeader .module1,
.projectsListingHeader .moduleLiner,
.projectsListingHeader .moduleHeader,
.projectsListingHeader .moduleFooter,
.projectsListingHeader .moduleFooterLiner {
  vertical-align: bottom !important;
  margin-bottom: 0 !important;
}

.viewFilter .moduleHeader {
  padding-left: 0;
  font-size: 86%;
  font-weight: bold;
  text-align: left;
}

.viewFilter .moduleFooterLiner {
  font-size: 1px;
}

table.projectsListing  {
  width: 98%;
  width: 96% !msie;
  position: relative;
  margin-left: 2%;
  border-collapse: collapse;
  border: none;
}

table.projectsListing th {
  background: transparent;
  font-size: 86%;
  text-align: left;
  font-weight: normal;
}

table.projectsListing th a.at {
  font-weight: bold;
}

table.projectsListing a#dateStartedHead {
  display: block;
  float: left;
  width: 142px;
  text-align: right;
}

table.projectsListing a#titleHead {
  margin-left: 13px;
}

 table.projectsListing span#titleHead {
  margin-left: 13px;
}

table.projectsListing a#percentFundedHead {
  display: block;
  float: left;
  margin-left: 15px;
}

table.projectsListing a#amountNeededHead {
  display: block;
  float: right;
  margin-right: 15px;
}

table.projectsListing th#neededByHead {
  text-align: right;
}

table.projectsListing tfoot {
  height: 20px;
}

tr.projectEntry {
  border-right: none;
  border-left: none;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 10px;
  padding-bottom: 15px;
}

tr.projectEntry .fundingInfo input.donate {
  font-size: 10px;
  margin: 5px 5px 4px 0;
  float: right;
}

tr.projectEntry td.neededBy {
  width: 120px;
  padding-top: 10px;
  text-transform: uppercase;
  text-align: right;
  font-size: 86%;
}

tr.projectEntry td.neededBy span {
  padding-right: 10px;
  _display: block;
}

tr.projectEntry td.neededBy.urgent span{
  padding-left: 14px;
  background: transparent url(../images/icon_hourglass_9x10.gif) no-repeat center left;
  color: red;
}

table.projectInfo {
/*  width: 100%;*/
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
}

table.projectInfo td {
  padding: 3px;
}

table.projectInfo td.dateStarted {
  text-align: right;
  text-transform: uppercase;
  padding-right: 10px;
  padding-top: 10px;
  width: 140px;
}

table.projectInfo td.projectTitle {
  padding-top: 10px;
  font-weight: bold;
}

table.projectInfo td.label{
  text-align: right;
  padding-right: 10px;
  padding-top: 0;
  padding-bottom: 0;
}

table.projectInfo td.projectImage {
  text-align: right;
  padding-right: 10px;
  padding-top: 0;
  padding-bottom: 10px;
}

table.projectInfo td.projectTopics,
table.projectInfo td.projectRegions,
table.projectInfo td.projectLead {
  padding-top: 0;
  padding-bottom: 0;
  /*font-weight: bold;*/
}

table.projectInfo td.projectReports {
  padding-top: 0;
}

table.projectInfo td.projectSummary {
  padding-right: 15px;
  padding-bottom: 10px;
}

tr.projectEntry td.fundingInfo {
  width: 180px;
  padding-left: 15px;
  padding-right: 15px;
  overflow: auto;
}

#sideModuleA {width: 180px; float: right;}

.fundingInfo .success {
  position: relative;
  width: 173px;
  margin: 20px auto 10px auto;
  text-align: center;
}

.fundingInfo .success h1 {
  margin: 10px 0 0 0 !important;
  font-weight: bold;
}

.fundingInfo .success p {
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 12px;
}

.fundingInfo .success p.amountRaised {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}

.fundingInfo .thermometerLabel {
  width: 173px;
  overflow: auto;
  clear: both;
  margin: 10px auto 5px auto;
}

.fundingInfo h2 {
  width: 80px;
  font-size: 10px !important;
}

.fundingInfo .percentFunded {
  float: left;
  clear: left;
  text-align: left;
  font-weight: normal;
}

.fundingInfo .totalRequested {
  float: right;
  clear: right;
  text-align: right;
}

.fundingInfo .thermometer {
  position: relative;
  width: 175px;
  height: 11px;
  text-align: left;
  margin: 0 auto 10px auto;
  padding: 0;
}

.fundingInfo .thermometerBar {
  height: 11px;
  position: absolute;
  top: 1px;
  left: 1px;
  z-index: 1;
}

.fundingInfo .thermometerFace {
  position: absolute;
  right: 0;
  top: 0;
  width: 180px;
  height: 19px;
  z-index: 2;
}

.fundingInfo .details {
  position: relative;
  width: 173px;
  margin: 20px auto 10px auto;
}

.fundingInfo .details h3 {
  margin: 8px 0 3px 8px;
}

.fundingInfo .details table {
  width: 161px;
  border: none;
  margin: 6px;
  border-collapse: collapse;
  border-spacing: 0;
}

.fundingInfo .details table td {
  border: none;
  padding-top: 2px;
  padding-right: 3px;
  padding-bottom: 2px;
  padding-left: 3px;
  margin: 0;
  font-size: 10px;
  line-height: 10px;
}

.fundingInfo .details table td.requestedAmount {
  text-align: right;
  font-weight: bold;
}

.fundingInfo .details table td.donatedAmount {
  text-align: right;
  font-weight: bold;
  padding-bottom: 4px;
}

.fundingInfo .details table td.neededAmount {
  text-align: right;
}

.fundingInfo .details table tr.bottomLine td {
  font-weight: bold;
  padding-top: 4px;
}
/* /Projects */

/* Project View */

#projectView h1.sectionHeader{
  margin-left: 220px !important;
}

#projectView h2.projectHeader {
  position: relative;
  margin-left: 228px !important;
  /*padding-left: 10px;
  padding-right: 228px;*/
  float: none !important;
  margin-right: 200px;
}

#projectView {
  position: relative;
  _border: #ffffff 1px solid; /* Forces proper inheritance in IE6 */
}

#projectView #fundingInfo {
  right: 0;
  _right: 10px;
}

#projectView p {
  float: none !important;
}

#projectActions .donateButton,
#projectExpense .donateButton,
#accountHistory .donateButton {
  width: 160px;
  margin: 25px 0 25px 0;
}

#projectExpense .donateButton,
#accountHistory .donateButton {
  float: right;
}

div.action.projectsNav a.at {
  font-weight: bold;
}

#projects table {
  position: relative;
}

#projectView {
  position: relative;
  _width: 100%; /* Forces proper inheritance in IE6 (activates MS "hasLayout" property) */
}

#projects h1.sectionHeader {
  font-size: 110%;
  font-weight: normal;
  text-transform: uppercase;
  padding: 3px 8px;
  margin-top: 0;
}

h2.projectHeader {
  font-size: 160% !important;
  font-weight: normal !important;
  margin-top: 15px !important;
  margin-bottom: 15px !important;
  margin-left: 8px !important;
}

h2 span.projectId {
  font-size: 76%;
}

#projectView #projectInfo {
  position: relative;
  width: 70%;
  margin-left: 8px;
}

#projectView p.summary {
  font-size: 115%;
  margin-top: 0;
}

#projectView #projectLead {
  position: relative;
  margin-top: 30px;
}

#projectView #projectDetails,
#projectView #projectActions {
  position: relative;
  margin-top: 20px;
}

#projectView #projectLead {
}

#projectView #projectLead p {
  font-size: 90%;
  line-height: 1.2em;
}

#projectView #projectLead .managerBio {
  margin-left: 36px;
  position: relative;
}

#projectView #projectLead .managerPhoto {
  position: absolute;
  top: 0;
  left: -36px;
}


#projectView #projectLead h4 {
  font-size: 100%;
  font-weight: normal;
  margin: 5px 0 0 0;
  line-height: 1em;
}

#projectView #projectLead p,
#projectView #projectDetails p {
  padding: 0;
  margin: 0;
}

#projectView #fundingInfo {
  width: 175px;
  position: absolute;
  top: 70px;
  right: 0;
  margin: 0 2px 2px 0;
}

#projectView .fundingInfo .success {
  margin-top: 0;
}

#projectView #fundingInfo h2 {
  display: block;
  text-align: center;
  float: none;
  width: auto;
}

#projectView #fundingInfo h2.percentFunded {
  font-weight: bold;
  font-size: 105% !important;
}

#projectView #fundingInfo h2.amountNeeded {
  font-weight: bold;
  font-size: 105% !important;
}

#projectView #fundingInfo h2 .headerLabel {
  font-weight: normal;
  font-size: 105% !important;
}

#projectView #fundingInfo #fundingDisplay {
  background: #D1D9EC;
  width: 175px;
  padding: 0 0 7px 0;
  overflow: auto;
}

#projectView #fundingInfo #fundingActions {
  position: relative;
  width: 175px;
  padding: 5px 0 7px 0;
  margin: 0 0 20px 0;
  text-align: center;
  overflow: auto;
}

#projectView #fundingInfo #fundingActions a {
  display: block;
  float: none;
  width: auto;
  margin: 0 auto 0 15px;
  font-size: 86%;
  text-align: left;
}

#projectView #fundingInfo #fundingActions a.expenseSheet {
  margin-right: 5px;
  padding-left: 17px;
  background: transparent url(../images/icon_expense_sheet.gif) no-repeat center left;
}

#projectView #fundingInfo #fundingActions a.donationDetails {
  margin-right: 5px;
  padding-left: 17px;
  background: transparent url(../images/icon_donation_details.gif) no-repeat center left;
}

#projectView .donateButton a:hover{
  text-decoration: underline;
}

#projectExpense .donateButton,
#accountHistory .donateButton {
  width: 160px;
  margin: 25px 0 25px 0;
}

#projectActions {
  padding-bottom: 30px;
}

#projectActions .donateButton,
#projectExpense .donateButton,
#accountHistory .donateButton {
  margin: 30px 0 30px 0 !important;
  width: 165px !important;
}

#projectView #fundingInfo .thermometer {
  position: relative;
  width: 148px;
  height: 19px;
  text-align: left;
  margin: 0 auto 10px auto;
  padding: 0;
}

#projectView #fundingInfo .thermometerBarBg {
  height: 19px;
  width: 146px;
  position: absolute;
  top: 1px;
  left: 1px;
  z-index: 1;
}

#projectView #fundingInfo .thermometerBar {
/*  position: relative;*/
  height: 19px;
  top: 0;
  position: absolute;
  left:
  float: left;
  z-index: 2;
}

/*
#projectView #fundingInfo .thermometerBarPledged {
  height: 19px;
  top: 0;
  position: absolute;
  left: 0;
  float: left;
  z-index: 2;
}
*/

#projectView #fundingInfo .thermometerFace {
  position: absolute;
  right: 0;
  top: 0;
  width: 153px;
  height: 25px;
  z-index: 3;
}

#commentsContainer p.commentsToggle {
  padding-left: 18px;
  background: transparent url(../images/icon_comments.gif) no-repeat 0 0;
}

#projectComments {
  width: 400px;
  margin-top: 15px;
}

#projectComments textarea#comment {
  width: 400px;
  margin-bottom: 10px;
}

#projectComments .commentRow {
  width: auto;
  overflow: auto;
}

#projectComments .commentAvatar {
  width: 30px;
  margin-right: 10px;
  padding-top: 10px;
  float: left;
}

#projectComments .commentText {
  width: 360px;
  padding-top: 10px;
  float: left;
}

.commentText p.commentNotes {
  padding-top: 0;
  margin-top: 0;
}

#projectComments #addComment {
  margin-top: 10px;
}

.currentManagers {
  position: relative;
  padding-left: 210px;
}

/* Donation process */
.donate h3 {
  margin-bottom: 0;
}

.donate p {
  margin-top: 0;
  position: relative;
}

.donateForm {
  position: relative;
  margin-left: 8px;
}

.donateForm table {
  position: relative;
}

.donateForm input,
.donateForm label {
  position: relative !important;
}

.donateForm input.textField,
.donateForm select {
  margin-top: 5px !important;
  margin-bottom: 5px;
}

.donateForm h3#amountHeader {
  font-weight: normal !important;
  font-family: Verdana, Arial, sans-serif !important;
  margin-top: 10px !important;
}

.donateForm input#cc_code {
  width: 40px;
}

.donateForm input#donation_amount_text {
  width: 115px;
}

.donateForm .textField#donation_amount_text {
  margin: 0 0 0 5px;
}

.donateForm #amountAndMethod {
  position: relative;
  padding-bottom: 3px;
  margin-bottom: 20px;
}

.donateForm #amountAndMethod h3 {
  margin-top: 0;
}

.donateForm #amountAndMethod #directDonation {
  position: relative;
  width: 40%;
  margin-right: 20px;
  padding-bottom: 10px;
}

.donateForm #amountAndMethod #directDonation p {
  margin: 0;
  padding: 1px 0;
}

.donateForm #amountAndMethod #useGiftCert {
  position: absolute;
  top: 0;
  left: 43%;
  _left: 33%;
  width: 51%;
  padding-bottom: 10px;
}

.donateForm  #amountAndMethod #useGiftCert input {
  width: 130px;
}

.donateForm #amountAndMethod #useGiftCert p {
  padding-top: 10px;
}

.donateForm p.terms {
  font-size: 86%;
  margin-top: 0;
  padding-top: 0;
  line-height: 1.2em;
}

.donateForm p.formulaWarning {
  margin: 0;
  padding: 10px 0 0 0;
}

.donateForm label#agreetotermsLabel,
.donateForm label#notformulaLabel {
  font-weight: bold;
}

.donateForm .formButtons {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

.donateForm .formButtons  input {
  margin-left: 50px;
}

.donateForm table#creditCardInfo {
  positioin: relative;
  border: 0;
  border-collapse: collapse;
  margin: 10px 0;
}

.donateForm table.donorContact {
  margin-bottom: 20px;
}

.donateForm table.donorContact td.label {
  text-align: right;
  padding-right: 5px;
  padding-top: 5px;
}

.receiptText {
  margin-left: 8px;
}

.receiptTable {
  margin: 20px 0;
}

.receiptTable th {
  background: transparent;
  text-align: left;
  font-family: Arial, Verdana, sans-serif;
  font-size: 115%
}

.receiptTable td.contactInfo {
  padding-right: 20px;
}

.receiptTable td.donationInfo {
  padding-left: 20px;
}

.printGiftCert {
  text-align: center;
}

.printGiftCert h1 {
  font-weight: bold;
}

.printGiftCert p.gcAmount {
  font-size: 250%;
  font-weight: bold;
}

.gcAmount p.gcCode {
  foont-size: 150%;
}

table.giftCertSummary {
  margin: 10px 0 20px 0;
}

table.giftCertSummary td {
  padding: 2px 5px;
}

.receiptText h3,
.receiptTable h3 {
  margin-bottom: 10px !important;
}

/*<group=language editing>*/

a.editLink { /* prevent edit links from inheriting styles from parent */
  display: inline !important;
  padding: 3px !important;
  background: transparent !important;

}

ol.langEditInstructions li {
  margin-bottom: .3em;
}

table.langItemTable {
  border-collapse: collapse;
  border: #999999 1px solid;
  border-spacing: 0;
  margin: 20px 0;
  width: 100%;
  _width: 99%;
}

table.langItemTable th {
  background: #F7F5F5;
  border: #999999 1px solid;
  text-align: left;
  font-weight: bold;
  padding: 4px;
}

table.langItemTable tfoot {
  display: none;
}

table.langItemTable td {
  border: #999999 1px solid;
  padding: 4px;
  margin: 0;
}

table.langItemTable td table,
table.langItemTable td table td {
  border: none;
  padding: 0;
  margin: 0;
}

#languageNav {
  background: #F2F4FA;
  border: #CECEEF 1px solid;
  margin: 10px;
  padding: 6px;
}

.footerRow #languageNav {
  background: transparent;
  border: none;
}

.spellcheckWrapper {
  position: relative;
  margin: 20px 0 5px 3px;
}

.mceEditor {
  /*margin-top: 20px!important;*/
}
.spellcheckWrapper textarea {
  width: 100%;
  width: 99% !msie; /* fix layout error in ALL versions of Internet Explorer */
  margin: 0;
  padding: 3px;
}

#langCurrentValue,
#langPreviousValues,
.langHistorySection {
  position: relative;
  zoom: 1;
  background: #E4E8F5;
  border: #CECEEF 1px solid;
  padding: 10px;
  margin: 10px 0;
}

a.showMoreHistory {
  margin-left: 20px;
}

#langCurrentValue h2 {
  color: #BC7311;
  font-size: 120% !important;
  margin-bottom: 20px !important;
}

.langHistoryEntry {
  background: #FFFFFF;
  border: #CECEEF 1px solid;
  margin: 10px;
  padding: 10px;
  position: relative;
}

.langHistoryEntry div.sourceArea {
  margin: 0;
  width: 650px; /* ideally this should grow, but Safari and IE blow it out without a fixed width */
  height: 200px;
  overflow: auto;
  background-color: #F6F6F6;
  color: #333;
  padding: 5px;
  border: #CCC 1px solid;
}

.langHistoryEntry div.sourceArea pre {
  font-size: 12px;
}

.historySourceView input {
  margin: 10px 0 0 0;
}

#langPreviousValues h2,
.langHistorySection h2 {
  color: #BC7311;
  font-size: 120% !important;
  margin-bottom: 0 !important;
}

.langHistorySection h3 {
  margin-left: 11px;
}

a.toggleControl_expanded {
  color: #333333;
  text-decoration: none;
  padding-left: 12px;
  background: transparent url(../images/arrow_toggle_expanded.gif) no-repeat left 4px;
}

a.toggleControl_collapsed {
  color: #333333;
  text-decoration: none;
  padding-left: 10px;
  background: transparent url(../images/arrow_toggle_collapsed.gif) no-repeat left 4px;
}

h2 a.toggleControl_expanded {
  color: #BC7311;
}

h2 a.toggleControl_collapsed {
  color: #BC7311;
}

#langHistoryHeader {
  float: left;
  margin-top: 0 !important;
}

a.langToggle {
  display: block;
  float: left;
  margin-left: 1em;
  margin-top: 4px;
}

.langHistoryMeta {
  color: #999999;
  padding: 0 0 10px 0;
  margin-bottom: 10px;
  border-bottom: #F2F4FA 1px solid;
}

/*</group>*/

.keywordsFoundIn {
  padding: 7px 0;
}

#editSystem ul {
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
}

#editSystem ul li {
  padding: 0;
  margin: 0 0 10px 0;
}

/* joe 10-24-05 print media - don't print nav stuff
   DALE 2005-02-07 Note that this is at the bottom of this file to override other settings above
*/
@media print {
  /* hide any navigation when printing */
  #topBar, #topBarNoTopNav, #topBarSmall, #adminLink, #leftColumn, #leftColumnEmpty, #searchBox, #contentFooterWithSidenav, .noprint, #contentPageLinksArea1, #contentQuickLinksArea1, #backToTop, #pageFooterAdminLink {
    display: none;
  }
  /* show the print top navigation */
  #topBarPrint {
    display: block;
  }
  /* Sets all tables to fill printed page width */
  table {
    width: 100%;
  }
  #bodyContent {
    width: 100%;
  }
  #content, #contentWithSidenav, #projectsContent {
    padding: 15px 0px 0 0px !important; /* Reduced spacing for print */
  }
  /* Note that there is also a "@media print" style override at the bottom of the default.css file */
}


/* Styles needed for My News Area */
.notification_save_and_list {
  float: left;
  width: 609px;
}

.notification_content_fields {
  float: right;
  margin: 0px;
  padding: 0px;
  position: relative;
  width: 150px;
}

.notification_content_box {
  border-style: solid;
  border-color: #AEAEAE #BBBBBB #BBBBBB;
  border-width: 1px;
  margin: 0px 0px 5px 0px;
  padding: 5px;
  width: 150px;
}

/* /templates/go/notifications/notification_save_box.html */
.notification_save_box {
  border-style: solid;
  border-color: #AEAEAE #BBBBBB #BBBBBB;
  border-width: 1px;
  color: #999;
  font-family: verdana,arial,sans-serif;
  font-size: medium;
  /* font-weight: bold; */
  padding: 2px 5px 3px;
  width: 600px;
}
.notification_save_box_filled {
  color: #000;
}
.notification_save_box_div {
  width: 550px;
}
.notification_save_box_submit {
  overflow:inherit;
  text-align: right;
  display: none;
}
/*  */
.notification_photo_div {
  float: left;
  position: relative;
  width: 60px;
}
.notification_content_div {
  float: left;
  position: relative;
  width: 549px;
}


.notification_content_div_module {
  width: auto;
}

.notification_wrapper,
.notification_wrapper_for_modules {
  border-bottom: 1px dotted #CCCCCC;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

.notification_header_div {
  border-bottom: 1px dotted #CCCCCC;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 5px;
  width: 100%;
}


/* /templates/go/notifications/notification_list2.html */
div.notification_list2 a:link,
div.notification_list2 a:visited {
  text-decoration: none;
}
div.notification_list2 a:hover,
div.notification_list2 a:active {
  text-decoration: underline;
}
div.notification_subject_div {
  font-size: 1.2em;
  font-weight: bold;
}
div.notification_subject_div_compressed {
  font-size: .9em;
  font-weight: bold;
}
.notification_verb2 {
  color: #666;
  font-family: verdana,arial,sans-serif;
  font-size: smaller;
}
.notification_speaker2 {
  color: #333;
  font-family: verdana,arial,sans-serif;
  font-size: smaller;
}
a.notification_speaker2 {
  font-weight: bold;
}
span.notification_html_compressed {
  color: #333;
  font-family: verdana,arial,sans-serif;
  font-size: smaller;
}
.notification_when2 {
  color: #333;
  font-family: verdana,arial,sans-serif;
  font-size: smaller;
  font-weight: bold;
}
.notification_photo_div_compressed {
  float: left;
  position: relative;
  width: 50px;
}

/* /templates/go/notifications/notification_list.html */
.notification_speaker {
  color: #333;
  font-family: verdana,arial,sans-serif;
  font-size: small;
}
a.notification_speaker
{
  font-weight: bold;
  text-decoration: none;
}
.notification_verb {
  color: #666;
  font-family: verdana,arial,sans-serif;
  font-size: small;
}
.notification_subject {
  color: #333;
  font-family: verdana,arial,sans-serif;
  font-size: medium;
}
div.notification_subject_div_compressed span.notification_subject {
  font-size: small;
}
.notification_edit_div {
  display: none;
}
.notification_edit_link_off {
  display: none;
}
.notification_edit_box {
  border-style: solid;
  border-color: #AEAEAE #BBBBBB #BBBBBB;
  border-width: 1px;
  color: #333;
  font-family: verdana,arial,sans-serif;
  font-size: medium;
  /* font-weight: bold; */
  padding: 2px 5px 3px;
  width: 540px;
}
.notification_edit_box_div {
  width: 540px;
}
.notification_edit_box_submit {
  overflow:inherit;
  text-align: right;
}

.notification_when {
  color: #333;
  font-family: verdana,arial,sans-serif;
  font-size: small;
  font-weight: bold;
}

.notification_html {
  color: #333;
  font-family: verdana,arial,sans-serif;
  font-size: small;
}

.notification_information {
  color: #666;
  font-family: verdana,arial,sans-serif;
  font-size: smaller;
}
a.notification_information_link {
  text-decoration: none;
}
.notification_seperator {
  vertical-align: 20%;
  color: #999;
}

.notification_comment_wrapper {
  background-color: #ECEFF5;
  border-bottom: 3px solid #FFF;
  padding: 5px 0 4px 5px;
  float: left;
}

.notification_comment_box {
  border-style: solid;
  border-color: #AEAEAE #BBBBBB #BBBBBB;
  border-width: 1px;
  color: #999;
  font-family: verdana,arial,sans-serif;
  font-size: small;
  /* font-weight: bold; */
  padding: 2px 5px 3px;
  width: 533px; /* Was 540px */
}

.notification_wrapper_for_modules .notification_comment_box {
  width: 250px; /* Change width to work in module, was 533 */
}

.notification_comment_box_filled {
  color: #000;
}
.notification_comment_box_div {
  width: 540px;
  display: none;
}

.notification_wrapper_for_modules .notification_comment_box_div {
  width: 257px; /* Change width to work in module, was 540 */
}


.notification_comment_box_on {
  display: block;
}
.notification_comment_box_submit {
  overflow:inherit;
  text-align:right;
  display: none;
}
.notification_comment {
  color: #333;
  font-family: verdana,arial,sans-serif;
  font-size: small;
}
.notification_comment_information {
  color: #666;
  font-family: verdana,arial,sans-serif;
  font-size: smaller;
}
.notification_comments_link_off {
  display: none;
}
.notification_comment_photo_div {
  /* background-color: #D8E8EF; */
  display: block;
  float: left;
  position: relative;
  width: 40px;
}
.notification_comment_content_div {
  /* background-color: #D8E8EF; */
  display: block;
  float: left;
  position: relative;
  width: 500px;
}

.notification_wrapper_for_modules .notification_comment_content_div {
  width: 250px; /* Change width to work in module, was 500px */
}

.notification_comment_edit_div {
  display: none;
}
.notification_comment_edit_link_off {
  display: none;
}
.notification_comment_edit_box {
  border-style: solid;
  border-color: #AEAEAE #BBBBBB #BBBBBB;
  border-width: 1px;
  color: #333;
  font-family: verdana,arial,sans-serif;
  font-size: medium;
  /* font-weight: bold; */
  padding: 2px 5px 3px;
  width: 540px;
}
.notification_comment_edit_box_div {
  width: 540px;
}
.notification_comment_edit_box_submit {
  overflow:inherit;
  text-align: right;
}
/* END: Styles needed for My News Area */


/* ################################################################# */
/* The following content is being integrated from default.css. This  */
/* document will need restructuring eventually, and this content     */
/* will be folded in. This is to reduce the size of client-specific  */
/* default.css so we can have more control from global.css.          */
/* ################################################################# */

/* GoLightly Stylesheet */

/* Adds a black line around entire website */
/*
#wrapper {
  border: 1px solid #333333;
}
#wrapperFixed {
  border: 1px solid #333333;
}
*/

/* /templates/go/subSilver.css values to override - this is the color of the header of many input boxes throughout the site */
/*
th {
  background-color: #5171BA;
}
th.thTop {
  background-color:#5171BA;
}
*/

/*<group=Text Styles>*/
/* DALE 2005-01-21 I created a group tag around this as a place where we can put standard text styles used across sites */
.explanationError{
  color:#CC0000;
  font-size: 90%;
  font-style: normal;
  font-weight: bold;
}
/* Julia: added small font for fields explanation */
.explanation{
  color:#636363;
  font-size: 90%;
  font-style: normal;
}
.explanationHeader {
  color:#636363;
  font-size: 90%;
  font-style: normal;
  font-weight: bold;
}
.labels{
  color:#636363;
  font-style: normal;
}
.inputText{
  color:#333333;
  font-size: 90%;
  font-style: normal;
}

.ie-only.inputTextStandard{
  color:#333333;
  font-size: 110%;
  font-style: normal;
}

.inputTextMedium{
  color:#333333;
  font-size: 110%;
  font-style: normal;
}

.systemButtons{
  color:#333333;
  font-size: 110%;
  font-style: normal;
}

.wizardInstructions{
  color:#666666;
  font-style: normal;
  margin-right: 10px;
}
.categoryHeader a {
  font-weight: bold;
  text-decoration: none;
}
/*</group>*/

#topBar {
  /* padding-top: 100px; /* (74 + 27 - 1 = 100) #topNav + tab height - 1. This is where the top bar height override goes if needed by a particular client (default 74px) This is the distance from the top of the window to the bottom of the tabs */
  background: #6787D0; /* This is the color of the background of the entire top bar */
}

#topBarNoTopNav {
  /* padding-top: 79px; /* Height of #topNav. This is where the top bar height override (for navigation with no top nav tabs) goes if needed by a particular client (default 74px) This is the distance from the top of the window to the top of the secondary nav */
  background: #6787D0; /* This is the color of the background of the entire top bar */
}

#topBarSmall { /* This is for the top bar with the small logo */
  /* padding-top: 78px; /* Should match top bar print offset (default 50px) */
  background: #6787D0;
}

#topBarPrint { /* This is for the top bar that appears when printing */
  /* padding-top: 78px; /* This is where the top bar height override goes if needed by a particular client (default 50px) */
  background: #6787D0;
}

#topBarTopPadding {
  padding-top: 0px; /* This is the height of the horizontal bar above the topNav (non-existent on many sites) */
  background: #2E4D94;
}

#logo {
  position: absolute;
  top: 0px;
  left: 0px;
}
/* Julia: added class for small logo to move it down and right */
#logoSmall {
  position: absolute;
  top: 10px;
  left: 10px;
}

#logo a {
  text-decoration: none;
  border: none;
}

/*<group=Account Nav>*/

#accountNav {
  background: #5171BA;
  border: 1px solid #1C88B5;
  color: #BDDAE6; /* This is the color of the text with the member's name */
  font-family: Arial, Helvetica, sans-serif;
}

#accountNav a {
  color: #ffffff;
}

#accountNav a:hover {
  color: #c3d4ea;
}

#accountNav #accountLinks {
}

#accountLinks li {
  border-right: 1px solid #91B0D4; /* This is the vertical seperator between account navigation items */
}

#adminLink a {
  color: #BDDAE6;
}

#adminLink a:hover {
  color: #ffffff;
}

#pageFooterAdminLink a {
  color: #BDDAE6;
}

#pageFooterAdminLink a:hover {
  color: #ffffff;
}

/*</group>*/

#mainBody {
  background: #E6E7E8;
}

.signed_out_on_directory #mainHeader {
  height: 100px;
}

#mainHeader {
  background: #E6E7E8;
}
/* joe 1-19-06 to remove gray bar */
#projectWizard #mainHeader, #home #mainHeader {
  padding-bottom: 0px;
}

/*<group=Main Text Colors>*/
/* #myPage #topNav li.myPage a, */
#topNav a, #topNav li a {
  color: #4C507E; /* This is the text color for the topNav tab text off state */
}
/* To change the color of the tab at state links, see below: #home #topNav li.home a */
#topNav a:hover, #topNav li:hover a {
  color: #BC7311; /* This is the text color for the topNav rollover */
}
#topSubNav li a.at {
  color: #BC7311; /* This is a standard text color for the subnav at states */
}
#leftNav ul a.at {
  color: #BC7311; /* This is a standard text color for the leftnav at states */
}
#content h1, #contentWithSidenav h1 {
  color: #BC7311; /* This is a standard text color for h1 & h2  */
}
#contentNav em, .moduleHeader h2 {
  color: #BC7311; /* This is a standard text color for h1 & h2  */
}

a:link {
  color: #4C507E; /* This is the default link color for the entire site (NOT #069) */
}

a:hover {
  color: #D68300; /* This is the default link hover color for the entire site */
}

#searchBox h2 {
  color: #333;
}

/*</group>*/

/*<group=topNav>*/
#topNavArea { /* Use if a background behind the topNav is needed */
  margin: -26px 0 0 0; /* Shift the background image up to be behind topNavContent */
  height: 26px;
  width: 100%;
}

#topNav {
  font-family: Arial, Helvetica, sans-serif;
}

#topNav li {
  background: url(../images/topnav_back.gif) 0px 0px;
}

#topNav div {
  background: url(../images/topnav_back.gif) no-repeat right 0px;
}

#topNav a {
  font-weight: normal;
  color: #285299; /* This is the color of the tab text for tabs that aren't selected */
  text-decoration: none;
}

/* joe 10-24-05 these topnavs don't have icons */
#topNav li.projectWizard a {
  padding-left: 7px;
}
#topNav li.home span {
  background: no-repeat url(../images/topnav_home.gif);
}
#topNav li.myPage span {
  background: no-repeat url(../images/topnav_my_page.gif);
}
#topNav li.people span {
  background: no-repeat url(../images/topnav_people.gif);
}
#topNav li.workgroups span {
  background: no-repeat url(../images/topnav_workgroups.gif);
}
#topNav li.calendar span {
  background: no-repeat url(../images/topnav_calendar.gif);
}
#topNav li.forums span {
  background: no-repeat url(../images/topnav_forums.gif);
}
#topNav li.projects span {
  background: no-repeat url(../images/topnav_projects.gif);
}
#topNav li.tasks span {
  background: no-repeat url(../images/topnav_tasks.gif);
}
#topNav li.library span {
  background: no-repeat url(../images/topnav_library.gif);
}
#topNav li.blogs span {
  background: no-repeat url(../images/topnav_blogs.gif);
}
#topNav li.help span {
  background: no-repeat url(../images/topnav_help.gif);
}

/* For selected states. These settings cause the tabs to appear to be in the "at" state. */
/*** left most tab(s) ***/
#home #topNav li.home,
#projects #topNav li.projects,
#projectWizard #topNav li.projectWizard {
  background-position: 0px -81px;
  z-index: 2;
}
/*** all tabs that aren't on far left ***/
#blogs #topNav li.blogs,
#calendar #topNav li.calendar,
#forums #topNav li.forums,
#help #topNav li.help,
#library #topNav li.library,
#myPage #topNav li.myPage,
#people #topNav li.people,
#projectWizard #topNav li.projectWizard,
#tasks #topNav li.tasks,
#workgroups #topNav li.workgroups {
  background-position: 0px -27px;
  z-index: 2;
}
/* I believe this should include all tabs -- what does this do? */
#blogs #topNav li.blogs a,
#calendar #topNav li.calendar a,
#forums #topNav li.forums a,
#help #topNav li.help a,
#home #topNav li.home a,
#library #topNav li.library a,
#myPage #topNav li.myPage a,
#people #topNav li.people a,
#projects #topNav li.projects a,
#projectWizard #topNav li.projectWizard a,
#tasks #topNav li.tasks a,
#workgroups #topNav li.workgroups a {
  font-weight: bold;
  color: #BC7311; /* This is the color of the top tab at-state text */
}
/*** right most tab(s) ***/
/* For some sites, Help is the right most tab and this should be commented out --- #help #topNav li.help div, */
#library #topNav li.library div,
#projectWizard #topNav li.projectWizard div {
  /*background-position: right -81px;*/
}
/*** all tabs that are not on far right - DALE 2007-10-22 This has changed and does not seem to apply to the last tab ***/
#blogs #topNav li.blogs div,
#calendar #topNav li.calendar div,
#forums #topNav li.forums div,
#help #topNav li.help div,
#home #topNav li.home div,
#library #topNav li.library div,
#myPage #topNav li.myPage div,
#people #topNav li.people div,
#projects #topNav li.projects div,
#tasks #topNav li.tasks div,
#workgroups #topNav li.workgroups div {
  background-position: right -27px;
}
/* I believe this should include all tabs -- what does this do? */
#blogs #topNav li.blogs span,
#calendar #topNav li.calendar span,
#forums #topNav li.forums span,
#help #topNav li.help span,
#home #topNav li.home span,
#library #topNav li.library span,
#myPage #topNav li.myPage span,
#people #topNav li.people span,
#projects #topNav li.projects span,
#projectWizard #topNav li.projectWizard span,
#tasks #topNav li.tasks span,
#workgroups #topNav li.workgroups span {
  background-position: 0px -32px;
}

/*** Home is on the far left of the tabs ***/
#topNav li.home {
  background-position: left -54px; /* This affects the position in the off state */
}
#topNav li.home {
  margin-left: 0;
}
/*** Help is on the far right of the tabs for some communities - ?deprecated? ***/
/*
#topNav li.help div {
  background-position: right -54px;
}
#topNav li.help {
  margin-right: 0;
}
*/
/*** Library is on the far right of the tabs for most communities - ?deprecated? ***/
/*
#topNav li.library div {
  background-position: right -54px;
}
#topNav li.library {
  margin-right: 0;
}
*/

#topNav li.last {
  margin-right: 0;
}

#topNav li.last div {
  background-position: right -54px;
}

/*</group>*/

/* See golightly stylesheet for topNavContent styles */

/*<group=TopSubNav>*/

#topSubNav a {
  color: #285299;
  border-left: 1px solid #6787D0; /* This is the vertical seperators between subnav items */
}

#topSubNav a:hover {
  color: #a3640f;
  text-decoration: underline;
}

#topSubNav li a.at {
  font-weight: bold;
  text-decoration: none;
}

#topSubNav {
  background: #FFCF30; /* This is the color of the Subnav bar, which is normally gold */
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  /* height: 20px; /* This is the height of the subnav area with or without text */
}

#topSubNavEmpty {
  background: #E6E7E8;
}

/*</group>*/

/*<group=leftNav>*/

#leftNav {
  background: url(../images/leftnav_header_back.gif) no-repeat;
}

#leftNav h2 {
  color: #666;
  text-indent: 8px;
}

#wiki #leftNav h2 {
  font-weight: bold;
  text-decoration: none;
  border-bottom: none;
}

/*
#myPage #leftNav h2 {
  background: url(../images/leftnav_my_page.gif) no-repeat 9px 5px;
  text-indent: 32px;
}

#people #leftNav h2 {
  background: url(../images/leftnav_people.gif) no-repeat 9px 5px;
  text-indent: 32px;
}

#workgroups #leftNav h2 {
  background: url(../images/leftnav_group.gif) no-repeat 9px 5px;
  text-indent: 32px;
}
*/

#leftNavTitle {
  margin: 0;
  padding:0;
  border:0;
  overflow:hidden;
}

#myPage #leftNavTitle {
  background: url(../images/leftnav_my_page.gif) no-repeat 0px -3px;
}

#people #leftNavTitle {
  background: url(../images/leftnav_people.gif) no-repeat 0 -2px;
}

#workgroups #leftNavTitle, #wiki #leftNavTitle {
  background: url(../images/leftnav_group.gif) no-repeat 9px 5px;
}

#leftNavTitleTxt {
  float:left;
  margin:0 0 0 32px;
  padding:5px 0 5px 0;
  clear:both;
  overflow:hidden;
  text-align:left;
}

#leftNavTitleTxt h2 {
  text-indent:0;
  margin:0;
  padding:0;
}

#leftNav ul {
  background: #D1D9EC;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
}

#leftNav ul ul {
  background: none;
  border: none;
}

#leftNav ul a.at {
  font-weight: bold;
  text-decoration: none;
}

#leftNav li {
  background: #D8E8EF;
  border-top: 1px solid #C3DDE8;
  border-bottom: 1px solid #C3DDE8;
  border-left: 1px solid #C3DDE8;
}

#leftNav li li {
  background: #D8E8EF url(../images/leftnav_sub_bullet.gif) no-repeat 2px .8em;
  border: none;
  border-top: 1px solid #EEF7FB;
  padding: 0px 0px 3px 10px;
}

/*</group>*/

/* joe 12-30-05 new promo box 2 colors */
#promoBox2 #promoContent {
  border-left: 1px solid #999999;
  background: #F7F5F5;
  color: #333;
}
#promoBox2 #promoHeader {
  background: url(../images/promobox2_top.gif) no-repeat left bottom;
}
#promoBox2 #promoFooter {
  background: url(../images/promobox2_bottom.gif) no-repeat left top;
}

/* joe 12-21-05 update for 2 different content styles */
#contentWithSidenav {
  background: #fff;
}
#contentWithSidenav.contentWithSidenavCornerOn {
  background: #fff url(../images/content_top_left_corner.gif) no-repeat left top;
}

.signed_out_on_directory #content {
  padding: 0 26px 0 26px;
}

#content {
  background-color: #FFFFFF;
}

#contentNoBorders {
  background-color: #FFFFFF;
}

/*<group=Content Header>*/

#content h1, #contentWithSidenav h1, #contentNoBorders h1 {
  font-size: 160%;
  font-weight: normal;
  margin-bottom: 7px;
  margin-top: 7px;
  padding-bottom: 5px;
  line-height: 20px;
  color: #BC7311;
}

#content h2, #contentWithSidenav h2, #contentNoBorders h2 {
  font-size: 110%;
  margin-bottom: 0px;
}

#content h3, #contentWithSidenav h3, #contentNoBorders h3 {
  font-size: 110%;
  margin-bottom: 0px;
  }

#people h3 {
  margin-top: -10px;
}

#contentNav em {
  font-size: 95%;
  font-style: normal;
}

/*</group>*/

/*<group=WIKI> Julia added*/

#wikiMain td.blueunderline {
  border-bottom: 1px solid #C8CDE8;
}

/*</group>*/

/*<group=Content Footer>*/

.footerRow {
  background: #E6E7E8;
}

#contentFooterWithSidenav {
  background: #fff url(../images/content_btm_left_corner.gif) no-repeat left bottom;
}

.getHelp {
  background: url(../images/icon_help.gif) no-repeat left center;
  padding: 5px 0px 5px 22px;
}

.followBlog {
  background: url(../images/spacer.gif) no-repeat left center;
  padding: 5px 0px 5px 26px;
}

.rssFeed {
  background: url(../images/icon_rss.gif) no-repeat left center;
  padding: 5px 0px 5px 26px;
}

/*</group>*/

/*<group=ProjectWizard>*/
#projectWizard #wrapper {
  margin: 0 0 0 0;
  width: 100%;
}
#projectWizard { /* Tell the body background to be white */
  background: #ffffff;
}
/*</group>*/


/*Julia: THIS IS FOR LINKS WITH IMAGE AND WORDS*/
#decoration a {
  text-decoration: none;
  }
.yesDecor{
  text-decoration: underline;
  }

/*Julia: END FOR LINKS WITH IMAGE AND WORDS*/


/*<group=Modules>*/

.module1, .module1 .moduleHeader, .module1 .moduleLiner, .module1 .moduleBody, .module1 .moduleFooter {
  background-image: url(../images/module1_back.gif);
}

.module1 .moduleBody {
  background: #FFFFFF;
  border: 1px solid #CECEEF;
}

.module1 .moduleListTable{
  background: #ffffff;
  padding:15px; /* works for Firefox, doesn't seem to for IE */
  width: 100%;
  }

/* This is the explanation text at the bottom of a module */
.module1 .moduleFooter .explanation{
  color:#636363;
  font-size: 90%;
  font-style: italic;
}
/* Julia: set border for Peach Module */

.module1Orange, .module1Orange .moduleHeaderOrange, .module1Orange .moduleLinerOrange, .module1Orange .moduleBodyOrange, .module1Orange .moduleFooterOrange {
  background-image: url(../images/module1_back_orange.gif);
}

.module1Orange .moduleBody {
  background: #fff;
  border: 1px solid #FF9900;
}

.module1Orange .moduleListTable{
  background: #ffffff;
  padding:15px; /* works for Firefox, doesn't seem to for IE */
  width: 100%;
  }

.module1 table.moduleBody td.shaded {
  background: #f2f4fa;
}

/* Julia: added "thin blue underline and shaded cell for the GroupHome page - "Participant" part */
.module1 table.moduleBody td.shadedUnderlined {
  background: #f2f4fa;
  border-bottom: 1px solid #C8CDE8;
  height:30px;
}

.moduleQuickLinks{
  height:35px;
  padding-top:7px;
  padding-bottom:7px;
  text-align: center;
  }

.goldenH2{
  color: #BC7311;
  padding-bottom:7px;
  }

a.sendFromProgram,
a.sendToList,
a.sendToMod {
  display: block;
  /* padding-left: 30px; */
  padding-right: 30px; /* To leave room for icons */
  min-height: 16px;
  _height: 16px;
}

a.sendFromProgram { /* Seperated out in case we want to add different icon */
  background: transparent url(../images/envelope_closed_24x11.gif) no-repeat right top;
}

a.sendToList { /* Seperated out in case we want to add different icon */
  background: transparent url(../images/envelope_closed_web_24x16.gif) no-repeat right top;
}

a.sendToMod { /* Seperated out in case we want to add different icon */
  background: transparent url(../images/envelope_closed_web_24x16.gif) no-repeat right top;
}

/* Added "thin blue line" for the table "ModuleBody" inside of modules*/
.module1 table.moduleBody td.blueunderline {
  border-bottom: 1px solid #C8CDE8;
  line-height: 1px;
}

.module2 table.moduleBody td.blueunderline, table.moduleBodyVB td.blueunderline {
  border-bottom: 1px solid #C8CDE8;
}

.module2 table.moduleBody td.blackunderline, table.moduleBodyVB td.blackunderline {
  border-bottom: 1px solid #000000;
  padding: 0px;
}

.underline{
  border-bottom: 1px solid #C8CDE8;
  padding: 3px;
}

/*</group>*/

/*<group=Module 2>*/
.module2, .module2 .moduleHeader, .module2 .moduleLiner, .module2 .moduleBody, .module2 .moduleFooter {
  background-image: url(../images/module2_back.gif);
}
.module2 .moduleBody {
  background: #fff;
}

.module2 .moduleBody h3, .moduleBody h4, .moduleBody h5, .moduleBodyVB h3, .moduleBodyVB h4, .moduleBodyVB h5{
  color: #000000;
  padding: 0;
  margin-bottom: 2px;
  margin-top: 5px;
  margin-left: 0;
}


.module2 .moduleHeader h2 {
  color: #000000;
  padding: 0;
  margin-bottom: 2px;
  margin-top: 0;
  margin-left: 0;
  font-size: 120%;
}

.moduleBody h4, .moduleBodyVB h4 {
  font-size: 120%;
  font-weight: bold;
}

.module2 .moduleBody td, .module2 .moduleBodyVB td {
  /* color: #666; Julia: took out this line because it assign grey color to font on a whole page*/
  /*border-bottom: 1px solid #d6daee;*/
  line-height: 120%;
}
.module2 .moduleBody tr.header td, .module2 .moduleBodyVB tr.header td {
  color: #000;
  border-bottom: 1px solid #000;
}

.module2 tr.header td.first {
  background: url(../images/module2_inside_top_lt.gif) no-repeat;
}

.module2 tr.body td.first {
  font: Arial, Helvetica, sans-serif;
  font-size: 90%;
  background-color: #EFF1F5;
  padding-top: 10px;
  padding-left: 20px;
  /* background: url(../images/module2_inside_body_top_lt.gif) no-repeat; */

}
/*Julia: added class rightPart to use different font for the right column of Project Wizard */
.module2 tr.body td.contentView {
  font: Verdana, Helvetica, sans-serif;
  font-size: 100%;
  font-style: normal;
}

/*<group=Module 2>*/

/*<group=VBulletin>*/
.module1 .moduleBodyVB, .module2 .moduleBodyVB {
  background: #fff;
  border: solid 1px #BCBCE1;
}
#goldenTitle a {
  text-decoration: none;
  font-size: 120%;
  font-weight: bold;
  color: #BC7311;
  }

.spaceAround {
   padding:5px 5px 5px 0px;
  }

.blackunderline {
  color: #000000;
  padding: 0px;
  }

.whiteLine  {
  color: #FFFFFF;
  padding: 0px;
  }

.lightBlueBG {
    background-color: #E6E7E8;
    padding: 3px 3px 3px 3px;
    line-height: 110%;
  }

.lightBlueBGBorderTop {
  /*  background-color: #E6E7E8; */
    padding: 3px 3px 3px 3px;
    line-height: 110%;
    border-top: solid 1px #BCBCE1;
  }

.lightBlueBGBorder {
    background-color: #E6E7E8;
    padding: 3px 3px 3px 3px;
    line-height: 110%;
    border: solid 1px #BCBCE1;
  }

.page {
  background: #fff;  /* fix for vbulletin attachments window background */
}

/*<group=VBulletin>*/

/* Items common to multiple modules */

/* Group: Use this table to display list: workgroups etc. */
.moduleListTable tr.header td {
  border-bottom: 1px solid #000000;
  font-size: 100%;
        font-weight: bold;
        line-height: 110%;
        padding-bottom:8px;
        padding-top:5px;
  }

.moduleListTable td.columnNoUnderline {
  text-align: center;
  text-valign: middle;
  line-height: 100%;
  }

.moduleListTable td.columnleft {
        border-bottom: 1px solid #C8CDE8;
  text-align: left;
  text-valign: middle;
  line-height: 100%;
  /* border: solid 1px red; */
  }

.moduleListTable td.columncenter {
        border-bottom: 1px solid #C8CDE8;
  text-align: center;
  text-valign: middle;
  line-height: 100%;
  }
/* End of group: Use this table for list: workgroups */

.messageListSummary div.listingModuleContent,
.messageListSummaryFull div.listingModuleContent { /* Shrink padding on group home page modules */
  padding: 0px;
}

.rssFeedSummary div.listingModuleContent,
.rssFeedSummaryFull div.listingModuleContent { /* Shrink padding on group home page modules */
  padding: 3px;
}

.rssFeedSummary div.listingModuleContent #rssText,
.rssFeedSummaryFull div.listingModuleContent #rssText { /* Shrink text on group home rss module */
  font-size: 90%;
}

/* Half-width modules */
.listingModule.blogSummary,
.listingModule.libraryListSummary,
.listingModule.messageListSummary,
.listingModule.rssFeedSummary {
  float: left;
  width: 47%; /* This can be expanded to 48% if the "Participants" module is moved to the left navigation */
}

/* Full-width modules */
.listingModule.blogSummaryFull,
.listingModule.libraryListSummaryFull,
.listingModule.rssFeedSummaryFull {
  float: left;
  width: 100%; /* If there aren't any other 1/2 modules, expand to full width */
}

/*FIX FOR LISTSUMMARY FULL*/
.listingModule.messageListSummaryFull {
  width: 100%;
}


/*</group>*/


/*GENERAL FOR PAGES WITH BLUE MODULE and GOLDEN COLOR TITLE */
#Title h1 {
   color: #BC7311;
   margin:0;
   font-size:180%;
   font-weight:normal;
   font-style:normal;
   }

#Title{
   padding-bottom: 10px;
   padding-top: 12px;
   position: relative;
   }

#Title #tagsSelectOn, #Title #tagsSelectOff {
  left: 265px;
  position: absolute;
  top: 15px;
}

.HeaderRow{         /*Bold Header font in tables*/
    font-size: 100%;
    font-weight: bold;
    padding-bottom:5px;
}

/* Julia: added class for page Titles */
.module2 td.pageTitle
{
  font: Verdana, Helvetica, sans-serif;
  font-size: 120%;
  font-weight: bold;
}
.module2 td.pageTitleError
{
  color: #CC0000;
  font: Verdana, Helvetica, sans-serif;
  font-size: 120%;
  font-weight: bold;
}


/* Julia: added class for grey labels */
.module2 td.labels
{
  color:#636363;
  font-style: normal;
}

/* Julia: added red font for errors and marks */
.module2 td.error{
  color: #CC0000;
  font-style: normal;
  line-height:120%;
}
.module2 tr.body td.last {
  background-color: #EFF1F5;
  background: url(../images/module2_inside_body_btm_lt.gif) no-repeat left bottom;
}
.module2 tr.body td.first ul{
  margin-top: 0;
  padding : 0;
    margin : 0;
}

.module2 tr.body td.first li{
  margin-top: 0;
  padding : 0;
    margin-left: 20px;
    margin-bottom:0;
}
.module2 tr.footer td.first {
  background: url(../images/module2_inside_btm_lt.gif) no-repeat left bottom;
}
/*</group>*/

/*<group=Module 3>*/

.module3, .module3 .moduleHeader, .module3 .moduleLiner, .module3 .moduleBody , .module3 .moduleFooter {
  background: E6E7E8; /* Background color of the module3 area */
  /* background-image: url(../images/module1_back.gif); */
}
.module3 .moduleBody {
  background: #fff url(../images/lc_in2_lt.gif) no-repeat left top; /* this is the rounded corner in the upper left */
}
.module3 table.moduleBody td.shaded {
  background: #f2f4fa;
}

/*</group>*/


/*<group=miniModule 1> -- Used for dashed border*/

.miniModule1, .miniModule1 .miniModuleHeader, .miniModule1 .miniModuleLiner, .miniModule1 .miniModuleBody, .miniModule1 .miniModuleFooter {
  background-image: url(../images/mini_module1_back.gif);
}
.miniModule1 .moduleBody {
  background: #fff;
  border: 1px solid #CECEEF;
}
.miniModule1 table.moduleBody td.shaded {
  background: #f2f4fa;
}

/*</group>*/


/*<group=miniModule 2> -- Used for calendar border*/

.miniModule2, .miniModule2 .miniModuleHeader, .miniModule2 .miniModuleLiner, .miniModule2 .miniModuleBody, .miniModule2 .miniModuleFooter {
  background-image: url(../images/mini_module2_back.gif);
}
.miniModule2 {
  width:100%;
}
.miniModule2 .moduleBody {
  background: #fff;
  border: 1px solid #CECEEF;
}
.miniModule2 table.moduleBody td.shaded {
  background: #f2f4fa;
}
/*</group>*/

/* Julia: added section for printable page */
#printable table {
  width: 100%;
  background-color:#CCCCCC;
  text-align: left;
  line-height:20px;
}

#printable table.section  {
/*  margin-top: 8pt; */
  border-top-width: 2pt;
  border-top-style: solid;
  border-top-color: #000000;
}

#printable h1 {
  font-size: 12pt;
  margin-top: 12pt;
  margin-bottom: 12pt;
  color: #BC7311;
}

#printable h2 {
  font-size: 12pt;
  margin-top: 0pt;
  margin-bottom: 0pt;
}

#printable table td {
  font-family: "Times New Roman", Times, serif;
  font-size: 12pt;
}

#printable table td.edit {
  font-family: "Times New Roman", Times, serif;
  font-size: 12pt;
  border: 1pt solid #000000;
  background-color:#FFFFFF;
}
#printable table th {
  font-family: "Times New Roman", Times, serif;
  font-size: 12pt;
}

#printable form, #printable input,#printable textarea, #printable select{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
}

#printable em, #printable .small{
  font-size: 10pt;
}

#printable .big{
  font-size: 14pt;
}


#printable ul {
  list-style-type: bullet;
  list-style-position: outside;
}

#printable ol {
  list-style-position: outside;
}

#printable .explanation {
  font-size: 9pt;
}
/* Julia: end of the section for printable page */

/* joe 1-3-06 copied from colins projectwizard stuff */
#projectWizard .module2 {
  width: 100%;
}

ul.pagingNav li {
  border-right: 1px solid #999;
  font-size: 80%;
}

ul.pagingNav li a {
  text-decoration: none;
}

ul.pagingNav li a:hover {
  text-decoration: underline;
}

ul.pagingNav li.first, ul.pagingNav li.last {
  border-right: 0;
}

/*</group>*/

/*<group=module elements>*/

table.directoryInfo td {
  font-size: 110%;
  font-weight: bold;
}

table.directoryInfo td.header {
  color: #636363;
  font-weight: normal;
}

table.directoryInfo td.notice, p.notice {
  color: #636363;
  font-size: 90%;
  font-weight: normal;
}

.moduleBody div.photo {
  border-top: 1px solid #CECEEF;
  border-right: 1px solid #EFEFF7;
  border-bottom: 1px solid #EFEFF7;
  border-left: 1px solid #ceceef;
}

.moduleBody div.photo img {
  border-top: 1px solid #CED6EF;
  border-left: 1px solid #CED6EF;
  border-bottom: 1px solid #CECEEF;
  border-right: 1px solid #CECEEF;
}

#errorHilightBox { /* This creates a red border around the items that need to be filled in, usually added as <td class="errorHilightBox"> */
  border: 1px solid #CC0000;
}
/*</group>*/

/*<group=Wizard Message>*/
/* These styles are for error or informational messages in the project Wizard */

#wizardMessage { /* Font color for the message area */
  color: #FF0000;
}
#wizardMessage li { /* Color of the background area behind the message */
  background: #FFFF99;
}
#wizardMessage li.error span {
  background: no-repeat url(../images/icon_error_required.gif); /* The icon for error messages */
}

/*</group>*/

/*<group=Page Footer>*/

#pageFooter {
  background: #D1D9EC; /* Background color of the footer area */
  border-top: 1px solid #fff;
}
#pageFooter .notice { /* This is the footer text */
  color: #636363;
  font-weight: normal;
}

/* See golightly stylesheet for contentPageFooter styles */

#footerNav1 li, #footerNav2 li {
  border-right: 1px solid #fff; /* The seperator lines between footer items */
}

/*</group>*/

/*<group=Mini Popup>*/
/* The miniPopup is a small window without any navigation (for example, the request help box) */
.miniPopup {
  background: #ffffff;
}
#miniPopup {
  background: #ffffff;
}
/*</group>*/

/*<group=New Welcome Styles>*/

/* Welcome page styles */
#welcomeFrame { /* The generic welcome style to hold all content */
  border-top: 1px solid #8CCEDE; /* This creates the line just under the top nav tabs, but only on the welcome page */
}

#welcomeFrame p {
}

#welcomeFrame h2, #welcomeFrame h3  {
  padding: 10px 0 8px 0;
}


#welcomeFrame ol, #welcomeFrame ul  {
  padding: 0 18px 0 18px;
}

#welcomeFrame dl  {
  padding: 0 0 0 0;
}

#welcomeArea1 {
  position: relative;
  clear: both;
  /* float: left; /* Does not include float because we want it to start on a new line */
  left: 0px;
  margin: 0 0 0 0;
  width: 100%;
  background: #FFFFFF;
}

/* Promo1 refers to the left promo column
   Promo2 refers to the right promo column
   Color1, Color2, etc. refers to colors that should be consistent regardless whether in the left or right columns */
#contentPromo1 { /* This is the left column outside liner for positioning relative to the main content and the right column */
  position: relative;
  float: left;
  font-size: 85%;
  width: 24%;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

#contentPromo1 dl, #contentPromo2 dl  {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

#contentPromo1Inside { /* This is the left column padding */
  margin: 0 0 0 0;
  padding: 8px 18px 18px 18px;
}

#contentPromo1Inside h2,
#contentPromo2Inside h2 {
  color: #BC7311;
}

.contentPromo1InsideColor1a { /* This is the basic promo area background color */
  background: #FFFFFF;
  /* border-right: 1px solid #BFD63E; */
}

#contentPromo1 p.color1b { /* This defines the promo header 1b */
  color: #69679B;
  background-color:#FFFFFF;
  font-weight:bold;
  margin: 0 0 0 0;
  padding: 2px 18px 2px 18px;
}
.contentPromo1InsideColor1b { /* This defines the promo text 1b */
  background: #FFFFFF;
/*
  border-right: 1px solid #99979A;
  border-bottom: 1px solid #99979A;
  border-left: 1px solid #99979A;
*/
}

#contentPromo1 p.color1c { /* This defines the promo header 1c */
  color: #69679B;
  background-color: #FFFFFF;
  font-weight:bold;
  margin: 0 0 0 0;
  padding: 2px 18px 2px 18px;
}
.contentPromo1InsideColor1c { /* This defines the promo text 1c */
  background: #FFFFFF;
}

.contentPromo2InsideColor2a { /* This defines the promo text 2a */
  background: #FFFFFF;
  /* border-left: 1px solid #BFD63E; */
}

#contentPromo2 p.color2b { /* This defines the promo header 2b */
  color: #69679B;
  background-color: #FFFFFF;
  font-weight:bold;
  margin: 0 0 0 0;
  padding: 2px 18px 2px 18px;
}
.contentPromo2InsideColor2b { /* This defines the promo text 2b */
  background: #FFFFFF;
/*
  border-right: 1px solid #99979A;
  border-bottom: 1px solid #99979A;
  border-left: 1px solid #99979A;
*/
}

/* Defines the color of the statistics box, regardless of the side it is on */
#contentPromo1 p.colorStats, #contentPromo2 p.colorStats { /* This defines the promo header, statistics */
  color: #69679B;
  background-color:#FFFFFF;
  font-weight:bold;
  margin: 0 0 0 0;
  padding: 2px 18px 2px 18px;
}
.contentPromo1InsideColorStats, .contentPromo2InsideColorStats { /* This defines the promo text area, statistics */
  background: #FFFFFF;
}

dl.stats dt {
  white-space: nowrap;
}

/* Defines the color of Getting Started, regardless of the side it is on */
#contentPromo1 p.colorGetStarted, #contentPromo2 p.colorGetStarted { /* This defines the promo header, "getting started" */
  color: #69679B;
  background-color:#FFFFFF;
  font-weight:bold;
  margin: 0 0 0 0;
  padding: 2px 18px 2px 18px;
}
.contentPromo1InsideColorGetStarted, .contentPromo2InsideColorGetStarted { /* This defines the promo text, "getting started" */
  background: #FFFFFF;
}

#contentMain1 { /* This is the main content outside liner for positioning relative to the left and right columns */
  position: relative;
  float: left;
  width: 50%;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

#contentMain1 h1 {
  color: #BC7311;
}

#contentMain1Inside { /* This is the main column padding */
  background: #FFFFFF;
  margin: 0 0 0 0;
  padding: 10px 20px 10px 20px;
}

#contentPromo2 {  /* This is the right column outside liner for positioning relative to the left column and main content area */
  position: relative;
  float: right;
  font-size: 80%;
  width: 25%; /* This is set to 1% less than 100% on purpose. When set to 100%, IE causes the right most cell to jump sometimes. */
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

#contentPromo2Inside { /* This is the right column padding */
  margin: 0 0 0 0;
  padding: 8px 18px 18px 18px;
}


/*</group>*/

/*<group=Client Content>*/
/* See golightly stylesheet for contentFrame styles */

#backToTop {
  width: 155px; /* This is needed so that IE doesn't blast this open to 100% width */
}

#backToTop ul {
  list-style: none;
}

#backToTop ul a {
  font-weight: bold;
  padding: 0 0 0 13px;
  color: #303030; /* This is a standard text color for these links */
  text-decoration: none;
}

#backToTop ul a:hover {
  font-weight: bold;
  color: #303030; /* This is a standard text color for the hover state */
}

#backToTop li {
  background: url(../images/list_triangle_up.gif) no-repeat .8em;
  background-position: 0px 6px;
  height: 13px; /* This height of the background image is needed so that the li background shows up prior to rollover */
}

/*</group>*/

/*<group=Any Link Dropdown Menu>*/
/***********************************************
* AnyLink Drop Down Menu- � Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

#dropmenudiv {
  margin: -5px 0 0 -28px; /* Shift the drop-down menu to the left. Should match the margin for topNavContentArea */
  margin: 7px 0 0 -28px !msie; /* Only IE reads this */
  padding: 0;
  background: #DEE0F3;
  position:absolute;
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  border-bottom: none;
  font:normal 10px Verdana;
  line-height:18px;
  z-index:100;
}

#dropmenudiv a {
  color: #4C507E; /* This is the default link color for the entire site */
  width: auto;
  display: block;
  border-bottom: 1px solid #FFFFFF;
  line-height: 12px;
  padding: 4px;
  text-decoration: none;
  font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
  /* background-color: yellow; /* Background color not needed for this site */
  color: #D68300; /* This is the default link hover color for the entire site */
}

.photoLeft { /* Create a space where a photo can be placed along with a caption */
  /* Include the div this way: <div align="right" class="photoLeft"> */
  float: left;
  position: relative;
  margin: 0;
  padding: 0 10px 5px 0;
  font-size: 70%;
  text-valign: top;
  line-height: 10px;
}

/*</group>*/

/*<group=tabber>*/

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #CECEEF;
 font: 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 padding: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #CECEEF;
 border-bottom: none;
 background: #E4E8F5;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #999; }
ul.tabbernav li a:visited { color: #999; }

ul.tabbernav li a:hover
{
 color: #333;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:10px;
 border:1px solid #CECEEF;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

/*</group>*/

/*<group=Projects>*/
tr.projectEntry {
  border-top: #D6DAEE 1px solid;
}

.projectsListing th {
  color: #000000 !important;
  border-bottom: #818181 2px solid !important;
}

.projectsListing thead {
}

.projectEntry .thermometerBar {
  background: #B6D38A;
}

table.projectInfo td.projectSummary {
  color: #818181;
}

table.projectInfo td.label {
  color: #818181;
}

/*</group>*/

/*<group=Project View>*/

#projectView h1.sectionHeader {
  background-color: #FFCF30;
  color: #000000;
}

#projectView h2.projectHeader {
  color: #BC7311;
}

#projectView h2 span.projectId {
  color: #818181;
}

#projectView #fundingInfo h2.amountNeeded {
  color: #487897;
}

#projectView #fundingInfo h2.percentFunded {
  color: #48882A;
}

#projectView #fundingInfo h2 .headerLabel {
  color: #818181;
}

#projectView #fundingInfo #fundingDisplay {
  background: #D1D9EC;
  border-top: #B8C8E1 1px solid;
  border-right: #B8C8E1 1px solid;
  border-left: #B8C8E1 1px solid;
}

#projectView #fundingInfo #fundingActions {
  background: #DFE5F0;
  border-bottom: #B8C8E1 1px solid;
  border-right: #B8C8E1 1px solid;
  border-left: #B8C8E1 1px solid;
}

/* JEREMY to do: create generic defaults for .donateButton styles (these are LatchOn styles) */

#projectView .donateButton {
  position: relative;
  width: auto;
  height: 27px;
  margin: 5px 12px 5px 12px;
  padding: 0;
  background: url(../images/bg_button_65B722.gif) no-repeat left top;
}

#projectView .donateButton a {
  position: absolute;
  top: 0;
  right: -1px; /* fix positioning error in IE6, ideally should be 0 */
  display: block;
  width: 90% !important;
  height: 100%;
  margin: 0;
  padding: 7px 10px 0 0;
  font-size: 10px !important;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  text-align: center !important;
  line-height: 13px;
  background: #DFE5F0  url(../images/bg_button_65B722.gif) no-repeat right top;
}

#projectActions .donateButton {
  width: 160px;
  margin: 25px 0 25px 0;
}

#projectActions .donateButton a {
  background-color: #FFFFFF;
}

#projectView #fundingInfo .thermometerBarBg {
  background-color: #FFFFFF;
}

#projectComments .commentRow {
  border-bottom: #CCCCCC 1px solid;
}

table.projectEntry {
  border-top: #D6DAEE 1px solid;
}

table.projectInfo td.projectSummary {
  color: #818181;
}

table.projectInfo td.label {
  color: #818181;
}

.fundingInfo .success {
  border: #759A34 1px solid;
}

.fundingInfo .success h1 {
  color: #000000 !important;
}

.fundingInfo .success p.amountRaised {
  color: #759A34
}

.fundingInfo .thermometerBar {
  background: #B6D38A;
}

.fundingInfo .details {
  border: #D1D5D9 1px solid;
}

.fundingInfo .details table td {
  color: #818181;
}

.fundingInfo .details table td.donatedAmount {color: #B6D38A;}

.fundingInfo .details table tr.bottomLine td {
  border-top: #818181 1px solid !important;
  color: #000000;
}

/*</group>*/

/*<group=Tagging>*/
div.tagCloudDiv { /* For modules with tag clouds in them, reduce the border to 0 */
  padding: 0px;
}

/* We support 10 different sizes, tagSize1 being biggest, tagSize10 being smallest */
.tagCloud {
  background: #f5f5f5;
  border: solid 1px #eee;
  /* line-height: 30px !important; */
  overflow: hidden;
  padding: 5px;
  text-align: center;
  text-overflow: ellipsis;
}
.tagCloud a {
  text-decoration: none;
}
.tagCloud .tagSize1 {
  font-size: 22px;
  margin: 3px 2px;
}
.tagCloud .tagSize2 {
  font-size: 21px;
  margin: 3px 2px;
}
.tagCloud .tagSize3 {
  font-size: 20px;
  margin: 3px 2px;
}
.tagCloud .tagSize4 {
  font-size: 19px;
  margin: 3px 2px;
}
.tagCloud .tagSize5 {
  font-size: 18px;
  margin: 3px 1px;
}
.tagCloud .tagSize6 {
  font-size: 17px;
  margin: 3px 1px;
}
.tagCloud .tagSize7 {
  font-size: 16px;
  margin: 3px 1px;
}
.tagCloud .tagSize8 {
  font-size: 15px;
  margin: 3px 1px;
}
.tagCloud .tagSize9 {
  font-size: 14px;
  margin: 3px 1px;
}
.tagCloud .tagSize10 {
  font-size: 12px;
  margin: 3px 1px;
}


.tagCloudLeftNav { padding: 3px; border: solid 1px #eee; background: #f5f5f5; }
.tagCloudLeftNav h2 {}
.tagCloudLeftNavEdit { font-size: 10px; }
.tagCloudLeftNav a { text-decoration: none; }
.tagCloudLeftNav .tagSize1 {
  font-size: 20px;
  margin: 2px 0px;
}
.tagCloudLeftNav .tagSize2 {
  font-size: 18px;
  margin: 2px 0px;
}
.tagCloudLeftNav .tagSize3 {
  font-size: 16px;
  margin: 2px 0px;
}
.tagCloudLeftNav .tagSize4 {
  font-size: 14px;
  margin: 2px 0px;
}
.tagCloudLeftNav .tagSize5 {
  font-size: 13px;
  margin: 2px 0px;
}
.tagCloudLeftNav .tagSize6 {
  font-size: 12px;
  margin: 2px 0px;
}
.tagCloudLeftNav .tagSize7 {
  font-size: 11px;
  margin: 2px 0px;
}
.tagCloudLeftNav .tagSize8 {
  font-size: 10px;
  margin: 2px 0px;
}
.tagCloudLeftNav .tagSize9 {
  font-size: 9px;
  margin: 2px 0px;
}
.tagCloudLeftNav .tagSize10 {
  font-size: 8px;
  margin: 2px 0px;
}

/*</group>*/

/*<group=Media Print>*/

@media print {
  body {
    background: #FFFFFF; /* This is the color of the page behind the community */
  }
  #contentMainText1 {
    width: 100%; /* Open up the content area to the full width of the page */
    padding-left: 0px;
    padding-right: 0px;
  }
  #pageFooter {
    background: #FFFFFF; /* Background color of the footer area */
  }
  #contentWithSidenav {
    background: #FFFFFF;
  }
  #contentNoBorders {
    background: #FFFFFF;
  }
/* See golightly stylesheet for contentPageFooterArea style */
}

/*</group>*/

/*<group=iMIS Logo>*/

.imis_logo {
  font-family: Times New Roman, Helvetica, Verdana, sans-serif;
  font-weight: bold;
  font-style: italic;
}

/*</group>*/

/*<group=Library item>*/

#lib_item { margin:16px auto 16px auto; width:100%; background: url(../images/module1_back.gif) top left no-repeat; overflow:hidden; border-right: 1px solid #CECEEF; border-bottom: 1px solid #CECEEF; }
.lib_item_bl { background: url(../images/ffffcc_bl.gif) 0 100% no-repeat; }
.lib_item_br { background: url(../images/ffffcc_br.gif) 100% 100% no-repeat; }
.lib_item_tl { background: url(../images/ffffcc_tl.gif) 0 0 no-repeat; z-index: 3; }
.lib_item_tr { background: url(../images/ffffcc_tr.gif) 100% 0 no-repeat; padding:0; }

#lib_box { width:100%; margin:0; padding:0; text-align:left; background-color:none; overflow:hidden; }
#lib_item_l { float:left; width:200px; margin:8px 0 8px 0; padding:0; text-align:center; }
#lib_item_r { margin:8px 10px 8px 201px; }
.lin_col-in { margin:0; padding:0.5em 0; }
.lib_cleaner { clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent; }

#lib_info { margin:0px; width:100%; margin:0 0 8px 0; background-color:#fff; overflow:hidden; }
.lib_info_bl { background: url(../images/fff_bl.gif) 0 100% no-repeat; }
.lib_info_br { background: url(../images/fff_br.gif) 100% 100% no-repeat; }
.lib_info_tl { background: url(../images/fff_tl.gif) 0 0 no-repeat; z-index: 3; }
.lib_info_tr { background: url(../images/fff_tr.gif) 100% 0 no-repeat; padding:0; }

.lib_title { position:relative; margin:0; padding:10px; border-bottom:1px dotted #333; font-size:1em; line-height:120%; }
.lib_title h1 { margin:0 0 8px 0; padding:0; font-size: 24px; }
.lib_title h2 { margin:0 0 8px 0; padding:0; font-size: 14px; font-weight:normal; }
.lib_post_info { margin:0 auto; padding:10px; }
.lib_post_info_r { text-align:left; margin:0; padding:0 }
.lib_post_info_l { float:left; display:inline; width:50px; margin:0; padding:0 }

.lib_text { position:relative; min-height:50px; margin:0; padding:0 10px 10px 10px; border:0; }
.lib_text h1 { margin:0; padding:8px 0; display:inline; font-size: 16px; line-height:120%; }
p.lib_text { margin:0; padding:8px 0; font-size: 14px; line-height:120%; font-weight: normal; }
p.lib_text_keywords { margin:0; padding:8px 0; font-size: 14px; line-height:120%; color:#ccc; }
.lib_text ul { list-display-type:none; }
.lib_text li { display:inline; padding: 0 8px; margin:0; }
.lib_text_edit { color:#999; text-transform:uppercase; font-weight:bold; }
.lib_text_edit a:link { color:#999; text-decoration:none; text-transform:uppercase; font-weight:bold; }
.lib_text_edit a:active { color:#999; text-decoration:none; text-transform:uppercase; font-weight:bold; }
.lib_text_edit a:visited { color:#999; text-decoration:none; text-transform:uppercase; font-weight:bold; }
.lib_text_edit a:hover { color:#333; text-decoration:none; text-transform:uppercase; font-weight:bold; }

#lib_l_cont { position:relative; margin:0; padding:0; }
#lib_l_cont img { margin:0 0 15px 0; padding:0; }
.lib_btns { margin:0 auto; padding:0; width:165px; }
.lib_btns_r { float:right; display:inline; width:60px; margin:0; padding:0 }
.lib_btns_l { float:left; display:inline; width:105px; margin:0; padding:0 }

.lib_btns li { list-style-type:none; display:inline; margin:0; padding:0; }
.lib_btns li img { margin:0; padding:0; vertical-align:middle; }

.lib_ratings { margin:0; padding:0; }
.lib_ratings li { list-style-type:none; display:inline; margin:0; padding:0; }
.lib_ratings_text { margin:-10px 0 0 0; padding:0; font-size: 14px; }

.lib_admin_bar { position:relative; margin:0; padding:0; }
.lib_admin_btns { margin:0; padding:0; color: #999;}
.lib_admin_btns a:link { color:#333; text-decoration:none; }
.lib_admin_btns a:active { color:#333; text-decoration:none; }
.lib_admin_btns a:visited { color:#333; text-decoration:none; }
.lib_admin_btns a:hover { color:#999; text-decoration:none; }
.lib_admin_btns img { margin:0 8px 0 0; padding:0; vertical-align:middle; border:0; }
.lib_admin_btns li { list-style-type:none; display:inline; margin:0; padding:0 10px 0 0; font-size:12px; font-weight:bold; text-transform:uppercase; }

.lib_action_bar { margin:0 0 16px 0; padding:0; width:100%; text-align:center; overflow:hidden; }
.lib_action_bar ul { list-style-type:none; display:inline; }
.lib_action_bar li img{ vertical-align:middle; margin: 0 5px 0 0; padding:0; }
.lib_action_bar li { display:inline; list-style-type:none; margin:0 12px 0 0; padding:0; font-size:11px; }
.lib_action_bar li a:link { color:#333; text-decoration:none; text-transform:uppercase; font-weight:bold; }
.lib_action_bar li a:active { color:#333; text-decoration:none; text-transform:uppercase; font-weight:bold; }
.lib_action_bar li a:visited { color:#333; text-decoration:none; text-transform:uppercase; font-weight:bold; }
.lib_action_bar li a:hover { color:#999; text-decoration:none; text-transform:uppercase; font-weight:bold; }

.libraryfeedback { clear: both; display: block; width:170px; overflow:hidden; margin: 0 0 0 20px; padding: 2px; border: 0; } /* fix for ratings display glitch  */

/*</group>*/

/* Twitter Widget */
.twitter-widget { height: 200px; } /* the height should be about 70px more than the setting in profile_viewprofile_twitter_js.inc */

/* This is to hide the overflow of the Twitter widget on the edit profile page */
#profileBasic #twtr-profile-widget {overflow: hidden;}


/* IE6 events with map display issue */

.eventViewModule  {
  _zoom: 1;
}

.settingsModuleContent {
  _zoom: 1;
}

.settingsModule {
  _zoom: 1;
}

.settingsModuleHeader {
  _zoom: 1;
}

/* end:IE6 events with map display issue */


/* IE map display issue - align left instead of floating right */

.mapWindow {
  #float:left;
}

/* end:IE map display issue - align left instead of floating right */

/* styling for lesson plan box */

.group_home_custom_field { width: 92%; border:2px solid #e6cc89; background: #fbefd8; padding:6px; font-family:Century Gothic; text-align: left; }
.group_home_custom_field h1 { padding:0; margin:0; font-size: 18px; color: #00665c; }
.group_home_custom_field ul { list-style-type: none; width:100%; margin: 0; padding: 0; }
.group_home_custom_field li { margin-bottom:10px; font-size:14px; color: #00665c; }
.group_home_custom_field a:link { text-decoration: none; color: #00665c; }
.group_home_custom_field a:visited { text-decoration: none; color: #00665c; }
.group_home_custom_field a:hover { text-decoration: underline; color: #00665c; }
.group_home_custom_field a:active { text-decoration: none; color: #00665c; }

/* end:styling for lesson plan box */

.clearer {clear: both; margin: 0; height: 0 !important; overflow: hidden;}

/* Stuff added for the RSS feed icon viewed in the Calendar from third_party/lifetype/templates/standard/style.css */
ul.subscribeLinks {
  font-size:85%;
  position: relative;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: auto;
}

ul.subscribeLinks li {
  float: left;
  margin: 0;
  padding: 5px;
}

ul.subscribeLinks a.followBlog {
  width: 40%;
}

ul.subscribeLinks a.rssFeed {
  width: 40%;
}

ul.subscribeLinks a.getHelp {
  width: 20px;
}

#showPicture { margin: 0 10px 0 0; }

.mobile {
  display: none;
}