/********** [SECTION] **********/
/*
	Dashboard CSS
*/

body {
	background-color:		#4d90ce; /* page colour to continue down */
}
div#background {
	background-image:		url(../images/dashboard/backgrounds/background.png);
}

button {
	font-size: 11px;
}

button.standardbutton,
a.standardbutton,
input.standardbutton {
	font-size: 11px;
}

button.button_hide {
	font-size: 11px;
	display: none;
}

div#background-top-pad {
	position:				absolute;
	width:					100%;
	height:					29px;
	top:					0; /* use this to offset background from top of page */
	background-color:		#fff; /* white! */
	z-index:				-1;
}

.coloured {
	color: #0e8ce2;
}

/*-- Container --*/

div.dashboard-title {
	padding: 25px 0 0 30px;
}
div.dashboard-title h1 {
	font-size: 1.6em;
	color: #333;
	letter-spacing: -0.5px;
}

/* Landing Screens */
div.hold_landing {
	padding: 10px;
}
div.landing_screen {
	height: 60px;
	padding: 3px;
	border: 1px solid #FFFFFF;
	-webkit-border-radius:	3px;
	-moz-border-radius:		3px;
	border-radius:			3px;
}
div.landing_screen:hover {
	border: 1px solid #EEEEEE;
	background-color: #F5F5F5;
	
	-moz-box-shadow: 0px 0px 5px #3A84C9;
	-webkit-box-shadow: 0px 0px 5px #3A84C9;
	box-shadow: 0px 0px 5px #3A84C9;
}
div.landing_screen a.landing_icon {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	font-weight: bold;
	color: #333333;
	font-size: 14px;
	text-shadow: 0px 1px 0px #FFFFFF;
	margin: 5px 0 0 5px;
}

div.landing_screen a.landing_icon:hover {
	color: #444444;
	text-shadow: 0px 1px 0px #FFFFFF;
}
div.landing_screen a.landing_icon span {
	display: block;
	padding: 15px 0 0 60px;
}
div.landing_pad {
	padding: 0 0 0 60px;
}
div.landing_image_pad {
	background-position: 10px 5px;
}
.landing_contacts {
	background: url('../images/icons/minblue/users.png') top left no-repeat;
}
.landing_searchcontacts {
	background: url('../images/icons/minblue/zoom.png') top left no-repeat;
}
.landing_filters {
	background: url('../images/icons/minblue/target.png') top left no-repeat;
}
.landing_upload {
	background: url('../images/icons/minblue/upload.png') top left no-repeat;
}
.landing_clipboard {
	background: url('../images/icons/minblue/briefcase.png') top left no-repeat;
}
.landing_app {
	background: url('../images/icons/minblue/network.png') top left no-repeat;
}
.landing_mail {
	background: url('../images/icons/minblue/mail.png') top left no-repeat;
}
.landing_tabs {
	background: url('../images/icons/minblue/folder.png') top left no-repeat;
}
.landing_folder {
	background: url('../images/icons/minblue/folder.png') top left no-repeat;
}
.landing_arrow_right {
	background: url('../images/icons/minblue/next.png') top left no-repeat;
}
.landing_clock {
	background: url('../images/icons/minblue/clock.png') top left no-repeat;
}
.landing_cut {
	background: url('../images/icons/minblue/cut.png') top left no-repeat;
}
.landing_smart_phone {
	background: url('../images/icons/minblue/smart_phone.png') top left no-repeat;
}
.landing_comments {
	background: url('../images/icons/minblue/comments.png') top left no-repeat;
}
.landing_refresh {
	background: url('../images/icons/minblue/refresh.png') top left no-repeat;
}
.landing_phone {
	background: url('../images/icons/minblue/phone.png') top left no-repeat;
}
.landing_pie {
	background: url('../images/icons/minblue/pie.png') top left no-repeat;
}
.landing_home {
	background: url('../images/icons/minblue/home.png') top left no-repeat;
}
.landing_pound {
	background: url('../images/icons/minblue/pound.png') top left no-repeat;
}
.landing_business {
	background: url('../images/icons/minblue/business_user.png') top left no-repeat;
}
.landing_page {
	background: url('../images/icons/minblue/page_full.png') top left no-repeat;
}
.landing_world {
	background: url('../images/icons/minblue/world.png') top left no-repeat;
}
.landing_folder {
	background: url('../images/icons/minblue/folder.png') top left no-repeat;
}

/* Classy icons by http://dryicons.com/ */
.landing_phone_search {
	background: url('../images/icons/wpzoom/magnifying-glass.png') top left no-repeat;
}
.landing_phone_add {
	background: url('../images/icons/wpzoom/mobile-phone.png') top left no-repeat;
}
.landing_phone_go {
	background: url('../images/icons/wpzoom/mobile-phone.png') top left no-repeat;
}
/* Help */
div.info_text {
	color: #666666;
	font-style: italic;
	font-size: 11px;
}

/* Icon backed divs */
div.icon_help {
	background: url('../images/icons/silk/comment.png') 0px 0px no-repeat;
	min-height: 16px;
	padding: 0 0 0 20px;
	font-size: 11px;
	color: #999999;
	font-weight: normal;
	font-style: italic;
}
div.icon_left_arrow {
	background-image: url('../images/icons/silk/arrow_left.png') !important;
	/* override for icon divs */
}
div.icon_stop {
	background: url('../images/icons/silk/stop.png') center left no-repeat;
	padding: 0 0 0 20px;
	font-size: 11px;
	color: #999999;
	font-weight: normal;
	font-style: italic;
}
div.icon_cross {
	background: url('../images/icons/silk/cross.png') center left no-repeat;
	padding: 0 0 0 20px;
	font-size: 11px;
	color: #CC0000;
	font-weight: normal;
	font-style: italic;
}

div.icon_mail_go {
	background: url('../images/icons/silk/email_go.png') center left no-repeat;
	padding: 0 0 0 20px;
	font-size: 11px;
	color: #111111;
	font-weight: normal;
	min-height: 16px;
}

div.icon_phone_go {
	background: url('../images/icons/silk/phone_go.png') center left no-repeat;
	padding: 0 0 0 20px;
	font-size: 11px;
	color: #111111;
	font-weight: normal;
	min-height: 16px;
}
div.icon_phone_go a, div.icon_mail_go a {
	font-weight: bold;
	text-decoration: none;
	color: #111111;
	font-style: normal;
}
div.icon_padlock {
	background: url('../images/icons/silk/lock.png') center left no-repeat;
	padding: 4px 0 0 20px;
	font-size: 11px;
	color: #111111;
	font-weight: normal;
	min-height: 16px;
	text-align: left;
}
div.icon_error {
	background: url('../images/icons/silk/error.png') center left no-repeat;
	padding: 4px 0 0 20px;
	font-size: 11px;
	color: #111111;
	font-weight: normal;
	min-height: 16px;
	text-align: left;
}

/* Icon Links */
a.icon_action {
	/* Main css for all icon_* */
	/* Got a lot of searching TODO */
	width: 16px;
	height: 16px;
	display: block;
}

a.icon_house {
	width: 16px;
	height: 16px;
	background: url('../images/icons/silk/house_add.png') center center no-repeat;
	display: block;
}

a.icon_phone {
	width: 16px;
	height: 16px;
	background: url('../images/icons/silk/phone_add.png') center center no-repeat;
	display: block;
}

a.icon_email {
	width: 16px;
	height: 16px;
	background: url('../images/icons/silk/email_add.png') center center no-repeat;
	display: block;
}

a.icon_add {
	width: 16px;
	height: 16px;
	background: url('../images/icons/silk/add.png') center center no-repeat;
	display: block;
}
a.icon_add:active {
	background: url('../images/icons/silk/add.png') 1px 1px no-repeat;
}

a.icon_add_long {
	height: 17px;
	background: url('../images/icons/silk/add.png') 0px 0px no-repeat;
	display: block;
	text-decoration: none;
	color: #222222;
}
a.icon_add_long span {
	display: block;
	padding: 1px 0 0 20px;
}
a.icon_add_long:active {
	background: url('../images/icons/silk/add.png') 1px 1px no-repeat;
}

a.icon_delete {
	width: 16px;
	height: 16px;
	background: url('../images/icons/silk/decline.png') center center no-repeat;
	display: block;
}
a.icon_delete:active {
	background: url('../images/icons/silk/decline.png') 1px 1px no-repeat;
}
a.icon_edit {
	width: 16px;
	height: 16px;
	background: url('../images/icons/silk/pencil.png') center center no-repeat;
	display: block;
}
a.icon_edit:active {
	background: url('../images/icons/silk/pencil.png') 1px 1px no-repeat;
}

a.icon_info {
	width: 16px;
	height: 16px;
	background: url('../images/icons/silk/information.png') center center no-repeat;
	display: block;
}
a.icon_info:active {
	background: url('../images/icons/silk/information.png') 1px 1px no-repeat;
}

a.icon_info_inline {
	display: inline-block;
}

a.icon_tick {
	width: 16px;
	height: 16px;
	background: url('../images/icons/silk/tick.png') center center no-repeat;
	display: block;
}
a.icon_tick:active {
	background: url('../images/icons/silk/tick.png') 1px 1px no-repeat;
}

