@import "page_styles.css";
@import "buttons.css";
@import "jquery.ui.datepicker.css";
html, body
{
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-family: Georgia, Arial, Verdana, Sans-Serif;
  color: #07337a;
  font-size: 12px;
}
img 
{
  border: 0px none;
  margin: 0px;
  padding: 0px;
  outline: 0px;
}
.clear
{
  width: 100%;
  height: 0px;
  line-height: 0px;
  clear: both;
}
object
{
  outline: 0px;
  display: block;
}
h1, h2, h3, h4, h5, h6
{
  margin: 0px;
  padding: 0px;
}
.mandatoryField, .error
{
  color: #ff0000;
}
a, a:link, a:visited, a:active 
{
  color: #00b2d9;
  text-decoration: none;
  outline: 0px;
}
a:hover
{
  color: #07337a;
}

/** FORMS **/
.formElements
{
  width: 550px;
  padding: 0px;
  height: 25px;
} 
.titleField
{
  float: left;
  width: 110px;
  font-weight: bold;
}
.entryField
{
  float: left;
}
.entryField input
{
  width: 185px;
}

/**  FLASH BACKGROUND **/
#fBackground
{
  height: 100%;
  min-height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  z-index: -1;
}
#cmsPageContainer2
{
  margin: 0px auto;
  text-align: left;
  width: 590px;
}
#cmsMiddleBlock
{
  min-height: 300px;
  background-color: #f8e413;
  margin-top: -5px;
  padding-top: 5px;
}
.default_aspx #cmsMiddleBlock
{
  margin-top: -20px;
  *margin-top: 0px;
}
.mypoolies_aspx #cmsMiddleBlock
{
  padding-top: 65px;
}
#cmsContentInner3
{
  padding: 0px 26px 10px 26px;
}
#default_aspx #cmsContentInner3
{
  padding: 25px 10px 25px;
}

/** HEADER **/
.breaka-top
{
  position: relative;
  height: 400px;
}
#breaka-tl-bubble
{
  display: block;
  width: 129px;
  height: 137px;
  position: absolute;
  top: 20px;
  left: -30px;
  background-image: url(../images/eventdate.png);
  background-position: left top;
  background-repeat: no-repeat;
}
.breaka-mypoolies-top #breaka-tl-bubble
{
  background-image: url(../images/my.png);
}
#fBreakaLogo
{
  display: block;
  width: 590px;
  height: 300px;
  outline: 0px;
  position: relative;
  top: 50px;
}
#fBreakaLogo div#breakaLogo
{
  background-image: url(../images/ie6/logo.png);
  background-position: center top;
  background-repeat: no-repeat;
  display: block;
  width: 590px;
  height: 300px;
}
.breaka-login-control
{
  position: absolute;
  right: -160px;
  top: 0px;
}
.breaka-login
{
  width: 344px;
  height: 181px;
}
.breaka-login .breaka-loggedin,
.breaka-login .breaka-login-formelements
{
  width: 344px;
  height: 181px;
  background-repeat: no-repeat;
  position: absolute;
  left: 0px;
  top: 0px;
  padding: 30px 0px 0px 26px;
  overflow: visible;
}
.breaka-login .breaka-login-background,
.breaka-login .breaka-login-loggedin-background
{
  background-image: url(../images/login_bg.png);
  width: 344px;
  height: 181px;
  background-repeat: no-repeat;
}
.breaka-login .breaka-login-loggedin-background
{
  background-image: url(../images/logout_bg.png);
}
.breaka-login .breaka-login-formelements div
{
  float: left;
}
.breaka-login .loginTextBox
{
  border: 1px solid #73a3be;
  background-color: #a1d9ea;
  width: 110px;
  margin: 3px 10px 0px 0px;
}
.breaka-login .breaka-login-formelements a,
.breaka-login .breaka-login-formelements a:link,
.breaka-login .breaka-login-formelements a:visited,
.breaka-login .breaka-login-formelements a:hover,
.breaka-login .breaka-login-formelements a:active
{
  display: block !important;
  width: 22px !important;
  height: 30px !important;
  border: none !important;
  background-image: none !important;
}
.breaka-login .breaka-login-formelements a span
{
  display: none;
}
.breaka-login-register
{
  position: absolute;
  left: 202px;
  top: 11px;
}
.breaka-login-register a#Register,
.breaka-login-register a:link#Register,
.breaka-login-register a:visited#Register,
.breaka-login-register a#ForgottenPassword,
.breaka-login-register a:link#ForgottenPassword,
.breaka-login-register a:visited#ForgottenPassword
{
  display: block;
  height: 25px;
  position: absolute;
}
.breaka-login-register a#Register,
.breaka-login-register a:link#Register,
.breaka-login-register a:visited#Register
{
  top: 50px;
  width: 150px;
  left: -80px;
}
.breaka-login-register a#ForgottenPassword,
.breaka-login-register a:link#ForgottenPassword,
.breaka-login-register a:visited#ForgottenPassword
{
  width: 100px;
  height: 39px;
  top: 80px;
  left: -40px;
  background-image: url(../images/forgotten_password.jpg);
  background-position: left top;
  background-repeat: no-repeat;
}
.breaka-login-register a#Register span,
.breaka-login-register a#ForgottenPassword span
{
  display: none;
}

