/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

/*
  BLUEPRINT CSS
   * Filename:        compressed.css
   * Version:         0.7.1 (2008-02-25) YYYY-MM-DD
   * Website:         http://code.google.com/p/blueprintcss/

   Generated by:
    * Blueprint CSS Grid Generator (2008-11-18) [http://kematzy.com/blueprint-generator/]

  == STRUCTURE: ========================
   * Page width:            996 px
   * Number of columns:     24
   * Column width:          30 px
   * Margin width:          12 px
  ======================================

*/
/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

body {
  line-height: 1.5; }

table {
  border-collapse: separate;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal; }

table, td, th {
  vertical-align: middle; }

blockquote:before, blockquote:after, q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

a img {
  border: none; }

/* typography.css */
body {
  font-size: 75%;
  color: #222;
  background: #fff;
  font-family: Verdana,Helvetica,Arial,sans-serif; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  color: #111; }

h1 {
  font-size: 3em;
  line-height: 1;
  margin-bottom: 0.5em; }

h2 {
  font-size: 2em;
  margin-bottom: 0.75em; }

h3 {
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 1em; }

h4 {
  font-size: 1.2em;
  line-height: 1.25;
  margin-bottom: 1.25em;
  height: 1.25em; }

h5 {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 1.5em; }

h6 {
  font-size: 1em;
  font-weight: bold; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
  margin: 0; }

p {
  margin: 0 0 1.5em; }

p img {
  float: left;
  margin: 1.5em 1.5em 1.5em 0;
  padding: 0; }

p img.right {
  float: right;
  margin: 1.5em 0 1.5em 1.5em; }

a:focus, a:hover {
  color: #000; }

a {
  color: #009;
  text-decoration: underline; }

blockquote {
  margin: 1.5em;
  color: #666;
  font-style: italic; }

strong {
  font-weight: bold; }

em, dfn {
  font-style: italic; }

dfn {
  font-weight: bold; }

sup, sub {
  line-height: 0; }

abbr, acronym {
  border-bottom: 1px dotted #666; }

address {
  margin: 0 0 1.5em;
  font-style: italic; }

del {
  color: #666; }

pre, code {
  margin: 1.5em 0;
  white-space: pre; }

pre, code, tt {
  font: 1em 'andale mono', 'lucida console', monospace;
  line-height: 1.5; }

li ul, li ol {
  margin: 0 1.5em; }

ul, ol {
  margin: 0 1.5em 1.5em 1.5em; }

ul {
  list-style-type: disc; }

ol {
  list-style-type: decimal; }

dl {
  margin: 0 0 1.5em 0; }

dl dt {
  font-weight: bold; }

dd {
  margin-left: 1.5em; }

table {
  margin-bottom: 1.4em;
  width: 100%; }

th {
  font-weight: bold;
  background: #C3D9FF; }

th, td {
  padding: 4px 10px 4px 5px; }

tr.even td {
  background: #E5ECF9; }

tfoot {
  font-style: italic; }

caption {
  background: #eee; }

.small {
  font-size: .8em;
  margin-bottom: 1.875em;
  line-height: 1.875em; }

.large {
  font-size: 1.2em;
  line-height: 2.5em;
  margin-bottom: 1.25em; }

.hide {
  display: none; }

.quiet {
  color: #666; }

.loud {
  color: #000; }

.highlight {
  background: #ff0; }

.added {
  background: #060;
  color: #fff; }

.removed {
  background: #900;
  color: #fff; }

.first {
  margin-left: 0;
  padding-left: 0; }

.last {
  margin-right: 0;
  padding-right: 0; }

.top {
  margin-top: 0;
  padding-top: 0; }

.bottom {
  margin-bottom: 0;
  padding-bottom: 0; }

/* grid.css */
.container {
  width: 996px;
  margin: 0 auto; }

body {
  margin: 1.5em 0; }

div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {
  float: left;
  margin-right: 12px; }

div.last {
  margin-right: 0; }

.span-1 {
  width: 30px; }

.span-2 {
  width: 72px; }

.span-3 {
  width: 114px; }

.span-4 {
  width: 156px; }

.span-5 {
  width: 198px; }

.span-6 {
  width: 240px; }

.span-7 {
  width: 282px; }

.span-8 {
  width: 324px; }

.span-9 {
  width: 366px; }

.span-10 {
  width: 408px; }

.span-11 {
  width: 450px; }

.span-12 {
  width: 492px; }

.span-13 {
  width: 534px; }

.span-14 {
  width: 576px; }

.span-15 {
  width: 618px; }

.span-16 {
  width: 660px; }

.span-17 {
  width: 702px; }

.span-18 {
  width: 744px; }

.span-19 {
  width: 786px; }

.span-20 {
  width: 828px; }

.span-21 {
  width: 870px; }

.span-22 {
  width: 912px; }

.span-23 {
  width: 954px; }

.span-24, div.span-24 {
  width: 996px;
  margin: 0; }

.append-1 {
  padding-right: 42px; }

.append-2 {
  padding-right: 84px; }

.append-3 {
  padding-right: 126px; }

.append-4 {
  padding-right: 168px; }

.append-5 {
  padding-right: 210px; }

.append-6 {
  padding-right: 252px; }

.append-7 {
  padding-right: 294px; }

.append-8 {
  padding-right: 336px; }

.append-9 {
  padding-right: 378px; }

.append-10 {
  padding-right: 420px; }

.append-11 {
  padding-right: 462px; }

.append-12 {
  padding-right: 504px; }

.append-13 {
  padding-right: 546px; }

.append-14 {
  padding-right: 588px; }

.append-15 {
  padding-right: 630px; }

.append-16 {
  padding-right: 672px; }

.append-17 {
  padding-right: 714px; }

.append-18 {
  padding-right: 756px; }

.append-19 {
  padding-right: 798px; }

.append-20 {
  padding-right: 840px; }

.append-21 {
  padding-right: 882px; }

.append-22 {
  padding-right: 924px; }

.append-23 {
  padding-right: 966px; }

.prepend-1 {
  padding-left: 42px; }

.prepend-2 {
  padding-left: 84px; }

.prepend-3 {
  padding-left: 126px; }

.prepend-4 {
  padding-left: 168px; }

.prepend-5 {
  padding-left: 210px; }

.prepend-6 {
  padding-left: 252px; }

.prepend-7 {
  padding-left: 294px; }

.prepend-8 {
  padding-left: 336px; }

.prepend-9 {
  padding-left: 378px; }

.prepend-10 {
  padding-left: 420px; }

.prepend-11 {
  padding-left: 462px; }

.prepend-12 {
  padding-left: 504px; }

.prepend-13 {
  padding-left: 546px; }

.prepend-14 {
  padding-left: 588px; }

.prepend-15 {
  padding-left: 630px; }

.prepend-16 {
  padding-left: 672px; }

.prepend-17 {
  padding-left: 714px; }

.prepend-18 {
  padding-left: 756px; }

.prepend-19 {
  padding-left: 798px; }

.prepend-20 {
  padding-left: 840px; }

.prepend-21 {
  padding-left: 882px; }

.prepend-22 {
  padding-left: 924px; }

.prepend-23 {
  padding-left: 966px; }

div.border {
  padding-right: 5px;
  margin-right: 6px;
  border-right: 1px solid #eee; }

div.colborder {
  padding-right: 27px;
  margin-right: 26px;
  border-right: 1px solid #eee; }

.pull-1 {
  margin-left: -42px; }

.pull-2 {
  margin-left: -84px; }

.pull-3 {
  margin-left: -126px; }

.pull-4 {
  margin-left: -168px; }

.pull-5 {
  margin-left: -210px; }

.pull-6 {
  margin-left: -252px; }

.pull-7 {
  margin-left: -294px; }

.pull-8 {
  margin-left: -336px; }

.pull-9 {
  margin-left: -378px; }

.pull-10 {
  margin-left: -420px; }

.pull-11 {
  margin-left: -462px; }

.pull-12 {
  margin-left: -504px; }

.pull-13 {
  margin-left: -546px; }

.pull-14 {
  margin-left: -588px; }

.pull-15 {
  margin-left: -630px; }

.pull-16 {
  margin-left: -672px; }

.pull-17 {
  margin-left: -714px; }

.pull-18 {
  margin-left: -756px; }

.pull-19 {
  margin-left: -798px; }

.pull-20 {
  margin-left: -840px; }

.pull-21 {
  margin-left: -882px; }

.pull-22 {
  margin-left: -924px; }

.pull-23 {
  margin-left: -966px; }

.pull-24 {
  margin-left: -1008px; }

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {
  float: left;
  position: relative; }

.push-1 {
  margin: 0 -42px 1.5em 42px; }

.push-2 {
  margin: 0 -84px 1.5em 84px; }

.push-3 {
  margin: 0 -126px 1.5em 126px; }

.push-4 {
  margin: 0 -168px 1.5em 168px; }

.push-5 {
  margin: 0 -210px 1.5em 210px; }

.push-6 {
  margin: 0 -252px 1.5em 252px; }

.push-7 {
  margin: 0 -294px 1.5em 294px; }

.push-8 {
  margin: 0 -336px 1.5em 336px; }

.push-9 {
  margin: 0 -378px 1.5em 378px; }

.push-10 {
  margin: 0 -420px 1.5em 420px; }

.push-11 {
  margin: 0 -462px 1.5em 462px; }

.push-12 {
  margin: 0 -504px 1.5em 504px; }

.push-13 {
  margin: 0 -546px 1.5em 546px; }

.push-14 {
  margin: 0 -588px 1.5em 588px; }

.push-15 {
  margin: 0 -630px 1.5em 630px; }

.push-16 {
  margin: 0 -672px 1.5em 672px; }

.push-17 {
  margin: 0 -714px 1.5em 714px; }

.push-18 {
  margin: 0 -756px 1.5em 756px; }

.push-19 {
  margin: 0 -798px 1.5em 798px; }

.push-20 {
  margin: 0 -840px 1.5em 840px; }

.push-21 {
  margin: 0 -882px 1.5em 882px; }

.push-22 {
  margin: 0 -924px 1.5em 924px; }

.push-23 {
  margin: 0 -966px 1.5em 966px; }

.push-24 {
  margin: 0 -1008px 1.5em 1008px; }

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {
  float: right;
  position: relative; }

.box {
  padding: 1.5em;
  margin-bottom: 1.5em;
  background: #E5ECF9; }

hr {
  background: #ddd;
  color: #ddd;
  clear: both;
  float: none;
  width: 100%;
  height: .1em;
  margin: 0 0 1.45em;
  border: none; }

hr.space {
  background: transparent;
  color: transparent; }

.clearfix:after, .container:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clearfix, .container {
  display: inline-block; }

* html .clearfix, * html .container {
  height: 1%; }

.clearfix, .container {
  display: block; }

.clear {
  clear: both; }

/* forms.css */
label {
  font-weight: bold; }

fieldset {
  padding: 1.4em;
  margin: 0 0 1.5em 0;
  border: 1px solid #ccc; }

legend {
  font-weight: bold;
  font-size: 1.2em; }

input.text, input.title, textarea, select {
  margin: 0.5em 0;
  border: 1px solid #bbb; }

input.text:focus, input.title:focus, textarea:focus, select:focus {
  border: 1px solid #666; }

input.text, input.title {
  width: 300px;
  padding: 5px; }

input.title {
  font-size: 1.5em; }

textarea {
  width: 390px;
  height: 250px;
  padding: 5px; }

.error, .notice, .success {
  padding: .8em;
  margin-bottom: 1em;
  border: 2px solid #ddd; }

.error {
  background: #FBE3E4;
  color: #8a1f11;
  border-color: #FBC2C4; }

.notice {
  background: #FFF6BF;
  color: #514721;
  border-color: #FFD324; }

.success {
  background: #E6EFC2;
  color: #264409;
  border-color: #C6D880; }

.error a {
  color: #8a1f11; }

.notice a {
  color: #514721; }

.success a {
  color: #264409; }

/* CSS Document */
html, body {
  margin: 0px;
  padding: 0px; }

body {
  background: #e8e9ec url(/525/_img/general/bg/bg.gif) top left repeat-x;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px; }

#content {
  background: none;
  margin-bottom: 0; }

/* blue background */
.container {
  background: #e8e9ec url(/525/_img/general/bg/bg.gif) top left repeat-x; }

#containerShadowMain,
#container-shadow-main {
  width: 1080px;
  background: url(/525/_img/general/bg/bg_main_shadow.gif) top left repeat-y;
  margin: 0 auto;
  padding: 0; }

#containerShadowTop,
#container-shadow-top {
  background: url(/525/_img/general/bg/bg_top_shadow.gif) top left no-repeat;
  margin: 0;
  padding: 0;
  position: relative; }

/** Common **/
.padded {
  margin: 15px; }

.rounded {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

.rounded-t {
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.rounded-r {
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px; }

.rounded-l {
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; }

.photo {
  margin-right: 15px;
  float: left; }

.centered {
  margin-left: auto !important;
  margin-right: auto !important; }

.input_container {
  height: 27px;
  background: url("../../_img/general/bg/bg_input_text.png") repeat-x;
  width: 180px;
  float: left;
  margin-right: 10px; }

.input_container input {
  margin: 7px;
  border: 0px;
  background-color: #EEEFF0;
  font-size: 15px; }

hr.divider, div.divider {
  border-bottom: 1px solid #4c4f54;
  margin: 0px;
  height: 1px;
  line-height: 0.1px;
  background: transparent;
  clear: both; }

hr.divider_light, div.divider_light {
  border-bottom: 1px solid #bdc4c9;
  margin: 0px;
  height: 1px;
  line-height: 0.1px;
  background: transparent;
  clear: both; }

/**
 * For Whatis/Create
 */
p strong img, a img {
  float: none; }

.is_link {
  cursor: pointer; }

img.spacer {
  width: 100%;
  height: 100%; }

ul.menu li, ul.menu, ul.cascading_menu li, ul.cascading_menu {
  margin: 0px;
  padding: 0px;
  list-style: none; }

ul.menu {
  width: 100%; }

ul.menu li {
  float: left;
  margin-right: 15px; }

.paging_block {
  float: left;
  margin-right: 3px; }

.modal {
  position: absolute;
  left: 35px;
  top: 135px; }

.tooltip {
  background: url("/layout/img/head-megadrop-bkgd.gif") repeat-x scroll 0 0 #4c4f54;
  position: absolute;
  display: none;
  padding: 15px;
  text-align: left;
  border: 1px solid #333;
  z-index: 10;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  -moz-box-shadow: 0 0 3px #999;
  -webkit-box-shadow: 0 0 3px #999;
  text-align: center;
  width: 170px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px; }

.tooltip h3 {
  color: #fff;
  margin-bottom: 9px; }

.tooltip p {
  color: #fff;
  line-height: 1.3em;
  margin-bottom: 10px; }

div.type_button {
  padding: 12px 18px 15px 18px;
  background-image: url("../../_img/general/bg/bg_type_button.png");
  background-repeat: no-repeat;
  background-position: bottom center;
  text-align: center;
  font-size: 13px;
  line-height: 15px;
  font-weight: bold;
  color: white; }

.ptd-item {
  margin: 20px 0; }

.ptd-item .preview {
  float: left !important;
  margin-right: 15px; }

.ptd-item h3 {
  margin-bottom: 8px; }

/**
 * group_listing
 */
ul.menu li.group_listing {
  padding: 15px 0; }

li.group_listing .description {
  float: left;
  width: 214px; }

.group-results h6 {
  font-weight: bold;
  font-size: 15px;
  line-height: 1em; }

ul.float_children .group_listing .title {
  font-size: 13px; }

li.group_listing .image {
  float: left;
  margin-right: 15px; }

.group_profile .title {
  font-size: 25px;
  line-height: normal; }

.group-results .members {
  font-weight: bold;
  color: #80858a !important;
  clear: both;
  display: block;
  margin-bottom: .5em; }

.group-results .description {
  margin-bottom: .5em; }

.group_listing a,
.group_profile a {
  font-weight: bold; }

/**
 * Search box
 */
div.search {
  float: right;
  width: 285px;
  height: 30px; }

div.search .btn_submit {
  float: left;
  height: 27px;
  line-height: 30px;
  margin-left: 10px; }

/** Specific **/
#mContainer {
  width: 1081px;
  background: url("../../_img/general/bg/bg_main_shadow.gif") repeat-y;
  margin: 0px auto; }

#shadow_top {
  width: 1081px;
  background: url("../../_img/general/bg/bg_top_shadow.gif") no-repeat;
  height: 1000px;
  position: absolute;
  z-index: 1;
  top: 0px; }

#content_area {
  width: 996px;
  margin-left: 42px;
  background-color: #D5D6DB;
  position: relative;
  z-index: 2; }

.content-box {
  display: block;
  margin-right: 15px;
  margin-left: 15px;
  color: #595a5e; }

.content-box select {
  font-size: 13px;
  height: 22px;
  line-height: 22px;
  padding-top: 3px; }

/**
 * Calendar
 */
.calendar {
  width: 183px;
  padding: 0;
  margin: 0;
  border-left: 1px solid #A2ADBC;
  color: #616B76;
  text-align: center; }

.calendar caption {
  background: #f8f8f8;
  margin-top: 8px; }

.calendar caption .nav {
  margin-top: 3px; }

.calendar * {
  padding: 0px;
  margin: 0px;
  font: normal 13px/20px Helvetica,Arial,"Trebuchet MS", Verdana,   sans-serif; }

.calendar .nav,
.calendar .nav a {
  color: #fff;
  text-align: center;
  text-decoration: none; }

.calendar caption {
  width: 183px;
  text-align: center;
  padding-bottom: 5px;
  font-size: 13px; }

.calendar th {
  color: #616B76;
  background: #D9E2E1;
  text-align: center;
  border-right: 1px solid #A2ADBC;
  border-bottom: 1px solid #A2ADBC;
  border-top: 1px solid #A2ADBC; }

.calendar .today,
.calendar td.today a,
.calendar td.today a:link,
.calendar td.today a:visited {
  color: #fff;
  font-weight: bold;
  background: #A2ADBC; }

.calendar td {
  border-right: 1px solid #A2ADBC;
  border-bottom: 1px solid #A2ADBC;
  width: 25px;
  height: 25px;
  text-align: center;
  padding: 0px; }

.calendar td:hover {
  background: #f1f1f1; }

.calendar td a {
  color: #4c8b76;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  display: block; }

.calendar td a:link,
.calendar td a:visited {
  color: #4c8b76; }

.calendar td a:hover,
.calendar td a:active {
  color: #6aa3ae; }

.calendar td.today:hover {
  background: #A2ADBC;
  color: white; }

.calendar td.today:hover a {
  color: white !important; }

/**
 * Side bar menu
 */
.menu_sidebar {
  list-style: none;
  margin: 0px; }

.menu_sidebar li {
  border-bottom: 1px solid #63676d;
  padding: 5px 15px 10px 15px;
  display: block; }

.menu_sidebar li span,
.menu_sidebar li div,
.menu_sidebar li div a {
  font-size: 12px; }

.menu_sidebar li .type, .menu_sidebar li div.type a {
  font-weight: bold;
  color: #b8bfc5;
  margin-bottom: 5px; }

.menu_sidebar li .date {
  color: #777d83;
  float: left;
  padding-right: 10px; }

.menu_sidebar li .title {
  float: left;
  clear: right;
  width: 138px; }

/**
 * Shopping
 */
.shop_module {
  width: 222px;
  padding-left: 16px;
  float: left; }

.shop_module img.preview {
  border: 1px solid #ccc; }

.shop_module p.s {
  margin-bottom: 30px; }

.shop_module p.xs {
  margin-bottom: 10px; }

/**
 * Community
 */
.community_module {
  width: 166px;
  padding-left: 13px;
  float: left; }

.community_module p {
  margin-bottom: 5px; }

/**
 * Side bar menu 2
 */
.menu_sidebar2 {
  list-style: none;
  margin: 5px 0 0 0;
  clear: both;
  display: block;
  padding-bottom: 5px; }

.menu_sidebar2 li {
  padding: 3px 10px 3px 24px; }

.menu_sidebar2 li a {
  font-size: 11px; }

.menu_sidebar2 li.active a {
  color: white; }

.menu_level2 {
  font-size: 10px;
  padding-left: 10px;
  display: block;
  line-height: 1.3em;
  background-color: #595c61; }

/**
 * Community Classifieds
 */
table.classifieds {
  margin: 0; }

#classified_form_options fieldset {
  padding: 15px; }

#classified_form_options label {
  display: block;
  width: 120px;
  text-align: right;
  float: left;
  clear: both;
  margin-right: 10px; }

#classified_form_options input,
#classified_form_options select {
  float: left;
  margin: 0; }

#classified_form_options p {
  float: left;
  clear: left; }

/**
 * FAQ List for community
 */
.faq_list {
  list-style: none;
  margin: 0px; }

.faq_list li {
  padding: 20px 140px 30px 150px;
  display: block;
  position: relative;
  background-color: #fff; }

.faq_list li.alt {
  background-color: #edeef0; }

table tr.alt td,
table tr:nth-child(even) td {
  background-color: #edeef0; }

.copyblock {
  color: #8e969d;
  font-size: 12px; }

.box_item {
  width: 225px;
  color: #aaa;
  font-size: 12px;
  float: left;
  margin-right: 33px;
  margin-bottom: 60px;
  line-height: 16px;
  color: #d9d9d9; }

.box_item.last {
  margin-right: 0px; }

.box_item a {
  font-size: 15px; }

.box_item img {
  clear: both;
  margin-bottom: 3px; }

/**
 * Cascading menu for showcase
 */
.cascading_menu.detailed {
  width: 180px;
  border-top: 1px solid #3b3e42; }

ul.cascading_menu.detailed li {
  line-height: 30px;
  height: 30px;
  border-bottom: 1px solid #3b3e42;
  padding-left: 15px; }

ul.cascading_menu.detailed li.start,
ul.cascading_menu.detailed li.end {
  position: relative;
  height: 10px;
  border: 0px; }

ul.cascading_menu.detailed.dark li.start,
ul.cascading_menu.detailed.light li.start {
  border-bottom: 1px solid #3b3e42;
  background-position: 0px 0px; }

ul.cascading_menu.detailed li:hover {
  cursor: pointer; }

ul.cascading_menu.detailed li.active {
  background: #3b3e42;
  cursor: default; }

ul.cascading_menu.detailed li.content {
  color: white;
  background: #4c4f54;
  border: 0px;
  line-height: normal; }

ul.cascading_menu.whatis {
  border-top: 1px solid #3b3e42; }

ul.cascading_menu.whatis li {
  background: transparent;
  border-bottom: 1px solid #3b3e42; }

ul.cascading_menu.whatis li:hover {
  background: #2d2e32; }

#main-content {
  text-align: left;
  width: 730px;
  margin: 0 15px; }

#main-content .main-content-body {
  padding: 12px !important;
  background-color: #f8f8f8;
  float: left; }

a.paginate-link:hover {
  color: #5CB192; }

/* ****************************
/* general slideshow style
 ******************************/
ul#slideshow, ul#slideshow li, ul#slideshow li ul, ul#slideshow li ul li {
  display: block;
  width: 650px;
  height: 395px;
  list-style-type: none;
  margin: 0; }

ul#slideshow {
  display: none;
  margin: 0;
  position: relative; }

ul#slideshow .slideshow_detail {
  padding: 0; }

ul#slideshow h2 {
  float: left; }

ul#slideshow .dg-button {
  float: right; }

ul#slideshow .slideshow_detail p {
  clear: both;
  min-height: 55px; }

ul#slideshow .slideshow_pager {
  background: #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  background: rgba(0, 0, 0, 0.8);
  z-index: 100;
  bottom: -2px;
  cursor: pointer;
  position: absolute; }

ul#slideshow .slideshow_pager div, #slideshow .slideshow_pager .links a {
  color: #BDC4C9;
  float: left;
  height: 25px;
  width: 25px;
  line-height: 25px;
  vertical-align: middle;
  text-align: center; }

#slideshow .slideshow_pager .links a.activeSlide {
  color: #000 !important; }

ul#slideshow .slideshow_pager div {
  background: url("/layout/img/sprites/slideshow-buttons.png") no-repeat; }

ul#slideshow .slideshow_pager div span {
  display: none; }

ul#slideshow .slideshow_pager .pause {
  background-position: 0px -25px; }

ul#slideshow .slideshow_pager .play {
  display: none; }

ul#slideshow .slideshow_pager .prev {
  background-position: 0px -75px; }

ul#slideshow .slideshow_pager .next {
  background-position: 0px -50px; }

ul#slideshow .slideshow_pager .links {
  background: none;
  width: auto; }

ul#slideshow .slideshow_pager .links a {
  display: block; }

ul#slideshow .slideshow_pager .links a.activeSlide {
  background-color: #f8f8f8; }

/* ==========================================
** SCROLLABLE
** ========================================== */
.items div {
  float: left;
  width: 720px;
  padding-left: 9px; }

/* prev, next, prevPage and nextPage buttons */
a.browse {
  display: block;
  width: 30px;
  height: 450px;
  float: left;
  margin: 0;
  cursor: pointer;
  font-size: 1px; }

a.right {
  background: #CCC url(/525/_img/buttons/chevron-r.png) center center no-repeat;
  clear: right;
  margin-right: 0px; }

a.right:hover {
  background-color: #999;
  border-color: #999; }

a.left {
  background: #CCC url(/525/_img/buttons/chevron-l.png) center center no-repeat;
  margin-left: 0px; }

a.left:hover {
  background-color: #999;
  border-color: #999; }

/* disabled navigational button */
a.disabled {
  background-image: none; }

/* position and dimensions of the navigator */
.navi {
  margin: 5px auto 0 auto;
  min-height: 20px; }

/* items inside navigator */
.navi a {
  width: 8px;
  height: 8px;
  float: left;
  margin: 3px;
  background: url(/525/_img/buttons/navigator.png) 0 0 no-repeat;
  display: block;
  font-size: 1px; }

/* mouseover state */
.navi a:hover {
  background-position: 0 -8px; }

/* active state (current page state) */
.navi a.active {
  background-position: 0 -16px; }

/* ==========================================
** QUICKPAGINATE
** ========================================== */
.qp_prev,
.qp_next {
  background: transparent url("/layout/img/button-sprite-library.png") no-repeat scroll 0 0; }

.qp_counter {
  display: block;
  float: left;
  font-size: 11px;
  color: #9da2a7;
  margin: 0 6px; }

.qp_prev,
.qp_next {
  display: block;
  float: left;
  width: 15px;
  height: 16px;
  text-indent: -2000em;
  padding: 0;
  outline: none; }

.qp_prev {
  background-position: -9px -170px; }

.qp_next {
  background-position: -9px -260px; }

.qp_prev.qp_disabled {
  background-position: -9px -304px; }

.qp_next.qp_disabled {
  background-position: -9px -349px; }

/* ==========================================
** MAIN CONTENT CONTAINER GRID RESET
** ------------------------------------------
** We want to maintain the underlying grid
** markup, but need to reduce sizes so they
** fit inside the rounded-corner content area
** ========================================== */
#main-content .span-6 {
  width: 219px; }

#main-content .span-7 {
  width: 275px; }

#main-content .span-8 {
  width: 285px; }

#main-content .span-9 {
  width: 347px; }

#main-content .span-11 {
  width: 419px; }

#main-content .span-12 {
  width: 475px; }

#main-content .span-18 {
  width: 706px; }

/* FOR FULL-WIDTH CONTENT (NO SIDEBARS) */
#main-content-wide .span-23 {
  width: 926px; }

#main-content-wide .span-24 {
  width: 965px;
  margin-left: 15px; }

.main-content-box {
  float: left;
  color: #595a5e;
  padding: 15px;
  background-color: #f8f8f8;
  margin-bottom: 10px; }

/** UNCATEGORIZED **/
.profile_badge {
  margin-top: 2px; }

.profile_badge div {
  border: 1px solid #777;
  float: left;
  margin-right: 10px;
  width: 40px;
  height: 40px;
  margin-top: 4px; }

.profile_badge div:hover {
  border: 1px solid #ccc; }

.profile_badge div img {
  width: 40px;
  height: 40px; }

#noJSMsg {
  text-align: center;
  color: #333;
  padding: 250px 0 0 0; }

/* TPV */
.orderedlist0 {
  list-style-type: decimal; }

.orderedlist1 {
  list-style-type: lower-alpha; }

.orderedlist1 li {
  padding: 2px; }

.orderedlist2 {
  list-style-type: lower-roman; }

.orderedlist3 {
  list-style-type: upper-alpha; }

p img.arw_green {
  margin: 3px 0 0 0;
  vertical-align: text-bottom; }

/* CSS Document */
/**
 * Box Elements
 */
.left-box {
  display: block;
  margin-left: 15px;
  padding-top: 15px; }

.full-box {
  display: block;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 15px; }

/**
 * Colors
 */
.dark_bg {
  background-color: #3b3e42; }

.darkest_bg {
  background-color: #2c2e30; }

.light_bg {
  background-color: #f8f8f8; }

.no-min {
  min-height: 1px; }

.light_bgwborder {
  background: #f8f8f8;
  border: 1px solid #bdc4c9;
  border-top: 0px; }

.bg_blue {
  background: #E8E9EC url("/525/_img/general/bg/bg_blue.png");
  background-color: #E8E9EC !important;
  background-repeat: repeat-x; }

.light_border {
  border: 1px solid #666; }

/**
 * Headers
 */
.light_header {
  background-image: url("/525/_img/general/bg/bg_header_light.png");
  background-repeat: repeat-x;
  border-top: 0px; }

.dark_header {
  background-image: url("/525/_img/general/bg/bg_header_dark.png");
  background-repeat: repeat-x; }

div.header {
  height: 30px;
  line-height: 30px;
  padding-left: 15px; }

.light_bgwborder .header {
  line-height: 31px; }

/**
 * Specific Overrides
 */
.top_margin {
  margin-top: 15px; }

.bottom_margin {
  margin-bottom: 15px; }

.top_padding {
  padding-top: 15px; }

.bottom_padding {
  padding-bottom: 15px; }

img.center {
  margin: 0px auto;
  display: block; }

/**
 * Boxes
 */
.padded-box-os {
  padding: 0 15px; }

.padded-box-ns {
  padding: 15px 0; }

.padded-box-nt {
  padding: 0 15px 15px 15px; }

.padded-box-nb {
  padding: 15px 15px 0px 15px; }

.padded-box-ol {
  padding: 0 0 0 15px; }

.padded-box {
  padding: 15px; }

.autoheight {
  height: auto; }

.padded-box-short {
  padding: 9px 15px 7px 15px; }

.padded-box-nr {
  padding: 15px 0 15px 15px; }

.margin-box-os {
  margin: 0 15px; }

.margin-box-ns {
  margin: 15px 0; }

.margin-box-ol {
  margin: 0 0 0 15px; }

.margin-box {
  margin: 15px; }

.margin-box-nr {
  margin: 15px 0 15px 15px; }

.margin-image-ns {
  margin: 7px 0; }

.no-margin {
  margin: 0px !important; }

/** SL Provided Rounded Corners **/
div.tl,
div.td,
div.tdd,
div.bl,
div.bd,
div.bdd {
  height: 8px;
  margin-left: 4px;
  font-size: 0; }

div.tl span,
div.td span,
div.tdd span,
div.bl span,
div.bd span,
div.bdd span {
  display: block;
  height: 8px; }

div.tl span.l,
div.td span.l,
div.tdd span.l,
div.bl span.l,
div.bd span.l,
div.bdd span.l {
  float: left;
  display: inline;
  width: 4px;
  margin-left: -4px; }

div.tl span.r {
  background: url("/525/_img/corners/bg-wht-tp.png") no-repeat 100% 0; }

div.tl span.l {
  background: url("/525/_img/corners/bg-wht-tp.png") no-repeat 0 0; }

div.td span.r {
  background: url("/525/_img/corners/bg-dark-tp.png") no-repeat 100% 0; }

div.td span.l {
  background: url("/525/_img/corners/bg-dark-tp.png") no-repeat 0 0; }

div.tdd span.r {
  background: url("/525/_img/corners/bg-darkest-tp.png") no-repeat 100% 0; }

div.tdd span.l {
  background: url("/525/_img/corners/bg-darkest-tp.png") no-repeat 0 0; }

div.bl span.r {
  background: url("/525/_img/corners/bg-wht-btm.png") no-repeat 100% 100%; }

div.bl span.l {
  background: url("/525/_img/corners/bg-wht-btm.png") no-repeat 0 100%; }

div.bd span.r {
  background: url("/525/_img/corners/bg-dark-btm.png") no-repeat 100% 100%; }

div.bd span.l {
  background: url("/525/_img/corners/bg-dark-btm.png") no-repeat 0 100%; }

div.bdd span.r {
  background: url("/525/_img/corners/bg-darkest-btm.png") no-repeat 100% 100%; }

div.bdd span.l {
  background: url("/525/_img/corners/bg-darkest-btm.png") no-repeat 0 100%; }

.floatfix {
  float: left;
  padding-right: 0; }

/* HIGHLANDER BUTTONS
 * Why "Highlander"? To remind you that THERE CAN BE ONLY ONE. (R.I.P. Callen Linden 2009-2010)
 * Use other button styles at your peril. This is the one, true way.
 * Credit & respect to Juan for this clean, easy, gracefully degrading approach, initially applied on openID.
 *
 * Witness how they apply to both <button> and <a> elements, and rejoice:
 *
 * <button type="submit" name="Submit" class="HIGHLANDER_button_hot btn_large primary">Login</button>
 * <a href="http://join.secondlife.com" class="HIGHLANDER_button_hot btn_large secondary">Join Now</a>
 *
 * UPDATE:
 * If you want a class that is straight to the point (aka easier to remember, you can use "awesome_btn"
 * as an alternative to "HIGHLANDER_button_hot"
 *
 *
 *
 */
.awesome_btn,
.HIGHLANDER_button_hot {
  display: inline-block;
  width: 100%;
  /* set your width in a block */
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font: 14px Arial, Helvetica, sans-serif;
  padding: 5px 10px 6px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  font-weight: bold;
  border: 0;
  line-height: 1; }

.awesome_btn.extralarge,
.HIGHLANDER_button_hot.btn_exlg {
  font-size: 18px;
  line-height: 24px;
  padding: 10px 35px; }

.awesome_btn.large,
.HIGHLANDER_button_hot.btn_lg {
  font-size: 18px;
  line-height: 24px;
  padding-top: 6px;
  padding-bottom: 6px; }

.awesome_btn.medium,
.HIGHLANDER_button_hot.btn_md {
  font-size: 14px;
  line-height: 20px;
  padding-top: 4px;
  padding-bottom: 4px; }

.awesome_btn.small,
.HIGHLANDER_button_hot.btn_sm {
  font-size: 11px;
  line-height: 14px;
  padding-top: 3px;
  padding-bottom: 3px; }

.awesome_btn.primary,
.HIGHLANDER_button_hot.primary {
  background-color: #ff6901;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff8c3f), to(#ff6901));
  background: -moz-linear-gradient(top, #ff8c3f, #ff6901);
  color: #fff; }

.awesome_btn.primary:hover,
.HIGHLANDER_button_hot.primary:hover {
  color: #fff !important;
  background: #ffb23f;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffb23f), to(#ff9a03));
  background: -moz-linear-gradient(top, #ffb23f, #ff9a03);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb23f', endColorstr='#ff9a03'); }

.awesome_btn.primary:disabled,
.awesome_btn.cancel,
.HIGHLANDER_button_hot.primary:disabled,
.HIGHLANDER_button_hot.cancel {
  color: #fff !important;
  background: #ccc;
  background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#ccc));
  background: -moz-linear-gradient(top, #ccc, #ccc);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc', endColorstr='#ccc'); }

.awesome_btn.secondary,
.HIGHLANDER_button_hot.secondary {
  background-color: #85c5ad;
  background: -webkit-gradient(linear, left top, left bottom, from(#85c5ad), to(#5eb293));
  background: -moz-linear-gradient(top, #85c5ad, #5eb293);
  color: #fff !important; }

.awesome_btn.secondary:hover,
.HIGHLANDER_button_hot.secondary:hover {
  color: #fff !important;
  background: #91d6bc;
  background: -webkit-gradient(linear, left top, left bottom, from(#91d6bc), to(#69c7a4));
  background: -moz-linear-gradient(top, #91d6bc, #69c7a4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#91d6bc', endColorstr='#69c7a4'); }

.awesome_btn small {
  display: block; }

.awesome_btn.large small,
.HIGHLANDER_button_hot.btn_lg small {
  font-size: 10px;
  line-height: 6px;
  padding-top: 0;
  padding-bottom: 4px; }

.awesome_btn.medium small,
.HIGHLANDER_button_hot.btn_md small {
  font-size: 9px;
  line-height: 6px;
  padding-top: 0;
  padding-bottom: 4px; }

.awesome_btn.small small,
.HIGHLANDER_button_hot.btn_sm small {
  font-size: 8px;
  line-height: 6px;
  padding-top: 0;
  padding-bottom: 4px; }

/*
 * Other old hackish buttons that you should no longer use are below.
 * @TODO: purge code of these unclean styles.
 *
 */
button {
  font-family: helvetica, verdana, sans-serif;
  position: relative;
  margin: 0;
  border: none;
  padding: 0;
  cursor: pointer;
  overflow: visible;
  /* removes extra side padding in IE */
  font-weight: bold;
  line-height: .85em; }

button::-moz-focus-inner {
  border: none;
  /* overrides extra padding in Firefox */
  padding: 0; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* Safari and Google Chrome only - fix margins */
  button span {
    margin-top: -1px; } }
/* OPTIONAL BUTTON STYLES for applying custom look and feel: */
.green_sm, .green_lg, .orange_sm, .orange_lg, .orange_giant, .green_sm span, .green_lg span, .orange_sm span, .orange_lg span, .orange_giant span, .darkest_bg a.green_sm:hover, .darkest_bg a.green_lg:hover, .darkest_bg a.orange_sm:hover, .darkest_bg a.orange_lg:hover, .darkest_bg a.orange_giant:hover {
  color: #fff !important; }

.green_sm, .green_lg, .orange_sm, .orange_lg, .orange_giant {
  display: inline-block;
  color: #fff !important;
  -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  vertical-align: middle; }

.green_sm, .green_lg {
  background: #5CB192 no-repeat center bottom; }

.green_sm {
  background-image: url("/layout/img/buttons/halo.png");
  height: 32px;
  line-height: 32px;
  min-width: 44px;
  padding: 0 8px; }

/* LARGE BUTTON STYLES START : */
.green_lg {
  font-size: 15px;
  height: 33px;
  line-height: 33px;
  background-image: url("/layout/img/buttons/halo_lg.png");
  min-width: 94px;
  padding: 0 13px; }

/*------------- BUTTONS CSX SOLUTION STARTS ----------------- ****/
.orange_sm {
  left: 0;
  height: 28px;
  line-height: 28px;
  padding: 0 12px;
  background: transparent url("/layout/img/buttons/btn_orange_sm_sprite.png") no-repeat -4px top; }

/* LARGE BUTTON STYLES START : */
.orange_lg {
  font-size: 15px;
  padding: 0 50px;
  line-height: 34px;
  height: 34px;
  background: transparent url("/layout/img/buttons/btn_orange_lg_sprite.png") no-repeat -4px top;
  left: 0; }

/* GIANT BUTTON STYLES START : */
.orange_giant {
  font-size: 15px;
  background: transparent url("/layout/img/buttons/btn_orange_giant.png") repeat-x left top;
  height: 73px;
  padding: 10px; }

.button_fixed_size {
  width: 150px; }

/* CSS Document */
/* feathering in some bootstrap styles */
.btn-danger {
  color: #fff;
  background-color: #da4f49;
  *background-color: #bd362f;
  background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(top, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false); }

/**
 * Green Buttons
 */
.btn_standard {
  background-position: 0px 0px;
  cursor: pointer;
  width: 130px;
  height: 33px; }

.btn_standard:hover {
  background-position: 0 -33px; }

.btn_learn_more {
  background: url("/525/_img/buttons/en/sprite_learn_more_grn_w.png") no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
  width: 130px;
  height: 33px; }

.btn_learn_more_ja {
  background: url("/525/_img/buttons/ja/sprite_learn_more_grn_w.png") no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
  width: 130px;
  height: 33px; }

.btn_learn_more_de {
  background: url("/525/_img/buttons/de/sprite_learn_more_grn_w.png") no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
  width: 130px;
  height: 33px; }

.btn_learn_more_fr {
  background: url("/525/_img/buttons/fr/sprite_learn_more_grn_w.png") no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
  width: 130px;
  height: 33px; }

.btn_learn_more:hover, .btn_learn_more_ja:hover, .btn_learn_more_fr:hover, .btn_learn_more_de:hover {
  background-position: 0 -33px; }

.btn_learn_more a,
.btn_learn_more_fr a,
.btn_learn_more_de a,
.btn_learn_more_ja a {
  display: block;
  width: 130px;
  height: 33px;
  text-indent: -2000em;
  outline: none; }

.btn_search {
  background: url("/525/_img/buttons/en/sprite_go_grn_s.png") no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
  width: 60px;
  height: 27px; }

.btn_search:hover {
  background-position: 0 -27px; }

.btn_view_full_profile {
  background: url("/525/_img/buttons/en/sprite_view_full_profile_grn_w.png") no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
  width: 150px;
  height: 27px; }

.btn_view_full_profile:hover {
  background-position: 0 -27px; }

.btn_close {
  background: url("/525/_img/buttons/en/sprite_close_grn_w.png") no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
  width: 130px;
  height: 33px; }

.btn_close:hover {
  background-position: 0 -33px; }

.btn_view_full_profile a,
.btn_close a {
  width: 100%;
  height: 98%; }

/**
 * Grey Buttons
 */
.btn_grey_left,
.btn_grey_right,
.btn_grey_middle,
.btn_grey_middle_active {
  height: 15px;
  width: 15px;
  background: url("/525/_img/buttons/btn_grey.gif") no-repeat;
  vertical-align: middle; }

.btn_grey_left:hover {
  background-position: 0 -15px; }

.btn_grey_right {
  background-position: -15px 0; }

.btn_grey_right:hover {
  background-position: -15px -15px; }

.btn_grey_middle {
  background-position: -45px 0px;
  line-height: 15px;
  text-align: center;
  color: #5cb192;
  font-weight: bold; }

.btn_grey_middle_active {
  background-position: -30px 0px;
  color: white;
  line-height: 15px;
  text-align: center;
  font-weight: bold; }

.btn_grey_middle:hover {
  background-position: -30px -15px;
  color: white; }

/**
 * Arrows
 */
.arw_green {
  padding: 0px;
  margin: 0px;
  vertical-align: middle;
  line-height: 13px;
  height: 13px; }

.add-to-cart {
  float: right; }

/*** NEW BUTTON JUAN **/
.btn-magic {
  background: #ffaa20 url(/525/_img/buttons/btn-magic-gradient.png) repeat-x;
  display: inline-block;
  padding: 5px 10px 6px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  line-height: 1;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 0 1px 3px #999;
  -webkit-box-shadow: 0 1px 3px #999;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  position: relative;
  cursor: pointer; }

/* Sizes ---------- */
.small.btn-magic {
  font-size: 11px; }

.medium.btn-magic {
  font-size: 13px; }

.large.btn-magic {
  font-size: 14px;
  padding: 8px 14px 9px; }

.gray.btn-magic {
  background-color: #9b9b9b; }

/* CSS Document */
/*
 * Hero Section
 *
 * These hero sections are at the top of certain pages that usually
 * contain large images, calls to action, and a main focus point.
 */
#hero {
  width: 100%;
  height: 357px;
  background-repeat: no-repeat;
  display: block;
  position: relative; }

#hero .content {
  position: absolute;
  top: 0px;
  left: 332px;
  width: 664px;
  height: 100%;
  z-index: 1; }

#hero .background {
  position: absolute;
  top: 0px;
  /*    width:                330px;*/
  width: 333px;
  height: 100%;
  z-index: 2;
  background-color: black;
  opacity: 0.8;
  -moz-opacity: 0.8; }

#hero .inner {
  position: absolute;
  padding: 30px;
  width: 277px;
  z-index: 3; }

#hero .inner .tag {
  color: #5cb192;
  font-size: 15px; }

#hero .inner .callout {
  color: #a6aeb5;
  font-size: 25px;
  line-height: 29px;
  font-weight: normal; }

#hero .description_box {
  position: absolute;
  top: 270px;
  left: 330px;
  z-index: 1;
  background: url("/525/_img/general/bg/bg_blackbar_co.png") repeat-x;
  width: 266px;
  height: 56px;
  opacity: 0.8;
  -moz-opacity: 0.8; }

#hero .description_box_content {
  top: 272px;
  left: 325px;
  margin-left: 15px;
  color: #ddd;
  font-size: 11px;
  position: absolute;
  z-index: 2; }

#no-flash-container {
  background: url(http://common.web.secondlife.com.s3.amazonaws.com/_img/home-no-flash.jpg) top left no-repeat;
  height: 486px;
  position: relative; }

#no-flash-container-static {
  background: url(http://common.web.secondlife.com.s3.amazonaws.com/_img/home-static-hero.jpg) top left no-repeat;
  height: 486px;
  position: relative; }

#no-flash-container .text-area
, #no-flash-container-static .text-area
, #no-flash-container-de .text-area
, #no-flash-container-fr .text-area
, #no-flash-container-ja .text-area
, #no-flash-container-it .text-area
, #no-flash-container-es .text-area
, #no-flash-container-pt .text-area {
  /*    width:                357px;*/
  width: 309px;
  padding-right: 24px;
  height: 100%; }

#no-flash-container .text-area
, #no-flash-container-static .text-area
, #no-flash-container-de .text-area
, #no-flash-container-fr .text-area
, #no-flash-container-ja .text-area
, #no-flash-container-it .text-area
, #no-flash-container-es .text-area
, #no-flash-container-pt .text-area {
  padding: 0 24px; }

#no-flash-container .text-area h2
, #no-flash-container-static .text-area h2
, #no-flash-container-de .text-area h2
, #no-flash-container-fr .text-area h2
, #no-flash-container-ja .text-area h2
, #no-flash-container-it .text-area h2
, #no-flash-container-es .text-area h2
, #no-flash-container-pt .text-area h2 {
  padding-top: 110px;
  margin-bottom: 18px;
  color: #fff;
  font-size: 27px;
  line-height: 29px;
  font-weight: normal;
  line-height: 1.4em; }

#no-flash-container .text-area h4
, #no-flash-container-static .text-area h4
, #no-flash-container-de .text-area h4
, #no-flash-container-fr .text-area h4
, #no-flash-container-ja .text-area h4
, #no-flash-container-it .text-area h4
, #no-flash-container-es .text-area h4
, #no-flash-container-pt .text-area h4 {
  font-size: 15px;
  color: #5CB192;
  margin-bottom: 18px; }

/*overlays for intl no-flash landing pages */
#info-modules h4 {
  color: #dddddd;
  font-weight: bold;
  padding-left: 5px; }

#info-modules p {
  color: #cccccc;
  margin-top: 5px;
  margin-bottom: 10px;
  margin-left: 5px;
  font-size: 12px; }

#info-modules a {
  font-size: 12px; }

#info-modules img {
  width: 200px;
  margin: 0px; }

#info-modules {
  display: block; }

#info-modules .left-column {
  width: 292px;
  float: left; }

#info-modules .middle-column {
  width: 396px;
  float: left;
  margin-left: 8px; }

#info-modules .right-column {
  width: 292px;
  float: right;
  margin-right: 0px; }

#info-modules .module-header {
  margin: 0px;
  padding: 0px; }

#info-modules .promotions-area {
  height: 100px;
  padding-left: 5px;
  padding-top: 5px;
  padding-right: 5px;
  text-align: center; }

#info-modules .headlines-area {
  background-color: #151515;
  border: 1px solid #2c2e30;
  margin-top: 5px;
  height: 100px;
  padding-left: 5px;
  padding-top: 0px;
  padding-right: 5px;
  overflow: auto; }

#info-modules .gateways-area {
  height: 100px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  text-align: center; }

/*
 * Box Modules
 *
 * These hero sections are at the top of certain pages that usually
 * contain large images, calls to action, and a main focus point.
 */
.bm_container {
  background: #000;
  height: 266px; }

.box_module {
  width: 331px;
  float: left;
  height: 266px;
  background-repeat: no-repeat;
  position: relative; }

.box_module_link {
  display: block;
  width: 331px;
  height: 266px;
  color: #fff;
  text-decoration: none;
  font-weight: normal;
  font-size: 11px;
  position: absolute; }

.box_module_link span {
  margin-left: 15px;
  padding-right: 30px;
  display: block; }

.box_module_link span.xl {
  font-size: 27px;
  line-height: 33px;
  margin-top: 145px; }

.box_module.first {
  width: 332px; }

.box_module.first,
.box_module {
  margin-right: 1px; }

.box_module.last {
  margin-right: 0px; }

.box_module .description_box_content {
  top: 145px;
  margin-left: 15px;
  padding-right: 30px;
  color: #ddd;
  font-size: 11px;
  position: absolute;
  z-index: 2; }

.box_module .description_box {
  position: absolute;
  top: 117px;
  z-index: 1;
  background: url("/525/_img/general/bg/bg_blackbar_co.png") repeat-x;
  width: 266px;
  height: 56px;
  opacity: 0.8;
  -moz-opacity: 0.8; }

.box_module .description_box_content img,
#hero .description_box_content img {
  margin-left: 10px;
  margin-top: 4px;
  clear: right; }

.box_module .orange_tag {
  width: 196px;
  height: 56px;
  margin-top: 154px; }

.box_module .orange_tag p {
  font-size: 11px;
  color: white;
  margin-top: -10px; }

/* CSS Document */
/**
 * Headings
 *
 * All headings are 13, 15, 18, 21, 24px
 * Note: H1-6 tags are not in sequence by size, but more
 *             appropriately by importance. (visually H3 may
 *                                          be larger than H1)
 */
h1, h2, h3, h4, h5, h6 {
  margin: 0px;
  font-weight: normal;
  color: #595A5E; }

h2.bold,
h3.bold,
h4.bold {
  font-weight: bold; }

h2.dark,
h3.dark,
h4.dark {
  color: #4c4f54; }

h2.darker,
h3.darker,
h4.darker {
  color: #3a3c3f; }

h2.light,
h3.light,
h4.light,
p.light {
  color: #ededed; }

h2.grey,
h3.grey,
h4.grey {
  color: #80858A; }

h2.green,
h3.green,
h4.green {
  color: #5cb192; }

.light_bg h4 {
  margin-bottom: 1em;
  font-weight: bold;
  height: auto; }

/**
 * H1 tags are typically the very top tag...since the bg
 * is blue on SL templates, it is white and 21px
 */
h1 {
  color: #ededed;
  font-size: 21px;
  padding: 15px;
  margin-left: 15px;
  display: block;
  padding-top: 35px;
  font-weight: 600;
  font-family: Helvetica !important; }

/**
 * Links
 */
a {
  color: #5cb192;
  cursor: pointer;
  text-decoration: none;
  font-weight: bold; }

a:hover {
  color: white; }

.dark_bg a,
.dark_bg * a {
  color: #5cb192; }

.darkest_bg a,
.darkest_bg * a {
  color: #5cb192; }

.dark_bg .inner_content,
.dark_bg p,
.dark_bg span {
  color: #bbb; }

.darkest_bg .inner_content,
.darkest_bg p,
.darkest_bg span {
  color: #bbb; }

.light_bg a,
.light_bg * a {
  color: #4C8B76; }

.light_bg .inner_content,
.light_bg p,
.light_bg li,
.light_bg span {
  color: #666; }

.clean-list {
  list-style-type: none;
  margin-bottom: 1.25em; }

li a {
  font-size: 11px;
  font-weight: bold; }

li a:hover,
.dark_bg li:hover a,
.darkest_bg li:hover a,
li.active a,
.dark_bg a:hover,
.darkest_bg a:hover {
  color: #bdc4c9 !important; }

.light_bg a:hover,
.light_bgwborder a:hover,
.main-content-box a:hover {
  color: #66c3a1 !important; }

a.selected {
  color: #dddddd; }

.more {
  background: transparent url("/525/_img/buttons/circle-arrow.png") no-repeat scroll 100% 50%;
  padding-right: 18px; }

/**
 * Sub Notes
 */
.sub-note {
  font-size: 12px;
  display: block; }

/**
 * H2 tags are typicall the main container headers...this
 * includes "Group Profile", "Get Creative", etc...
 *
 * H3 tags are typically inside the main container...
 */
p.xxs {
  font-size: 11px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  padding-bottom: 10px; }

p.xs12,
p.xs12 * {
  font-size: 12px; }

h2.xs,
h3.xs,
h2.xs *,
h3.xs *,
p.xs,
p.xs * {
  font-size: 13px;
  font-weight: bold; }

h2.s,
h3.s,
h2.s *,
h3.s *,
p.s,
p.s * {
  font-size: 15px; }

h2.m,
h3.m,
h2.m *,
h3.m *,
p.m,
p.m * {
  font-size: 17px; }

h2.l,
h3.l,
h2.l *,
h3.l *,
p.l,
p.l * {
  font-size: 21px !important; }

h2.xl,
h3.xl,
h2.xl *,
h3.xl *,
p.xl,
p.xl * {
  font-size: 27px;
  line-height: 33px; }

h2.header {
  line-height: 26px;
  padding-left: 15px; }

p a {
  font-size: 13px; }

a.regular {
  color: #4c4f54; }

a.regular:hover {
  color: #80858A; }

/**
 * Light w Border Header Type
 */
h2.m.bold.dark,
h2.s.bold.dar,
h2.xs.header {
  font-weight: bold !important;
  line-height: 31px; }

/**
 * Generics
 */
.bold {
  font-weight: bold; }

.grey {
  color: #80858A !important; }

.light {
  color: #ededed !important; }

.text-center {
  text-align: center; }

p.tip {
  border: #CCCCCC 1px dashed;
  padding: 20px; }

.spacedlist li {
  margin-bottom: 1em; }

.footnote {
  font-weight: normal;
  font-size: 10px; }

/* ==========================================
** DEV STYLES
** ========================================== */
.devNote {
  background: #ffc; }

/* =======================================================================
** NAVIGATION & MASTHEAD
** ======================================================================= */
#masthead {
  background: #070707 url("/layout/img/head-fade-bkgd.gif") repeat-x scroll bottom left;
  color: #9fa7ad;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #45494a; }

#masthead a {
  color: #5cb192;
  text-decoration: none;
  outline: none; }

.nav-container {
  margin: 0 auto;
  text-align: left; }

.nav-container.nologin {
  max-width: 996px; }

/* -----------------------------------------------------------------------
** DEFAULT SPRITE CLASSES = compound class for minification streamlining
** Use to globally declare sprites, then just change the background-position
** in the specific class (i.e. class="global-buttons specific-class") or
** add it to the list here
** ----------------------------------------------------------------------- */
ul#sidebar-nav li.nav-item a,
ul#manage-lindex li.nav-item a,
#masthead ul#global-nav li .sub-nav .sub-nav-highlights a.go,
#masthead #global-search #global-search-form button,
#masthead #global-search a,
#sl-toolbar #language a#language-drop,
.global-buttons {
  background: transparent url("/layout/img/button-sprite-library.png") no-repeat scroll 0 0; }

#join-now a,
#sl-toolbar #language a#language-drop span,
#global-nav li a.nav-item:hover,
#global-nav li:hover a.nav-item,
#global-nav li.active,
#global-nav li.active a.nav-item span.left-border,
#global-nav li.active a.nav-item span.right-border,
.common-nav-sprite {
  background: transparent url("/layout/img/common-nav-sprite.png") no-repeat scroll 0 0; }

/* ---------------------
** LOGO
** --------------------- */
#masthead #sl-logo {
  float: left;
  width: 145px;
  height: 57px;
  margin: -12px 0 0 0; }

#masthead #sl-logo a {
  float: left;
  display: block;
  width: 100px;
  height: 50px;
  background: transparent url("/layout/img/head-sl-logo-new.png") no-repeat scroll top left;
  text-indent: -2000em;
  outline: none;
  margin: 2px 15px 0 15px;
  /* FOR IE6 - DBL FLOAT MARGIN BUG */ }

#masthead #sl-logo span > a {
  margin: 2px 30px 0 30px;
  /* FOR EVERYTHING ELSE */ }

/* ----------------------------------------
** AUTHENTIACTION / LOGIN / GLOBAL SEARCH
** ---------------------------------------- */
#masthead #sl-toolbar {
  border-bottom: 1px solid #272727;
  padding: 4px 0 7px 0;
  margin-bottom: 12px; }

#sl-toolbar #launch-sl {
  display: block;
  line-height: 100%;
  padding: 8px 0 8px 15px;
  font-weight: bold; }

#sl-toolbar #language {
  float: left; }

#sl-toolbar #language a#language-drop {
  display: block;
  padding: 8px 30px 8px 0;
  line-height: 100%;
  margin-right: 10px;
  background-position: right 8px;
  cursor: pointer;
  font-weight: normal;
  color: #9fa7ad; }

#sl-toolbar #language a#language-drop.active {
  background-position: right -76px;
  color: #f8f8f8;
  background-color: #4c4f54; }

#sl-toolbar #language a#language-drop span {
  background-position: 15px -303px;
  padding-left: 60px; }

#sl-toolbar #language a#language-drop.active span {
  background-position: 15px -341px; }

#sl-toolbar #language ul {
  margin: 0px 0 0 0;
  padding: 10px 12px;
  width: 131px;
  background-color: #4c4f54;
  border-right: 1px solid #191919;
  border-bottom: 1px solid #191919;
  border-top: none;
  list-style: none;
  position: absolute;
  display: none;
  z-index: 6000; }

#nologinmasthead #language ul {
  margin: 0px 0 0 0;
  padding: 10px 12px;
  width: 100px;
  background-color: #FFF;
  border-top: none;
  list-style: none;
  position: absolute;
  display: none;
  z-index: 6000; }

#nologinmasthead {
  position: relative;
  z-index: 1000;
  right: 0; }

@media only screen and (max-width: 1024px) and (min-width: 835px) {
  #icons {
    margin-right: 10px; } }
@media only screen and (max-width: 834px) {
  #nologinmasthead {
    width: 285px;
    margin: 0px auto; } }
#nologinmasthead #language,
#nologinmasthead #authentication,
#nologinmasthead #icons {
  padding-left: 20px;
  float: right; }

#nologinmasthead #authentication span a {
  padding-right: 20px; }

#nologinmasthead #language-drop span,
#nologinmasthead #authentication span a,
#nologinmasthead #authentication {
  font-weight: 200;
  color: #DDD;
  font-family: "Helvetica Neue Light", "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 13px;
  text-transform: uppercase; }

#nologinmasthead #authentication,
#nologinmasthead #language {
  margin-top: 10px;
  line-height: 1.5em; }

#nologinmasthead #icons {
  margin-top: 9px;
  letter-spacing: 1px; }

#nologinmasthead #icons a img {
  width: 22px;
  height: 22px; }

#language.nologin ul li a {
  font-family: "Helvetica Neue Light", "Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #000;
  font-size: 12px; }

#sl-toolbar #language ul li {
  clear: left; }

#sl-toolbar #language ul li a {
  margin-left: 0;
  color: #f8f8f8;
  float: none;
  clear: left; }

#masthead #authentication {
  text-align: right;
  line-height: 100%;
  float: right;
  padding: 8px 0; }

#masthead #authentication span,
#masthead #authentication span strong {
  margin-right: 10px; }

#masthead #global-search {
  float: right;
  line-height: 100%;
  position: relative; }

#masthead #global-search a {
  color: #5cb192;
  font-weight: bold;
  display: block;
  padding: 8px 28px 8px 8px;
  background-position: right 8px;
  cursor: pointer; }

#masthead #global-search a.active {
  background-position: right -76px;
  color: #f8f8f8;
  background-color: #4c4f54; }

#masthead #global-search #global-search-form {
  position: absolute;
  padding: 12px 0;
  background: #4c4f54;
  border-left: 1px solid #191919;
  border-bottom: 1px solid #191919;
  margin: 0;
  right: 0;
  display: none;
  width: 240px;
  z-index: 6000; }

