body {
	font: 11pt/1.5 Helvitica, Arial,'Liberation Sans',FreeSans,sans-serif;
	background: #fff url(../img/banner/sides.png) repeat-y center top;
}

a {
	color: #cc6600;
}

a:hover {
	color: #9c4e00;
}

a:focus {
	outline:1px dotted
}

.languages:link, .languages:visited {
	padding: 2px 1px 2px 2px;
	font-size: 11pt;
	text-decoration: none;
	border: 1px #fff dotted;
	background: #fff;
	border-radius: 6px;
}

.languages:hover, .languages:active {
	padding: 2px 1px 2px 2px;
	font-size: 11pt;
	text-decoration: none;
	background: #fcf7e7;
	border: 1px #ccc dotted;
}

.complaint-type-selection:link, .complaint-type-selection:visited, .complaint-type-selection:hover, .complaint-type-selection:active {
  padding: 6px;
  font-size: 15pt;
  text-decoration: none;
  border: none;
  background: #fcf7e7;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  outline: none;
}

.complaint-type-selection-separator {
  font-size: 20px;
}

hr {
	height:0;
	clear:both;
	border:0 #ccc solid;
	border-top-width:1px;
}

p,dl,hr,h1,h2,h3,h4,h5,h6,pre {
	margin: 10px;
}

.sitename h1 {
	padding-top: 25px;
	margin: 0 0 0 0;
	font-size: 34px;
	color: #000000; /*ec7906*/
	text-align: left;
}

.sitename h2 {
	margin: 0 0 10px 0;
	font-size: 13px;
	color: #666;
	text-align: left;
}

h1 {
	font-size:25px;
}

h2 {
	font-size:22px;
}

h3 {
	font-size:18px
}

h4 {
	font-size:16px;
}

h5 {
	font-size:14px
}

h6 {
	font-size:13px
}

ol {
	list-style:decimal
}

ul {
	list-style: url('../img/bullet.jpg');
}

li {
	margin-left:30px;
	margin-bottom: 10px;
}

.borderedbox li {
	margin-bottom: 5px;
}

.textfull {
	margin-right: 16px;
	text-align: justify;
}

.radio-group {
	list-style: none;
}

.radio-group input[type="radio"] {
	display: inline;
	float: none;
	clear: both;
}

.radio-group label {
	display: inline;
	float: none;
	clear: both;
}

p {
	margin-bottom: 10px;
}

.submit {
	text-align: center;
}

.banner {
	position: absolute;
	height: 250px;
	padding: 0 0 0 0;
	background: url(../img/banner/banner_africa.png) no-repeat right top;
}

.banner-logos {
	padding: 0;
	margin: 0 10px;
}

.banner-bottom {
	height: 250px;
	margin-right: 10px;
	margin-left: 10px;
	background: #fff url(../img/banner/banner_strip.png) no-repeat bottom center;
}

.banner-bottom-background{
	height: 44px;
	margin-right: 0;
	background: #db4f01 url(../img/banner/menu_bottom.png) no-repeat bottom center;
}

.logos {
	margin: 14px 0 0 0;
}

.footer {
	/*background: #fff url(../img/footer/footer_back.jpg) no-repeat top;*/
	height: 50px;
	padding: 18px;
	text-align: center;
}

.footer-text {
	vertical-align: text-top;
}

.focusblock {
	height: 168px;
	padding: 10px;
	font-size: 18px;
	color: #fff;
	background: #fff url(../img/banner/focus_back.png) no-repeat left top;
}

.focustext {
	width: 870px;
}

#loginblock, .ui-state-highlight {
	padding: 10px;
	margin-right: 10px;
	background: #b6c6d6; /* old browsers */
	background: -moz-linear-gradient(top, #b6c6d6 13%, #ddebf2 95%); /* firefox */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(13%,#b6c6d6), color-stop(95%,#ddebf2)); /* webkit */

	border: 1px solid #ccc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6c6d6', endColorstr='#ddebf2',GradientType=0 ); /* ie */
}

#loginblock fieldset {
	padding: 4px 5px;
	border: 0;
}

#loginblock legend, .ui-state-highlight h2 {
	width: 100%;
	padding: 2px;
	font-size: 110%;
	color: #fff;
	background: transparent;
	background: -webkit-gradient(
		linear,
		right bottom,
		left bottom,
		color-stop(0.11, #bdcddb),
		color-stop(0.77, #758ca1)
		);
	background: -moz-linear-gradient(
		right center,
		#bdcddb 11%,
		#758ca1 77%
		)
}
.ui-state-highlight h2 {
	width: 50%;
}

#loginblock div {
	padding-top: 0.25em;
}


#loginblock label {
	font-size: 100%;
}

#loginblock input {
	font-size: 100%;
}

#loginblock .input{
	margin-bottom: 0.25em;
}

#loginblock form div {
	margin-bottom: 5px;
}

