﻿/* ------------------------------------------------------------------------------------------------
		RESET  
------------------------------------------------------------------------------------------------ */
ul, ol {
  padding-left: 20px; }

ul {
  list-style: circle; }

/* -------------------------------------------- */
/* PAGER FOR UGC */
/* -------------------------------------------- */
/* Only load this inside reviews area */
#pager_ugc {
  width: 90%;
  text-align: center;
  float: left;
  margin-top: 15px; }

#pager_ugc span {
  margin-right: 5px;
  margin-left: 0px;
  float: left;
  text-decoration: none;
  text-align: center;
  position: relative;
  border: 1px solid #f5f5f5;
  padding: 10px;
  margin-bottom: 5px; }

#pager_ugc a {
  color: #494949;
  margin-right: 5px;
  margin-left: 0px;
  float: left;
  text-decoration: none;
  text-align: center;
  position: relative;
  border: 1px solid #f5f5f5;
  padding: 10px;
  min-width: 20px;
  margin-bottom: 5px; }

#pager_ugc a.selected {
  text-decoration: none;
  color: #BE0201 !important;
  border: 1px solid #d7d0bd; }

#pager_ugc a:hover {
  border: 1px solid #cccccc;
  text-decoration: none; }

#pager a.activeSlide {
  border: 1px solid #d7d0bd; }

/* BREADCRUMBS MENU - NOT USED MAYBE ? */
.breadcrumbs {
  width: 100%;
  position: relative;
  float: left; }

.breadcrumbs div {
  position: relative;
  float: left;
  padding: 6px; }

.breadcrumbs div.bc_home {
  padding: 0px !important; }

.bc_home a {
  display: block;
  position: relative;
  width: 24px;
  height: 19px;
  background-image: url(/images/layout/home.png);
  background-repeat: no-repeat;
  background-position: center !important;
  background-color: #0DADE1;
  border-radius: 8px 0px 0px 8px;
  float: left;
  padding: 6px;
  text-decoration: none !important; }

.bc_home a:hover {
  background-color: #41C4ED !important;
  text-decoration: underline !important; }

.bc_blue {
  background-color: #0DADE1;
  margin-left: 1px; }

.bc_blue a {
  margin: 0px !important;
  padding: 0px 0px 0px 10px;
  color: #fff !important;
  text-decoration: none !important; }

.bc_blue a:hover {
  text-decoration: underline !important; }

.bc_blue span {
  position: absolute;
  top: 1px;
  right: -15px;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid #0DADE1;
  z-index: 10; }

.bc_blue span.shadow {
  position: absolute;
  top: 1px;
  right: -17px;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid #fff;
  z-index: 10; }

.bc_grey {
  background-color: #f5f5f5;
  margin-left: 1px; }

.bc_grey a {
  margin: 0px;
  padding: 0px 0px 0px 20px;
  color: #696969 !important;
  text-decoration: none !important; }

.bc_grey a:hover {
  text-decoration: underline !important; }

.bc_grey span {
  position: absolute;
  top: 1px;
  right: -15px;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid #f5f5f5;
  z-index: 10; }

.bc_grey span.shadow {
  position: absolute;
  top: 1px;
  right: -17px;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid #fff;
  z-index: 10; }

/* ==========================================================================
   BUTTON COLOR
   ========================================================================== */