a.icon_cross {
	width: 16px;
	height: 16px;
	background: url('../images/icons/silk/cross.png') center center no-repeat;
	display: block;
}
a.icon_cross:active {
	background: url('../images/icons/silk/cross.png') 1px 1px no-repeat;
}
a.icon_disk {
	width: 16px;
	height: 16px;
	background: url('../images/icons/silk/disk.png') center center no-repeat;
	display: block;
}
a.icon_disk:active {
	background: url('../images/icons/silk/disk.png') 1px 1px no-repeat;
}

a.icon_cross2 {
	/* So we can have two icon_cross binds */
	width: 16px;
	height: 16px;
	background: url('../images/icons/silk/cross.png') center center no-repeat;
	display: block;
}
a.icon_cross2:active {
	background: url('../images/icons/silk/cross.png') 1px 1px no-repeat;
}

a.icon_hourglass {
	width: 16px;
	height: 16px;
	background: url('../images/icons/silk/hourglass.png') center center no-repeat;
	display: block;
}

a.icon_book {
	width: 16px;
	height: 16px;
	background: url('../images/icons/silk/report.png') center center no-repeat;
	display: block;
}
a.icon_book:active {
	background: url('../images/icons/silk/report.png') 1px 1px no-repeat;
}

a.export {
	width: 16px;
	height: 16px;
	background: url('../images/icons/led/page_white_excel.png') center center no-repeat;
	display: block;
}
a.export:active {
	background: url('../images/icons/led/page_white_excel.png') 1px 1px no-repeat;
}

a.icon_chart {
	width: 16px;
	height: 16px;
	background: url('../images/icons/led/chart_bar.png') center center no-repeat;
	display: block;
}
a.icon_chart:active {
	background: url('../images/icons/led/chart_bar.png') 1px 1px no-repeat;
}

/* Header signpost links */
div.dashboard_page_nav {
	padding: 20px 0 20px 0;
}
div.dashboard_page_nav:hover {
	-moz-box-shadow: 0px 0px 6px #9ecaed;
	-webkit-box-shadow: 0px 0px 6px #9ecaed;
	box-shadow: 0px 0px 6px #9ecaed;
}
div.dashboard_page_nav_icon,
div.dashboard_page_nav_link,
div.dashboard_page_nav_button {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}
div.dashboard_page_nav_icon {
	width: 12%;
}
div.dashboard_page_nav_link {
	width: 58%;
}
div.dashboard_page_nav_button {
	width: 30%;
}
div.dashboard_page_nav_icon span {
	display: block;
	padding: 16px;
	font-size: 48px;
	color: #888888;
	text-shadow: 1px 1px 1px #FFF;
}
div.dashboard_page_nav_link a {
	text-decoration: none;
	display: block;
}
div.dashboard_page_nav_link a span.full_link {
	display: block;
	padding: 20px 0 0 0;
	font-size: 18px;
	color: #555555;
	text-shadow: 1px 1px 1px #FFFFFF;
}
div.dashboard_page_nav_link a span.full_link_subtext {
	display: block;
	font-size: 14px;
	color: #777777;
	text-shadow: 1px 1px 1px #FFFFFF;
}
div.dashboard_page_nav_button_pad {
	padding: 12px 10px 0 0;
	text-align: right;
}
div.dashboard_page_nav_button_pad a.white_button {
	margin: 0;
}

/* Bubbles */
div.bubbles_1 {
	background: #EEEEEE;
	border: 1px solid #EEEEEE;
	-webkit-border-radius:	6px;
	-moz-border-radius:		6px;
	border-radius:			6px;
	margin: 22px 0 0 0;
}
div.bubbles_1_arrow {
	width: 98%;
	background: url('../images/backgrounds/bubble-grey.png') top right no-repeat;
	text-align: right;
}
div.bubbles_2 {
	background: #DBECFF;
	border: 1px solid #DBECFF;
	-webkit-border-radius:	6px;
	-moz-border-radius:		6px;
	border-radius:			6px;
	margin: 12px 0 0 0;
}
div.bubbles_2_arrow {
	background: url('../images/backgrounds/bubble-blue.png') 10px 0px no-repeat;
}
div.bubbles_pad {
	padding: 2px 30px 0 26px;
}
div.bubbles_pad span.name {
	font-weight: bold;
}
div.bubbles_pad span.time {
	font-weight: normal;
	font-style: italic;
}
/* Gradients */
div.grad_grey {
	background: url('../images/backgrounds/f7_grad.jpg') bottom center repeat-x #F7F7F7;
	border: 1px solid #EEEEEE;
}
div.grad_light_blue {
	background: url('../images/backgrounds/ECF_grad.jpg') bottom center repeat-x #ECF5FF;
	border: 1px solid #DBECFF;
}
div.grad_strong_blue {
	background: url('../images/backgrounds/36B5F5_grad.jpg') bottom center repeat-x #36B5F5;
	border: 1px solid #1D81B3;
}

/* Boxed Tip */
div.tip_box {
	border: none;
	-webkit-border-radius:	6px;
	-moz-border-radius:		6px;
	border-radius:			6px;
	background: none;
}
div.tip_box_error {
	border: 1px solid #CC0000;
}
div.tip_box a {
	text-decoration: none;
	color: #111111;
}
div.tip_box h3 {
	color: #666666;
	font-size: 14px;
	margin: 0;
	text-shadow: 0px 1px 0px #FFFFFF;
}
div.tip_box_pad {
	padding: 10px 10px 10px 42px;
}
div.tip_box_big {
	padding: 10px 10px 10px 62px;
}
div.tip_box_pad p {
	margin: 0;
}
div.tip_box_transfer {
	background: url('../images/icons/devs/transfer.png') 5px 5px no-repeat;
}
div.tip_box_convo {
	background: url('../images/icons/devs/discussion.png') 5px 5px no-repeat;
}
div.tip_box_phone {
	background: url('../images/icons/devs/smart_phone.png') 5px 5px no-repeat;
}
div.tip_box_phone_to {
	background: url('../images/icons/devs/smart_phone_go.png') 5px 5px no-repeat;
}
div.tip_box_email {
	background: url('../images/icons/devs/mail.png') 5px 5px no-repeat;
}
div.tip_box_email_to {
	background: url('../images/icons/devs/mail_go.png') 5px 5px no-repeat;
}
div.web {
	background: url('../images/icons/devs/web.png') 5px 5px no-repeat;
}
div.data_import {
	background: url('../images/icons/devs/export_doc.png') 5px 5px no-repeat;
}
div.devs_add {
	background: url('../images/icons/devs/add.png') 5px 5px no-repeat;
}
div.devs_tick {
	background: url('../images/icons/devs/tick.png') 5px 5px no-repeat;
}
div.devs_money {
	background: url('../images/icons/devs/cash.png') 5px 5px no-repeat;
}
div.devs_users {
	background: url('../images/icons/devs/users.png') 5px 5px no-repeat;
}
div.tipbox_clock {
	background: url('../images/icons/function/clock_48.png') 5px 5px no-repeat;
}

div.devs_report {
	margin: 10px 0 10px 0;
}
div.devs_report_pad {
	padding: 10px 10px 10px 42px;
}

div.devs_report_pad h1 {
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	margin: 0 0 5px 0;
}
div.devs_report_pad p {
	font-size: 12px;
	color: #555555;
	font-style: italic;
	font-weight: normal;
	margin: 0;
}

/* dashboard launch */
div.dashboard_launcher {
	
}
div.dashboard_launcher_item {
	width: 200px;
	float: left;
	margin: 10px 0 0 10px;
}
div.dlaunch {
	padding: 0;
}
div.dlaunch a.dlaunch_link {
	font-weight: bold;
	color: #222222;
	text-decoration: none;
	display: block;
	padding: 22px 10px 20px 57px;
}
div.dlaunch a span {
	font-weight: normal;
	font-style: italic;
	color: #555555;
	margin: 3px 0 0 0;
}
a.dlaunch_add {
	background: url('../images/icons/function/add_48.png') 5px 5px no-repeat;
}
a.dlaunch_mobile_go {
	background: url('../images/icons/classy/mobile_phone_next.png') 5px 5px no-repeat;
}
a.dlaunch_app_edit {
	background: url('../images/icons/function/app_48.png') 5px 5px no-repeat;
}
a.dlaunch_analytics {
	background: url('../images/icons/function/pie_chart_48.png') 5px 5px no-repeat;
}
a.dlaunch_folder {
	background: url('../images/icons/function/folder_48.png') 5px 5px no-repeat;
}
a.dlaunch_tabs {
	background: url('../images/icons/function/tabs_48.png') 5px 5px no-repeat;
}
a.dlaunch_user_search {
	background: url('../images/icons/function/custom_search_users.png') 5px 5px no-repeat;
}
a.dlaunch_funnel {
	background: url('../images/icons/function/funnel.png') 5px 10px no-repeat;
}
a.dlaunch_clock {
	background: url('../images/icons/function/clock_48.png') 5px 5px no-repeat;
}
a.dlaunch_box_upload {
	background: url('../images/icons/function/box_upload_48.png') 5px 5px no-repeat;
}
a.dlaunch_email_add {
	background: url('../images/icons/function/mail_add_48.png') 5px 5px no-repeat;
}