#loginblock input[type=submit] {
	display: inline;
	margin-right: 1em;
}

#loginblock fieldset {
	margin: 0;
}

label {
	font-size: 100%;
}

input, textarea, select {
	font-size: 110%;
	max-width: 850px;
}

#user-details-fieldset {
	display: none;
}

.description {
	display: none;
	margin: 0 10px 2em 10px;
	color: #565656;
}

.description p {
	margin-top: 0;
}

#descriptions {
	float: right;
}

#user-details {
	margin: 10px;
	background: #b6c6d6; /* old browsers */
	background: -moz-linear-gradient(top, #b6c6d6 13%, #ddebf2 95%); /* firefox */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(13%,#b6c6d6), color-stop(95%,#ddebf2)); /* webkit */

	border: 1px solid #ccc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6c6d6', endColorstr='#ddebf2',GradientType=0 ); /* ie */
}

#user-details, #user-details div {
	margin-bottom: 0.1em;
}

.instructions {
	display: block;
	font-size: 85%;
	font-weight: normal;
	color: #aaa;
}

.hasDatepicker {
	cursor: text;
}

fieldset legend {
	font-size: 1.25em;
	color: #00659B;
}

/**
 *
 * Generic CSS for CakePHP
 *
 * CakePHP(tm) : Rapid Development Framework (http://cakephp.org)
 * Copyright 2005-2010, Cake Software Foundation, Inc. (http://cakefoundation.org)
 *
 * Licensed under The MIT License
 * Redistributions of files must retain the above copyright notice.
 *
 * @copyright     Copyright 2005-2010, Cake Software Foundation, Inc. (http://cakefoundation.org)
 * @link          http://cakephp.org CakePHP(tm) Project
 * @package       cake
 * @subpackage    cake.app.webroot.css
 * @since         CakePHP(tm)
 * @license       MIT License (http://www.opensource.org/licenses/mit-license.php)
*/

/** Tables **/
table {
	width: 935px;
	margin-bottom: 10px;
	clear: both;
	color: #333;
	background: #fff;
	border-right:0;
}
th {
	padding:4px;
	border:0;
	border-bottom:2px solid #555;
	text-align: left;
	font-size: 90%;
}
th a {
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}
table tr td {
	background: #fff;
	padding: 6px;
	text-align: left;
	vertical-align: top;
	border-bottom:1px solid #ddd;
}
table tr:nth-child(2n) td {
	background: #f5f5f5;
}
table .altrow td {
	background: #f5f5f5;
}
td.actions {
	text-align: center;
	white-space: nowrap;
}
table td.actions a {
	margin: 0px 6px;
	padding:2px 5px;
}
.cake-sql-log table {
	background: #f4f4f4;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
	font-family: Monaco, Consolas, "Courier New", monospaced;
}
.cake-sql-log caption {
	color:#fff;
}

/** Paging **/
div.paging {
	background:#fff;
	color: #ccc;
	margin-top: 1em;
	clear:both;
}
div.paging span.disabled {
	color: #ddd;
	display: inline;
}
div.paging span.current {
	color: #c73e14;
}
div.paging span a {
}

/** Scaffold View **/
dl {
	line-height: 2em;
	margin: 0em 0em;
	margin-right: 0.5em;
}
dl dd.altrow {
	background: #f4f4f4;
}
dt {
	font-weight: bold;
	padding-left: 4px;
	vertical-align: top;
}
dd {
	margin-left: 0;
	padding-left: 22.25em;
	margin-top: -2em;
	vertical-align: top;
}

/** Forms **/
form {
	clear: both;
	margin-right: 20px;
	padding: 0;
	width: 100%;
}
fieldset {
	border: 1px solid #ccc;
	margin-bottom: 1em;
	padding: 16px 20px;
	margin-left: 10px;
	margin-right: 10px;
}
fieldset legend {
	background:#fff;
	color: #00659B;
	font-size: 160%;
	font-weight: bold;
}
fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 10px;
}
fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
form div {
	clear: both;
	margin-bottom: 1em;
	padding: .5em;
	vertical-align: text-top;
}
form .input {
	color: #444;
}
form .required label {
	font-weight: bold;
}
form .required label:after {
	color: #e32;
	content: '*';
	display:inline;
}
form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
}
label {
	display: block;
	font-size: 110%;
	margin-bottom:3px;
}
input, textarea {
	clear: both;
	font-size: 95%;
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	width:98%;
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
}
select {
	clear: both;
	font-size: 90%;
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
	vertical-align: text-bottom;
}

