raffle_v1 0.0.4 → 0.0.5

data/app/assets/stylesheets/raffle_v1/TableTools_JUI.css

@@ -0,0 +1,182 @@
+/*
+ * File:        TableTools.css
+ * Description: Styles for TableTools 2 with JUI theming
+ * Author:      Allan Jardine (www.sprymedia.co.uk)
+ * Language:    Javascript
+ * License:     LGPL / 3 point BSD
+ * Project:     DataTables
+ * 
+ * Copyright 2010 Allan Jardine, all rights reserved.
+ *
+ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ *
+ * Notes:
+ *   Generally speaking, please refer to the TableTools.css file - this file contains basic
+ *   modifications to that 'master' stylesheet for ThemeRoller.
+ *
+ * CSS name space:
+ *   DTTT                  DataTables TableTools
+ *
+ * Colour dictionary:
+ *   Button border         #d0d0d0
+ *   Button border hover   #999999
+ *   Hover background      #f0f0f0
+ *   Action blue           #4b66d9
+ *
+ * Style sheet provides:
+ *   CONTAINER             TableTools container element and styles applying to all components
+ *   SELECTING             Row selection styles
+ *   COLLECTIONS           Drop down list (collection) styles
+ *   PRINTING              Print display styles
+ *   MISC                  Minor misc styles
+ */
+
+
+/*
+ * CONTAINER
+ * TableTools container element and styles applying to all components
+ */
+div.DTTT_container {
+	position: relative;
+	float: left;
+}
+
+button.DTTT_button {
+	position: relative;
+	float: left;
+	height: 24px;
+	margin-right: 3px;
+	padding: 3px 10px;
+	border: 1px solid #d0d0d0;
+	cursor: pointer;
+	*cursor: hand;
+}
+
+button.DTTT_button::-moz-focus-inner { 
+	border: none !important;
+	padding: 0;
+}
+
+
+
+/*
+ * SELECTING
+ * Row selection styles
+ */
+table.DTTT_selectable tbody tr {
+	cursor: pointer;
+	*cursor: hand;
+}
+
+tr.DTTT_selected.odd {
+	background-color: #9FAFD1;
+}
+
+tr.DTTT_selected.odd td.sorting_1 {
+	background-color: #9FAFD1;
+}
+
+tr.DTTT_selected.odd td.sorting_2 {
+	background-color: #9FAFD1;
+}
+
+tr.DTTT_selected.odd td.sorting_3 {
+	background-color: #9FAFD1;
+}
+
+
+tr.DTTT_selected.even {
+	background-color: #B0BED9;
+}
+
+tr.DTTT_selected.even td.sorting_1 {
+	background-color: #B0BED9;
+}
+
+tr.DTTT_selected.even td.sorting_2 {
+	background-color: #B0BED9;
+}
+
+tr.DTTT_selected.even td.sorting_3 {
+	background-color: #B0BED9;
+}
+
+
+/*
+ * COLLECTIONS
+ * Drop down list (collection) styles
+ */
+
+div.DTTT_collection {
+	width: 150px;
+	background-color: #f3f3f3;
+	overflow: hidden;
+	z-index: 2002;
+	
+	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
+	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
+}
+
+div.DTTT_collection_background {
+	background: url(../images/background.png) repeat top left;
+	z-index: 2001;
+}
+
+div.DTTT_collection button.DTTT_button {
+	float: none;
+	width: 100%;
+	margin-bottom: -0.1em;
+}
+
+
+/*
+ * PRINTING
+ * Print display styles
+ */
+
+.DTTT_print_info {
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	width: 400px;
+	height: 150px;
+	margin-left: -200px;
+	margin-top: -75px;
+	text-align: center;
+	background-color: #3f3f3f;
+	color: white;
+	padding: 10px 30px;
+	
+	opacity: 0.9;
+	
+	border-radius: 5px;
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+	
+	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
+	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
+}
+
+.DTTT_print_info h6 {
+	font-weight: normal;
+	font-size: 28px;
+	line-height: 28px;
+	margin: 1em;
+}
+
+.DTTT_print_info p {
+	font-size: 14px;
+	line-height: 20px;
+}
+
+
+/*
+ * MISC
+ * Minor misc styles
+ */
+
+.DTTT_disabled {
+	color: #999;
+}

data/app/assets/stylesheets/raffle_v1/TableTools_JUI.css.scss

@@ -0,0 +1,183 @@
+/*
+ * File:        TableTools.css
+ * Description: Styles for TableTools 2 with JUI theming
+ * Author:      Allan Jardine (www.sprymedia.co.uk)
+ * Language:    Javascript
+ * License:     LGPL / 3 point BSD
+ * Project:     DataTables
+ * 
+ * Copyright 2010 Allan Jardine, all rights reserved.
+ *
+ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ *
+ * Notes:
+ *   Generally speaking, please refer to the TableTools.css file - this file contains basic
+ *   modifications to that 'master' stylesheet for ThemeRoller.
+ *
+ * CSS name space:
+ *   DTTT                  DataTables TableTools
+ *
+ * Colour dictionary:
+ *   Button border         #d0d0d0
+ *   Button border hover   #999999
+ *   Hover background      #f0f0f0
+ *   Action blue           #4b66d9
+ *
+ * Style sheet provides:
+ *   CONTAINER             TableTools container element and styles applying to all components
+ *   SELECTING             Row selection styles
+ *   COLLECTIONS           Drop down list (collection) styles
+ *   PRINTING              Print display styles
+ *   MISC                  Minor misc styles
+ */
+
+
+/*
+ * CONTAINER
+ * TableTools container element and styles applying to all components
+ */
+div.DTTT_container {
+	position: relative;
+	float: left;
+}
+
+button.DTTT_button {
+	position: relative;
+	float: left;
+	height: 24px;
+	margin-right: 3px;
+	padding: 3px 10px;
+	border: 1px solid #d0d0d0;
+	background-color: transparent!important;
+	cursor: pointer;
+	*cursor: hand;
+}
+
+button.DTTT_button::-moz-focus-inner { 
+	border: none !important;
+	padding: 0;
+}
+
+
+
+/*
+ * SELECTING
+ * Row selection styles
+ */
+table.DTTT_selectable tbody tr {
+	cursor: pointer;
+	*cursor: hand;
+}
+
+tr.DTTT_selected.odd {
+	background-color: #9FAFD1;
+}
+
+tr.DTTT_selected.odd td.sorting_1 {
+	background-color: #9FAFD1;
+}
+
+tr.DTTT_selected.odd td.sorting_2 {
+	background-color: #9FAFD1;
+}
+
+tr.DTTT_selected.odd td.sorting_3 {
+	background-color: #9FAFD1;
+}
+
+
+tr.DTTT_selected.even {
+	background-color: #B0BED9;
+}
+
+tr.DTTT_selected.even td.sorting_1 {
+	background-color: #B0BED9;
+}
+
+tr.DTTT_selected.even td.sorting_2 {
+	background-color: #B0BED9;
+}
+
+tr.DTTT_selected.even td.sorting_3 {
+	background-color: #B0BED9;
+}
+
+
+/*
+ * COLLECTIONS
+ * Drop down list (collection) styles
+ */
+
+div.DTTT_collection {
+	width: 150px;
+	background-color: #f3f3f3;
+	overflow: hidden;
+	z-index: 2002;
+	
+	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
+	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
+}
+
+div.DTTT_collection_background {
+	background: url(../images/background.png) repeat top left;
+	z-index: 2001;
+}
+
+div.DTTT_collection button.DTTT_button {
+	float: none;
+	width: 100%;
+	margin-bottom: -0.1em;
+}
+
+
+/*
+ * PRINTING
+ * Print display styles
+ */
+
+.DTTT_print_info {
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	width: 400px;
+	height: 150px;
+	margin-left: -200px;
+	margin-top: -75px;
+	text-align: center;
+	background-color: #3f3f3f;
+	color: white;
+	padding: 10px 30px;
+	
+	opacity: 0.9;
+	
+	border-radius: 5px;
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+	
+	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
+	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
+}
+
+.DTTT_print_info h6 {
+	font-weight: normal;
+	font-size: 28px;
+	line-height: 28px;
+	margin: 1em;
+}
+
+.DTTT_print_info p {
+	font-size: 14px;
+	line-height: 20px;
+}
+
+
+/*
+ * MISC
+ * Minor misc styles
+ */
+
+.DTTT_disabled {
+	color: #999;
+}

data/app/assets/stylesheets/raffle_v1/_custom.css.scss

