body {
  text-align: center;
  background: #000000 no-repeat scroll center top;
  color: white;
  margin: 0;
  padding: 0;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10pt;
}

p  {
  margin-top: 0px ;
  margin-bottom: 10px ;
  margin-left:  0px;
  margin-right: 0px;
  padding-left: 0px;
}

p.FinePrint {
  font-size: xx-small;
  margin-bottom: 10px;
}

.caption {
  color: white;
  font-size: xx-small;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}


.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
  color: black;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

/***
 *** WAS defs start here
 ***/ 

/*
 * Document Classes
 */
.BackgroundImage {
  background: #003000 url(/images/bg/bg-img_1.jpg) repeat-y scroll center top;
  min-height: 2100px;
}

.leftwrapper { 
  width: 990px;
  margin: 0 auto;
  padding: 0px 0px 0px 10px;
  text-align: left;	
  }

.rightwrapper { 
  width: 980px;
  margin: 0 auto;
  padding: 0px;
  text-align: left;
  }

.container {
  width:970px;
  background-image: url(/images/shading.png);
  position:relative;	/* for future divs that want to popup */
}

/* use this class to set the background color to typical fill for
 * .container; maintain colors same!
 */
.BackgroundColor {
  background-color: #f3f3f3;
}

.WideColumn {
  width: 680px; /* container.width - RightColum.width - padaround.margins - a bit */
  margin: 0;
  padding: 0;
}

.RightColumn {
  float: right;
  clear: right;
  width: 242px;
  margin: 0px;
  padding: 0px;
  margin-top:2px;
}

.FullWidth {
  width: 970px;
}

.HalfWidth {
  width: 470px; /* container/2 - 30 for padding */
}

.ShortWidth {	/* container-40 for padding */
  width: 930px;
}

/* use to make h1, etc. show up without padding/margins/spacing */
.OneLine {
  display: inline;
}

/* standard container for page bodies */
.padaround {
  margin-top: 5px;
  margin-bottom: 20px;
  margin-right: 20px;
  margin-left: 20px;
}

/* std container for page bodies with lots-o-text */
.doublepadding {
  margin-top: 10px;
  margin-right: 20px;
  margin-bottom: 20px;
  margin-left: 30px;
}

/* use for divs that need padding off the border */
.TextDiv {
  margin-left: 0.5em;
  margin-right: 0.5em;
  margin-bottom: 20px;
}

/* Classes for popup divs */
.PopupWrapper {
  font-size: small;
  font-weight:normal;
  /*display: inline-box;
  display: -moz-inline-box;	/* Firefox 2.x */
}

div.PopUpWin, div.WidePopUpWin {
  display: none;
  position: absolute;
  left: -5em;
  top: 1em;
  width: 20em;
  text-align: justify;
  background-color: #2f2f4f; /* Dark Slate Grey */
  padding: 5px;
  /* borders and such */
  border: solid 2px #666666;
  z-index: 500;
  /* add some transparency */
  filter:alpha (opacity=95);
  -moz-opacity:.95;
  opacity:.95;
  -khtml-opacity: 0.95;
}

div.WidePopUpWin {
  left: -20em;
  width: 40em;
}


/* default table settings */
table {
  border-width: 0px;
  border-spacing: 0px;
  border-style: none;
  border-color: #000;
  border-collapse: collapse;
}

td {
  margin-top: 0px ;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 10pt;
  padding-left: 5px;  
  padding-right: 5px;
  border-style: none;
}


td.nopadded {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 10%;
  margin-right: 0px;
  font-size: 10pt;
  padding-left: 0px;
}

/* this div holds the flash messages */
div.WarningBox {

}

/* ruled tables have internal lines between columns */
table.ruled {
  border-style: none;
  border-collapse: collapse;
  border-width:1px;
}

table.ruled td {
  border-style: none;
  border-right:1px solid black;
}
table.ruled td+td {
  border-style: none;
  border-right: none;
}

/* Other generic table stuff */
table.padded td {
  padding:10px;
}

table.nobackground {
  background-color:transparent; 
}

/* SAVE Demo of having CSS put image background in table.
 Home Page Background Image
 	background-image:url(/images/bgdesign1.gif);
	background-repeat:repeat;
.backgroundimage1 {
}
 */