option {
	font-size: 120%;
	padding: 0 3px;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
div.checkbox label {
	display: inline;
}
input[type=radio] {
	float:left;
	width:auto;
	margin: 0 3px 7px 0;
}
div.radio label {
	margin: 0 0 6px 20px;
}
input[type=submit] {
	display: inline;
	font-size: 110%;
	width: auto;
}
form .submit input[type=submit], form button.submitButton {
	background:#3D9022;
	background: -webkit-gradient(linear, left top, left bottom, from(#64D258), to(#3D9022));
	background-image: -moz-linear-gradient(
		center bottom,
		#3D9022 10%,
		#64D258 90%
		);
	border-color: #2d6324;
	color: #fff;
	text-shadow: 0;
}
form .submit input[type=submit]:hover, form button.submitButton:hover {
	background:#4ca83d;
	background: -webkit-gradient(linear, left top, left bottom, from(#85e573), to(#4ca83d));
	background-image: -moz-linear-gradient(top, #85e573, #4ca83d);
}

.submitButton{
	margin: 0px 5px 0px 5px;
}

/** Notices and Errors **/
div.message {
	clear: both;
	color: #fff;
	font-size: 140%;
	font-weight: bold;
	margin: 0 0 1em 0;
	background: #c73e14;
	padding: 5px;
}
div.error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url(../img/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
	color: #cd0a0a;
	font-size: 100%;
	font-weight: normal;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background: green;
	color: #fff;
}

/**  Actions  **/
div.actions ul {
	margin: 0;
	padding: 0;
}
div.actions li, .measureList div.actions li {
	margin:0 0 0.5em 0;
	list-style-type: none;
	white-space: nowrap;
	padding: 0;
	padding-right: 0.5em;
	display: inline;
	border: none;
}
td.actions li {
	padding: 0;
}
div.actions ul li a{
	font-weight: normal;
	display: inline;
	clear: both;
}
div.actions ul li a:hover {
	text-decoration: none;
}

input[type=submit],
div.actions ul li a,
td.actions a, button:not(.btn):not(.close), a.button, a.popupButton, a.translate-button {
	font-weight:normal;
	padding: 4px 8px;
	background:#005C91;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.1, #005C91),
		color-stop(0.9, #1886C6)
		);
	background-image: -moz-linear-gradient(
		center bottom,
		#005C91 10%,
		#1886C6 90%
		);

	border: 1px solid #003d5c;
	color: #fff;
	text-decoration:none;
	text-shadow: 0;
	min-width: 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
}
input[type=submit]:hover,
div.actions ul li a:hover,
td.actions a:hover, button:not(.ui-button):not(.ui-widget):not(.btn):hover, a.button:hover, a.translate-button:hover {
	background:#1886C6;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.1, #1886C6),
		color-stop(0.9, #005C91)
		);
	background-image: -moz-linear-gradient(
		center bottom,
		#1886C6 10%,
		#005C91 90%
		);
}

div.actions ul li a img {
	vertical-align: -3px;
}

/** Related **/
div.related {
	clear: both;
	display: block;
}

/** Debugging **/
pre {
	color: #000;
	background: #f0f0f0;
	padding: 1em;
}
pre.cake-debug {
	background: #ffcc00;
	font-size: 120%;
	line-height: 140%;
	margin-top: 1em;
	overflow: auto;
	position: relative;
}
div.cake-stack-trace {
	background: #fff;
	color: #333;
	margin: 0px;
	padding: 6px;
	font-size: 120%;
	line-height: 140%;
	overflow: auto;
	position: relative;
}
div.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
	color: #000;
	background-color: #F0F0F0;
	margin: 0px;
	padding: 1em;
	overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 15px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump span.code-highlight {
	background-color: #ff0;
	padding: 4px;
}
div.code-coverage-results div.code-line {
	padding-left:5px;
	display:block;
	margin-left:10px;
}
div.code-coverage-results div.uncovered span.content {
	background:#ecc;
}
div.code-coverage-results div.covered span.content {
	background:#cec;
}
div.code-coverage-results div.ignored span.content {
	color:#aaa;
}
div.code-coverage-results span.line-num {
	color:#666;
	display:block;
	float:left;
	width:20px;
	text-align:right;
	margin-right:5px;
}
div.code-coverage-results span.line-num strong {
	color:#666;
}
div.code-coverage-results div.start {
	border:1px solid #aaa;
	border-width:1px 1px 0px 1px;
	margin-top:30px;
	padding-top:5px;
}
div.code-coverage-results div.end {
	border:1px solid #aaa;
	border-width:0px 1px 1px 1px;
	margin-bottom:30px;
	padding-bottom:5px;
}
div.code-coverage-results div.realstart {
	margin-top:0px;
}
div.code-coverage-results p.note {
	color:#bbb;
	padding:5px;
	margin:5px 0 10px;
	font-size:10px;
}
div.code-coverage-results span.result-bad {
	color: #a00;
}
div.code-coverage-results span.result-ok {
	color: #fa0;
}
div.code-coverage-results span.result-good {
	color: #0a0;
}

#loginBanner {
	float: right;
	margin-right:15px;
	margin-top: 0px;
}

#loginLink {
	text-align: left;
	border: 1px solid #9f9f9f;
	background-color: #F49805;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.1, #FF6600),
		color-stop(0.9, #F49805)
		);
	background-image: -moz-linear-gradient(
		center bottom,
		#FF6600 10%,
		#F49805 90%
		);
	color: #fff;
	text-decoration: none;
	padding: 3px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-weight: bold;
	clear: both;
	display: block;
	font-size: 13px;
}

#loginLink.open {
	background: #9f9f9f;
}

#loginLink span {
	float: right;
	margin-top: 3px;
	background-image: url(../img/ui-icons_ffffff_256x240.png);
}

#loginBox {
	display: none;
	position: absolute;
	right: 15px;
	top: 24px;
	z-index: 1200;
	width: 340px;
	background: white;
	border: 3px solid #9f9f9f;
	-moz-box-shadow: 2px 2px 8px #ccc;
	-webkit-box-shadow: 2px 2px 8px #ccc;
	box-shadow: 2px 2px 8px #ccc;
}

#loginBox label {
	font-size: 80%;
	float: left;
}

