/* CSS Document */

/* =============================================================================
   Common helpers
   ========================================================================== */
.clear {
	clear: both;
}

.hidden {
	display: none;
}

.left {
	float: left;
}

div.left:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.right {
	float: right;
}

div.right:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* =============================================================================
   Links
   ========================================================================== */

/*
 * Common link styles
 */
a:link {
	color: #221774;
	text-decoration: none;
}

a:visited {
	color: #4d1b56;
	text-decoration: none;
}

a:hover,a:active,a:focus {
	color: #221774;
	text-decoration: underline;
}

/* =============================================================================
   Typography
   ========================================================================== */

/*
 * Base font
 */
body {
	background-color: #ffffff;
	color: #333333;
	font: normal 100% Calibri, Arial, Helvetica, sans-serif;
}

/*
 * Headings
 */
h1 {
	font-size: 2.25em; /* 36px / 16px */
	font-weight: normal;
}

h2 {
	font-size: 1.25em; /* 20px / 16px */
	font-weight: normal;
	margin: 0 0 0.375em; /* 6px / 16px */
}

table td h2 {
	font-size: 1.428571428571429em; /* 20px / 14px */
	margin: 0 0 0.428571428571429em; /* 6px / 14px */
}

h3 {
	font-size: 0.875em; /* 14px / 16px */
	font-weight: normal;
	line-height: 1.142857142857143; /* 16px / 14px */
	margin: 1.5em 0 0.071428571428571em; /* 21px / 14px, 1px / 14px */
	text-transform: uppercase;
}

table td h3 {
	font-size: 1em; /* 14px / 14px */
}

h4 {
	font-size: 0.875em; /* 14px / 16px */
	font-weight: bold;
	margin: 0 0 0.428571428571429em; /* 6px / 14px */
}

/*
 * Text
 */
p {
	font-size: 0.875em; /* 14px / 16px */
	line-height: 1.142857142857143; /* 16px / 14px */
	margin: 0 0 0.642857142857143em 0; /* 9px / 14px */
}

small {
	font-size: 0.8125em; /* 13px / 16px */
}

big {
	font-size: 1.25em; /* 20px / 16px */
}

.notransform {
	text-transform: none;
}

.price-value {
	color: #882345;
}

/* =============================================================================
   Tables
   ========================================================================== */

/*
 * Table captions
 */
table caption {
	font-size: 1.25em; /* 20px / 16px */
	padding: 0.5em 0 0.2em 0; /* 10px / 20px, 4px / 20px */
	text-align: left;
}

/*
 * Table headings
 */
table th {
	background-color: #dbdbdb;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	font-size: 1em; /* 16px / 16px */
	font-weight: normal;
	padding: 0.3125em 0.714285714285714em 0.5em;
	/* 5px / 16px, 10px / 14px, 8px / 16px */
	text-align: left;
}

table tr th:first-child {
	padding-left: 1.25em; /* 20px / 16px */
}

table tr th:last-child {
	padding-right: 1.25em; /* 20px / 16px */
}

/*
 * Table sort links in headings
 */
table tr th a:link,table tr th a:visited,table tr th a:hover,table tr th a:active,table tr th a:focus
	{
	color: #333333;
	position: relative;
	text-decoration: none;
}

table tr th a.asc,table tr th a.desc {
	padding-right: 22px; /* space for bitmap arrow */
}

table tr th a.asc:after,table tr th a.desc:after {
	background-image: url(../img/iconsprite.png);
	background-repeat: no-repeat;
	content: "";
	height: 16px; /* bitmap height */
	margin-top: -8px; /* bitmap height / 2 */
	position: absolute;
	right: 0;
	top: 47.5%;
	width: 16px; /* bitmap width */
}

table tr th a.asc:after {
	background-position: -16px 0;
}

table tr th a.desc:after {
	background-position: 0 0;
}

/*
 * Table cells
 */
table td {
	background-color: #f0f0f0;
	border-bottom: 1px solid #dbdbdb;
	font-size: 0.875em; /* 14px / 16px */
	padding: 0.428571428571429em 0.714285714285714em 0.357142857142857em
		0.714285714285714em; /* 6px / 14px, 10px / 14px, 5px / 14px */
}

table td td {
	font-size: 1em; /* 14px / 14px */
}

table tr td:first-child {
	padding-left: 1.428571428571429em; /* 20px / 14px */
}

table tr td:last-child {
	/*  padding-right: 1.428571428571429em; */ /* 20px / 14px */
	
}

table tr.selected td {
	background-color: #ab3e62;
	color: #ffffff;
	font-weight: bold;
}

table tr.selected td a:link,table tr.selected td a:visited,table tr.selected td a:hover,table tr.selected td a:active,table tr.selected td a:focus
	{
	color: #ffffff;
}

/*
 * Details table 
 */
table.details th {
	background: none;
	border: none;
	font-size: 0.875em; /* 14px / 16px */
	font-weight: bold;
	line-height: 1.428571428571429; /* 20px / 14px */
	min-width: 7.714285714285714em; /* 108px / 14px */
	padding: 0 0.5em 0 0; /* 7px / 14px */
	vertical-align: top;
}

table.details th:first-child {
	padding: 0 0.857142857142857em 0 0; /* 12px / 14px */
}

td table.details th {
	font-size: 1em; /* 14px / 14px */
}

table.details td {
	background: none;
	border: none;
	line-height: 1.428571428571429; /* 20px / 14px */
	padding: 0;
	vertical-align: top;
}

/*
 * Grid table
 */
table.grid {
	table-layout: fixed;
	width: 100%;
}

table.grid tr td {
	background-color: #ffffff;
	border: 1px solid #e3e3e3;
	line-height: 1.142857142857143; /* 16px / 14px */
	padding: 1.071428571428571em 0.5em; /* 15px / 14px, 7px / 14px */
	text-align: center;
}

table.grid tr td a:hover,table.grid tr td a:active,table.grid tr td a:focus
	{
	text-decoration: none;
}

table.grid tr td img {
	padding-bottom: 0.5em; /* 7px / 14px */
}

table.grid tr td b {
	color: #333333;
	display: block;
}

table.grid tr td a:hover b,table.grid tr td a:active b,table.grid tr td a:focus b
	{
	text-decoration: underline;
}

table.gird tr td span {
	display: block;
}

table.grid tr td a:hover span,table.grid tr td a:active span,table.grid tr td a:focus span
	{
	text-decoration: underline;
}

/*
 * Customer overview tables
 */
table.overview {
	margin: 0.57142857142857em 0.928571428571429em;
	/* 12px / 14px , 13px / 14px */
	width: 100%;
}

table.overview th {
	background: none;
	border: none;
	font-size: 0.875em; /* 14px / 16px */
	font-weight: bold;
	line-height: 1.428571428571429; /* 20px / 14px */
	padding: 0 0.5em 0 0.5em; /* 7px / 14px */
	vertical-align: top;
	width: 23%;
}

table.overview tr th:first-child {
	padding: 0 0.5em 0 0.5em; /* 7px / 14px */
}

table.overview td {
	background: none;
	border: none;
	line-height: 1.428571428571429; /* 20px / 14px */
	padding: 0;
	vertical-align: top;
	width: 27%;
}

/* =============================================================================
   Forms
   ========================================================================== */

/*
 * Text fields
 */
label+input[type=text].datepicker {
	margin-left: 0;
}

input[disabled] {
	color: #999999;
}

input[readonly] {
	background: #ededed;
	border: 1px solid #b6b6b6;
}

textarea {
	background-color: #fefefe;
	border: 1px solid #9c9c9c;
	border-radius: 0.571428571428571em; /* 8px / 14px */
	font: normal 0.875em Calibri, Arial, Helvetica, sans-serif;
	/* 14px / 16px */
	padding: 0.142857142857143em 0.357142857142857em 0.214285714285714em;
	/* 2px / 16px, 5px / 16px, 3px / 16px */
	width: 22.714285714285714em; /* 318px / 14px */
}

/*
 * Labels
 */
label {
	color: #333333;
	font-size: 0.875em; /* 14px / 16px */
	text-transform: none;
}

label.datepicker-label {
	background-color: #b3b3b3;
	border-radius: 0.571428571428571em; /* 8px / 14px */
	color: #ffffff;
	font-weight: bold;
	margin-right: -1.285714285714286em; /* 18px / 14px */
	padding: 0.214285714285714em 1.5em 0.285714285714286em
		0.571428571428571em;
	/* 3px / 14px, 21px / 14px, 4px / 14px, 8px / 14px */
}

input[type=text].datepicker+label.datepicker-label {
	margin-left: -1.142857142857143em; /* 16px / 14px */
	padding-left: 1.5em; /* 21px / 14px */
}

label.infield {
	color: #999999;
	font-size: 0.875em;
	left: 0;
	padding: 0.142857142857143em 0.642857142857143em;
	/* 2px / 14px, 9px / 14px */
	position: absolute;
	top: 0;
}

/*
 * Fieldsets
 */
fieldset {
	border: none;
	margin: 0;
	padding: 0 1.25em 1.25em; /* 20px / 16px */
}

fieldset legend {
	font-size: 1.25em; /* 20px / 16px */
	margin: 0.45em 0 0.2em 0; /* 9px / 20px, 4px / 20px */
}

.filters fieldset legend {
	font-size: 0.875em; /* 14px / 16px */
	margin-bottom: 0.142857142857143em; /* 2px / 14px */
	text-transform: uppercase;
}

/*
 * Checkboxes and radio buttons
 */
input[type=checkbox]+label.ui-button,input[type=radio]+label.ui-button,.ui-widget.ui-multiselect-menu .ui-multiselect-checkboxes label
	{
	background: none;
	border: none;
	border-radius: 0;
	padding-left: 26px; /* bitmap width + padding */
	padding-right: 1.571428571428571em; /* 22px / 14px */
}

input[type=checkbox]+label.ui-button:before,input[type=radio]+label.ui-button:before,.ui-widget.ui-multiselect-menu .ui-multiselect-checkboxes label:before
	{
	background-image: url(../img/form-states.png);
	background-repeat: no-repeat;
	content: "";
	height: 20px; /* bitmap height */
	left: 0;
	margin-top: -10px; /* bitmap height / 2 */
	position: absolute;
	top: 50%;
	width: 20px; /* bitmap width */
}

input[type=checkbox]+label.ui-button:before,.ui-widget.ui-multiselect-menu .ui-multiselect-checkboxes label:before
	{
	background-position: 0 -20px;
}

input[type=checkbox]:checked+label.ui-button:before,.ui-widget.ui-multiselect-menu .ui-multiselect-checkboxes label.checked:before
	{
	background-position: 0 0;
}

input[type=radio]+label.ui-button:before {
	background-position: 0 -60px;
}

input[type=radio]:checked+label.ui-button:before {
	background-position: 0 -40px;
}

input[type=checkbox]+label.ui-button span,input[type=radio]+label.ui-button span
	{
	padding: 0.071428571428571em 0 0 0; /* 1px / 14px */
}

/*
 * Toggle button
 */
input[type=checkbox].toggle+label.ui-button {
	border: 1px solid #999999;
	border-radius: 0.444444444444444em; /* 8px / 18px */
	font-size: 1.125em; /* 18px / 16px */
	font-weight: bold;
	padding: 0;
	text-transform: uppercase;
}

input[type=checkbox].toggle+label.ui-button:before {
	background: none;
}