/*
 * Links in general, and stuff for tooltips
 */
a:link { text-decoration: none; color: #b0e0e6; } /* Powder Blue color */
a:visited { text-decoration: none; color: #b0e0e6; }
a:link:hover { text-decoration: none; color: #b0e0e6; }
a:active { text-decoation: none; color: #b0e0e6; }
a:hover:visited { text-decoration: none; color: #b0e0e6; }
a.memberlink { text-decoration:none; }
.LinkColor { color: #b0e0e6; } /* set to same as a:link */

a.nochangewithhover:hover {
  text-decoration:  none;
  background-color: transparent;
  color:            transparent;
}

a.nochangewithhover:visited {
  text-decoration:  none;
  background-color: transparent;
  color:            transparent;
  }

/*
 * List with dates out front instead of discs, etc.
 */
ul.datelist {
  list-style: none;
  margin-top: 3px;
  padding: 0;
}

ul.datelist li {
  margin-left: 1em;
}

/*
 * Boxes with rounded corners!!!
 */
.RoundBorder {
  padding-left: 5px;
  padding-right: 5px;
  border: 2px solid #666666;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

/*
 * Header Classes
 */
.headingstyle1 {
  font:Arial, Helvetica, sans-serif;
  color: Black;
  font-size: 11pt;
  /* font-weight: bold;  */
}

.headingstyle2 {
  font:Arial, Helvetica, sans-serif;
  color: DarkGreen;
  font-size: 11pt;
  /* font-weight: bold;  */
}

.headingstyle2 a,.headingstyle2 a:visited{
  font:Arial, Helvetica, sans-serif;
  color: DarkGreen;
  font-size: 11pt;
  /* font-weight: bold;  */
}

/* Banner is set for the header table to show the logo, login box */
/* set table width by FullWidth class on table! */
.Banner {
  background-image: none;
  background-repeat: no-repeat;
  height: 120px;	/* set to height of background image */
}

.Banner tr {
  vertical-align: center;	/* set to show mtn peak on right side... */
}

/*
 * Account box in upper right
 */
.LoginBox {
  text-align: left;
  float: right;
  max-width: 290px;
  background-color: #666666;
}

.LoginBox .line {
  text-align: right;
  color: white;
  font-size: x-small;
}

.LoginBox .welcome {
  color: white;
  font-size: normal;
  float: none;
}

div.loginlg {
  color: white;
}

.small_link {
  font-size: small;
  float:right;
  padding-left:3px;
  padding-right:3px;
}


/*
 * Navigation boxes for pages
 */
.Pagination {	/* pagination links */
  margin-top: 5px;
  margin-bottom: 5px;
}

.LeftNavBox {
  width: 180px;
  background-color: #ffffff;
  color: #666666;
  float: left;
  margin-right: 25px;
  margin-bottom: 1.5em;
  margin-left: 1px;
  margin-top: 0px;
}

div.NavList {
  padding-left: 5px;
  }

div.NavLinkTitle {
  padding-left: 0.25em;
  padding-right: 5px;
  margin-top: 5px;
  color: white;
  background-color: #666666;
  }

.NavLinkLine {
  margin-left: 10px;
}

.NavLink {
}

a.NavLink:hover {
  color: white;
  background-color: black;
}

.ActiveNavLink {
  background-color: DarkBlue;
}

a.ActiveNavLink, a.ActiveNavLink:visited {
  color: white;
  padding-left: 5px;
  padding-right: 2px;
}

a.ActiveNavLink:hover {
  color: lightblue;
  padding-left: 2px;
  padding-right: 2px;
}

/*
 * Footer
 */
.footertitle {
  font:Arial, Helvetica, sans-serif;
  color: DodgerBlue;
  font-size: 10pt;
}

.footer {
  color: Green;
  font-size: xx-small;
  text-align: center;
}

.PatronBtnTitle {
  font-size: normal;
  color: LightBlue;
}

/*
 * Top-tier tab classes
 */
.toptabtable{
  width: 970px;
  background-color: #444444;
}

.toptab {
  color: White;
  background-color: #444444;
}

a.toptab, a.toptab:visited {
  color: White;
  background-color: #444444;
}

a.activetoptab, a.activetoptab:visited {
  color: #444444;
  background-color: White;
}

a.activetoptab:hover, a.toptab:hover {
  color: White;
  background-color: Black;
}

div.MainTabList {
  width: 970px;
  background-color: #444444;
  height: 2.55em;
}

ul.MainTabList {
  list-style: none;
  margin: 0;
  padding: 0;
  background-color: #444444;
  vertical-align: center;
}

ul.MainTabList li {
  float: left;
  display: block;
  /* 970/7 tabs = 138 px/tab ==> no more than 138px wide... */
  width: 138px;
  /*padding-left: 20px;*/
  background-color: #444444;
  text-align: center;
  line-height: 2;
}

ul.MainTabList li.DoubleLineTab {
  line-height: normal;
}

.DropMenu {
}

.DropMenu:hover .DropItem {
  display: block;
  z-index: 500;
  /* tweak this stuff for IE */
  position: absolute;
}

.DropItem {
  text-align: left;
  line-height: normal;
  display: none;
  width: 220px;
  background-color: #808080;
  /*overflow: hidden;*/
  color: #f0f0f0;
  margin-right: 25px;
  margin-bottom: 1.5em;
  margin-left: 5px;
  margin-top: 0px;
  border-left: 2px solid #666666;
  border-right: 2px solid #666666;
  border-bottom: 2px solid #666666;
}

/*
 * Second (2nd) Tier link classes
 */
.welcometab {
  float: left;
  padding: 0px;
  color: Black;
  background-color: White;
}

.secondtiertable {
  width: 970px;
  background-color: White;
}

a.secondtiertab {
  color: #666666;
}

a.activesecondtab {
  color: #666666;
  /*background-color: #FFCC66;*/
  background-color: #f3f3f3;
}

a.secondtiertab:hover {
  color: White;
  background-color: Black;
}

.smallfont {
  font-size: x-small;
}
/*
 * General Content Classes
 */
h1 {	/* Page title, etc. */
  font-size: x-large;
  font-weight: bold;
  color: white;
  background-color: #666666; /* grey */
  padding-bottom: 0;
  padding-top: 0;
  padding-left: 0.5em;
  margin-bottom: 5px;
  margin-top: 5px;
}

h2 {	/* 2nd level titles */
  font-size: large;
  font-weight: bold;
  color: DarkRed;
  background-color: #4682b4; /* LightSteelBlue */
  padding: 0;
  margin-top: 0px;
  margin-bottom: 2px;
  padding-left: 0.5em;
}

h3 {	/* 2nd level titles */
  font-size: large;
  font-weight: bold;
  color: white;
  background-color: #4682b4; /* LightSteelBlue */
  margin-bottom: 3px;
  padding-bottom: 0px;
  padding-top: 0px;
  margin-top: 0px;
  padding-left: 0.5em;
}

h5 {
  font-size: small;
  font-weight: normal;
  color: black;
  background-color: #4682b4;
  padding: 0;
  margin-top: 0px;
  margin-bottom: 2px;
  padding-left: 0.5em;
}

.NoColor {
  background-color: transparent;
  color: white;
}

.SubmitButton {
  text-align: center;
  margin-top: 20px;
}

/*
 * Welcome controller classes
 */
.AboutImage {
  background-color: #8dbc90;
  float: right;
  width: 400px;
  clear: right;
  margin-right: 20px;
  margin-top:1em;
  margin-bottom: 5px;
}

.InnerBorder {
  border:1px solid black;
  border-right: none;
  border-left: none;
  border-top: none;
  border-bottom: none;
}
.InnerBorder td+td {
  border-left: 1px solid black;
  }
table.InnerBorder tr+tr {
  border-top: 1px solid black;
  }

.IntroPage, .IntroPage a {
  margin-left: 3em;
  font-size: small;
  }

.Indented {
  margin-left:350px;
  }

.HomePageWidget {
  float:left;
  margin-left: 0px;
  margin-bottom: 10px;
}

.HomeCoverPhoto {
  float:right;
  width:300px;
  margin-left: 2px;
  text-align:center;
  border:1px solid #666666;
}

.RegisterBox {
  float: right;
  width: 320px;
  margin-top: 5px;
  border: 1px solid #666666;
}
  
/*
 * Sport Listing classes
 */
.infoTagListing {
}

.infoTagListing td {
  font-size: x-small;
  background-color: #3CB371; /* Medium Sea Green */
}
.infoTagListing td.title {
  font-weight: bold;
  font-size: medium;
}

.sportListing td {
  font-size: x-small
}

.sportListing {
  /*font-size: medium*/
}

.sportListing th {
  font-size: small;
  font-weight: bold
}

.sportListing td.title {
  font-size: larger;
  font-weight: normal;
}

.sportsTales {
  font-size: small;
  font-weight: bold;
  background-color:#999999;
}


/*
 * Profile classes
 */
.EditProfileBox {
  border: 1px solid #666666;
  clear: both;
  margin-bottom: 20px;
}

.EditProfileBoxTitle {
  font-weight: bold;
  color: White;
  background-color: #666666;
  padding-left: 2px;
}

.ViewProfileBoxTitle {
  font-weight: bold;
  color: White;
  background-color: #5f9ea0; /* same as EntryTitle */
  padding-left: 2px;
}

.ViewProfileBox {
  border: 0px solid #666666;
  margin-bottom: 20px;
  width: 500px;
  float: left;
}

.ViewProfileTitle{
  font-weight: bold;
  color: White;
  background-color: #666666;
  padding-left: 5px;
}

.ProfilePhoto {
  width: 160px;
}

.ProfilePhotoContainer {
  float: left;
  margin-right: 3px;
  margin-bottom: 10px;
}

iframe#ProfilePhotos,iframe#EntryPhotos {
  width: 910px;
  border: 1px solid #666666;
  margin: 0px;
  padding: 0px;
  /* height computed and set in page */
}

.ProfileWidgetBox {
  float:right;
  clear:right;
  margin-bottom:10px;
}

.PinLegend {
  margin-left: 3px;
  margin-right: 3px;
  margin-bottom: 3px;
  font-size: xx-small;
}

.PinLegend td {
  font-size: xx-small;
}

.Label {
  color: white;
  font-weight: bold;
  padding-left: 0.5em;
  margin-bottom: 0.5em;
}
.Value {
  padding-left: 0.5em;
  margin-bottom: 0.5em;
}

a.HideButton {
  clear: none;
  float: right;
  color: Blue;
  font-size: x-small;
}

.MessageBlock {
  border: 0px solid #666666;
}

.MessageBlockTitle {
  padding-left: 0.25em;
  padding-right: 5px;
  margin-top: 5px;
  color: white;
  background-color: #666666;
}

.UpdateFeedBox {
  background-color: none;
  margin-bottom: 10px;
}

.ViewCurrentStatus {
  font-weight: bold;
  font-size: normal;
  color: DarkRed;
  margin-top: 2px;
  margin-bottom: 2px;
}

.StatusEntryBox {
  width: 600px;
  border: 1px solid #666666;
  margin-left: 3px;
  margin-right: 3px;
}

/*
 * Cover/Galley photo classes
 */
.galleryphotocap {
  font:Arial, Helvetica, sans-serif;
  color: white;
  font-size: x-small;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

img.GalleryPhoto {
  border: 0px;
  width: 160px;
}

.GalleryPhotoCaption {
  font:Arial, Helvetica, sans-serif;
  color: white;
  font-size: small;
}

.FrontpagePhoto {
  max-width: 930px;
}

/*
 * Creole markup/story markup classes
 */
img.inline-right {
  height: 160px;
  float: right;
  clear: right;
  margin-top:1.3em;
  margin-bottom:1em;
  margin-left: 5px;
}

img.inline-left {
  height: 160px;
  float: left;
  clear: left;
  margin-top:1.3em;
  margin-bottom:1em;
  margin-right: 5px;
}

/*
 * Story classes
 */
td.StoryPhotoTD {
  height: 80px;
  width: 80px;
}

.StoryPhoto, .EntryPhoto {
  height: 80px;
  width: 80px;
}

.storytitle {
  font-size: large;
  font-weight: bold;
}

.StoryBlock {
  width: 930px;
}
.ShortStoryBlock {
  width: 460px;
}

.ShortStorySport {
  color: #00FA9A;	/* MediumSpringGreen */
}

.StoryBlockTitle {
  font-size: large;
  background-color: #9fd1f1;
  color: Black;
}

.StoryBlockTitleRow {
}

.ReportedStory {
  color: Red;
  /*font-size: large;*/
}

.EditStoryBoxTitle, .ViewStoryBoxTitle {
  font-weight: bold;
  color: White;
  background-color: #666666;
  padding-left: 2px;
}

.ViewStoryBoxTitle a:hover {
  color: White;
}

.EntryTitle, .EntryTitle a {
  font-weight: bold;
  color: White;
  background-color: #5f9ea0; /* cadet blue */
  padding-left: 2px;
}

.EntryTitle a:hover {
  color: White;
}

.ViewStoryBoxTitle a {
  font-weight: bold;
  color: White;
  background-color: #666666;
  padding-left: 2px;
}

a.RightTitleLink {
  font-weight: normal;
  float: right;
}

.EditStoryBox, .ViewStoryBox {
  border: 1px solid #666666;
  margin-bottom: 20px;
}

.ViewAction {
  margin-left: 1em;
  margin-right: 1em;
  margin-bottom: 0.25em;
  background-color: transparent;
}
.ViewActionTitle, a.ViewActionTitle, .ViewActionTitle a, .ViewActionTitle a:hover {
  color: White;
  background-color: #666666;
  padding-left: 2px;
}

/* div for a Google Map location map */
.LocationMapBox {
  float:right;
  clear:right;
  width:350px;
  margin-left:5px;
  margin-top:5px;
  margin-bottom:5px;
}

.StoryContents {
  width: 500px;
  height: 160px;
  border: 1px solid #666666;
  margin-bottom: 10px;
  float: right;
  background-color: transparent;
}

/* floating box for story entry info boxes */
.EntryInfoBox {
  border: 1px solid black;
  background-color: #848484;
  float:right;
  clear:right;
  width:350px;
  margin-left:5px;
  margin-top:5px;
  margin-bottom:5px;
  min-height: 2em;
}

.InfoBoxTitle {
}

.EntryInfoTitle {
  font-size:normal;
  font-weight:bold;
  margin-left: 1em;
  margin-top: 3px;

}

.EntryInfo {
  margin-left: 0.5em;
}

.StoryActionBox, .UserActionBox {
  float:right;
  width: 180px;
  padding-left: 5px;
  background-color: transparent;
}

.StoryActionBoxInterior {
  text-align:center;
  font-size:small;
  height:100%;
  background-color: #666666;
}

.StoryPhotoListContainer {
  float: left;
  margin-right: 3px;
  margin-bottom: 10px;
  background-color: transparent;
}

.StoryPhotoScrollable {
  width: 340px;
  height: 140px;
  overflow: auto;
  white-space: nowrap;
  padding: 0px;
}

.StoryEntryInList {
  background-color: transparent;
}

/*
 * Public/private flag, approval editor listing
 */
.StoryPrivateApproved {
  font-size: x-small;
}

/*
 * Author classes
 */
.AuthorPhoto {
  height: 40px;
  width: 40px;
}

/* set height to 3/4 height, so landascape 4:3 photos same
 * height as portraits (3:4)...
 */
.AboutPhoto {
  height:60px;
  width:80px;
  text-align:center;
  margin-bottom:1px;
}
/* shrink width, height by 2 px for img border, if present */
.AboutPhoto img {
  max-height: 58px;
  max-width: 78px;
}

.FriendPhoto {
  height: 20px;
  width: 20px;
}


/*
 * Tooltip classes
 */
.location_tooltip{
  position:relative; /*this is the key*/
  z-index:24;
  color: DarkBlue;
  font-size: small;
}

.location_tooltip:hover{
  z-index:25;
}

.location_tooltip span{display: none}

.location_tooltip:hover span{ /*the span will display just on :hover state*/
    display: block;
    position: absolute;
    top: 2em;
    left: 2em;
    width: 40em;
    border: 1px solid #0cf;
    background-color: #cff;
    color: #000;
    text-align: left;
    z-index: 24;
}

/* These classes are used for tooltips to define terms in a list, such
 * as the sport listings.  Hence the small amounts of decoration!
 */
a.define_tooltip {
  position: relative;
  z-index: 24;
  color: white;
  font-weight: normal;
  text-decoration: underline;
  }
a.define_tooltip span{padding:-5em; display: none}
a.define_tooltip:hover{
  z-index:25;
  color: #aaaaff;
  background: none;
  }
a.define_tooltip:hover span.tooltip{
  display:block;
  position:absolute;
  top:0px; left:0;
  padding: 15px 0 0 0;
  width: 200px;
  color: #993300;
  text-align: left;
  filter: alpha(opacity:90);
  KHTMLOpacity: 0.90;
  MozOpacity: 0.90;
  opacity: 0.90;
}
a.define_tooltip:hover span.top{
  display: block;
  padding: 30px 8px 0;
  background: url(/images/bubble.gif) no-repeat top;
}
a.define_tooltip:hover span.middle{ /* different middle bg for stretch */
  display: block;
  padding: 0 8px; 
  background: url(/images/bubble_filler.gif) repeat bottom; 
}
a.define_tooltip:hover span.bottom{
  display: block;
  padding:3px 8px 10px;
  color: #548912;
  background: url(/images/bubble.gif) no-repeat bottom;
}


/*
 * Member Profile classes
 */
.ProfileLargeFont {
  font-size: x-large;
}

.FriendUpdate {
  background-color: DarkRed;
  color: PaleGoldenRod;
}

.FriendUpdate a {
  color: PowderBlue;
}

.FriendRequestListing {
  font-size: x-small;
  margin-left:1em;
  color:red;
}


/*
 * Scrollable Lists
 */
.FriendsListContainer {
  border: 1px solid #666666;
  background-color: none;
  width: 237px;
  margin-left: 3px;
  margin-bottom: 0px;
  margin-right: 3px;
}

.FavoriteListContainer {
  border: 1px solid #666666;
  background-color: none;
  width: 435px;
  margin-left: 3px;
  margin-bottom: -5px;
  margin-right: 0px;
}

.FriendLongListContainer {
  border: 0 solid #666666;
  overflow: auto;
  max-height: 500px;
}

.HorizontalContainer {
  width: 600px;
  border: 1px solid #666666;
  margin-left: 3px;
  margin-right: 3px;
}

.AwardListContainer {
  border: 1px solid #666666;
  margin-left: 3px;
  margin-right: 3px;
}

.ProfilePhotoListContainer {
  width: 513px;
  float: left;
  border: 1px solid #666666;
  margin-left: 3px;
  margin-right: 3px;
  margin-bottom: 10px;
}

.FavoriteListScrollable, .FriendsListScrollable {
  width: 237px;
  height: 210px;
  overflow: auto;
  padding: 0px;
}

.FavForumScrollable, .FavGuideScrollable {
  width: 435px;
  height: 105px;
  overflow: auto;
  padding: 0px;
}

.MemberListScrollable {
  width: 600px;
  height: 100px;
  overflow: scroll;
  white-space: nowrap;
  padding: 0px;
}

.AwardListScrollable {
  overflow: scroll;
  white-space: nowrap;
  padding: 0px;
}

.ProfilePhotoScrollable {
  width: 513px;
  height: 130px;
  overflow: auto;
  white-space: nowrap;
  padding: 0px;
}

.HorizontalObj {
  vertical-align: bottom;
  font-size: x-small;
  width: 90px;
  display: -moz-inline-box;
  display: inline-block;
}
.HorizontalObjDivider {
  font-size: xx-large;
  vertical-align: top;
  display: -moz-inline-box;
  display: inline-block;
}

.ProfilePhotoObj {
  font-size: x-small;
  margin-left: 3px;
  margin-right: 3px;
  width: 80px;
  display: inline-block;
  display: -moz-inline-box;
  vertical-align: bottom;
}

.EventListContainer {
  border: 1px solid #666666;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left:3px;
  width: 600px;
}

.EventListScrollable {
  width: 590px;
  height: 150px;
  overflow: auto;
  padding: 1px;
}

.BlacklistTitle {
  color: white;
  background-color: #006dff;
  width: 397px;
  padding-left: 3px;
}

.BlacklistBox {
  width: 400px;
  border: 1px solid #666666;
}

.BlacklistScrollable {
  width: 400px;
  height: 200px;
  overflow: scroll;
  padding: 0px;
}

.MessagingOptionBox {
  width: 400px;
  border: 1px solid #666666;
}

.StoryContentScrollable {
  overflow: scroll;
  height: 140px;
  width: 100%;
  padding: 0px;
}

.StoryLocationBox {
  float: right;
  width: 400px;
  margin-left: 5px;
  margin-bottom: 20px;
  margin-top: 5px;
  border: 1px solid #666666;
}


/*
 * Messages classes
 */
table.message {
  width: 918px;	/* set for FullWidth - padding, etc. */
  padding: 0px;
  margin-bottom: 5px;
  background-color: transparent;
  border: 0px solid black;
}

/*
 * Footer classes
 */
table.footer {
  font:Arial, Helvetica, sans-serif;
  color: Green;
  font-size: x-small;
}

td.footer {
  font:Arial, Helvetica, sans-serif;
  color: Green;
  font-size: x-small;
}



/*
 * Favorite Lists classes
 */
.FriendsListTitle, .FavoriteListTitle, .FavForumsTitle, .FavGuidesTitle {
  color: white;
  background-color: #808080; /* Gray */
  /*width: 202px;/* FavForumScrollable width+2*padding */
  padding-left: 2px;
}

/*
 * Special Focus box, post, etc. classes
 */
div.SpecialFocusPost {
  vertical-align: top
  }
div.SpecialFocusPost img {
  max-height: 80px;
  float: left;
  margin-right:2px;
}

.SpecialFocusContainer {
  width: 300px;
  padding: 0px;
  border: 1px solid #666666;
  margin-top: 5px;
  margin-bottom: 5px;
}
.SpecialFocusBox {
  min-height: 280px;
}

.SpecialAnnouncementContainer {
  width: 600px;
  padding: 0px;
  border: 1px solid #666666;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 3px;
}

.SpecialAnnouncementBox {
  min-height:5em;
}


/*
 * Special Links (e.g. About Us page)
 */
.biglink {
  font-size: x-large;
  font-weight: bold;
}


/*
 * Search overview classes
 */
.SearchLink {
  font-size: large;
  margin-bottom: 3px;
}

/*
 * Frequently Asked Questions and answer classes
 */
.question {
  color: PaleGreen;
  font-weight: normal;
  }
.answer {
  color: white;
  }

.QuestionSectionTitle {
  font-weight: bold;
  padding-left: 1em;
  color: black;
  background-color: #666666;
}

.FAQList {
  list-style: none;
}

/*
 * Rating Classes
 */
.AddFirstRating {
  color: PaleGreen;
  font-size: x-small;
  }

/*
 * Comment classes
 */
.CommentTitle {
  background-color: #666666;	/* Dark Grey */
  color: white;
}

.Comment {
  border: 1px solid #666666;
}

/*
 * Forums classes
 */
.ForumCategory {
  background-color: #4682b4; /* same as h3!!! */
  color: white;
  margin-top: 5px;
}

.ForumTable {
}
.ForumTable tr {
  background-color: none;
  color: white;
  }
.ForumTable tr td {
  /*border-bottom: 1px solid #666666;*/
  padding-bottom: 5px;
  }
.ForumPostTitle {
  background-color: #666666;
  color: white;
}

.MedicalTable {}
.MedicalTable tr {
  background-color: none;
  color: white;
  }
.MedicalTable tr td {
  /*border-bottom: 1px solid #666666;*/
  padding-bottom: 5px;
  }
.MedicalForum {
  font-size: larger;
  padding: 0.5em;
  background-color: none;
  color: white;
}


/*
 * Sponsors classes
 */
.SponsorBox {
  border: 1px solid black;
  background-color: #848484;
  float:right;
  clear:right;
  width:350px;
  margin-left:5px;
  margin-top:5px;
  margin-bottom:5px;
}

.SponsorBox table {
  background-color: #848484;
}

.SponsorObj {
  float:left;
  width:175px;	/* half of SponsorBox width */
}


/*
 * Video classes
 */
.HiddenVideo {
  display: none;
  position: fixed; /* stick this div to the window glass */
  left: 25%; /* move edge in by 25% of window width! */
  top: 35%; /* move top down by 35% of window height! */
  width: auto;
  padding: 10px;
  z-index: 500;
  background: #808080;
  border: 1px solid black;
}

/*
 * Front-page slideshow classes
 */
.SelectedSlideNumber {
  background-color: white;
  color:black;
}
.UnSelectedSlideNumber {
  background-color: transparent;
  color: white;
}