div.small_tabs a {
	font-size: 11px !important;
}

/* Icons for buttons */
.icon_magnifier {
	background: url('../images/icons/silk/magnifier.png') !important;
}
.icon_savedisk {
	background: url('../images/icons/silk/disk.png') !important;
}
.icon_phonego {
	background: url('../images/icons/silk/phone_go.png') !important;
}
.icon_phone {
	background: url('../images/icons/silk/phone.png') !important;
}
.icon_house {
	background: url('../images/icons/silk/house.png') !important;
}
.icon_email {
	background: url('../images/icons/silk/email.png') !important;
}
.icon_emailgo {
	background: url('../images/icons/silk/email_go.png') !important;
}
.icon_cross {
	background: url('../images/icons/silk/cross.png') !important;
}
.icon_add {
	background: url('../images/icons/silk/add.png') !important;
}
.table_add {
	background: url('../images/icons/silk/table_add.png') !important;
}
.icon_edit {
	background: url('../images/icons/silk/pencil.png') !important;
}
.icon_pie {
	background: url('../images/icons/silk/chart_pie.png') !important;
}
.phone_add {
	background: url('../images/icons/silk/smartphone_add.png') !important;
}
.coins_add {
	background: url('../images/icons/silk/coins_add.png') !important;
}
.icon_info {
	background: url('../images/icons/silk/information.png') !important;
}
.icon_user_gray {
	background: url('../images/icons/silk/user_gray.png') !important;
}
.icon_double {
	background: url('../images/icons/silk/application_double.png') !important;
}
.icon_code_red {
	background: url('../images/icons/silk/script_code_red.png') !important;
}

/********** [SECTION] **********/
/*
	gradient CSS
*/