input[type=checkbox].toggle+label.ui-button.ui-state-default {
	background-color: #e9e9e9;
	background-image: -webkit-linear-gradient(top, #f1f1f1, #e1e1e1);
	background-image: -moz-linear-gradient(top, #f1f1f1, #e1e1e1);
	background-image: -ms-linear-gradient(top, #f1f1f1, #e1e1e1);
	background-image: -o-linear-gradient(top, #f1f1f1, #e1e1e1);
	color: #808080;
}

input[type=checkbox].toggle+label.ui-button.ui-state-active {
	background-color: #b6cc00;
	background-image: -webkit-linear-gradient(top, #bed600, #adc300);
	background-image: -moz-linear-gradient(top, #bed600, #adc300);
	background-image: -ms-linear-gradient(top, #bed600, #adc300);
	background-image: -o-linear-gradient(top, #bed600, #adc300);
	color: #ffffff;
}

input[type=checkbox].toggle+label.ui-button span {
	line-height: 1.25;
}

input[type=checkbox].toggle+label.ui-button span:after {
	background-color: #dddddd;
	background-image: -webkit-linear-gradient(top, #cdcdcd, #ededed);
	background-image: -moz-linear-gradient(top, #cdcdcd, #ededed);
	background-image: -ms-linear-gradient(top, #cdcdcd, #ededed);
	background-image: -o-linear-gradient(top, #cdcdcd, #ededed);
	border: 1px solid #999999;
	border-radius: 0.444444444444444em; /* 8px / 18px */
	box-shadow: inset 0 1px #ffffff;
	content: "";
	height: 100%;
	margin-top: -1px;
	position: absolute;
	width: 2.666666666666667em; /* 48px / 18px */
	z-index: 1;
}

input[type=checkbox].toggle+label.ui-button.ui-state-default span {
	padding: 0 0.555555555555556em 0 3em; /* 10px / 18px */
}

input[type=checkbox].toggle+label.ui-button.ui-state-default span:before
	{
	content: "OFF";
}

input[type=checkbox].toggle+label.ui-button.ui-state-default span:after
	{
	left: 0;
	margin-left: -1px;
	margin-right: 0;
	right: auto;
}

input[type=checkbox].toggle+label.ui-button.ui-state-active span {
	padding: 0 3em 0 0.555555555555556em; /* 10px / 18px */
}

input[type=checkbox].toggle+label.ui-button.ui-state-active span:before
	{
	content: "ON";
}

input[type=checkbox].toggle+label.ui-button.ui-state-active span:after {
	left: auto;
	margin-left: 0;
	margin-right: -1px;
	right: 0;
}

/*
 * Multiselect list
 */
div.multiselect-list {
	background-color: #f1f1f1;
	border: 1px solid #9c9c9c;
	height: 8em;
	overflow: scroll;
	overflow-x: hidden;
	padding: 0.142857142857143em 0.571428571428571em;
	/* 2px / 14px, 8px / 14px */
}

div.multiselect-list input[type=checkbox] {
	clear: both;
	display: block;
	float: left;
	margin: 0.125em 0.25em 0 0;
}

div.multiselect-list input[type=checkbox]+label {
	display: block;
	float: left;
	min-width: 51%;
	padding-bottom: 0.142857142857143em; /* 2px / 14px */
	padding-top: 0.142857142857143em; /* 2px / 14px */
	text-align: left;
}

/*
 * jQuery UI common
 */
.ui-widget {
	font-size: 0.875em; /* 14px / 16px */
	margin: 0;
}

.ui-widget.ui-corner-all {
	border-radius: 0.571428571428571em; /* 8px / 14px */
}

.ui-widget.ui-state-default {
	border: 1px solid #9c9c9c;
	color: #333333;
}

/*
 * Drop list
 */
.ui-widget.ui-multiselect {
	background: #fefefe url(../img/bg-ebebeb.png) 50% 50% repeat-x scroll;
	box-shadow: inset -1px -1px 2px rgba(0, 0, 0, 0.29);
	padding: 0.142857142857143em 0.5em 0.214285714285714em
		0.928571428571429em;
	/* 2px / 14px, 7px / 14px, 3px / 14px, 13px / 14px */
	text-transform: none;
}

.ui-widget.ui-multiselect>.ui-icon {
	background: url(../img/iconsprite.png) 0 0 no-repeat;
}

.ui-widget.ui-autocomplete,.ui-widget.ui-multiselect-menu {
	background: #f1f1f1;
	border: 1px solid #9c9c9c;
	border-radius: 0;
	padding: 1em 0 0.375em 0;
}

.ui-menu .ui-menu-item a {
	line-height: 1.4;
}

.ui-multiselect-menu .ui-multiselect-checkboxes li {
	font-size: 1em; /* 14px / 14px */
	margin-left: 0.571428571428571em; /* 8px / 14px */
	position: relative;
}

.ui-multiselect-menu .ui-multiselect-checkboxes li label {
	border: none;
	font-size: 1em; /* 14px / 14px */
	margin: 0;
	padding-left: 0.642857142857143em; /* 9px / 14px */
}

.ui-multiselect-menu .ui-multiselect-checkboxes li label input {
	left: -9999em;
	position: absolute !important;
	top: auto !important;
}

.ui-multiselect-menu.ui-multiselect-single .ui-multiselect-checkboxes li
	{
	margin-left: 0;
}

.ui-multiselect-menu.ui-multiselect-single label {
	padding: 0.214285714285714em 0 0.214285714285714em 0.571428571428571em
		!important; /* 3px / 14px, 3px / 14px, 8px / 14px */
}

.ui-multiselect-menu.ui-multiselect-single label.ui-state-hover {
	background: none;
	border: none;
	border-radius: 0;
	margin: 0;
}

.ui-widget.ui-multiselect-menu.ui-multiselect-single label:before {
	background: none;
}

.ui-menu .ui-menu-item a.ui-state-active,.ui-menu .ui-menu-item a.ui-state-hover,.ui-multiselect-menu.ui-multiselect-single label.ui-state-active,.ui-multiselect-menu.ui-multiselect-single label.ui-state-active.ui-state-hover
	{
	background: none;
	background-color: #ab3e62;
	border: none;
	border-radius: 0;
	color: #ffffff;
	font-weight: bold;
	margin: 0;
}

/*
 * Stateful button set
 */
.ui-buttonset {
	margin-right: 3.75em; /* 60px / 16px */
}

.ui-buttonset .ui-widget.ui-button {
	background: none;
	border: none;
	border-radius: 0.571428571428571em; /* 8px / 14px */
	box-shadow: inset 3px 3px 1px rgba(255, 255, 255, 0.30), inset -3px -3px
		1px rgba(0, 0, 0, 0.30);
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: bold;
	margin-right: 0.428571428571429em; /* 6px / 14px */
	min-width: 7.857142857142857em; /* 110px / 14px */
	padding: 0.285714285714286em 0; /* 4px / 14px */
	text-transform: uppercase;
	vertical-align: middle;
}

.ui-buttonset .ui-widget.ui-button:before {
	background: none;
}

.ui-buttonset .ui-widget.ui-button .ui-button-text {
	line-height: 1.357142857142857; /* 19px / 14px */
}

.ui-buttonset .ui-widget.ui-button .ui-button-text>span {
	display: block;
	font-size: 1.857142857142857em; /* 26px / 14px */
	line-height: 0.769230769230769; /* 20px / 26px */
}

.ui-buttonset .ui-widget.ui-button.ui-state-default {
	background-color: #a2b800;
	color: #ffffff;
}

.ui-buttonset .ui-widget.ui-button.ui-state-active {
	background-color: #bed600;
	color: #4c4c4c;
}

/*
 * Slider
 */
.ui-widget.ui-slider {
	background: none;
	border: none;
	margin-bottom: 1.125em; /* 18px / 16px */
	margin-top: 0.375em; /* 6px / 16px */
	padding: 0;
}

input[type=text].slider-value {
	float: left;
	margin-right: 1em;
}

input[type=text].slider-value+.ui-widget.ui-slider {
	float: left;
	width: 91.5%;
}

.ui-widget.ui-slider.ui-slider-horizontal {
	height: 0.714285714285714em; /* 10px / 14px */
}

.ui-widget.ui-slider .ui-slider-step {
	background-color: #ffffff;
	border: 1px solid #989898;
	border-left: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.30);
	float: left;
	height: 0.714285714285714em; /* 10px / 14px */
	position: relative;
	z-index: 2;
}

.ui-widget.ui-slider .ui-slider-step.ui-slider-colorbar {
	background-color: #bed600;
}

.ui-widget.ui-slider .ui-slider-step-first {
	border-left: 1px solid #989898;
	border-bottom-left-radius: 0.357142857142857em; /* 5px / 14px */
	border-top-left-radius: 0.357142857142857em; /* 5px / 14px */
}

.ui-widget.ui-slider .ui-slider-step-last {
	border-bottom-right-radius: 0.357142857142857em; /* 5px / 14px */
	border-top-right-radius: 0.357142857142857em; /* 5px / 14px */
}

.ui-widget.ui-slider .ui-slider-handle {
	background: #95a800 url(../img/handle.png) center center no-repeat;
	border: 1px solid #ffffff;
	border-radius: 0.357142857142857em; /* 5px / 14px */
	box-shadow: inset 1px 1px 3px rgba(255, 255, 255, 0.30), inset -1px -1px
		3px rgba(0, 0, 0, 0.30), 1px 1px 3px rgba(0, 0, 0, 0.40);
	height: 1.428571428571429em; /* 20px / 14px */
	margin-left: -1.071428571428571em; /* 15px / 14px */
	outline: none;
	top: -0.5em; /* 7px / 14px */
	width: 2.142857142857143em; /* 30px / 14px */
}

.ui-widget.ui-slider label {
	color: #808080;
	font-size: 1em; /* 14px / 14px */
	position: absolute;
	top: 1.071428571428571em; /* 15px / 14px */;
}

/*
 * Datepicker
 */
.ui-widget.ui-datepicker {
	border-radius: 0;
	padding: 0.142857142857143em; /* 2px / 14px */
	width: 13.357142857142857em; /* 187px / 14px */
}

.ui-widget.ui-datepicker .ui-datepicker-header {
	background: none;
	background-color: #882345;
	border: none;
	border-radius: 0;
	color: #ffffff;
	padding: 0.142857142857143em 0; /* 2px / 14px */
}

.ui-widget.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
	font-size: 0.857142857142857em; /* 12px / 14px */
}

.ui-widget.ui-datepicker .ui-datepicker-prev,.ui-widget.ui-datepicker .ui-datepicker-next
	{
	top: 0;
}

.ui-widget.ui-datepicker .ui-datepicker-prev span,.ui-widget.ui-datepicker .ui-datepicker-next span
	{
	background-image: url(../img/iconsprite.png);
	background-position: -64px -16px;
}

.ui-widget.ui-datepicker .ui-datepicker-prev-hover,.ui-widget.ui-datepicker .ui-datepicker-next-hover
	{
	background: none;
	border: none;
	top: 0;
}

.ui-widget.ui-datepicker .ui-datepicker-prev-hover {
	left: 2px;
}

.ui-widget.ui-datepicker .ui-datepicker-next-hover {
	right: 2px;
}

.ui-widget.ui-datepicker .ui-datepicker-next span {
	background-position: -80px -16px;
}

.ui-widget.ui-datepicker table.ui-datepicker-calendar {
	font-size: 1em; /* 14px / 14px */
	margin: 0;
}

.ui-widget.ui-datepicker table.ui-datepicker-calendar td,.ui-widget.ui-datepicker table.ui-datepicker-calendar th
	{
	background-color: #f3f3f3;
	font-size: 0.857142857142857em; /* 12px / 14px */
	padding: 1px;
}

.ui-widget.ui-datepicker table.ui-datepicker-calendar td a,.ui-widget.ui-datepicker table.ui-datepicker-calendar td span
	{
	padding: 0;
	text-align: center;
}

.ui-widget.ui-datepicker table.ui-datepicker-calendar td a {
	color: #221774;
}

.ui-widget.ui-datepicker table.ui-datepicker-calendar td .ui-state-default
	{
	background: none;
	background-color: #ffffff;
	border: 1px solid #dbdbdb;
}

.ui-widget.ui-datepicker table.ui-datepicker-calendar td .ui-state-hover
	{
	border-color: #989898;
}

.ui-widget.ui-datepicker table.ui-datepicker-calendar td .ui-state-active
	{
	background-color: #882345;
	border-color: #882345;
	color: #ffffff;
	font-weight: bold;
}

/*
 * Form layout
 */
form table {
	position: relative;
}

form table caption {
	font-size: 0.875em; /* 14px / 16px */
	padding: 0.928571428571429em 0 0.642857142857143em 0;
	/* 13px / 14px, 9px / 14px */
	text-align: left;
	text-transform: uppercase;
}

form table:first-child caption {
	padding-top: 0;
}

form table caption a {
	left: 10.642857142857143em; /* 149px / 14px */
	position: absolute;
}

form table td {
	background-color: transparent;
	border: none;
	font-size: 1em; /* 16px / 16px */
	padding: 0 0 0.3125em 0; /* 5px / 16px */
	vertical-align: top;
}

form table th {
	background-color: transparent;
	border: none;
	font-weight: bold;
	padding: 0.1875em 0 0.3125em 0; /* 3px / 16px, 5px / 16px */
	text-align: left;
	vertical-align: top;
	width: 9.3125em; /* 149px / 16px */
}

form table th:first-child {
	padding-left: 0;
}

form div.column50 {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding-left: 1.25em; /* 20px / 16px */
	width: 50%;
}

form div.formbuttons {
	margin-top: 1.375em; /* 22px / 16px */
}

/* =============================================================================
   Layout
   ========================================================================== */
#container {
	margin: 0 auto;
	overflow: hidden;
	width: 1200px;
}

/*
 * Header
 */
#header {
	clear: both;
	padding: 0 3.4166666666667%; /* 41px / 1200 px */
}

#header:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*
 * Application title in header area
 */
#header .title {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	height: 6.75em; /* 60px / 16px */
	width: 61.5384615384615%; /* 688px / 1118px */
}

#header .title h1 {
	color: #000000;;
	font-size: 1.25em; /* 20px / 16px */
	font-weight: bold;
	line-height: 1;
	margin-top: 1.345em;
	text-transform: uppercase;
}

#header .title h1 .logo {
	background: url(../img/logo_gn_en_kivis.gif) top left no-repeat;
	display: block;
	float: left;
	height: 82px;
	margin-top: -1.125em;
	padding-right: 3.4782608695652%; /* 24px / 690px */
	text-indent: -9999em;
	width: 1000px;
}

/*
 * Secondary headings in header area
 */
#header h2 {
	color: #333333;
	font-size: 0.875em; /* 14px / 16px */
	line-height: 1.071428571428571; /* 15px / 14px */
	margin: 0.5em 0 0; /* 8px / 16px */
	text-transform: uppercase;
}

/*
 * Search box in header area
 */
#header .search {
	border-left: 1px solid #d9d9d9;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: right;
	height: 3.75em; /* 60px / 16px */
	padding: 0 1.788908765653%; /* 20px / 1118px */
	width: 25.0447227191413%; /* 280px / 1118px */
}

#header .search form {
	position: relative;
}

#header .search a.advanced {
	font-size: 0.875em;
	line-height: 1.071428571428571; /* 15px / 14px */
	position: absolute;
	right: 0;
	top: 0;
}

#header .search fieldset {
	background-color: #fcfcfc;
	border: 1px solid #9d9d9d;
	border-radius: 0.5em; /* 8px / 16px */
	margin: 0.1875em 0; /* 3px / 16px */
	padding: 0.125em 0.5em; /* 2px / 16px, 8px / 16px */
}