#loginBox form div {
	margin-bottom: 5px;
	padding-bottom: 0;
}


#loginBox input {
	font-size: 85%;
}

#loginBox fieldset {
	margin-bottom: 5px;
	padding: 5px;
	padding-bottom: 0;
	border: 0;
}

#loginBox legend {
	display: none;
}

#loginBox div.submit input {
	font-size: 0.8em;
}

#loginBox div.submit a {
	font-size: 0.8em;
}

.borderedbox ul.zebraList {
	width: 100%;
}

.zebraList {
	list-style: none;
	margin: 0px -10px 0px 0px;
	width: 99%;
}

.conventionalZebraList {
	list-style: none;
}

.conventionalZebraList li, .zebraList li {
	margin: 0;
	padding: 5px;
}

.zebraList li li:nth-child(2n-1) {
	background: #fff;
}

.nestedZebraList li li:nth-child(2n-1),
.zebraList li:nth-child(2n-1),
.conventionalZebraList li:nth-child(2n-1),
.zebraList dd:nth-of-type(2n-1){
	background: #f5f5f5;
}

.contactItem img.flag {
	margin-bottom: 10px;
}

.countryFlag{
	border: 1px solid #666;
	-moz-box-shadow: 2px 2px 5px #bbb;
	-webkit-box-shadow: 2px 2px 5px #bbb;
	box-shadow: 2px 2px 5px #bbb;
	width:50px;
	float: left;
	vertical-align: middle;
	margin: 5px;
}
.aboutCountryItem .countryFlag {
	margin-right: 15px;
}
img.flag {
	float:left;
	border: 1px solid #666;
	-moz-box-shadow: 2px 2px 5px #bbb;
	-webkit-box-shadow: 2px 2px 5px #bbb;
	box-shadow: 2px 2px 5px #bbb;
    max-width: 75px;
}
.selection img.flag {
	margin-top: 4px !important;
}
.select2-results li.select2-results__option {
	margin: 6px !important;
}
.regionIcon{
	padding-top:5px;
}

.contactDetails {
	clear: both;
	padding: 10px 0 10px 0;
}

.recList {
	list-style: none;
	margin: 0;
	float: left;
}

.recList li {
	display: inline;
}

.recList  li:nth-child(2n) {
	background: transparent;
}

#dockContainer {
	position: fixed;
	left: 0;
	top: 25px;
	z-index: 10;
}

.dock {
	position: relative;
}

.dock a.trigger {
	display: block;
	padding: 8px 15px 8px 15px;
	margin-bottom: 15px;
	z-index: 2;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border: 1px solid #9f9f9f;
	border-left: 0;
	background-color: #F49805;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.1, #FF6600),
		color-stop(0.9, #F49805)
		);
	background-image: -moz-linear-gradient(
		center bottom,
		#FF6600 10%,
		#F49805 90%
		);
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	-moz-box-shadow: 2px 2px 5px #ccc;
	-webkit-box-shadow: 2px 2px 5px #ccc;
	box-shadow: 2px 2px 5px #ccc;
	width: auto;
}

.dock .panel {
	display: none;
	position: absolute;
	left: 0;
	top: 38px;
	z-index: 15;
	padding-top: 0.25em;
	background:	#424542;
	opacity:0.98;
	border:	2px solid #fff;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-moz-box-shadow: 2px 2px 5px #ccc;
	-webkit-box-shadow: 2px 2px 5px #ccc;
	box-shadow: 2px 2px 5px #ccc;
}

.panel ul {
	list-style: none;
	width: 250px;
	float: left;
	border-right: 1px solid #606060;
	padding: 0 3px;
}

.panel ul:first-child {
	padding-left: 0;
}

.panel ul:last-child {
	border: 0;
	padding-right: 0;
}

