/* screen styles for the template */

body,
html,
p,
a,
h1,
h2,
h3,
h4,
h5,
div,
table,
tr,
td,
ul,
li,
ol {
  margin: 0px;
  padding: 0px;
}

html,
body {
  height: 100%;
  margin: 0px;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #000000;

  background: #ffffff;

  padding-top: 50px;
}

img {
  border: 0;
}

p {
  margin: 0 0 1em 0;
  line-height: 1.4em;
}

a {
  color: #cc0000;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* LAYOUT*/

#canvas {
  width: 980px;
  margin: 0px auto;
  border-radius: 5px;
  padding: 0px 0px;
}
#canvas_padding {
  padding: 0;
}

.arch {
  margin: 0px auto;
  padding: 0px 0px;
  width: auto;
}

#footer {
  clear: both;
}

/*HEADER*/

#header {
  position: absolute;
  width: 950px;
}

/*#header .arch {
	background: url(../images/header_bgr.png) no-repeat left top;
	margin-left: -2px;
	padding-left: 20px;
	
	height:auto !important;
	height:65px;
	min-height:65px;
	
}

#header #header_wrap {
	margin-left: 0px;
	margin-right: -3px;
	
	background: url(../images/header_bgr.png) no-repeat right top;
}*/

header #logo_wrapper {
  float: left;
  margin-top: 20px;
}

header #headermenu {
  /*float: right;*/
  position: absolute;
  top: -60px;
  right: -20px;

  font: 14px Arial, Helvetica, sans-serif;
  color: #555;
}

/*.login_page*/
header #headermenu {
  top: -50px;
}

header #headermenu #hm_user_pane,
header #headermenu #hm_user_pane_inner {
  float: right;
  height: 40px;

  padding-right: 10px;

  margin-right: 0px;
  border-right: none;
  height: auto;
}
header #headermenu #hm_user_pane_inner {
  border-right: 1px solid #999;
}
/*.login_page*/

header #headermenu p,
header #headermenu_inner p {
  font: 14px Arial, Helvetica, sans-serif;
  color: #555;
  margin-bottom: 0px;

  text-align: right;
}

header #headermenu p span,
header #headermenu_inner p span {
  font-weight: bold;
  color: #000;
}

header #headermenu #client_logout {
  float: right;
  margin-left: 10px;
  font: 14px Arial, Helvetica, sans-serif;
  color: #ffffff;
  /*border-left:1px solid #999999;*/
  padding: 0px 4px 4px 6px;
}

/*MASTERHEAD*/
#masterhead {
}

#masterhead .arch {
}

#masterhead .mh_rotator {
}

#masterhead .mh_slide {
}

.login_page #masterhead .mh_slide {
  height: 280px;
  /*background:url(../images/mh_home.jpg) no-repeat 50% top;*/
  border-radius: 5px;
}

.home_page #masterhead .mh_slide {
  height: 280px;
  /*background:url(../images/mh_home.jpg) no-repeat 50% top;*/
  border-radius: 5px;
}

/*======NAVIGATION - MAIN MENU======*/

/* Main Navigation - Tables*/

#navigation {
  padding: 0px;
  background: none;
  position: relative;
  z-index: 10;

  top: -40px;
  left: 10px;
  border-bottom: 7px solid #455059;
}
.login_page #navigation {
  border-bottom: none;
}

#navigation #menu {
  padding: 0px;
  margin: 0 0 -1px 0;
  border-collapse: collapse;
  width: auto;
}
#navigation ul li {
  display: block;
  float: left;
  position: relative;
  z-index: 1000;

  vertical-align: top;
  padding-right: 1px;
}

#navigation ul li:first {
}

#navigation ul li a {
  display: block;
  background: url(../images/white_75.png) left top repeat;
  text-align: center;
  color: #4b4b4b;
  font-size: 18px;

  padding: 11px 25px;
  border-radius: 7px 7px 0px 0px;
}

.backend_navi ul li a {
  text-transform: uppercase;
}

#navigation ul li:hover,
#navigation ul li.current:hover {
}

#navigation ul li a.home {
}

#navigation ul li a:hover {
  color: #000;
  text-decoration: none;
  background: #f9f9f9;
}

#navigation ul li.current {
}

#navigation ul li.current a {
  color: #000;
  background: #fff;

  border-bottom: 1px solid #fff;
}

/*PAGE*/

#page {
  padding: 0px 0px 0px 0px;
  clear: both;
}
#page .arch {
}

.login_page #page .arch {
}

/* Content */

#content {
  margin: 0px 0px 0px 0px;
  padding: 0px 10px;
}
.home_page #content {
  padding: 0px 0px;
}

.hasRightCol .main-col {
  margin-right: 330px;
}
.hasleftCol .main-col {
  margin-left: 330px;
}

.main-col h1 {
  font-size: 28px;
  font-style: italic;
  font-weight: normal;

  color: #858585;

  margin: 0px;
  padding: 0px 0px 10px 0px;
}

.content-block-title h2 {
  font-size: 20px;
  font-weight: 100;
  color: #979893;
  text-transform: uppercase;
  padding: 0.3em 0em;
}

.main-col p,
.incentives-title p {
  font-size: 16px;

  color: #6e6e6f;

  margin: 0px;
  padding: 0px 0px 10px 0px;
}

.main-col cite,
#bottom-content cite {
  font-size: 16px;
  font-style: italic;
  line-height: 1.4em;

  color: #6e6e6f;

  margin: 0px;
  padding: 0px 0px 10px 0px;
}

.main-col cite strong {
  color: #000;
}

/*Welcome Pad*/

#welcomepad,
#bottom-content-container {
  /*background: url(../images/shadow_960.png) no-repeat 50% bottom;*/
  background: none;
  padding: 0px 10px 15px 10px;

  margin: 0px 0px 25px 0px;
}

#welcomepad #welcomepad-container {
  /*background: url(../images/highlight_white_top_500.png) no-repeat 50% top #f1f5f8;*/
  background: none;
  /*border: 1px solid #dce7f0;*/
  border: none;
  border-radius: 5px;

  padding: 0px;
}

#welcomepad h1 {
  margin: 0px 150px 20px 0px;
  font-size: 36px;
  font-weight: 100;
  font-style: normal;
  color: #2d2d2d;
  padding: 0px;
}

#pageintro {
  background: url(../images/shadow_960.png) no-repeat 50% bottom;
  padding: 0px 10px 15px 10px;

  margin: 0px 0px 25px 0px;
}

#pageintro #intro-container {
  background: #fff;
  padding: 0px 0px 15px 0px;
}

#pageintro h1 {
  margin: 0px 150px 10px 0px;
  font-size: 20px;
  font-weight: 100;
  color: #979893;
  text-transform: uppercase;
}

#pageintro p {
  margin: 0px 0px 0.3em 0px;
  font-size: 15px;
  line-height: 1.5em;
  color: #4e5668;
}

#pageintro ul {
  margin: 0px 0px 0.3em 1.5em;
  font-size: 15px;
  line-height: 1.5em;
  color: #4e5668;
}

#pageintro ul li {
  background: url(../images/bullet_li.gif) no-repeat left 2px;
  padding: 0px 0px 0px 15px;
  margin: 0px 0px 0.3em 1.5em;
  font-size: 15px;
  line-height: 1.5em;
  color: #4e5668;
}
#welcomepad cite,
#bottom-content-container cite {
  margin: 0px 0px 20px 0px;
  font-size: 20px;
  line-height: 1.5em;
  color: #4e5668;
  font-style: normal;
}

#welcomepad cite a {
  color: #ef7203;
}
#welcomepad cite a:hover {
  background-color: #ef7203;
  color: #fff;
  text-decoration: none;
}

#intro-additional-container {
  float: right;
  width: 420px;
}
.thumb-right .intro-thumb {
  float: right;
  margin: 0 0 20px 20px;
}
.thumb-right .intro-thumb a.thumb-ballance-check {
  display: block;
  background: url(../images/icon_balance_check_card.jpg) no-repeat left top;
  padding: 10px 0px 0px 150px;
  min-height: 110px;

  font-size: 14px;
  color: #000;

  text-transform: uppercase;
  font-weight: bold;

  width: 100px;
}

