@import "map.css";

/**** Set html and body elements ****/
body
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 76%;
  background-color: #fff;
  margin: 0px;
  padding: 0px;
  text-align: center; /* fixes site window centering in old IEs */
  color: #666666;
}

#status-message {
    border: 1px dashed #ccc;
    padding: 5px;
    margin-bottom: 10px;
    background-color: #fefefe;
    color: #222;
}

#container
{
  text-align: left; /* reset text-align: see above note */
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  width: 756px;
}

div.normalpage {
    padding: 10px;
}

a 
{
  color: #0F4F96;
  text-decoration: none;
}

a:hover
{ 
  text-decoration: underline;
 }

/**** Set up wrapping and padding classes ****/

.leftWrap{
  width: 536px;
  float: left;
}

.rightPad{
 padding: 0px 6px 0px 0px;
}

.menuPad{

}

.vertPad{
  padding: 6px 0px 0px 0px;
}


.oneItemPad{
  padding: 6px;
             height: 1%;
}

div.home-left div.oneItemPad,
div.home-right div.oneItemPad
{
  padding: 10px;
}

.oneItemSmallPad{
padding: 6px 6px 3px 6px;
}

.twoItemPad{
  padding: 6px 6px 0px 6px;
}

.leftItemPad{
padding-right: 4px;
}

#topleftborder
{
  width: 530px;
  height: 5px;
  background-color: #0f5095;
  float: left;
}

#toprightborder
{ 
  width: 220px;
  height: 5px;
  background-color: #0f5095;
  float: right;
 }

/**** Header Styles ****/

#header
{
  height: 110px;
  background-color: #f5f5f5;
  border-bottom: 5px solid #fff;
  float: left;
  width: 756px;
}

#header a
{
  display: block;
  position: relative;
  width: 128px;
  height: 98px;
  text-indent: -9999px;
  background-image: url("/slbLogo.png");
  left: 5px;
  top: 5px;
  float: left;
}

#header a.fftflogo
{ 
  background-image: url("/fftfLogo.png");
  background-repeat: no-repeat;
  width: 220px;
  height: 89px;
  left: 408px;
  top: 15px;
}

.hidden{
visibility: hidden;
}

/**** Menu styles ****/

#top
{
  border-bottom: 5px solid #fff;
  clear: both;
  float: left;
  width: 756px;
}

ul#menu, #menu li{
  display: block;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

div#menu-holder
{
  width: 530px;
  background-color: #eeeeee;
 }

#menu li
{ 
  float: left;
}

#menu li.lastitem
{ 
  margin-right: 0;
}

#top h3
{
  margin: 0;
  font-size: 1.0em;
}

#menu h3 a
{
  font-weight: normal;
  text-transform: none;
  letter-spacing: 0px;
  display: block;
  color: #666;
  padding: 5px 6px 5px 6px;
  text-decoration: none;
  border-right: 5px solid #fff;
}

#menu a:hover{
  color: #333;
}

#menu li.selected a{
  color: #fff;
  background-color: #6699cc;
}

#main
{
  float: left;
  padding: 0px;
  background-image: url('/faux_column_right.gif');
  height: 1%;
}

#logout
{ 
  float: right;
 }

#profile-link
{ 
  font-weight: bold;
 }

a.signup-link 
{ 
  color: #000;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.2em;
  }

a.signup-link:hover
{ 
  text-decoration: none;
 }

#intro {

}

#homepage-columns {
                    background-image: url('/double_column_bg.gif');
                    background-repeat: repeat-y;
		border-top: 5px solid #fff;
}

/**** Right Column Styles *****/

.rightCol{
  display: inline;
  float: left;
  width: 220px;
}

#top .rightCol{
  background-color: #0f5095;
}

#top .rightCol h3 
{
  font-weight: normal;
  color: white;
  text-transform: none;
  letter-spacing: 0px;
  font-size: 1.0em;
  padding: 5px;
}

#top .rightCol h3 a
{ 
  color: #fff;
 }

#loggedin-header
{ 

 }

