body { margin: 0; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: 0; }

/* Boardwalk Buttons */
.bwButton, .bwSpecialButton, .bwButtonDisabled, .bwSpecialButtonDisabled {
  padding: 3px 8px 3px 8px;
  margin: 0px 9px 0px 0px;
  color: #000000;
  font: 11px Tahoma, Arial, sans-serif;
}

.bwButton {
  border: 1px solid #637C94;
  background: url(../images/sprite_gradients.gif) repeat-x 0px -542px;
}

.bwButton:hover, .bwButton:active {
  background: #FAFEF8 url(../images/sprite_gradients.gif) repeat-x 0px -568px;
}

.bwSpecialButton {
  border: 1px solid #53AE09;
  background: url(../images/sprite_gradients.gif) repeat-x 0px -621px;
}

.bwSpecialButtonDisabled {
  border: 1px solid #999ca1;
  color: #999;
  background: url(../images/sprite_gradients.gif) repeat-x 0px -674px;
}

.bwHidden {
  height: 1px;
  width: 1px;
  position:absolute;
  overflow:hidden;
  top:-1000px;
}

.bwPageHeader {
  background: url(../images/sprite_gradients.gif) repeat-x 0px -431px;
  height: 53px;
  width: 100%;
  position: relative;
  font: 11px Arial, Helvetica, sans-serif; 
}

.bwPageTitle {
  padding: 8px 0px 10px 0px;
  margin: 0px;
  position: absolute;
  top: 5px;
  left: 14px;
}

.bwPageHeader #mainIcon {
  background: url(../images/logo_header.gif) repeat-x 2px -0px;
  width: 179px;
  height: 32px;
}

.bwNavBar {
  position: absolute;
  top: 12px;
  right: 16px;
}

.bwNavBar UL {
  padding: 1px;
  margin: 0px;
  list-style-type: none;
}

.bwNavBar LI {
  position: relative;
  float: left;
  height: 27px;
  width: auto;
  padding: 0px;
  background: url(../images/sprite_gradients.gif) repeat-x 0px -224px;
}

.bwNavBar LI.first {
}

.bwNavBar LI.first_active {
  background: url(../images/sprite_gradients.gif) repeat-x 0px -194px;
  font-weight: bold;
}
.bwNavBar LI.mid {
}

.bwNavBar LI.mid_active {
  background: url(../images/sprite_gradients.gif) repeat-x 0px -194px;
  font-weight: bold;
}

.bwNavBar LI.last {
}

.bwNavBar LI.last_active {
  background: url(../images/sprite_gradients.gif) repeat-x 0px -194px;
  font-weight: bold;
}

.bwNavBar LI A {
  padding: 6px 12px 5px 12px;
  display: block;
  font-family: Verdana, Sans-Serif;
  color: #083260;
  text-align: center;
}
.bwNavBar LI A:hover {
  color: #b00;
}

.bwNavBar LI.active A {
  font-weight: bold;
  color: #000;
}

.bwNavBar LI.first A {
  background: none transparent scroll repeat 0% 0%;
}

.bwNavBar #navLeftEdge {
  position: absolute;
  top: 1px;
  left: 0px;
  height: 27px;
  width: 1px;
  border-left: 1px solid #648eae;
}
.bwNavBar #navRightEdge {
  position: absolute;
  top: 1px;
  right: 0px;
  height: 27px;
  width: 1px;
  border-right: 1px solid #648eae;
  z-index: 2;
}

.bwNavBar .vertBar {
  position: absolute;
  top: 4px;
  left: -1px;
  height: 20px;
  width: 0px;
  border-left: 1px solid #bebebe;
  border-right: 1px solid #fff;
}

.bwPageSubHeader { 
  height: 20px;
  width: 100%;
  position: relative;  
  font: 11px Arial, Helvetica, sans-serif;     
}

.bwSubHeader {
  position: absolute;
  left: 14px;
  right: 14px;
  border-bottom: 1px solid #E6E6E6;
}

.bwSubHeader #leftCol {
 float:left;
}

.bwSubHeader #rightCol {
    float: right;
}

.bwSubHeader UL {
  padding: 1px;
  margin: 0px;
  list-style-type: none;
}

.bwSubHeader LI {
  position: relative;
  float: left; 
  width: auto;
  padding: 5px; 
  font: 11px Arial, Helvetica, sans-serif; 
  font-weight: bold;
  color: #2864B4;    
}