.thumb-right .intro-thumb a.thumb-ballance-check:hover {
  color: #cb1416;
  text-decoration: none;
}

.thumb-right .intro-thumb a.thumb-ballance-check img {
  display: block;
  margin: 10px 0px 0px 0px;
}
.thumb-right .intro-content-redeem {
  float: left;
  width: 655px;
}
/*Account Page Intro Info*/

#account-dashboard {
  background: #f1f5f8;
  border: 1px solid #dce7f0;
  border-radius: 6px;
  padding: 10px 10px 10px 10px;

  min-height: 150px;
}

#pageintro.account-dashboard #intro-container {
  background: none;
}

.indicatorwrap h4 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 14px;
  font-weight: normal;
  color: #8399be;
  text-transform: uppercase;
}

.meter-caption {
  min-height: 5em;
}
.indicatorwrap p {
  margin: 10px 0px 0px 0px;
  padding: 0;
  min-height: 34px;
  font-size: 14px;
  line-height: 1.2em;
  font-weight: normal;
  color: #202f56;
}

.indicatorwrap {
  width: 280px;
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 20px 0px;
  background: url(../images/shadow_275.png) no-repeat 50% bottom;
}

.tooltip_content .stat_row {
  padding: 4px 0px;
}
.tooltip_content .stat_row label {
  color: #7f8288;
  width: 200px;
  display: inline-block;
}

.tooltip_content .total_row {
  padding: 4px 0px;
  border-top: 1px solid #fff;
  margin-top: 5px;
}
.tooltip_content .total_row label {
  font-weight: bold;
  width: 200px;
  display: inline-block;
}

/*==Meters======*/
.meter {
  background-image: url(../images/meters_sprite.png);
  background-repeat: repeat-x;
  background-color: transparent;
  background-position: 0px -80px;
  height: 35px;
}

.meter.small {
  width: 99px;
  height: 13px;
  background-position: 0px 0px;
  margin: 0px 0px 5px 0px;
}

.progress {
  background-image: url(../images/meters_sprite.png);
  background-repeat: repeat-x;
  background-color: transparent;
  height: 35px;
  text-align: right;
}

.meter.magenta .progress {
  background-position: 0px -120px;
}
.meter.green .progress {
  background-position: 0px -160px;
}
.meter.orange .progress {
  background-position: 0px -200px;
}

.meter .progress .reading {
  padding: 7px 0px;
}

.meter .progress .reading span {
  font-size: 13px;
  color: #fff;
  line-height: 22px;

  padding: 0px 3px 0px 0px;
}

.meter.magenta .progress .reading span {
  background-color: #df2281;
}
.meter.green .progress .reading span {
  background-color: #59b627;
}
.meter.orange .progress .reading span {
  background-color: #e7a955;
}

.meter.small .progress {
  height: 13px;
}
.meter.small.magenta .progress {
  background-position: 0px -20px;
}
.meter.small.green .progress {
  background-position: 0px -40px;
}
.meter.small.orange .progress {
  background-position: 0px -60px;
}

.meter.small .progress .reading {
  display: none;
}
.reading {
}

#helpbar {
  margin: 10px 0px 20px 0px;
}

.help_box {
  float: left;
  font-size: 14px;
  margin-right: 50px;
}

.help_box h3 {
  font: bold 24px "Trebuchet MS", Arial, sans-serif;
  color: #000000;

  margin: 0 0 0.2em 0;
}

.help_box a {
  display: block;
}
.help_box cite {
  color: #559c00;
}

.icon_small {
  padding-left: 45px;
}
.icon_lh {
  background: url(../images/icon_lh.gif) no-repeat left top;
}

/*==========Data Pane========*/

.pane {
  padding: 2px;
  border: #7a7a7a 1px solid;

  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

/*Layout Tabs*/

.layout_tabs {
  margin-top: 50px;
  position: relative;

  border-radius: 3px 0px 3px 3px;
  -moz-border-radius: 3px 0px 3px 3px;
  -webkit-border-radius: 3px 0px 3px 3px;
}

a.layout_tab {
  display: block;
  width: 66px;
  height: 44px;

  position: absolute;
  top: -44px;

  background-image: url(../images/layout_tabs.gif);
  background-repeat: no-repeat;
}
#lt_table {
  background-position: -210px 0px;
  right: -1px;
}
#lt_pie {
  background-position: -140px 0px;
  right: 70px;
}
#lt_bar {
  background-position: -70px 0px;
  right: 140px;
}
#lt_line {
  background-position: 0px 0px;
  right: 210px;
}

a#lt_table:hover {
  background-position: -210px -50px;
}
a#lt_pie:hover {
  background-position: -140px -50px;
}
a#lt_bar:hover {
  background-position: -70px -50px;
}
a#lt_line:hover {
  background-position: 0px -50px;
}

a#lt_table.active_lt {
  background-position: -210px bottom;
}
a#lt_pie.active_lt {
  background-position: -140px bottom;
}
a#lt_bar.active_lt {
  background-position: -70px bottom;
}
a#lt_line.active_lt {
  background-position: 0px bottom;
}

/*BUTTONS*/

.action_bar {
  background: url(../images/action_bar.gif) repeat-x left bottom #ffffff;
  padding: 10px;
}

.main_buttons {
  float: left;
}

.btn {
  display: block;
  float: left;

  height: 27px;
  line-height: 27px;

  padding-right: 8px;

  background-position: right top;
  background-repeat: no-repeat;

  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #ffffff;

  margin-left: 3px;
  margin-right: 10px;
}
.btn div {
  float: left;
  margin-left: -3px;

  height: 27px;
  width: 8px;

  background-position: left top;
  background-repeat: no-repeat;
}

.green_btn,
.green_btn div {
  background-image: url(../images/btn_green.gif);
  text-shadow: #4e8e04 0px -1px 1px;
}
.gray_btn,
.gray_btn div {
  background-image: url(../images/btn_gray.gif);
  text-shadow: #595959 0px -1px 1px;
}
.red_btn,
.red_btn div {
  background-image: url(../images/btn_red.gif);
  text-shadow: #9c0e31 0px -1px 1px;
}

.emphasis_btn {
  font-weight: bold;
}

.selector {
  float: left;
  margin-right: 10px;
}

.selector select {
  padding: 3px;
}

.button_br {
  clear: left;
  height: 8px;
}

.auxiliary_buttons {
  float: right;
}

.auxiliary_buttons span.time_stamp {
  color: #0489af;
}

/*=======FILTERS========*/

#filters {
  border: 1px solid #d6d6d6;
  margin: 15px;
  padding: 15px;
}

#filters .string_filters {
  border-bottom: 1px dashed #dadcd2;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

#filters h4 {
  font: bold 18px "Trebuchet MS", Arial, sans-serif;
  color: #373737;

  line-height: 1.3em;
}

#filters .string_filters input,
#filters .string_filters select {
  padding: 4px 3px;
  border: 1px solid #dadcd2;
}

#filters input.search_string {
  width: 52%;
}
#filters select.range_selector {
  width: 16%;
  margin-right: 1%;
}
#filters input.date {
  width: 16%;
  margin-right: 1%;
  background: url(../images/icon_calendar.gif) right 50% no-repeat;
}
#filters input.amount {
  width: 16%;
  margin-right: 1%;
}

#filters a.select_all {
  display: block;
  font-style: italic;
  margin-bottom: 0.4em;
}

#filters a.more_from_category {
  display: block;
  font-style: italic;
  color: #4e8e04;
  margin-bottom: 0.4em;
}

#filters .category_filters div {
  position: relative;
}

#filters .category_filters input {
  margin-bottom: 0.4em;
}

#filters .category_filters div.more_options {
  position: absolute;
  border: 1px solid #108fb3;
  background: #effcfd;
  padding: 15px;
  top: 0%;
  left: 50%;

  z-index: 100;
}

#filters .more_options h4 {
  font: bold 16px "Trebuchet MS", Arial, sans-serif;
  color: #555555;

  line-height: 1.1em;

  margin-right: 10px;
}

