@charset "utf-8";

/**
 * RESET STYLES.
 *
 * Copyright (c) 2010, Yahoo! Inc. All rights reserved.
 * Code licensed under the BSD License:
 * http://developer.yahoo.com/yui/license.html
 * version: 2.8.2r1
 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}
label {
	display: block;
}

/* -------------------------------------------- */

/**
 * CONTROL PANEL STYLESHEET.
 *
 * @Author	Steven Knibbs <sknibbs@buginteractive.com>
 */

/**
 * SITE-SPECIFIC COLOURS.
 *
 * Primary background colour: #000000.
 * Primary text colour: #CF3561.
 */
.pc-bg-1 {
	background-color: #3f91d0;
}
A,
#pc-first-nav UL LI A.active,
#pc-first-nav UL LI A:hover,
.pc-text-1 {
	color: #2C6591;
}

/**
 * SYSTEM COLOURS.
 */
.pc-red {
	color: #cc0000;
}
.pc-white,
#pc-links A:hover,
#pc-header A,
#pc-header {
	color: #FFFFFF;
}

/* -------------------------------------------- */

/**
 * LOGIN PAGE.
 */
#pc-login-page	{
	height: auto;
}
#pc-login-page H1 {
	padding: 45px 0px;
	height: 80px;
}
#pc-login-page H1.image {
	background: url("../images/logos/login.png") no-repeat scroll center 75px transparent;
    text-indent: -9999px;
}
#pc-login-page H1.text {
	text-align: center;
}
#pc-login-box {
	background-color: #FFFFFF;
	width: 415px;
	margin: 0 auto;
	display: block;
	text-align: left;
	overflow: hidden;
	padding: 15px 20px;
}
#pc-login-box H2 {
	margin-bottom: 5px;
	padding: 0px;
}
#pc-login-box TD {
	margin-bottom: 5px;
	padding-top: 3px;
}
#pc-login-box LABEL	{
	font-size: 1.2em;
}

#pc-login-box input	{
	font-size: 1.2em;
    padding: 8px;
    border-radius: 4px;
    margin: 5px 0;
}

/* -------------------------------------------- */

/**
 * HEADER PANEL.
 */
#pc-header {
	position: absolute;
	width: 100%;
}
#pc-header A {
	text-decoration: none;
}

/**
 * Links panel (top right corner).
 */
#pc-links {
	position: absolute;
	right: 15px;
	top: 10px;
	z-index:10;
	text-align:right;
}
#pc-links A {
	background: url(../images/button_overlay.png) repeat;
	padding: 0px 10px;
	line-height: 18px;
	margin: 0px 0px 0px 10px;
	display: inline-block;
}

/* -------------------------------------------- */

/**
 * NAVIGATIONS.
 *
 * First level menu.
 */
#pc-first-nav {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 10px 0px 0px;
	min-width: 800px;
}
#pc-first-nav > LI  {
	float: left;
	font-size: 1.2em;
	padding:0px 0px 0px 10px;
}
#pc-first-nav > LI > A {
	display: block;
	background: url(../images/button_overlay.png) repeat;
	padding: 7px 15px;
}
#pc-first-nav > LI > A.active,
#pc-first-nav > LI > A:hover	{
	background: #FFFFFF;
	color: #000000;
}

/**
 * Second level menu.
 */
#pc-first-nav UL {
	position:absolute;
	top: 35px;
	left: 0px;
	/* width: 100%; */
	display: none;
	padding-left: 15px;
}
#pc-first-nav UL > LI {
	display: inline;
}
#pc-first-nav UL > LI > A {
	float: left;
	color: #000000;
	display: block;
	margin: 15px 0px;
	padding: 0px 10px;
}
#pc-first-nav UL > LI > A:hover {
	text-decoration: underline;
}

/**
 * Second level menu (container only).
 */
#second-nav	{
	width: 100%;
	height: 35px;
	background: #ffffff;
	border-bottom: 1px solid #c4c4c4;
}

#countries_dropdown {
	float: right;
    margin: 3px 15px 0 0;
}
/**
 * Third level menu (vertical tabs, can be used by JS).
 */
