﻿/* FORCE VERTICAL SCROLLBARS */

html { min-height: 100%; margin-bottom: 1px; }


/* RESET ALL FONT SIZES

Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */

body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}

/**
 * Bump up IE to get to 13px equivalent
 */

pre,code {font-family:monospace;*font-size:108%;line-height:100%;}

/************************************************/
/****** USE THESE FONT SIZES TO DECLARE
        TRUE SIZES IN PIXELS...

 {font-size:77%;} 		=>	10px
 {font-size:85%;} 		=>	11px
 {font-size:93%;} 		=>	12px
 {font-size:100%;} 		=>	13px
 {font-size:108%;} 		=>	14px
 {font-size:116%;} 		=>	15px
 {font-size:123.1%;} 		=>	16px
 {font-size:131%;} 		=>	17px
 {font-size:138.5%;} 		=>	18px
 {font-size:146.5%;} 		=>	19px
 {font-size:153.9%;} 		=>	20px
 {font-size:161.6%;} 		=>	21px
 {font-size:167%;} 		=>	22px
 {font-size:174%;} 		=>	23px
 {font-size:182%;} 		=>	24px
 {font-size:189%;} 		=>	25px
 {font-size:197%;} 		=>	26px

**************************************************/

/******** RESET GENERIC ********/

* {margin:0;padding:0;}

