/* GLOBALS */

.stockPhoto { border: 1px solid black; }

.editLinks { overflow: auto; padding: 2px; }
.editLinks img { vertical-align: middle; }
.noteBox { background-color: #FFEEEE; border: 1px solid #FF2222; padding: 5px; color: Red; }

.standardDataTable { width: 100%; border: 1px solid Gray; background-color: #FFFFFF; }
.standardDataTable tr.alt td { background-color: #EEEEEE; }
.standardDataTable th { border-bottom: 1px dotted Gray; padding: 8px; }
.standardDataTable td { padding: 4px; }

/* for the editor */

.darkenDiv { position: absolute; top: 0; left: 0; width: 100%; height: 400px;  }
.iframeDiv { background-color: #FFFFFF; position: absolute; top: 95px; height: 140px; width: 400px; height: 200px; border: 5px solid #C0FFAC; }

/******************/

.Calendar { font-size: 10pt; color: #808284; border: 1px solid #C2C2C2; }
.CalendarWeekend { text-align: left; height: 100px; background-color: #FFFFFF; background-image: url(images/calendar_weekend.gif); background-repeat: no-repeat; border: 1px solid black; padding-right: 20px; }
.CalendarDay { text-align: left; overflow: auto; height: 100px; background-color:#FFFFFF;  background-image: url(images/calendar_weekday.gif); background-repeat: no-repeat; border: 1px solid black; padding-right: 10px; }
.CalendarOutside { text-align: left;  height: 100px; background-color: #FFFFFF; padding-right: 20px; }
.CalendarDayHeader { background-color: #EEEEEE; height: 20px; }
.CalendarTitle { background-color: #FFFFFF; height: 100%; }
.CalendarTitle td { font-size: 15pt; font-family: Helvetica,Arial; font-weight: bold; color: #808284; }
.Calendar a {  }
.CalendarNextPrev a { color: #808284; }

.Calendar .events { padding: 1px 0 1px 1px; font-size: 8pt; }
.Calendar .events div { padding: 2px 0 2px 8px; background-image: url(images/eventbullet.gif); background-repeat: no-repeat; }


#eventView { text-align:left; z-index: 100; padding: 15px 0px 20px 17px;  font-family: Arial; display: none; position: absolute; width: 312px; height: 300px; }
#eventView table { width: 310px; text-align:left; }
#eventView h3 { padding: 0 0 0 0px; margin: 0 0 5px 0; font-size: 11pt; color: Black;  } /* date */
#eventView h4 { padding: 0 0 0 0px; margin: 0;  font-size: 11pt; color: Black; } /* title */
#eventView h5 { padding: 0 0 10px 5px; margin: 0; font-size: 10pt; color: Black; font-weight: normal; } /* description */
#eventView .description { height: 200px; text-align:left; overflow: auto; }


#transp { behavior: url(/virtual/png.htc); display: none; position: absolute; width: 350px; height: 300px; background-image: url(images/event_top.png); background-repeat: no-repeat; z-index:50; }


#eventTop { }

#helpDiv { width: auto !important; width: 300px; max-width: 300px; font-size: 10pt; color: Gray; background-color: White; position: absolute; border: 1px solid Gray;}
#helpDiv h3 { font-size: 11pt; margin: 2px; padding: 5px; border-bottom: 1px solid Gray; }
#helpDiv h4 { margin: 0; padding: 10x; font-size: 10pt; font-weight: normal; }
#helpDiv .closeLink { text-align: center; }

.memberDirectoryTable { width: 100%; }
.memberDirectoryTable th { padding: 10px 0; }
.memberDirectoryTable td { text-align: left; }
.memberDirectoryTable .subtext { padding-bottom: 5px; }
.memberDirectoryTable .alphabet { padding: 0px 20px; text-align: left; }

/* member directory */
.alphabetLink
{
    float: left;
    padding: 2px 5px;
    margin-right: 3px;
    border: 1px solid Gray;
    background-color: #FFFFFF;
}
.alphabetLink:hover { background-color: #EEEEEE; }

.memdirselector { font-family: Arial; padding-top: 20px;}
.memdirselector th { padding: 0px 3px; text-align: left; font-size: 12pt; }
.memdirselector td { padding: 0px 3px; }
.memdirselector .membernumber { width: 160px; }
.memdirselector .membernumber b { font-size: 11pt; }
.memdirselector .name { width: 300px; }
.memdirselector .name b { font-size: 11pt; }
.memdirselector .extras { width: 80px; text-align: center; }

.memdir { font-family: Arial; width: 650px; }
.memdir th { text-align: left; font-size: 14pt; }
.memdir td { padding: 0px 3px; }
.memdir .name { width: 200px; padding: 10px; }
.memdir .name b { font-size: 11pt; }
.memdir .name .email { padding-left: 10px; }
.memdir .address { width: 300px; }
.memdir .phone { width: 120px; }
.memdir .extras { width: 150px; }


/* all email forms */
.PGCStandardEmailForm { width: 500px; }

/* popup box for member directory */
.popContent 
{
	display: block;
	position: absolute;
}
.popContent img { float: left; }

.adminmemdir th { font-size: 12pt; font-family: Arial; }
.adminmemdir .label { width: 150px; vertical-align: top;}
.adminmemdir .labelRequired { width:150px; vertical-align: top; color:red }
.adminmemdir .field input { width: 200px; vertical-align: top; }

.album { text-align: left; padding: 4px 4px 4px 4px; width: 250px;  }
.album h1 { text-align: center; font-size: 8pt; padding: 0 0 2px 0; margin: 5px 10px 15px 10px; border-bottom: 1px solid #AAAAAA; color: #555555; }
.album .entry { margin: 10px 10px 10px 10px; }
.album a { font-size: 9pt;}
.album b * { font-weight: bold; }

.galleryTitle { float: left; font-size: 13pt; font-weight: bold; color: #888888; margin: 10px; width: 400px; }

.photogalleryAdd { font-weight: normal; font-size: 8pt; }
.photogallery { width: 100%; float: left; text-align: left;}
.photogallery td { padding: 5px; text-align: center; }

.adminphotogallery { width: 500px; }

.slideshow { text-align: center; }
.slideshow .caption { font-weight: bold; padding-top: 5px; }
.slideshow { text-align:center; padding:5px; }

/* email forms */
.emailformfield .inputBox { width: 160px; }
.emailformfield .smallInputBox { width: 130px; margin-right: 5px;}
.emailformfield select.inputBox { width: 164px; }
#defaultEmailForm { width: 100%; }
#defaultEmailForm .field textarea { width: 500px; height: 60px; }

.standardEmailForm { width: 650px; }
.standardEmailForm .label { width: 35%; }
.standardEmailForm .field { width: 65%; }
.standardEmailForm .field textarea { width: 100%; height: 180px; }

/* email lists/subscriptions */
.EmailSubscriptions { width: 100%; }
.EmailSubscriptions table { width: 100%; }
.EmailSubscriptions table th { text-align: center; vertical-align: bottom; }
.EmailSubscriptions table td.name { text-align: left; width: 200px; }
.EmailSubscriptions table td.cbColumn { text-align: center; width: 90px; }
.EmailSubscriptions table td.options { text-align: center; width: 150px; }
.emailSubscriptionsLabel { width: 150px; }



/* update page */
.updatePage { position: relative; text-align: left;}

.configTabs { width: 94%; z-index: 20; position: absolute; left: 40px; }
.configTabs h4 { height: 16px; cursor: pointer; margin: 0 5px 0 0; padding: 4px 4px 2px 4px; font-size: 10pt; font-weight: bold; border: 1px solid #666666; background-color: #DEDEDE; color: #444444; float: left;  }
.configTabs h4.selected { border-bottom: 1px solid #DEDEDE;}

.configSpacer { height: 23px;}
.inside { width: 94%; min-height: 400px; height: auto !important; height: 400px; padding: 10px; z-index: 10; text-align: left; border: 1px solid #666666; background-color: #DEDEDE;}
.inside .selected { display: block; }
.inside .unselected { display: none; }

/* surveys */
.addQuestionListAltColor {background-color: #DDDDDD;}
.addLeadListColor {background-color: #6699CC;}

/* configuration page */
.configuration { padding: 3px; }
.configuration .option { width: 150px; }
.configuration .value { width: 300px; }
.configuration .comments { padding-left: 5px; }
.groupname { padding: 10px 0px 5px 0px; font-size: 14pt; font-weight: bold; }
.configuration .inputBox { width: 300px; }
.configuration select.inputBox { width: 304px; }