.breaka-login-messages
{
  position: relative;
  z-index: 1000;
  top: 60px;
  border: solid 2px #07337A;
  background: #F8E413;
  padding: 4px 8px 4px 40px;
  height: 40px;
  font-weight: bold;
  background-image: url(../images/splash_icon.png);
  background-position: left top;
  background-repeat: no-repeat;
}

#breaka-media-player
{
  position: absolute;
  left: -190px;
  top: 337px;
  display: block;
  width: 210px;
  height: 213px;
  z-index: 1;
  background-image: url(../images/media_player_bg.png);
  background-position: left top;
  background-repeat: no-repeat;
}
#breaka-media-player object
{
  width: 134px;
  height: 113px;
  position: relative;
  left: 30px;
  top: 35px;
}

.breaka-menu
{
  position: absolute;
  top: 350px;
  left: -35px;
  display: block;
  width: 635px;
  height: 44px;
  background-image: url(../images/topnav_bg.jpg);
  background-position: left top;
  background-repeat: repeat-x;
  padding: 0px 45px 0px 45px;
}
.breaka-menu a,
.breaka-menu a:link,
.breaka-menu a:visited,
.breaka-menu .divider
{
  display: block;
  float: left;
  height: 44px;
  background-position: left top;
  background-repeat: no-repeat;
}
.breaka-menu a:hover,
.breaka-menu a:active
{
  background-position: left bottom;
}
.breaka-menu .BigEvent
{
  width: 126px;
  background-image: url(../images/bigevent.jpg);
}
.breaka-menu .BigSounds
{
  width: 144px;
  background-image: url(../images/bigsounds.jpg);
}
.breaka-menu .BecomeVIP
{
  width: 173px;
  background-image: url(../images/becomeavip.jpg);
}
.breaka-menu .FAQ
{
  width: 72px;
  background-image: url(../images/faq.jpg);
}
.breaka-menu .divider
{
  background-image: url(../images/topnav_divider.jpg);
  width: 10px;
}
.breaka-mypoolies-hello
{
  position: absolute;
  top: 350px;
  left: 24px;
  display: block;
  width: 350px;
  height: 54px;
  padding: 0px 15px 0px 0px;
  background-image: url(../images/bluebar_left.png);
  background-position: left top;
  background-repeat: no-repeat;
}
.breaka-mypoolies-hello .helloinner
{
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../images/bluebar_right.png);
  background-position: right top;
  background-repeat: no-repeat;
  padding: 0px 15px;
}
.breaka-mypoolies-hello .helloinner .helloinnerinner
{
  display: block;
  width: 100%;
  height: 46px;
  background-color: #00A0DC;
  color: White;
  font-size: 32px;
  padding-top: 8px;
}
.breaka-mypoolies-menu
{
  position: absolute;
  top: 430px;
  left: 24px;
  display: block;
}
.breaka-mypoolies-menu a,
.breaka-mypoolies-menu a:link,
.breaka-mypoolies-menu a:visited
{
  color: #164D9D;
  font-weight: bold;
}
.breaka-mypoolies-menu a:hover,
.breaka-mypoolies-menu a:active
{
  color: #00A0DC;
}
.breaka-register-now .RegisterNow,
.breaka-countdown
{
  position: absolute;
  display: block;
  right: -228px;
  top: 328px;
  width: 260px;
  height: 167px;
  z-index: 1;
  background-image: url(../images/register_now_cloud.png);
  background-position: left top;
  background-repeat: no-repeat;
}
.breaka-register-now
{
  position: absolute;
  display: block;
  right: -228px;
  top: 328px;
  width: 260px;
  height: 167px;
  z-index: 1;
  background-image: url(../images/empty_cloud.png);
  background-position: left top;
  background-repeat: no-repeat;
}
.breaka-countdown
{
  background-image: url(../images/cloud.png);
  right: -125px;
  width: 270px;
}