#header .search input[type=text] {
	background-color: transparent;
	background-image: none;
	border: none;
	float: left;
	font-size: 0.875em; /* 14px / 16px */
	padding: 0.1875em 0 0.063em 0; /* 3px / 16px, 1px / 16px */
	width: 90%;
}

#header .search input[type=submit] {
	background: url(../img/search.png) center center no-repeat;
	border: none;
	box-shadow: none;
	color: transparent;
	float: right;
	font-size: 0;
	height: 16px;
	margin: 1px;
	text-indent: -9999em;
	width: 16px;
}

/*
 * User info box in header area
 */
#header .user-info {
	border-left: 1px solid #d9d9d9;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: right;
	height: 3.75em; /* 60px / 16px */
	padding-left: 1.6100178890877%; /* 18px / 1118px */
	padding-right: 36px; /* space for logout bitmap */
	position: relative;
	width: 13.4168157423971%; /* 150px / 1118px */
}

#header .user-info a {
	display: block;
	font-size: 0.875em; /* 14px / 16px */
	line-height: 1.071428571428571; /* 15px / 14px */
}

#header .user-info a.logout {
	background: #ffae00 url(../img/logout.png) center center no-repeat;
	background-image: url(../img/logout.png),
		-webkit-linear-gradient(top, #ab3e62, #882345);
	background-image: url(../img/logout.png),
		-moz-linear-gradient(top, #ab3e62, #882345);
	background-image: url(../img/logout.png),
		-ms-linear-gradient(top, #ab3e62, #882345);
	background-image: url(../img/logout.png),
		-o-linear-gradient(top, #ab3e62, #882345);
	border-radius: 0.625em; /* 10px / 16px */
	box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
	display: block;
	font-size: 1em;
	height: 30px; /* bitmap height */
	position: absolute;
	right: 0;
	top: 0.5625em; /* 9px / 16px */
	text-indent: -9999em;
	width: 30px; /* bitmap width */
}

#header .user-info .user-name {
	font-size: 0.875em; /* 14px / 16px */
	line-height: 1.071428571428571; /* 15px / 14px */
}

/*
 * Navigation 
 */
#nav {
	background-color: #2b264d;
	background-image: -webkit-linear-gradient(top, #37325c, #201c3e);
	background-image: -moz-linear-gradient(top, #37325c, #201c3e);
	background-image: -ms-linear-gradient(top, #37325c, #201c3e);
	background-image: -o-linear-gradient(top, #37325c, #201c3e);
	clear: both;
	color: #ffffff;
	height: 2em; /* 40px / 16px */
	overflow: hidden;
	padding: 0 3.4166666666667%; /* 41px / 1200 px */
}

#nav:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav ul li {
	border-right: 1px solid #76738d;
	border-right: 1px solid rgba(255, 255, 255, 0.333);
	float: left;
	font-size: 1em; /* 18px / 16px */
	font-weight: bold;
	margin: 0.125em 0; /* 2px / 16px */
}

#nav ul li:first-child {
	border-left: 1px solid #76738d;
	border-left: 1px solid rgba(255, 255, 255, 0.333);
}

#nav ul li a {
	display: block;
	line-height: 2; /* 36px / 18px */
	padding: 0 1.444444444444444em; /* 26px / 18px */
}

#nav ul li.home a {
	background: url(../img/home.png) center center no-repeat;
	width: 21px;
	padding: 0 1.111111111111111em; /* 20px / 18px */
	text-indent: -9999em;
}

#nav ul li.selected a,#nav ul li.selected a:hover,#nav ul li.selected a:active,#nav ul li.selected a:focus
	{
	background-color: #a2b800;
	background-image: -webkit-linear-gradient(top, #95a800, #a2b800);
	background-image: -moz-linear-gradient(top, #95a800, #a2b800);
	background-image: -ms-linear-gradient(top, #95a800, #a2b800);
	background-image: -o-linear-gradient(top, #95a800, #a2b800);
	margin: -0.111111111111111em 0; /* -2px / 18px */
	padding-bottom: 0.111111111111111em; /* 2px / 18px */
	padding-top: 0.111111111111111em; /* 2px / 18px */
}

#nav ul li.home.selected a {
	background: #a2b800 url(../img/home.png) center center no-repeat;
	background-image: url(../img/home.png),
		-webkit-linear-gradient(top, #95a800, #a2b800);
	background-image: url(../img/home.png),
		-moz-linear-gradient(top, #95a800, #a2b800);
	background-image: url(../img/home.png),
		-ms-linear-gradient(top, #95a800, #a2b800);
	background-image: url(../img/home.png),
		-o-linear-gradient(top, #95a800, #a2b800);
}

#nav ul li a:link,#nav ul li a:visited {
	color: #ffffff;
}

#nav ul li a:hover,#nav ul li a:active,#nav ul li a:focus {
	text-decoration: none;
	background-color: #39345d;
	background-image: -webkit-linear-gradient(top, #201c3e, #37325c);
	background-image: -moz-linear-gradient(top, #201c3e, #37325c);
	background-image: -ms-linear-gradient(top, #201c3e, #37325c);
	background-image: -o-linear-gradient(top, #201c3, #37325c);
}

#nav ul li.home.selected a:hover,#nav ul li.home.selected a:active,#nav ul li.home.selected a:focus
	{
	background: #9fb400 url(../img/home.png) center center no-repeat;
	background-image: url(../img/home.png),
		-webkit-linear-gradient(top, #95a800, #a2b800);
	background-image: url(../img/home.png),
		-moz-linear-gradient(top, #95a800, #a2b800);
	background-image: url(../img/home.png),
		-ms-linear-gradient(top, #95a800, #a2b800);
	background-image: url(../img/home.png),
		-o-linear-gradient(top, #95a800, #a2b800);
}

#nav ul li.home a:hover,#nav ul li.home a:active,#nav ul li.home a:focus
	{
	background: #39345d url(../img/home.png) center center no-repeat;
	background-image: url(../img/home.png),
		-webkit-linear-gradient(top, #201c3e, #37325c);
	background-image: url(../img/home.png),
		-moz-linear-gradient(top, #201c3e, #37325c);
	background-image: url(../img/home.png),
		-ms-linear-gradient(top, #201c3e, #37325c);
	background-image: url(../img/home.png),
		-o-linear-gradient(top, #201c3e, #37325c);
}

/*
 * Navigation icons 
 */
#nav .icon-email {
	background-image: url(../img/icon-email.png);
	background-repeat: no-repeat;
	display: inline-block;
	height: 28px; /* bitmap height */
	margin-top: 0.375em;
	padding: 0 0.1875em;
	text-indent: -9999em;
	width: 30px; /* bitmap width */
}

#nav .icon-calendar {
	background-image: url(../img/icon-calendar.png);
	background-repeat: no-repeat;
	display: inline-block;
	height: 28px; /* bitmap height */
	text-indent: -9999em;
	width: 30px; /* bitmap width */
}

/*
 * Navigation second level
 */
#subnav {
	margin-bottom: 1.25em;
	margin-top: -1.25em;
	padding: 0 3.41667%;
}

#subnav:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

#subnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#subnav li {
	border-right: 1px solid #ffffff;
	float: left;
	height: 2.1875em; /* 35px / 16px */
}

#subnav li:last-child {
	border-right: none;
}

#subnav li.selected {
	background-color: #ffffff;
	border-left: 1px solid #c7c7c7;
	border-right: 1px solid #c7c7c7;
	border-top: 1px solid #c7c7c7;
	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;
	color: #333333;
	height: 2.5em; /* 40px / 16px */
	margin: -0.3125em 0 0 0;
	position: relative;
	z-index: 1;
}

#subnav li.selected span {
	display: block;
	font-weight: bold;
	padding: 0.5em 1.25em 0; /* 8px / 16px 20px / 16px */
}

#subnav li.selected+li {
	border-left: 1px solid #ffffff;
}

#subnav li a {
	background-color: #201c3e;
	color: #ffffff;
	display: block;
	height: 1.6875em; /* 35px / 16px - padding 8px / 16px */
	margin: 0;
	padding: 0.5em 1.25em 0; /* 8px / 16px 20px / 16px */
}

#subnav li a:hover {
	background-color: #37325c;
	text-decoration: none;
}

/*
 * Banner
 */
#banner {
	background-color: lavender;
	clear: both;
	margin-bottom: 1.25em; /* 20px / 16px */
	padding: 0 3.4166666666667%; /* 41px / 1200 px */
	position: relative;
	min-height: 4.375em; /* 70px / 16px */
}

#banner:before {
	bottom: 3px;
	box-shadow: 0 2px 2px 6px rgba(0, 0, 0, 0.4);
	content: "";
	left: 0;
	position: absolute;
	-webkit-transform: skew(0, 0.333333333333333deg);
	-moz-transform: skew(0, 0.333333333333333deg);
	-ms-transform: skew(0, 0.333333333333333deg);
	-o-transform: skew(0, 0.333333333333333deg);
	transform: skew(0, 0.333333333333333deg);
	width: 100%;
	z-index: -1;
}

#banner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#banner.nonavi {
	border-top: 0.625em solid #2b264d;
}

#banner h1 {
	bottom: 0;
	color: #ffffff;
	margin: 0;
	padding-bottom: 0.166666666666667em; /* 6px / 36px */
	position: absolute;
}

#banner .breadcrumbs {
	color: #ffffff;
	font-size: 0.875em; /* 14px / 16px */
	padding: 0.285714285714286em 0 4.142857142857143em 0;
	/* 4px / 14px, 58px / 14px */
}

#banner .breadcrumbs a:link,#banner .breadcrumbs a:visited,#banner .breadcrumbs a:hover,#banner .breadcrumbs a:active,#banner .breadcrumbs a:focus
	{
	color: #ffffff;
	font-weight: bold;
}

/*
 * Main
 */
#main {
	clear: both;
	min-height: 400px;
	padding: 0 3.4166666666667%; /* 41px / 1200 px */
}

#main:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*
 * Columns
 */
#main div.column {
	float: left;
}

#main div.column+div.column {
	margin-left: 0.8944543828265%; /* 10px / 1118px */
}

