@charset 'UTF-8';
/*********************************************************
 * Style: Staff Lounge
 *
 * Outdoor Spirit Group
 * Copyright 2008/2009 Outdoor Spirit Group.
 * All rights reserved.
 *
 * This site has been hand-developed by Jason Moss.
 *  - www.jdmlabs.com           |  web
 *  - jason.moss@gmail.com  |  mail
 *  - +1-403-850-1496           |  voice
*********************************************************/
@media screen {
* { margin: 0; padding: 0; border: 0; text-decoration: none }
a:link, a:visited { color: #fff }
article, aside, body, footer, header, html, nav, section { display: block }
html { background: #2b2b2b; font: normal normal normal 85%/160% arial,sans-serif; color: #f5f5f5; cursor: default }
html { background-image: url( '/osg/lounge/_assets/images/html.png' ) !important; background-image: url( '/osg/lounge/_assets/images/html.gif' ); background-repeat:  repeat-x; background-position: 0 0 }

nav.toolbar, section.page, section.admin-page, footer { clear: both; width: 85% !important; min-width: 900px; max-width: 1200px; width: 900px; margin: 0 auto; padding: 0 }
nav ul, nav dl { list-style: none }

header.masthead { height: 3.7em; background: #2a2a2a  }
  header.masthead section { display: block; width: 80%; margin: 0 auto; padding: .3em 0 1em }
    header.masthead section h1, header section h2 { display: block }
    header.masthead section h1 { float: left; width: 300px; height: 31px; margin: .1em 0 0; line-height: 1.3em; letter-spacing: .1em; font-size: 200%; color: #f5f5f5 }
    header.masthead section h2 { float: right; margin: .7em 0 0; text-align: right; line-height: 1.3em; letter-spacing: .2em; font-style: italic; font-weight: bolder; font-size: 120%; color: #555 }

nav.toolbar ul { display: block; float: left; margin: 0 0 0 2em }
  nav.toolbar ul li { display: block; float: left; margin: 2em .1em; padding: 0 }
  nav.toolbar ul li a:link, nav.toolbar ul li a:visited { display: block; margin: 0; padding: .6em 1.5em .8em; border: 0; -moz-border-radius: .4em; -webkit-border-radius: .4em; letter-spacing: .1em; font-weight: bold; color: #777 }
  nav.toolbar ul li a:hover, nav.toolbar ul li a:focus, nav.toolbar ul li a:active { background: #222; text-decoration: underline; color: #999 }
  nav.toolbar ul li.active a:link, nav.toolbar ul li.active a:visited { background: #333; text-decoration: underline; color: #ff5200 }

section.page { display: table; margin: 1em auto; padding: 0 }
  section h2 { display: inline-block; margin-bottom: 1em; line-height: 2em; font-size: 220% }
  section h3 { line-height: 1.5em; font-style: italic; color: #914d2b }

aside { float: left; width: 22% }
aside nav { display: block }
  aside nav h4 { display: block; margin: 2em 0 1em; padding: 0 1em .2em 0; font-size: 130% }
  aside nav h4 .current-user { border-bottom: .1em dotted #00caff; font-weight: bold; color: #00caff; cursor: help }
  aside nav dl { list-style: none; display: block }
  aside nav dl dt { display: block; margin: .5em 0 .2em; padding: 0 1em .2em 1em; border-bottom: .1em solid #333; font-weight: bold; font-size: 110%; color: #666 }
  aside nav dl dd { display: block; padding: .1em; background: transparent; font-size: 90% }
  aside nav dl dd a:link, aside nav dl dd a:visited, .forgot-password-link a:link, .forgot-password-link a:visited { display: block; margin: 0; padding: .2em .2em .2em 2em; background: url( '/osg/lounge/_assets/images/icons/single-arrow-list.gif' ) no-repeat 2% 50%; text-decoration: none; letter-spacing: .1em; font-weight: bold; color: #ff5200 }
  aside nav dl dd a:hover, aside nav dl dd a:focus, aside nav dl dd a:active, .forgot-password-link a:hover, .forgot-password-link a:focus, .forgot-password-link a:active { text-decoration: underline; color: #ffb800 }
  aside nav dl dd.active a:link, aside nav dl dd.active a:visited, aside nav dl dd.active a:hover, aside nav dl dd.active a:focus, aside nav dl dd.active a:active { text-decoration: underline; color: #00caff }
  aside nav dd.administration-nav-divider { width: 70%; height: 0; margin: .5em 0 .4em 1em; padding: 0; border-bottom: .1em solid #333; background: transparent }
aside section.block { margin: 2em 0 1em; padding: 1em .7em; border: .2em solid #444; -moz-border-radius: .3em; -webkit-border-radius: .3em; background: #333 }

aside.floating-panel { display: block; z-index: 10; position: fixed; top: 10em; left: 0; margin: 0 0 0 .5em }
/*  aside.floating-panel nav h4 { margin: 0 0 .4em; text-align: right; font-size: 110% }*/
  aside.floating-panel nav h4 { display: none }
  aside nav p.menu-link { display: none }
/*  aside.floating-panel nav p.menu-link { display: block; float: right; margin: 0 0 .2em; padding: .2em 1em; border: 0.1em solid #333; -moz-border-radius: .3em; -webkit-border-radius: .3em; background: #2d2d2d; text-align: right }*/
  aside.floating-panel nav p.menu-link { display: block; position: fixed; width: 30px; height: 160px; margin: 0; padding: .2em 1em; border: 0; background: transparent url( '/osg/lounge/_assets/images/buttons/administration-menu.png' ) no-repeat 0 0 }
/*  aside.floating-panel nav p.menu-link a { display: block; font-size: 90%; color: #ff5200; cursor: pointer }
  aside.floating-panel nav p.menu-link a { display: block }*/
  aside.floating-panel nav p.menu-link span { display: none }
  aside.floating-panel dl { display: none; float: left; width: 12em; margin: 0 0 0 3em; padding: 1em .5em 1em 1em; border: .3em solid #282828; -moz-border-radius: .5em; -webkit-border-radius: .5em; background: url( '/osg/lounge/_assets/images/menu-bg.png' ) repeat-x 0 0 !important; background: #333; }
  aside.floating-panel dd { font-size: 80% }

section.page article { float: left; width: 100%; margin: 0 0 1em; padding: 0 .5em 0 2em; background: transparent }
section.page .inner-page { float: left; width: 73%; margin: 0 0 1em; padding: 0 .5em 0 2em; background: transparent }

section.page section.error { display: block; float: left; width: 50%; margin: 0 0 2em 3em; padding: 0 1em; border: 0.1em solid #f00; -moz-border-radius: .3em; -webkit-border-radius: .3em; background: #deaaaa; color: #000 }
  section.page section.error p { margin: 1em 0; font-weight: bold; font-size: 110%  }
section.page section.message { display: block; float: left; width: 50%; margin: 0 0 2em 3em; padding: .5em 1em; border: 0.1em solid #f5ec9d; -moz-border-radius: .3em; -webkit-border-radius: .3em; background: #fff8bd }
  section.page section.message p { margin: 1em 0; font-weight: bold; font-size: 110%; color: #000  }
  section.page .temporary-message { font-style: italic; font-size: 50%; color: #444; cursor: help }

footer { height: 3em; margin: 1em auto 2em; padding: 1em 0; border-top: .2em dotted #333; font-size: 90% }
  footer nav ul.menu-copyright { display: block; float: left; width: 300px; margin: 0 0 0 2em; vertical-align: top; line-height: 1.5em; color: #666 }
  footer nav ul.menu-copyright { display: block }
  footer nav ul.menu-copyright li { display: list-item; float: left; padding: 0 }
  footer nav ul.menu-copyright li a:link, footer nav ul.menu-copyright li a:visited { font-size: 80%; color: #fff }
  footer nav ul.menu-foot { list-style: none; display: block; float: left; width: 62%; margin: 0; vertical-align: top }
  footer nav ul.menu-foot li { padding: 0 0 0.5em 0; text-align: right }
  footer nav ul.menu-foot li a:link, footer nav ul.menu-foot li a:visited { display: inline-block; padding: 0 5px; border: 0; text-decoration: none; font-size: 100%; color: #777 }
  footer nav ul.menu-foot li a:hover, footer nav ul.menu-foot li a:focus, footer nav ul.menu-foot li a:active { text-decoration: underline; color: #fff }
  footer nav ul.menu-foot li span.menu-divider { color: #888 }
  footer nav ul.menu-foot li a.admin { color: #f40 }
/* -----  GOOGLE CALENDAR  ----- */
.google-embedded-calendar { display: block; overflow: visible; width: 95%; height: 650px; margin: 1em .5em 0; padding: 10px; border: 4px solid #f8f8f8 }
/* -----  VCARD  ----- */
.vcard { list-style: none; display: block; margin: 0; padding: 0; line-height: 1.2em; font-size: 90% }
.vcard dt, .vcard dd { margin: 0; padding: 0; display: block }
.vcard .fn { display: inline-block; margin: 0 0 .7em; font-weight: bold; font-size: 120% }
.home .vcard .fn:link, .home .vcard .fn:visited { color: #555 }
.vcard .note { margin: .8em 0; padding: 0 .3em .8em; border-bottom: 0.1em dotted #9d9494; font-size: 90% }
.vcard .adr { list-style: none; display: block; margin: 0 0 1em .5em; padding: 0; line-height: 1.5em }
.vcard .adr .country-name { margin-bottom: .8em }
.vcard .email { margin-top: .8em }
.vcard span.type { display: inline-block; width: 4em; margin-right: 1em; font-weight: bold }
.vcard .geo { display: none }
.supplier-price-lists .vcard .email, .supplier-price-lists .vcard .url { margin-top: .5em; margin-bottom: .5em }
.supplier-price-lists .vcard a:link, .supplier-price-lists .vcard a:visited { color: #00caff }

.b { font-weight: bold }
.up { text-transform: uppercase }
.red { color: #f00 }
.white { color: #fff }
.underline { border-bottom: .1em dotted #666 }
.important { padding: .1em; background: #111; letter-spacing: .1em; font-weight: bold; color: #ffb800 }
#load { display: none; position: absolute; right: 10px; top: 10px; width: 43px; height: 11px;  background: url( '/osg/lounge/_assets/images/icons/loading2.gif' ); text-indent: -9999em }
.top-link { display: block; position: fixed; top: 70%; right: 1em; width: 12px; height: 20px; background: transparent url( '/osg/lounge/_assets/images/icons/top-link.png' ) no-repeat 0 0; }
.top-link span { display: none }
}

@media screen {
/**  FORMS  **/
form { display: block; float: left; width: 30em; margin: 1em 0 0 2em; font-size: 110%; }
form p { display: block; float: left; width: 100%; margin: .5em 0; }
form label { display: inline-block; float: left; width: 12em; margin-right: 1em; font-weight: bold; font-size: 90% }
form input { display: inline-block; float: left; width: 15em; margin: 0; padding: .2em .3em; border: .1em solid #ffc900; background: #fffbde; font-size: 100% }
form input:focus, form input:active { border-color: #f00; background: #fff }
form button { display: inline-block; float: right; width: auto; margin: .5em 5em 0 0; padding: .2em .5em !important; padding: 0 .5em; font-weight: bold; font-size: 90%; cursor: pointer }

.forgot-password-link { display: block; float: left; width: 100%; padding: 1em }
.hidden { display: none }
.small-text { font-size: 80% }
.form-register-new-account .small-text { width: 80%; margin: .5em  0 .5em 2em; font-style: italic }
form .radios { list-style: none; display: block; float: left }
form .radios li { display: inline-block; float: left; margin: 0 0 0 1em; padding: .2em 0 0 }
.radios label { width: auto }
.radios input { width: auto; border: 0; background: transparent }
.form-delete-user button { margin-right: 14em }
.form-edit-user .radios { margin-top: 1em }
}