/** CONTENT **/
.breaka-event-countdown /*text*/
{
  position: relative;
  display: block;
  right: -530px;
  top: -75px;
  width: 150px;
  height: 0px;
  z-index: 2;
  overflow: visible;
}
.referFriends
{
  display: block;
  height: 185px;
  border-top: 2px dashed #07337A;
  margin-top: 10px;
  background-image: url(../images/title_referfriends.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  padding-top: 25px;
}
.referFriends div
{
  float: left;
  width: 184px;
  margin-top: 4px;
  padding-right: 4px;
}
.referFriends div div
{
  float: none;
  width: auto;
  margin-top: 0px;
  padding-right: 0px;
}
.referFriends div.breaka-mypoolie-invite-form
{
  width: 349px;
  padding-right: 0px;
}

.nominateFriends
{
  display: block;
  height: 95px;
  border-top: 2px dashed #07337A;
  margin-top: 10px;
  background-image: url(../images/title_nominatefriends.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  padding-top: 25px;
}

/** FOOTER **/
.breaka-bottom
{
  clear: left;
  background-color: #f8e413;
  padding-bottom: 10px;
  padding-top: 10px;
}
.spreadTheWord
{
  width: 590px;
  height: 130px;
  background-image: url(../images/footer_bg.jpg);
  background-repeat: no-repeat;
  left: 18px;
  position: relative;
}
.breaka-bottom .spreadTheWord .icons
{
  position: absolute;
  left: 351px;
  top: 88px;
}
.breaka-bottom .spreadTheWord .icons a
{
  display: block;
  position: relative;
  left: -25px;
  float: left;
  width: 30px;
  height: 30px;
  margin-right: 5px;
}
.breaka-bottom .links
{
  padding: 5px 0px 10px 0px;
  margin-left: 10px;
}

.breaka-bottom .links a,
.breaka-bottom .links a:link,
.breaka-bottom .links a:visited,
.breaka-bottom .links .divider
{
  display: block;
  float: left;
  background-position: left top;
  background-repeat: no-repeat;
  height: 52px;
}
.breaka-bottom .links a:hover,
.breaka-bottom .links a:active
{
  background-position: left bottom;
}
.breaka-bottom .links a.TermConditions
{
  width: 172px;
  background-image: url(../images/term_conditions.jpg);
}
.breaka-bottom .links a.ParentInfo
{
  width: 260px;
  background-image: url(../images/parent_info.jpg);
}
.breaka-bottom .links a.ContactUs
{
  width: 99px;
  background-image: url(../images/contact_us.jpg);
  float: right;
  margin-right: 20px;
}
.breaka-bottom .links .divider
{
  background-image: url(../images/footer_divider.jpg);
  width: 19px;
  float: right;
}

.VerificationCodeModule .formElements .entryField input
{
  margin-right: 4px;
}

.nominateFriends #FriendSelectionListBlocker,
.linkFriends #FriendLinkListBlocker
{
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #000000;
  opacity: 0.5;
  z-index: 1000;
  *filter: alpha(opacity = 50);
}
.nominateFriends #FriendSelectionList,
.linkFriends #FriendLinkList
{
  position: absolute;
  display: block;
  width: 506px;
  height: auto;
  margin: 0px 20px;
  background-color: #07337A;
  border: solid 4px #07337A;
  z-index: 2000;
}
.nominateFriends #FriendSelectionList .inner .title a.close,
.nominateFriends #FriendSelectionList .inner .title a.close:link,
.nominateFriends #FriendSelectionList .inner .title a.close:visited,
.linkFriends #FriendLinkList .inner .title a.close,
.linkFriends #FriendLinkList .inner .title a.close:link,
.linkFriends #FriendLinkList .inner .title a.close:visited
{
  float: right;
}
.nominateFriends #FriendSelectionList .inner .title a.close:hover,
.nominateFriends #FriendSelectionList .inner .title a.close:active,
.linkFriends #FriendLinkList .inner .title a.close:hover,
.linkFriends #FriendLinkList .inner .title a.close:active
{
  color: #F8E413;
}
.nominateFriends #FriendSelectionList .inner,
.linkFriends #FriendLinkList .inner
{
  display: block;
  width: 100%;
  height: 100%;
  background-color: #00A0DC;
  color: #FFFFFF;
  text-transform: none;
  text-align: left;
  font-weight: normal;
}
.nominateFriends #FriendSelectionList .inner .title,
.linkFriends #FriendLinkList .inner .title
{
  display: block;
  width: 100%;
  background-color: #07337A;
  color: #F8E413;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  padding-bottom: 4px;
}
.nominateFriends #FriendSelectionList .inner .title a,
.nominateFriends #FriendSelectionList .inner .title a:link,
.nominateFriends #FriendSelectionList .inner .title a:visited,
.linkFriends #FriendLinkList .inner .title a,
.linkFriends #FriendLinkList .inner .title a:link,
.linkFriends #FriendLinkList .inner .title a:visited
{
  *margin-top: -15px;
}
.nominateFriends #FriendSelectionList .inner .content,
.linkFriends #FriendLinkList .inner .content
{
  padding: 10px;
}
.nominateFriends #FriendSelectionList .inner .content .error,
.linkFriends #FriendLinkList .inner .content .error
{
  display: block;
  background-color: #FFFFFF;
  color: #FF0000;
  border: dashed 2px #FF0000;
  padding: 4px;
  margin-bottom: 4px;
  font-weight: bold;
}
.nominateFriends #FriendSelectionList .inner .content label.disabled,
.linkFriends #FriendLinkList .inner .content label.disabled
{
  color: #AAAAAA;
}
.nominateFriends #FriendSelectionList .inner .content a,
.nominateFriends #FriendSelectionList .inner .content a:link,
.nominateFriends #FriendSelectionList .inner .content a:visited,
.linkFriends #FriendLinkList .inner .content a,
.linkFriends #FriendLinkList .inner .content a:link,
.linkFriends #FriendLinkList .inner .content a:visited
{
  color: #07337A;
}
.nominateFriends #FriendSelectionList .inner .content a:hover,
.nominateFriends #FriendSelectionList .inner .content a:active,
.linkFriends #FriendLinkList .inner .content a:hover,
.linkFriends #FriendLinkList .inner .content a:active
{
  color: #FFFFFF;
}
.nominateFriends #FriendSelectionList .inner .content .pagerText,
.linkFriends #FriendLinkList .inner .content .pagerText
{
  display: block;
  width: 30px;
  height: auto;
  position: relative;
  margin: -22px 0px 0px 20px;
  font-size: 15px;
}
.nominateFriends #FriendSelectionList .inner .content .pager table,
.linkFriends #FriendLinkList .inner .content .pager table
{
  color: #F8E413;
  font-size: 15px;
  text-decoration: underline;
  margin-left: 55px;
}
.nominateFriends #FriendSelectionList .inner .content .pager table span,
.linkFriends #FriendLinkList .inner .content .pager table span
{
  text-decoration: underline;
}
.nominateFriends #FriendSelectionList .inner .content .pager a,
.nominateFriends #FriendSelectionList .inner .content .pager a:link,
.nominateFriends #FriendSelectionList .inner .content .pager a:visited,
.linkFriends #FriendLinkList .inner .content .pager a,
.linkFriends #FriendLinkList .inner .content .pager a:link,
.linkFriends #FriendLinkList .inner .content .pager a:visited
{
  color: #07337A;
  text-decoration: none;
}
.nominateFriends #FriendSelectionList .inner .content .pager a:hover,
.nominateFriends #FriendSelectionList .inner .content .pager a:active,
.linkFriends #FriendLinkList .inner .content .pager a:hover,
.linkFriends #FriendLinkList .inner .content .pager a:active
{
  color: #FFFFFF;
}
.nominateFriends #FriendSelectionList .inner .content .buttons,
.linkFriends #FriendLinkList .inner .content .buttons
{
  margin: 10px 0px;
}
.nominateFriends #FriendSelectionList .inner .content a.cssLinkButton,
.nominateFriends #FriendSelectionList .inner .content a.cssLinkButton:link,
.nominateFriends #FriendSelectionList .inner .content a.cssLinkButton:visited,
.linkFriends #FriendLinkList .inner .content a.cssLinkButton,
.linkFriends #FriendLinkList .inner .content a.cssLinkButton:link,
.linkFriends #FriendLinkList .inner .content a.cssLinkButton:visited
{
  background-image: url(../images/buttons/btn_left_db.png);
}
.nominateFriends #FriendSelectionList .inner .content a.cssLinkButton:hover,
.nominateFriends #FriendSelectionList .inner .content a.cssLinkButton:active,
.linkFriends #FriendLinkList .inner .content a.cssLinkButton:hover,
.linkFriends #FriendLinkList .inner .content a.cssLinkButton:active
{
  background-image: url(../images/buttons/btn_left_.png);
}
.nominateFriends #FriendSelectionList .inner .content a.cssLinkButton span,
.nominateFriends #FriendSelectionList .inner .content a.cssLinkButton:link span,
.nominateFriends #FriendSelectionList .inner .content a.cssLinkButton:visited span,
.linkFriends #FriendLinkList .inner .content a.cssLinkButton span,
.linkFriends #FriendLinkList .inner .content a.cssLinkButton:link span,
.linkFriends #FriendLinkList .inner .content a.cssLinkButton:visited span
{
  background-image: url(../images/buttons/btn_right_db.png);
}
.nominateFriends #FriendSelectionList .inner .content a.cssLinkButton:hover span,
.nominateFriends #FriendSelectionList .inner .content a.cssLinkButton:active span,
.linkFriends #FriendLinkList .inner .content a.cssLinkButton:hover span,
.linkFriends #FriendLinkList .inner .content a.cssLinkButton:active span
{
  background-image: url(../images/buttons/btn_right_.png);
}
.nominateFriends #FriendSelectionList .inner .content a.cssLinkButton span span,
.nominateFriends #FriendSelectionList .inner .content a.cssLinkButton:link span span,
.nominateFriends #FriendSelectionList .inner .content a.cssLinkButton:visited span span,
.linkFriends #FriendLinkList .inner .content a.cssLinkButton span span,
.linkFriends #FriendLinkList .inner .content a.cssLinkButton:link span span,
.linkFriends #FriendLinkList .inner .content a.cssLinkButton:visited span span
{
  background-image: url(../images/buttons/btn_middle_db.png);
}
.nominateFriends #FriendSelectionList .inner .content a.cssLinkButton:hover span span,
.nominateFriends #FriendSelectionList .inner .content a.cssLinkButton:active span span,
.linkFriends #FriendLinkList .inner .content a.cssLinkButton:hover span span,
.linkFriends #FriendLinkList .inner .content a.cssLinkButton:active span span
{
  background-image: url(../images/buttons/btn_middle_.png);
}
.nominateFriends #FriendSelectionList .inner .content .nonregisteredFriend,
.linkFriends #FriendLinkList .inner .content .nonregisteredFriend
{
  border-top: solid 1px #07337A;
  border-bottom: solid 1px #07337A;
  margin-bottom: 16px;
  padding: 4px 0px;
}
.nominateFriends #FriendSelectionList .inner .content .nonregisteredFriend .details,
.linkFriends #FriendLinkList .inner .content .nonregisteredFriend .details
{
  display: block;
  margin: 6px 0px 6px 30px;
}
.TransportFormRow { margin: 10px 0; }

.Unsubscribe
{
  display: block;
  margin: 30px 0px 10px 0px;
}
.Unsubscribe .ConfirmCheck
{
  margin: 6px 0px;
}
.UnsubscribeError
{
  display: block;
  margin: 10px 0px;
}
.Unsubscribe .unsubscribeDivider
{
  display: block;
  margin: 16px 0px;
}