#filters .more_options a.close_x {
  display: block;
  float: right;
  width: 8px;
  height: 8px;

  border: 1px solid #effcfd;
  background: url(../images/bullet_x.gif) no-repeat 50% 50%;
}

#filters .more_options a.close_x:hover {
  border: 1px solid #91d8ec;
}

/*COLUMN SPANS*/

.col_1of6 {
  width: 15%;
  margin: 0% 1% 1% 0%;
  float: left;
}
.col_2of6 {
  width: 32%;
  margin: 0% 1% 1% 0%;
  float: left;
}
.col_3of6 {
  width: 49%;
  margin: 0% 1% 1% 0%;
  float: left;
}
.col_4of6 {
  width: 65%;
  margin: 0% 1% 1% 0%;
  float: left;
}
.col_5of6 {
  width: 82%;
  margin: 0% 1% 1% 0%;
  float: left;
}
.col_6of6 {
  width: 100%;
  margin: 1% 0% 1% 0%;
  float: left;
}

.col_fixed_180 {
  width: 180px;
  margin: 5px;
  float: left;
}

.col-grid-24 {
}
.col-grid-24 .column-2 {
  width: 7%;
  margin: 0% 1% 1% 0%;
  float: left;
}
.col-grid-24 .column-4 {
  width: 15%;
  margin: 0% 1% 1% 0%;
  float: left;
}
.col-grid-24 .column-8 {
  width: 32%;
  margin: 0% 1% 1% 0%;
  float: left;
}
.col-grid-24 .column-12 {
  width: 48%;
  margin: 0% 1% 1% 0%;
  float: left;
}
.col-grid-24 .column-16 {
  width: 65%;
  margin: 0% 1% 1% 0%;
  float: left;
}
.col-grid-24 .column-24 {
}

/*======FOOTER ======*/

#footer {
  position: relative;
  border: none;
}
/*#footer .arch{
	background: url(../images/footer_bgr.png) no-repeat right top; 
	padding-right: 3px;
}

#footer  #footer_wrap {
	background: url(../images/footer_bgr.png) no-repeat left top; 
	padding: 65px 0px 0px 0px;
	margin-left: -3px;
	} */
#footer_wrap {
}

#footermenu {
  margin-right: 100px;
  padding-top: 20px;
}

#footermenu #fm_links {
  font: normal 12px Verdana, Arial, Helvetica, sans-serif;
  color: #666;
}

#copy {
  float: left;
}

#footermenu #fm_links a,
#copy {
  font: normal 12px Verdana, Arial, Helvetica, sans-serif;
  color: #666;
}

#footer_logo {
  display: none;
}

#footer_powered {
  float: right;
}
/*.footer-layer {position: absolute; top: 90px; width: 955px; padding-bottom: 10px;}*/

/*POP UPS*/
.popup_screen {
  width: 100%;
  height: 100%;

  position: fixed;
  left: 0px;
  top: 0px;
  background: url(../images/bgr_black_50prc.png) repeat top left;

  z-index: 900;
}

.dialog {
  position: absolute;
  top: 0px;
  left: 50%;
  background: #ffffff;
  border: 1px solid #000000;
  padding: 20px;

  z-index: 910;
}

.addexpense_dlg {
  width: 765px;
  margin: 50px 0px 0px -400px;
}

.editexpense_dlg {
  width: 765px;
  margin: 50px 0px 0px -400px;
}

.addmultiple_expense_dlg {
  width: 92%;
  margin: 4% 0px 0px -48%;
}

.dialog .dlg_header {
  background: url(../images/dlg_header_bgr.gif) repeat-x left top #68b00e;
  padding: 7px;
  margin-bottom: 20px;
}

.dialog .dlg_hm {
  margin-right: 50px;
}

.dialog .dlg_hm a,
.dialog .dlg_hm span {
  float: left;
  display: block;
  font: normal 24px/1.1em "Trebuchet MS", Arial, sans-serif;

  padding: 3px 10px;
  color: #ace554;
}

.dialog .dlg_hm h3 {
  float: left;
  display: block;
  font: normal 24px/1.1em "Trebuchet MS", Arial, sans-serif;

  padding: 3px 10px;
  color: #ffffff;
}

.dialog .dlg_hm a.active {
  color: #58a000;

  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;

  background: #ffffff;
}

/*.dialog a.close_x_white {
		display: block;
		float: right;
		width: 10px;
		height: 10px;
		margin-top: 11px;
		margin-right: 5px;
		
		border:1px solid #ace554;
		background: url(../images/bullet_x_white.gif) no-repeat 50% 50%;		
	}
	
	.dialog a.close_x_white:hover {border:1px solid #ffffff;}*/

.dlg_tabs {
  border-bottom: 1px solid #9ecbd8;
}

.dlg_tabs a {
  display: block;
  float: left;
  margin-right: 3px;
  font: normal 18px/1.2em "Trebuchet MS", Arial, sans-serif;
  color: #838383;

  padding: 6px 15px;

  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #9ecbd8;

  margin-bottom: -1px;
}

.dlg_tabs a.active {
  font: normal 18px/1.2em "Trebuchet MS", Arial, sans-serif;
  color: #0087ae;

  border-top: 1px solid #9ecbd8;
  border-left: 1px solid #9ecbd8;
  border-right: 1px solid #9ecbd8;
  border-bottom: 1px solid #ffffff;

  border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  -webkit-border-radius: 3px 3px 0px 0px;
}

.dlg_forms {
  border: 1px solid #9ecbd8;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.dlg_with_tabs {
  border-top: none;
  border-radius: 0px 0px 3px 3px;
  -moz-border-radius: 0px 0px 3px 3px;
  -webkit-border-radius: 0px 0px 3px 3px;
}

.dlg_forms .single_entry {
  padding: 20px;
}

.dlg_forms .multiple_entries {
  padding: 20px;
}

.dlg_forms h2 {
  font: normal 18px/1em Verdana, Arial, Helvetica, sans-serif;
  color: #000000;

  margin: 0em 0em 0.5em 0em;
}

.dlg_forms .se_form {
  float: left;
  width: 410px;
  margin-right: 15px;
}
.dlg_forms .se_expense {
  border: 1px solid #6a6c61;
  padding: 15px;
}
.dlg_forms .se_comment {
  border: 1px solid #6a6c61;
  padding: 15px;
  margin-top: 15px;
}

.se_attachment {
  float: left;
  border: 1px solid #6a6c61;
  padding: 15px;
}

.se_attachment .attachment_preview {
  width: 260px;
  height: 400px;
  border: 1px solid #6a6c61;
}

.se_attachment .attachment_preview a {
  display: block;
  text-align: center;
  margin-top: 150px;

  font: normal 18px "Trebuchet MS", Arial, sans-serif;
  color: #0087ae;
}

.se_attachment .attachment_preview a:hover {
  text-decoration: none;
}

.se_attachment .attachment_buttons {
  padding: 15px 0px 0px 0px;
}

.dlg_buttons {
  clear: both;
  padding-top: 15px;
}

.dlg_violations {
  background: #ffdddd;
  border: 1px solid #a46e7b;
  padding: 15px;
  margin-top: 15px;
}
.dlg_violations ul {
  list-style: none;
}

.dlg_violations ul li {
  margin: 1px 0;
  font-size: 13px;
}

.dlg_violations ul li span {
  color: #9c0e31;
}

/*=======PAGE SPECIFIC FORMATS======*/

/*Login Page*/

h1 {
  font-size: 32px;
  color: #2d2d2d;
}
h1 span {
  font-size: 54px;
  color: #828181;
  display: block;
  text-transform: uppercase;
}

/*Report Page*/
.report_heading {
  padding: 15px;
}

.report_titles {
  width: 48%;
  float: left;
}

.report_titles h1 {
  display: block;
  font: bold 24px/1em "Trebuchet MS", Arial, sans-serif;
  color: #33393d;

  padding: 4px;
  background: #def7ff;
}

.report_titles h1.classOn,
.report_titles h1:hover {
  background: url(../images/icon_edit.gif) no-repeat right 50% #def7ff;
}

.report_titles h2 {
  display: block;
  font: bold 24px/1em "Trebuchet MS", Arial, sans-serif;
  color: #8f8f8f;

  padding: 4px;
}