#main div.column99 {
	width: 99.7763864042934%; /* 836px / 1118px */
}

#main div.column75 {
	width: 74.7763864042934%; /* 836px / 1118px */
}

#main div.column25 {
	width: 24.3291592128801%; /* 272px / 1118px */
}

#main div.column67 {
	width: 66.368515205725%; /* 742px / 1118px */
}

#main div.column33 {
	width: 32.737030411449%; /* 366px / 1118px */
}

#main div.column33center {
	margin-left: 33.63148479427549%; /* 376px / 1118px */
}

/*
 * Portlet container
 */
#main div.portlet {
	background-color: #f0f0f0;
	clear: both;
	margin-bottom: 0.875em; /* 14px / 16px */
	position: relative;
}

#main div.portlet:before {
	bottom: 3px;
	box-shadow: 0px 12px 6px -5px rgba(0, 0, 0, 0.4);
	content: "";
	display: block;
	min-height: 20px;
	position: absolute;
	-webkit-transform: skew(0, -0.33333333333333deg);
	-moz-transform: skew(0, -0.33333333333333deg);
	-ms-transform: skew(0, -0.33333333333333deg);
	-o-transform: skew(0, -0.33333333333333deg);
	transform: skew(0, -0.33333333333333deg);
	width: 100%;
	z-index: -1;
}

#main div.portlet:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*
 * Simple text paragraph portlet
 */
#main div.portlet>h2+p {
	margin: 0;
	padding: 1.071428571428571em 1.428571428571429em 1.285714285714286em;
	/* 15px / 14px, 20px / 14px, 18px / 14px */
}

#main div.portlet>h2+p+button {
	float: right;
	margin: 0 1.428571428571429em 1.142857142857143em;
	/* 15px / 14px, 20px / 14px, 18px / 14px */
}

/*
 * Portlet title
 */
#main div.portlet>h2 {
	background-color: #666666;
	border-bottom: 1px solid #ffffff;
	color: #ffffff;
	font-size: 1.125em; /* 18px / 16px */
	font-weight: bold;
	margin: 0;
	padding: 0.333333333333333em 0.833333333333333em;
	/* 6px / 18px, 15px / 18px */
	text-transform: uppercase;
}

/*
 * Footer
 */
#footer {
	background: none repeat scroll 0 0 #1A1A1A;
	clear: both;
	color: #FFFFFF;
	height: 2.5em;
	line-height: 2.5em;
	margin-top: 1.25em;
	padding: 0 3.41667%;
}

#footer:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#footer a {
	color: #ffffff;
}

#footer .footer-links {
	float: left;
	font-size: 0.875em; /* 14px / 16px */
}

#footer .powered-by {
	color: #c7c7c7;
	float: right;
	font-size: 0.75em; /* 12px / 16px */
	font-style: italic;
}

/* =============================================================================
   Common elements
   ========================================================================== */

/*
 * Overview
 */
div.overview p {
	width: 32.857142857142857em /* 460px / 14px */
}

/*
 * Shortcut link buttons
 */
ul.shortcuts {
	float: right;
	list-style: none;
	margin: 0.625em 0;
	padding: 0;
}

ul.shortcuts li {
	display: table;
	float: left;
	height: 3.125em; /* 50px / 16px */
	margin-left: 0.625em; /* 10px / 16px */
	position: relative;
}