/* Green button */
.green {
  color: #FFFFFF !important;
  border: 1px solid #047201;
  box-shadow: 0 0 0 1px rgba(5, 203, 0, 0.4) inset, 0 1px 3px #333333 !important;
  background: #91ee2e;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkxZWUyZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ2JSIgc3RvcC1jb2xvcj0iIzdkYzcyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU2JSIgc3RvcC1jb2xvcj0iIzViYjYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NzhhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #91ee2e 0%, #7dc729 46%, #5bb600 56%, #478a00 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #91ee2e), color-stop(46%, #7dc729), color-stop(56%, #5bb600), color-stop(100%, #478a00));
  background: -webkit-linear-gradient(top, #91ee2e 0%, #7dc729 46%, #5bb600 56%, #478a00 100%);
  background: -o-linear-gradient(top, #91ee2e 0%, #7dc729 46%, #5bb600 56%, #478a00 100%);
  background: -ms-linear-gradient(top, #91ee2e 0%, #7dc729 46%, #5bb600 56%, #478a00 100%);
  background: linear-gradient(to bottom, #91ee2e 0%, #7dc729 46%, #5bb600 56%, #478a00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#91ee2e', endColorstr='#478a00',GradientType=0 );
  text-decoration: none !important; }

a:hover.green, button:hover.green {
  color: #FFFFFF !important;
  background: #74d60c;
  background: -moz-linear-gradient(top, #74d60c 0%, #65a818 46%, #499200 56%, #396e00 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #74d60c), color-stop(46%, #65a818), color-stop(56%, #499200), color-stop(100%, #396e00));
  background: -webkit-linear-gradient(top, #74d60c 0%, #65a818 46%, #499200 56%, #396e00 100%);
  background: -o-linear-gradient(top, #74d60c 0%, #65a818 46%, #499200 56%, #396e00 100%);
  background: -ms-linear-gradient(top, #74d60c 0%, #65a818 46%, #499200 56%, #396e00 100%);
  background: linear-gradient(to bottom, #74d60c 0%, #65a818 46%, #499200 56%, #396e00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74d60c', endColorstr='#396e00',GradientType=0 );
  text-decoration: none !important; }

a:active.green, button:active.green {
  color: #FFFFFF !important;
  background: #478a00;
  background: -moz-linear-gradient(top, #478a00 0%, #5bb600 73%, #7dc729 81%, #91ee2e 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #478a00), color-stop(73%, #5bb600), color-stop(81%, #7dc729), color-stop(100%, #91ee2e));
  background: -webkit-linear-gradient(top, #478a00 0%, #5bb600 73%, #7dc729 81%, #91ee2e 100%);
  background: -o-linear-gradient(top, #478a00 0%, #5bb600 73%, #7dc729 81%, #91ee2e 100%);
  background: -ms-linear-gradient(top, #478a00 0%, #5bb600 73%, #7dc729 81%, #91ee2e 100%);
  background: linear-gradient(to bottom, #478a00 0%, #5bb600 73%, #7dc729 81%, #91ee2e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#478a00', endColorstr='#91ee2e',GradientType=0 );
  text-decoration: none !important; }

/* Red button */
.red {
  color: #FFFFFF !important;
  border: 1px solid #6a0000;
  box-shadow: 0 0 0 1px #ff4545 inset, 0 1px 3px #333333;
  background: #ee412e;
  background: -moz-linear-gradient(top, #ee412e 0%, #c73629 46%, #b61500 56%, #8a0e00 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee412e), color-stop(46%, #c73629), color-stop(56%, #b61500), color-stop(100%, #8a0e00));
  background: -webkit-linear-gradient(top, #ee412e 0%, #c73629 46%, #b61500 56%, #8a0e00 100%);
  background: -o-linear-gradient(top, #ee412e 0%, #c73629 46%, #b61500 56%, #8a0e00 100%);
  background: -ms-linear-gradient(top, #ee412e 0%, #c73629 46%, #b61500 56%, #8a0e00 100%);
  background: linear-gradient(to bottom, #ee412e 0%, #c73629 46%, #b61500 56%, #8a0e00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee412e', endColorstr='#8a0e00',GradientType=0 );
  text-decoration: none !important; }

a:hover.red, button:hover.red {
  color: #FFFFFF !important;
  background: #d6200c;
  background: -moz-linear-gradient(top, #d6200c 0%, #a82418 46%, #921100 56%, #6e0b00 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d6200c), color-stop(46%, #a82418), color-stop(56%, #921100), color-stop(100%, #6e0b00));
  background: -webkit-linear-gradient(top, #d6200c 0%, #a82418 46%, #921100 56%, #6e0b00 100%);
  background: -o-linear-gradient(top, #d6200c 0%, #a82418 46%, #921100 56%, #6e0b00 100%);
  background: -ms-linear-gradient(top, #d6200c 0%, #a82418 46%, #921100 56%, #6e0b00 100%);
  background: linear-gradient(to bottom, #d6200c 0%, #a82418 46%, #921100 56%, #6e0b00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6200c', endColorstr='#6e0b00',GradientType=0 );
  text-decoration: none !important; }

a:active.red, button:active.red {
  color: #FFFFFF !important;
  background: #8a0e00;
  background: -moz-linear-gradient(top, #8a0e00 0%, #b61500 73%, #c73629 81%, #ee412e 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8a0e00), color-stop(73%, #b61500), color-stop(81%, #c73629), color-stop(100%, #ee412e));
  background: -webkit-linear-gradient(top, #8a0e00 0%, #b61500 73%, #c73629 81%, #ee412e 100%);
  background: -o-linear-gradient(top, #8a0e00 0%, #b61500 73%, #c73629 81%, #ee412e 100%);
  background: -ms-linear-gradient(top, #8a0e00 0%, #b61500 73%, #c73629 81%, #ee412e 100%);
  background: linear-gradient(to bottom, #8a0e00 0%, #b61500 73%, #c73629 81%, #ee412e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8a0e00', endColorstr='#ee412e',GradientType=0 );
  text-decoration: none !important; }

/* Blue button */
.blue {
  color: #FFFFFF !important;
  border: 1px solid #012e72;
  box-shadow: 0 0 0 1px #012e72 inset, 0 1px 3px #333333;
  background: #2ed1ee;
  background: -moz-linear-gradient(top, #2ed1ee 0%, #29b2c7 46%, #0098b6 56%, #00758a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2ed1ee), color-stop(46%, #29b2c7), color-stop(56%, #0098b6), color-stop(100%, #00758a));
  background: -webkit-linear-gradient(top, #2ed1ee 0%, #29b2c7 46%, #0098b6 56%, #00758a 100%);
  background: -o-linear-gradient(top, #2ed1ee 0%, #29b2c7 46%, #0098b6 56%, #00758a 100%);
  background: -ms-linear-gradient(top, #2ed1ee 0%, #29b2c7 46%, #0098b6 56%, #00758a 100%);
  background: linear-gradient(to bottom, #2ed1ee 0%, #29b2c7 46%, #0098b6 56%, #00758a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ed1ee', endColorstr='#00758a',GradientType=0 );
  text-decoration: none !important; }

a:hover.blue, button:hover.blue {
  color: #FFFFFF !important;
  background: #0cb1d6;
  background: -moz-linear-gradient(top, #0cb1d6 0%, #1890a8 46%, #007592 56%, #005a6e 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0cb1d6), color-stop(46%, #1890a8), color-stop(56%, #007592), color-stop(100%, #005a6e));
  background: -webkit-linear-gradient(top, #0cb1d6 0%, #1890a8 46%, #007592 56%, #005a6e 100%);
  background: -o-linear-gradient(top, #0cb1d6 0%, #1890a8 46%, #007592 56%, #005a6e 100%);
  background: -ms-linear-gradient(top, #0cb1d6 0%, #1890a8 46%, #007592 56%, #005a6e 100%);
  background: linear-gradient(to bottom, #0cb1d6 0%, #1890a8 46%, #007592 56%, #005a6e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0cb1d6', endColorstr='#005a6e',GradientType=0 );
  text-decoration: none !important; }

a:active.blue, button:active.blue {
  color: #FFFFFF !important;
  background: #00788a;
  background: -moz-linear-gradient(top, #00788a 0%, #009bb6 73%, #29b5c7 81%, #2ed5ee 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00788a), color-stop(73%, #009bb6), color-stop(81%, #29b5c7), color-stop(100%, #2ed5ee));
  background: -webkit-linear-gradient(top, #00788a 0%, #009bb6 73%, #29b5c7 81%, #2ed5ee 100%);
  background: -o-linear-gradient(top, #00788a 0%, #009bb6 73%, #29b5c7 81%, #2ed5ee 100%);
  background: -ms-linear-gradient(top, #00788a 0%, #009bb6 73%, #29b5c7 81%, #2ed5ee 100%);
  background: linear-gradient(to bottom, #00788a 0%, #009bb6 73%, #29b5c7 81%, #2ed5ee 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00788a', endColorstr='#2ed5ee',GradientType=0 );
  text-decoration: none !important; }

/* STANDARD ERROR MESSAGE */
.msg {
  position: relative;
  float: left;
  width: 100%;
  padding: 5px;
  border-radius: 5px;
  margin: 2px 0px 2px 0px; }

/* Icons and close */
.msg p {
  float: left;
  font-weight: bold;
  padding-left: 10px;
  width: 100%;
  margin-right: 60px;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */ }

.msg .msg_icon {
  float: left;
  width: 21px;
  height: 21px;
  margin-left: 6px;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0.5; }

.msg .msg_close {
  position: absolute;
  top: 0px;
  right: 0px; }

.msg .msg_close a {
  background-repeat: no-repeat;
  background-position: center center;
  padding: 10px;
  float: right;
  width: 21px;
  height: 21px;
  opacity: 0.5; }

.msg .msg_close a:hover {
  opacity: 1; }

/* Colors */
.m_success {
  background-color: #f0fae2;
  border: 1px solid #90b05e; }

.m_success p {
  color: #90b05e; }

.m_success p .msg_icon {
  background-image: url(/images/layout/msg/success.png); }

.m_success p .msg_close a {
  background-image: url(/images/layout/msg/success_close.png); }

.m_warning {
  background-color: #fffded;
  border: 1px solid #979062; }

.m_warning p {
  color: #979062; }

.m_warning p .msg_icon {
  background-image: url(/images/layout/msg/warning.png); }

.m_warning p .msg_close a {
  background-image: url(/images/layout/msg/warning_close.png); }

.m_error {
  background-color: #ffe9e9;
  border: 1px solid #a6656c; }

.m_error p {
  color: #a6656c; }

.m_error p .msg_icon {
  background-image: url(/images/layout/msg/error.png); }

.m_error p .msg_close a {
  background-image: url(/images/layout/msg/error_close.png); }

.m_generic {
  background-color: #daf3fc;
  border: 1px solid #79a4b3; }

.m_generic p {
  color: #79a4b3; }

.m_generic p .msg_icon {
  background-image: url(/images/layout/msg/generic.png); }

.m_generic p .msg_close a {
  background-image: url(/images/layout/msg/generic_close.png); }