.report_titles h2.classOn,
.report_titles h2:hover {
  background: url(../images/icon_edit.gif) no-repeat right 50% #ededed;
}

.report_summary {
  margin-left: 50%;
  background: #f3f3f3;
  border: 1px solid #e3e3e3;
  padding: 15px;
}

.report_totals {
  float: left;
  width: 40%;
}

.report_totals h2 {
  display: block;
  font: bold 30px/1em Arial, Helvetica, sans-serif;
  color: #7b7b7b;

  padding: 4px;
}

.report_totals h3 {
  display: block;
  font: normal 16px/1.1em Verdana, Arial, Helvetica, sans-serif;
  color: #6cb21a;

  padding: 4px;
}

.report_credentials {
  margin-left: 45%;
}

.report_credentials ul {
  list-style: none;
}

.report_credentials ul li {
  margin: 1px 0;
  overflow: hidden;
}

.report_credentials ul li label {
  float: left;

  font-size: 13px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;

  color: #3c3d33;
  padding: 0px 0px 0 0;
  width: 55px;
}

.report_credentials ul li span {
  display: block;
  margin-left: 60px;
}

.report_table {
  padding: 15px 15px 15px 25px;
}
.report_table .erase_tr {
  display: none;
  width: 20px;
  height: 17px;

  margin-left: -21px;
  float: left;

  background: url(../images/eraze_tr.gif) no-repeat left top;
}

.report_table .classOn .erase_tr {
  display: block;
}

.report_table .error {
  background: #ffdddd;
}

.report_table .classOn td.error,
.report_table .classOn td.error span {
  background: #9c0e31;
  color: #ffffff !important;
}

.report_table .error span {
  color: #9c0e31;
  font-weight: bold;
}
.form-container-inner .err {
  color: #9c0e31;
  font-weight: bold;
}

.report_table .receipts {
  width: 25px;
}

.report_table a.tbl_icon_add,
.report_table a.tbl_icon_receipt {
  text-align: right;
  text-decoration: none;
}

a.tbl_icon_add sup,
a.tbl_icon_receipt sup {
  font-size: 8px;
  color: #ffffff;
  margin-top: -2px;
}
.report_table .classOn td.error a.tbl_icon_add,
.report_table .classOn td.error a.tbl_icon_receipt {
  font-size: 12px;
  background-color: #9c0e31 !important;
  color: #ffffff;
  text-decoration: none !important;
}

.report_table tfoot tr {
  border-right: 1px solid #d5d5d5;
}

.report_table tfoot td {
  border-top: 1px solid #d5d5d5;
  border-right: 1px solid #d5d5d5;
  font: normal 17px Verdana, Arial, Helvetica, sans-serif;
  color: #000000;

  padding: 3px 2px;

  vertical-align: middle;
  background: url(../images/action_bar.gif) repeat-x left -20px #ffffff;
}

.report_legend {
  padding: 15px;
}

.report_legend h3 {
  font: normal 18px/1em Verdana, Arial, Helvetica, sans-serif;
  padding: 0px 0px 7px 0px;
}

.report_legend ul {
  list-style: none;
}

.report_legend ul li {
  margin: 1px 0;
  font-size: 13px;
}

.report_legend ul li span {
  color: #9c0e31;
}

.report_violations {
  width: 40%;
  float: left;
  background: #ffdddd;
  border: 1px solid #a46e7b;
  padding: 15px;
}
.report_notes {
  margin-left: 50%;
  background: #fff5ae;
  border: 1px solid #d1c56e;
  padding: 15px;
}

.report_receipts {
  padding: 15px;
}

.report_receipts h2 {
  font: normal 24px/1em "Trebuchet MS", Arial, sans-serif;
  border-top: 1px dashed #d5d5d5;

  padding: 15px 0px;
}

.toggle_include {
  float: right;
  margin-top: -35px;
}

.receipt_panel {
  width: 385px;
  float: left;
}

.receipt_preview {
  float: left;
  position: relative;
}
.receipt_preview img {
  border: 1px solid #000000;
}
.receipt_preview input {
  position: absolute;
  top: 5px;
  left: 5px;
}

.receipt_bar {
  margin-left: 260px;
}
.receipt_bar span {
  display: block;
  color: #676767;
}
.receipt_buttons a {
  margin-top: 5px;
  width: 70px;
  text-align: center;
}

.report_signatures {
  padding: 15px;
  font-size: 16px;
}

.report_signatures h2 {
  font: normal 24px/1em "Trebuchet MS", Arial, sans-serif;
  border-top: 1px dashed #d5d5d5;

  padding: 15px 0px 30px 0px;
}

.report_signatures span {
  line-height: 1.2em;
  border-bottom: 1px solid #d5d5d5;
  padding-left: 200px;
  margin-left: 5px;
}

/*REPORTS LIST Page*/
.report_list {
  padding: 15px;
}
.report_list h2 {
  font: normal 24px "Trebuchet MS", Arial, sans-serif;
  color: #3c3d33;

  padding: 15px 0px;
}

.todo_cell {
  text-align: center;
}

.status {
  font: 13px Verdana, Arial, Helvetica, sans-serif !important;
  color: #ffffff !important;

  vertical-align: middle;
}
.open_status {
  background: #0087ae;
}
.submitted_status {
  background: #b77e11;
}
.approved_status {
  background: #4e8e04;
}
.paid_status {
  background: #9c0e31;
}
.archived_status {
  background: #3c3d33;
}

/*REPORTS LIST Page*/

#upload_pad {
  background: #effce0;
  border: 1px dashed #4e8e04;
  margin: 15px;
  padding: 5px;

  font: normal 18px "Trebuchet MS", Arial, sans-serif;
  color: #4e8e04;
}

#upload_pad span {
  display: block;
  width: 360px;
  margin: 0px auto;
  background: url(../images/icon_paperclip_small.gif) no-repeat left 50%;

  font: normal 18px "Trebuchet MS", Arial, sans-serif;
  color: #4e8e04;

  padding: 10px 0px 10px 40px;
}

.toggleselectall {
  border-bottom: 1px dashed #d5d5d5;
  padding: 0px 0px 15px 0px;
  margin: 15px;
}

.receipt_list {
  padding: 15px;
}

/*Analysis Page*/

.pane_heading {
  padding: 15px;
}

.pane_heading h2 {
  font: normal 24px "Trebuchet MS", Arial, sans-serif;
  color: #3c3d33;

  float: left;
}

.chart_settings {
  float: right;
}

.chart_settings label {
  float: left;
  margin-right: 5px;
  padding: 3px 0px;
}

#graph {
  padding: 15px;
}

/*Dashboard Page*/
.dashboard_box {
  float: left;
  width: 360px;
  height: 340px;
  border: 1px solid #dfdfdd;

  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;

  margin: 0px 30px 30px 0px;
}

.db_padding {
  padding: 15px;
  position: relative;
}
.db_content {
  height: 220px;
  overflow: hidden;
}

.dashboard_box h2 {
  font: normal 24px "Trebuchet MS", Arial, sans-serif;
  color: #3c3d33;

  padding: 15px 0px 15px 0px;
  text-align: center;
}

.dashboard_box ul {
  list-style: none;
}

.dashboard_box ul li {
  padding: 5px 2px;
  overflow: hidden;
}
.dashboard_box ul li.odd {
  background: #e4f2f6;
}

.dashboard_box ul li a {
  float: left;
  font-size: 12px;
  padding: 0px 10px 0 0;
  width: 240px;
}
.db_btn {
  position: absolute;
  left: 50%;
}
.db_btn a {
  margin-left: -50%;
}

.receipt_carussel a {
  display: block;
  float: left;
  width: 14px;
  background: url(../images/carussel_arrows.gif) no-repeat;
  height: 200px;
}

.receipt_carussel a.carussel_arrow_left {
  background-position: 1px 50%;
  border-right: 1px solid #dadcd2;
}
.receipt_carussel a.carussel_arrow_right {
  background-position: -19px 50%;
  border-left: 1px solid #dadcd2;
}
.receipt_carussel a:hover.carussel_arrow_left {
  background-position: -40px 50%;
}
.receipt_carussel a:hover.carussel_arrow_right {
  background-position: -58px 50%;
}

