/**************************************************************************/
/* Website update candidates
/**************************************************************************/

span.wuc {
  color:red;
  /*background-color:white;*/
}

/**************************************************************************/
/* PDF links
/**************************************************************************/

div.pdf {
  margin-top:20px;
  float:right;
  padding:4px;
  padding-right:8px;
  text-align:center;
  border:1px solid RGB(200,200,200);
  background-color:white;
}

div.pdf img {
  margin-right:5px;
}

div.pdf a {
  font-size:8pt;
}

/**************************************************************************/
/* Pop up window
/**************************************************************************/

div.popup {
  text-align:center;
}
div.popup img.main {
  padding:20px;
  background-color:RGB(240,240,240);
}

div.popup h2 {
 padding-bottom:5px;
 border-bottom:2px solid RGB(240,240,240);
}

div.popup p {
  text-align:left;
}


/**************************************************************************/
/* Sitemap
/**************************************************************************/

div.sitemap {
}

div.sitemap li.section a {
  font-size:11pt;
  font-weight:bold;
}

div.sitemap li.subsection a {
  font-size:9pt;
  font-weight:normal;
}

/**************************************************************************/
/* Admin panel
/**************************************************************************/

div#admin {
  text-align:left; /* to compensate for center layout */
  background-image:url(/img/standard/layout/clubfacebackground02.gif);
  background-position:top left;
  background-color:white;
  border-bottom:2px solid RGB(160,160,160);
  height:110px;
}

div#admin div.panel h1 {
  margin:0;
  padding:2px;
  background-color:black;
  color:white;
  font-size:9pt;
  font-weight:bold;
}

div#admin div.panel {
  width:500px;
  float:left;
  margin-right:10px;
  padding-bottom:5px;
  background-color:RGB(245,245,245);
  border:1px dotted black;
  border-top:none;
  font-size:8pt;
}

div#admin div.panel div.row {
  padding:5px;
}

div#admin div.panel div.row div.heading {
  float:left;
  margin-right:10px;
  width:110px;
  text-align:right;
  font-size:7pt;
}

div#admin div.panel div.row div.title {
  color:black;
  font-style:normal;
  font-size:9pt;
}

div#admin div.panel div.row div.links {
  float:right;
}

div#admin div.panel div.row div.links a {
/*  margin-right:2px;*/
}

div#admin img.disabled {
  background-color:RGB(235,235,235);
  border:1px solid RGB(180,180,180);
}
div#admin img {
  background-color:white;
  border:1px solid black;
}

/**************************************************************************/
/* Navigator
/**************************************************************************/

div.navigator {
  height:24px;
  padding-top:2px;
  background-color:RGB(240,230,220);
  border-top:1px solid RGB(100,100,100);
  border-bottom:1px solid RGB(100,100,100);
  font-size:8pt;
}

div.navigator div.first,
div.navigator div.prev,
div.navigator div.current,
div.navigator div.next,
div.navigator div.last,
div.navigator div.select,
div.navigator div.range {
  margin-top:3px;
  margin-left:2px;
  margin-right:2px;
  float:left;
}

div.navigator div.first {
}
div.navigator div.prev {
}
div.navigator div.current {
 margin-left:5px;
 margin-right:5px;
}

div.navigator.div.next {
}
div.navigator div.last {
}

div.navigator div.select {
  margin-top:0;
}

div.navigator select {
  font-size:8pt;
  padding:0;
  height:20px;
}

div.navigator input {
  padding:1px;
  font-size:7pt;
}

div.navigator div.range {
  float:right;
  margin-right:5px;
}

/**************************************************************************/
/* CUSTOM TAGS: Messages
/**************************************************************************/

div.messagegroup,
div.message {
  background-color:RGB(250,250,205);
  /*RGB(248,248,210);*/
  /*text-align:center;*/
}

div.message {
  margin-top:0px;
  margin-bottom:20px;
  padding:5px;
  line-height:16px;
}

/**************************************************************************/
/* Links
/**************************************************************************/

div.sitelinks {
  text-align:center;
}

div.sitelinks a {
  margin-left:15px;
  margin-right:15px;
}

div.sitelinks span.nsclink {
  font-size:8pt;
  color:RGB(140,140,140)
}

a.button {
  display:block;
  margin-bottom:18px;
}

/**************************************************************************/
/* Field/value pairs
/**************************************************************************/

div.field {
  clear:both;
  margin-top:12px;
  margin-bottom:12px;
}

div.field div.name {
  float:left;
  width:30%;
}

div.field div.name a {
  display:block;
  margin-bottom:12px;
  font-size:8pt;
}

div.field div.value {
  margin-left:30%;
  color:RGB(58,78,139);
}

span.required {
  font-weight:bold;
  color:red;
}

span.note{
  font-size:8pt;
  color:RGB(140,140,140);
}

div.error_message,
div.error-message {
  color:red;
}

/**************************************************************************/
/* Alternative layout, used for images & attachments
*/

div.input {
  margin-top:12px;
  margin-bottom:12px;
}

div.input label {
  float:left;
  width:30%;
}

div.input div.error-message {
  margin-left:30%
}

div.input input.text,
div.input textarea {
  width:65%; /* was 400px */
}

/**************************************************************************/
/* Custom formats
/**************************************************************************/