.panel li {
	margin: 0;
	padding: 5px 5px;
	border-bottom: 1px solid #606060;
}

.panel li:last-child {
	border: 0;
}

.panel a, .panel a:visited {
	border: 0;
	padding: 0;
	text-decoration:none;
	height: auto;
	color:	#fff;
	display: block;
}

.panel a:focus, .panel a:hover, .panel a:active {
	/*background:		#FDE37B;*/
	outline:		0;
	color:			#F8BC1C;
}

.dock a.open {
	background: #9f9f9f;
}

div.popupWrapper {
	display: inline;
	margin: 0;
	padding: 0;
}

div.popupWrapper ul {
	background: #fff;
	padding: 5px;
	border: 1px solid #ccc;
	list-style: none;
	text-align: left;
	display: none;
	-moz-box-shadow: 2px 2px 5px #aaa;
	-webkit-box-shadow: 2px 2px 5px #aaa;
	box-shadow: 2px 2px 5px #aaa;
	min-width: 150px;
}

div.popupWrapper ul li a {
	display: block;
}

div.popupWrapper ul li {
	display: block;
	margin: 0;
	padding: 5px 0;
}

#content {
	margin-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

td.verticalActions li, td.verticalActions div.actions ul li a {
	display:block;
}

.permissions div.select {
	float: left;
	margin-right: 1em;
	clear:none;
}

.permissions li {
	clear: both;
}

.permissions div.actions {
	float: left;
	clear: none;
	margin-top: 30px;
}

/** Boxes **/

.borderedbox h2 {
	padding: 4px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-size: 100%;
}

.borderedbox.brown h2 a{
	color: #fff;
	text-decoration: none;
}

.borderedbox.brown h2 a:hover{
	color: #fff;
	text-decoration: underline;
}

.borderedbox {
	border: 1px solid #006699;
	margin-bottom: 10px;
}

.borderedbox p, .borderedbox a {
	padding: 4px;
}

.blue {
	border-color: #006699;
}

.blue h2 {
	background: #006699;
}

.blue a:link, .blue a:visited{
	color:#006699;
}
.blue a:hover, .blue a:active {
	color:#003366;
}

.green {
	border-color: #669900;
}

.green h2 {
	background: #669900;
}

.green a:link, .green a:visited, span.greentext{
	color:#669900;
}
.green a:hover, .green a:active {
	color:#336600;
}

.orange {
	border-color: #cc6633;
}

.orange h2 {
	background: #cc6633;
}

.orange a:link, .orange a:visited{
	color:#cc6633;
}
.orange a:hover, .orange a:active {
	color:#993300;
}

.yellow {
	border-color: #ff9900;
}

.yellow h2 {
	background: #ff9900;
}

.yellow a:link, .yellow a:visited{
	color:#ff9900;
}
.yellow a:hover, .yellow a:active {
	color:#ff9900;
}

.brown {
	border-color: #993300;
}

.brown h2 {
	background: #993300;
}

.brown a:link, .brown a:visited{
	color:#993300;
}
.brown a:hover, .brown a:active {
	color:#663300;
}

ul.itemList .icons {
	margin-right: 5px;
	display: block;
	float: right;
}

ul.itemList .icons img {
	padding-right: 4px;
	vertical-align:top;
}

ul.itemList .icons img.region {
	height: 24px;
}

ul.itemList .icons img.country {
	width: 25px;
}

ul.itemList .created {
	font-size: 80%;
	color: #9f9f9f;
}

ul.newslist .created {
	display: block;
}

ul.itemList li {
	clear: both;
}

ul.itemList .description {
	display: block;
}

/** Paginator **/

div.paginator span a,
div.paginator a.prev,
div.paginator a.next {
	color: #cc6633 !important;
}

div.paginator span a:hover,
div.paginator a.prev:hover,
div.paginator a.next:hover
{
	border: 2px solid #993300 !important;
}

/**Comments**/
ul.comments .user {
	color: #777;
}

ul.comments .date {
	color: #a0a0a0;
	float: right;
}

ul.comments .comment {
	color: #555;
	padding: 5px;
}

h3.aboutCountryHeading {
	display:block;
	float:left;
	font-size: 0.9em;
	text-align: left;
	padding: 0;
	margin: 0;
	vertical-align: middle;
	width: 200px;
}

/*Terms page*/

.terms_table{
	width:540px;

}

/* Text colours */
.orangeText {
	color: #ff5e00;
}

.greenText {
	color: #690;
}

.blueText {
	color: #069;
}

/* Category box */
#categoryBox {
	border: 1px solid #aaa;
	/*position: fixed;
	width: 320px;
	margin-left: 570px;
	margin-left: 30px\9;
	margin-left /*\**//*: 30px\9;*/
	position: relative;
	padding: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color: #fff;
}

#categoryBox ul {
	list-style: none;
}

#categoryBox li {
	margin: 0;
	margin-bottom: 5px;
}

