/* 
	General page formatting for DonorPages may be placed here. Please label CSS tags 
	with comments to indicate their intended use.
*/

/**** General Site / Page-wide settings ****/
body 
{
	color: #000000;
	background-color: #BFBFBF;
	font-family: Verdana;
	font-size: 9pt;
}

div
{
	font-family: Verdana;
	font-size: 9pt;
}

textarea
{
	font-family: Verdana;
	font-size: 9pt;
}

table 
{
  border-collapse: collapse;
  /* text-align: left; */
} 

.bodyFundraiser
{
	background-color: white;
}

.bodyImageUpload
{
	color: #000000;
	background-color: #ADBDDE;
	font-family: Verdana;
	font-size: 9pt;
}

.bodyImageUploadFR
{
	color: #000000;
	background-color: white;
	font-family: Verdana;
	font-size: 9pt;
}

/* Use this only in special cases where nested page #ADBDDE
	text items can not inherit the body / div default. */
.bodyFont
{
	font-family: Verdana;
	font-size: 9pt;
}

/**** End General Site / Page-wide ****/

/**** Menu Headers (Yellow Band) ****/
.sectionTitle
{
 	height: 24px;
	color: #00366b; 
	background-color: #ded900;
}

.sectionTitleHeadCentered
{
	font-size: 12pt;
	text-align: center;
}

.sectionTitleHeadLeftBold
{
	font-size: 12pt;
	text-align: left;
	font-weight: bold;
}

/* Menu Content */
.menuIconText
{
	color: #ffffff;
	text-decoration: none;
}

/**** End Menu Headers ****/

/**** Left Menu ****/

.highlightedSideBar
{
	text-align: right;
	font-size: 14pt;
}

.sideBarText
{
	color: #ffffff;
}

.siteMenu
{
	color: #7a7b7b;
	font-size: 10pt;
	font-weight: bold;
}

/**** End Left Menu ****/

/**** Page / Popup Headers ****/
.pageTitleBar
{
	text-align: left;
	background-color: #dcd408;
	font-size: 14pt;
}

.pageHeading
{
	text-align: left;
	font-size: 10pt;
	font-weight: bold;
}

.modalHeading
{
	font-size: 10pt;
	font-weight: bold;
}

/**** End Page / Popup Headers ****/

/**** Special Text ****/

.highlight
{
	color: #ded900;		/* yellow-green */
}

.rightsFont
{
	font-size: 8pt;
}

.notesFont
{
	font-size: 7pt;
	font-weight: normal;
	color: #000000;
}

.smallFont
{
	font-size: 8pt;
}

a.infoLink
{
	color: blue;
	font-size: 8pt;
	text-decoration: underline;
	cursor: pointer;
}

/**** End Special Text ****/

/**** General component / control formatting. ****/

/* Standard button. */
.button
{
	font-family: Tahoma;
	padding-left: 5px;
	padding-right: 5px;
	width: 80px;
}

/* TextBoxes. */
.textBoxReadOnly
{
	height: 18px;
	color: Gray;
	background-color: #f5f5f5;
	border: solid 1px #ADBDDE;
	padding-left: 4px;
}

.textBoxAlert
{
	height: 18px;
	background-color: #FFA48C;
	border: solid 1px #000000;
	padding-left: 4px;
}

.textBoxWatermark
{
	color: Gray;
}

.textBoxStandard
{
	font-size: 9pt;
}

.textBoxPreview
{
	width: 450px; 
	height: 125px; 
	overflow-y: scroll; 
	overflow: -moz-scrollbars-vertical;
	background-color: white;
	padding-left: 3px;
	padding-top: 2px;
}

.textBoxSingleLinePreview
{
	width: 450px; 
	background-color: white;
	padding-left: 3px;
	padding-top: 2px;
}

/* DropDownLists. */
.dropDownListStandard
{
	font-size: 9pt;
}

/* Modal pop-up box. */
.modalBackground 
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup 
{
    padding: 3px;
    overflow: hidden;
}

.modalDiv 
{
    background-color: #ADBDDE;
    text-align: center;
    padding: 3px;
    overflow: hidden;
}

.popupControl
{
	visibility:hidden;
	position:absolute;
	background-color:Silver;
	position:absolute;
	border:solid 2px Black;
}

/**** End General component / control. ****/

/**** Special Component / Control Formatting. ****/

/* Approve / Publish Alerts. */
.approveDIV
{
	z-index: 99;
	font-size: 12px;
	background-color: silver;
}