.bwSubHeader LI A {
  display: block;   
  text-align: center;
  font: 11px Arial, Helvetica, sans-serif; 
  font-weight: bold;
  color: #2864B4;  
}

.bwSubHeader #rightCol LI A {
  padding-left: 22px;
}

.bwSubHeader LI A:hover{
   font-weight: bold;
}

.bwSubHeader .vertBar {
  position: absolute;
  top: 4px;
  left: -1px;
  height: 15px;
  width: 0px;
  border-left: 1px solid #2864B4; 
}

#iThis,
#eThis,
#bThis,
#fThis,
#emThis,
#aimThis {
  position: absolute;
  width: 16px;
  height: 16px;
  background: url(../images/boardwalk_sprite_final.png) no-repeat;
}
#iThis {background-position: -158px -110px;}
#eThis {background-position: -158px -132px;}
#bThis {background-position: -158px -153px;}
#fThis {background-position: -158px -175px;}
#emThis {background-position: -158px -198px; width: 19px}
#aimThis {background-position: -158px -218px;}

/* Boardwalk Footer */
.bwFooterSafari {
  clear: both;
}

#footerDiv {
  text-align: center;
}

.bwPageFooter {
  clear: both;
  position: relative;
  margin: 4px 0 0 0;
  padding: 3px;
  font-size: 9px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  white-space: nowrap;
  overflow: hidden;
  background-color: #eee;
  color: #333;
  margin-left: auto;
  margin-right: auto;
}

.bwPageFooter span {
  white-space: nowrap;
  z-index: 100;
}

.bwFooterLinks {
  display: inline;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.bwFooterLinks li {
  display: inline;
  margin: 0;
  padding: 0;
  margin-left: 4px;
  padding-left: 6px;
  border-left: 1px solid #666;
}

.bwFooterLinks li.first {
  margin-left: 1em;
  border: 0;
}

.bwPageFooter A {
  color: #666;
}

.bwPageFooterRow2 ul, .bwPageFooterRow2 ul li {
     list-style: none;
     margin: 0;
     padding: 0;
}

.bwPageFooterRow2 ul {
     text-align: center;
}

.bwPageFooterRow2 ul li {
    display: inline;
    margin-right: 3px;
}

.bwPageFooterRow2 #text {
  color: #666666;
  font-size: 9px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.bwPageFooterRow2 ul li .localeEnIe {
  background-repeat: no-repeat;
  background-image:  url(../images/locale-flags.gif);
  background-position: -0px -152px;
  width: 15px;
  height: 9px;
}
.bwPageFooterRow2 ul li .localeEsEs {
  background-repeat: no-repeat;
  background-image:  url(../images/locale-flags.gif);
  background-position: -0px -133px;
  width: 15px;
  height: 9px;
}
.bwPageFooterRow2 ul li .localeItIt {
  background-repeat: no-repeat;
  background-image:  url(../images/locale-flags.gif);
  background-position: -0px -114px;
  width: 15px;
  height: 9px;
}
.bwPageFooterRow2 ul li .localeEsUs {
  background-repeat: no-repeat;
  background-image:  url(../images/locale-flags.gif);
  background-position: -0px -0px;
  width: 15px;
  height: 9px;
}
.bwPageFooterRow2 ul li .localeEnGb {
  background-repeat: no-repeat;
  background-image:  url(../images/locale-flags.gif);
  background-position: -0px -76px;
  width: 15px;
  height: 9px;
}
.bwPageFooterRow2 ul li .localeEnUs {
  background-repeat: no-repeat;
  background-image:  url(../images/locale-flags.gif);
  background-position: -0px -0px;
  width: 15px;
  height: 9px;
}
.bwPageFooterRow2 ul li .localeDeDe {
  background-repeat: no-repeat;
  background-image:  url(../images/locale-flags.gif);
  background-position: -0px -19px;
  width: 15px;
  height: 9px;
}
.bwPageFooterRow2 ul li .localeFrFr {
  background-repeat: no-repeat;
  background-image:  url(../images/locale-flags.gif);
  background-position: -0px -38px;
  width: 15px;
  height: 9px;
}
.bwPageFooterRow2 ul li .localeNlNl {
  background-repeat: no-repeat;
  background-image:  url(../images/locale-flags.gif);
  background-position: -0px -95px;
  width: 15px;
  height: 9px;
}
.bwPageFooterRow2 ul li .localeSvSe {
  background-repeat: no-repeat;
  background-image:  url(../images/locale-flags.gif);
  background-position: -0px -171px;
  width: 15px;
  height: 9px;
}
.bwPageFooterRow2 ul li .localePlPl {
  background-repeat: no-repeat;
  background-image:  url(../images/locale-flags.gif);
  background-position: -0px -190px;
  width: 15px;
  vertical-align: -7px;
}
.bwPageFooterRow2 ul li .localeEsMx {
  background-repeat: no-repeat;
  background-image:  url(../images/locale-flags.gif);
  background-position: -0px -209px;
  width: 15px;
  vertical-align: -7px;
}
.bwPageFooterRow2 ul li .localeEnNz {
  background-repeat: no-repeat;
  background-image:  url(../images/locale-flags.gif);
  background-position: -0px -228px;
  width: 15px;
  vertical-align: -7px;
}
.bwPageFooterRow2 ul li .localeEnAu {
  background-repeat: no-repeat;
  background-image:  url(../images/locale-flags.gif);
  background-position: -0px -247px;
  width: 15px;
  vertical-align: -7px;
}

.bwCentered {
    text-align: center;
    font-family: Arial;
    font-size: 16px;
    padding-bottom: 20px;
}

#bwSearch {
    padding: 10px 22px 2px 0;
    text-align: right;
}