.receipt_carussel img {
  width: 300px;
  float: left;
}

a.dashboard_icon {
  display: block;
  text-align: center;
}

/*Incentive posts*/

.incentive_container {
  background: url(../images/incentives_container_bgr.png) no-repeat 50% bottom;
  padding-bottom: 15px;
}

.incentive_content {
  height: auto !important;
  height: 250px;
  min-height: 250px;
}

.incentive_box {
}

.incentive_box .incentive_caption {
  background: url(../images/incentives_caption_red_bgr.png) right bottom
    no-repeat;
  padding: 15px 15px 50px 15px;
  border-radius: 7px 7px 0px 0px;
}

.incentive_box .incentive_caption h3 {
  font-size: 24px;
  font-weight: normal;
  text-align: center;
  color: #fff;
}

.incentive_box .incentive_caption h3 span {
  display: block;
  font-weight: bold;
}

#incentive_124587 .incentive_box {
  background: url(../images/incentive_img_124587.jpg) no-repeat 50% top;
  border-radius: 7px 7px 10px 10px;
}

/*TABLE FORMATS*/

#tabular {
  margin-top: 1px;
  border-left: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
}
#tabular table {
  width: 100%;
}

#tabular table tr.classOn {
  background: #e7f0ff;
}

#tabular table th {
  background: #0489af;
  border-right: 1px solid #bee0ea;
  border-top: 1px solid #ffffff;
  padding: 0px;
}

#tabular table th a {
  display: block;
  font: bold 12px Verdana, Arial, Helvetica, sans-serif;
  color: #ffffff;

  padding: 4px 10px 4px 2px;

  vertical-align: middle;
  text-align: left;

  background: url(../images/tabular_th_sorter.gif) no-repeat right 5px #0489af;
}

#tabular table th a.sorted_desc {
  background: url(../images/tabular_th_sorter.gif) no-repeat right -65px #50b0cc;
}

#tabular table th a.sorted_asc {
  background: url(../images/tabular_th_sorter.gif) no-repeat right -135px #50b0cc;
}
#tabular table th a:hover {
  color: #d2f4fe;
  text-decoration: none;
}

.checkbox {
  width: 24px;
}
.receipts {
  width: 21px;
  padding: 0px;
}

#tabular table td a.tbl_icon_receipt {
  display: block;
  height: 19px;
  margin: 1px;
  background: url(../images/tabular_icon_receipt.gif) no-repeat 50% 50% #0087ae;
}

#tabular table td a.tbl_icon_add {
  display: block;
  height: 19px;
  margin: 1px;
  background: url(../images/tabular_icon_plus.gif) no-repeat 50% 50% #4e8e04;
}

#tabular table tbody td {
  border-right: 1px solid #d5d5d5;
  border-top: 1px solid #d5d5d5;

  font: normal 11px Verdana, Arial, Helvetica, sans-serif;
  color: #000000;

  padding: 3px 2px;

  vertical-align: middle;
}

/*table foot*/
#tfoot {
  overflow: hidden;
}
#tfoot {
  background: url(../images/action_bar.gif) repeat-x left -20px #ffffff;

  padding: 4px 4px 3px 4px;

  border-left: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
  border-right: 1px solid #d5d5d5;
}

#tfoot .checkall {
  float: left;
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #000000;
  margin-top: 5px;
}

#tfoot .tbl_pages {
  float: right;

  font: normal 12px Arial, Helvetica, sans-serif;
  color: #000000;
}

#tfoot .tbl_pages a {
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #333333;
}

#tfoot .tbl_pages a:hover {
  text-decoration: underline;
  color: #000000;
}

#tfoot .tbl_pages button {
  margin: 0px 5px;
  padding: 0px 4px;

  font: bold 12px Arial, Helvetica, sans-serif;
  color: #000;
}

/*Nuts and Bolts */
.buttonlink {
}

.buttonlink a {
  display: block;
  background-position: right top;
  background-repeat: no-repeat;
  background-color: transperant;
}

.buttonlink a div {
  background-position: left top;
  background-repeat: no-repeat;
  background-color: transperant;

  float: left;
  margin-left: -7px;
}

.buttonlink a:hover {
  background-position: right -60px;
  text-decoration: none;
}
.buttonlink a:hover div {
  background-position: left -60px;
}

/*System button with an arrow*/
.buttonlink a.red_arrow {
  background-image: url(../images/button_red_arrow.png);
  padding: 0px 30px 0px 0px;
  color: #fff;
  height: 32px;
  line-height: 32px;
}

.buttonlink a.red_arrow div {
  background-image: url(../images/button_red_arrow.png);
  width: 15px;
  height: 32px;
}

.buttonlink a.red_arrow:hover {
  color: #fff;
  text-decoration: none;
}

/*System button with an arrow*/
.buttonlink a.system_arrow {
  background-image: url(../images/buttonlink_system_arrow.png);
  padding: 0px 30px 0px 0px;
  color: #666;
  height: 32px;
  line-height: 32px;
}

.buttonlink a.system_arrow div {
  background-image: url(../images/buttonlink_system_arrow.png);
  width: 15px;
  height: 32px;
}

.buttonlink a.system_arrow:hover {
  color: #000;
}

/*Invisible button with an arrow*/
.buttonlink a.invisible_arrow {
  background-image: url(../images/buttonlink_invisible_arrow.png);
  background-position: right -8px;

  padding: 0px 30px 0px 0px;
  margin: 0px 0px 0px 0px;
  color: #888;
}

.buttonlink a.menu_top {
  background-position: right -8px;
  border-right: 1px solid #999999;

  padding: 0px 10px 0px 0px;
  margin: 3px 0px 0px 0px;
  color: #888;
}

.buttonlink a.invisible_arrow div {
  display: none;
}
.buttonlink a.menu_top:hover {
  color: #000;
  text-decoration: none;
  background-position: right -68px;
}

/*Invisible button with an arrow*/
.buttonlink a.invisible_arrow_up {
  background-image: url(../images/buttonlink_invisible_arrowup.png);
  background-position: right -8px;

  padding: 2px 30px 0px 0px;
  margin: 3px 0px 0px 0px;
  color: #888;
}

.buttonlink a.invisible_arrow_up div {
  display: none;
}
.buttonlink a.invisible_arrow_up:hover {
  color: #000;
  text-decoration: none;
  background-position: right -68px;
}

/*Transperant Close Button*/
.buttonlink a.close-transperant {
  background-image: url(../images/close_btn.png);
  background-position: right -1px;

  padding: 0px 20px 0px 0px;
  margin: 3px 0px 0px 0px;
  color: #888;

  text-transform: uppercase;
  font-size: 90%;
}

.buttonlink a.close-transperant div {
  display: none;
}
.buttonlink a.close-transperant:hover {
  color: #000;
  text-decoration: none;
  background-position: right -61px;
}

/*transperant MORE button with an arrow inside Incentive*/
.buttonlink a.transperant_more_arrow {
  background-image: url(../images/buttonlink_transperant_more_arrow.png);
  background-position: right -5px;

  padding: 2px 15px 0px 0px;
  margin: 0px;
  color: #f2d0d0;

  font-weight: bold;
}

.buttonlink a.transperant_more_arrow div {
  display: none;
}
.buttonlink a.transperant_more_arrow:hover {
  color: #fff;
  text-decoration: none;
  background-position: right -65px;
}

/*===================== Aside =====================*/

.aside-col {
  float: right;
  width: 300px;
  margin-right: 0px;
}
.hasleftCol .aside-col {
  float: left;
  width: 300px;
  margin-right: 0px;
}
.aside-box {
}

.aside-box .aside-box-caption {
  margin-bottom: 1px;
}
.aside-box .aside-box-caption h2 {
  background: url(../images/aside_box_caption_bgr.gif) repeat-x left bottom #fff;
  border: 1px solid #c3c7c8;

  border-radius: 3px;
}