table.padded {
	/* Provides plain, padded, table with slight border on tr */
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
table.padded tr td {
	padding: 10px;
	border: none;
}

table.padded tr.style_0 {
	background: #F7F7F7;
}
table.padded tr.style_0 td {
	font-size: 14px;
}
table.padded tr.style_1 {
	background: #F7F7F7;
}
table.padded tr.style_2 {
	background: #FFFFFF;
}

/* 'Gradient' Styles */

table.widest {
	width: 645px;
}

table.gradient-style td.title {
	color: #aaa
}

table.gradient-style td {
	height: 30px;
}

table td.width200 {
	width: 200px;
}

/*table header*/
.gradient-style {
	border-collapse	:	collapse;
	font-size		:	11px;
	margin			: 	0px;
	text-align		:	left;
	line-height		:	24px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
/*header section*/
.gradient-style thead {
	/*background:url("../../images/tables/gradhead.png") repeat-x scroll 0 0 #B9C9FE;*/
	border: none;
	color:#000000;
	font-size: 13px; /*slightly larger*/
	font-weight: bold;
	padding:8px;
}
/*stanard row*/
.gradient-style td {
	/*background:url("../../images/tables/gradback.png") repeat-x scroll 0 0 #E8EDFF;*/
	border-bottom: 1px solid #eee;
	/*border-top:1px solid #FFFFFF;*/
	color:#555;
	padding-bottom: 4px;
	padding-top: 4px;
	padding-left:8px;
	padding-right:8px;
	vertical-align: top;
	font-size: 14px;
}
td.nobord {
	/* NoBorder */
	border: 0 !important;
}
.gradient-style tr:last-child td {
	border: 0 !important;
}

/*hover even row*/
.gradient-style tbody tr:hover td {
	/*background:url("../../images/tables/gradhover.png") repeat-x scroll 0 0 #D0DAFD;*/
	/*background-color: #efefef;*/
}
/*footer text*/
.gradient-style tfoot tr td {
	background:none repeat scroll 0 0 #E8EDFF;
	color:#9999CC;
	font-size:12px;
}

table.nobord td {
	border: 0;
}
td.tbpad {
	padding: 4px 0 4px 0;
}

/*ordering*/
th.header { 
    background-image: url(../../images/tables/order/bg.gif);     
    cursor: pointer; 
    font-weight: bold; 
    background-repeat: no-repeat; 
    background-position: center left; 
    padding-left: 20px; 
    /*border-right: 1px solid #dad9c7; */
    /*margin-left: -1px; */
} 
th.headerSortUp { 
    background-image: url(../../images/tables/order/asc.gif); 
    /*background-color: #f00; */
}
th.headerSortDown { 
    background-image: url(../../images/tables/order/desc.gif); 
    /*background-color: #0f0; */
}

.gradient-tabs {
	margin: 3px 0 0 0;
}

/* Textareas */
textarea.textarea_text {
	display: block;
}
textarea.textarea_hidden {
	display: none;
}

/* Dashboard Home screen */
div.hscreen_area {
	width: 334px;
	float: left;
	margin: 7px 0 0 0;
}
div.hscreen_area_right {
	margin: 7px 0 0 10px;
}
p.balance {
	font-size: 16px;
	font-weight: bold;
	text-shadow: 0px 1px 0px #FFF;
}

div.hscreen_block {
	margin: 0 0 15px 0;
	border-bottom: none;
}
div.hscreen_block_header {
	background-position: 0px 0px !important;
}
div.hscreen_block_nobord {
	border: 0;
}
div.hscreen_pad {
	padding: 25px 15px 25px 63px;
}
div.hscreen_pad_header {
	padding: 30px;
}
div.hscreen_pad_small {
	padding: 25px 15px 25px 15px;
}
div.hscreen_block h2 {
	font-size: 28px;
}
a.hscreen_go,
input.hscreen_go {
	float: right;
}
a.hscreen_go_big,
input.hscreen_go_big {
	width: 250px;
}
div.hscreen_block p {
	font-size: 14px;
	color: #777777;
	width: 440px;
	margin: 2px 0 5px 0;
}
div.hscreen_block p span {
	font-size: 12px;
	color: #333333;
}
div.hscreen_block p a {
	font-size: 12px;
	color: #0083C7;
	display: inline-block;
	margin: 5px 12px 0 0;
	text-decoration: none;
	font-weight: bold;
	background: #EEEEEE;
	padding: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}


div.hscreen_left,
div.hscreen_right {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: auto;
	float: left;
}
div.hscreen_right {
	float: right;
	text-align: right;
}

div.account_balance {
	width: 200px;
	float: right;
	border: 1px solid #F7F7F7;
}
div.account_balance p {
	font-size: 16px;
	font-weight: bold;
	text-shadow: 0px 1px 0px #FFFFFF;
	color: #555555;
	margin: 0;
}
div.account_balance p a {
	display: block;
	padding: 10px;
	color: #555555;
	text-decoration: none;
}
div.account_balance p span {
	display: inline-block;
	width: 80px;
	font-size: 12px;
	font-weight: normal;
	color: #888888;
}
div.account_balance:hover {
	border: 1px solid #9ecaed;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px 0px 6px #9ecaed;
	-webkit-box-shadow: 0px 0px 6px #9ecaed;
	box-shadow: 0px 0px 6px #9ecaed;
}

/* Form Editor Screens */
div.form_item {
	padding: 5px 0 15px 0;
}
div.form_item p {
	font-size: 14px;
	color: #666666;
	margin: 0 0 5px 0;
}

/* dash_table */
table.dash_table {
	margin: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
table.dash_table tr td {
	padding: 14px;
	font-size: 14px;
	color: #555555;
}
table.dash_table tr td.pg_right {
	border-right: 1px solid #EEEEEE;
}
table.dash_table tr.odd {
	background: #F7F7F7;
}
table.dash_table tr.even {
	background: #FFFFFF;
}
table.dash_table tr.even:hover,
table.dash_table tr.odd:hover {
	background: #ECF5FF;
}

table.dash_table tr.title {
	background: #F7F7F7;
	font-size: 14px;
	font-weight: bold;
	background: #F7F7F7;
}
table.dash_table tr.title.two td {
	border-bottom: 1px solid #E7E7E7;
}
table.dash_table tr.title_blue {
	background: #F7F7F7;
	font-size: 14px;
	font-weight: bold;
	background: #ECF5FF;
}
table.dash_table_small tr td {
	font-size: 11px;
}
div.dash_table_border {
	border: 1px solid #EEEEEE;
	padding: 5px;
	-webkit-border-radius:	6px;
	-moz-border-radius:		6px;
	border-radius:			6px;
}
table.dash_table a.full_link {
	color: #555555;
	display: block;
	line-height: 18px;
	text-decoration: none;
	width: 100%;
	font-weight: bold;
}
table.dash_table a.full_link:hover {
	color: #000000;
	text-decoration: underline;
}

/* Account Block */
div.account_block {
	border: 1px solid #EEEEEE;
	background: #F7F7F7;
	-webkit-border-radius:	6px;
	-moz-border-radius:		6px;
	border-radius:			6px;
	-moz-box-shadow: 0px 0px 5px #EEEEEE;
	-webkit-box-shadow: 0px 0px 5px #EEEEEE;
	box-shadow: 0px 0px 5px #EEEEEE;
}
div.account_block_red {
	border: 1px solid #CC0000;
	-moz-box-shadow: 0px 0px 5px #CC0000;
	-webkit-box-shadow: 0px 0px 5px #CC0000;
	box-shadow: 0px 0px 5px #CC0000;
}
div.account_block_icon {
	background: url('../images/icons/minblue/user.png') 10px 15px no-repeat;
}
div.account_block_business {
	background: url('../images/icons/minblue/business_user.png') 10px 15px no-repeat;
}
div.account_block_pad {
	padding: 15px 15px 15px 70px;
}
div.account_block h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	color: #777777;
}
div.account_block h3 span {
	color: #555555;
	font-size: 16px;
}
div.account_block_section {
	width: 180px;
	float: left;
	margin: 3px 0 0 0;
}

a.account_block_button {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	text-shadow: 0px 1px 0px #FFFFFF;
	text-decoration: none;
}
a.account_block_button:hover {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px 0px 6px #9ecaed;
	-webkit-box-shadow: 0px 0px 6px #9ecaed;
	box-shadow: 0px 0px 6px #9ecaed;
}
a.account_block_button span {
	display: block;
	padding: 12px;
}
div.whitelabel_select_block {
	margin: 0 0 10px 0;
}
div.whitelabel_select_block a {
	display: block;
	width: 100%;
	padding: 14px;
	text-decoration: none;
	-webkit-transition: 0.45s;
	transition: 0.45s;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-border-radius:	6px;
	-moz-border-radius:		6px;
	border-radius:			6px;
}
div.whitelabel_select_block a:hover {
	background: #36B4F5;
}
div.whitelabel_select_block a span.title {
	display: block;
	font-size: 16px;
	color: #555555;
	font-weight: bold;
	-webkit-transition: 0.45s;
	transition: 0.45s;
}
div.whitelabel_select_block a span.subtitle {
	display: block;
	font-size: 12px;
	color: #888888;
	-webkit-transition: 0.45s;
	transition: 0.45s;
}
div.whitelabel_select_block a:hover span.title {
	color: #FFFFFF;
}
div.whitelabel_select_block a:hover span.subtitle {
	color: #EEE;
}

div.page_title_right {
	width: 50%;
	float: right;
	text-align: right;
}

div.page_title_left {
	width: 45%;
	float: left;
	text-align: left;
}

/* Quick Launch */
div#quickLaunch {
	position: absolute;
	margin: -3px 0 0 0;
	width: 1000px;
	height: 190px;
	background: url('../images/backgrounds/f7_grad.jpg') bottom center repeat-x #F7F7F7;
	border-bottom: 1px solid #EEEEEE;
	z-index: 500;
	display: none;
	-moz-box-shadow: 0px 5px 5px #888;
	-webkit-box-shadow: 0px 5px 5px #888;
	box-shadow: 0px 5px 5px #888;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
div.quicklaunch_section {
	display: block;
	background: #F7F7F7;
	height: 180px;
}
div.ql_block {
	width: 220px;
	float: left;
	margin: 0 0 0 15px;
	min-height: 50px;
}
div.ql_blockpad {
	padding: 0 0 0 20px;
}
div.ql_block p {
	margin: 0 0 5px 0;
	padding: 3px;
	font-weight: bold;
	color: #444444;
	border-bottom: 1px solid #444444;
}
div.ql_block a {
	display: block;
	padding: 12px 3px;
	color: #555555;
	border-bottom: 1px dashed #CCCCCC;
	text-decoration: none;
	font-weight: bold;
	text-shadow: 0px 1px 0px #FFFFFF;
	width: 100%;
}
div.ql_block a:hover {
	color: #000000;
}

/* Spam */
div.spam_loading_icon {
	background: url('../images/loading/snake_16.gif') 0px 4px no-repeat;
	padding: 4px 0 0 21px;
}
span.spam_result_good {
	color: #33CC00;
	font-weight: bold;
	font-size: 14px;
	text-shadow: 0px 1px 0px #FFFFFF;
}
span.spam_result_average {
	color: #FF9900;
	font-weight: bold;
	font-size: 14px;
	text-shadow: 0px 1px 0px #FFFFFF;
}
span.spam_result_bad {
	color: #CC0000;
	font-weight: bold;
	font-size: 14px;
	text-shadow: 0px 1px 0px #FFFFFF;
}

/*dashboard home video */
div.dashboard_home_video {
	text-align: right;
	width: 510px;
	margin: 0 auto 0 auto;
}
div.dashboard_home_video a {
	float: right;
}
div.dashboard_home_video p {
	float: right;
	display: block;
	width: 420px;
	text-align: center;
	color: #555555;
	text-shadow: 0px 1px 0px #FFFFFF;
	border: 2px solid #B9CFEE;
	background: #EAF0FB;
	position: relative;
	margin: 0 10px 0 0;
}
div.dashboard_home_video span {
	display: block;
	padding: 6px;
}

div.dashboard_home_video p:after, div.dashboard_home_video p:before {
	border: solid transparent;
	content: ' ';
	height: 0;
	left: 100%;
	position: absolute;
	width: 0;
}
div.dashboard_home_video p:after {
	border-width: 6px;
	border-left-color: #EAF0FB;
	top: 8px;
}
div.dashboard_home_video p:before {
	border-width: 9px;
	border-left-color: #B9CFEE;
	top: 5px;
}


/* TODO: merge. Copy of wl_regform_left */
div.page_split_left {
	width: 160px;
	float: left;
	height: 420px;
	background: url('../images/pages/large-glow.png') top right no-repeat #FFFFFF;
}
div.page_split_pad {
	padding: 30px 0 0 0;
}
div.page_split_right {
	width: 500px;
	float: left;
	margin: 0 0 0 15px;
}
div.page_split_left a {
	display: block;
	width: 100%;
	text-decoration: none;
	border: 1px solid transparent;
}
div.page_split_left a.active,
div.page_split_left a:hover {
	background-color: #FFFFFF;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}
div.page_split_left a span {
	display: block;
	padding: 14px 0 14px 40px;
	color: #444;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 1px 1px 1px #EEE;
}

a.pagesplit_link {
	background-position: 4px 6px;
	background-repeat: no-repeat;
}

/* Step By Step */
div.stepbystep_background {
	background: #FFFFFF;
	border: none;
}
div.stepbystep_pad {
	padding: 0px;
}
div.stepbystep_spacer {
	padding: 0px;
}
div.stepbystep_background div.stepbystep_step {
	background: #FFFFFF;
}

/* Paragraphs with icons */
p.credit_icon {
	background-position: 0px 5px;
	background-repeat: no-repeat;
	font-size: 14px;
	margin: 0 !important;
}
p.credit_icon span.credit_pad {
	display: block;
	padding: 5px 5px 5px 10px;
}
p.credit_icon i {
	font-size: 18px;
	margin: 0 1px 0 0;
	color: #999999;
}

/* New List UI */
div.ui_list_table {
	
}
div.ui_list_table_pad {
	padding: 0px;
}
tr.ui_list_inactive td {
	background: #FFFFFF;
}
tr.ui_list_main_inactive:hover td {
	background: rgb(247,247,247);
	background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 );
}
tr.ui_list_active td.listtd {
	background: #F7F7F7;
}
td.ui_list_data a,
div.ui_list_data a {
	font-weight: bold;
	color: #222222;
	text-decoration: none;
}
td.ui_list_data a:hover,
div.ui_list_data a:hover {
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;
}
span.ui_list_title {
	display: block;
	padding: 20px 0 24px 0;
}
span.ui_list_title_data {
	padding: 20px;
}
span.blocky {
	display: block;
	padding: 6px 0 0 0;
}
span.blocky span {
	font-weight: normal;
	font-style: italic;
	font-size: 11px;
	color: #555555;
}
span.blocky_origin {
	font-weight: bold;
	font-style: normal;
	font-size: 22px;
	color: #676767;
	text-shadow: 1px 1px 0px #FFFFFF;
	word-wrap: break-word;
}
.ui_list_open,
.ui_list_button {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px 26px 10px 26px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	cursor: pointer;
	outline: 0;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	touch-action: manipulation;
	background-image: none;
	transition: all 0.25s cubic-bezier(.2,.5,.7,1);
	-moz-box-shadow: 0px 2px 0px rgba(0,0,0,0.05);
	-webkit-box-shadow: 0px 2px 0px rgba(0,0,0,0.05);
	box-shadow: 0px 2px 0px rgba(0,0,0,0.05);
	text-shadow: 0 -1px 0 rgba(0,0,0,0.15);
	display: inline-block;
	text-decoration: none;
	font-size: 14px;
	line-height: 18px;
	margin: 0px;
	
	font-weight: normal;
	
	background: #FFFFFF;
	border: 1px solid #cfe8f9;
	color: #6d6d6d;
	
	margin: 6px 0 0 0;
}
.ui_list_button_auto {
	width: auto;
}
.ui_list_open {
	margin: 6px 0 5px 0;
}
div.ui_list_preview {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
div.ui_list_preview_pad {
	padding: 0;
	background: #F7F7F7;
}
div.ui_list_row {
	position: relative;
}
div.ui_list_row.ui_list_active {
	border-top: none;
	border-bottom: 1px solid #cacaca;
	background: #F7F7F7;
}
div.ui_list_row_inner_pad {
	padding: 10px;
}
div.ui_list_row_dates {
	width: 357px;
	float: right;
}
div.ui_list_row div.chart_dateselect_dropdown {
	display: none;
}

/* New List UI tabs */
div.ui_list_tabs_left {
	width: 150px;
	border-right: 1px solid #EEEEEE;
	float: left;
}
div.ui_list_tabs_right {
	width: 560px;
	display: block;
	float: left;
	background: #FFFFFF;
	min-height: 350px;
}
div.ui_list_tabs_left a {
	display: block;
	width: 100%;
	border-top: 1px solid rgba(0,0,0,0);
	border-bottom: 1px solid rgba(0,0,0,0);
	text-decoration: none;
	font-weight: bold;
	color: #676767;
	background: #F7F7F7;
}
div.ui_list_tabs_left a span {
	display: block;
	padding: 22px;
}
div.ui_list_tabs_left a.active {
	width: 152px;
	background: #FFFFFF;
	-moz-box-shadow: 5px 0px 4px #EEE inset;
	-webkit-box-shadow: 5px 0px 4px #EEE inset;
	box-shadow: 5px 0px 8px rgba(0,0,0,0.05) inset;
	
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
	
	-webkit-border-top-left-radius: 14px;
	-webkit-border-bottom-left-radius: 14px;
	-moz-border-radius-topleft: 14px;
	-moz-border-radius-bottomleft: 14px;
	border-top-left-radius: 14px;
	border-bottom-left-radius: 14px;
}
tr.ui_list_rowStyle_nopad td {
	padding: 0;
}
tr.ui_list_rowStyle_border td {
	border-bottom: 1px solid #DDDDDD;
}
div.ui_list_tabs_mobile {
	display: none;
}

/* UI Tabs 2 */
div.ui_list2_tabs_left {
	width: 150px;
	border: 1px solid #DDDDDD;
	float: left;
	background: #F7F7F7;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
div.ui_list2_tabs_left a {
	display: block;
	width: 100%;
	text-decoration: none;
	font-weight: bold;
	color: #676767;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #DDDDDD;
}
div.ui_list2_tabs_left a span {
	display: block;
	padding: 12px;
}
div.ui_list2_tabs_left a.active {
	width: 100%;
	background: #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #DDDDDD;
}
div.ui_list2_tabs_left a.first {
	border-top: none;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
div.ui_list2_tabs_left a.last {
	border-bottom: none;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
div.uitab {
	padding: 3px 0 0 20px;
}
div.uitab h2 {
	font-size: 20px;
	margin: 0 0 10px 0;
}
div.uitab p {
	font-size: 14px;
	margin: 0 0 10px 0;
}

/* New UI List update */
div.ui_list_area {
	background: none;
}
div.ui_list_area_inner {
	padding: 0;
}
div.ui_list_col_5,
div.ui_list_col_10,
div.ui_list_col_15,
div.ui_list_col_20,
div.ui_list_col_30,
div.ui_list_col_50,
div.ui_list_col_60,
div.ui_list_col_70,
div.ui_list_col_80,
div.ui_list_col_100 {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	display: block;
	float: left;
}
div.ui_list_col_5 {width: 5%;}
div.ui_list_col_10 {width: 10%;}
div.ui_list_col_15 {width: 15%;}
div.ui_list_col_20 {width: 20%;}
div.ui_list_col_30 {width: 30%;}
div.ui_list_col_50 {width: 50%;}
div.ui_list_col_60 {width: 60%;}
div.ui_list_col_70 {width: 70%;}
div.ui_list_col_80 {width: 80%;}
div.ui_list_col_100 {width: 100%; float: none;}

div.ui_list_row {
	margin: 0px;
	background: #FFFFFF;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: none;
}
div.ui_list_col_right {
	float: right;
}
div.ui_list_row_bottom_border {
	border-bottom: 1px solid #EEEEEE;
}


/* New dashboards */
div.dashboard_blocks_col {
	width: 335px;
	float: left;
}
div.dashboard_blocks_left {
	margin-right: 10px;
}
div.dashboard_block {
	margin: 0 0 10px 0;
	background-position: 10px 10px;
	background-repeat: no-repeat;
}
div.dashboard_block_pad {
	padding: 10px 20px 10px 20px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.32) 0%, rgba(255,255,255,0.32) 1%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.32)), color-stop(1%,rgba(255,255,255,0.32)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.32) 0%,rgba(255,255,255,0.32) 1%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0.32) 0%,rgba(255,255,255,0.32) 1%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0.32) 0%,rgba(255,255,255,0.32) 1%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.32) 0%,rgba(255,255,255,0.32) 1%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
div.dashboard_block:hover {
	-moz-box-shadow: 0px 0px 5px #999;
	-webkit-box-shadow: 0px 0px 5px #999;
	box-shadow: 0px 0px 5px #999;
	
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
}
div.dashboard_block h1 {
	font-size: 20px;
	color: #565656;
	text-shadow: 1px 1px 0px rgba(255,255,255,0.3);
	margin: 0 0 4px 0;
}
div.dashboard_block h1 a {
	display: block;
	width: 100%;
	color: #565656;
	text-decoration: none;
}
div.dashboard_block h1 i {
	color: #FFFFFF;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
}
div.dashboard_block_spacer {
	clear: both;
	height: 10px;
}

div.dashboard_block_donut {
	width: 140px;
	height: 140px;
	float: right;
	margin: 30px 0 0 0;
}
div.dashboard_contacts {
	width: 140px;
	float: left;
}

div.dashboard_wifi {
	width: 280px;
	float: left;
}

a.dash_link {
	display: inline-block;
	background: rgba(0,0,0,0.01);
	color: #656565;
	text-decoration: none;
	margin: 4px;
	margin: 4px 0 4px 0;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	border: 1px solid rgba(0,0,0,0.03);
}
a.dash_link_clean {
	border: none;
}
a.dash_link:hover {
	color: #333333;
	text-shadow: 1px 1px 0px #FFF;
	background: rgba(0,0,0,0.05);
}
a.dash_link span {
	display: block;
	padding: 16px;
}
a.dash_link span.highlight {
	display: block;
	padding: 0;
	font-size: 18px;
}
div.inline_bar_wrapper {
	width: 100px;
	background-color: #ffffff;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
}
a.dash_link_red {
	background: #CC0000;
	background: rgba(255,0,0,0.5);
	color: #FFFFFF;
}
a.dash_link_red:hover {
	color: #FFFFFF;
	background: rgba(255,0,0,0.7);
}
a.dash_link_fixed {
	width: 140px;
}
a.dash_link_full {
	margin: 0;
	width: 100%;
	text-align: right;
	color: rgba(0,0,0,0.5);
}
a.dash_link_half {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 50%;
}
a.dash_link_third {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 33.3%;
}

div.dash_link_group a.dash_link {
	margin: 0;
	float: left;
	border: 1px solid rgba(0,0,0,0.07);
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
div.dash_link_group a.dash_link_first {
	border-right: none;
	-webkit-border-top-left-radius: 14px;
	-webkit-border-bottom-left-radius: 14px;
	-moz-border-radius-topleft: 14px;
	-moz-border-radius-bottomleft: 14px;
	border-top-left-radius: 14px;
	border-bottom-left-radius: 14px;
}
div.dash_link_group a.dash_link_last {
	border-left: none;
	-webkit-border-top-right-radius: 14px;
	-webkit-border-bottom-right-radius: 14px;
	-moz-border-radius-topright: 14px;
	-moz-border-radius-bottomright: 14px;
	border-top-right-radius: 14px;
	border-bottom-right-radius: 14px;
}
div.dash_link_group a.dash_link_1of2 {
	-webkit-border-top-left-radius: 14px;
	-webkit-border-bottom-left-radius: 14px;
	-moz-border-radius-topleft: 14px;
	-moz-border-radius-bottomleft: 14px;
	border-top-left-radius: 14px;
	border-bottom-left-radius: 14px;
}
div.dash_link_group_marg {
	margin: 0 0 8px 0;
}

div.inline_bar {
	position: relative;
	height: 18px;
	width: 99%;
	border: 1px solid #dddddd;
	border: none;
	padding: 1px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	text-align: left;
}
div.inline_bar div.percentage {
	position: absolute;
	/*display: inline-block;*/
	height: 18px;
	background: #e4effb;
	background: #A5D0FF;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
div.inline_bar div.inline_bar_text {
	text-shadow: 0px 1px 0px #FFFFFF;
	color: #111111;
	position: absolute;
	overflow: hidden;
	padding: 2px;
	width: 100%;
}
div.inline_bar div.inline_bar_text span {
	float: right;
	text-align: right;
	font-weight: bold;
	display: block;
	width: 60px;
}
div.inline_bar_title {
	white-space: nowrap;
	overflow: hidden;
}
div.dashboard_headline_number_parent {
	padding: 10px;
}
div.dashboard_headline_number {
	display: block;
	width: 100%;
	background: rgba(0,0,0,0.2);
	margin: 0;
	font-size: 22px;
	color: #FFFFFF;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.25);
	text-align: center;
}
div.dashboard_headline_number:hover {
	background: rgba(0,0,0,0.3);
}
div.dashboard_headline_number span.headline_pad {
	display: block;
	padding: 10px;
}
div.dashboard_headline_number span.headline_title {
	display: block;
	font-size: 12px;
	color: #EEEEEE;
}
div.dashboard_headline_number a {
	color: #EEEEEE;
	text-decoration: none;
}

div.lookup_section {
	margin: 10px;
	background: #F7F7F7;
	border: 1px solid #EEEEEE;
}
div.lookup_section a.lookup_toggle {
	font-size: 14px;
	text-decoration: none;
	display: block;
}
div.lookup_section a.lookup_toggle:hover {
	background: #EEEEEE;
}
div.lookup_section a.lookup_toggle span {
	display: block;
	padding: 20px;
}
div.lookup_section_white {
	background: #FFFFFF;
	margin: 0px;
}

div.quick_tabs {
	border-bottom: 1px solid #CCCCCC;
	margin: 0 0 6px 0;
}
div.quick_tabs a {
	display: block;
	float: left;
	padding: 5px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	text-decoration: none;
}
div.quick_tabs a.left {
	border-right: none;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
}
div.quick_tabs a.right {
	border-right: 1px solid #CCCCCC;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
}
div.quick_tabs a.active {
	background: #FFFFFF;
}

div.dashboard_reputation {
	margin: 20px 0 10px 0;
}
div.dashboard_reputation_left {
	width: 450px;
	float: left;
	background: #fff;
}
div.dashboard_reputation_right {
	width: 200px;
	float: right;
	background: #F5F5F5;
	color: #999999;
	font-style: italic;
	text-align: center;
	text-shadow: 1px 1px 0px #FFFFFF;
}
span.sending_rep {
	display: block;
	margin: 5px 0 0 0;
	font-size: 14px;
	font-weight: bold;
}
span.rep_good {
	color: green;
}
span.rep_poor {
	color: red;
}
span.rep_unknown {
	color: gray;
}
span.rep_ok {
	color: orange;
}

/* White label area */
div.whitelabel_block {
	width: 330px;
	border: 1px solid #EEEEEE;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 0 0 20px 0;
}
div.whitelabel_block a {
	text-decoration: none;
}
div.whitelabel_block_l {
	float: left;
}
div.whitelabel_block_r {
	float: right;
}
div.whitelabel_block_inner {
	padding: 10px;
	height: 200px;
}
div.whitelabel_block_footer {
	background: #F7F7F7;
	border-top: 1px solid #EEEEEE;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
div.whitelabel_block_footer a {
	display: block;
	width: 100%;
	text-decoration: none;
	font-size: 11px;
	color: #FFFFFF;
	background: #36B4F5;
	-webkit-transition: 0.45s;
	transition: 0.45s;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
div.whitelabel_block_footer a span {
	display: block;
	padding: 10px;
}
div.whitelabel_block_footer a:hover {
	color: #FFFFFF;
	background: #5EC8FF;
}
span.wlb_up {
	font-weight: bold;
	color: #00CC00;
}
span.wlb_down {
	font-weight: bold;
	color: #CC0000;
}
div.whitelabel_stats {
	margin: 10px 0 0 0;
	font-size: 12px;
	color: #888888;
}
div.whitelabel_stats span.wl_stats_sep {
	display: inline-block;
	margin: 0 6px 0 6px;
	color: #DDDDDD;
}

div.dashboard_page_left {
	width: 340px;
	float: left;
}
div.dashboard_page_right {
	width: 340px;
	float: right;
}

div.dashboard_well {
	background: #F4F4F4;
	border: 1px solid #F4F4F4;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-moz-box-shadow: 0 2px 0 rgba(29,29,33,0.07);
	-webkit-box-shadow: 0 2px 0 rgba(29,29,33,0.07);
	box-shadow: 0 2px 0 rgba(29,29,33,0.07);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

div.dashboard_stats p.headline {
	font-size: 28px;
	font-weight: 700;
	line-height: 1em;
	margin: 0;
	color: #444444;
}
div.dashboard_stats p.headline span {
	display: block;
	font-weight: 400;
	line-height: 1.6em;
	
	font-size: 14px;
	text-align: center;
	color: #555555;
}


div.dashboard_meter {
	position: relative;
	background: #F5F5F5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 0px;
	-webkit-box-shadow:  0 -1px 1px rgba(0,0,0,0.35);
	-moz-box-shadow:  0 -1px 1px rgba(0,0,0,0.35);
	box-shadow:  0 -1px 1px rgba(0,0,0,0.35);
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: none;
	background: #FFFFFF;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.4);
	height: 26px;
}

div.dashboard_meter_header {
	font-size: 14px;
	margin: 0 0 10px 0;
	text-align: center;
	color: #555555;
}

div.dashboard_sending_allowance {
	margin: 0 0 20px 0;
}
div.dashboard_sending_text {
	position: absolute;
	z-index: 150;
	width: 100%;
}
div.dashboard_sending_text_inner {
	padding: 6px 0 0 0;
}
div.dashboard_sending_bar {
	background: #CCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	height: 26px;
	position: absolute;
	z-index: 100;
}

div.dashboard_sending_bar_green {
	background: #adec77;
	background: -moz-linear-gradient(top,  #adec77 0%, #99c966 100%);
	background: -webkit-linear-gradient(top,  #adec77 0%,#99c966 100%);
	background: linear-gradient(to bottom,  #adec77 0%,#99c966 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#adec77', endColorstr='#99c966',GradientType=0 );
}
div.dashboard_sending_bar_orange {
	background: #eac277;
	background: -moz-linear-gradient(top,  #eac277 0%, #bca860 100%);
	background: -webkit-linear-gradient(top,  #eac277 0%,#bca860 100%);
	background: linear-gradient(to bottom,  #eac277 0%,#bca860 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eac277', endColorstr='#bca860',GradientType=0 );
}
div.dashboard_sending_bar_red {
	background: #ea7777;
	background: -moz-linear-gradient(top,  #ea7777 1%, #c16262 100%);
	background: -webkit-linear-gradient(top,  #ea7777 1%,#c16262 100%);
	background: linear-gradient(to bottom,  #ea7777 1%,#c16262 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea7777', endColorstr='#c16262',GradientType=0 );
}

div.dashboard_campaign {
	border-bottom: 1px dashed #CCCCCC;
}
div.dashboard_campaign_last {
	border-bottom: none;
}
div.dashboard_campaign a {
	display: block;
	width: 100%;
	text-decoration: none;
	color: #666666;
}
div.dashboard_campaign a:hover,
div.dashboard_campaign a:active {
	background: #F7F7F7;
}
div.dashboard_campaign a span.cpad {
	display: block;
	padding: 10px;
}
div.dashboard_campaign a span.ctitle {
	display: block;
	padding: 5px 0 5px 0;
	font-size: 18px;
	font-weight: 700;
}
div.dashboard_campaign a span.copens {
	display: block;
	width: 50%;
	float: left;
}
div.dashboard_campaign a span.cclicks {
	display: block;
	width: 50%;
	float: left;
}


div.dashboard_campaign_none {
	text-align: center;
	padding: 80px 0 0 0;
}
div.dashboard_campaign_none p {
	color: #CCC;
	font-size: 24px;
	line-height: 1em;
	margin: 0;
}

div.align_right {
	text-align: right;
}
div.align_center {
	text-align: center;
}
div.align_left {
	text-align: left;
}

hr.gradient {
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(122, 122, 122, 0.75), rgba(0, 0, 0, 0));
}
/*blinking*/
.blink_me_slow {
  animation: blinker 2s linear infinite;
}
.blink_me_medium {
  animation: blinker 1s linear infinite;
}
.blink_me_fast {
  animation: blinker 0.5s linear infinite;
}
@keyframes blinker {  
  50% { opacity: 0.0; }
}

/* Live campaigns area */
div.live_campaigns_intro {
	text-align: center;
	color: #222222;
	text-shadow: 1p 1px 1px #FFFFFF;
	padding: 30px 0 30px 0;
	background: url('../images/livefilters/biglive.jpg') top left no-repeat;
	height: 152px;
	min-height: 152px;
}
div.live_campaigns_intro h1,
div.live_campaigns_create h1 {
	font-size: 26px;
	margin: 0 0 10px 0;
}
div.live_campaigns_intro p {
	font-size: 18px;
	margin: 0;
}
div.live_campaigns_create a.green_button, 
div.live_campaigns_intro a.green_button {
	margin: 20px 0 0 0;
	font-size: 18px;
}

div.live_campaigns_block {
	padding: 60px 0 60px 0;
	margin: 0px;
}
div.live_campaigns_block h2 {
	font-size: 22px;
	margin: 0 0 10px 0;
	border-bottom: 2px solid #36B4F5;
}
div.live_campaigns_block p {
	font-size: 16px;
	margin: 0 0 10px 0;
	line-height: 1.4em;
}
div.live_campaigns_block div.live_text {
	width: 60%;
	height: auto;
}
div.live_campaigns_block div.live_image {
	width: 40%;
	height: auto;
}
div.live_campaigns_block div.live_image_wrapper {
	padding: 3px;
	border: 1px solid #EEEEEE;
}
div.live_campaigns_block div.live_text_wrapper {
	padding: 0 20px 0 20px;
}
div.live_campaigns_block div.live_image img {
	width: 100%;
	height: auto;
}

div.live_campaigns_block div.live_left {
	float: left;
}
div.live_campaigns_block div.live_right {
	float: right;
}

div.live_campaigns_create {
	text-align: center;
	background: #F7F7F7;
	border-top: 1px solid #EEEEEE;
	padding: 30px;
}

/* table */
div.livefilter_table_wrapper {
	width: 100%;
	background: #F7F7F7;
	background: #FFFFFF;
	border: none;
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
div.livefilter_table_wrapper table thead tr td {
	background: #F9F9F9;
	background: #FFFFFF;
	border-bottom: 1px solid #DDD;
	border-bottom: none;
	color: #36B4F5;
	color: #555555;
	text-shadow: 1px 1px 1px #FFFFFF;
}
tr.live_tr_row td .white_button {
	margin: 0;
}
tr.live_tr_stats td {
	border: none;
}
tr.live_tr_stats span.live_stats_block {
	display: inline-block;
	margin: 0 15px 0 0;
}
tr.live_tr_stats span.live_green {
	color: #00CC00;
}
tr.live_tr_stats span.live_red {
	color: #CC0000;
}
div.livefilter_table_wrapper a.live_full_link {
	display: block;
	padding: 10px;
	background: rgba(0,0,0,0.05);
	color: #333333;
	text-decoration: none;
	font-size: 14px;
}
div.livefilter_table_wrapper a.live_full_link_stats {
	background: none;
}
div.live_filter_display div.filter_part {
	display: inline-block;
	padding: 8px;
	background: #36B4F5;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 4px 0;
}
div.live_filter_display div.filter_part_dent {
	display: inline-block;
	
	padding: 0 10px 0 0;
}
div.live_filter_display div.filter_part_dent i {
	display: block;
	font-size: 28px;
	color: #777777;
	color: rgba(0,0,0,0.2);
	line-height: 28px;
}
div.live_campaign_box {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
div.live_campaign_box:hover {
	background: #CC0000;
	background: #36B4F5;
	background: rgba(54, 180, 245, 0.3);
	background: #ECF5FF;
}

/* Boxes new */
.grey_box {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: #F7F7F7;
	border: 1px solid #EEEEEE;
}
.white_box {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: #FFFFFF;
	border: 1px solid #EEEEEE;
}

/* Page splits */
.half_page {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 50%;
	float: left;
}

/* Coloured icons */
.icon_green {
	color: #00CC00;
}
.icon_red {
	color: #CC0000;
}
.icon_orange {
	color: #FFCC00;
}
.icon_black {
	color: #000000;
}
div.terms_privacy {
	overflow: hidden;
	overflow-y: scroll;
	width: 100%;
	height: 350px;
	border: 1px solid #ccc;
	border-top: 0;
}
div.terms_privacy div {
	padding: 20px;
}
div.terms_privacy li, div.terms_privacy ol, div.terms_privacy ul, div.terms_privacy menu {
    list-style: disc;
	margin-left: 10px;
	padding: 10px;
}
div.terms_privacy h1 {
	margin-top: 20px;
	margin-bottom: 10px;
}

/* Cant edit on mobile warning */
div.cant_edit_mobile {
	display: none;
}

div.dashboard_tile h2 {
	font-size: 22px;
	color: #0e8ce2;
	font-weight: normal;
	margin: 0 0 8px 0;
}
div.dashboard_tile p {
	font-weight: normal;
	margin: 0 0 15px 0;
	line-height: 1.4em;
    color: #8c8a92;
    font-size: 16px;
}

/* UI Row */
div.ui_row {
	position: relative;
	display: flex;
}
div.ui_row:after {
	content: "";
	display: table;
	clear: both;
}
div.ui_row_block {
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	flex: 1 0 auto;
	display: flex;
}
div.ui_row_block_inner {
	flex: 1 0 auto;
	padding: 0px;
	position: relative;
	max-width: 100%;
}
div.ui_row_block_inner_nopad {
	padding: 0px;
}
div.ui_row_block_inner_pad {
	padding: 20px;
	position: relative;
}
div.ui_row_margin_30 { 
	margin: 0 0 30px 0;
}
div.ui_row_margin_10 { 
	margin: 0 0 10px 0;
}
div.ui_row_margin_20 { 
	margin: 0 0 20px 0;
}
div.ui_row_no_margin {
	margin: 0;
}
div.ui_row_1 div.ui_row_block {
	width: 100%;
}
div.ui_row_2 div.ui_row_block {
	width: 50%;
}
div.ui_row_3 div.ui_row_block {
	width: 33.3%;
}
div.ui_row_4 div.ui_row_block {
	width: 25%;
}
div.ui_row_5 div.ui_row_block {
	width: 20%;
}

div.ui_row_margin_10 div.ui_row_block {
	padding: 0 10px 0 0;
}
div.ui_row_margin_10 div.ui_row_block:last-child {
	padding: 0px;
}

div.ui_row_margin_20 div.ui_row_block {
	padding: 0 20px 0 0;
}
div.ui_row_margin_20 div.ui_row_block:last-child {
	padding: 0px;
}

div.ui_row_margin_30 div.ui_row_block {
	padding: 0 30px 0 0;
}
div.ui_row_margin_30 div.ui_row_block:last-child {
	padding: 0px;
}

div.ui_row_grey_top {
	background: #F7F7F7;
	border-bottom: 1px solid #EEEEEE;
}

/* Side color blocks */
div.coloured_side {
	display: flex;
}
div.coloured_side_block {
	background: #F7F7F7;
	width: 200px;
	flex: 1 0 auto;
}
div.coloured_side_block.blue {
	background: #0e8ce2;
}
div.coloured_side_main {
	flex: 1 0 auto;
	width: calc(100% - 200px);
}
div.coloured_side_main_pad {
	padding: 20px;
}

div.coloured_side_block.coloured_side_wifi {
	background-image: url('../images/dashboard_homes/wifi_logo.png');
	background-position: center center;
	background-repeat: no-repeat;
}

div.coloured_side_block.solid_drink {
	background-image: url('../images/dashboard_homes/drinks.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	-o-background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

div.coloured_side_block.solid_wifi_mac {
	background-image: url('../images/dashboard_homes/wifi_mac.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	-o-background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}
div.coloured_side_block.solid_analytics {
	background-image: url('../images/dashboard_homes/analytics.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	-o-background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

/* mmm, Kebab */
div.mui_kebab_parent {
	position: absolute;
	top: 0px;
	right: 0px;
}
a.mui_kebab {
	position: absolute;
	display: block;
	width: 32px;
	height: 32px;
	color: #888888;
	font-size: 26px;
	top: 10px;
	right: 10px;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 2px 0 0 1px;
}
a.mui_kebab:hover {
	background: #0e8ce2;
	color: #FFFFFF;
}
div.mui_kebab_dropdown {
	width: 300px;
	height: auto;
	position: absolute;
	top: 45px;
	right: 10px;
	background: #FFFFFF;
	border: none;
	-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 30px rgba(0,0,0,0.15);
	overflow: hidden;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	display: none;
	z-index: 2000;
}
div.mui_kebab_dropdown a {
	display: block;
	font-size: 14px;
	width: 100%;
	border-bottom: none;
	color: #676767;
	text-shadow: 1px 1px 1px #FFF;
	text-decoration: none;
	font-weight: bold;
}
div.mui_kebab_dropdown a:hover {
	background: #F7F7F7;
}
div.mui_kebab_dropdown a span {
	display: block;
	padding: 18px 25px 18px 25px;
}

ul.standard {
	margin: 0 0 15px 0;
	padding: 0;
	border: 0;
}
ul.standard li {
	font-size: 14px;
	color: #8c8a92;
	line-height: 1.6em;
}

div.dashboard_blankstate {
	padding: 60px;
}
div.dashboard_blankstate h1 {
	font-size: 32px;
	margin: 0 0 10px 0;
}
div.dashboard_blankstate p {
	font-size: 16px;
	margin: 0 0 20px 0;
	line-height: 1.6em;
}

div.page_spacer {
	height: 60px;
}


div.service_row {
	position: relative;
	border-bottom: 1px solid #EEEEEE;
}
div.service_row:last-child {
	border-bottom: none;
}
div.service_row a.service_row_link {
	display: block;
	width: 100%;
	text-decoration: none;
}
div.service_row a.service_row_link:hover {
	background: #F7F7F7;
}
div.service_row a.service_row_link span.keyword_title {
	display: block;
	padding: 15px 0 0px 10px;
	font-size: 18px;
	font-weight: bold;
	color: #444444;
}
div.service_row a.service_row_link span.keyword_number {
	display: block;
	padding: 0 0 5px 10px;
	font-size: 14px;
	font-weight: normal;
	color: #999999;
}
div.service_row a.service_row_link span.keyword_sub {
	display: block;
	padding: 0 0 15px 10px;
	font-size: 12px;
	font-weight: bold;
	color: #0e8ce2;
}


/* Mobile and small tablet/monitor styles */
@media only screen and (min-width: 0px) and (max-width: 999px) {
	/* Cant edit on mobile warning */
	div.cant_edit_mobile {
		display: block;
		color: #9F6000;
		background-color: #FEEFB3;
		border: none;
		padding: 20px;
		
		margin: 0px;
		font-size: 14px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		text-align: center;
	}
	
	/* New dashboards */
	div.dashboard_blocks_col {
		width: 100%;
		float: none;
	}
	div.dashboard_blocks_left {
		margin: 0;
	}
	div.hscreen_block p {
		width: 100%;
	}
	div.dashboard_headline_number_parent {
		padding: 10px 0px 10px 0px;
	}
	
	/* New UI List (shared multiple places) */
	td.listtd_mob_none {
		display: none;
	}
	td.listtd_mob_20,
	td.listtd_mob_30,
	td.listtd_mob_50 {
		display: block;
		float: left;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	td.listtd_mob_20 {
		width: 20%;
	}
	td.listtd_mob_30 {
		width: 30%;
	}
	td.listtd_mob_50 {
		width: 50%;
	}
	td.listtd_mob_right {
		text-align: right;
	}
	
	div.sms_template_preview {
		display: inline-block;
		width: 135px;
	}
	div.sms_template_preview a {
		height: 95px;
		text-align: left;
	}
	
	/* New UI List update */
	div.ui_list_col_mob_40 {
		width: 40%;
	}
	div.ui_list_col_mob_50 {
		width: 50%;
	}
	div.ui_list_col_mob_60 {
		width: 60%;
	}
	div.ui_list_col_mob_100 {
		width: 100%;
	}
	div.ui_list_col_mob_pad20 {
		padding: 20px 0 0 0;
	}
	div.ui_list_col_mob_140px {
		width: 140px;
	}
	div.ui_list_col_mob_100_140px {
		width: calc(100% - 140px);
	}
	span.ui_list_title {
		padding: 20px 10px 10px 0;
	}
	span.ui_list_title_data {
		padding: 10px;
	}
	span.blocky_origin {
		font-weight: bold;
		font-style: normal;
		font-size: 14px;
		color: #676767;
		text-shadow: 1px 1px 0px #FFFFFF;
		word-wrap: break-word;
	}
	div.ui_list_row.ui_list_active {
		border-top: 1px solid #cacaca;
		border-bottom: 1px solid #cacaca;
		background: #FFFFFF;
	}
	div.ui_list_row_inner.ui_list_active {
		background: #F7F7F7;
	}
	div.ui_list_mob_center {
		text-align: center;
	}
	
	.ui_list_open,
	.ui_list_button {
		padding: 12px 26px 12px 26px;
		width: 100%;
		text-align: center;
		margin: 6px 0 0 0;
		position: relative;
		top: 0;
		right: 0;
	}
	
	/* New List UI tabs */
	div.ui_list_tabs_left,
	div.ui_list_tabs_right {
		display: block;
		width: 100%;
		float: none;
		border: none;
		height: auto;
	}
	div.ui_list_tabs_right {
		
	}
	div.ui_list_tabs_left a.active {
		width: 100%;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	div.ui_list_row_inner_pad {
		padding: 0;
	}
	div.uitab {
		padding: 20px;
	}
	div.ui_list_row_dates {
		width: 48%;
		margin: 0 2% 0 0;
		float: right;
		overflow: hidden;
	}
	div.ui_list_row_dates div.chart_dateselect {
		display: none;
	}
	div.ui_list_row div.chart_dateselect_dropdown {
		display: block;
	}
	
	/*
	div.ui_list_row div.chart_dateselect_dropdown .inputField, select {
		position: relative;
		padding: 6px;
		margin: 0;
		border: 1px solid #CCCCCC;
		font-family: Arial;
		font-size: 16px;
		color: #888;
		background-color: #F1F1F1;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	*/
	
	div.ui_list_tabs_left {
		display: none;
	}
	div.ui_list_tabs_mobile {
		display: block;
	}
	div.ui_list_tabs_mobile a {
		display: block;
		width: 100%;
		font-size: 16px;
		text-shadow: 1px 1px 1px #FFF;
		text-decoration: none;
		color: #888888;
	}
	div.ui_list_tabs_mobile a span.pad {
		display: block;
		padding: 10px;
		background: #F1F1F1;
		border-top: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1a000000',GradientType=0 ); /* IE6-9 */
	}
	div.ui_list_tabs_mobile a span i {
		float: right;
		margin: 3px 0 0 0;
	}
	
	
	/* any table */
	tr.mob_100,
	td.mob_100 {
		display: block;
		margin: 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
	}
	tr.mob_50,
	td.mob_50 {
		display: block;
		margin: 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 50%;
		float: left;
	}
	tr.mob_33,
	td.mob_33 {
		display: block;
		margin: 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 33.3%;
		float: left;
	}
	
	table.padded_mob {
		display: block;
		width: 100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	/* dash_table */
	table.dash_table tr td.mob_100 {
		display: block;
		margin: 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
	}
	
	/* 'Gradient' Styles */
	table.widest {
		width: 100%;
	}
	table.gradient-style tr.mob_collapse,
	table.gradient-style tr td.mob_collapse,
	table.gradient-style tr.mob_collapse td.mob_collapse {
		display: block;
		width: 100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.mob_collapse input,
	.mob_collapse select,
	.mob_collapse button {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	table.gradient-style td {
		height: auto;
	}

	
	/* headers */
	div.hscreen_left,
	div.hscreen_right {
		width: 100%;
		float: none;
	}
	div.hscreen_right {
		text-align: left;
	}
	a.hscreen_go,
	input.hscreen_go {
		float: none;
		display: inline-block;
		margin: 10px 0 0 0;
		width: auto;
		text-align: center;
	}
	
	/* Live campaigns area */
	div.live_campaigns_intro {
		background: none;
	}

	div.live_campaigns_block div.live_left,
	div.live_campaigns_block div.live_right,
	div.live_campaigns_block div.live_image {
		float: none;
		width: 100%;
	}
	div.live_campaigns_block div.live_image {
		margin: 0 0 20px 0;
	}
	
	/* Header signpost links */
	div.dashboard_page_nav {
		background: #FFFFFF;
		-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.1);
		box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.1);
	}
	div.dashboard_page_nav_icon {
		width: 30%;
		width: calc(80px);
	}
	div.dashboard_page_nav_link {
		width: 70%;
		width: calc(100% - 80px);
	}
	div.dashboard_page_nav_button {
		width: 100%;
	}
	div.dashboard_page_nav_link a {
		text-decoration: none;
		display: block;
	}
	div.dashboard_page_nav_link a span.full_link {
		display: block;
		padding: 14px 10px 0 0;
		font-size: 16px;
	}
	div.dashboard_page_nav_link a span.full_link_subtext {
		padding: 0 10px 0 0;
	}
	div.dashboard_page_nav_button_pad {
		padding: 10px 0 10px 0;
		text-align: left;
		padding-left: calc(80px);
	}
	
	/* Inline percentage bar */
	div.inline_bar {
		background: #FFFFFF;
	}
	div.inline_bar_title {
		white-space: normal;
		overflow: hidden;
		word-wrap: break-word;
		width: 100%;
		float: none;
		margin: 5px 0 0 0;
	}
	div.inline_bar_wrapper {
		width: 100%;
	}

	/* Page titles */
	div.page_title_right,
	div.page_title_left {
		width: 100%;
		float: none;
		margin: 0;
	}
	
	/* UI Row */
	div.ui_row {
		position: relative;
		display: block;
	}
	div.ui_row_block {
		float: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		flex: none;
		display: block;
	}
	div.ui_row_1 div.ui_row_block {
		width: 100%;
	}
	div.ui_row_2 div.ui_row_block {
		width: 100%;
	}
	div.ui_row_3 div.ui_row_block {
		width: 100%;
	}
	div.ui_row_4 div.ui_row_block {
		width: 100%;
	}
	div.ui_row_5 div.ui_row_block {
		width: 100%;
	}
	div.ui_row_margin_10 div.ui_row_block {
		padding: 0 0 10px 0;
	}
	div.ui_row_margin_20 div.ui_row_block {
		padding: 0 0 20px 0;
	}
	div.ui_row_margin_30 div.ui_row_block {
		padding: 0 0 30px 0;
	}
	
	/* Side color blocks */
	div.coloured_side {
		display: block;
	}
	div.coloured_side_block {
		background: #F7F7F7;
		width: 100%;
		height: 120px;
		flex: none;
	}
	div.coloured_side_main {
		flex: none;
		width: 100%;
	}
	div.coloured_side_main_pad {
		padding: 20px;
	}
	
	div.dashboard_blankstate {
		padding: 20px;
	}
	div.dashboard_blankstate h1 {
		font-size: 26px;
		margin: 0 0 10px 0;
	}
	div.dashboard_blankstate p {
		font-size: 16px;
		margin: 0 0 20px 0;
	}
	
	div.page_spacer {
		height: 30px;
	}
}