.bwSearchTagsInput {
    border: 1px solid #D4F5B1;
    margin-right: 5px;
}

.bwSearchTagsBtn {
    padding-left: 10px;
}

.bwBottomLeft {
    float: left;
    width: 380px;
    padding-bottom: 5px;
}

.bwPagination {
    font-size: 13px;
    text-align: right;
    color: #5A5A5A;
    margin-left: 390px;
    margin-right: 20px;
}

.bwPagination #pages {
    padding-right: 5px;
    color: #5A5A5A;
}

.bwPagination #images {
    padding-right: 9px;
    color: #5A5A5A;
}

.bwPagination .arrow {
    padding-left: 4px;
    padding-right: 4px;
}

.bwPagination .inactiveArrow {
    padding-left: 4px;
    padding-right: 4px;
    color: #9EB8C9;
}

.bwPagination A {
    color: #2864B4;    
}

.bwPagination .notCurrent {
    padding-left: 4px;
    padding-right: 4px;
    color: #2864B4;    
}

.bwPagination .current {
    font-weight: bold;
    color: #2160BB;
    padding-left: 4px;
    padding-right: 4px;
    border: 1px solid  #2160BB;
}

.resultsDropdown {
    margin-left: 1em;
    font-size: .8em;
}

#whatsthisPopup {
    display: none;
    position: absolute;
    border: solid 1px #85A7C0;
    background: #FDFDFD;
    z-index: 999999;
    width: 25em;
    padding: 5px 10px 10px 10px;
    text-align: right;
    text-align: left;
    font-size: .7em;
}

#whatsthis {
    margin-top: -10px;
    line-height: 1.3em;
}

.whatTitle {
    font-weight: bold;
}

.close {
    text-align: right;
}

.closeDiv {
    text-align: right;
    padding-right: 8px;
}

.closeIcon {
  background:url("../images/boardwalk_sprite_final.png") no-repeat -126px -0px;
  width:11px;
  height:11px;
  border:0;
}

#gallery {
    background-color: #FAFAF8;
    border: 1px solid #E8EBEF;
    -moz-border-radius: 15px;
    text-align: left;
    padding-left: 12px;
}

#gallery table {
    margin-top: 10px;
}

#gallery .box {
    height: 164px;
    width: 164px;
    text-align: center;
    border-right: 2px solid #E8EBEF;
    border-bottom: 2px solid #E8EBEF;
    background: white;
}

#gallery .photo {
    vertical-align: middle;
    border: 0;
}

#gallery .space {
    width: 13px;
}

#gallery .count {
    float: left;
    font-size: 10px;
    vertical-align: middle;
    padding-bottom: 15px;
}

.count .num {
    padding-right: 4px;
    color: #999999;
}

.count A:hover {
    text-decoration: none;
}

#gallery .view {
    float: right;
    font-size: 10px;
    color: #999999;
}

.newComment {
     color: red;
     padding-left: 4px;
 }

#gallery .commentIndicator {
    background-image: url(../images/boardwalk_sprite_final.png);
    background-position: -113px -180px;
    background-repeat: no-repeat;
    text-align:right;
    padding-top: 0;
    margin-top: 0;
    width: 12px;
    height: 12px;
    border: 0;
    vertical-align: -3px;
}