.approveDIVTitle
{
    height: 20px;
	color: white; 
	background-color:Blue;
	text-align: left;
	vertical-align:middle;
	padding-left:10px;
	padding-right:10px;
}

.approveDIVTitleButton
{
    height: 20px;
	color: white; 
	font-weight:bold;
	background-color:Blue;
	text-align: left;
	vertical-align:middle;
	padding-left:10px;
}

.approveDIVMessage
{
	text-align: left;
	vertical-align: top;
	background-color:silver;
	padding-left:10px;
	padding-right:10px;

}

/* Image upload panel. */
.uploadDiv
{
    background-color: inherit;
    text-align: center;
    padding: 3px;
    overflow: hidden;
}

.uploadPreview
{
	border: solid black 1px; 
	color: White; 
}

/* In-page Confirmation message panels. */
.alertDiv 
{
    text-align: center;
    color: Black;
    background-color: #FFA48C;
	font-size: 10pt;
	font-weight: bold;
}

.alertText 
{
	font-weight: normal;
}

.successDiv 
{
    text-align: center;
    background-color: #ded900;
	font-size: 10pt;
	font-weight: bold;
}

.successText 
{
	font-weight: normal;
}

.optionsDiv 
{
    text-align: center;
    background-color: White;
	font-size: 10pt;
	font-weight: bold;
}

.optionsText 
{
	font-weight: normal;
}

.disableDIV
    {
        visibility: hidden;
        position: absolute;
        left: 0px;
        top: 0px;
        width:100%;
        height:100%;
        z-index: 1000;
    }

.errorDiv 
{
    text-align: left;
	vertical-align:top;
	background-color: #f5f5f5;
	border: solid 1px #ADBDDE;
    font-size: 8pt;
	font-weight: normal;
	font-family: Monospace;
}

.errorEntryDiv 
{
	margin-bottom:10px;
}

/**** Special Component / Control ****/



/* End Specialized */

/**** Fundraiser Specific ****/

.eventTitleLabel
{
	font-size:24px;
}

.eventListContent
{
	width: 100%; 
	background-color: #ADBDDE;
	text-align: center;
	vertical-align:top;
}

/* Title text in modal popups in configuration page */
.modalHeadingFR
{
	font-size: 11pt;
	font-weight: bold;
	padding: 10px;
	color: Black;
}

.modalContentFR
{
	font-size: 11pt;
	color: Black;
}

.npoTopMenuLogin
{
	width: 987px; 
	height: 152px;
	background-image: url(../Images/banners/masterBannerMain.jpg);
	background-repeat: no-repeat;
}

.fundraiserImage
{
	border: solid black 1px;
}

.fundraiserLink
{ 
	font-size: 10pt;
}

.NavigationText
{
	font-size: 12pt;
	list-style-type: none;
}

.NavigationTextSmall
{
	font-size: 10px;
}

/* Panels on FR config and related pages that provide framing of editign area. 

   Current border color: #8A8A8A 
   Current lighter background color: #BFBFBF  
*/
DIV.designPanel
{
    color: #ffffff;
    background-color: #8A8A8A;    
}

/* Used to apply color to frame of items on FR config and related pages. E.g. movable DIV. */
DIV.designFrame
{
    border-style: solid; 
    border-width: 1px; 
    border-color: #8A8A8A;    
}

/* Used to apply highlight color to items framed inside the design / editing panel on FR config 
   and related pages. This frame is likely matched to the editing area text color. 

   E.g. Used to create inner rounded-corner panels inside the editing "designPanel".
*/
DIV.designFrameInner
{
    border-style: solid; 
    border-width: 1px; 
    border-color: #FFFFFF;    
}

/* Used to apply a similar style to all content sections in fundraiser pages and configuration pages */
div.contentSections
{
	width: 100%; 
	margin: 3px; 
	text-align: left;
	background-color: white;
	border-style: solid;
	border-width: 1px;
}

.contentHeader
{
	background-position: center;
	background-image: url(../stylelibraries/caribbean/images/header_grid.gif);
	height: 25px;
	color: White;
}

.contentHeaderCaption
{
	overflow: hidden;
	text-align: left;
	font-size: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
    padding-right: 4px;
}

/* Following are a set of styles used to for text / headings appearing within a DIV.designPanel. 
   Color for these defaults to internal color defined in "designPanel".
*/

.designLink
{
    /* Force color on link, match to base color ing text in "designPanel". */
	color: #ffffff;
	font-size: 9px;
}