#masthead #global-search #global-search-form form div {
  background: transparent url("/layout/img/head-search-bkgd.png") no-repeat scroll top left;
  margin: 2px 0 0 20px;
  padding: 2px 0 0 0;
  overflow: auto; }

#masthead #global-search #global-search-form input#q {
  width: 175px;
  height: auto;
  float: left;
  border: none;
  padding: 2px 2px 0 4px;
  position: relative;
  background: transparent;
  margin: 0; }

#masthead #global-search #global-search-form button {
  width: 25px;
  height: 21px;
  background-position: right -122px;
  border: none;
  text-indent: -2000em;
  padding: 0;
  cursor: pointer;
  display: block;
  float: left;
  margin: -2px 0 0 -2px;
  z-index: 4500;
  position: relative; }

/* ---------------------
** MAIN NAVIGATION
** --------------------- */
#masthead ul#global-nav {
  float: left;
  clear: none;
  overflow: visible;
  margin: 14px 0 -1px 0;
  padding: 0;
  /*width: 660px;*/ }

#masthead ul#global-nav ul {
  margin: 0; }

#masthead ul#global-nav li {
  float: left;
  list-style: none;
  padding: 0;
  /* Position relative breaks the dropdowns in IE6/7 - don't do that //
      position: relative;
      display: block;
  */
  margin: 0 -1px 0 0; }

