raffle_v1 0.0.5 → 1.0.4

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

@@ -1,182 +0,0 @@
-/*
- * 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

@@ -1,183 +0,0 @@
-/*
- * 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

@@ -1,3310 +0,0 @@
-/*
-
-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;
-}