div.note {
  padding:10px;
  line-height:16px;
  text-align:center;
  background-color:RGB(245,245,245);
  border:1px dotted RGB(200,200,200);
  font-size:8pt;
}

/*span.productname {
  color:RGB(108,156,161);
  font-weight:bold;
  font-style:normal;
  font-family:arial;
  font-size:12pt;
  color:red;
}*/

span.productname {
  /*color:RGB(124,183,127);*/
  color:RGB(30,143,110);
  font-family:arial;
  /*font-size:12pt;*/
  font-style:italic;
  font-weight:bold;
}

a.companyname:link,
a.companyname:visited {
  /*color:RGB(110,128,200);*/
  font-weight:bold;
  /*font-style:italic;*/
  font-family:arial;
}

span.companyname {
  color:RGB(100,130,185);
  font-weight:bold;
  /*font-style:italic;*/
  font-family:arial;
}

p.quote {
  margin-bottom:0;
  padding:10px;
  font-size:8pt;
  border:1px dashed RGB(160,160,160);
  background:RGB(250,250,225);
}

p.quotesource {
  margin-top:5px;
  text-align:right;
  font-size:8pt;
}

p.screentext {
  padding:10px;
  margin-left:32px;
  margin-right:32px;
  background-color:RGB(250,250,250);
  border:1px solid RGB(200,200,200);
  font-family:courier,sans-serif;
}

/**************************************************************************/
/* Images
/**************************************************************************/

div.simpleimageright {
  float:right;
  margin-left:20px;
  margin-bottom:10px;
}

div.simpleimageleft {
  float:left;
  margin-right:20px;
  margin-bottom:10px;
}

div.captionedimage {
  float:left;
}

div.captionedimage,
div.captionedimageleft,
div.captionedimageright {
  margin-bottom:20px;
}
div.captionedimageleft {
  clear:both;
  float:left;
  margin-right:20px;
}
div.captionedimageright {
  clear:both;
  float:right;
  margin-left:20px;
}

div.captionedimage img,
div.captionedimageleft img,
div.captionedimageright img {
  margin:0;
  border:1px solid RGB(160,160,160);
}

div.captionedimage p,
div.captionedimageleft p,
div.captionedimageright p {
  margin:0;
  padding:2px;
  line-height:16px;
  text-align:center;
  color:RGB(60,60,60);
  background-color:RGB(245,245,245);
  border:1px solid RGB(160,160,160);
  border-top:none;
  font-size:8pt;
}

div.featuredimage
{
  padding:10px;
  background:RGB(245,245,245);
  border:1px solid RGB(200,200,200);
}

div.featuredimage img
{
  float:left;
  margin-right:10px;
  border:1px solid RGB(200,200,200);
}

div.featuredimage p.title
{
  margin-top:0px;
  margin-bottom:16px;
  font-size:11pt;
  font-weight:bold;
}

div.featuredimage p
{
  margin-top:0px;
  margin-bottom:0px;
}

/**************************************************************************/
/* CSS Hacks (for floats within divs)

/* Firefox: extend divs to encompass any floats within */
/* IE does this automatically because a height is specified */
html>body div.featuredimage {
  overflow:auto;
}

/* IE: holly hack to stop Peek-a-boo bug */
/* Hides from IE5-mac \*/
* html div.featuredimage { height: 1%; }
/* End hide from IE5-mac */

/**************************************************************************/
/* Formats for specific pages: Contact
/**************************************************************************/

table.contact p {
  margin:0;
  font-weight:bold;
}

table.contact li {
  margin-bottom:4px;
}

div.multimaplink {
  float:right;
  text-align:center;
  font-size:7pt;
}

/**************************************************************************/
/* Slideshow
/**************************************************************************/

div.slideshow {
  position:relative;
  height:100%;
}

div.slide {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  background-position:top right;
  background-repeat:no-repeat;
}

/**************************************************************************/
/* Box
/**************************************************************************/

div.box {
  margin:auto;
  margin-top:20px;
  margin-bottom:20px;
  width:410px;
}

div.box div.title {
  background-image:url(/img/standard/layout/boxtopright.jpg);
  background-position:top right;
  background-repeat:no-repeat;
  border-bottom:2px solid RGB(160,160,160);
}

div.box div.title h1 {
  margin:0;
  padding:8px;
  text-align:center;
  background-image:url(/img/standard/layout/boxtopleft.jpg);
  background-position:top left;
  background-repeat:no-repeat;
  border:none;
  font-size:14pt;
}

div.box div.body {
  background-image:url(/img/standard/layout/boxbottomleft.jpg);
  background-position:bottom left;
  background-repeat:no-repeat;
}

div.box div.innerbody {
  margin:0;
  padding:20px;
  padding-left:0;
  margin-left:20px; /* width of left image */
  background-image:url(/img/standard/layout/boxbottomright.jpg);
  background-position:bottom right;
  background-repeat:no-repeat;
  line-height:20px;
}

div.box img {
  float:right;
  margin-left:10px;
}

div.box p {
  margin-top:0;
}


/**************************************************************************/
/* Proshop
/**************************************************************************/

div.proshop {
  text-align:center;
}

div.proshop img {
  margin:10px;
  vertical-align:middle;
  border:none;
}