#masthead ul#global-nav li a.nav-item,
ul#global-nav li a.nav-item span {
  display: block; }

ul#global-nav li a.nav-item span.left-border,
ul#global-nav li a.nav-item span.right-border,
#masthead.francais ul#global-nav li a.nav-item span.right-border {
  background: transparent url("/layout/img/head-nav-border.gif") no-repeat scroll top left; }

ul#global-nav li a.nav-item span.right-border,
#masthead.francais ul#global-nav li a.nav-item span.right-border {
  background-position: top right;
  padding: 0 18px; }

/* set variable padding for varied languages */
#masthead.espanol ul#global-nav li a.nav-item span.right-border {
  padding: 0 16px; }

#masthead.francais ul#global-nav li a.nav-item span.right-border {
  padding: 0 18px; }

#masthead.italiano ul#global-nav li a.nav-item span.right-border {
  padding: 0 18px; }

#masthead.portugues ul#global-nav li a.nav-item span.right-border {
  padding: 0 18px; }

#masthead ul#global-nav li a.nav-item {
  /*padding set in border spans */
  display: block;
  height: 32px;
  text-align: center;
  font-size: 13px;
  line-height: 240%;
  font-weight: bold;
  color: #fff;
  text-decoration: none; }

#masthead ul#global-nav li:hover a.nav-item,
#global-nav li.show a.nav-item {
  z-index: 3000;
  color: #5cb192; }