.pc-left-nav {
	width: 200px;
	height: 10px;
	position: relative;
}
.pc-left-nav ul {
	position: absolute;
	left: -1px;
}

.pc-left-nav ul a{
	border-top: 1px solid #E8E8E8;
	border-left: 1px solid #E8E8E8;
	border-right: 1px solid #E8E8E8;
	background: white;
	width: 184px;
	padding: 8px;
	display: block;
	text-decoration: none;
	color: #333;
}
.pc-left-nav ul a.active {
	border-right: 1px solid white;
	font-weight: bold;
}
.pc-left-nav li.last a,
.pc-left-nav li:last-child a {
	border-bottom: 1px solid #E8E8E8;
}
fieldset.pc-left-nav-buttons {
	padding-left: 200px;
}

/* -------------------------------------------- */

/**
 * CONTAINERS.
 */
#pc-site-container {
	min-height: 100%;
	position: relative;
}
#pc-top,
#pc-header,
#pc-main,
#pc-footer {
	min-width: 800px;
}

/* -------------------------------------------- */

/**
 * MAIN CONTENT.
 */
#pc-main {
	padding: 155px 25px 70px;
}

.pages-header {
	font-size: 1.4em;
}

#pc-main .section-header h2 {
	float: left;
}
#pc-main .section-header a.ui-button {
	float: left;
	margin: 11px 0 0 20px;
}

/**
 * Dashboard.
 */
#pc-main .pc-dashboard-widget {
	width: 48%;
	margin: 0px 10px 0px 0px;
}
#dashboard-widget-latest-activity .pc-note {
	font-size: 1.1em;
}
#dashboard-widget-latest-activity tr {
	height: 25px;
	border-bottom: 1px solid #F2F2F2;
}
#dashboard-widget-latest-activity tr.pc-details {
	vertical-align: top;
}
#dashboard-widget-latest-activity tr:last-child {
	border-bottom: none;
}

#dashboard-widget-analytics .chart {
	padding-bottom: 20px;
}

#dashboard-widget-moderation tr {
	height: 25px;
	border-bottom: 1px solid #F2F2F2;
}
#dashboard-widget-moderation tr:last-child {
	border-bottom: none;
}

/**
 * Boxes.
 */
#pc-main .pc-box {
	/*border: 1px solid #e8e8e8;
	background: #FFFFFF;
	overflow: hidden; */
	margin: 0 0 15px;
}
#pc-main .pc-hidden-overflow {
	border: 1px solid #e8e8e8;
	background: #FFFFFF;
	overflow: hidden;
}
#pc-main .pc-box-white,
#pc-main .pc-box fieldset {
	border: 1px solid #e8e8e8;
	background: #FFFFFF;
}
#pc-main .pc-box .pc-header {
	background: #d8d8d8;
}
#pc-main .pc-box .pc-header H3 {
	font-size: 1em;
	line-height: 1em;
	padding: 12px 10px;
	color: #666464;
	font-weight: bold;
	text-shadow: 1px 1px 1px #DDDDDD;
}

/**
 * Forms.
 */
.pc-form-field {
	border-bottom: 1px solid #e8e8e8;
	padding: 15px 20px;
}
.pc-form-field.last,
.pc-form-field:last-child {
	border: none;
}
.pc-form-field label {
	font-weight: bold;
	font-size: 1.1em;
	padding:0px 0px 5px;
}
.pc-form-field .pc-readonly {
	font-size: 1.2em;
}
.pc-sub-field {
	color: #999;
}
.pc-buttons	{
	padding: 10px 0px 30px 0px;
}

/**
 * Lists.
 */
.pc-list tr {
	height: 35px;
	background: #FFFFFF;
	border-bottom: 1px solid #F2F2F2;
}
.pc-list tr.odd {
	background: #F2F2F2;
}
.pc-list th {
	background: #FFFFFF;
	font-weight: bold;
}
.pc-list th,
.pc-list td {
	padding: 4px 0px 4px 5px;
}
.pc-list tr:hover {
	background: #FCF5DD;
}
.pc-list th,
.pc-list tr:last-child {
	border-bottom: 1px solid #C4C4C4;
}