/**** Left Column Styles ****/

.twoItems{ 

}

.itemLeft{
  float: left;
  margin-right: 5px;
}

.itemRight{
  float: right;
}

.smallItem{
width: 262px;
}      

/**** Background Styles ****/

.plainBg{
  background-color: #eeeeee;
}

.blueBg{
  background-color: #87a8ca;
  color: white;
}

.fadeBg {
  background-image: url("/fade.png");
  background-repeat: repeat-x;
}

.stripesBg {
  background-image: url("/stripesBg.png");
}

.swirlBg {
  background-image: url("/swirlBg.png");
  background-repeat: no-repeat;
  background-color: #e9e9e9;
}

img.text
{ 
  vertical-align: bottom;
}

/**** Footer Styles ****/

#footer
{
  margin-top: 6px;
  width: 100%;
  clear:both;
  float: left;
  background-image: url("/footer.png");
  background-repeat: no-repeat;
  background-color: #f4f4f4;
  background-position: bottom;
}

#footer p {
    padding: 6px 6px 50px 6px;
}


/**** Main Font Styles ****/

h1
{
  font-size: 1.4em;
  color: #0f5095;
  margin-top:0px;
  }


h1.pagetitle
{ 
  color: #fff;
  font-size: 1.0em;
  background-color: #87a8ca;
  margin:0px 0px 5px 0px;
  padding: 8px 8px 3px 8px;
 }

h1.pagetitle span.bigger
{ 
  font-size: 1.35em;
 }

/*h2
{
font-size: 1.1em;
text-transform: uppercase;
letter-spacing: -1px;
color: #87a8ca;
margin: 0;
}*/

h3{
margin:0;
font-size: 110%;
font-weight: bolder;
text-transform: uppercase;
letter-spacing: -1px;
color: #87a8ca;
margin-bottom: 5px;
}

h4
{
}

.blueBg h3{
color: white;
}

.morePad{
  padding:0 0 0 10px;
  color: #0f5095;
}

.morePad a{
  color: #0f5095;
  font-weight: bolder;
  font-size: 110%;
  text-decoration: none;
  font-style: italic;
}

.highlight{
  color: black;
  font-size: 120%;
  font-weight: bolder;
  text-transform: uppercase;
  letter-spacing: -1px;
}

h4{
  font-size: 0.9em;
  margin:0;
  font-weight: bolder;
  color: #0E5197;
}

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

.blueBg p{
  color: white;
}

#memberthumbs a
{ 
  width: 60px;
  height: 60px;
  margin-right: 10px;
  float: left;
  margin-top:10px;
 }

#memberthumbs a.end
{ 
  margin-right:0;
 }

#memberthumbs a img
{ 
  border: 0px;
}

input.text
{
  display: block;
  border: 1px solid #d2d2d2;
  padding: 3px;
  margin-bottom: 6px;
  width: 190px;
}

.member-search-box select
{ 
  border: 1px solid #d2d2d2;
  width: 197px;
  padding: 3px;
 }

input.submitbutton
{
  padding-left: 2px;
}

.clear
{ 
  clear: both;
}

.hidden
{
    height: 0px;
    overflow: hidden;
}

/**** styles for homepage ****/

div.role-model-box
{
  background-color: #eee;
  margin-bottom: 6px;
}

div.about-box
{
  background-image: url("/swirlBg.png");
  background-repeat: no-repeat;
  background-color: #e9e9e9;
}

.role-model-box p,
.about-box p
{
  margin-top: 10px;
  margin-bottom: 0px;
}

div.member-images-box
{
  background-color: #87a8ca;
  color: white; 
  border-bottom: 6px solid #fff;
}

div.member-login-box
{
    background-image: url("/stripesBg.png");
}

div.member-search-box 
{
    background-color: #eeeeee;
    border-bottom: 6px solid #fff;
}

.member-login-box img,
.member-search-box img
{
  margin-bottom: 10px;
}

img.interior-title
{
  margin-top: 15px;
}

/**** styles for member info page ****/