#masthead ul#global-nav li a.nav-item:hover,
#masthead ul#global-nav li:hover a.nav-item {
  background-position: center -11px; }

/* What is Second Life link is different */
#masthead ul#global-nav li#whatis a.nav-item:hover,
#masthead ul#global-nav li#whatis:hover a.nav-item {
  background-position: center -79px; }

/* ACTIVE MENU ITEM (li.active) */
#masthead ul#global-nav li.active {
  height: 43px;
  margin: 0 -1px -13px 0; }

#masthead ul#global-nav li.active a.nav-item,
#global-nav li.active a.nav-item {
  z-index: 3000;
  color: #5cb192;
  height: 43px;
  margin-bottom: -13px;
  line-height: 300%;
  background-position: center 0px; }

#masthead ul#global-nav li#whatis.active a.nav-item,
#global-nav li#whatis.active a.nav-item {
  background-position: center -67px; }

#global-nav li.active a.nav-item span.left-border,
#global-nav li.active a.nav-item span.right-border {
  display: block;
  height: 43px; }

/* ---------------------
** JOIN NOW
** --------------------- */
#masthead #join-now,
#masthead #logged-cta {
  float: right;
  width: 194px;
  height: 57px;
  margin: -12px 0 0 -4px;
  /* FOR IE - FLOAT MARGIN BUG */ }