.aside-box .aside-box-caption h2 span {
  display: block;
  border: 1px solid #fff;
  border-radius: 3px;

  padding: 17px 10px 17px 60px;

  background-image: url(../images/asidemenu_icons.png);
  background-repeat: no-repeat;

  font-size: 17px;
  font-weight: normal;
  text-transform: uppercase;

  color: #333;
}

.aside-box .aside-box-caption h2 a span {
}
.aside-box .aside-box-caption h2 a:hover {
  color: #cb1416;
  text-decoration: none;
}

#redeem-points .aside-box-caption h2 span {
  background-position: 0px 3px;
}
#upload-sales .aside-box-caption h2 span {
  background-position: 0px -87px;
}
#view-rewards .aside-box-caption h2 span {
  background-position: 0px -187px;
}
#how-it-works .aside-box-caption h2 span {
  background-position: 0px -277px;
}
#training-materials .aside-box-caption h2 span {
  background-position: 0px -367px;
}
#terms-conditions .aside-box-caption h2 span {
  background-position: 0px -457px;
}
#useful-links .aside-box-caption h2 span {
  background-position: 0px -547px;
}
#serial-number .aside-box-caption h2 span {
  background-position: 0px -637px;
}

#aside-menu .aside-box .aside-box-content {
  display: none;

  padding: 15px;

  border: 1px solid #c3c7c8;
  border-radius: 3px;
}

#aside-menu .aside-box .aside-box-content cite {
  font-size: 16px;
  color: #6e6e6f;
  font-style: italic;
}

#aside-menu .aside-box .aside-box-content p {
  font-size: 15px;
  color: #6e6e6f;
}

#aside-menu .aside-box-content ul {
  margin-left: 30px;
}
#aside-menu .aside-box-content ul li {
  color: #666;
  padding: 5px 0px 5px 15px;
  background: url(../images/bullet_li.gif) no-repeat left 5px;
}
#aside-menu .aside-box-content ul li a {
  color: #666;
}
#aside-menu .aside-box-content ul li a:hover {
  color: #cc0000;
  text-decoration: none;
}

.aside-box .aside-box-content .buttonlink {
  display: none;
}

#aside-menu #useful-links .aside-box-content {
  display: block;
}

#aside-menu #serial-number .aside-box-content {
  display: block;
}

#useful-links .aside-box-content ul {
  margin-left: 50px;
}

#aside-menu {
  margin-bottom: 30px;
}

.aside-layer-caption h2 {
  padding: 10px 0px 20px 0px;
}

.aside-layer-caption h2 {
  font-size: 24px;
  color: #979893;
  text-transform: uppercase;
  font-weight: 100;
}

.video_container {
  background: #f1f5f8;
  border-radius: 3px;
  padding: 6px 0px 0px 6px;
}

.video_box {
  background: url(../images/shadow_280.png) no-repeat left bottom;
  padding-bottom: 7px;

  position: relative;
}

.video_box img {
  border: white 1px solid;
}

.video_box .play-video {
  height: 85px;
  width: 85px;

  position: absolute;

  top: 50%;
  left: 50%;

  margin-top: -40px;
  margin-left: -40px;

  background: url(../images/video_play.png) no-repeat left top;
}

.video_box a:hover .play-video {
  background-position: 0px -100px;
}

.video-caption h4 {
  padding: 0px 0px 10px 0px;
  text-align: center;
}

.video-caption h4 a {
  font-size: 18px;
  font-weight: 100;
  color: #4e5668;
}

/*COLUMN SPANS*/

.col-grid-24 {
}
.col-grid-24 .column-2 {
  width: 7%;
  margin: 0% 1% 1% 0%;
  float: left;
}
.col-grid-24 .column-4 {
  width: 15%;
  margin: 0% 1% 1% 0%;
  float: left;
}
.col-grid-24 .column-8 {
  width: 32%;
  margin: 0% 1% 1% 0%;
  float: left;
}
.col-grid-24 .column-12 {
  width: 48%;
  margin: 0% 1% 1% 0%;
  float: left;
}
.col-grid-24 .column-16 {
  width: 65%;
  margin: 0% 1% 1% 0%;
  float: left;
}
.col-grid-24 .column-24 {
}

/*======FOOTER ======*/

#footer {
  position: relative;
}
/*#footer .arch{
	background: url(../images/footer_bgr.png) no-repeat right top; 
	padding-right: 3px;
}

#footer  #footer_wrap {
	background: url(../images/footer_bgr.png) no-repeat left top; 
	padding: 65px 0px 0px 0px;
	margin-left: -3px;
	}
*/
#footer_wrap {
}

#footermenu {
  margin-right: 100px;
  padding-top: 20px;
}

#footermenu #fm_links {
  font: normal 12px Verdana, Arial, Helvetica, sans-serif;
  color: #666;
}

#footermenu #fm_links a,
#copy {
  font: normal 12px Verdana, Arial, Helvetica, sans-serif;
  color: #666;
}

#footer_logo {
  display: none;
}

#footer_powered {
  float: right;
}
.footer-layer {
  position: absolute;
  top: 90px;
  width: 955px;
}

/* SPLASH  */

.splash {
  background: url(../images/body_splash_bgr.gif) repeat-x left top #ffffff;
}

.splash #header,
.splash #page {
  background: none;
}
.splash header #headermenu {
  margin-top: 10px;
}

.splash .arch {
  width: 960px;
  margin: 0px auto;
  position: relative;
}

.splash header #headermenu #hm_user_pane a {
  display: block;
  background: url(../images/icon_signin.gif) no-repeat right 50%;
  padding-right: 25px;
  padding-left: 10px;

  color: #ffffff;
}

/*Incentive posts*/

#incentives-grid {
}

.incentives-title h2 {
  font-size: 32px;
  font-weight: 100;
  color: #d42626;

  margin: 0px 0px 0px 0px;
  padding: 0px 0px 10px 0px;
}
.incentives-title p {
}

.incentives-grid-holder {
}
.incentives-grid-holder .full {
  float: left;
}
.incentives-grid-holder .half {
  float: left;
}
.incentives-grid-holder .half.first {
  margin-right: 15px;
}

.incentive-container {
  padding-bottom: 10px;
  position: relative;
  margin-bottom: 20px;
}
.incentive-container.full {
  background: url(../images/shadow_630.png) no-repeat 50% bottom;
}
.incentive-container.half {
  background: url(../images/shadow_350.png) no-repeat 50% bottom;
}

.incentive-container .incentive-creative img {
  border: 1px solid #cccccc;
  border-radius: 5px;
}

.incentive-container .incentive-caption {
  position: absolute;
  left: 0px;
  background: url(../images/red_85.png);
  width: 100%;
}
.incentive-container.full .incentive-caption {
  bottom: 40px;
}
.incentive-container.half .incentive-caption {
  bottom: 10px;
  border-radius: 0px 0px 5px 5px;
}

/*may gravitate to the top*/
.incentive-container.full.top-gravity .incentive-caption {
  top: 20px;
  bottom: auto;
}
.incentive-container.half.top-gravity .incentive-caption {
  top: 0px;
  bottom: auto;
  border-radius: 0px 0px 5px 5px;
}

.incentive-container .incentive-more {
  float: right;
  margin: 7px 7px 0px 0px;
}
.incentive-container.half .incentive-more {
  margin: 0px 7px 7px 0px;
}

.incentive-container .incentive-points {
  background: url(../images/incentives_points.png) no-repeat 50% top;
  width: 120px;
  height: 120px;

  position: absolute;
  top: -30px;
}

.incentive-container.full .incentive-points {
  left: 10px;
}
.incentive-container.half .incentive-points {
  left: -20px;
}

/*if Top gravity is used*/
.incentive-container.full.top-gravity .incentive-points {
  top: -20px;
}
.incentive-container.half.top-gravity .incentive-points {
  top: -20px;
  border-radius: 0px 0px 5px 5px;
}

.incentive-container .incentive-points-holder {
  padding: 25px 0px 0px 0px;
}
.incentive-container .incentive-points-holder p {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  text-transform: uppercase;

  line-height: 1em;
}

.incentive-container .incentive-points-holder p cite {
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: #fff;
  font-size: 30px;
  font-weight: 900;
  font-style: normal;

  text-transform: none;

  line-height: 1em;
}