#aol_hat2_links ul li a:focus, #aol_hat2_sns a:focus, #aol_hat2_links ul li a:active {
    border: 1px dotted #fff;
}

/* dialog */
.dialog {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -10em;
	margin-top: -6em;
	border: 2px solid #91b3ce;
	background-color: #fff;
	-moz-user-select: none;
	z-index: 999999;
}

.dialog .border {
	position: relative;
	width: 20em;
	padding: 1em;
	border: 1px solid #d7e8ee;
}

.dialog .content {
	font-size: 1.2em;
	font-weight: bold;
}

.dialog .promptInput {
	width: 16em;
	margin: .5em;
}

.dialog .textareaInput {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	width: 22em;
	height: 10em;
}

.dialog .border .buttons {
	position: relative;
	padding-top: 1.2em;
	height: 1.8em;
}

.dialog .button {
	display: block;
	position: absolute;
	color: black;
	background: none;
	line-height: 1em;
	border: 0;
	text-align: center;
	-moz-outline-style: none;
}

.dialog .stretchyImage {
	position: absolute;
	border: 0;
	top: 0;
	left: 0;
}

.dialog .stretchyButtonText {
	position: relative;
	top: .4em;
	text-align: center;
	background: none;
	white-space: nowrap;
}

.dialog .saveButton {
	left: 0em;
}

.dialog .cancelButton {
	left: 5em;
}


/** Notify AOL **/
#notifyTitle {
    font-family: Arial;
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 10px;
}

.notifyAol, .notifyAolDone {
    padding: 10px 10px 10px 10px;
    font-size: .8em;
    font-family: Arial;
    background-color: #FAFAF8;
    height: 450px;
}

.notifyAolDone {
    text-align: center;
}

.centerButtons {
    margin-top: 15px;
    text-align: center;
    margin-bottom: 20px;
}

.options {
  margin-top: 10px;
  margin-left: 20px;
  height: 75px;
}

.options .leftCol {
  float: left;
  width: 280px;
}

.options .rightCol {
  float: left;
  width: 200px;
}

#commentChars {
    margin-bottom: 8px;
    padding-right: 15px;
    font-size: .75em;
}

.emptyGallery, .noGallery, .noTags, .taggingError {
    margin: 20px auto 0 auto;
    width: 450px;
    padding-bottom: 20px;
}

.noGallery {
    height: 6.8em;
}

.noTags {
    height: 4em;
}

.emptyTitle, .noGalleryTitle, .noTagsTitle {
    font-size: 22px;
    color: #88a50b;
    text-align: left;
}

.stepTitle {
    text-align: left;
    font-size: 14px;
    color: #88a50b;
}

.stepSub {
    text-align: left;
    font-size: 12px;
    color: #77938D;
}
.emptyButton {
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
}

.errorImg {
    background: url(../images/boardwalk_sprite_final.png) no-repeat -174px -0px;
    width: 21px;
    height: 20px;
}

.noGalleryLeft, .noTagsLeft, .taggingErrorLeft {
    float: left;
    width: 24px;
}

.noGalleryRight, .noTagsRight, .taggingErrorRight {
    text-align: left;
    margin-left: 29px;
}

.taggingErrorMsg {
    font-size: .875em;
    color: #88a50b;
    line-height: 1.4em;
}

.noGalleryMsg {
    padding-top: 10px;
    padding-bottom: 20px;
    font-size: 14px;
    color: #88a50b;
}
.noGallerySearch, .noTagsSearch {
    margin-left: 30px;
    margin-right: 30px;
    border-top: 1px solid #E6E6E6;
    padding-top: 20px;
}

.presenceIcon {
    border:0px;
}

#bwErrorPage {
    margin: 20px 20px 20px 20px;
    font-family: Arial;
    font-size: 16px;
    color: #88a50b;
}

#progressDialogDiv {
    text-align: center;
    display: none;
    position: absolute;
    left: 384px;
}

.progressDialog {
  margin-left: auto;
  margin-right: auto;
  z-index: 900;
  width: 400px;
  border-top: #999ca1 1px solid;
  border-left: #999ca1 1px solid;
  border-bottom: black 2px inset;
  border-right: black 2px inset;
  background-color: white;
  color: black;
}

.progressDialog .content {
  margin: 4px 16px 2px 16px;
  font-size: 12px;
}

#embedAlbum {
    width: 800px;
    height: 500px;
    border: 1px solid black;
    position: absolute;
    display: none;
    text-align: center;
    background-color: #FAFAF8;
    z-index: 500;
}