#categoryBox h1 {
	font-size: 1em;
	margin: 0;
	padding: 0;
}

#categoryBox h2 {
	font-size: 1.1em;
	margin: 0;
	padding: 0;
}

#categoryBox p {
	margin: 0;
	margin-left: 10px;
}

.categories ul {
	margin-bottom: 20px;
}

.ui-dialog-content table {
	width: 100%;
}

.links img {
	float:left;
	width:58px;
	margin-right: 10px;
	vertical-align: middle;
}

.links h3 {
	margin-top: 0;
	margin-left: 0;
}

.links div.clear {
	float: none;
}

.links div {
	float:left;
}

.popupBox {
	background: #fff;
	width: 700px;
	border: 1px solid #a0a0a0;
	padding: 10px;
}

th {
	border-right: 1px solid #dadada;
}

th:last-child {
	border-right: 0;
}

th a {
	padding-right: 20px;
	background: url('../img/sortable.png') 100% 0% no-repeat;
}

th a.asc {
	background-image: url('../img/asc.png');
}
th a.desc {
	background-image: url('../img/desc.png');
}

th a.asc:after {
	content: '';
}
th a.desc:after {
	content: '';
}

.align-right {
	text-align: right;
}

.smallfont {
	font-size: 10px;
	text-align: center;
}

td.verticalalignment {
	vertical-align: bottom;
}

table.pagefooter {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 900px;
	border: 0;
}

#footer .left {
	text-align: left;
	vertical-align: bottom;
	margin-top: 55px;
}

#footer .right {
	text-align: center;
	vertical-align: bottom;
}
.complaints table tr:nth-child(2n) td {
	background: transparent;
}
.complaints table tr.altrow td {
	background: #f5f5f5;
}
.complaints table tr.no-border td {
	border: 0;
}

th.actions {
	text-align: center;
}


#helpLink {
	text-align: left;
	border: 1px solid #9f9f9f;
	background-color: #F49805;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.1, #FF6600),
		color-stop(0.9, #F49805)
		);
	background-image: -moz-linear-gradient(
		center bottom,
		#FF6600 10%,
		#F49805 90%
		);
	color: #fff;
	text-decoration: none;
	padding: 3px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-weight: bold;
	float: right;
	display: block;
	margin-right: 2px;
	font-size: 13px;
	width: auto;
}

.manualList {
	margin-left: 0;
	list-style: none;
}

.manualList span {
	float: left;
}

.manualList img {
	float: left;
}

.manualList li {
	clear: both;
	margin-left: 0;
}

#chart_div {
	width: 930px;
	height: 650px;
}

.ui-state-highlight, .ui-state-good, .ui-state-error {
	width: auto;
	font-size: 120%;
	margin-bottom: 1em;
}

.ui-state-good .ui-icon {background-image: url(../img/ui-icons_2e83ff_256x240.png); }

.ui-state-good, .ui-widget-content .ui-state-good, .ui-widget-header .ui-state-good  {
	border: 1px solid #527c36;
	background: #5b8a3c;
	color: #fff;
	width: 98%;
	font-size: 1.2em;
}
.ui-state-good a, .ui-widget-content .ui-state-good a,.ui-widget-header .ui-state-good a {
	color: #fff;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
	border: 1px solid #a0392e;
	background: #b24032;
	color: #fff;
	width: 98%;
	font-size: 1.2em;
}

.inline {
	display: inline !important;
}

input.short {
	width: 250px;
}

div.pageCount {
	float: left;
	clear: none;
	margin: 10px;
}

div.search {
	text-align: right;
	float: right;
	clear: none;
	margin-bottom: 0;
}

div.search label {
	margin-right: 5px;
}

.users.view {
	margin-top: 10px;
}

a.removeFilter {
	display: block;
	margin: 0 5px;
	padding: 5px;
	margin-right: 10px;
	float: right;
}

#graphFilter {
	list-style: none;
	margin: 10px 0;
}

#graphFilter li {
	margin: 0;
	margin-bottom: 0.25em;
}

#graphFilter label {
	display: inline;
	font-size: 1em;
}

#graphFilter div.ui-multiselect-menu label {
	display: block;
}

.ui-multiselect-menu li {
	margin-left: 0;
}
.ui-multiselect{
	width: 417.6px!important;
}

div.graphOptions {
	padding: 10px;
	margin-right: 10px;
	font-size: 100%;
}

#options {
	float: right;
	width: 27%;
}

#options div {
	float: right;
	clear: both;
	display: block;
}

#options label {
	display: inline;
	font-size: 1em;
	margin-right: 3px;
}

#filterForm {
	clear: none;
	width: 80%;
}

#filterButtons {
	text-align: center;
}

#options #graphTypeImageWrapper {
	display: none;
	text-align: right;
	float: right;
	clear: both;
}