/* Repeating specs */
.pc-form-field ul.specs li {
    clear: both;
    margin-bottom: 10px;
}
.pc-form-field ul.specs .header span {
    display: block;
    float: left;
    width: 155px;
    padding-bottom: 5px;
/*    font-size: 1.1em;*/
    font-weight: bold;
}
.pc-form-field ul.specs .template {
    display: none;
}
.pc-form-field ul.specs li.spec input {
    width: 140px;
}


/**
 * JS status icon.
 */
.icon-status div {
    background: black url(../images/tick-cross.png) no-repeat;
    width: 14px;
    height: 14px;
}
.icon-status div.tick { background-position: 0px 0px; }
.icon-status div.cross { background-position: -14px 0px; }

.pc-list tr:hover  .icon-status div.tick { background-position: 0px -14px; }
.pc-list tr:hover  .icon-status div.cross { background-position: -14px -14px; }

/**
 * JS Navigation.
 */
.js-left-nav {
	width: 200px;
}

/**
 * Image handling.
 */
.pc-crop-100 {
	overflow: hidden;
	height: 100px;
	width: 100px;
}
.pc-crop-100 IMG {
	height: 100px;
}
.pc-crop-150 {
	overflow: hidden;
	height: 150px;
	width: 150px;
}
.pc-crop-150 IMG {
	height: 150px;
}

/**
 * Vertical form field list.
 */
table.pc-vertical-fields {
	width: 50%;
}
table.pc-vertical-fields td {
	vertical-align: middle;
	padding: 8px;
}
table.pc-vertical-fields td:first-child {
	padding-left: 0px;
	width: 40%;
}

/* -------------------------------------------- */

/**
 * FOOTER.
 */
#pc-footer {
	position: absolute;
	bottom: 0px;
	width: 100%;
	border-top: 1px solid #c4c4c4;
	overflow:hidden;
	margin: 0px;
	background-color: #fff;
	padding: 10px 0px;
	height: 25px;
}
#pc-footer P {
	color: #999;
	margin: 0px 10px;
	padding: 0px;
}

/* -------------------------------------------- */

/**
 * UNIVERSAL STYLES.
 *
 * Padding.
 */
.pc-padding-10 { padding: 10px !important; }
.pc-padding-15 { padding: 15px !important; }
.pc-padding-20 { padding: 20px !important; }

.pc-padding-top-10	{ padding-top: 10px !important; }
.pc-padding-top-15	{ padding-top: 15px !important; }

.pc-padding-bottom-10	{ padding-bottom: 10px !important; }
.pc-padding-bottom-15	{ padding-bottom: 15px !important; }

.pc-padding-left-10	{ padding-left: 10px !important; }

.pc-padding-right-10 { padding-right: 10px !important; }

/**
 * Margins.
 */
.pc-margin-10 { margin: 10px; }

.pc-margin-top-5	{ margin-top: 5px !important; }
.pc-margin-top-10	{ margin-top: 10px !important; }

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

.pc-margin-right-10	{ margin-right: 10px !important; }
.pc-margin-right-20	{ margin-right: 20px !important; }

/**
 * Visibility & display.
 */
.pc-hidden 	{ display: none !important; }
.pc-block	{ display: block !important; }
.pc-inline	{ display: inline-block !important; }
.pc-no-border	{ border: none !important; }

/**
 * Positioning.
 */
.pc-left 	{ float: left; }
.pc-right	{ float: right; }

/**
 * Sizes.
 */
.pc-width-full { width: 100%; }

/**
 * 	Font styles.
 */
.font-normal { font-weight: normal !important; }
/* -------------------------------------------- */

/**
 * ROUNDED CORNERS.
 */