#masthead > #join-now,
#masthead > #logged-cta {
  margin: -12px 0 0 -3px;
  /* SET PROPERLY FOR ALL OTHERS */ }

#join-now a {
  text-indent: -2000em;
  display: block;
  width: 194px;
  height: 58px;
  background-position: center -135px;
  background-color: #fb7e00; }

#logged-cta a {
  display: block;
  width: 194px;
  height: 58px;
  color: #FFFFFF;
  text-align: center;
  font-size: 15px;
  line-height: 58px; }

#logged-cta.upgrade {
  background-color: #ff6a00; }

/* TODO */
#logged-cta.upgradeDiscount span.discount {
  font-variant: small-caps;
  line-height: 25px;
  float: left;
  margin-left: 5px; }

#logged-cta.upgradeDiscount {
  background-color: #ff6a00; }

#logged-cta.premiumPromo {
  background-color: #0099e6; }

/* Modified join now button for i18n */
#masthead.deutsch #join-now a {
  background: #fb7e00 url("/layout/img/buttons/head-join-now-btn-de.gif") no-repeat scroll center center; }

#masthead.francais #join-now a {
  background: #fb7e00 url("/layout/img/buttons/head-join-now-btn-fr.gif") no-repeat scroll center center; }

#masthead.japanese #join-now a {
  background: #fb7e00 url("/layout/img/buttons/head-join-now-btn-ja.gif") no-repeat scroll center center; }