A, A:link, A:active, A:visited {color: #a14299;text-decoration:none;}

A:hover {color: #333;text-decoration:underline;}

body {background:#c772c0 url('PridePlanners_siteBG.jpg') repeat-x top left fixed;}

BODY, TD, P, H1, H2, H3, H4, H5, H6, font {font-family:"Century Gothic", "Myriad Pro", Arial, sans-serif !important;}

#idMainContainer, #idHeaderContainer, 
#idContentContainer, #idFooterContainer {width:909px;}

#idPrintLinkContainer {display:none !important;}

.clear {clear:both;height:0px;overflow:hidden;}



/******** HEADER *********/

#idHeaderContainer {background:#cddbea url('PridePlanners_headerBG_01.jpg') no-repeat top left;width:909px;height:164px;overflow:hidden;border-bottom:4px solid #b5c7dc;}

#idHeaderContentHolder {background:none;width:100%;}

#idHeaderContent img {margin:25px 0px 0px 48px;}

#idHeaderContent div {display:none;}



/******** MENU *******/
/******** REVERT FLYOUT MENU TO STANDARD SUB NAV ********/

#idMainContainer #idMainMenu LI.itemNormal DIV.dynamicMenuLevelContainer,
#idMainContainer #idMainMenu LI.itemNormal UL.dynamic,
#idMainContainer #idMainMenu LI.itemNormal:hover UL.dynamic,
#idMainContainer #idMainMenu LI.itemNormal A:hover UL.dynamic,
#idMainContainer #idMainMenu LI.itemNormal TABLE.dynamic,
#idMainContainer #idMainMenu TD.itemNormal DIV.dynamicMenuLevelContainer,
#idMainContainer #idMainMenu TD.itemNormal UL.dynamic,
#idMainContainer #idMainMenu TD.itemNormal:hover UL.dynamic,
#idMainContainer #idMainMenu TD.itemNormal A:hover UL.dynamic,
#idMainContainer #idMainMenu TD.itemNormal TABLE.dynamic,
#idMainContainer #idMainMenu SPAN.itemNormal DIV.dynamicMenuLevelContainer,
#idMainContainer #idMainMenu SPAN.itemNormal UL.dynamic,
#idMainContainer #idMainMenu SPAN.itemNormal:hover UL.dynamic,
#idMainContainer #idMainMenu SPAN.itemNormal A:hover UL.dynamic,
#idMainContainer #idMainMenu SPAN.itemNormal TABLE.dynamic
{
display: none;
}
#idMainContainer #idMainMenu LI.itemNormal
{
 margin-bottom: 0;
}


#idNavigationContainer,
#idMainMenu,
#idMainMenu UL,
#idMainMenu LI,
idMainMenu LI UL {width:212px;}

ul#idMainMenu0 li {text-transform:lowercase;background:none;}

#idMainMenu LI A,
#idMainMenu LI A:link,
#idMainMenu LI A:active,
#idMainMenu LI A:visited,
#idMainMenu LI A:hover,
#idMainMenu LI.itemNormal:hover A,
#idMainMenu LI SPAN SPAN
{padding:6px 10px 6px 20px;display:block;width:auto;}

#idMainMenu LI {margin-top:0px;}

#idMainMenu LI.itemCurrentParent a {color:#4b1c48;}

#idMainMenu LI UL LI A,
#idMainMenu LI UL LI A:link,
#idMainMenu LI UL LI A:active,
#idMainMenu LI UL LI A:visited,
#idMainMenu LI UL LI A:hover,
#idMainMenu LI UL LI SPAN SPAN,
#idMainMenu LI UL LI.itemNormal:hover A,
#idMainMenu LI UL LI A:hover,
#idMainMenu LI.itemNormal:hover UL.dynamic LI.itemNormal:hover A,
#idMainMenu LI.itemNormal:hover UL.dynamic LI A:hover,
#idMainMenu LI.itemNormal TABLE.dynamic UL.dynamic LI A:hover
{
  font-size: 93%;
  padding:8px 10px 6px 30px;display:block;width:auto;}

#idMainMenu LI UL LI {background:none;}

#idMainMenu LI UL LI UL LI A,
#idMainMenu LI UL LI UL LI A:link,
#idMainMenu LI UL LI UL LI A:active,
#idMainMenu LI UL LI UL LI A:visited,
#idMainMenu LI UL LI UL LI A:hover,
#idMainMenu LI UL LI UL LI SPAN SPAN,
#idMainMenu LI.itemNormal:hover UL.dynamic LI.itemNormal:hover UL.dynamic LI A
{
  font-size: 93%;
  padding:8px 10px 6px 40px;display:block;width:auto;
}



/******** LOGIN BOX *******/

#idLoginContainer
{
  position: static;
  top: 0px;
  left: 0px;
  width: 200px;
  height: auto;
  z-index: 1;
  border-top:1px solid #f9e0f7;
}
#idLoginContainer #idLoginUserName,
#idLoginContainer #idLoginPassword
{
  width: 200px;
  height: auto;
  clear: both;
  float: left;
  padding: 0;
  margin-bottom: 5px;
/ float: none;
/ margin-bottom: 3px;
}
#idLoginContainer #idLoginUserNameLabel
{
  width: 65px;
  float: left;
  margin-top: 4px;
}
#idLoginContainer #idLoginPasswordLabel
{
  width: 65px;
  float: left;
  margin-top: 4px;
}
#idLoginContainer #idLoginUserNameLabel LABEL,
#idLoginContainer #idLoginPasswordLabel LABEL
{
  display: block;
  width: auto;
  text-align: right;
  color: #000000;
}
#idLoginContainer #idLoginUserNameTextBox,
#idLoginContainer #idLoginPasswordTextBox
{
  display: block;
  float: left;
  width: 118px;
}
#idLoginContainer #idLoginUserName INPUT,
#idLoginContainer #idLoginPassword INPUT
{
  display: block;
  width: 110px;
  border: 1px solid #78B4D7;
  font-size: 11px;

}
#idLoginContainer #idLoginActionRememberMe
{
  display: block;
  clear: both;
  padding-left: 68px;
  padding-bottom: 2px;
  color: #000000;
}
#idLoginContainer #idLoginActionRememberMe LABEL
{
  position: relative;
  top: -2px;
}
#idLoginContainer #idLoginAction
{
  display: block;
  width: 107px;
  float: left;
  padding-left: 15px;
}


/******* Styles to move login box under menu *******/

#idLoginContainer 
{
  width: 200px;
  height: 190px;
  float: left;
  margin-top: 25px;
}
#idLoginContainer .inner
{
  padding: 20px 0px 0px 0px;
}
#idLoginContainer DIV#loginData
{
  border:none;
}
#idLoginContainer DIV#loginData .d1
{
  width: 188px;
}
#idLoginContainer #idLoginUserName,
#idLoginContainer #idLoginPassword
{
  width: auto;
  height: auto;
  margin: 0;
  padding-bottom: 2px;
}
#idLoginContainer #idLoginUserNameLabel
{
  width: 60px;
  margin-left: 3px;
  margin-bottom: 2px;
  margin-top:2px;
  text-align:right;
}
#idLoginContainer #idLoginPasswordLabel
{
  width: 60px;
  margin-left: 3px;
  margin-top:2px;
  margin-bottom: 2px;
  text-align:right;
}
#idLoginContainer #idLoginUserNameLabel LABEL,
#idLoginContainer #idLoginPasswordLabel LABEL
{
  display: inline;
  width: 100%;
  color: #a14299;
  text-align:right;
  font-size:85%;
font-weight:bold;
}
#idLoginContainer #idLoginUserNameTextBox,
#idLoginContainer #idLoginPasswordTextBox
{
  display: inline;
  width: 105px;
  margin: 3px 0 0 5px;
  padding-left: 0px;
}
#idLoginContainer #idLoginUserName INPUT,
#idLoginContainer #idLoginPassword INPUT
{
  display: block;
  width: 100%;
  font-size: 11px;
  background-color:#f3f3f3;
  border-color:#9a9a9a;
padding:3px;
}
#idLoginContainer #idLoginActionRememberMe
{
  display: block;
  clear: both;
  padding-left: 67px;
  padding-bottom: 3px;padding-top:4px;
}
#idLoginContainer #idLoginActionRememberMe LABEL
{
  position: relative;
  top: -1px;left:2px;
  color: #a14299;
  font-weight:bold;
  font-size:85%;
}
#idLoginContainer #idLoginAction
{
  display: block;
  width: 57px;
  float: left;
  margin-left: 55px;
}

#idLoginPasswordForgot {float:left;width:35px;}
#idLoginPasswordForgot a {color:#a14299 !important;text-decoration:underline;font-weight:bold !important;font-size:100% !important;}

#idLoggedName {float:none;display:block;text-align:left;}
#idLoggedName span {float:left;text-align:left;padding-left:20px;}

#idLoginContainer DIV.profileBox {clear:left;padding-left:20px;text-align:left;}

#idLoggedAction.profileBox input {margin-top:5px;}




/******** MAIN CONTENT ********/

#idMainContainer {border:3px solid #3f0c3b;border-top:0px;}

#idContentContainer {margin-top:0px;margin-bottom:0px;background:#ffffff url('PridePlanners_contentBG.jpg') repeat-y top right;}

#idPrimaryContentContainer {margin-left:0px}

#idPrimaryContentContainer,
#idPrimaryContentContainer .d1 {width:697px;}

#idPrimaryContentContainer .d1 {border:0px}

#idPrimaryContentContainer .block .inner {padding:23px 38px 33px 40px;background-color: #eff6fe;}

#idPrimaryContentBlock1ContentHolder,
#idPrimaryContentBlock1ContentHolderEventAdmin
{
  background-color: transparent;
}

#idPrimaryContentBlock1ContentHolder,
#idPrimaryContentBlock1Content
{
  width: 619px;
}

.featuredBox {
     float:left;
     width:183px;
     border:1px solid #b5c7dc;
     border-top:0px;
     background:#ffffff url('PridePlanners_pinkBorder.jpg') repeat-x top left;
     min-height:162px;
     margin-left:32px;
}
.featuredBox .inside {background:transparent url('PridePlanners_LightTriangle.jpg') no-repeat bottom right;padding-bottom:15px;}
.featuredBox h2 {margin:0;padding:15px 3px 25px 10px;}
.featuredBox p {margin:0;padding:0px 25px 10px 10px;font-size:108%;line-height:153.9%;}
.featuredBox p A, .featuredBox p A:link, .featuredBox p A:active, .featuredBox p A:visited {color:#333333 !important;}

#featuredBox-first {margin-left:0px;}


h2 {line-height:100%;margin:0px;padding:0px;}
h3 {line-height:221%;margin:20px 0px}

SPAN.contStyleExcInlineSmaller,
.featuredBox p .contStyleExcInlineSmaller {font-size:85%  !important;line-height:131% !important;}

ul {list-style-type:disc;}
ul,ol {margin:10px 35px;}
ul li {margin:0px 0px 7px 0px;}



/********* AGENDA **********/

#conferenceAgenda .columnRow {border-bottom:1px solid #b5c7dc;padding-bottom:6px;padding-top:7px;}

#conferenceAgenda .columnRowAlt {border-bottom:1px solid #b5c7dc;padding-bottom:6px;padding-top:7px;background-color:#FFF;}

#conferenceAgenda .columnRow.columnDate,
#conferenceAgenda .columnRowAlt.columnDate {background-color:#d5e1ef;}

#conferenceAgenda .columnRow:hover,
#conferenceAgenda .columnRowAlt:hover {background-color:#fef7fd;}

#conferenceAgenda .columnTwo {margin-right:10px;}

#conferenceAgenda .columnOne,
#conferenceAgenda .columnTwo,
#conferenceAgenda .columnThree-full,
#conferenceAgenda .columnThree-left,
#conferenceAgenda .columnThree-right {float:left;}

#conferenceAgenda .columnOne {width:7%;font-size:85%;text-align:center;}
#conferenceAgenda .columnTwo {width:22%;font-size:85%;text-align:center;}
#conferenceAgenda .columnThree-full {width:68%;}
#conferenceAgenda .columnThree-left {width:34%;}
#conferenceAgenda .columnThree-right {width:34%;}




/********* FORMS/TABLES **********/

h3.formTitle, .mandatoryFieldsTitle, legend {color:#333 !important;}
.captionContainer, th {background-color:#d5e1ef !important;}
input.typeText {padding:3px;}

legend {padding-left:6px;padding-right:6px;}
fieldset#criteria {width:96% !important;}

th {font-weight:bold !important;}

#idPrimaryContentBlock1Content TABLE#registrationDetailsTable TR.caption TH DIV,
#idPrimaryContentBlock1Content TABLE#registrationDetailsTable TR.caption TD DIV
{
  background-color: #d5e1ef;
  border-color: #d5e1ef;
  color: #000000;
}

.EventListCalendar,
.EventListCalendarItemDefault,
.EventListCalendarItemHoliday,
.EventListCalendarItemInactive,
.EventListCalendarItemSelected
{
  border-color: #d5e1ef;
}

.EventListCalendar
{
  border: solid 1px #d5e1ef;
}

.EventListCalendarHeader
{
  border-bottom: solid 1px #d5e1ef;
  background-color: #d5e1ef;
}

.EventListCalendarItemDefault
{
  border-color: #d5e1ef;
  border-right: solid 1px #d5e1ef;
}

.EventListCalendarItemHoliday
{
  border-right: solid 1px #d5e1ef;
}

.EventListCalendarItemInactive
{
  border-right: solid 1px #d5e1ef;
}

.EventListCalendarItemSelected
{
  border-right: solid 1px #d5e1ef;
}

A.yearViewHeader,
A.yearViewHeader:link,
A.yearViewHeader:active,
A.yearViewHeader:visited,
A.yearViewHeader:hover
{
  background-color: #d5e1ef;
  color: #000000;
}

#idContentContainer div#idRegistrationsList  .d1,
#idContentContainer div#idRegistrationsList  .d2,
#idContentContainer div#idRegistrationsList  .d3,
#idContentContainer div#idRegistrationsList  .d4,
#idContentContainer div#idRegistrationsList  .inner
{
  background-color : #d5e1ef;
}
div#idRegistrationsList table
{
  border-left : solid 1px #d5e1ef;
}
div#idRegistrationsList table td
{
  border-top : solid 1px #d5e1ef;
  border-right : solid 1px #d5e1ef;
  border-bottom : solid 1px #d5e1ef;
}
div#idRegistrationsList table thead
{
  background-color : #d5e1ef;
}

TABLE#memberAllDataTable TR.caption TD DIV,
TABLE#memberAllDataTable TR.caption TH DIV
{
  background-color: #d5e1ef;
  border-color: #d5e1ef;
}

TABLE.membersTable TH { background-color: #d5e1ef;}

#idPrimaryContentBlock1Content .membersTable TR.hover
{
    background-color: #fef7fd;
}


/******** FOOTER ********/

#idFooterPoweredByContainer {padding:0;}

#idFooterPoweredByContainer * {display:none;}

#idFooterContainer .inner {float: none;padding: 0px;border-top:4px solid #b5c7dc;}

.footerContentHolder, #idFooterContent {padding:0;width:859px}

.footerContentHolder {background-color:#d5e1ef !important;padding:20px 20px 10px 30px;}

/*** SUPPORT ***/
#idPrimaryContentContainer .d1 .d1
{
	width: auto;
}

#idLoginContainer #idLoginAction
{
	margin-left: 23px;
}

HTML > BODY #idLoginContainer #idLoginAction
{
	margin-left: 55px;
}