#profile-columns
{ 
  background-image: url("/profile_column_bg.gif");
  background-repeat: repeat-y;
 }

#profile-columns-bottom
{ 
  clear: both;
  height: 6px;
  background-image: url("/profile_column_bottom_bg.gif");
 }

.showing
{
  margin-top: 2px;
  float: left;
}

.showing p
{
  margin: 0;
}

/*#photos, #files, #news, #recent
{ 
  background-color: #eee;
}*/

#news, #recent, #files, #photos, #profile-box, #biography-box
{
  background-color: #eee;
  background-image: url("/fade.png");
  background-repeat: repeat-x;
}

#profile-box, #biography-box
{
  background-color: transparent;
}

#profile-box p,
#biography p,
#member-newsfeed p,
#member-events p,
#member-forum-posts {
	     font-size: 0.9em;
}


#photos-holder 
{ 
  margin-left: 1px;
  margin-bottom: 10px;
/*float: left;*/
}

#photos-holder a
{ 
  float: left;
  margin-right: 11px;
  margin-bottom: 10px;
 }

#photos-holder a.end
{ 
  margin-right: 0px;
}

#photos-holder a.bottom
{
  margin-bottom: 0px;
}

div.search-result
{
  background-color: #fff;
  border: 1px solid #d2d2d2;
  padding: 5px;
  margin-bottom: 10px;
  height: 1%;
  font-size: 0.95em;
}

div.search-result img.portrait
{
    float: left;
    margin-right: 5px;
    border: 0px;
}

/* div.search-result.even */
div.search-result
{
    background-image: url("/fade_white.png");
    background-repeat: repeat-x;
    background-color: #fff;
}

div.search-result p
{
    margin-bottom: 0px;
}

.section
{
  background-color: white;
  border: 1px solid #d2d2d2;
  margin-top: 2px;
}
.sectionTwo
{
  background-color: white;
  border: 1px solid #d2d2d2;
  border-top: none;
  margin-top: 0px;
}

#profile-columns .section,
#profile-columns .sectionTwo
{ 
  border-bottom: 0px;
  padding-bottom: 0px;
}

#member-portrait{
  position: relative;
width: 220px;
background-color: #87a8ca;
background-image: url("/portrait_bg.gif");
background-repeat: no-repeat;
background-position: right;
}

.portraitPad
{
  padding: 6px;
}

#member-portrait img.thumbnail,
img.preview
{
  border: 1px solid #fff;
  float: left;
  margin-right: 6px;
}

img.creator-preview {
  border: 1px solid #fff;
  float: right;
  margin-left: 6px;
}


a.email
{
  font-size: 90%;
  font-weight: bolder;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  background-color: #0F4F96;
  padding: 3px 5px;
}

div.search-result a.email
{
    float: right;
}

#member-portrait a.email
{
  position: absolute;
  right: 6px;
  bottom: 0;
  margin-bottom: 6px;
}

.section.closed
{ 
  border-bottom: 1px solid #d2d2d2 !important;
 }

a img
{ 
  border: 0px;
 }

.documentByLine 
{ 
  margin-bottom: 15px;
 }

.documentActions,
.discreet
{
  display:none;
  }

label
{ 
  font-weight:bold;
  }

div.field
{ 
  margin-bottom:10px;
 }

div.ArchetypesFileWidget div,
div.ArchetypesImageWidget div
{ 
  padding-top: 0px !important;
 }

div.ArchetypesImageWidget div.field
{ 
  margin-bottom:0px;
 }

input.button
{ 
  border: 1px solid #000;
  color: #fff;
  background-color: #0F5095;
  font-weight: bold;
 }


textarea
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.0em;
  width: 95%;
  border: 1px solid #888;
  color: #666666;
  padding: 3px;
  }

.fieldRequired
{ 
  color:red;
 }

div#member-profile div.section
{
  border:2px solid #dddddd;
  margin:5px;
  padding: 5px;
  }

img.icon
{ 
  border: 0px;
  vertical-align: middle;
 }