.pc-corners-5 {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.pc-top-corners-5 {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius: 5px 5px 0px 0px;
}

/* -------------------------------------------- */

/**
 * SHADOWS.
 */
.pc-shadow-inset-dark-1 {
	-moz-box-shadow:1px 1px rgba(0, 0, 0, 0.6) inset;
	-webkit-box-shadow:1px 1px rgba(0, 0, 0, 0.6) inset;
}
.pc-shadow-inset-light-1 {
	-moz-box-shadow:1px 1px rgba(255, 255, 255, 0.6) inset;
	-webkit-box-shadow:1px 1px rgba(255, 255, 255, 0.6) inset;
}

/* -------------------------------------------- */

/**
 * MESSAGES & NOTIFICATIONS.
 */

/**
 * System messages.
 */
.pc-message.automated {
	background: #FFCC0D;
	color: black;
	padding: 5px 0px 0px;
	border-bottom: 1px solid #d5ab0f;
}
.pc-message P {
	margin: 0px 0px 0px 16px;
}

/**
 * Standard notifications.
 */
.pc-notification {
	border-width: 1px;
	border-style:solid;
	padding:10px 10px 8px;
	margin-bottom:15px;
}
.pc-notification span.pc-icon {
	background-image: url(../images/ui-icons_9b2828_256x240.png);
	width: 16px;
	line-height: 1.7em;
	margin: 0px 10px 0px 0px;
	float: left;
}
.pc-notification P  {
	margin: 0px 0px 0px 16px;
}

/**
 * Success notification.
 */
.pc-notification.success {
	background-color: #E1ECBF;
	border-color: #7F9B28;
}

/**
 * Errors notification.
 */
.pc-notification.error {
	background-color: #FEECEE;
	border-color:#9B2828;
	color:#9B2828;
}

/**
 * Javascript.
 */
.js .js-invisible		{ visibility: hidden; }

/* -------------------------------------------- */

/**
 * STANDARD STYLES.
 */
HTML,
BODY {
	height: 100%;
	margin: 0;
	padding: 0;
}
BODY {
	background-color: #f5f5f5;
}
BODY,
TEXTAREA {
	font: 11px arial;
	color: #333333;
}
CAPTION,
LEGEND {
	display: none;
}
P {
	line-height: 1.5em;
	padding: 0px 0px 5px;
}
A  {
	text-decoration: none;
	outline: none;
}
A:hover 	{
	text-decoration: underline;
}
H1 {
	font-weight: normal;
	font-size: 2em;
	margin-top: 15px;
}
H2 {
	font-weight: normal;
	font-size: 2em;
	line-height: 2.2em;
	padding: 0px 0px 5px 0px;
	text-transform: capitalize;
}
H3 {
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1.6em;
	padding: 0px 0px 5px 10px;
	text-transform: uppercase;
}
TEXTAREA,
SELECT,
INPUT {
	padding: 4px;
	border: 1px solid #CCCCCC;
	resize: none;
}


#support-message { margin: 0 0 10px; }




/* ARCHIVE (Sort). */


/**
 * Specific classes.
 */

/* -------------------------------------------- */



/**
 * Table forms.
 */
.form.in-table .formfield,
.form.in-table 					{ background: none;	border: none; }
.form.in-table 					{ padding: 5px 0; font-size: 1em; }
.form.in-table .formfield 		{ padding: 5px 0; }
.form.in-table .formfield LABEL 	{	font-weight: normal; }

/* -------------------------------------------- */

/**
 * FORMS.
 */

/**
 * Left column menu.
 */
.left-column .table-list TR			{ background: #289B97; }
.left-column .table-list A			{ color: #FFFFFF; text-decoration: none; }
.left-column .table-list TR.active,
.left-column .table-list TR:hover	{ background: #FFFFFF; }
.left-column .table-list TR.active A,
.left-column .table-list TR:hover A	{ color: #000000; }

/**
 * Global classes.
 */
BODY .no-border 			{ border: none; }
BODY .no-display		{ display: none; }
BODY .block-display		{ display: block; }
BODY .no-resize			{ resize: none; }
BODY .no-bg				{ background: none }
BODY .left 				{ float: left; }
BODY .right 				{ float: right; }
BODY .inline			{ display: inline; }
BODY .block				{ display: block; }

BODY .hidden-overflow	{ overflow: hidden; }
BODY .auto-overflow		{ overflow: auto; }

BODY .bottom-spacing	{ padding-bottom: 10px; }
BODY .left-spacing		{ padding-left: 10px; }
BODY .right-spacing		{ padding-right: 10px; }

BODY .top-margin		{ margin-top: 10px; }
BODY .bottom-margin		{ margin-bottom: 10px; }
BODY .right-margin		{ margin-right: 10px; }
BODY .left-margin		{ margin-left: 10px; }

/**
 * Widths.
 */
BODY .full-width { width: 100%; }

#main-content .left-column		{ width: 200px; margin: 0px 10px 0px 0px; }

/**
 * Site-specific secondary colours.
 *
 * These are based on the primary colours.
 */
#third-nav  {
	background-color: #939598;
}

.form A.preview-image			{ width: 200px; height: 150px; overflow: hidden; display: block; border: 1px solid #ccc; }
.form A.preview-image IMG			{ height: 200px; }

.gallery-image {
	float: left;
	width: 180px;
	margin: 0 10px 10px 0;
	padding: 10px;
	border: 1px solid #eee;
	background: #f4f4f4;
	cursor: move;
}
.gallery-image .delete {
	color: #D82A1E;
}
.gallery-image .image {
	width: 180px;
	height: 180px;
	margin-bottom: 10px;
}
.gallery-image .image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.gallery-image input[type="text"] {
	box-sizing: border-box;
	width: 100%;
}

/* ----------------------------------------*/
/* -------------- CHARTS <<<---------------*/
/* ----------------------------------------*/

.visualize { font-size: 10px !important; position: relative; border: 1px solid #c4c4c4; background: #fff; margin: 0 auto 10px auto; }
.visualize canvas { position: absolute; }
.visualize ul,.visualize li { margin: 0; padding: 0;}
.visualize .visualize-info { padding: 3px 5px; position: absolute; top: 0px; left: 0px; opacity: .8; }
.visualize .visualize-title { display: block; color: #333; margin-bottom: 3px;  font-size: 1.1em; }
.visualize ul.visualize-key { list-style: none !important;  }
.visualize ul.visualize-key li { list-style: none !important; float: left; margin-right: 10px; padding-left: 10px; position: relative;}
.visualize ul.visualize-key .visualize-key-color { width: 6px; height: 6px; left: 0; position: absolute; top: 50%; margin-top: -3px;  }
.visualize ul.visualize-key .visualize-key-label { color: #000; }
.visualize-pie .visualize-labels { list-style: none !important; }
.visualize-pie .visualize-label-pos, .visualize-pie .visualize-label { position: absolute;  margin: 0; padding:0; }
.visualize-pie .visualize-label { display: block; color: #fff; font-weight: bold; font-size: 10px !important; }
.visualize-pie-outside .visualize-label { color: #000; font-weight: normal; }
.visualize-labels-x,.visualize-labels-y { position: absolute; left: 0; top: 0; list-style: none !important; }
.visualize-labels-x li, .visualize-labels-y li { position: absolute; bottom: 0; }
.visualize-labels-x li span.label, .visualize-labels-y li span.label { position: absolute; color: #888; }
.visualize-labels-x li span.line, .visualize-labels-y li span.line {  position: absolute; border: 0 solid #ddd; }
.visualize-labels-x li { height: 100%; }
.visualize-labels-x li span.label { top: 100%; margin-top: 3px; }
.visualize-labels-x li span.line { border-left-width: 1px; height: 100%; display: block; }
.visualize-labels-x li span.line { border: 0;}
.visualize-labels-y li { width: 100%; }
.visualize-labels-y li span.label { right: 100%; margin-right: 5px; display: block; width: 100px; text-align: right;}
.visualize-labels-y li span.line { border-top-width: 1px; width: 100%; }
.visualize-bar .visualize-labels-x li span.label { width: 100%; text-align: center; }

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

.inline {
    display: inline;
}