#masthead.espanol #join-now a {
  background: #fb7e00 url("/layout/img/buttons/head-join-now-btn-es.gif") no-repeat scroll center center; }

#masthead.italiano #join-now a {
  background: #fb7e00 url("/layout/img/buttons/head-join-now-btn-it.gif") no-repeat scroll center center; }

#masthead.portugues #join-now a {
  background: #fb7e00 url("/layout/img/buttons/head-join-now-btn-pt.gif") no-repeat scroll center center; }

/* -------------------------
** MEGA DROPDOWNS (SUB NAV)
** ------------------------- */
#masthead ul#global-nav li .sub-nav {
  display: none;
  float: left;
  position: absolute;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #373737;
  background: #4c4f54 url("/layout/img/head-megadrop-bkgd.gif") repeat-x scroll top left;
  width: 450px;
  z-index: 2000; }

#masthead ul#global-nav li#help .sub-nav {
  margin-left: -290px; }

#masthead ul#global-nav li#community .sub-nav {
  margin-left: -290px; }

#masthead ul#global-nav li.show .sub-nav {
  z-index: 8000; }

#masthead ul#global-nav li.show a {
  z-index: 10000 !important; }

/* REVIVE THESE IF NEEDED FOR MEGA-DROP POSITIONING
#masthead ul#global-nav li#whatnext .sub-nav{ }
#masthead ul#global-nav li#community .sub-nav{ }
#masthead ul#global-nav li#shop .sub-nav{ }
#masthead ul#global-nav li#land .sub-nav{ margin-left: -9px; }
#masthead ul#global-nav li#maps .sub-nav{ margin-left: -113px; }
#masthead ul#global-nav li#help .sub-nav{ margin-left: -189px; }
*/
#masthead ul#global-nav .sub-nav ul {
  float: left;
  margin: 13px;
  width: 142px; }