@@ -0,0 +1,3310 @@
+/*
+
+Custom Styles
+
+*/
+
+/*-----------OVERRIDES---------*/
+
+select{
+  font-weight: 600;
+}
+
+/* USER ROLES */
+
+table.table thead .sorting_asc { background: $winColor url('/assets/datatables/sort_asc.png') no-repeat center right;
+@include box-shadow(inset 0 4px 5px darken($winShade, 10%));
+ }
+table.table thead .sorting_desc { background: $winColor url('/assets/datatables/sort_desc.png') no-repeat center right;
+@include box-shadow(inset 0 4px 5px darken($winShade, 10%));
+ }
+ 
+table.table thead .sorting_asc_disabled { background: $winColor url('/assets/datatables/sort_asc_disabled.png') no-repeat center right; 
+@include box-shadow(inset 0 4px 5px darken($winShade, 10%));}
+table.table thead .sorting_desc_disabled { background: $winColor url('/assets/datatables/sort_desc_disabled.png') no-repeat center right;
+@include box-shadow(inset 0 4px 5px darken($winShade, 10%)); }
+
+
+.datatable-toolbar .datatable-right{
+  overflow: hidden!important
+}
+
+.highlight {
+  @include highlight;
+
+}
+
+.multiselect {
+  width: 500px;
+  height: 400px;
+}
+
+.ui-helper-hidden-accessible {
+  display: none !important;
+}
+
+.datatable-toolbar, .menucontrol {
+  overflow: hidden;
+  background: darken($winShade, 6%) !important;
+  @each $border in $iconbtn {
+    .btn#{$border} {
+      border: 1px solid darken($winShade, 20%) !important;
+    }
+  }
+}
+
+.marshall.last {
+  /*background-color: #888;*/
+  @include boxsize;
+}
+
+.jstree-classic .jstree-hovered,
+.jstree-classic .jstree-clicked,
+.active_menu {
+  background: #e7f4f9 !important;
+  padding: 0 0 0 0 !important;
+  color: #666 !important;
+  border-radius: 3px;
+  outline: 1px solid #84cef8;
+}
+
+.jstree-clicked ::-moz-selection,
+.jstree-classic ::-moz-selection,
+.jstree-clicked ::selection,
+.jstree-classic ::selection {
+  background: transparent !important;
+  border: 1px solid #84cef8 !important;
+  padding: 0 4px 0 1px !important;
+  color: #666 !important;
+  border-radius: 3px !important;
+}
+
+.handle {
+  width: 16px;
+  height: 32px;
+  background: transparent url(/assets/menu-drag.png) no-repeat center center;
+}
+
+/* DATE PICKER */
+.ui-datepicker {
+  padding: .5em .5em;
+}
+
+table.ui-datepicker-calendar tbody {
+  border: 1px solid #48474F !important;
+
+}
+
+.ui-datepicker table {
+  border-collapse: collapse;
+}
+
+.ui-datepicker th,
+th.ui-datepicker-week-end {
+  width: 30px !important;
+  height: 30px !important;
+  margin: 0;
+  padding: 0;
+  font-size: 0.95em;
+  font-weight: normal;
+  line-height: 30px;
+}
+
+.ui-datepicker td {
+  padding: 0;
+  margin: 0;
+  width: 30px;
+  height: 30px;
+}
+
+.ui-datepicker td span,
+.ui-datepicker td a {
+  line-height: 30px;
+  text-align: center;
+  padding: 0;
+  font-size: 1.0em;
+  width: 30px;
+  height: 30px;
+}
+
+.ui-widget-content .ui-state-default {
+  border-left: 1px solid #afaeb6;
+  border-top: 1px solid #afaeb6;
+  border-bottom: none;
+  border-right: none;
+  @include box-shadow(inset 0 1px 0 #f7f7f9);
+
+}
+
+dd.ui_tpicker_hour,
+dd.ui_tpicker_minute {
+  margin: 0 12px;
+}
+
+dt.ui_tpicker_hour_label,
+dt.ui_tpicker_minute_label {
+  margin-top: 10px;
+}
+
+.ui-slider-horizontal.ui-widget.ui-widget-content {
+  border: 1px solid #48474f;
+  background: #232227 url(/assets/images/ui-bg_flat_0_232227_40x100.png) 50% 50% repeat-x;
+}
+
+.ui-state-active,
+.ui-state-highlight,
+.ui-widget-content .ui-state-highlight, .ui-widget-content .ui-state-active {
+  width: 30px;
+  height: 30px;
+  margin: 0;
+  border-left: 1px solid #afaeb6;
+  border-top: 1px solid #afaeb6;
+  border-bottom: none;
+  border-right: none;
+
+  @include box-shadow(inset 0 0 10px darken($mainColor, 30%));
+  background: $mainColor url(/assets/ui-bg_flat_0_df1b31_40x100.png) 50% 50% repeat-x;
+  font-weight: normal;
+  color: #ffffff;
+}
+
+.ui-state-default.ui-state-highlight {
+  width: 30px;
+  height: 30px;
+  margin: 0;
+  border-left: 1px solid darken($mainColor, 30%) !important;
+  border-top: 1px solid darken($mainColor, 30%) !important;
+  border-bottom: none;
+  border-right: none;
+  @include box-shadow(inset 0 0 10px darken($mainColor, 30%));
+  background: $mainColor url(/assets/ui-bg_flat_0_df1b31_40x100.png) 50% 50% repeat-x;
+  font-weight: normal;
+  color: #ffffff;
+
+}
+
+.ui-datepicker .ui-datepicker-prev span {
+  height: 18px;
+  width: 18px;
+  background: url(/assets/cal-prev.png) no-repeat;
+}
+
+.ui-datepicker .ui-datepicker-next span {
+  height: 18px;
+  width: 18px;
+  background: url(/assets/cal-next.png) no-repeat;
+}
+
+.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
+  position: absolute;
+  top: 5px;
+  width: 1.8em;
+  height: 1.8em;
+  background: transparent;
+  border: none;
+}
+
+.ui-datepicker select.ui-datepicker-month,
+.ui-datepicker select.ui-datepicker-year {
+  width: 44%;
+  height: 26px;
+
+}
+
+.ui-datepicker select.ui-datepicker-month {
+  margin-right: 10px;
+}
+
+.ui-widget-content .ui-state-disabled {
+  background: #0B0A0E;
+}
+
+.ui-multiselect {
+  border: none;
+  @include box-shadow(0 4px 5px rgba(6, 6, 6, 0.1));
+
+}
+
+.ui-multiselect div.available {
+  border-left: none;
+}
+
+/*-----------controls windows---------*/
+
+.ui-multiselect {
+  padding: 0 !important;
+  border-bottom: none !important;
+  border-top: none !important;
+  .available, .selected, .searcharea {
+    padding: 0 !important;
+    border-bottom: none !important;
+    border-top: none !important;
+  }
+  .searcharea {
+    border-top-left-radius: 3px;
+    border-top-right-radius: 3px;
+    background-color: rgba(255, 255, 255, 0.5);
+    label {
+      padding: 10px;
+    }
+  }
+}
+
+div.form-section {
+  margin-top: 10px;
+}
+
+div.form-section div.form-content {
+  padding: 10px;
+  @extend .clearfix;
+  input[type="text"]+.btn {
+    margin-bottom: 4px;
+  }
+  form {
+    label {
+      padding-top: 10px;
+      margin-top: 10px;
+      border-top: 1px solid rgba(210, 210, 210, 1.0);
+    }
+
+    input[type="radio"]+label, input[type="checkbox"]+label {
+      padding-top: 0;
+      margin-top: 0;
+      border-top: none;
+    }
+  }
+  .actions, .linking, .modal_panel_content, .ui-multiselect {
+    border-bottom: none !important;
+    padding: 0 !important;
+  }
+
+  .dataTables_wrapper {
+    padding: 0 !important;
+    border-bottom: none;
+    .datatable-toolbar {
+      padding-left: 10px;
+    }
+    div {
+      padding: 0;
+      border-bottom: none;
+    }
+  }
+  .field_selector {
+    div {
+      padding: 0 !important;
+      border-bottom: none;
+    }
+    padding: 0 !important;
+    border-bottom: none;
+    border-top-left-radius: 3px;
+    border-top-right-radius: 3px;
+    margin-top: 20px;
+    background-color: rgba(255, 255, 255, 0.5);
+    label {
+      padding: 10px;
+    }
+  }
+
+  .form-section {
+    padding: 0 !important;
+    border-bottom: none;
+    .field {
+      background-color: rgba(255, 255, 255, 0.5);
+      padding: 20px;
+    }
+  }
+}
+
+div.form-section div.form-content,
+div.form-section div.form-menu-content,
+div.marshall-container,
+  {
+  border: none;
+  border-top: 0;
+  @include window-gradient1;
+  .nested_set ol {
+    border-left: none;
+  }
+}
+
+.wrap,
+.scroll,
+.boxl,
+.poll,
+.home-content,
+.raffle,
+.poll,
+.trophy,
+.feed,
+.tabs-container,
+div.form-section div.form-content,
+div.form-section div.form-menu-content,
+div.marshall-container {
+  @include box-shadow(0 0 5px $gray);
+}
+
+/*-----------JAVASCRIPT DEPENDANT---------*/
+
+.connected-list {
+  height: 200px !important;
+}
+
+/*-----------GENERAL ---------*/
+/* let's clear some floats */
+.clearfix:before, .clearfix:after {
+  content: "\0020";
+  display: block;
+  height: 0;
+  overflow: hidden;
+}
+
+.clearfix:after {
+  clear: both;
+}
+
+.clearfix {
+  zoom: 1;
+}
+
+.bold-header,
+table.table thead th,
+label {
+  color: darken($winShade, 50%);
+}
+
+.dNone {
+  display: none;
+}
+
+input.datepickerr, input.hasDatepicker, input.datetimepicker {
+  background: #ffffff url(/assets/hasdate.png) right center no-repeat !important;
+
+}
+
+/* MARSHALL COLUMN DESIGN */
+div.searchcol {
+  width: 194px;
+  text-align: left;
+  margin: 20px auto;
+  .btn {
+    margin-top: 10px;
+  }
+  label.bold-header {
+    color: $textColor;
+    margin-top: 10px;
+  }
+  select.input-medium {
+    width: 184px !important;
+  }
+  input.input-medium {
+    background: url(/assets/findbox.png) 165px center no-repeat;
+    width: 184px;
+  }
+}
+
+div.secondPHolder {
+  position: relative;
+  height: 100%;
+}
+
+div.secondPScroller {
+  height: 100%;
+  overflow-y: auto;
+}
+
+.marshall-overflow {
+  width: 200%;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+
+.marshall.last {
+  background: none;
+  background-color: #f7f7f7;
+}
+
+.marshall {
+  /*background-color: #aaa;*/
+  height: 600px;
+  background: url(/assets/light_gray_gradient_horizontal_bg.png) repeat-y top right;
+  float: left;
+  width: 190px;
+  overflow-y: auto;
+}
+
+.marshall-container {
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+
+.marshall.first {
+  background: url(/assets/light_gray_gradient_horizontal_bg.png) repeat-y top right;
+}
+
+.marshall.last {
+  /*background-color: #888;*/
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  border-right: none;
+}
+
+.marshall .paging {
+
+}
+
+.marshall-header {
+  background: url(/assets/light_gray_gradient_bg.png);
+  height: 32px;
+  line-height: 32px;
+  padding-left: 10px;
+  border-bottom: 1px solid #d1d1d1;
+}
+
+.marshall .clickable-marshall {
+  cursor: pointer;
+}
+
+.marshall-columns-wrapper {
+  float: left;
+  width: 50%;
+}
+
+.marshall-extra-info {
+  float: left;
+  width: 50%;
+  overflow: auto;
+  height: 100%;
+}
+
+.marshall-full-page {
+  background-color: #f2f2f2;
+}
+
+.marshall-full-page .toolbar {
+  background-color: #f7f7f7;
+  height: 48px;
+  border-bottom: 1px solid #dedede;
+}
+
+.marshall-full-page .extra-page-content-wrapper {
+  padding: 6px;
+}
+
+.marshall-full-page .extra-page-content {
+  background-color: #fff;
+  border: 1px solid #f0f0f0;
+  padding: 10px;
+  height: 100%;
+  @include box-shadow("0 4px 4px 1px #c2c2c2");
+  overflow: auto;
+}
+
+body.DTTT_Print .marshall-full-page .extra-page-content {
+  overflow: visible;
+  height: auto;
+  background: transparent;
+}
+
+.marshall-full-page .extra-page-footer,
+.marshall .page-footer {
+  height: 60px;
+  border-top: 1px solid #dedede;
+  border-bottom: 1px solid #dedede;
+  background-color: #ededed;
+  /* ! DO NOT add PADDING to this, it will make scroll bars on firefox, only add MARGIN to buttons */
+}
+
+.marshall .page-toolbar {
+  height: 45px;
+  border-bottom: 1px solid #dedede;
+  padding-left: 8px;
+  padding-right: 8px;
+  line-height: 45px;
+}
+
+.marshall .page-toolbar .toolbar-buttons {
+  width: 50%;
+  float: right;
+  text-align: right;
+  border-left: 1px solid #dedede;
+  box-sizing: padding-box;
+  height: 100%;
+}
+
+/* ERROR MESSAGES - ORANGE */
+
+.divDialogElements {
+
+  .field_with_errors, .field_with_errors div {
+    margin: 0 0 0 0 !important;
+  }
+}
+
+.field_with_errors div span {
+  border-radius: 3px;
+  background: #ff7700 url(/assets/alert_error.png) 10px center no-repeat;
+  color: #fff;
+  display: inline;
+  padding: 8px 20px 4px 35px;
+  font-weight: bold;
+}
+
+.field_with_errors {
+  margin-bottom: 6px;
+  min-width: 250px;
+}
+
+div.field_selector .field_with_errors {
+  margin-bottom: 0;
+}
+
+.field_with_errors div {
+  display: inline;
+  margin-left: 10px;
+}
+
+div.field_selector .field_with_errors label {
+  display: block;
+  border-top: 1px solid #ff7700;
+  margin: 0 0 0 0;
+  border-right: 1px solid #ff7700;
+  border-left: 1px solid #ff7700;
+}
+
+div.field_selector .field_with_errors div.ui-multiselect {
+  border-left: 1px solid #ff7700;
+  border-right: 1px solid #ff7700;
+  border-bottom: 1px solid #ff7700;
+}
+
+div.field_selector .field_with_errors div img {
+  display: none;
+}
+
+div.field_selector .field_with_errors div {
+  display: inherit;
+  margin-left: 0;
+}
+
+div.field_selector .field_with_errors div span {
+  display: none;
+  padding: 0 0 0 0;
+}
+
+div.field_selector .field_with_errors div span.count {
+  display: inherit;
+  background: none;
+  color: inherit;
+  padding: 11px 0 0 8px;
+}
+
+#header_wrap {
+  width: $full;
+}
+
+#page {
+  min-height: 400px;
+}
+
+#dialog.expire {
+  width: 100%;
+  max-height: 50px;
+  background: #CCC;
+  color: #FFF
+}
+@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
+
+html,
+body,
+input,
+button,
+select,
+textarea {
+  font-family: $font-face;
+}
+
+/* FONT FACE */
+body {
+  min-width: 1000px;
+  font-size: 0.8em;
+  background: $bg_main;
+  color: $textColor;
+}
+
+.contain, .container {
+  @include page-width;
+}
+
+/* HEADERS H2 */
+h2 {
+  background-color: $headers;
+  font-weight: bold;
+  padding: 7px 0 7px 10px;
+  color: $headers_text;
+  font-size: 1.2em;
+  margin-top: 10px;
+  border-top-left-radius: 5px;
+  border-top-right-radius: 5px;
+  border-top: 2px solid lighten($headers, 10%);
+  border-bottom: 2px solid lighten($headers, 10%);
+  text-shadow: 0 1px 1px darken($headers, 20%);
+}
+
+h2.toggle {
+  cursor: pointer;
+  background: $headers url(minus-toggle.png) 98% center no-repeat;
+}
+
+h2.toggle.tplus {
+  cursor: pointer;
+  background: $headers url(plus-toggle.png) 98% center no-repeat;
+}
+
+h2.toggle.tplus {
+  border-radius: 5px;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  -ms-border-radius: 5px;
+  -o-border-radius: 5px;
+  transition: border-radius 0.5s;
+  -webkit-transition: border-radius 0.5s;
+  -moz-transition: border-radius 0.5s;
+  -ms-transition: border-radius 0.5s;
+  -o-transition: border-radius 0.5s;
+}
+
+/* LINKS */
+a, a:visited, a strong, a:visited strong {
+  color: $mainColor;
+  text-decoration: none;
+  &:hover {
+    text-decoration: underline;
+    background: transparent;
+  }
+}
+
+a:active {
+  color: #000;
+}
+
+.right {
+  float: right;
+}
+
+.left {
+  float: left;
+}
+
+div.center {
+  text-align: center;
+}
+
+/* Custom text-selection colors */
+::-moz-selection, ::selection {
+  @include highlight;
+}
+
+/*  j.mp/webkit-tap-highlight-color */
+a:link {
+  -webkit-tap-highlight-color: $mainColor;
+}
+
+mark {
+  background-color: $mainColor;
+  color: #000;
+  text-decoration: none;
+  mark {
+    font-style: italic;
+    font-weight: bold;
+  }
+}
+
+/* MAIN ADMIN MENU */
+ul.parentmenu li {
+  .btn {
+    margin-top: 10px;
+
+    float: right;
+  }
+
+}
+
+ul.parentmenu li.odd a:hover,
+ul.parentmenu li.even a:hover {
+  background-color: #f5f5f5;
+  background-color: #e5e5e5;
+  padding: 10px 10px 10px 60px;
+  color: $mainColor;
+}
+
+ul.parentmenu li.odd a,
+ul.parentmenu li.even a {
+  transition: padding .3s;
+  -webkit-transition: padding .3s;
+  -moz-transition: padding .3s;
+  -ms-transition: padding .3s;
+  -o-transition: padding .3s;
+  padding: 10px 10px 10px 40px;
+  display: block;
+  text-decoration: none;
+  color: $textColor;
+}
+
+ul.parentmenu li.odd a {
+  border-left: 1px solid #ddd;
+  border-right: 1px solid #ddd;
+  background-color: #f5f5f5;
+}
+
+ul.parentmenu li.odd:first-child a {
+  border-top: 1px solid #ddd;
+}
+
+ul.parentmenu li.even a {
+  border: 1px solid #ddd;
+  background-color: #f9f9f9;
+  background-color: #ededed;
+}
+
+/* CUSTOM ALERTS */
+.alert {
+  padding: 8px 14px 8px 14px;
+  margin: 10px 0 18px 0;
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+  background-color: #fcf8e3;
+  border: 1px solid #fbeed5;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  color: #c09853;
+}
+
+.alert-heading {
+  color: inherit;
+}
+
+.alert .close {
+  position: relative;
+  top: -2px;
+  right: -21px;
+  line-height: 18px;
+}
+
+.alert-success {
+  background-color: #dff0d8;
+  border-color: #d6e9c6;
+  color: #468847;
+}
+
+.alert-danger,
+.alert-error {
+  border-radius: 3px;
+  padding: 10px;
+  background-color: #f2dede;
+  border-color: #eed3d7;
+  color: $mainColor;
+  h3 {
+    color: $mainColor;
+  }
+  ul li {
+    list-style: disc;
+    list-style-position: inside;
+  }
+}
+
+.alert-info {
+  background-color: #d9edf7;
+  border-color: #bce8f1;
+  color: #3a87ad;
+}
+
+.alert-block {
+  padding-top: 14px;
+  padding-bottom: 14px;
+}
+
+.alert-block > p,
+.alert-block > ul {
+  margin-bottom: 0;
+}
+
+.alert-block p + p {
+  margin-top: 5px;
+}
+
+/* LOGIN ASSETS */
+body#login {
+  background: $bg_login;
+  text-align: center;
+  position: relative;
+  font-family: "Open Sans";
+}
+
+div#full {
+  width: $full;
+  height: $full;
+  @include circle-gradient;
+}
+
+div#forgotform {
+  height: 337px;
+  margin-top: -142px;
+  top: 40%;
+}
+
+div#loginform {
+  height: 457px;
+  margin-top: -137px;
+  top: 30%;
+  .btn {
+    margin-top: 10px;
+  }
+}
+
+div#loginform,
+div#forgotform {
+  width: 400px;
+  background-color: $winMain;
+  position: fixed;
+  left: 50%;
+  margin-left: -205px;
+  margin-top: -137px;
+  border-radius: 8px;
+  border: solid 5px rgba(0, 0, 0, 0.8);
+  text-align: center;
+  p {
+    font-size: 0.9em;
+    display: block;
+    padding: 18px 40px;
+    text-align: center;
+    border-top: 1px solid lighten($winColor, 10%);
+    border-bottom: 1px solid darken($winColor, 5%);
+  }
+  form {
+    padding-top: 20px;
+    height: 186px;
+    border-top: 1px solid lighten($winColor, 10%);
+    margin-bottom: 6px;
+    margin-top: -9px;
+  }
+  input.line {
+    border: 1px solid darken($winColor, 10%);
+    width: 330px;
+    height: 22px;
+    margin-bottom: 10px !important;
+  }
+  div.info {
+    margin-bottom: 2px;
+    padding: 0 32px 15px 30px;
+    border-bottom: 1px solid darken($winColor, 5%);
+    text-align: left;
+  }
+  label {
+    color: $textColor;
+  }
+  span.left {
+    label.remember {
+      font-weight: normal;
+      width: 150px;
+      padding-left: 18px;
+      font-size: 0.9em;
+    }
+  }
+  span.right {
+    a {
+      font-size: 0.9em;
+    }
+  }
+}
+
+div#logo-hold {
+  display: block;
+  height: 132px;
+  border-bottom: 1px solid darken($winColor, 5%);
+  background: url(/assets/raffle_stock.png) repeat-y;
+}
+
+div#forgotpass {
+  display: block;
+  padding: 30px 0;
+  border-bottom: 1px solid darken($winColor, 5%);
+  background: $winShade;
+}
+
+.footer {
+  color: $foot_text;
+  width: $full;
+  height: 54px;
+  background: $footer_bg;
+  position: fixed;
+  bottom: 0;
+  @include box-shadow(inset 0 4px 20px rgba(0, 0, 0, 0.3));
+}
+
+.logininfo {
+  padding: 20px 20px 0 20px;
+  img {
+    padding: 0 10px 0 10px;
+  }
+}
+
+/*-----------GENERAL/input forms ---------*/
+input,
+textarea,
+select,
+.uneditable-input {
+  border: 1px solid darken($winShade, 6%);
+
+}
+
+form {
+  margin: 0 0 0 0;
+}
+
+fieldset {
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+legend {
+  display: block;
+  width: 100%;
+  padding: 0;
+  margin-bottom: 27px;
+  font-size: 19.5px;
+  line-height: 36px;
+  color: #333333;
+  border: 0;
+  border-bottom: 1px solid #e5e5e5;
+}
+
+legend small {
+  font-size: 13.5px;
+  color: #999999;
+}
+
+input,
+textarea {
+  width: 190px;
+}
+
+textarea:focus,
+input[type="text"]:focus,
+input[type="password"]:focus,
+input[type="datetime"]:focus,
+input[type="datetime-local"]:focus,
+input[type="date"]:focus,
+input[type="month"]:focus,
+input[type="time"]:focus,
+input[type="week"]:focus,
+input[type="number"]:focus,
+input[type="email"]:focus,
+input[type="url"]:focus,
+input[type="search"]:focus,
+input[type="tel"]:focus,
+input[type="color"]:focus,
+.uneditable-input:focus {
+  border-color: rgba(82, 168, 236, 0.8);
+  outline: 0;
+  outline: thin dotted \9;
+  /* IE6-9 */
+
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
+  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
+}
+
+input[type="radio"],
+input[type="checkbox"] {
+  margin: 3px 0;
+  *margin-top: 0;
+  /* IE7 */
+
+  line-height: normal;
+  cursor: pointer;
+}
+
+input[type="submit"],
+input[type="reset"],
+input[type="button"],
+input[type="radio"],
+input[type="checkbox"] {
+  width: auto;
+}
+
+.uneditable-textarea {
+  width: auto;
+  height: auto;
+}
+
+select,
+input[type="file"] {
+  height: 28px;
+  /* In IE7, the height of the select element cannot be changed by height, only font-size */
+
+  *margin-top: 4px;
+  /* For IE7, add top margin to align select with labels */
+
+  line-height: 28px;
+}
+
+select {
+  width: 200px;
+}
+
+select[multiple],
+select[size] {
+  height: auto;
+}
+
+select:focus,
+input[type="file"]:focus,
+input[type="radio"]:focus,
+input[type="checkbox"]:focus {
+  outline: thin dotted #333;
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+}
+
+input:focus, textarea:focus, select:focus, label input:focus, input.line:focus {
+  @include box-shadow(0 0 8px rgba($mainColor, 0.5) !important);
+  outline: 0;
+  border: 1px solid lighten($mainColor, 20%) !important;
+}
+
+input,
+textarea {
+  border-radius: 4px;
+}
+
+input.line {
+  width: 98%;
+  height: 28px;
+}
+
+label,
+input {
+  margin: 0 0 5px 0;
+}
+
+textarea,
+input.line {
+  color: #666666;
+}
+
+textarea,
+input[type="text"],
+input[type="password"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="date"],
+input[type="month"],
+input[type="time"],
+input[type="week"],
+input[type="number"],
+input[type="email"],
+input[type="url"],
+input[type="search"],
+input[type="tel"],
+input[type="color"]
+select {
+  @include box-shadow(inset 0 0 20px rgba(153, 153, 153, 0.3));
+
+}
+
+/*----------PASSWORD STYLE-------------*/
+.password_strength {
+  padding: 0 5px;
+  display: inline-block;
+}
+
+.password_strength_1 {
+  background-color: #fcb6b1;
+}
+
+.password_strength_2 {
+  background-color: #fccab1;
+}
+
+.password_strength_3 {
+  background-color: #fcfbb1;
+}
+
+.password_strength_4 {
+  background-color: #dafcb1;
+}
+
+.password_strength_5 {
+  background-color: #bcfcb1;
+}
+
+/*----------BUTTON STYLE-------------*/
+div.actions .btn {
+  margin-top: 9px;
+}
+
+.btn {
+  margin-bottom: 0;
+}
+
+select+.btn {
+  margin-bottom: 9px;
+}
+
+.btn {
+
+  display: inline-block;
+  *display: inline;
+  *zoom: 1;
+  min-width: 50px;
+  padding: 3px 8px;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 18px;
+  *line-height: 20px;
+  text-align: center;
+  vertical-align: middle;
+  cursor: pointer;
+  border: 1px solid lighten($gray, 20%);
+  *border: 0;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -o-border-radius: 4px;
+  -ms-border-radius: 4px;
+  border-radius: 4px;
+  *margin-left: .3em;
+  background-color: $btnColor;
+  @include lineargrd(top, $btnColor, $btnMix);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#{$btnMix}', endColorstr = '#{$btnColor}', GradientType = 0);
+  *background-color: $btnColor;
+  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+}
+
+.btn:hover,
+.btn:active,
+.btn.active,
+.btn.disabled,
+.btn[disabled] {
+  text-decoration: none !important;
+  background-color: $btnMix !important;
+  *background-color: $btnMix !important;
+}
+
+.btn:first-child {
+  *margin-left: 0;
+}
+
+.btn:hover {
+  /* Buttons in IE7 don't get borders, so darken on hover */
+  background-position: 0 -15px;
+  -webkit-transition: background-position 0.2s linear;
+  -moz-transition: background-position 0.2s linear;
+  -ms-transition: background-position 0.2s linear;
+  -o-transition: background-position 0.2s linear;
+  transition: background-position 0.2s linear;
+}
+
+.btn:focus {
+  outline: thin dotted #333;
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+}
+
+.btn,
+.btn:hover,
+.btn:visited {
+  color: $btnText;
+  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.50);
+  text-decoration: none;
+}
+
+.btn.active {
+  color: $btnText;
+}
+
+.btn:active,
+.btn.active {
+  background-color: $btnColor \9;
+}
+
+/*-----------HEADER ---------*/
+#header {
+  height: 185px;
+  display: block;
+  background: $topheader_bg;
+}
+
+#top-dashboard {
+  height: 47px;
+  width: 100%;
+  background: $statusColor url(/assets/bg-head.png) repeat-x;
+  display: block;
+  border-top: $mainColor solid 3px;
+  @include box-shadow(0 5px 40px rgba(0, 0, 0, 0.3));
+}
+
+.menu-item {
+  padding: 15px;
+  border-left: 1px dashed lighten($statusColor, 20%);
+  display: block;
+  float: right;
+  color: #FFF;
+  position: relative;
+}
+.menu-item.points{
+  font-weight: 600;
+}
+.points span {
+
+  background: #d6d6d6;
+  color: $mainColor;
+  font-weight: bold;
+  padding: 4px 20px;
+  margin-right: 8px;
+  border-radius: 4px;
+}
+
+a.chat, a.notice, a.budget, a.dash {
+  width: 30px;
+  height: 30px;
+  display: block;
+  margin-top: -13px;
+}
+
+a.chat {
+  background: url(/assets/msg.png) no-repeat center 11px;
+}
+
+a.notice {
+  background: url(/assets/alert.png) no-repeat center 11px;
+}
+
+a.budget {
+  background: url(/assets/budget.png) no-repeat center 11px;
+}
+
+a.dash {
+  background: url(/assets/dash.png) no-repeat center 11px;
+}
+
+.chat span, .notice span, .budget span, .dash span {
+  background: $mainColor;
+  font-size: 0.8em;
+  font-weight: bold;
+  position: absolute !important;
+  top: 5px;
+  left: 35px;
+  border-radius: 10px;
+  width: 16px;
+  height: 15px;
+  text-align: center;
+  padding: 3px 2px 1px 1px;
+  display: block;
+  letter-spacing: -1px;
+  position: absolute;
+  z-index: 80;
+}
+
+form#searchform {
+  width: 173px;
+  height: 15px;
+  position: relative;
+}
+
+form#searchform input,
+form#searchform input:hover,
+form#searchform input:focus {
+  padding-left: 10px;
+  width: 163px;
+  height: 24px;
+  background-color: lighten($statusColor, 4%);
+  border: 0;
+  color: #FFF;
+  position: absolute;
+  z-index: 78;
+  @include lineargrd(top, lighten($statusColor, 4%), lighten($statusColor, 10%));
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(lighten($statusColor, 4%)), to(lighten($statusColor, 10%)));
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#{lighten($statusColor, 10%)}', endColorstr = '#{lighten($statusColor, 6%)}', GradientType = 0);
+  color: lighten($statusColor, 60%);
+  @include box-shadow(inset 0 1px 2px darken($statusColor, 60%) !important);
+  border: none !important;
+}
+
+.form {
+  height: 34px;
+}
+
+.menu-item.form {
+  padding: 7px 0 5px 15px;
+}
+
+span#find {
+  width: 16px;
+  height: 17px;
+  display: block;
+  position: absolute;
+  z-index: 79;
+  background: url(/assets/search.png);
+  right: 8px;
+  top: 8px;
+}
+
+/*-----------USER HEADER---------*/
+.userheader {
+  position: relative;
+}
+
+#profile {
+  right: 0;
+  width: 330px;
+  position: absolute;
+  margin-top: 20px;
+}
+
+#profile form {
+  margin-bottom: 10px;
+}
+
+#profile img {
+  float: right;
+}
+
+span#logged {
+  float: right;
+  text-align: right;
+  margin: 6px 10px 0 0;
+  small{
+    font-size:11px;
+  }
+}
+
+#logo {
+  position: absolute;
+  background: $logo left center no-repeat;
+  display: block;
+  height: 130px;
+  width: 270px;
+}
+
+.user, .s-select select {
+  color: #666666;
+}
+
+#bannerXL {
+  position: absolute;
+  width: 720px;
+  height: 130px;
+  display: block;
+  background: $bannerXL no-repeat left center;
+  left: 0;
+}
+
+/*----------MENU ---------*/
+#menu {
+  .huge_menu_wrapper {
+    float: left;
+    width: 855px;
+    overflow: hidden;
+  }
+  .contain {
+    position: relative;
+  }
+
+  a#prevmenu {
+    display: block;
+    height: 25px;
+    width: 25px;
+    position: relative;
+    z-index: 500;
+  }
+
+  a#nextmenu {
+    right: 0px;
+    position: absolute;
+    display: block;
+    height: 25px;
+    width: 25px;
+    z-index: 500;
+  }
+
+  background: $menuColor;
+  @include lineargrd(top, $menuColor 50%, $menuMix 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(45%, $menuColor), color-stop(100%, $menuMix));
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#{$menuColor}', endColorstr = '#{$menuMix}', GradientType = 0);
+  border-top: solid 1px #d9d9d9;
+  box-shadow: 0 10px 10px opacity(rgba($menuMix, 0.88));
+  position: relative;
+  height: 49px;
+}
+
+.win-gradient{
+@include lineargrd(top, $winMain 45%, darken($menuMix, 10%) 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(45%, $winMain), color-stop(100%, darken($menuMix, 10%)));
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#{$winMain}', endColorstr = '#{darken($menuMix, 10%)}', GradientType = 0);
+}
+.gradient-soft{
+@include lineargrd(top, $winMain 45%, $menuMix 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(45%, $winMain), color-stop(100%, $menuMix));
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#{$winMain}', endColorstr = '#{$menuMix}', GradientType = 0);
+}
+
+a.bt.disabled {
+  img {
+    opacity: 0.4 !important;
+    filter: alpha(opacity = 40) !important;
+  }
+  &:hover {
+    box-shadow: none !important;
+    background: transparent !important;
+    cursor: default;
+  }
+
+}
+
+a.bt {
+  width: 50px !important;
+  padding-top: 15px;
+  height: 33px !important;
+  float: left;
+  text-align: center;
+  display: block;
+  border-right: 1px solid lighten($menuColor, 6%);
+  &:hover {
+    background-color: $menuColor;
+    @include box-shadow(inset 0 0 20px darken($menuColor, 30%));
+    text-decoration: none;
+  }
+}
+
+ul.huge-menu {
+  width: 5000px;
+  font-size: 13px;
+  height: 49px;
+  float: left; /*---Actual menu width is 895px so that home and dots may fit, it may need to be less for when going back to other menus.----*/
+  li.bt a {
+    width: 50px !important;
+    padding-top: 15px;
+    height: 33px !important;
+  }
+  li.tl a {
+    padding: 8px 0;
+  }
+  li {
+    height: 50px;
+    width: 170px;
+    float: left;
+    list-style: none;
+    text-align: center;
+    font-weight: bold;
+
+    a.dc-huge {
+      position: relative;
+    }
+
+    a, .tl a {
+      // width:177px;
+      padding-top: 13px;
+      height: 35px;
+      display: block;
+      border-left: 1px solid darken($menuColor, 10%);
+      border-right: 1px solid lighten($menuColor, 6%);
+      text-transform: uppercase;
+      color: darken($menuColor, 50%);
+      &:hover {
+        color: $menulinkColor;
+        background-color: $menuColor;
+        @include box-shadow(inset 0 0 20px darken($menuColor, 40%));
+        text-decoration: none;
+      }
+    }
+  }
+}
+
+ul.bottom li.huge-hover a.dc-huge {
+  color: $menulinkColor !important;
+  background-color: $menuColor;
+  @include box-shadow(inset 0 0 20px darken($menuColor, 30%));
+  text-decoration: none;
+}
+
+/* Controls main menu hover state */
+ul.sub li.huge-hover {
+
+  background-color: transparent;
+  box-shadow: none;
+  text-decoration: none;
+
+}
+
+/* Controls sub-menus background hover state */
+
+/* huge menu container */
+.huge-menu li .sub-container {
+  position: absolute;
+  background: $menuColor; /* Old browsers */
+  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
+  @include lineargrd(top, lighten($menuColor, 10%) 0%, $menuColor 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, lighten($menuColor, 10%)), color-stop(100%, $menuColor)); /* Chrome,Safari4+ */
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#{lighten($menuColor, 10%)}', endColorstr = '#{$menuColor}', GradientType = 0); /* IE6-8 */
+  padding: 12px 15px 10px 15px;
+  box-shadow: 0 3px 8px rgba(6, 6, 6, 0.3), inset 0 -1px 2px darken($menuColor, 20%);
+}
+
+.huge-menu li .sub-container .sub {
+}
+
+/* Option control for background links of all menu items */
+.huge-menu li .sub .row {
+  width: 100%;
+  overflow: hidden;
+  margin-left: 0; /* This makes the menus play nice with bootstrap */
+}
+
+.huge-menu li .sub li {
+  float: none;
+  font-size: 1em;
+  font-weight: normal;
+}
+
+.huge-menu li .sub li.huge-hdr {
+  float: left;
+}
+
+.huge-menu li .sub a, .huge-menu.left li .sub a {
+  background: none;
+  border: none;
+  text-shadow: none;
+  float: none;
+  color: darken($menuColor, 50%);
+  display: block;
+  text-decoration: none;
+  font-size: 0.9em;
+  height: auto;
+  text-transform: capitalize;
+  width: 140px;
+
+}
+
+.huge-menu li .sub li.huge-hdr a.huge-hdr-a {
+  font-weight: bold;
+  color: $mainColor;
+  box-shadow: none;
+  text-align: left;
+}
+
+.huge-menu li .sub li.huge-hdr a.huge-hdr-a:hover {
+  color: darken($menuColor, 50%);
+  background: none;
+}
+
+.huge-menu .sub li.huge-hdr li a {
+
+  padding: 5px;
+  text-align: left;
+  box-shadow: none;
+  font-weight: normal;
+  color: darken($menuColor, 50%);
+}
+
+.huge-menu .sub li.huge-hdr li a:hover {
+  color: $menulinkColor;
+
+}
+
+.huge-menu .sub ul li {
+
+}
+
+/* Styling for menu items with only 2 levels */
+.huge-menu li .sub-container.non-huge .sub {
+
+}
+
+.huge-menu li .sub-container.non-huge li {
+
+}
+
+.huge-menu li .sub-container.non-huge li a {
+  padding: 5px;
+  text-align: left;
+  box-shadow: none;
+  font-weight: normal;
+  color: darken($menuColor, 50%);
+}
+
+.huge-menu li .sub-container.non-huge li a:hover {
+  color: $menulinkColor;
+  background: darken($menuColor, 5%);
+  border-radius: 4px;
+  @include box-shadow(inset 0 0 6px darken($menuColor, 15%));
+}
+
+/*----------MAIN CONTENT ---------*/
+#right-column {
+  float: left;
+  width: 268px;
+  display: block;
+}
+
+#main {
+  width: 722px;
+  float: right;
+}
+
+/*---------BREADCRUMBS------------*/
+.bredcrumbs {
+  @extend .clearfix;
+  background: $winShade;
+  padding: 10px 0 10px 0;
+  ul {
+    margin: 0 !important;
+  }
+  li {
+    padding: 0 10px 0 10px;
+    float: left;
+    background: url(/assets/breadcrumbs.png) no-repeat left center;
+    &:first-child {
+      padding: 0 10px 0 0 !important;
+      background: none !important;
+    }
+    ;
+  }
+}
+
+.bredcrumbs.file-manager-breadcrumbs {
+  background: none;
+  display: inline-block;
+  vertical-align: top;
+  padding: 0;
+}
+
+/*----------BOX CONTROLS---------*/
+
+.boxl,
+.poll {
+  padding: 20px 15px;
+}
+
+.box {
+  padding: 10px 15px 15px 15px;
+}
+
+.box,
+.raffle,
+.poll,
+.trophy {
+  text-align: center;
+}
+
+.raffle {
+  padding-bottom: 10px;
+}
+
+.trophy img {
+  border: none;
+  padding: 10px 4px;
+}
+
+.boxli {
+  padding: 5px 10px;
+  border-top: 1px solid #cecece;
+}
+
+.boxli img {
+  float: left;
+}
+
+.box{
+  .btn{
+    margin-top:20px;
+   
+  }
+}
+
+/*----------BOX COLORS---------*/
+.perl,
+.raffle,
+.poll,
+.scroll,
+.boxm,
+.home-content {
+  background-color: $winShade;
+}
+
+.gray {
+  background-color: $winShade;
+}
+
+.lgray {
+  background-color: $winMain;
+}
+
+.dark {
+  background: url(/assets/dark-box.png);
+  color: #cccccc;
+}
+
+.gradient-dark {
+  @include gradient-dark;
+}
+
+.gradient-light {
+  @include gradient-light
+}
+
+/*----------PROFILE ---------*/
+div#bigname {
+  display: block;
+  width: 190px;
+  float: left;
+  padding-top: 10px;
+}
+
+span.bigt {
+  font-weight: bold;
+}
+
+.boxl span#welcome {
+  font-size: 30px;
+  font-weight: 100;
+  letter-spacing: -1px;
+}
+
+/*----------------------------*/
+.boxl {
+  line-height: 15px;
+  position: relative;
+}
+
+.boxl p {
+  line-height: 15px;
+}
+
+.boxl img {
+  margin-left: 4px;
+}
+
+/*----------TOKEN & POINTS---------*/
+span.smalln,
+span.bign {
+  color: $mainColor;
+}
+
+.inner-shadow {
+text-shadow: 1px 1px 2px lighten($mainColor, 50%), 0px 0px 2px darken($mainColor, 100%), 0px 0px 2px lighten($mainColor, 80%);
+}
+
+span.smalln {
+  font-size: 22px;
+  font-weight: bold;
+  line-height: 30px;
+  padding: 0 15px;
+  margin-top: 10px;
+}
+
+span.bign {
+  font-weight: bold;
+  font-size: 60px;
+}
+
+/*----------FEED---------*/
+.feed {
+  height: 144px;
+  overflow-y: auto;
+  font-size: 11.5px;
+}
+
+.feed-content {
+  padding: 10px;
+  background-color: #f2f2f2;
+  line-height: 20px;
+  color: #666666;
+}
+
+.feed-content strong {
+  color: #000;
+}
+
+.feed-content small {
+  background: url(/assets/arrow.png) left center no-repeat;
+  padding-left: 15px;
+}
+
+.alt {
+  background-color: $lgray;
+}
+
+/*----------POLL---------*/
+.poll p {
+  text-align: left;
+}
+
+.poll form {
+  margin-top: 15px;
+}
+
+.poll label {
+  display: list-item;
+  list-style: none;
+  margin-top: 8px;
+}
+
+.poll span {
+  margin-top: 20px;
+  display: block;
+}
+
+/*----------EARN POINTS---------*/
+.columns {
+  width: 100%;
+  margin-left: 0;
+  display: inline-block;
+  position: relative;
+}
+
+.col {
+  margin-left: 10px;
+  max-width: 49.4%;
+  float: left;
+}
+
+.col:first-child {
+  margin-left: 0;
+}
+
+.home-content img {
+  float: left;
+  margin-right: 20px;
+}
+
+.home-content {
+  font-size: 1.2em;
+  padding: 16px 15px;
+}
+
+/*----------NEWS & SOCIAL WALL---------*/
+
+.boxm {
+  padding: 20px;
+  display: block;
+}
+
+.boxm img,
+.combonews img {
+  float: left;
+  padding: 2px;
+  background-color: #FFF;
+  border: 1px solid #afaea6;
+}
+
+.news img,
+.boxcombo img {
+  margin-right: 20px;
+}
+
+.news h4, .boxcombo h4 {
+  margin-bottom: 5px;
+}
+
+.boxm p, .combonews p {
+  line-height: 20px;
+}
+
+.boxcombo {
+  display: inline-block;
+  border-top: solid 1px #cacaca;
+  margin-bottom: -3px;
+}
+
+.combonews {
+  border-left: 1px solid #ebebeb;
+  border-right: 1px solid #cfcfcf;
+  width: 319px;
+  float: left;
+  padding: 20px;
+  border-top: 1px solid #e5e5e5;
+}
+
+.boxm form p {
+  display: block;
+  float: left;
+  margin-left: 30px;
+}
+
+.boxm form {
+  border-bottom: 1px solid #ebebeb;
+  display: inline-block;
+  padding: 0 50px 20px 0;
+}
+
+.boxm form textarea {
+  width: 530px;
+  height: 45px;
+  padding-top: 5px;
+  padding-left: 5px;
+}
+
+/*----------SOCIAL WALL COMMENTS---------*/
+#profile img {
+  float: right;
+  padding: 2px;
+  background-color: #FFF;
+  border: 1px solid #afaea6;
+}
+
+.comments h4 {
+  float: left;
+  margin-right: 10px;
+}
+
+.comments p {
+  border-top: 1px solid #cccccc;
+  margin: 6px 0;
+  padding: 6px 0;
+}
+
+div.action span {
+  float: right;
+}
+
+.comment_content .action span img {
+  border: none !important;
+  background-color: transparent;
+  margin: -3px 6px 0 6px;
+}
+
+div.action {
+  border-bottom: 1px solid $lgray;
+  border-top: 1px solid $lgray;
+  padding: 10px 0;
+  font-weight: bold;
+}
+
+/*----------PARENT COMMENTS ---------*/
+ul.comments {
+  list-style: none;
+  padding: 0;
+  margin: 0px;
+}
+
+li.parent {
+  margin-bottom: 2px;
+  padding: 10px 0;
+}
+
+li.parent .comment_content {
+  float: left;
+  width: 593px;
+}
+
+.comment_content {
+  margin-left: 30px;
+}
+
+/*------------SUB COMMENTS ------------*/
+ul.children {
+  list-style: none;
+  padding: 0px 0px 0px 80px;
+  margin: 0px;
+  clear: both;
+}
+
+li.child {
+  margin-bottom: 2px;
+  padding: 10px 0 10px 10px;
+}
+
+li.child .comment_content {
+  float: left;
+  width: 500px;
+}
+
+ul.children ul.children li.child {
+  background-color: #999;
+}
+
+/*------------TABLES ------------*/
+.list {
+  float: left;
+  width: 49.4%;
+  position: relative;
+  margin-left: 10px;
+}
+
+.list:first-child {
+  margin-left: 0;
+}
+
+.scroll {
+  height: 385px;
+  overflow-y: auto;
+}
+
+table {
+  width: 100%;
+}
+
+table {
+  border-collapse: collapse;
+}
+
+tr {
+  text-align: left;
+}
+
+.scroll th {
+  background-color: #fefefe;
+  font-size: 1.0em;
+  @include lineargrd(top, #fefefe, #e4e4e4);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#e4e4e4));
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e4e4e4', endColorstr = '#fefefe', GradientType = 0);
+  *background-color: #fefefe;
+  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+}
+
+.scroll td,
+.scroll th {
+  padding: 10px 0;
+}
+
+.scroll th {
+  border-bottom: 1px solid #d2d2d2;
+}
+
+.scroll td,
+.scroll th {
+  border-left: 1px solid #d2d2d2;
+  padding-left: 10px;
+}
+
+.scroll td:first-child,
+.scroll th:first-child {
+  border-left: none;
+}
+
+/*------------ FOOTER ------------*/
+#footer {
+  background: $footer_bg;
+  width: 100%;
+  color: $foot_text;
+  display: block;
+  padding: 10px 0 0 0;
+  margin-top: 50px;
+  a {
+    color: $foot_text;
+    text-decoration: none;
+  }
+}
+
+.foot-menu.complex #legal {
+  background-color: rgba(0, 0, 0, 0.3);
+
+  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = '#{darken($footer_bg, 20%)}', endColorstr = '#{darken($footer_bg, 20%)}');
+  zoom: 1;
+  width: 100%;
+  color: $foot_text;
+  display: block;
+  padding: 10px 0;
+  margin-top: 20px;
+}
+
+.foot-menu.simple #legal {
+  width: 100%;
+  color: $foot_text;
+  display: block;
+  padding: 10px 0;
+}
+
+/*------------ FOOTER COMPLEX------------*/
+.foot-menu.complex ul li {
+  float: left;
+  margin-left: 53px;
+  line-height: 40px;
+  a {
+    font-weight: bold;
+  }
+}
+
+.foot-menu.complex span {
+  float: right;
+  min-width: 160px;
+  display: block;
+}
+
+.foot-menu.complex ul li:first-child {
+  margin-left: 0;
+}
+
+.foot-menu.complex ul li ul li {
+  list-style: none;
+  line-height: 30px;
+  float: none;
+  margin-left: 0;
+  a {
+    font-weight: normal;
+    border-bottom: 1px dotted #666;
+  }
+}
+
+/*------------ FOOTER SIMPLE------------*/
+.foot-menu.simple span img {
+  display: none;
+}
+
+.foot-menu.simple {
+  width: 100%;
+  text-align: center;
+  padding: 20px 0;
+}
+
+.foot-menu.simple ul {
+  margin: auto;
+}
+
+.foot-menu.simple li {
+  list-style: none;
+  display: inline;
+  margin: 0 0 0 0;
+  font-size: 0.9em;
+  border-left: 1px solid $foot_text;
+  padding: 0 5px 0 8px;
+}
+
+.foot-menu.simple li:first-child {
+  border-left: none;
+}
+
+#footer h4 {
+  margin-bottom: 10px;
+}
+
+/*-----------METHODOLOGY ---------*/
+.vehicle {
+  float: left;
+  width: 45%;
+  margin-bottom: 40px;
+}
+
+.vehicle div img {
+  width: 100%;
+  height: 100%;
+}
+
+.vehicle_setup {
+  float: left;
+  width: 45%;
+  margin-bottom: 40px;
+}
+
+.image.points,
+.image.empty.points {
+  height: 100% !important;
+}
+
+.image.empty img {
+  width: 100%;
+  height: 100%;
+}
+
+/*-----------NOMINATION PROCESS---------*/
+
+#nomination_reason_holder {
+  margin: 50px 0 0 50px;
+}
+
+.methodology-progress {
+  height: 50px;
+  border-bottom: 1px solid #ededed;
+  padding: 10px 10px 10px 10px;
+  position: relative;
+}
+
+.methodology-progress .step-number {
+  font-size: 24px;
+  float: left;
+  height: 50px;
+  margin-right: 12px;
+  line-height: 50px;
+  font-weight: bold;
+}
+
+.methodology-progress span.step-details {
+  font-size: 14px;
+  font-weight: bold;
+  display: block !important;
+  margin-top: 15px;
+}
+
+.methodology-progress small.info {
+  font-size: 11px;
+  font-weight: normal;
+}
+
+.methodology-progress img {
+  position: absolute;
+  right: 0;
+  top: 30%;
+}
+
+@each $browser in $prefix-lineargradient {
+  .methodology-progress.active {
+    background: url(/assets/active_nom.png) right center no-repeat, #{$browser}gradient(top, $btnColor, $btnMix) !important;
+    background: url(/assets/active_nom.png) right center no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from($btnColor), to($btnMix)) !important;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#{$btnColor}', endColorstr = '#{$btnMix}', GradientType = 0);
+    border-color: $btnMix;
+    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(enabled = false);
+  }
+
+  .methodology-progress.active.hover {
+    background-image: url(/assets/active_nom.png) right center no-repeat, #{$browser}gradient(top, $btnColor, $btnMix);
+    background-image: url(/assets/active_nom.png) right center no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from($btnColor), to($btnMix));
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#{$btnColor}', endColorstr = '#{$btnMix}', GradientType = 0);
+    border-color: $btnMix;
+    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(enabled = false);
+    cursor: pointer;
+  }
+}
+
+.methodology-progress.hover {
+  @include lineargrd(top, $btnColor, $btnMix);
+  background: -webkit-gradient(linear, 0 0, 0 100%, from($btnColor), to($btnMix));
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#{$btnColor}', endColorstr = '#{$btnMix}', GradientType = 0);
+  border-color: $btnMix;
+  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(enabled = false);
+  cursor: pointer;
+}
+
+.methodology-progress.active,
+.methodology-progress.hover {
+  color: #fff;
+}
+
+.section_initiative {
+  position: relative;
+  border-bottom: 1px solid $lgray;
+  padding: 13px 50px 0 20px;
+  background-color: #f8f8f8;
+}
+
+.section_initiative.active {
+  background-color: #dfeaf2;
+}
+
+.section_initiative form {
+  margin: 0 0 0 0;
+}
+
+.section_initiative input.btnarrowg {
+  position: absolute;
+  right: 20px;
+  top: 15px;
+}
+
+.section_initiative img {
+  margin: 8px 20px 30px 0;
+  float: left;
+  padding: 2px;
+  width: 52px;
+  background-color: #fff;
+  border: 1px solid #c8c8c2;
+}
+
+.paging {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  padding: 7px 0 15px 0;
+  border-top: 1px solid #cfcfcf;
+  background: #cfcfcf; /* Old browsers */
+  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
+  @include lineargrd(top, $winShade 0%, $winColor 40%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, $winShade), color-stop(40%, $winColor)); /* Chrome,Safari4+ */
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#{$winShade}', endColorstr = '#{$winColor}', GradientType = 0); /* IE6-8 */
+  text-align: right;
+  a.btn {
+    margin-right: 20px;
+  }
+}
+
+.clickable-marshall {
+  line-height: 70px;
+  height: 70px;
+  padding-left: 20px;
+}
+
+.clickable-marshall.even {
+  background-color: #efefef;
+}
+
+/*-----------GENERAL ICONS WITH AND WITHOUT BUTTON----------*/
+.noToggle,
+.noToggle:hover {
+  width: 5px !important;
+  height: 9px !important;
+  background: url(/assets/noToggle.png) no-repeat center;
+  background-color: transparent;
+  border: none;
+  cursor: pointer;
+  display: inline-block;
+  *display: inline;
+  text-indent: -9999px;
+  color: transparent;
+}
+
+.dropToggle,
+.dropToggle:hover {
+  width: 9px !important;
+  height: 5px !important;
+  background: url(/assets/dropToggle.png) no-repeat center;
+  background-color: transparent;
+  border: none;
+  cursor: pointer;
+  display: inline-block;
+  *display: inline;
+}
+
+@each $thing in $iconbtn {
+
+  .#{$thing},
+  .#{$thing}:hover,
+  a span.#{$thing} {
+    width: 30px !important;
+    height: 30px !important;
+  }
+
+  td .#{$thing},
+  td .#{$thing}:hover,
+  td a span.#{$thing} {
+    width: 21px !important;
+    height: 21px !important;
+  }
+
+  .#{$thing},
+  .#{$thing}:hover,
+  a span.#{$thing} {
+    cursor: pointer;
+    display: inline-block !important;
+    *display: inline;
+    background-color: transparent;
+    border: none;
+    text-indent: -9999px;
+    background: url(/assets/#{$thing}.png) no-repeat center center !important;
+    color: transparent !important;
+  }
+  .btn#{$thing}.disabled,
+  .btn#{$thing}[disabled],
+  .#{$thing}.disabled,
+  .#{$thing}[disabled] {
+    opacity: 0.4 !important;
+    filter: alpha(opacity = 40) !important;
+    cursor: default;
+    background: #ffffff url(/assets/#{$thing}.png) no-repeat center center;
+    &:hover {
+      background: #ffffff url(/assets/#{$thing}.png) no-repeat center center !important;
+    }
+  }
+  .btn#{$thing}:active,
+  .btn#{$thing}.active {
+    background-color: #cccccc \9;
+  }
+  .btn#{$thing}:first-child,
+  #{$thing}:first-child {
+    *margin-left: 0;
+  }
+
+  .btn#{$thing} {
+    margin-bottom: 0 !important;
+    @include btnshape;
+    @include btnborder;
+    @each $browser in $prefix-lineargradient {
+      background: url(/assets/#{$thing}.png) no-repeat center center, #{$browser}gradient(top, $iconbtnColor, $iconbtnMix);
+    }
+    
+    &:hover {
+      color: transparent;
+      @each $browser in $prefix-lineargradient {
+        background: url(/assets/#{$thing}.png) no-repeat center center, #{$browser}gradient(bottom, $iconbtnColor, $iconbtnMix)!important;
+      }
+      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#{$iconbtnColor}', endColorstr = '#{$iconbtnMix}', GradientType = 0);
+      filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+    }
+  }
+
+  .DTTT_button_copy_hover {
+    color: transparent;
+    @each $browser in $prefix-lineargradient {
+      background: url(/assets/clone.png) no-repeat center center, #{$browser}gradient(bottom, $iconbtnColor, $iconbtnMix) !important;
+    }
+  }
+
+}
+button.DTTT_button
+.button.DTTT_button{
+  background-color: transparent!important;
+}
+/*-----------MENU MANAGEMENT---------*/
+.footer-options {
+  padding-top: 7px;
+  div {
+    display: none;
+  }
+  label {
+    float: left;
+    padding-right: 4px;
+  }
+  input[type="radio"] {
+    float: left;
+    margin-right: 10px !important;
+  }
+}
+
+#condition_group_header_453 {
+  border-radius: 4px;
+}
+
+.menucontrol {
+  display: block;
+  background-color: darken($winShade, 6%);
+  padding-left: 10px;
+  padding-right: 10px;
+  height: 45px;
+  line-height: 45px;
+  text-align: right;
+  @include box-shadow(inset 0 0 30px rgba(6, 6, 6, 0.1));
+}
+
+.sd {
+  border-left: 1px solid darken($winShade, 12%);
+  width: 80px;
+  float: right;
+  margin-left: 10px;
+}
+
+.mtitles {
+  width: 467px;
+  font-size: 0.8em;
+}
+
+.mstatus,
+.sdate,
+.edate {
+  width: 100px;
+  font-size: 0.8em;
+}
+
+.mcontrol {
+  width: 70px;
+}
+
+.condition_group_content .mcontrol {
+  width: 30px;
+}
+
+ol.menu_sort {
+  background: url(/assets/zebra_rows_bg.png) top center;
+  padding-left: 20px;
+  span.title {
+    padding-left: 10px !important;
+    height: 32px;
+    line-height: 32px;
+  }
+}
+
+div.menu_right span {
+  float: left;
+  height: 32px;
+}
+
+span.toggle {
+  padding: 0 10px 0 10px;
+  margin-left: 5px;
+}
+
+li.dragged > div.clearfix {
+  color: orange;
+}
+
+li.draggedd > div.clearfix {
+  color: orange;
+  background-color: orange;
+}
+
+span.status {
+  height: 32px;
+  line-height: 32px;
+  display: block;
+  padding: 0 10px 0 10px;
+  width: 102px;
+  border-left: 1px solid #d2d2d2;
+}
+
+span.activeMenuItem {
+  color: #2f9d00;
+}
+
+span.publish_date {
+  height: 32px;
+  line-height: 32px;
+  padding: 0 10px;
+  width: 102px;
+  border-left: 1px solid #d2d2d2;
+}
+
+span.expiration_date {
+  height: 32px;
+  line-height: 32px;
+  padding: 0 10px;
+  width: 102px;
+  border-left: 1px solid #d2d2d2;
+}
+
+span.controls {
+
+  height: 32px;
+  line-height: 32px;
+  width: 70px;
+  border-left: 1px solid #d2d2d2;
+}
+
+ol.menu_sort li {
+  padding: 0px;
+  margin: 0px;
+}
+
+div.menu_left {
+  width: 460px;
+  float: left;
+}
+
+div.menu_right {
+  font-size: 0.9em;
+  width: 464px;
+  float: right;
+
+}
+
+.form-menu-content thead.scroll {
+  height: auto;
+  box-shadow: none;
+}
+
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+  select {
+    -webkit-box-shadow: inset 0px 0px 14px rgba(153, 153, 153, 0.2) !important;
+    -webkit-appearance: none;
+    background: #fff url(/assets/drop-down.png) no-repeat right;
+    padding: 0 0 0 4px;
+    border-radius: 4px;
+
+  }
+  select.multiselect, select[multiple="multiple"] {
+    background: #fff;
+  }
+  -webkit-appearance: listbox;
+}
+
+.form-section+.lang-select {
+  margin-left: 12px;
+}
+
+.form-content+.lang-select {
+  margin-left: 0;
+}
+
+.lang-select {
+  margin-left: 12px;
+  width: 56px;
+  height: 30px;
+  overflow: hidden;
+  background: url(/assets/lang-drop.png) no-repeat right;
+  &:fist-child {
+    margin-left: 0;
+  }
+  ;
+  select {
+    width: 140px;
+    background: transparent;
+    border: none;
+    height: 30px;
+    color: transparent;
+    -webkit-appearance: none;
+    &:focus {
+      border: none !important;
+      box-shadow: none !important;
+      -moz-box-shadow: none !important;
+      -ms-box-shadow: none !important;
+      -o-box-shadow: none !important;
+      -webkit-box-shadow: none !important;
+    }
+    option {
+      color: $textColor !important; /*----This fixes an issue with firefox-----*/
+    }
+  }
+}
+
+div.vehicles_box {
+  border: 2px solid #d1d1d1;
+  border-top: 0;
+  height: 35px;
+  background: url(/assets/gray_gradient_horizontal_large_bg.png) repeat-y;
+}
+
+div.vehicle_container {
+  border-right: 2px solid #d1d1d1;
+  border-top: 0;
+  padding: 10px;
+  height: 100%;
+  width: 125px;
+  background: #fff;
+
+}
+
+/*-----------EMAIL TEMPLATES---------*/
+.tabs-container {
+  height: 50px;
+  background: url(/assets/tabs_pannel_gradient.png);
+  display: block;
+  @each $browser in $prefix-lineargradient {
+    .tab-links {
+      box-shadow: inset -8px 0px 10px rgba(9, 9, 9, 0.1);
+      height: 50px !important;
+      line-height: 50px;
+      float: left;
+      font-weight: bold;
+      cursor: pointer;
+      &:hover, {
+        display: block;
+        background: url(/assets/active_tabs.png) no-repeat center bottom, #{$browser}gradient(top, $btnColor, $btnMix);
+        background: url(/assets/active_tabs.png) no-repeat center bottom, -webkit-gradient(linear, 0 0, 0 100%, from($btnColor), to($btnMix));
+        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#{$btnColor}', endColorstr = '#{$btnMix}', GradientType = 0);
+        border-color: $btnMix;
+        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(enabled = false);
+      }
+
+      &.active {
+        cursor: default;
+        color: $btnText;
+        background: url(/assets/active_tabs.png) no-repeat center bottom, #{$browser}gradient(top, $btnColor, $btnMix);
+        background: url(/assets/active_tabs.png) no-repeat center bottom, -webkit-gradient(linear, 0 0, 0 100%, from($btnColor), to($btnMix));
+        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#{$btnColor}', endColorstr = '#{$btnMix}', GradientType = 0);
+        border-color: $btnMix;
+        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(enabled = false);
+        a {
+          color: $btnText;
+          &:hover, {
+            display: block;
+            background: url(/assets/active_tabs.png) no-repeat center bottom, #{$browser}gradient(top, $btnColor, $btnMix) !important;
+            background: url(/assets/active_tabs.png) no-repeat center bottom, -webkit-gradient(linear, 0 0, 0 100%, from($btnColor), to($btnMix)) !important;
+            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#{$btnColor}', endColorstr = '#{$btnMix}', GradientType = 0);
+            border-color: $btnMix;
+            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(enabled = false);
+          }
+        }
+      }
+
+    }
+    a {
+      color: $textColor;
+      padding: 0 20px;
+      text-decoration: none;
+      display: block;
+      &:hover, {
+        display: block;
+        color: $btnText !important;
+        @include lineargrd(top, $btnColor, $btnMix);
+        background: -webkit-gradient(linear, 0 0, 0 100%, from($btnColor), to($btnMix));
+        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#{$btnColor}', endColorstr = '#{$btnMix}', GradientType = 0);
+        border-color: $btnMix;
+        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(enabled = false);
+      }
+    }
+  }
+}
+
+/*-----------MY AWARDS---------*/
+.awards_top {
+  position: relative;
+  display: block;
+  text-align: center;
+  h2 {
+    z-index: 98;
+  }
+  .awards_header {
+    height: 33px;
+    display: block;
+    background: url(/assets/awards_header.jpg);
+    z-index: 98;
+  }
+  @each $browser in $prefix-lineargradient {
+    .label_tag {
+      background: $btnColor url(/assets/awards_label_bg.png);
+      background: url(/assets/awards_label_bg.png), #{$browser}gradient(left, $btnMix 0%, $btnColor 50%, $btnMix 100%);
+      background: url(/assets/awards_label_bg.png), -webkit-gradient(linear, left top, right top, color-stop(0%, $btnMix), color-stop(50%, $btnColor), color-stop(100%, $btnMix));
+      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#{$btnColor}', endColorstr = '#{$btnColor}', GradientType = 1);
+      position: absolute;
+      z-index: 99;
+      color: darken($mainColor, 30%);
+      font-size: 1.3em;
+      text-transform: uppercase;
+      font-weight: 600;
+      padding: 6px 110px;
+      left: 50%;
+      margin-left: -160px;
+      top: 20px;
+      border-radius: 6px;
+      box-shadow: 0 5px 6px rgba(0, 0, 0, 0.5);
+    }
+  }
+}
+
+.awards_search {
+  background: url(/assets/awards_search.jpg);
+  display: block;
+  height: 49px;
+  line-height: 49px;
+  span.buttons {
+    float: right;
+    margin-right: 20px;
+  }
+  select,
+  select:active {
+    margin-left: 20px;
+    background: #000000;
+    margin-top: 4px;
+    border: 1px solid #000000;
+    color: #ffffff;
+    &:focus {
+      border: 1px solid #000000 !important;
+      box-shadow: none !important;
+    }
+  }
+  input[type="text"] {
+    background: url(/assets/search.png) 160px center no-repeat, rgba(0, 0, 0, 0.8);
+    border: none;
+    box-shadow: none;
+    border-radius: 1px;
+    width: 180px !important;
+    margin-left: 10px;
+    &:focus {
+      border: none !important;
+      box-shadow: none !important;
+    }
+  }
+}
+
+.awards_carousel {
+  height: 188px;
+  display: block;
+  background: url(/assets/awards_carousel.jpg);
+  @include box-shadow(inset 0 0 40px rgba(0, 0, 0, 0.7));
+  line-height: 230px;
+  ul, ol {
+    margin: 0 0 0 0;
+  }
+}
+
+.awards_divider {
+  height: 35px;
+  display: block;
+  background: url(/assets/awards_divider.jpg);
+  box-shadow: 0 10px 5px rgba(0, 0, 0, 0.7);
+  z-index: 999;
+}
+
+.awards_details {
+  height: 435px;
+  width: 606px;
+  background: url(/assets/awards_content.jpg);
+  overflow: auto;
+  float: left;
+  box-shadow: inset 0 8px 14px rgba(0, 0, 0, 0.5);
+  .awards_details_holder {
+    padding: 0 0 0 0;
+    position: relative;
+    .awards_details_content {
+      padding: 0 60px 0 130px;
+      padding-top: 20px;
+    }
+    span.total_points {
+      position: absolute;
+      top: 12px;
+      left: 20px;
+      strong {
+        color: #efb453;
+        font-size: 3.6em;
+        font-weight: normal;
+      }
+      small {
+        color: #ffffff;
+        font-size: 1.2em;
+      }
+    }
+    span.game_tokens {
+      position: absolute;
+      top: 95px;
+      left: 20px;
+      strong {
+        color: #efb453;
+        font-size: 3.6em;
+        font-weight: normal;
+      }
+      small {
+        color: #ffffff;
+        font-size: 1.2em;
+      }
+    }
+    span.gift_tokens {
+      position: absolute;
+      top: 180px;
+      left: 20px;
+      strong {
+        color: #efb453;
+        font-size: 3.6em;
+        font-weight: normal;
+      }
+      small {
+        color: #ffffff;
+        font-size: 1.2em;
+      }
+    }
+
+    small.date {
+      color: $mainColor;
+    }
+    h3 {
+      color: #ffffff;
+      text-shadow: 0 0 20px rgba(255, 255, 255, 0.6);
+      font-size: 1.6em;
+    }
+    .profile {
+      display: block;
+      height: 80px;
+      margin-top: 20px;
+      img {
+        border: 3px solid #ffffff;
+        float: left;
+        margin-right: 10px;
+      }
+      span.type {
+        color: #ffffff;
+        font-weight: bold;
+      }
+      span.name {
+        color: #ffffff;
+      }
+    }
+    .content {
+      color: #ffffff;
+      p {
+        font-size: 0.9em;
+      }
+    }
+    .vehicles {
+      color: #ffffff;
+      strong {
+        display: block;
+      }
+      img {
+        border: 3px solid #ffffff;
+        float: left;
+        margin-right: 6px;
+      }
+    }
+  }
+}
+
+.awards_holder {
+  float: left;
+  h3.awards_points {
+    height: 38px;
+    display: block;
+    width: 382px;
+    color: #ffffff;
+    font-size: 1.1em;
+    font-weight: 500;
+    height: 38px;
+    line-height: 38px;
+    padding-left: 12px;
+    background: #2a2a2a;
+    @include lineargrd(top, #2a2a2a 0%, #0c0c0c 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2a2a2a), color-stop(100%, #0c0c0c));
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#2a2a2a', endColorstr = '#0c0c0c', GradientType = 0);
+  }
+  .awards_recent_points {
+    height: 397px;
+    width: 394px;
+    display: block;
+    background: url(/assets/awards_sidebar.jpg);
+    overflow: hidden;
+    box-shadow: inset 8px 0 14px rgba(0, 0, 0, 0.5);
+    color: #ffffff;
+    div.points_holder {
+      height: 55px;
+      display: block;
+      span.awards_total_points {
+        width: 90px;
+        float: left;
+        height: 55px;
+        padding: 0 10px;
+        line-height: 55px;
+        strong {
+          color: #efb453;
+          font-size: 2.0em;
+          font-weight: normal;
+        }
+      }
+      span.info {
+        width: 240px;
+        height: 50px;
+        float: left;
+        padding-top: 5px;
+        small.date {
+          color: $mainColor;
+        }
+      }
+      span.declined {
+        float: left;
+        width: 18px;
+        height: 40px;
+        padding-top: 15px;
+      }
+    }
+  }
+}
+
+/*-----------FILE MANAGER---------*/
+.divide {
+  border-left: 1px solid darken($winShade, 10%);
+}
+
+.divide:first-of-type {
+  border-left: none;
+}
+
+.dropdown-menu li > a:hover,
+.dropdown-menu .active > a,
+.dropdown-menu .active > a:hover {
+  background-color: $mainColor !important;
+}
+
+#folder-content {
+  .square {
+    border: 1px solid darken($winShade, 30%);
+    padding: 2px;
+    background: $btnText;
+  }
+  h3 {
+    padding-top: 10px;
+  }
+  p, h3 {
+    padding-left: 20px;
+  }
+  .info {
+    float: left;
+    margin-top: -10px;
+  }
+  p {
+    img {
+      float: left;
+      border: 1px solid darken($winShade, 30%);
+      padding: 2px;
+      background: $btnText;
+    }
+  }
+}
+
+.folder-selector {
+  min-width: 230px;
+  .caret {
+    display: inherit;
+    vertical-align: middle;
+  }
+  td img {
+    vertical-align: baseline;
+  }
+
+}
+
+.folder-selector, .gears-of-war {
+  display: inline-block;
+  line-height: 30px;
+  margin-top: 10px;
+  vertical-align: top;
+}
+
+.folder-selector {
+  a {
+    text-decoration: none !important;
+    &:hover {
+      color: $mainColor;
+    }
+    ;
+  }
+  table td {
+    padding-left: 20px;
+  }
+  table td+td {
+    padding-left: 10px;
+  }
+  tr {
+    padding-top: 4px;
+    height: 36px;
+    line-height: 36px;
+    &:hover {
+      background: rgba($winShade, 0.3);
+    }
+  }
+  ul {
+    margin-left: 10px;
+    li {
+      margin-left: 5px !important;
+    }
+  }
+  i {
+    font-style: normal;
+  }
+  a {
+    color: $textColor;
+  }
+  .dropdown-menu ul {
+    margin-left: 0;
+    li {
+      margin-left: 0 !important;
+    }
+  }
+}
+
+/*-----------FILE MANAGER---------*/
+
+.cke_button_fileChooser .cke_icon {
+  background-position: 0px -576px !important;
+}
+
+/*-----------FILE CHOOSER---------*/
+.modal.hide.chooser {
+  overflow-x: hidden;
+  width: 668px !important;
+  left: 50% !important;
+  margin-left: -326px !important;
+  .marshall-columns-wrapper {
+    background: url(/assets/light_gray_gradient_bg.png) top repeat-x;
+  }
+
+}
+
+.modal-body.chooser {
+  .marshall-extra-info {
+    display: none;
+  }
+  padding: 0 !important;
+  h2 {
+    margin-top: 0 !important;
+    border-radius: 0 !important;
+  }
+}
+
+/*-----------COLOR PICKER---------*/
+.colorpicker {
+  width: 356px;
+  height: 176px;
+  overflow: hidden;
+  position: absolute;
+  background: url(../assets/colorpicker_background.png);
+  font-family: Arial, Helvetica, sans-serif;
+  display: none;
+  input {
+    width: auto;
+  }
+}
+
+.colorpicker_color {
+  width: 150px;
+  height: 150px;
+  left: 14px;
+  top: 13px;
+  position: absolute;
+  background: #f00;
+  overflow: hidden;
+  cursor: crosshair;
+}
+
+.colorpicker_color div {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 150px;
+  height: 150px;
+  background: url(../assets/colorpicker_overlay.png);
+}
+
+.colorpicker_color div div {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 11px;
+  height: 11px;
+  overflow: hidden;
+  background: url(../assets/colorpicker_select.gif);
+  margin: -5px 0 0 -5px;
+}
+
+.colorpicker_hue {
+  position: absolute;
+  top: 13px;
+  left: 171px;
+  width: 35px;
+  height: 150px;
+  cursor: n-resize;
+}
+
+.colorpicker_hue div {
+  position: absolute;
+  width: 35px;
+  height: 9px;
+  overflow: hidden;
+  background: url(../assets/colorpicker_indic.gif) left top;
+  margin: -4px 0 0 0;
+  left: 0px;
+}
+
+.colorpicker_new_color {
+  position: absolute;
+  width: 60px;
+  height: 30px;
+  left: 213px;
+  top: 13px;
+  background: #f00;
+}
+
+.colorpicker_current_color {
+  position: absolute;
+  width: 60px;
+  height: 30px;
+  left: 283px;
+  top: 13px;
+  background: #f00;
+}
+
+.colorpicker input {
+  background-color: transparent;
+  border: 1px solid transparent;
+  position: absolute;
+  font-size: 10px;
+  font-family: Arial, Helvetica, sans-serif;
+  color: #898989;
+  top: 4px;
+  right: 11px;
+  text-align: right;
+  margin: 0;
+  padding: 0;
+  height: 11px;
+}
+
+.colorpicker_hex {
+  position: absolute;
+  width: 72px;
+  height: 22px;
+  background: url(../assets/colorpicker_hex.png) top;
+  left: 212px;
+  top: 142px;
+}
+
+.colorpicker_hex input {
+  right: 6px;
+}
+
+.colorpicker_field {
+  height: 22px;
+  width: 62px;
+  background-position: top;
+  position: absolute;
+}
+
+.colorpicker_field span {
+  position: absolute;
+  width: 12px;
+  height: 22px;
+  overflow: hidden;
+  top: 0;
+  right: 0;
+  cursor: n-resize;
+}
+
+.colorpicker_rgb_r {
+  background-image: url(../assets/colorpicker_rgb_r.png);
+  top: 52px;
+  left: 212px;
+}
+
+.colorpicker_rgb_g {
+  background-image: url(../assets/colorpicker_rgb_g.png);
+  top: 82px;
+  left: 212px;
+}
+
+.colorpicker_rgb_b {
+  background-image: url(../assets/colorpicker_rgb_b.png);
+  top: 112px;
+  left: 212px;
+}
+
+.colorpicker_hsb_h {
+  background-image: url(../assets/colorpicker_hsb_h.png);
+  top: 52px;
+  left: 282px;
+}
+
+.colorpicker_hsb_s {
+  background-image: url(../assets/colorpicker_hsb_s.png);
+  top: 82px;
+  left: 282px;
+}
+
+.colorpicker_hsb_b {
+  background-image: url(../assets/colorpicker_hsb_b.png);
+  top: 112px;
+  left: 282px;
+}
+
+.colorpicker_submit {
+  position: absolute;
+  width: 22px;
+  height: 22px;
+  background: url(../assets/colorpicker_submit.png) top;
+  left: 322px;
+  top: 142px;
+  overflow: hidden;
+}
+
+.colorpicker_focus {
+  background-position: center;
+}
+
+.colorpicker_hex.colorpicker_focus {
+  background-position: bottom;
+}
+
+.colorpicker_submit.colorpicker_focus {
+  background-position: bottom;
+}
+
+.colorpicker_slider {
+  background-position: bottom;
+}
+.mobile_only {
+  display: none;
+}