.designHeading
{
    font-size: 12px;
	font-weight: bold;    
}

.designHeadingLrg
{
    font-size: 14px;
	font-weight: bold;    
}

.designText
{
	font-size: 9px;
}

.designTextMed
{
	font-size: 11px;
}

/* Can be used for grids / tables nested within editing area  (designPanel). */
.designGridHeader
{
    color: #000000;
    background-color: #BFBFBF;
    border-color: #000000;
    border-width: 1px;
    border-style: solid;

    font-size: 8pt;
    font-weight: bold;
    text-align: left;
    margin-left: 3px;
}

/* DataGrids need a little special handling for alignment, as headers are presented as <th>. */
.designGridHeader th
{
    text-align: left;
}

.designGridRow
{
    color: #000000;
    background-color: #FFFFFF;
    border-color: #000000;
    border-width: 1px;
    border-style: solid;
    
    font-size: 8pt;
    text-align: left;
    margin-left: 3px;
}

div.widgetImageLink
{
	text-align: left;
	
}

div.widgetIframe
{
	text-align: right;
}

/* Set of styles used to format right-hand menu in config area. 
   Colors should compliment editing area (designPanel).
    
   Current selected link color: #FB6D13 
*/

div.frMenuTitle  
{
    color: #FFFFFF;
	font-size: 9pt;
	font-weight: bold; 
    text-align: center;
}

div.frMenuLinks
{
	font-size: 9pt;
	font-weight: bold; 
    text-align: left;
}

div.frMenuLinks ul
{
    list-style: none;
    margin: 15px 0px 0px 25px;
    padding: 0px;
}

div.frMenuLinks ul li
{
    margin-bottom: 12px;
}
   
div.frMenuLinks a
{
    color: blue;
}

div.frMenuLinks a:hover
{
    color: #FFFFFF;
}

/* Following are a set of styles used to for text / headings. */
.basicHeading
{
	font-size: 12px;
	font-weight: bold;    
}

.basicHeadingLrg
{
	font-size: 14px;
	font-weight: bold;    
}

.basicHeadingXLrg
{
	font-size: 18px;
	font-weight: bold;    
}

/* TextBoxes. */
.textBoxReadOnlyFR
{
	color: Gray;
	background-color: #f5f5f5;
	border: solid 1px #ADBDDE;
	padding-left: 4px;
	font-family: Verdana;
}

/* Top donors scroller. Default layout. */
#donorscroll
{ }

/* Top donors scroller - optional additional CSS class. */
.donorScrollParent
{ 
	width: 150px;
	text-align: left;
	background-color: blue;
}

.donorScrollTitle
{ 
	width: 150px;
    height: 10px;
    padding: 3px 5px 5px 5px;
	font-weight: bold;
    background-color: white;
    color: black;
}

.donorScroll
{ 
    width: 150px;
    height: 180px;
    border: 1px solid black;
    padding: 5px;
    background-color: white;
    color: black;
}

/* Team member link scroller. Default layout. */
#linkscroll
{ }

/* Top donors scroller - optional additional CSS class. */
.linkScrollParent
{ 
	width: 188px;
	text-align: left;
	background-color: blue;
}

.linkScrollCaptain
{ 
	width: 100%;
	text-align: left;
}

.linkScrollCaptainName
{ 
	text-align: left;
	padding: 4px 0px 8px 0px;
}

.linkScrollTitle
{ 
	width: 178px;
    height: 10px;
    padding: 3px 5px 5px 5px;
	font-weight: bold;
    background-color: white;
    color: black;
}

.linkScroll
{ 
    width: 188px;
    height: 102px;
    border: 1px solid black;
    padding: 0px;
    background-color: white;
    color: black;
}

.linkInnerDiv
{
    width: 178px;
    height: 92px;
    padding: 5px;
    overflow-y: scroll; 
    overflow-x: none;
}

/* Spread Word area. Default layout. */
#donorspreadword
{ }

/* Spread Word area - optional additional CSS class. */
.spreadWordParent
{ 
	width: 150px;
	text-align: left;
	background-color: blue;
}

.spreadWordTitle
{ 
	width: 150px;
    height: 10px;
    padding: 3px 5px 5px 5px;
	font-weight: bold;
    background-color: white;
    color: black;
}

.donorSpreadWord
{ 
    width: 150px;
    height: 135px;
    border: 1px solid black;
    padding: 5px;
    background-color: white;
    color: black;
}