#masthead ul#global-nav li#help .sub-nav ul,
#masthead ul#global-nav li#community .sub-nav ul {
  float: right; }

#masthead ul#global-nav .sub-nav ul ul,
#masthead ul#global-nav li#help .sub-nav ul ul,
#masthead ul#global-nav li#community .sub-nav ul ul {
  margin: 0; }

#masthead ul#global-nav .sub-nav li {
  background: none;
  clear: left;
  width: 100%; }

#masthead ul#global-nav .sub-nav li.section-marker {
  border-top: 1px solid #828488;
  margin-top: 1em; }

#masthead ul#global-nav .sub-nav li.section-marker h5 {
  margin-bottom: 0;
  color: #828488;
  text-transform: uppercase;
  font-size: 10px; }

#masthead ul#global-nav li:hover .sub-nav li a,
#masthead ul#global-nav li.show .sub-nav li a {
  border: none;
  width: auto;
  height: auto;
  margin: 0;
  text-align: left;
  font-size: 12px;
  line-height: 100%;
  font-weight: bold;
  padding: 5px 10px;
  color: #ededed;
  text-decoration: underline;
  display: block;
  text-decoration: none; }

#masthead ul#global-nav li:hover .sub-nav li a:hover {
  text-decoration: underline; }

#masthead ul#global-nav li:hover .sub-nav {
  display: block; }

