/*
html{
	overflow:scroll;
}
Accrding to Gimp,
11pt=8px, 12pt=9px, 18pt=13px, 21pt=15px
*/
body {
	background-color: white !important;
	margin:0;
	padding:0;
	font: 11px Helvetica,Arial,sans-serif;
}

a img, img { /* no borders on our images */
	border:none;
}

h1,h2,h3,h4,h5{
	padding: 5px 10px;
	margin: 0;
}

.h1a {
	color: #464646;
	font-weight: bold;
	font-size: 16px; /* 21pt */
}

.h1b {
	color: #666666;
	font-weight: bold;
	font-size: 16px; /* 21pt */
}

.h2 {
	color: #ea6b42;
	font-weight: bold;
	font-size: 14px; /* 18pt */
	padding-left: 8px;
	margin: 0;
}

h3 {
	font-weight: bold;
	font-size: 120%;
/*	border-bottom: 1px dotted #c2c2c2; */
}

/* theme color */
.thm_col2 {
	color: #ea6b42;
}

xp {
	margin: 6px;
	color: #333;
}

/* Show that logo is clickable */
#mn_co_logo {
	cursor: pointer;
}

/* Notice
----------------------------------*/
.ui-notice-inner { padding: .5em; }
.ui-notice-icon { float: left; margin-right: .3em; }


/** JQuery tweaks to get our theme where we want it **/
.ui-widget {
	font-size: 1em !important; /* TODO: Definitely fix in jQ theme */
}

.ui-widget-content.lw-content {
	padding: 10px;
}

div.ui-tabs.ui-widget { /* no borders for tab controls */
	border: 0 !important;
}

div.ui-widget-content, div#pgmain { /* but borders and background for the CONTENT & main tab? */
	border: 1px solid #c2c2c2 !important;
	background-color: #ffffff !important;
	background-repeat: repeat; /* Themeroller bug?? */
}

div#demo.ui-tabs-panel {
	background-color: #f7f7f7
}

xdiv.ui-tabs-panel, div.ui-dialog-content { /* TODO: Fix this from the theme? */
	background-color: white /* #e4e5e6 */ !important;
	/*border: 2px solid #a0a0a0 !important;*/
}

/* very top Layout-table cells */
td.lu-head-left {
	padding: 10px 0 0 10px;
	text-align: left;
	vertical-align: top;
}

td.lu-head-right {
	padding: 10px 10px 0 0;
	vertical-align: top;
	text-align: right;
}

/* Our mini account-bar in the top-right */
div.lu-mini, div.lu-mini div {
	display: inline-block;
	font-size: 11px; /* 11pt */
	font-weight: bold;
	color: black; /* #c7cabf */

}

div.lu-mini div {
	white-space: pre;
}

.lu-mini a {
	color: #516f17;
	text-decoration: none;
}

.lu-mini a:hover {
	color: #a3cc5a; /* #c2dd6a */
}

.lu-mini a img {
	display: none;
}

div.lu-mini div.gotmail {
	cursor: pointer;
}

div.lu-mini div, div.lu-mini a {
	vertical-align: top;
}

div.gotmail a {
	color: #ea6b42;
}

/**
 ** Everything for the top-level tab-row navigation **
 **/
div#maintabs {
	padding-bottom: 0;
}

/* , div#nav_main, div#test */
body, div#lu-body, div#tabcontainer, div#nav_main {
	width: auto;
}

div#lu-body {
	padding: 10px;
}

/* Set the width of Top-Level buttons and suppress images */
li a.nmain {
	width: 11.0em;
	text-align: center;
}

a.nmain img {
	display: none;
}

div ul.ui-tabs-nav { /* No border on tab-control headings */
	border:0;
	padding: 0 0.5em 0px 1em !important;
}

ul.ui-tabs-nav li {
	margin: 6px 0 0 0 !important;
	padding: 0 0 6px 0 !important;
}

ul.ui-tabs-nav li.ui-state-hover {
	margin-top: 3px !important;
	padding-bottom: 0px !important; /* was 9px */
}

ul.ui-tabs-nav li a {
	font-weight: bold;
}

ul.ui-tabs-nav li.ui-state-hover a {
	padding-bottom: 14px !important;
}

ul.ui-tabs-nav li.ui-tabs-selected {
	margin-top: 0 !important;
	padding-bottom: 12px !important;
}

ul.ui-tabs-nav li.ui-tabs-selected a {
	padding-bottom: 6px !important; /* Cancel the 9px added as a result of hovering for "focus" if already active */
}


/**
 ** Home-Page Dashboard Layout-table **
 **/

div#demo {
	margin: 0;
	padding: 0;
}

.dashtable {
	width: 100%;
	text-align: center;
	margin: 0;
	border-collapse: collapse;
}

table.dashtable th {
	padding: 10px 10px 0 10px;
}

table.dashtable th.h1aa {
	text-align: left;
}

table.dashtable th#help_relnotes {
	text-align: right;
}

table.dashtable td {
	padding: 0px;
}

table.dashtable .box {
	border: 1px solid #c2c2c2;
	background-color: white;
	text-align: center;
	vertical-align: top;
	height: 280px;
	padding: 10px 0 10px 0;
}

table.dashtable td.left,td.right {
	width: 50%;
}

table.dashtable div.left {
	padding: 10px 5px 10px 10px;
}

table.dashtable div.right {
	padding: 10px 10px 10px 5px;
}