img.left {
    float: left;
    padding-top: 3px;
    padding-right: 5px;
}

div.options
{ 
  float: right;
  border: 0px;
 }

.location_map div.options 
{ 
  float: none;
  position: absolute;
  top: 4px;
  right: 4px;
  }

table#profile td
{ 
  padding: 0px;
  vertical-align: top;
 }

div#portrait div portraitPad div.options
{ 
  position: absolute;
  z-index: 50;
  top: 5px;
  right: 5px;
 }


table.listing
{ 
  border: 1px solid #dbdbdb;
  border-top: 0px;
  margin-bottom: 10px;
 }

table.listing th
{ 
  font-weight:bold;
 }

table.listing td
{ 
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
 }

table.listing tr
{ 
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  background-image: url("/table_even_bg.gif");
  background-repeat: none;
 }

table.listing tr.odd
{ 
  background-image: url("/table_odd_bg.gif");
 }

table.listing th, table.listing td
{ 
  padding: 3px 0px 3px 5px;
 }

table.listing th.nopad,
table.listing td.nopad
{ 
  padding: 0px;
 }

table.listing tr.header
{ 
  background-image: url("/table_header_bg.gif");
  background-repeat: no-repeat;
  background-color: #e5e5e5;
 }

tr.header th
{ 
  border-right: 1px solid #bcbcbc;
  border-bottom: 1px solid #bcbcbc;
 }

tr.header th.last-theader
{
  border-right: 0px;
  border-bottom: 1px solid #bcbcbc;
}

#member-newsfeed,
#member-events,
#member-forum-posts
{
  position: relative;
  background-color: #fff;
  border: 1px solid #d2d2d2;
}

#member-newsfeed p.normal,
#member-events p.normal,
#member-forum-posts p.normal
{
  margin-bottom: 10px;
}

#member-newsfeed a,
#member-events a,
#member-forum-posts a,
.list-nav a
{
  font-weight: bolder;
  text-decoration: none; !important
}

#member-newsfeed a.more,
#member-events a.more,
#member-forum-posts a.more
{
  margin-left: 4px
}

#member-newsfeed h3,
#member-events h3,
#member-forum-posts h3
{
  margin-bottom: 10px;
}

.list-nav a.left
{
  padding: 0px;
  margin-right: 3px;
}

.list-nav a.right
{
  padding: 0px;
  margin-left: 3px;
}

.list-nav
{
  float: right;
  font-size: .9em;
  margin-right: 3px;
}

#member-newsfeed .list-nav ,
#member-forum-posts .list-nav
{
  margin-right: 0px;
}

.map
{ 
  background-color:#f6f6f6;
  }

.documentDescription
{
  font-weight: bolder;
}

div.eventDetails table.vertical
{
  border-color: #dbdbdb;
  border-style: solid;
  border-width: 1px;
}

div.eventDetails table.vertical tr
{
  background-image: url("/table_odd_bg.gif");
  border-right: none;
}

div.eventDetails table.vertical th
{
  padding: 3px 3px 3px 5px;
  border: none;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
}

div.eventDetails table.vertical td
{
  border: none;
  border-bottom: 1px solid #fff;
}

/* Forums */

table.forum-listing td, table.forum-listing th {
    vertical-align: top;
    padding-bottom: 5px;
}

table.forum-listing td {
    padding-top: 5px;
    border-bottom: 1px solid #f4f4f4;
}

table.forum-listing th {
    padding-top: 3px;
    padding-right: 5px;
    border-bottom: 1px solid #ccc;
}

table.message-listing {
    border: 1px solid #ccc;
    border-top: none;
}

table.message-listing td {
    vertical-align: top;
    border-top: 1px solid #ccc;
    padding: 10px;
    background-color: #eee;
    background-image: url("/fade.png");
    background-repeat: repeat-x;
}

table.message-listing tr.even td {
    background-image: url("/fade_white.png");
    background-repeat: repeat-x;
    background-color: #fff;
}

div#rhcolcontent
{ 
  padding:5px;
 }

td.note {
    font-size: 0.9em;
}