.incentive-container .incentive-points-details {
  padding: 10px 0px;
  margin: 0px 70px 0px 150px;
}

.incentive-container.half .incentive-points-details {
  margin: 0px 0px 0px 100px;
  min-height: 75px;
}

.incentive-container .incentive-points-details h3 {
  font-size: 24px;
  font-weight: 900;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 5px 0px;
  color: #fff;
}
.incentive-container.half .incentive-points-details h3 {
  font-size: 18px;
}

.incentive-container .incentive-points-details p {
  font-size: 18px;
  font-weight: 100;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: #fff;
}
.incentive-container.half .incentive-points-details p {
  font-size: 18px;
}

#linkto-vendor-001 {
}

#linkto-vendor-001.incentive-container.half .incentive-points {
  background: url(../images/incentives_linktopromos.png) no-repeat 50% top;
  width: 120px;
  height: 120px;

  position: absolute;
  top: 5px;
  left: 0px;
}

#linkto-vendor-001.incentive-container.half .incentive-points-details p a {
  color: #ffd200;
}

/*training-materials-grid*/

.training-materials-grid {
  overflow: hidden;
}
.training-materials-grid .training-material {
  float: left;
  margin: 0px 30px 30px 30px;
}
.training-materials-grid .training-material h4 {
  margin: 5px 0px;
}
.training-materials-grid .training-material h4 a {
  font-size: 18px;
  font-weight: bold;
  color: #000;
  margin: 5px 0px;
}
.training-materials-grid .training-material p {
}
.training-materials-grid .training-material p a {
  display: inline-block;
  background: url(../images/download_arrow_sprite.gif) no-repeat 0px 7px;

  padding: 0px 0px 0px 15px;
}

.training-materials-grid .training-material p a:hover {
  background-position: 0px -183px;
}

.training-materials-grid .training-material a img {
  opacity: 0.85;
  filter: alpha(opacity=85);
}
.training-materials-grid .training-material a:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
}

.training-materials-grid h2 {
  font-size: 24px;
  color: #979893;
  text-transform: uppercase;
  font-weight: 100;
}

/*TIPS ON The Home page */
#tips-grid {
}
.tips-grid-title {
  padding: 20px 0px;
}

.tips-grid-title h2 {
  font-size: 24px;
  font-weight: 100;
  color: #979893;
  text-transform: uppercase;
}
.tips-grid-title p {
  font-size: 16px;
  color: #6e6e6f;
  font-style: italic;
}

.tip-box.thumb_hanging {
  background-image: url(../images/training_materials_thumbs.png);
  background-repeat: no-repeat;
}

.tip-box.thumb_hanging.text_doc {
  background-position: 0px 0px;
}
.tip-box.thumb_hanging.text_doc:hover {
  background-position: -70px -50px;
}

.tip-box.thumb_hanging.video_doc {
  background-position: 0px -200px;
}
.tip-box.thumb_hanging.video_doc:hover {
  background-position: -70px -250px;
}

.tip-box-holder {
  margin: 0px 0px 0px 60px;
  background-color: #fff;
  *width: 245px;
}
.tip-box-holder h4 a {
  display: block;
  font-size: 18px;
  font-weight: 100;
  color: #4e5668;

  margin-bottom: 5px;
}
.tip-box-holder h4 a:hover {
  text-decoration: none;
  color: #cc0000;
}

.tip-box-holder p {
  font-size: 16px;
  font-style: italic;
  color: #6e6e6f;

  margin-bottom: 5px;
}

.tip-box-holder .buttonlink {
  float: right;
}

/*Nuts and Bolts */
.buttonlink {
}

.buttonlink a {
  display: block;
  background-position: right top;
  background-repeat: no-repeat;
  background-color: transperant;
}

.buttonlink a div {
  background-position: left top;
  background-repeat: no-repeat;
  background-color: transperant;

  float: left;
  margin-left: -7px;
}

.buttonlink a:hover {
  background-position: right -60px;
  text-decoration: none;
}
.buttonlink a:hover div {
  background-position: left -60px;
}

/*System button with an arrow*/
.buttonlink a.red_arrow {
  background-image: url(../images/button_red_arrow.png);
  padding: 0px 30px 0px 0px;
  color: #fff;
  height: 32px;
  line-height: 32px;
}

.buttonlink a.red_arrow div {
  background-image: url(../images/button_red_arrow.png);
  width: 15px;
  height: 32px;
}

.buttonlink a.red_arrow:hover {
  color: #fff;
  text-decoration: none;
}

/*System button with an arrow*/
.buttonlink a.system_arrow {
  background-image: url(../images/buttonlink_system_arrow.png);
  padding: 0px 30px 0px 0px;
  color: #666;
  height: 32px;
  line-height: 32px;
}

.buttonlink a.system_arrow div {
  background-image: url(../images/buttonlink_system_arrow.png);
  width: 15px;
  height: 32px;
}

.buttonlink a.system_arrow:hover {
  color: #000;
}

/*Invisible button with an arrow*/
/*		.buttonlink a.invisible_arrow {
			background-image: url(../images/buttonlink_invisible_arrow.png);	
			background-position: right -8px;
			
			padding: 0px 30px 0px 0px;
			margin: 3px 0px 0px 0px;
			color: #888;		
			}
*/
.buttonlink a.invisible_arrow div {
  display: none;
}

/*Invisible button with an arrow*/
.buttonlink a.invisible_arrow_up {
  background-image: url(../images/buttonlink_invisible_arrowup.png);
  background-position: right -8px;

  padding: 2px 30px 0px 0px;
  margin: 3px 0px 0px 0px;
  color: #888;
}

.buttonlink a.invisible_arrow_up div {
  display: none;
}
.buttonlink a.invisible_arrow_up:hover {
  color: #000;
  text-decoration: none;
  background-position: right -68px;
}

/*Transperant Close Button*/
.buttonlink a.close-transperant {
  background-image: url(../images/close_btn.png);
  background-position: right -1px;

  padding: 0px 20px 0px 0px;
  margin: 3px 0px 0px 0px;
  color: #888;

  text-transform: uppercase;
  font-size: 90%;
}

.buttonlink a.close-transperant div {
  display: none;
}
.buttonlink a.close-transperant:hover {
  color: #000;
  text-decoration: none;
  background-position: right -61px;
}

/*transperant MORE button with an arrow inside Incentive*/
.buttonlink a.transperant_more_arrow {
  background-image: url(../images/buttonlink_transperant_more_arrow.png);
  background-position: right -5px;

  padding: 2px 15px 0px 0px;
  margin: 0px;
  color: #f2d0d0;

  font-weight: bold;
}

.buttonlink a.transperant_more_arrow div {
  display: none;
}
.buttonlink a.transperant_more_arrow:hover {
  color: #fff;
  text-decoration: none;
  background-position: right -65px;
}

/*gel Button with a lens and WHITE border*/
.buttonlink a.gel-lens-white-border {
  background-image: url(../images/buttons-be-sprite.png);
  padding: 0px 20px 0px 0px;
  color: #737a81;
  height: 26px;
  width: auto;
  line-height: 26px;
}

.buttonlink a.gel-lens-white-border div {
  background-image: url(../images/buttons-be-sprite.png);
  width: 30px;
  height: 26px;
  margin-left: -15px;
}

.buttonlink a.gel-lens-white-border:hover {
  color: #455059;
  text-decoration: none;
  background-position: right -30px;
}
.buttonlink a.gel-lens-white-border:hover div {
  background-position: left -30px;
}

/*gel Button with a lens and GREY border*/
.buttonlink a.gel-lens-grey-border {
  background-image: url(../images/buttons-be-sprite.png);
  padding: 0px 20px 0px 0px;
  color: #737a81;
  height: 26px;
  width: auto;
  line-height: 26px;

  background-position: right -60px;
}

.buttonlink a.gel-lens-grey-border div {
  background-image: url(../images/buttons-be-sprite.png);
  width: 30px;
  height: 26px;
  margin-left: -15px;

  background-position: left -60px;
}