#masthead ul#global-nav li .sub-nav .sub-nav-highlights {
  color: #bdc4c9; }

.sub-nav-highlights .highlight-item p span {
  display: block; }

#masthead ul#global-nav li .sub-nav .sub-nav-highlights a.go {
  color: #5cb192;
  font-weight: bold;
  padding-right: 25px;
  background-position: right -126px; }

#masthead ul#global-nav li .sub-nav .sub-nav-highlights .highlight-item {
  margin: 1em;
  clear: left; }

#masthead ul#global-nav li .sub-nav .sub-nav-highlights .highlight-item h6 {
  color: #ededed; }

.sub-nav-highlights .highlight-item img {
  float: left;
  margin: 4px 10px 10px 0; }

a.nav-highlights-photo {
  float: left;
  margin: 4px 10px 10px 0;
  background: transparent url("/layout/img/highlights/top-nav-highlights-sprite.jpg") no-repeat scroll 0 0;
  display: block;
  width: 80px;
  height: 80px;
  text-indent: -2000em; }

a.nav-hlts-cls {
  background-position: 0 0; }

a.nav-hlts-cls-v2 {
  background-position: 0 -81px; }

a.nav-hlts-destguide {
  background-position: 0 -162px; }

a.nav-hlts-devland {
  background-position: 0 -243px; }

a.nav-hlts-eureka {
  background-position: 0 -324px; }

a.nav-hlts-events {
  background-position: 0 -405px; }

a.nav-hlts-featitem {
  background-position: 0 -486px; }

a.nav-hlts-newuser {
  background-position: 0 -567px; }

a.nav-hlts-popitem {
  background-position: 0 -648px; }

a.nav-hlts-quickstart {
  background-position: 0 -729px; }

a.nav-hlts-refer {
  background-position: 0 -810px; }

a.nav-hlts-systemreq {
  background-position: 0 -891px; }

a.nav-hlts-tips {
  background-position: 0 -972px; }

a.nav-hlts-undevland {
  background-position: 0 -1053px; }

/* -------------------------------
** JAVASCRIPT DELAYS - see nav.js
** ------------------------------- */
#global-nav li .sub-nav {
  position: absolute;
  z-index: 2000;
  display: none;
  background: #fff; }

#global-nav li.show .sub-nav {
  display: block !important; }

#global-nav li.with-js .sub-nav {
  display: none !important; }

/*Font stacks taken from https://gist.github.com/gpessia/8595729*/
#footer {
  background-color: black;
  font-stretch: normal;
  font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Arial", "Tahoma", "Geneva", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-size: 0.7em;
  color: #888888; }
  #footer a {
    text-decoration: none;
    color: #888888; }
    #footer a:hover {
      cursor: pointer;
      color: #bebebe; }

#footerLinks {
  height: 25em;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: center;
  align-content: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 5% 0;
  /*pseudo-element forces two-column layout*/ }
  #footerLinks::after {
    content: '';
    height: 100%;
    order: 1; }
  #footerLinks ul {
    order: 2; }
    #footerLinks ul:first-child, #footerLinks ul:nth-child(4) {
      order: 0;
      padding-right: 3em; }
  #footerLinks li {
    line-height: 1.8em; }
  #footerLinks h2 {
    color: white;
    padding-bottom: 5px; }
  #footerLinks img {
    width: 12px;
    display: inline;
    margin-right: 0.5em;
    vertical-align: -2px; }

#bottom {
  color: #1a8eb4;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  padding-bottom: 2.5em; }
  #bottom li {
    padding: 0.5em 1em; }
  #bottom a {
    text-decoration: none;
    color: #1a8eb4; }
    #bottom a:hover {
      cursor: pointer;
      color: #bebebe; }

hr {
  border-color: #333333;
  width: 80%;
  margin-bottom: 1em; }

@media (min-width: 500px) {
  #footerLinks {
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    padding: 2em 0;
    height: auto; }
    #footerLinks li {
      margin-bottom: 0.5em; }
    #footerLinks::after {
      display: none; }
    #footerLinks ul {
      order: 0; }
      #footerLinks ul:first-child, #footerLinks ul:nth-child(4) {
        order: 0;
        padding: 0; }

  #bottom {
    margin: 0;
    -webkit-justify-content: center;
    justify-content: center; }
    #bottom li {
      padding: 0; }
    #bottom li::after {
      content: "\007C";
      padding: 0 1em; }
    #bottom li:last-child::after {
      content: '';
      padding: 0; }

  hr {
    display: none; } }
@media (min-width: 900px) {
  #footerLinks {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 2em 20%; }

  #bottom {
    padding: 0 0 2.5em 20%;
    -webkit-justify-content: flex-start;
    justify-content: flex-start; } }
body #main-content {
  margin: 0; }

/*footer fixes*/
#footer {
  width: 996px;
  margin: 0 auto; }

#footerLinks {
  padding: 2em 0 !important;
  width: 90%;
  margin: 0 auto; }
  #footerLinks ul {
    list-style: none; }

#bottom {
  list-style: none; }
  #bottom li:last-child {
    font-size: 0.7rem; }