#PieChart {
	background: transparent url(../img/piechart.png) 0% 0% no-repeat;
	display: block;
	width: 35px;
	height: 35px;
	float: left;
}

#BarChart {
	background: transparent url(../img/barchart.png) 0% 0% no-repeat;
	display: block;
	width: 35px;
	height: 35px;
	float: left;
}

#BarChart.disabled {
	background-image: url(../img/barchart.disabled.png);
}

#PieChart.disabled {
	background-image: url(../img/piechart.disabled.png);
}

#TableView {
	background: transparent url(../img/table.png) 0% 0% no-repeat;
	display: block;
	width: 35px;
	height: 35px;
	float: left;
}
#TableView.disabled {
	background-image: url(../img/table.disabled.png);
}

#chartTitle ul {
	color: #808080;
	font-size: 60%;
	font-weight: normal;
}

th a.filter-active {
	background: url('../img/filter.png') 100% 0% no-repeat !important;
}

th a.filterLink {
	background-position: 100% 0% !important;
}

.active-filters {
	float: right;
}

div.index div.actions {
	text-align: left;
	margin: 0;
	padding: 5px;
}

.ui-helper-clearfix {
	margin: 0;
	padding: 0;
}

div.paginator span.current {
	background-color: #F97C08 !important;
}

.ui-datepicker .ui-state-highlight {
	width: auto;
	margin: 0;
	font-size: 100%;
}

.filterBox {
	display: none;
}

.filterCheckboxes legend {
	font-size: 95%;
}

#content div.filterCheckbox.selected {
	background: #fff9f4;
}

#content div.filterCheckbox.selected:nth-child(2n-1) {
	background: #ffeee0;
}

#content div.filterCheckboxes div.filterCheckbox.selected:hover {
	background: #ffe5d1;
}


button.ui-corner-right {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.info {
	color: #555;
	font-size: 90%;
}

.comment div.actions li {
	padding: 0;
	margin: 0;
}

.comment div.actions a:hover {
	background: transparent;
	color: #9C4E00;
}

.comment div.actions a {
	background: transparent;
	border: 0;
	color: #C60;
	border-right: 1px solid #ccc;
	border-radius: 0;
	-mox-border-radius: 0;
	-webkit-border-radius: 0;
	padding: 2px 8px;
	text-decoration: underline;
}

.comment div.actions li:first-child a{
	padding-left: 0;
}

.comment div.actions li:last-child a{
	border-right: 0;
}

.legend {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-bottom: 5px;
	float: right;
}

.legend li {
	float: left;
	margin: 0;
	padding: 0;
}

.legendColor {
	width: 20px;
	height: 20px;
	float: left;
}

.legendText {
	margin-left: 5px;
	margin-right: 20px;
	float: left;
	vertical-align: 10px;
}

.yellow h2 a:link, .yellow h2 a:visited {
	float: right;
	color: #fff;
}

.ntm.measures.index dd {
	padding-left: 24em;
}

.ntm.measures.index > ul {
	list-style: none;
	clear: both;
	width: 935px;
	border-top: 4px solid #9d9d9d;
}

.ntm.measures.index .actions ul {
	list-style: none;
	clear: both;
	width: auto;
}

ul.measureList li {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 4px solid #9d9d9d;
	margin: 0;
}

ul.measureList li:nth-child(2n) {
	background: #f4f4f4;
}

ul.measureList h3, ul.measureList h4 {
	margin-left: 0;
}

.message-date, .message-sender, .message-type {
	font-size: 9pt;
	color: #777;
}

.message-group {
	clear: both;
}

.sms {
	list-style: none;
	margin: 0;
}

.sms > li {
	margin-left: 0;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
}

.sms p {
	word-wrap: break-word;
}

.messages.modal-body {
	max-height: 500px;
	overflow-y: auto;
	overflow-x: hidden;
}

.messages .submit {
	float: right;
	clear: none;
}

.messages .counter {
	float: left;
	clear: none;
}

.messages textarea {
	width: 98%;
}

ul.message-list {
	list-style: none;
	margin: 0;
	margin-top: 15px;
	clear: both;
}

.message-list p {
	clear: both;
	word-wrap: break-word;
}

.messages p {
	margin-left: 0;
}

.messages form div {
	margin-bottom: 5px;
	padding: 0;
}

.messages .submit {
	text-align: left;
	margin: 0;
	padding: 0;
}

.message-list > li {
	border: 1px solid #e0e0e0;
	border-radius: 5px;
	padding: 5px;
	margin: 0;
	margin-bottom: 5px;
}

.message-list > li .message-date {
	float: left;
}

.message-list > li .message-sender {
	float: right;
}

.messages .in {
	width: 300px;
	float: left;
	clear: both;
	padding: 5px;
}

.messages .out {
	width: 300px;
	float: right;
	clear: both;
	background: #f0f0f0;
}

td div.input, .affectedCountries, .affectedProducts {
	padding: 0;
	margin: 0;
}

a.btn:hover, a.btn, .dropdown-menu a {
	text-decoration: none;
}

.dropdown-menu li {
	margin-left: 0;
}

.typeahead.dropdown-menu {
	z-index: 1200;
}

.complaints .messages {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	border: 2px solid #dadada;
	border-radius: 5px;
}

.complaints .messages .message-list {
	margin: 0 20px 0;
}

div.clear {
	margin: 0;
	padding: 0;
}

.forwardThread .nav-pills a {
	text-decoration: none;
}

.forwardThread .nav-pills  li.active a, .forwardThread .nav-pills  li.active a:hover {
	background-color: #C60;
}

.bootstrap.modal.fade.in {
	top: 300px;
}

.sms-box {
	background: no-repeat bottom left;
}

.sms-box.english {
	background-image: url('../img/sms_home/EN_NTB-home-page-phone.jpg');
}

.sms-box.french {
	background-image: url('../img/sms_home/FR_NTB-home-page-phone.jpg');
}

.sms-box.portuguese {
	background-image: url('../img/sms_home/PT_NTB-home-page-phone.jpg');
}

.sms-box.arabic {
	background-image: url('../img/sms_home/AR_NTB-home-page-phone.jpg');
}

small{
	font-size: 70%;
}

small.smaller {
	font-size: 60%;
}

.sms-box p {
	padding-left: 100px;
}

ol.orangeList {
	counter-reset:li;
}
ol.orangeList li {
    list-style-type:none;
    counter-increment:li;
    position:relative;
    margin-bottom: 15px;
}
ol.orangeList li:before {
    content:counter(li);
    position:absolute;
    left: -2.3em;
    top: -0.25em;
    width: 2em;
    text-align: right;
    color: #ff5e00;
    font-size: 150%;
    font-weight: bold;
}

.measure-container {
	margin-left: 10px;
}

.measure-container dl, .measure-container table {
	width: 920px;
}

.whyUpgrade dd {
	padding-left: 0;
}

.otherBrowsers ul {
	list-style: none !important;
}

.otherBrowsers li {
	list-style: none;
}

.ntmBox{
	max-width: 922px;
}

.measureBox{
	max-width: 915px;
}

#affectedProductsTable, .affectedCountriesTable, #affectedProductsTable tbody, #affectedProductsTable thead{
	max-width: 815px;
}