.buttonlink a.gel-lens-grey-border:hover {
  color: #455059;
  text-decoration: none;
  background-position: right -90px;
}
.buttonlink a.gel-lens-grey-border:hover div {
  background-position: left -90px;
}

/*gel Button with a Plus and GREY border*/
.buttonlink a.gel-plus-grey-border {
  background-image: url(../images/buttons-be-sprite.png);
  padding: 0px 20px 0px 0px;
  color: #737a81;
  height: 26px;
  width: auto;
  line-height: 26px;

  background-position: right -120px;
}

.buttonlink a.gel-plus-grey-border div {
  background-image: url(../images/buttons-be-sprite.png);
  width: 30px;
  height: 26px;
  margin-left: -15px;

  background-position: left -120px;
}

.buttonlink a.gel-plus-grey-border:hover {
  color: #455059;
  text-decoration: none;
  background-position: right -150px;
}
.buttonlink a.gel-plus-grey-border:hover div {
  background-position: left -150px;
}

/*gel Button with a No Icon and GREY border*/
.buttonlink a.gel-noicon-grey-border {
  background-image: url(../images/buttons-be-sprite.png);
  padding: 0px 20px 0px 0px;
  color: #737a81;
  height: 26px;
  width: auto;
  line-height: 26px;

  background-position: right -180px;
}

.buttonlink a.gel-noicon-grey-border div {
  background-image: url(../images/buttons-be-sprite.png);
  width: 20px;
  height: 26px;
  margin-left: -15px;

  background-position: left -180px;
}

.buttonlink a.gel-noicon-grey-border:hover {
  color: #455059;
  text-decoration: none;
  background-position: right -210px;
}
.buttonlink a.gel-noicon-grey-border:hover div {
  background-position: left -210px;
}

/*Tooltips and other Popups*/

.hashint {
  position: relative;
  z-index: 900;
}

.hashint:hover,
#aside-menu .aside-box-content ul li.hashint:hover {
  background-color: #f2f2f2;
}

.hashint:hover .tooltip {
  display: block;
}

.tooltip {
  display: none;
  background: url(../images/bgr_black_80prc.png);
  box-shadow: 0px 0px 3px #999;

  position: absolute;
  padding: 10px;
}

.tooltip .boxarrow {
  background-image: url(../images/tooltip_boxarrow_sprite.png);
  background-repeat: no-repeat;
  background-color: none;
  width: 14px;
  height: 14px;

  position: absolute;
}

/*Gravitates to the RIGHT side of the target*/
.tooltip.right-gravity {
  left: 100%;
  top: 0px;
  margin-left: 10px;
}
.tooltip.right-gravity .boxarrow {
  left: -14px;
  top: 10px;
  background-position: 0px -14px;
}

/*Gravitates to the LEFT side of the target*/
.tooltip.left-gravity {
  right: 100%;
  top: 0px;
  margin-right: 10px;
}
.tooltip.left-gravity .boxarrow {
  right: -14px;
  top: 10px;
  background-position: -25px -14px;
}

/*Gravitates to the TOP side of the target*/
.tooltip.top-gravity {
  left: 0px;
  bottom: 100%;
  margin-bottom: 10px;
}
.tooltip.top-gravity .boxarrow {
  bottom: -14px;
  left: 30px;
  background-position: -14px -25px;
}

/*Gravitates to the Bottom side of the target*/
.tooltip.bottom-gravity {
  left: 0px;
  top: 100%;
  margin-top: 10px;
}
.tooltip.bottom-gravity .boxarrow {
  top: -14px;
  left: 30px;
  background-position: -14px 0px;
}

.tooltip_content {
  color: #fff;
}
.tooltip_content img {
  border: 1px solid #727272;
}
.tooltip_content p {
  margin: 0.3em 0em 0.3em 0em;
}
/*DIALOGUES */
#popup_screen {
  width: 100%;
  height: 100%;

  position: fixed;
  left: 0px;
  top: 0px;
  background: url(../images/bgr_black_50prc.png) repeat top left;

  z-index: 900;
}

.dialog {
  position: fixed;
  top: 0px;
  left: 50%;
  background: #ffffff;
  border: 1px solid #000000;
  padding: 15px;

  z-index: 910;
  display: none;
  width: 500px;
  margin: 100px 0px 0px -250px;
}

.dialog .contentBlock {
  margin-bottom: 5px;
}

.dialog .dlg_header {
  padding: 7px;
  margin-bottom: 10px;
}

.dialog .dlg_hm {
  margin-right: 80px;
}

.dialog .dlg_hm h2,
.dialog #form_module_editpost_dialogue h2 {
  font-size: 24px;
  font-weight: 100;

  padding: 0px 0px 5px 0px;
  color: #cb1416;
}

.dialog .dlg_hm p {
  margin: 0px 0px 5px 0px;
  font-size: 15px;
}

.dialog .dlg_hm p span {
  font-style: italic;
  color: #999;
}

/*Dilogue Close Button*/

.dialog a.close_x_white {
  float: right !important;
  padding: 0px 20px 0px 0px !important;
  background: url(../images/close_btn.png) no-repeat right top !important;
  border: 0px;
  margin: 0px;
  min-width: 50px;
  min-height: 15px;
}

.dialog a.close_x_white:hover {
  background: url(../images/close_btn.png) no-repeat right -60px !important;
  border: 0px;
  margin: 0px;
}

/*Dialogue formats by ID*/

/* general editing  */

.clearBoth {
  clear: both;
}

.clearLeft {
  clear: left;
}

.clearRight {
  clear: right;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.tLeft {
  text-align: left;
}

.tCenter {
  text-align: center;
}

.tRight {
  text-align: right;
}

.imgLeft {
  margin: 5px 10px 10px 0;
  float: left;
}

.imgRight {
  margin: 0 0 10px 10px;
  float: right;
}

.noBorder {
  border: 0 !important;
}

.noMargin {
  margin: 0 !important;
}

.noPadding {
  padding: 0 !important;
}

.marginBottom {
  margin-bottom: 15px;
}
.marginRight {
  margin-right: 20px;
}

.contentBlock {
  margin: 0 0 20px 0;
}

.content-block {
  margin: 0 0 30px 0;
}

.imgBlock {
  margin: 0 0 7px 0;
  text-align: center;
}

.imgBlock img {
  display: block;
}

.dottedTop {
  border-top: dotted 1px #bbbbbb;
  padding-top: 15px;
}

.hasLayout {
  padding: 1px;
}

.rate-image {
  float: right;
}

/* end general editing */
/*Block Texts*/
.blocktext p {
  font-size: 14px;
}

.blocktext h2 {
  font-size: 24px;
  font-weight: 100;

  margin: 0px 0px 20px 0px;
  color: #858585;
}
.blocktext h3 {
  font-size: 16px;
  font-weight: bold;

  margin: 15px 0px 7px 0px;
  color: #000;
}
.blocktext ul {
  list-style: outside disc;
  margin-left: 50px;
  color: #6e6e6f;
}
.blocktext ul li {
  padding: 0px 0px 5px 0px;
}

.blocktext table {
  margin: 0px 50px;
}

.blocktext table td {
  border: 1px solid #dedede;
  padding: 4px 4px;
}

.blocktext table th {
  background: #004b75;
  color: #fff;
  padding: 10px 0px;
  text-transform: uppercase;
}

#terms_UK {
  float: left;
}

.menu_login_sub_title {
  display: none;
}
.menu_link_forgetpass_sub_title {
  display: none;
}

.alert-box {
  background-color: #cb1416;
  border-radius: 3px;
  color: #fff;
  font-weight: bold;
  margin: 0 0 15px 0;
  padding: 15px 45px 15px 15px;
  position: relative;
}
.alert-box .close {
  font-size: 20px;
  text-decoration: none;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.alert-box a {
  color: #fff;
  text-decoration: underline;
}

#forgottenpass-form-container .form-container-inner,
#changepass-form-container .form-container-inner {
  min-height: 100px;
}

#ui-datepicker-div {
  z-index: 999 !important;
}
.ui-datepicker-trigger {
  cursor: pointer;
}

#cookie_policy h2,
#cookie_policy h3,
#cookie_policy p,
#cookie_policy ul {
  margin: 0 0 15px 0;
}