div#overvwa div.ffts table {
	width: 100%; /* Spread the summary table over the who width */
}

span#grid1 div.ffts {
	height: 240px;
	overflow-y: auto;
}

/* Home Page Shortcut buttons */
button.btnmain {

	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
	height: 48px;
	width: 100%;
	margin: 0 0 10px 0;
}

/* Keyword Setup buttons */
button.bb {
	width: 10em;
	height: 4em;
	vertical-align: middle;
	margin: 5px;
}

button.bb img {
	display: none;
}

.dtlink {
	color: #2996b7;
	font-size: 12px; /* 12pt */
	font-weight: bold;
}

.dtlink:hover {
	cursor: pointer;
}


/**
 ** Dashboard-panel/'Dashlet' table classes **
 **/
.lu-dash-tbl {
	width: 100%;
}

.lu-dash-tbl, .lu-dash-tbl td {
	border: 1px solid #c2c2c2;
	border-width: 1px 1px 0px 1px;
	border-collapse: collapse;
	padding: 5px 0px 5px 0px !important;
}

.lu-dash-thead {
	font-weight: bold;
	background-color: #f7f7f7;
	border-bottom: 1px solid #c2c2c2;
}

.lu-dash-tbody, .lu-dash-tbody td {
	/* border-right: 1px solid #d3d3d3; */
}

.lu-dash-tfoot td {
	border-top: 1px dashed #c2c2c2;
	border-bottom: 1px solid #c2c2c2;
	font-weight: bold
}

/* The dashboard link button */
#b_nxt_dsh {
	padding: 0 10px 0 0; margin: 0;
}

/* need to work on these, feel kind of 'hacked'... */
div.h2b {
	float: right;
	padding: 0 10px 0 0;
}

div.h2c {
	width: 100%;
	padding: 10px 0 0 0;
}
div.h2c div {
	display: inline-block;
	text-align: center;
	width: 30%;
	white-space: nowrap;
}

/**
 ** Everything for the Layout when 2nd-level of Navigation **
 **/

div#subnav1, div#pgmain {
	width: auto;
}

div.lu-sn-tbl {
	display: table;
	width: auto;
}

div.lu-sn-tr {
	vertical-align: top;
	width: 100%;
	display: table-row;
}

/* left-side/menu when secondary navigation */
div.lu-sn-td {
	display: table-cell;
	vertical-align: top;
}

div.sn-left {
	padding: 0 5px 10px 10px;
	min-width: 155px;
	width: auto;
}

/* right-side subnav - expand to fill */
div.sn-right {
	padding: 0 10px 10px 5px;
	width: 100%;
}

div#lu_sn_nav, div#lu_sn_reload, .inblk {
	display: inline-block;
}

div#lu_sn_reload {
	padding-top: 2px;
	float: right;
}

div#subnav {
	clear: both;
}

/* Move Accordion-icons to the right */
.ui-accordion-icons .ui-accordion-header a { padding-left: 0.5em; padding-right: 2.2em !important; }
.ui-accordion .ui-accordion-header a { padding-left: 0.7em; padding-right: 0.5em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; right: .5em; left: auto; }

/* sub-menu/Accordion Headings */
div#subnav h3 {
	/* stops the 'variable-width' left-nav menu */
	white-space: nowrap;
	margin-top: 0;
	margin-bottom: 6px;
}

div.lu-sn-td div.ui-accordion-content-active {
	padding: 2px 0 2px 0; /* this 20px is the left-gap btween subnav-buttons */
	margin: -8px 0 7px 0;
}

div.lu-sn-link {
	white-space: nowrap;
	padding: 5px;
	width: 90%;
	cursor: pointer;
}

div.lu-sn-link div {
	margin: 0;
	text-align: left !important;
}

div.lu-sn-link div span {
	display: inline-block !important;
	vertical-align: middle;
}

/* right-side/page-content */
div.lu-subpage-heading {
	display: inline-block;
	float: left;
}

div.lu-subpage-icon {
	margin-top: 5px;
	padding: 5px 10px 0px 8px;
	display: inline-block;
	float: right;
	cursor: pointer;
}
div.lu-subpage-icon span {
	text-decoration: underline;
	padding-left: 10px;
	vertical-align: top;
}

div.subpage {
	padding: 0px 0 0 0 !important;
	width: 100%;
	clear: both;
}


#sendselmsgs {
	max-width: 550px;
}


/** MAYBE some stuff for common?? **/
/* The "Info" button */
.myinfo {float: left; }

/* used to prevent FoUC, Flash of Unstyled Content */
.noflash { display: none; }

/* This displays any text within a div to look and break
 like a text-message, eg. in the phone preview or calendar */

.phtxtmsg {
	vertical-align: text-top;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	word-wrap: break-word;
}

/* Our filter-buttons, change padding and height */
/* Our radio-buttons extra padding */
label.tmrb { padding: 4px 2px 0px 2px !important; } /* padding: .5em 1em .5em 1em !important; } */

x.ui-button-text-only {
    padding-top: 0.0em !important;
    padding-bottom: 0.0em !important;
}
x.ui-button-text {
/*     padding: 4px 10px 2px 10px !important; */
}

/* The image and text within our "msgbox" */
div.lw-msgbox {
	padding: 0px;
}
div.lw-msgbox-icon {
	padding: 4px;
	float: left;
}
div.lw-msgbox-body {
	padding:4px;
	float: left;
	vertical-align: top;
}

button.luqr span { /* QR Code Button */
	padding:3px !important;
}