.measure-summary{
	padding-left: 20px;
}

.measureHeading{
	width: 100%;
	background-color: #669900;
	color: black !important;
	padding: 4px;
}

.measureList{
	list-style: none;
}

.measureList dl{
	/*padding-left: 20px;*/
}

.measureList .actions{
	position: relative;
	top: 9px;
}
.measureList .actions li{
	background: none !important;
}

.clear{
	clear: both;
}

.fieldDescription{
	font-weight: normal;
	font-size: 8pt;
}

#SourcesChangeForm{
	float: right;
    max-width: 250px;
    position: relative;
    top: -25px;
}

.margin-top-20 {
    margin-top: 20px;
}

.display-block {
    display: block !important;
}

.margin-top-10 {
	margin-top: 10px;
}

.margin-top-50 {
    margin-top: 50px;
}

.margin-bottom-10 {
	margin-bottom: 10px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-bottom-50 {
    margin-bottom: 50px !important;
}

.modal-title {
	width: 95%;
	float: left;
}

.modal-header {
	background: #CCCCCC;
}

.no-decoration {
	text-decoration: none;
}

div.limitor {
    margin-right: 10px;
}

a.disabled {
    background: #CCCCCC !important;
    border-color: #CCCCCC !important;
    cursor: not-allowed !important;
}

table.compact-table > tbody > tr > td {
    word-break: break-word;
}

li.select2-selection__choice {
    margin: 5px 0px 0px 5px !important;
}

.single-select2 > .selection > .select2-selection--single {
    height: 50px !important;
}

.longer-select2 {
    width: 250px !important;
}

.multiple-select2 {
    width: 100% !important;
}

.select2-selection__choice {
    background-color: unset !important;
    padding: 2px 5px 5px 5px !important;
}

.select2-selection__choice__remove {
    padding-left: 5px !important;
}

.select2-results__option {
    padding: 6px 6px 18px 6px !important;
}

.admin-links {
    font-size: 90% !important;
    text-align: center !important;
    margin: 10px 0px 20px 0px !important;
}

.admin-links > div.actions li {
    padding-right: 0.3em !important;
}

.full-width {
    width: 100% !important;
}

.field-limit {
    margin-top: -20px;
    font-size: 90%;
    color: #5b8a3c;
    padding-right: 12px;
    float: right;
    clear: both;
    font-weight: bolder;
}

.field-limit.error-text {
    color: #c73e14 !important;
}

.field-limit.warning-text {
    color: #c77914 !important;
}