ul.shortcuts li a {
	background-color: #ffae00;
	background-image: -webkit-linear-gradient(top, #ffbd00, #882345);
	background-image: -moz-linear-gradient(top, #ffbd00, #882345);
	background-image: -ms-linear-gradient(top, #ffbd00, #882345);
	background-image: -o-linear-gradient(top, #ffbd00, #882345);
	border-radius: 0.5em; /* 8px / 16px */
	box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
	color: #ffffff;
	display: table-cell;
	font-weight: bold;
	line-height: 0.9375; /* 15px / 16px */
	min-height: 1.875em; /* 30px / 16px */
	padding: 0.625em; /* 10px / 16px */
	text-align: center;
	vertical-align: middle;
	width: 5.625em; /* 90px / 16px */
}

ul.shortcuts li a.trash {
	padding-left: 1.5em; /* 24px / 16px */
	padding-right: 0.9375em; /* 15px / 16px */
}

ul.shortcuts li a.trash:before,ul.shortcuts li a.trash .before {
	background: url(../img/trash.png) center center no-repeat;
	content: "";
	cursor: pointer;
	height: 23px; /* bitmap height */
	margin-top: -11px; /* bitmap height / 2 */
	position: absolute;
	left: 0.75em; /* 12px / 16px */
	top: 47.5%;
	width: 20px; /* bitmap width */
}

ul.shortcuts li a.trash:after,ul.shortcuts li a.trash .after {
	background: url(../img/iconsprite.png) -32px 0 no-repeat;
	content: "";
	cursor: pointer;
	height: 16px; /* bitmap height */
	margin-top: -8px; /* bitmap height / 2 */
	position: absolute;
	right: 0.5em; /* 8px / 16px */
	top: 47.5%;
	width: 16px; /* bitmap width */
}

ul.shortcuts a:hover,ul.shortcuts a:active,ul.shortcuts a:focus {
	text-decoration: none;
}

/*
 * Link list
 */
ul.linklist {
	list-style: none;
	margin: 0;
	padding: 0.875em 1.25em; /* 14px / 16px, 20px / 16px */
}

ul.linklist li {
	font-size: 0.875em; /* 14px / 16px */
	padding-bottom: 0.5em; /* 7px / 14px */
}

ul.linklist li a:before {
	content: "> ";
}

/*
 * Trash container
 */
.trash-container {
	background-color: #f2f2f2;
	border: 1px solid #9d9d9d;
	padding: 0.3125em 0.5625em 0.5em;
	/* 5px / 16px, 9px / 16px, 8px / 16px */
	position: absolute;
	right: 3.4166666666667%; /* 41px / 1200 px */
	top: 3.9375em; /* 63px / 16px */
	z-index: 1;
}

.trash-container button {
	float: right;
	margin-top: 0.625em; /* 10px / 16px */
}

.trash-container ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.trash-container ul li {
	float: left;
	margin-left: 0.625em;
}

.trash-container ul li:first-child {
	margin-left: 0;
}

.trash-container ul li a:link,.trash-container ul li a:visited,.trash-container ul li a:hover,.trash-container ul li a:active,.trash-container ul li a:focus
	{
	background-color: #ffffff;
	border: 1px solid #b3b3b3;
	color: #333333;
	display: block;
	float: left;
	font-size: 0.75em; /* 12px / 16px */
	line-height: 0.833333333333333; /* 10px / 12px */
	text-align: center;
	padding: 0.333333333333333em; /* 4px / 12px */
	position: relative;
	width: 4.166666666666667em; /* 50px / 12px */
}

.trash-container ul li a:after {
	background: url(../img/linkarrow.png) 0 0 no-repeat;
	content: "";
	height: 20px; /* bitmap height */
	position: absolute;
	right: 0;
	top: 0;
	width: 20px; /* bitmap width */
}

/*
 * Search bar
 */
.searchbar {
	background-color: #c7c7c7;
	padding: 0 1.788908765653%; /* 20px / 1118px */
}

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

.searchbar form {
	float: left;
	margin: 0.125em 0; /* 2px / 16px */
	width: 20.2226345083488%; /* 218px / 1078px */
}

.searchbar fieldset {
	background-color: #fcfcfc;
	background-image: -webkit-linear-gradient(top, #fcfcfc, #f5f5f5);
	background-image: -moz-linear-gradient(top, #fcfcfc, #f5f5f5);
	background-image: -ms-linear-gradient(top, #fcfcfc, #f5f5f5);
	background-image: -o-linear-gradient(top, #fcfcfc, #f5f5f5);
	border: 1px solid #9d9d9d;
	border-radius: 0.5em; /* 8px / 16px */
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0.375em 0 0.3125em; /* 6px / 16px, 5px / 16px */
	padding: 0.125em 0.5em; /* 2px / 16px, 8px / 16px */
	position: relative;
	width: 100%;
}

.searchbar input[type=text] {
	background-color: transparent;
	background-image: none;
	border: none;
	float: left;
	font-size: 0.875em; /* 14px / 16px */
	margin-left: 0;
	padding: 0 0 0.063em 0; /* 1px / 16px */
	width: 90%;
}

.searchbar input[type=submit] {
	background: url(../img/search.png) center center no-repeat;
	border: none;
	box-shadow: none;
	color: transparent;
	float: right;
	font-size: 0;
	height: 16px;
	margin: 1px;
	text-indent: -9999em;
	text-transform: uppercase;
	width: 16px;
}

.searchbar a.advanced:link,.searchbar a.advanced:visited,.searchbar a.advanced:hover,.searchbar a.advanced:active,.searchbar a.advanced:focus
	{
	border-left: 1px solid #989898;
	color: #333333;
	display: block;
	float: right;
	font-size: 0.875em;
	font-weight: bold;
	line-height: 2.642857142857143; /* 37px / 14px */
	margin: 0.142857142857143em 0; /* 2px / 14px */
	padding: 0 2em 0 1.428571428571429em; /* 30px / 14px, 20px / 14px */
	position: relative;
}

.searchbar a.advanced:after,.searchbar a.advanced .after {
	background: url(../img/iconsprite.png) -64px 0 no-repeat;
	content: "";
	height: 16px; /* bitmap height */
	margin-top: -8px; /* bitmap height / 2 */
	position: absolute;
	right: 0;
	top: 47.5%;
	width: 16px; /* bitmap width */
}

/*
 * Tabs
 */
.tabs>div:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.tabs.ui-tabs {
	background: none;
	background-color: transparent;
	border: none;
	border-radius: 0;
	color: #333333;
	font-size: 1em; /* 16px / 16px */
	padding: 0;
}

.tabs.ui-tabs>.ui-tabs-nav,.tabs.ui-tabs>.ui-tabs-panel {
	border-radius: 0;
	font-size: 1em; /* 16px / 16px */
	padding: 0;
}

.tabs.ui-tabs>.ui-widget-header {
	background: none;
	background-color: #ffffff;
	border: none;
	border-bottom: 1px solid #ffffff;
}

.tabs.ui-tabs>.ui-tabs-nav li {
	border: none;
	border-radius: 0;
	margin-right: 1px;
	text-transform: uppercase;
}

.tabs.ui-tabs>.ui-tabs-nav li.ui-state-default {
	background: none;
	background-color: #616365;
}

.tabs.ui-tabs>.ui-tabs-nav li.ui-state-active {
	background: none;
	background-color: #95a800;
	background-image: -webkit-linear-gradient(top, #a2b800, #95a800);
	background-image: -moz-linear-gradient(top, #a2b800, #95a800);
	background-image: -ms-linear-gradient(top, #a2b800, #95a800);
	background-image: -o-linear-gradient(top, #a2b800, #95a800);
}

.tabs.ui-tabs>.ui-tabs-nav li.ui-state-active:before {
	border-bottom: none;
	border-left: 0.75em solid transparent; /* 12px / 16px */
	border-right: 0.75em solid transparent; /* 12px / 16px */
	border-top: 0.4375em solid #ffffff; /* 7px / 16px */
	bottom: -0.4375em; /* 7px / 16px */
	content: "";
	height: 0;
	left: 50%;
	margin-left: -0.75em; /* 12px / 16px */
	position: absolute;
	width: 0;
}

.tabs.ui-tabs>.ui-tabs-nav li.ui-state-active:after {
	border-bottom: none;
	border-left: 0.625em solid transparent; /* 10px / 16px */
	border-right: 0.625em solid transparent; /* 10px / 16px */
	border-top: 0.375em solid #95a800; /* 6px / 16px */
	bottom: -0.375em; /* 6px / 16px */
	content: "";
	height: 0;
	left: 50%;
	margin-left: -0.625em; /* 10px / 16px */
	position: absolute;
	width: 0;
}

.tabs.ui-tabs>.ui-tabs-nav li.ui-tabs-selected {
	font-weight: bold;
	padding-bottom: 0;
}

.tabs.ui-tabs>.ui-tabs-nav li a:link,.tabs.ui-tabs>.ui-tabs-nav li a:visited,.tabs.ui-tabs>.ui-tabs-nav li a:hover,.tabs.ui-tabs>.ui-tabs-nav li a:active,.tabs.ui-tabs>.ui-tabs-nav li a:focus
	{
	color: #ffffff;
	font-size: 1.125em; /* 18px / 16px */
	min-width: 5.888888888888889em; /* 106px / 18px */
	padding: 0.166666666666667em 1em; /* 3px / 18px, 18px / 18px */
	text-align: center;
}

/*
 * Pager
 */
ul.pager {
	display: table;
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

ul.pager li {
	float: left;
}

ul.pager li a:link,ul.pager li a:visited,ul.pager li a:hover,ul.pager li a:active,ul.pager li a:focus
	{
	background-color: #ffae00;
	background-image: -webkit-linear-gradient(top, #ab3e62, #882345);
	background-image: -moz-linear-gradient(top, #ab3e62, #882345);
	background-image: -ms-linear-gradient(top, #ab3e62, #882345);
	background-image: -o-linear-gradient(top, #ab3e62, #882345);
	color: #ffffff;
	display: block;
	float: left;
	font-size: 0.875em; /* 14px / 16px */
	font-weight: bold;
	margin-right: 1px;
	padding: 0.428571428571429em 0.785714285714286em;
	/* 6px / 14px, 11px / 14px */
	text-align: center;
	text-decoration: none;
}

ul.pager li:first-child a {
	border-bottom-left-radius: 1.071428571428571em; /* 15px / 14px */
	border-top-left-radius: 1.071428571428571em; /* 15px / 14px */
	min-width: 4.857142857142857em; /* 68px / 14px */
}

ul.pager li:last-child a {
	border-bottom-right-radius: 1.071428571428571em; /* 15px / 14px */
	border-top-right-radius: 1.071428571428571em; /* 15px / 14px */
	margin-right: 0;
	min-width: 4.857142857142857em; /* 68px / 14px */
}

ul.pager li.disabled a:link,ul.pager li.disabled a:visited,ul.pager li.disabled a:hover,ul.pager li.disabled a:active,ul.pager li.disabled a:focus
	{
	color: rgba(202, 202, 202, 0.5);
	cursor: default;
}

ul.pager li.current a:link,ul.pager li.current a:visited,ul.pager li.current a:hover,ul.pager li.current a:active,ul.pager li.current a:focus
	{
	background-color: #989898;
	background-image: -webkit-linear-gradient(top, #b3b3b3, #989898);
	background-image: -moz-linear-gradient(top, #b3b3b3, #989898);
	background-image: -ms-linear-gradient(top, #b3b3b3, #989898);
	background-image: -o-linear-gradient(top, #b3b3b3, #989898);
	cursor: default;
}

/*
 * Inline element pager 
 */
.pager-container {
	background-color: #c7c7c7;
	border-top: 1px solid #ffffff;
}

ul.inline-pager {
	float: right;
	list-style: none;
	margin: 0;
}

ul.inline-pager li {
	border-left: 1px solid #989898;
	float: left;
	font-size: 0.875em; /* 14px / 16px */
	line-height: 2.071428571428571em; /* 29 px / 14 px */
}

ul.inline-pager a {
	color: #333333;
	display: block;
	padding: 0 0.714285714285714em; /* 10px / 14px */
}

ul.inline-pager a:hover {
	background-color: #d4d4d4;
	text-decoration: none;
}

ul.inline-pager .current {
	background-color: #882345;
	color: #ffffff;
	display: block;
	font-weight: bold;
	padding: 0 0.714285714285714em; /* 10px / 14px */
}

ul.inline-pager .disabled {
	color: #999999;
	display: block;
	padding: 0 0.714285714285714em; /* 10px / 14px */
}

ul.inline-pager .pager-prev,ul.inline-pager .pager-next {
	min-width: 4em;
	text-align: center;
}

/* 
 * Expand / collapse panels
 */
.expandable {
	clear: both;
	cursor: pointer;
	position: relative;
}

.expandable+div:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

h2.expandable+div>div {
	padding: 0.75em 1.25em; /* 12px / 16px, 20px / 16px */
}

#main div.portlet>h2.expandable {
	padding-left: 1.777777777777778em; /* 18px / 16px */
}

#main div.portlet>h2.expandable:before,#main div.portlet>h2.expandable .before
	{
	border: 0.375em solid #b3b3b3; /* 6px / 16px */
	content: "";
	height: 0;
	left: 1em; /* 16px / 16px */
	margin-left: -0.375em; /* 6px / 16px */
	margin-top: -0.375em; /* 6px / 16px */
	position: absolute;
	top: 52.5%;
	width: 0;
}

#main div.portlet>h2.expandable.open:before,#main div.portlet>h2.expandable.open .before
	{
	border-color: #882345;
}

#main div.portlet>h2.expandable.open+div {
	border-bottom: 1px solid #ffffff;
}

#main div.portlet>h2.expandable.completed:before,#main div.portlet>h2.expandable.completed .before
	{
	background: url(../img/tickmark.png) center center no-repeat;
	border: none;
	content: "";
	height: 20px; /* bitmap height */
	margin-left: -10px; /* bitmap width / 2 */
	margin-top: -10px; /* bitmap height / 2 */
	width: 20px; /* bitmap width */
}

#main div.portlet>h2.expandable:after,#main div.portlet>h2.expandable .after
	{
	background: url(../img/iconsprite.png) -64px 0 no-repeat;
	content: "";
	height: 16px; /* bitmap height */
	margin-top: -8px; /* bitmap height / 2 */
	position: absolute;
	right: 0.666666666666667em; /* 12px / 18px */
	top: 47.5%;
	width: 16px; /* bitmap width */
}

#main div.portlet>h2.expandable.open:after,#main div.portlet>h2.expandable.open .after
	{
	background-position: -80px 0;
}

#main div.portlet h2.expandable:last-of-type {
	border-bottom: none;
}

#main div.portlet h2.expandable.open:last-of-type {
	border-bottom: 1px solid #ffffff;
}

h3.expandable {
	border-bottom: 1px solid #dbdbdb;
	font-size: 1.125em; /* 18px / 16px */
	font-weight: normal;
	margin: 0;
	padding: 0.333333333333333em 2.055555555555556em 0.444444444444444em
		1.111111111111111em;
	/* 6px / 18px, 37px / 18px, 8px / 18px, 20px / 18px */
	text-transform: none;
}

h3.expandable span.description {
	font-size: 0.777777778em; /* 14/18 px */
}

h3.expandable:after,h3.expandable .after {
	background: url(../img/iconsprite.png) 0 0 no-repeat;
	content: "";
	height: 16px; /* bitmap height */
	margin-top: -8px; /* bitmap height / 2 */
	position: absolute;
	right: 0.666666666666667em; /* 12px / 18px */
	top: 47.5%;
	width: 16px; /* bitmap width */
}

h3.expandable.open {
	background-color: #e3e3e3;
	border-bottom: none;
}

h3.expandable.open:after {
	background-position: -16px 0;
}

h3.expandable.open+div {
	background-color: #e3e3e3;
	border-bottom: 1px solid #dbdbdb;
	padding-bottom: 0.25em; /* 4px / 16px */
	padding-top: 0.25em; /* 4px / 16px */
}

h3.expandable.open+div div.pad {
	padding: 0 1.25em 0.5em; /* default padding inside the expandables */
}

h3.expandable.open+div div.pad.right {
	text-align: right;
}

/*
 * Panels with a link in the title
 */
#main div.portlet h2 a {
	background: url(../img/arrow_right.png) center right no-repeat;
	color: #666666;
	padding-right: 1.75em;
}

#main div.portlet h2 a:hover,#main div.portlet h2 a:active,#main div.portlet h2 a:focus
	{
	text-decoration: none;
}

/*
 * Panels with drop-down menus in the title
 */
#main div.portlet span.options {
	display: block;
	float: right;
	font-size: 0.888888888888889em; /* 16px / 18px */
	margin: -0.0625em 0.375em 0 0; /* 1px / 16px, 6px / 16px */
}

#main div.portlet span.options label {
	padding-left: 1.428571428571429em; /* 20px / 14px */
}

/* 
 * Action links
 */
a.action-edit,a.action-delete {
	background-image: url(../img/iconsprite.png);
	background-repeat: no-repeat;
	display: inline-block;
	height: 16px; /* bitmap height */
	text-indent: -9999em;
	width: 16px; /* bitmap width */
}

a.action-edit {
	background-position: 0 -16px;
}

a.action-delete {
	background-position: -16px -16px;
}

h3.expandable a.action-delete {
	bottom: -0.166666666666667em; /* 3px / 18px */
	float: right;
	position: relative;
}

a.action-edit+a.action-delete {
	margin-left: 8px; /* spacing between bitmaps */
}

/*
 * Attachment link
 */
a.action-attachment {
	background: url(../img/attachment.png) 0 0 no-repeat;
	display: inline-block;
	height: 23px; /* bitmap height */
	margin: -1px 0 -2px 0;
	text-indent: -9999em;
	width: 8px; /* bitmap width */
}

/*
 * Calendar link
 */
a.action-calendar {
	background: url(../img/datepicker.png) right center no-repeat;
	display: inline-block;
	height: 17px; /* bitmap height */
	padding-left: 0.4375em;
	text-indent: -9999em;
	width: 18px; /* bitmap width */
}

/*
 * jQuery UI rcarousel
 */
.ui-carousel {
	border: 1px solid #e3e3e3;
	float: left;
	height: 100px;
	margin: 0;
	overflow: auto;
	padding: 0;
	position: relative; /*for ie7 to work e.g in html carousels*/
	width: 300px
}

.ui-carousel>.wrapper {
	margin: 0;
	padding: 0;
	width: 9999px;
}

.ui-carousel>.wrapper>* {
	border: 0;
	display: block;
	float: left;
	height: 100px;
	overflow: hidden;
	width: 100px;
}

a#ui-carousel-prev,a#ui-carousel-next {
	background-color: #989898;
	display: block;
	float: left;
	height: 3.75em; /* 60px / 16px */
	margin-top: 2.5em; /* 40px / 16px */
	outline: none;
	position: relative;
	text-indent: -9999em;
	width: 1.25em; /* 20px / 16px */
}

a#ui-carousel-prev:after,a#ui-carousel-prev .after {
	border-bottom: 0.625em solid transparent; /* 10px / 16px */
	border-left: none;
	border-right: 0.625em solid #ffffff; /* 10px / 16px */
	border-top: 0.625em solid transparent; /* 10px / 16px */
	content: "";
	height: 0;
	left: 50%;
	margin-left: -0.3125em; /* 5px / 16px */
	margin-top: -0.625em; /* 10px / 16px */
	position: absolute;
	top: 50%;
	width: 0;
}

a#ui-carousel-next:after,a#ui-carousel-next .after {
	border-bottom: 0.625em solid transparent; /* 10px / 16px */
	border-left: 0.625em solid #ffffff; /* 10px / 16px */
	border-right: none;
	border-top: 0.625em solid transparent; /* 10px / 16px */
	content: "";
	height: 0;
	left: 50%;
	margin-left: -0.3125em; /* 5px / 16px */
	margin-top: -0.625em; /* 10px / 16px */
	position: absolute;
	top: 50%;
	width: 0;
}

.carousel-container {
	margin-top: 0.9375em; /* 15px / 16px */
}

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

.carousel .carousel-item {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #ffffff;
	margin: 0 auto;
	padding: 1em; /* 16px / 16px */
	width: 84.1911764705882% /* 229px / 272px */
}

.carousel .carousel-item:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.carousel .carousel-item img {
	padding-right: 1em; /* 16px / 16px */
}

.carousel-pages {
	letter-spacing: -0.05em;
	line-height: 0.75; /* 12px / 16px */
	margin-bottom: 0.5em; /* 8px / 16px */
	text-align: center;
}

.carousel-pages .bullet.off {
	color: #989898;
	font-size: 2.125em;
	outline: none;
	text-decoration: none;
}

.carousel-pages .bullet.on {
	color: #882345;
	font-size: 2.125em;
	outline: none;
	text-decoration: none;
}

/*
 * Toolbar 
 */
ul.toolbar {
	background-color: #c7c7c7;
	height: 2.0625em; /* 33px / 16px */
	list-style: none;
	margin: 0;
	padding: 0.125em 0 0 0; /* 2px / 16px */
}

ul.toolbar li {
	border-right: 1px solid #989898;
	float: left;
	font-size: 0.875em; /* 14px / 16px */
	font-weight: bold;
}

ul.toolbar a {
	color: #333333;
	display: block;
	line-height: 2.214285714285714em; /* 31 px / 14 px */
	padding: 0 1.357142857142857em; /* 19px / 14px */
}

ul.toolbar a:hover {
	background-color: #d4d4d4;
	text-decoration: none;
}

/* 
 * Progress indicator
 */
ul.progress {
	background-color: #c7c7c7;
	background-image: -webkit-linear-gradient(top, #dbdbdb, #c7c7c7);
	background-image: -moz-linear-gradient(top, #dbdbdb, #c7c7c7);
	background-image: -ms-linear-gradient(top, #dbdbdb, #c7c7c7);
	background-image: -o-linear-gradient(top, #dbdbdb, #c7c7c7);
	border-bottom: 1px solid #ffffff;
	color: #666666;
	font-size: 1.125em; /* 18px / 16px */
	font-weight: bold;
	list-style: none;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

ul.progress:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

ul.progress li {
	float: left;
	margin-right: 28px; /* bitmap width */
	padding: 0.333333em 0 0.333333em 0.722222222222222em;
	/* 6px / 18px, 6px / 18px, 13px / 18px */
	position: relative;
}

ul.progress li:first-child {
	padding-left: 0.8333333em; /* 15px / 18px */
}

ul.progress li+li:before,ul.progress li+li .before {
	background: url(../img/progress-separator.png) center center no-repeat;
	content: "";
	height: 100%;
	position: absolute;
	left: -28px; /* bitmap width */
	top: 0;
	width: 28px; /* bitmap width */
}

ul.progress li:after,ul.progress li .after {
	background: url(../img/progress-separator.png) center center no-repeat;
	content: "";
	height: 100%;
	position: absolute;
	right: -28px; /* bitmap width */
	top: 0;
	width: 28px; /* bitmap width */
}

ul.progress li.selected {
	background: #989898;
	color: #ffffff;
}

ul.progress li+li.selected:before,ul.progress li+li.selected .before {
	background: url(../img/progress-selected-left.png) left center no-repeat;
	content: "";
	height: 100%;
	position: absolute;
	left: -28px; /* bitmap width */
	top: 0;
	width: 28px; /* bitmap width */
}

ul.progress li.selected:after,ul.progress li.selected .after {
	background: url(../img/progress-selected-right.png) left center
		no-repeat;
	content: "";
	height: 100%;
	position: absolute;
	right: -28px; /* bitmap width */
	top: 0;
	width: 28px; /* bitmap width */
}

/*
 * Alerts
 */
.alert,.notification {
	background-repeat: no-repeat;
	background-position: 1.25em 0.875em; /* 20/16 px, 14/16px */
	margin: 0;
	padding: 0.875em 1.25em 0 2.75em;
	/* 14px / 16px, 20px / 16px, 44px / 16px */
}

.alert:last-child,.notification:last-child {
	padding-bottom: 0.875em; /* 14px / 16 px */
}

.alert {
	color: #f20000;
	background-image: url(../img/alert.png);
}

.notification {
	color: #213fd9;
	background-image: url(../img/notification.png);
}

/*
 * Advanced search area  
 */
.portlet .search {
	background-color: #dbdbdb;
}

.portlet .search h2 {
	font-size: 1em; /* 16px */
	margin: 0;
	padding: 0.5625em 0 0 1.1875em; /* 9px /1 6px, 19px / 16px */
	text-transform: uppercase;
}

.portlet .advanced-search {
	border: none;
	margin: -0.125em 0 0 0;
	padding: 0 0.625em 0.625em 1.1875em;
}

/*
 * Offerings table
 */
table.offerings {
	width: 100%;
}

table.offerings th+th+th+th+th+th+th {
	min-width: 51px;
}

table.offerings th.preview {
	text-transform: uppercase;
	padding-left: 1.25em; /* 20px / 16px */
	width: 42.0393559928444%; /* 470px / 1118px */
}

table.offerings td.preview {
	background-color: #f5f5f5;
	/*  border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;*/
	padding: 0.642857142857143em 1.428571428571429em;
	/* 9px / 14px, 20px / 14px */
	vertical-align: top;
}

table.offerings tr.selected:after {
	border-bottom: 0.9375em solid transparent;
	border-left: 0.9375em solid #ffbd00;
	border-top: 0.9375em solid transparent;
	content: "";
	margin-right: -0.875em;
	position: absolute;
	right: 42.0393559928444%; /* 470px / 1118px */
}

/*
 * Tasks table
 */
table.tasks {
	width: 100%;
}

table.tasks td {
	padding-bottom: 0.285714285714286em; /* 4px / 14px */
	padding-top: 0.285714285714286em; /* 4px / 14px */
}

table.tasks td:first-child {
	padding-left: 1.071428571428571em; /* 15px / 14px */
	padding-right: 0;
}

table.tasks td:last-child {
	padding-right: 1.071428571428571em; /* 15px / 14px */
}

table.tasks th {
	padding-bottom: 0.1875em; /* 3px / 16px */
	padding-top: 0.125em; /* 2px / 16px */
}

table.tasks th:first-child {
	padding-left: 0.9375em; /* 15px / 16px */
	padding-right: 0;
}

table.tasks th:last-child {
	padding-right: 0.9375em; /* 15px / 16px */
}

table.tasks tr:last-child td {
	border-bottom: none;
}

table.tasks input[type=checkbox]+label.ui-button {
	padding-left: 20px;
	padding-right: 0;
}

/*
 * Product feature descriptions
 */
div.feature {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	width: 50%;
}

div.feature:nth-child(2n) {
	padding-left: 0.625em;
	padding-right: 1.25em;
}

div.feature:nth-child(2n+1) {
	padding-left: 1.25em;
	padding-right: 0.625em;
}

div.feature:first-child,div.feature:first-child+div.feature {
	margin-top: 1.25em; /* 20px / 16px */
}

div.feature img {
	float: left;
	margin: 0 1em 1.25em 0; /* 16px / 16px, 20px / 16px */
}

div.feature h3 {
	margin: 0.071428571428571em 0 0.214285714285714em;
	/* 1px / 14px, 3px / 14px */
}

div.feature p {
	margin: 0;
}

/*
 * Color selection
 */
p.color b {
	display: block;
	float: left;
	padding: 0.142857142857143em 1em 0 0; /* 2px / 14px, 14px / 14px */
}

p.color label {
	font-size: 1em;
}

/*
 * Order product box
 */
div.order {
	margin: 1.25em 0; /* 20px / 16px */
}

div.order:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.order .details {
	background-color: #f0f0f0;
	float: left;
	margin-right: 1px;
	min-width: 15em; /* 240px / 16px*/
	padding: 0.5625em 1.25em; /* 9px / 16px, 20px / 16px */
}

div.order .details table.details th,div.order .details table.details td
	{
	line-height: 1.785714285714286em; /* 25px / 14px */
	min-width: 0;
}

div.order .price {
	background-color: #e3e3e3;
	float: left;
	padding: 0.625em 0.75em 0.875em;
	/* 10px / 16px, 12px / 16px, 14px / 16px */
	text-align: center;
	width: 9.5625em; /* 153px / 16px */
}

div.order .price .promotion {
	clear: both;
	color: #882345;
	display: block;
	font-size: 1.125em; /* 18px / 16px */
	font-weight: bold;
	text-transform: uppercase;
}

div.order .price .price-value {
	clear: both;
	color: #882345;
	display: block;
	font-size: 3em; /* 48px / 16px */
	font-weight: bold;
	line-height: 0.75; /* 36px / 48px */
	white-space: nowrap;
}

div.order .price .price-period {
	clear: both;
	color: #333333;
	display: block;
	font-size: 0.875em; /* 14px / 16px */
	font-weight: normal;
	padding-top: 0.357142857142857em; /* 5px / 14px */
	white-space: nowrap;
}

div.order .price .availability {
	clear: both;
	color: #333333;
	display: block;
	font-size: 0.875em; /* 14px / 16px */
	font-weight: bold;
	padding: 0.142857142857143em 0 0.714285714285714em 0;
	/* 2px / 14px, 10px / 14px */
	white-space: nowrap;
}

/*
 * Create your own bundle private and business buttons
 */
.ui-buttonset label.ui-widget.ui-button.business,.ui-buttonset label.ui-widget.ui-button.private
	{
	padding: 1.071428571428571em 0.214285714285714em 1.071428571428571em
		36px; /* 15px / 14px, 3px / 14px, 15px / 14px, bitmap width */
}

.ui-buttonset label.ui-widget.ui-button.business:before,.ui-buttonset label.ui-widget.ui-button.private:before
	{
	background-image: url(../img/privatebusiness.png);
	background-repeat: no-repeat;
	content: "";
	height: 32px; /* bitmap height */
	left: 10px;
	margin-top: -16px; /* bitmap height / 2 */
	position: absolute;
	top: 50%;
	width: 32px; /* bitmap width */
}

.ui-buttonset label.ui-widget.ui-button.business.ui-state-default:before
	{
	background-position: -32px -32px;
}

.ui-buttonset label.ui-widget.ui-button.business.ui-state-active:before
	{
	background-position: 0 -32px;
}

.ui-buttonset label.ui-widget.ui-button.private.ui-state-default:before
	{
	background-position: -32px 0;
}

.ui-buttonset label.ui-widget.ui-button.private.ui-state-active:before {
	background-position: 0 0;
}

/*
 * Store product search filters
 */
div.filters {
	background-color: #e3e3e3;
	border-right: 1px solid #ffffff;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: table-cell;
	vertical-align: top;
	width: 27.6978417266187%; /* 231px / 834px */
}

div.filters fieldset input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0.125em 0.4375em 0.125em 0;
	/* 2px / 16px, 7px / 16px, 2px / 16px */
}

div.filters fieldset label {
	float: left;
	margin-bottom: 0.214285714285714em; /* 3px / 14px */
}

div.filters fieldset a.more {
	clear: both;
	float: right;
	font-size: 0.875em; /* 14px / 16px */
}

div.filters fieldset a.more:before {
	content: "> ";
}

/*
 * Store product search results
 */
div.results {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: table-cell;
	padding: 0 1.25em 1.25em; /* 20px / 16px, 20px / 16px */
	vertical-align: top;
	width: 72.3021582733813%; /* 603px / 834px */
}

/*
 * Select phone carousel
 */
fieldset.select-phone {
	padding-bottom: 0.375em; /* 6px / 16px */
	padding-left: 0;
	padding-right: 0;
}

fieldset.select-phone legend {
	margin: 0;
	padding: 0.45em 0 0.15em 1em; /* 9px / 20px, 3px / 20px, 20px / 20px */
}

fieldset.select-phone .carousel-container {
	margin: 0;
}

fieldset.select-phone .carousel-container a#ui-carousel-prev,fieldset.select-phone .carousel-container a#ui-carousel-next
	{
	margin-top: 3.625em; /* 58px / 16px */
}

fieldset.select-phone .carousel .carousel-item {
	border-left: 1px solid #e3e3e3;
	cursor: pointer;
	text-align: center;
}

fieldset.select-phone .carousel .carousel-item:first-child {
	border-left: none;
}

fieldset.select-phone .carousel .carousel-item img {
	padding: 0 0 0.4375em 0; /* 7px / 16px */
}

fieldset.select-phone .carousel .carousel-item p {
	margin: 0;
}

fieldset.select-phone .carousel .selected-item,fieldset.select-phone .carousel .selected-item:first-child
	{
	border: 0.1875em solid #bed600; /* 3px / 16px */
	padding: 0.8125em; /* 13px / 16px */
}

/*
 * Select contract
 */
fieldset.select-contract {
	margin-right: 0;
	max-width: 45%;
	padding-right: 0;
}

/*
 * Bundle summary
 */
div.summary {
	background-color: #e3e3e3;
	border-top: 1px solid #ffffff;
}

div.summary:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.summary a.details {
	display: block;
	float: left;
	font-size: 0.875em; /* 14px / 16px */
	margin: 0.928571428571429em 0 0 1.428571428571429em;
	/* 13px / 14px, 20px / 14px */
}

div.summary a.details:before {
	content: "> ";
}

div.summary .formbuttons {
	margin: 1em 1.25em 1.125em; /* 16px / 16px, 20px / 16px, 18px / 16px */
	text-align: right;
}

/*
 * Calendar events
 */
div.datepicker {
	margin-right: 0.5em;
}

h3.events-title {
	margin: 0.5em;
}

ul.events {
	list-style: none;
	margin: 0.5em 0;
}

ul.events li {
	margin-bottom: 0.5em;
}

ul.events a {
	font-size: 0.875em; /* 14px / 16px */
	line-height: 0.75;
}

/*
 * Add items to Offering
 */
div.additems {
	border-bottom: 1px solid #dbdbdb;
}

/*
 * Search field portlet 
 */
fieldset.searchfield {
	background-color: #fcfcfc;
	background-image: -webkit-linear-gradient(top, #fcfcfc, #f5f5f5);
	background-image: -moz-linear-gradient(top, #fcfcfc, #f5f5f5);
	background-image: -ms-linear-gradient(top, #fcfcfc, #f5f5f5);
	background-image: -o-linear-gradient(top, #fcfcfc, #f5f5f5);
	border: 1px solid #4e4972;
	border-radius: 0.5em; /* 8px / 16px */
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0.8125em 1.0625em 0.25em 1.0625em;
	/* 13px / 16px, 17px / 16px, 4px / 16 px, 17px / 16 px */
	padding: 0.125em 0.5em; /* 2px / 16px, 8px / 16px */
	position: relative;
}

fieldset.searchfield+fieldset {
	margin-top: 0.9375em; /* 15px / 16px */
}

fieldset.searchfield input[type=text] {
	background-color: transparent;
	background-image: none;
	border: none;
	float: left;
	font-size: 0.875em; /* 14px / 16px */
	padding: 0 0 0.063em 0; /* 1px / 16px */
	width: 89%;
}

fieldset.searchfield input[type=submit] {
	background: url(../img/search.png) center center no-repeat;
	border: none;
	box-shadow: none;
	color: transparent;
	float: right;
	font-size: 0;
	height: 16px;
	margin: 1px;
	text-indent: -9999em;
	width: 16px;
}

/*
 * FAQ links 
 */
ul.faq {
	list-style: none;
	margin: 0;
	padding: 0.875em 1.25em 0 1.25em;
	/* 14px / 16px, 20px / 16px, 20 px / 16 px */
}

ul.faq li {
	font-size: 0.875em; /* 14px / 16px */
	padding-bottom: 0.5em; /* 7px / 14px */
}

/* 
 * FAQ view more link 
 */
.view-more {
	float: right;
	padding: 0 1.25em 0.875em 0; /* 20px / 16px, 14px / 16px */
}

.view-more a:before {
	content: "> ";
}

.view-more a {
	font-size: 0.875em; /* 14px / 16px */
	font-weight: bold;
}

/*
 * CSM email portlet
 */
.email {
	border: none;
	padding-bottom: 0.5em; /* 8px / 16px */
	padding-top: 0.5em; /* 8px / 16px */
}

.email ul {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}

.email li {
	float: left;
	font-size: 0.875em; /* 14px / 16px */
	height: 2em; /* 32 px / 16 px */
}

.email a {
	color: #221774;
	line-height: 3.25em;
	padding: 1em 0.5625em 0; /* 16px, 9/16px */
}

.email .inbox,.email .sent {
	border-right: 1px solid #c7c7c7;
}

.email .inbox {
	background: url(../img/email-inbox.png) center top no-repeat;
	font-weight: bold;
}

.email .sent {
	background: url(../img/email-sent.png) center top no-repeat;
}

.email .draft {
	background: url(../img/email-draft.png) center top no-repeat;
}

/*
 * Login portlet
 */
.login {
	margin: 1em 1.375em; /* 16px / 16px, 22px / 16px */
}

.login th {
	font-weight: normal;
}

.login-forgot {
	border-top: 1px solid #dbdbdb;
}

.login-forgot a {
	display: block;
	margin: 1em 1.375em 0.5em 1.374em;
	/* 16px / 16px,  22px / 16px,  6ox / 16px,  22px / 16px */
}

/*
 * Personal information package status 
 */
.status {
	float: right;
	font-size: 0.777778em; /* 14px / 18px */
}

.status-value {
	display: inline-block;
	min-width: 3.5em;
	padding-top: 0.2857142857142857em; /* 4px / 14px */
	text-transform: uppercase;
}

.value-ok {
	color: #408000;
	font-weight: bold;
}

.value-alert {
	color: #f20000;
	font-weight: bold;
}

/*
 * Subscription package table
 */
table.package {
	margin-left: 1.11111em;
}

.summary table.package {
	width: 95.5%;
}

table.package caption {
	font-size: 1.25em; /* 20px / 16px */
	margin: 0;
	padding: 0.7em 0 0.25em; /* 14px / 20px, 5px / 20px */
	text-transform: none;
}

table.package td {
	background-color: #ffffff;
	border-bottom: none;
	border-right: 1px solid #e3e3e3;
	padding: 1em;
	text-align: center;
	vertical-align: middle;
	width: 4.3em;
}

table.package td.phone {
	text-align: left;
	width: 7.7em;
}

table.package td.total {
	background-color: #989898;
	border-left: 1.2em solid #e3e3e3;
	color: #ffffff;
	width: 6em;
}

.summary table.package td.total {
	border-left-width: 2.5em;
}

table.package td.phone p {
	margin-left: 4.125em; /* 66px / 16 px */
}

table.package tr td:first-child,table.package tr td:last-child {
	padding: 1em;
}

table.package td h4 {
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

table.package td .package-value {
	color: #882345;
	font-size: 2em;
	font-weight: bold;
}

table.package td.total .package-value,table.package td.total .package-period
	{
	color: #ffffff;
}

table.package td .package-period {
	color: #808080;
}

table.package .plus {
	color: #95a800;
	float: left;
	font-size: 2em;
	font-weight: bold;
	margin-left: -0.78em;
	position: absolute;
}

table.package .equals {
	color: #95a800;
	float: left;
	font-size: 2em;
	font-weight: bold;
	margin-left: -1.05em;
	position: absolute;
}

.summary table.package .equals {
	margin-left: -1.3em;
}

/*
 * Recommended offerings in the customer overview 
 */
table.recommended-offerings {
	width: 100%;
}

table.recommended-offerings td.image-cell {
	width: 50px;
}

table.recommended-offerings h4 {
	font-size: 1em;
}

/*
 * Communication history in the customer overview 
 */
table.communication-history {
	width: 100%;
}

/*
 * Customer overview points 
 */
table.points {
	width: 100%;
}

table.points td {
	background-color: #989898;
	border-right: 1px solid #f0f0f0;
	text-align: center;
}

table.points td.points-tonext {
	background-color: #f0f0f0;
	width: 45%;
}

table.points td .points-title {
	color: #ffffff;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
}

table.points td .points-earned {
	color: #ffffff;
	font-size: 2em;
	font-weight: bold;
	text-transform: uppercase;
}

table.points td .points-sum {
	font-weight: bold;
}

table.points td .points-gold {
	color: #e5ac00;
	font-weight: bold;
	text-transform: uppercase;
}

/*
 * General list
 */
ul.list {
	list-style: none;
	margin: 0;
	padding: 0.875em 1.25em; /* 14px / 16px, 20px / 16px */
}

ul.list li {
	float: left;
	font-size: 0.875em; /* 14px / 16px */
	width: 100%;
}

ul.list li:last-child {
	padding-bottom: 0.75em;
}

ul.list ul li:last-child {
	padding-bottom: 0.5em;
}

ul.list ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.list ul li {
	float: left;
	font-size: 1em;
	padding: 0 0.5em 0 0;
	width: auto;
}

ul.list ul li+li {
	padding-left: 0.5em;
}

ul.list ul li+li:before {
	content: "| ";
	padding-right: 0.5em;
}

/* 
 * New request details list
 */
ul.request-details {
	color: #808080;
	list-style: none;
	margin: 0 0 0.625em 0;
	padding: 0 1.25em;
}

ul.request-details:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

ul.request-details li {
	float: left;
	font-size: 0.875em; /* 14px / 16px */
	padding-right: 0.5em;
}

ul.request-details li+li:before {
	content: "|";
	padding-right: 0.5em;
}

/*
 * Latest order list 
 */
ul.list span.order-price {
	display: inline-block;
}

/*
 * Latest payments list in the customer overview 
 */
table.latest-payments {
	width: 100%;
}

table.latest-payments .status-due {
	color: #408000;
}

/*
 * Request details table
 */
table.request {
	margin: 0.8125em 1.25em; /* 13px / 16px, 20px / 16px */
}

table.request th {
	background: none;
	border: none;
	font-size: 0.875em; /* 14px / 16px */
	font-weight: bold;
	line-height: 1.428571428571429; /* 20px / 14px */
	padding: 0.1428571428571429 0.5em; /* 2/14 px, 7px / 14px */
	vertical-align: top;
	width: 18%;
}

table.request tr th:first-child {
	padding: 0.1428571428571429 0.5em; /* 2/14 px, 7px / 14px */
}

table.request td {
	background: none;
	border: none;
	line-height: 1.428571428571429; /* 20px / 14px */
	padding: 0.1428571428571429em 0; /* 2/14 px*/
	vertical-align: top;
	width: 32%;
}

/*
 * Request details textarea
 */
textarea.request {
	margin: 0 2.3980815347722%; /* 20px / 834px */
	width: 93.8848920863309%; /* 783px / 834px */
}

/*
 * Attachment in the new request 
 */
div.attach {
	background-color: #dbdbdb;
	margin: 0.625em 0 0.625em 1.25em;
	/* 10px / 16px, 10px / 16px, 20px / 16px */
	padding: 0.0625em; /* 1px / 16px */
	width: 40%;
}

div.attach a {
	background: url(../img/attachment.png) 8px center no-repeat;
	font-size: 0.875em; /* 14px / 16px */
	display: block;
	line-height: 1.5;
	min-height: 23px;
	padding-left: 1.785714285714286em; /* 25px / 14px */
}

/*
 * Request actions
 */
div.request-actions {
	background-color: #c7c7c7;
	border-top: 1px solid #ffffff;
	clear: both;
	padding: 0.875em 1.25em 0.625em;
	/* 14px / 16px, 20px / 16px, 10px / 16px */
}

div.request-actions span {
	display: block;
	float: left;
}

div.request-actions span label {
	padding-right: 0 !important;
}

div.request-actions:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.request-actions a {
	font-size: 0.875em; /* 14px / 16px */
}

/* ---------- Site breadcrumbs ---------- */
.site-breadcrumbs {
	margin: 0 0 5px;
	width: auto;
}

.site-breadcrumbs ul {
	background-color: #FFF;
	border: 1px solid #DEDEDE;
	border-color: #C0C2C5;
	margin: 0;
}

.site-breadcrumbs li {
	background-image: none;
	margin-right: 0;
	padding-left: 0.75em;
	padding-right: 0;
}

.site-breadcrumbs li span {
	background: url(@theme_image_path@/common/breadcrumbs.png) no-repeat
		100% 50%;
	display: block;
	padding: 0.5em 15px 0.5em 0;
}

.site-breadcrumbs li span a {
	text-decoration: none;
}

.site-breadcrumbs li.first a {
	color: #369;
	font-weight: bold;
}

.site-breadcrumbs li.last a {
	color: #4B5567;
	font-size: 1.3em;
}

.site-breadcrumbs .last {
	font-size: 1em;
	margin-top: 0;
	padding-right: 0;
}

.site-breadcrumbs .last span {
	background-image: none;
	padding: 0;
}

.site-breadcrumbs ul {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

/* ---------- Breadcrumbs ---------- */
.breadcrumbs-horizontal {
	margin-bottom: 1.5em;
}

.breadcrumbs-horizontal li {
	background: url(@theme_image_path@/arrows/05_right.png) no-repeat 100%
		50%;
	margin-right: 5px;
	max-width: 50%;
	padding-right: 15px;
}

.breadcrumbs-vertical li {
	background: url(@theme_image_path@/arrows/07_down.png) no-repeat 50%
		100%;
	padding: 0 0 9px;
	max-width: auto;
}

.breadcrumbs a {
	display: block;
}

.breadcrumbs-vertical a {
	text-align: center;
	text-decoration: none;
}

.breadcrumbs .last {
	background-image: none;
}

.breadcrumbs-horizontal .last {
	margin-top: 0.2em;
}

.breadcrumbs-vertical .last {
	font-weight: bold;
}

.breadcrumbs-horizontal .last a,.aui-tree-node-selected a {
	color: #555;
}

.breadcrumbs { &:before , &:after {
		content : "\0020";
	display: block;
	height: 0;
	visibility: hidden;
}

&
:after {
	clear: both;
}

}
.breadcrumbs-vertical {
	display: inline-block;
}

.breadcrumbs-horizontal li {
	display: inline-block;
	vertical-align: middle;
}

:root .css3-radios label,:root .css3-radios input[type=radio]+span,:root .css3-radios input[type=radio]+span::before,:root .css3-checkboxes label,:root .css3-checkboxes input[type=checkbox]+span,:root .css3-checkboxes input[type=checkbox]+span::before
	{
	display: inline-block;
	vertical-align: middle;
}

:root .css3-radios,:root .css3-checkboxes {
	position: relative;
}

:root .css3-radios label *,:root .css3-checkboxes label * {
	cursor: pointer;
}

:root .css3-radios input[type=radio],:root .css3-checkboxes input[type=checkbox]
	{
	opacity: 0;
	position: absolute;
}

:root .css3-radios input[type=radio]+span,:root .css3-checkboxes input[type=checkbox]+span
	{
	font: normal 11px/14px Arial, Sans-serif;
	color: #333;
}

:root .css3-radios label:hover span::before,:root .css3-checkboxes label:hover span::before
	{
	-moz-box-shadow: 0 0 2px #ccc;
	-webkit-box-shadow: 0 0 2px #ccc;
	box-shadow: 0 0 2px #ccc;
}

:root .css3-radios label:hover span,:root .css3-checkboxes label:hover span
	{
	color: #000;
}

:root .css3-radios input[type=radio]+span::before,:root .css3-checkboxes input[type=checkbox]+span::before
	{
	content: "";
	width: 12px;
	height: 12px;
	margin: 0 4px 0 0;
	border: solid 1px #a8a8a8;
	line-height: 14px;
	text-align: center;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	background: #f6f6f6;
	background: -moz-radial-gradient(#f6f6f6, #dfdfdf);
	background: -webkit-radial-gradient(#f6f6f6, #dfdfdf);
	background: -ms-radial-gradient(#f6f6f6, #dfdfdf);
	background: -o-radial-gradient(#f6f6f6, #dfdfdf);
	background: radial-gradient(#f6f6f6, #dfdfdf);
}

:root .css3-radios input[type=radio]:checked+span::before,:root .css3-checkboxes input[type=checkbox]:checked+span::before
	{
	color: #666;
}

:root .css3-radios input[type=radio]:disabled+span,:root .css3-checkboxes input[type=checkbox]:disabled+span
	{
	cursor: default;
	-moz-opacity: .4;
	-webkit-opacity: .4;
	opacity: .4;
}

:root .css3-checkboxes input[type=checkbox]+span::before {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

:root .css3-radios input[type=radio]:checked+span::before {
	content: "\2022";
	font-size: 24px;
}

:root .css3-checkboxes input[type=checkbox]:checked+span::before {
	content: "\2714";
	font-size: 12px;
}

select {
	background-color: #fafafa;
	background-image: -webkit-linear-gradient(top, #fefefe, #f5f5f5);
	background-image: -moz-linear-gradient(top, #fefefe, #f5f5f5);
	background-image: -ms-linear-gradient(top, #fefefe, #f5f5f5);
	background-image: -o-linear-gradient(top, #fefefe, #f5f5f5);
	border: 1px solid #9c9c9c;
	border-radius: 0.571428571428571em; /* 8px / 14px */
	height: 25px;
	width: 160px padding:   0.142857142857143em 0.357142857142857em
		0.214285714285714em; /* 2px / 16px, 5px / 16px, 3px / 16px */
	-pie-background: linear-gradient(#EEFF99, #66EE33);
	behavior: url(/pie/PIE.htc);
}

select.focus {
	border-color: #016497;
}

input.rounded {
	background-color: #fafafa;
	background-image: -webkit-linear-gradient(top, #fefefe, #f5f5f5);
	background-image: -moz-linear-gradient(top, #fefefe, #f5f5f5);
	background-image: -ms-linear-gradient(top, #fefefe, #f5f5f5);
	background-image: -o-linear-gradient(top, #fefefe, #f5f5f5);
	border: 1px solid #9c9c9c;
	border-radius: 0.571428571428571em; /* 8px / 14px */
	padding: 0.142857142857143em 0.357142857142857em 0.214285714285714em;
	/* 2px / 16px, 5px / 16px, 3px / 16px */
	-pie-background: linear-gradient(#EEFF99, #66EE33);
	behavior: url(/pie/PIE.htc);
}

input.rounded:focus {
	border-color: #016497;
}

.css_button {
	font-size: 16px;
	float: right;
	font-family: Arial;
	font-weight: normal;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #ff8400;
	padding: 5px;
	-moz-box-shadow: inset 1px 1px 0px 0px #ffd250;
	-webkit-box-shadow: inset 1px 1px 0px 0px #ffd250;
	text-decoration: none;
	cursor: pointer;
	background: -webkit-linear-gradient(90deg, #ffae00 5%, #ffbd00 100%);
	background: -moz-linear-gradient(90deg, #ffae00 5%, #ffbd00 100%);
	background: -ms-linear-gradient(90deg, #ffae00 5%, #ffbd00 100%);
	background: linear-gradient(180deg, #ffbd00 5%, #ffae00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbd00',
		endColorstr='#ffae00');
	/*background-color:#ffae00;*/
	color: #ffffff;
	display: block;
	font-size: 0.875em; /* 14px / 16px */
	font-weight: bold;
	margin-right: 92px;
	padding: 0.428571428571429em 0.785714285714286em;
	/* 6px / 14px, 11px / 14px */
	text-align: center;
	text-decoration: none;
}

.css_button:hover {
	background: -webkit-linear-gradient(90deg, #ffbd00 5%, #ffae00 100%);
	background: -moz-linear-gradient(90deg, #ffbd00 5%, #ffae00 100%);
	background: -ms-linear-gradient(90deg, #ffbd00 5%, #ffae00 100%);
	background: linear-gradient(180deg, #ffae00 5%, #ffbd00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffae00',
		endColorstr='#ffbd00');
	/*background-color:#ffbd00;*/
}

.css_button:active {
	position: relative;
	top: 1px;
}

textarea {
	background-color: #fafafa;
	background-image: -webkit-linear-gradient(top, #fefefe, #f5f5f5);
	background-image: -moz-linear-gradient(top, #fefefe, #f5f5f5);
	background-image: -ms-linear-gradient(top, #fefefe, #f5f5f5);
	background-image: -o-linear-gradient(top, #fefefe, #f5f5f5);
	border: 1px solid #9c9c9c;
	border-radius: 0.571428571428571em; /* 8px / 14px */
	padding: 0.142857142857143em 0.357142857142857em 0.214285714285714em;
	/* 2px / 16px, 5px / 16px, 3px / 16px */
}

div.scroll {
	height: 500px;
	width: 500px;
	overflow: auto;
	border: 1px solid #666;
	background-color: #ccc;
	padding: 8px;
}