.spreadWordLinkDiv
{
	padding-top: 5px;
	height: 31px;
}

.socialLinkDiv
{
	height: 27px;
}

/* Team create / join tab styling. */
.teamTabPage
{ 
    color: #000000;
    background-color: #FFFFFF; 
    vertical-align: top; 
    text-align: center;
    font-weight: normal;
}

.teamTabDefault
{
    color: #FFFFFF;
    font-weight: bold;
	vertical-align: middle;
}

.teamTabActive
{
    color: #000000;
    font-weight: bold;
	vertical-align: middle;
}

/* Registration page styling. */
.regConfirmPage
{ 
    color: #000000;
}

.regConfirmTitle
{ 
    color: #AD0014;
	font-size: 15pt;
	font-weight: bold;
}

.regConfirmStep
{
    color: #000000;
    font-size: 15pt;
	font-weight: bold;
}

HR.regConfirmHR
{
    color: #666666; 
    width: 100%;
    height: 1px;
}

.regRequestTitle
{ 
    color: #AD0014;
	font-size: 15pt;
	font-weight: bold;
}

a.registerBtn, a.registerBtn:link, a.registerBtn:active, a.registerBtn:visited
{
	display: inline-block;
	width: 181px;
	height: 25px;
	background-image: url(../Images/fundraiser/Return_Register.png);
    background-position: center center;
    background-repeat:repeat-x;
}

a.registerBtn:hover
{
    background-image: url(../Images/fundraiser/Return_Register_Hover.png);
}

a[disabled].registerBtn
{
	background-image: url(../Images/fundraiser/Return_Register_d.gif);
}

a.registerCancelBtn, a.registerCancelBtn:link, a.registerCancelBtn:active, a.registerCancelBtn:visited
{
	display: inline-block;
	width: 181px;
	height: 25px;
	background-image: url(../Images/fundraiser/Cancel_Register.png);
    background-position: center center;
    background-repeat:repeat-x;
}

a.registerCancelBtn:hover
{
    background-image: url(../Images/fundraiser/Cancel_Register_Hover.png);
}

a[disabled].registerCancelBtn
{
	background-image: url(../Images/fundraiser/CancelRegister_d.gif);
}

a.acceptBtn, a.acceptBtn:link, a.acceptBtn:active, a.acceptBtn:visited
{
	display: inline-block;
	width: 115px;
	height: 22px;
	background-image: url(../Images/fundraiser/Accept.png);
    background-position: center center;
    background-repeat:repeat-x;
}

a.acceptBtn:hover
{
    background-image: url(../Images/fundraiser/Accept_Hover.png);
}

a[disabled].acceptBtn
{
	background-image: url(../Images/fundraiser/Accept_d.gif);
}

a.declineBtn, a.declineBtn:link, a.declineBtn:active, a.declineBtn:visited
{
	display: inline-block;
	width: 113px;
	height: 22px;
	background-image: url(../Images/fundraiser/Decline.png);
    background-position: center center;
    background-repeat:repeat-x;
}

a.declineBtn:hover
{
    background-image: url(../Images/fundraiser/Decline_Hover.png);
}

a[disabled].declineBtn
{
	background-image: url(../Images/fundraiser/Decline_d.gif);
}

/**** End Fundraiser Specific ****/

/**** UltraWebTab control, e.g. AccountEditor UserControl. ****/
.editTab 
{
	font-family: Verdana;
	font-size: 11pt;
    background-color: #ADBDDE;
}

.editTabDefault 
{
	color: #FFFFFF;
    background-color: #ADBDDE;
}

.editTabSelected 
{
	color: #000000;
    background-color: #ADBDDE;
}

.editTabDefaultFR 
{
	color: #FFFFFF;
}

.editTabSelectedFR 
{
	color: #000000;
}

.editDiv 
{
	font-size: 8pt;
    text-align: center;
    background-color: White;
    padding: 10px;
    overflow: hidden;
}

.editDivClear 
{
	font-size: 8pt;
    text-align: center;
    background-color: inherit;
    padding: 10px;
    overflow: hidden;
}

.bodyTitle
{
	font-size:14pt;
	font-weight:bold;
}

.modalBackgroundNoColor
{
    background-color: White;
    filter: alpha(opacity=0);
    opacity: 0.0;
}

.Selected_Row_Link
{
	color: white;
}

/**** End UltraWebTab control ****/

.simpleBorder
{
	border: solid 1px white;
}