/**********************************************************************
Important colors

Blue (headings): #377EBE
Reddish (links): #B95766

*/

/**********************************************************************
Font embedding */

@font-face{
	font-family:Museo;
	src:url('../fonts/museo.eot'); /* For IE */
	src:local('XXX'), url('../fonts/museo.ttf') format('opentype');
}


/**********************************************************************
Global styles */

body {
	font:10pt/1.3 Verdana,Arial,Helvetica,sans-serif;
	margin:0 auto;
	padding:0 1em 4em 1em;
	background:#F6F6E8;
	color:#060606;
	min-width:950px;
	max-width:1250px;
	position:relative;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	font:bold 11pt/1.3 Museo,'Times New Roman',Times,serif;
	color:#377EBE;
	margin:0.4em 0 0.2em 0;
}
h1 {
	font-size:20pt;
}
h2 {
	font-size:16pt;
}
h3 {
	font-size:14pt;
}

/* Links */
a:link,
a:visited,
a:hover,
a:active {
	color:#B95766;
	text-decoration:none;
}
a img {
	border:none;
}

/* Block-level */
p {
	margin:0.7em 0;
}
ul,ol {
	margin:0.5em 0;
	padding:0 0 0 2.5em;
}
ul.plain, ol.plain {
	list-style:none;
}

/* Inline */
del {
	text-decoration:none;
	color:#f00;
}
abbr {
	border-bottom:1px solid #333;
	cursor:help;
}


/**********************************************************************
Layout: Top (override) ribbon */

#top-ribbon {
	position:fixed;
	width:100%;
	z-index:12;
	left:0;
	top:0;
	height:2.5em;
	text-align:center;
	background:#EAE5DC;
	border-bottom:0.2em solid #D4CEC2;
}
#top-ribbon+#header { /* Spacing after */
	margin-top:3em;
}
#top-ribbon p {
	font-size:9.5pt;
	margin:0.7em 0;
}


/**********************************************************************
Layout: Header */

#header {
	position:relative;
	text-align:right;
	margin:0 0.7em;
	padding:1em 0 2em 0;
	color:#656158;
}

/* Logo */
#logo {
	position:absolute;
	margin:0;
	left:0;
	top:0;
	text-align:left;
}
#logo a {
	font-size:16pt;
	line-height:1.1;
	display:block;
	padding:32px 0 32px 95px;
	background:transparent url('../images/site/logo.png') no-repeat left center;
	color:#377EBE;
}
#logo strong {
	font-size:20pt;
	display:block;
}


/* Welcome / etc. */
#header h2+p { /* Date */
	font-weight:bold;
}
#header p {
	margin:0.3em 0;
	font-size:9pt;
}


/**********************************************************************
Layout: Navigation */

#main-nav {
	position:absolute;
	background:#EAE5DC;
	border:0.3em solid #D4CEC2; 
	z-index:10;

	-moz-border-radius:0.3em 0 0.3em 0;
	-webkit-border-radius:0.3em 0 0.3em 0;
	border-radius:0.3em 0 0.3em 0;
}
#main-nav h3 {
	font-size:11pt;
	margin:0;
	padding:0.3em 0.5em;
	cursor:pointer;
}

/* Drop-down */
#main-nav ul {
	display:none;
	position:absolute;
	list-style:none;
	margin:0 0 0 -1px;
	padding:0.3em 0.5em;
	background:#EAE5DC;
	min-width:14em;
	font-size:9pt;
	border:1px solid #D4CEC2;
	z-index:12;
	white-space:nowrap;

	-moz-border-radius:0 0.3em 0.3em 0.3em;
	-webkit-border-radius:0 0.3em 0.3em 0.3em;
	border-radius:0 0.3em 0.3em 0.3em;
}
#main-nav:hover>ul,
#main-nav li:hover>ul {
	display:block;
}
#main-nav li a {
	display:block;
	padding:0.55em 2em 0.55em 1.3em;
	position:relative;
	border-top:1px solid #C0B7A5;
}
#main-nav li:first-child>a {
	border:none;
}
#main-nav li>a:before {
	content:' ';
	position:absolute;
	left:0.4em;
	top:50%;
	height:0;
	width:0;
	margin-top:-5px;
	border-left:6px solid #C0B7A5;
	border-top:5px solid transparent;
	border-bottom:5px solid transparent;
}
#main-nav li.active>a,
#main-nav li:hover>a {
	background:#F2EFEA;
}

/* Invisibly increase the hover area */
#main-nav li {
	margin:0 -2.5em;
	padding:0 2.5em;
}


/* Further levels */
#main-nav li.hasSubs {
	position:relative;
}
#main-nav li.hasSubs>a:after {
	position:absolute;
	content:' ';
	width:0;
	height:0;
	right:0.4em;
	top:50%;
	margin-top:-5px;
	border-left:6px solid #B95766;
	border-top:5px solid transparent;
	border-bottom:5px solid transparent;
}
#main-nav ul ul {
	left:100%;
	top:-0.3em;
	margin-left:-2.5em; /* Cover the extra hit area */
}



/**********************************************************************
Layout: Content */

#content {
	background:#fff;
	border:0.3em solid #D4CEC2;
	padding:1em;
	min-height:10em;

	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	border-radius:0.5em;
}
#content h1 {
	text-align:center;
	position:relative;
	margin:0 0 0.7em 0;
}
#content h1:after {
	position:absolute;
	content:' ';
	width:100%;
	height:8px;
	left:0;
	bottom:-7px;

	background-image:-moz-radial-gradient(center center, ellipse farthest-side, rgba(50,50,50,0.1), transparent);
	background-image:-webkit-radial-gradient(center center, ellipse farthest-side, rgba(50,50,50,0.1), transparent);
	background-image:-ms-radial-gradient(center center, ellipse farthest-side, rgba(50,50,50,0.1), transparent);
	background-image:-o-radial-gradient(center center, ellipse farthest-side, rgba(50,50,50,0.1), transparent);
	background-image:radial-gradient(center center, ellipse farthest-side, rgba(50,50,50,0.1), transparent);
}
#content h2 {
	border-bottom:1px solid #ddd;
	padding:0 0.2em 0.1em 0.2em;
	margin-bottom:0.7em;
}


/**********************************************************************
Layout: Footer */

#footer {
	position:fixed;
	width:100%;
	left:0;
	bottom:0;
	height:2.5em;
	text-align:center;
	background:#EAE5DC;
	border-top:0.2em solid #D4CEC2;
}
#footer p {
	font-size:9.5pt;
	margin:0.7em 0;
}


/**********************************************************************
Forms (global) */

/* Layout */
form {
	/*overflow:hidden;*/
}
fieldset {
	width:49%;
	display:inline-block;
	vertical-align:top;
	border:1px solid #D4CEC2;
	margin:0 0.5% 1em 0;

	/*float:left;
	margin:0 0.5% 1em 0.5%;*/

	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;

	-moz-border-radius:0.4em;
	-webkit-border-radius:0.4em;
	border-radius:0.4em;
}

/* Layout - as columns */
.columns {
	-moz-column-count:2;
	-webkit-column-count:2;
	column-count:2;
}
.columns fieldset {
	display:block;
	width:auto;
	margin:0 0 1em 0;

	/* Prevents weird column breaking in Webkit browsers */
	-webkit-column-break-inside:avoid;
}
ol.columns,
ul.columns {
	-moz-column-gap:3em;
	-webkit-column-gap:3em;
	column-gap:3em;
}
/*ol.columns li, -- Webkit has problems with this (cuts stuff off)
ul.columns li {
	white-space:nowrap;
}*/


/* Headings */
fieldset legend {
	color:#377EBE;
	font:bold 12pt/1.3 Museo,'Times New Roman',Times,serif;
	padding:0 0.3em;
}
fieldset h3 {
	font-size:11pt;
	margin:0.8em 0.3em 0.5em 0.1em;
	border-bottom:1px solid #ddd;
	padding:0 0.3em 0.1em 0.3em;
}

/* Paragraphs / tableless */
fieldset p {
	margin:0.4em 0 0.7em 9em;
}
fieldset p>label:first-child,
fieldset p>strong:first-child {
	float:left;
	clear:left;
	margin-top:0.3em;
	margin-left:-10.5em;
	width:10em;
	font-size:8.5pt;
}
fieldset input[type="text"],
fieldset input[type="password"],
fieldset textarea,
fieldset select {
	width:90%;
}

/* Edit links / etc. */
fieldset legend a {
	font-size:75%;
}
fieldset legend a:before,
fieldset legend a:after {
	content:'[';
	color:#caa;
	font-weight:bold;
	padding:0 0.1em;
}
fieldset legend a:after {
	content:']';
}


/* Blocks of checkboxes / radios */
fieldset .nowrap input {
	vertical-align:top !important;
}
fieldset .nowrap label {
	display:inline-block;
	width:40%;
	padding:0.1em 0 0.3em 0;
	vertical-align:top !important;
}
fieldset p .nowrap label {
	white-space:normal;
}


/* Labels */
label {
	font-weight:bold;
	font-size:9pt;
	display:inline-block;
	vertical-align:top;
	min-width:7em;
}
label[title],
strong[title] {
	text-decoration:underline;
	cursor:help;
}
input[type="checkbox"]+label,
input[type="radio"]+label {
	vertical-align:middle;
	min-width:inherit;
	font-weight:normal;
	margin:0 0 0 0.3em;
}
label.dpi-goal:after,
strong.dpi-goal:after {
	content:'*DPI Goal';
	display:block;
	font-weight:bold;
	font-size:80%;
	color:#015ae0;
}

/* Inputs */
input,
select {
	vertical-align:middle;
}
textarea {
	vertical-align:top;
}
input[type="text"],
input[type="password"],
textarea,
select {
	background:#fefefe;
	border:1px solid #D4CEC2;
	font:10pt/1.2 Arial,Helvetica,sans-serif;
	padding:0.3em 0.3em;

	-moz-border-radius:0.3em;
	-webkit-border-radius:0.3em;
	border-radius:0.3em;
}
small select {
	font-size:9pt;
	margin:0.3em 0;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
	background:#fff;
	border-color:#A49E92

	/* Kill highlight in Chrome/Safari */
	outline:none !important;
	outline-width:0 !important;
}

/* Alternate widths */
input.numeric {
	width:6em !important;
	text-align:right;
}
fieldset input.half {
	width:45%;
}

/* Date picker */
input.datePicker {
	width:6em !important;
}
.datePickerLink {
	display:inline-block;
	vertical-align:top;
	text-align:left;
	text-indent:-9999px;
	height:22px;
	width:26px;
	margin:0 0 0 2px;
	color:transparent !important;
	background:transparent url('../images/icons/calendar.png') no-repeat center center;
}

/* Multi-select */
select[multiple] {
	height:10.5em;
	width:40%;
}
select[multiple]+span {
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	width:16%;
}
select[multiple]+span input[type="button"] {
	display:block;
	width:70%;
	padding:0;
	margin:0.5em auto;
}


/* Disabled stuff */
input:disabled, textarea:disabled, select:disabled {
	background-color:#f7f7f7;
}


/* Misc fields */
#timeSpent-hr,
#timeSpent-min {
	width:auto;
}



/**********************************************************************
Specific forms */

#report-opts {

}

/* Force the radios for report type to show on one line */
#report-opts label[for^="D__type"],
#report-opts label[for^="CL__type"] {
	width:auto;
}

/* Inactive radio options (that are nevertheless selectable) */
#report-opts span.inactive {
	display:block;
}
#report-opts span.inactive:before {
	content:'Inactive Data Points';
	display:block;
	font-style:normal;
	margin:0.5em 0 0.2em;
}

/**********************************************************************
Tables */

/* General / shared */
table {
	font-size:9pt;
	border-collapse:collapse;
	width:100%;
	background:#fff;

	/* Prevents weird column breaking in Webkit browsers */
	-webkit-column-break-inside:avoid;
}
table caption {
	font:bold 14pt/1.3 Museo,'Times New Roman',Times,serif;
	text-align:left;
	color:#377EBE;
	padding:0.5em 0 0.2em 0.3em;
}
table th,
table td {
	padding:0.2em 1em 0.2em 0.4em;
	border-bottom:1px solid #D4CEC2;
}
table thead {
	background:#ECD798;
	background-image:-moz-linear-gradient(top, #F9F2C8, #D5AB5F);
	background-image:-webkit-linear-gradient(top, #F9F2C8, #D5AB5F);
	background-image:-ms-linear-gradient(top, #F9F2C8, #D5AB5F);
	background-image:-o-linear-gradient(top, #F9F2C8, #D5AB5F);
	background-image:linear-gradient(top, #F9F2C8, #D5AB5F);
}
table thead th {
	text-align:center;
	border:none;
}
table thead th[title] {
	text-decoration:underline;
	cursor:help;
}
table tbody th {
	text-align:left;
}
table tbody th[title] {
	cursor:help;
}
table tbody tr:nth-child(even) {
	background:#F7F6F2;
}
table tbody tr:hover>* {
	background:rgba(100,80,0,0.02);
}
table tbody td[rowspan] {
	background:#fff; /* Looks odd otherwise */
}

/* Disabled */
table tbody tr.disabled>* {
	background:rgba(50,50,50,0.1);
	font-style:italic;
	color:#999;
}

/* Total / divider rows */
tr.div th, tr.div td,
tr.total th, tr.total td {
	border-top:2px solid #D4CEC2;
}
tr.total th {
	font-style:italic;
	padding-left:0.7em;
}
tr.total td {
	font-weight:bold;
}


/**********************************************************************
Tabular lists */

dl {
	margin:1em 0;
	padding-left:7em;
	font-size:9pt;
}
dt {
	display:inline-block;
	vertical-align:top;
	float:left;
	clear:left;
	margin-left:-7em;
	width:7em;
	font-size:8.5pt;
	font-weight:bold;
}
dd {
	margin:0 0 0.5em 0;
}



/**********************************************************************
Search Tables */

#search-tbl {
	margin:0;
	padding:3.5em 0 0 0;
	position:relative;
}

/* Sort indicators */
#search-tbl th[onclick] {
	cursor:pointer;
}
#search-tbl th.sort:after {
	position:absolute;
	content:' ';
	margin-top:0.4em;
	margin-left:0.3em;
	width:0;
	height:0;
	border-top:0.6em solid #443D2B;
	border-left:0.4em solid transparent;
	border-right:0.4em solid transparent;
}
#search-tbl th.sort.desc:after {
	border-top:none;
	border-bottom:0.6em solid #443D2B;
}

/* Pagination links */
.pagination {
	text-align:center;
	margin:0.5em 0;
	padding:0;
	list-style:none;
}
.pagination li {
	display:inline;
	font-weight:bold;
}
.pagination a,
.pagination strong {
	padding:0 0.2em;
}


/* Filter form */
#search-tbl form {
	position:absolute;
	top:0;
	width:100%;
	padding:1em 0.5em 0.5em 0.5em;

	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#search-tbl form h3 {
	margin:0;
}
#search-tbl form p {
	position:absolute;
	margin:0;
	right:0;
	bottom:0.5em;
}
#search-tbl form label,
#search-tbl form strong {
	display:inline;
	width:auto;
	vertical-align:middle;
	padding:0 0.5em;
}
#search-tbl form select {
	max-width:12em;
}


/**********************************************************************
Buttons */

.button {
	display:inline-block;
	vertical-align:middle;
	color:#4B4744 !important;
	font:11pt/1.3 Museo,Arial,Helvetica,sans-serif;
	border:1px solid #C0A572;
	cursor:pointer;
	padding:0.4em 0.7em;
	margin:0.3em 0;
	outline:none;

	background:#ECD798;
	background-image:-moz-linear-gradient(top, #F9F2C8, #D5AB5F);
	background-image:-webkit-linear-gradient(top, #F9F2C8, #D5AB5F);
	background-image:-ms-linear-gradient(top, #F9F2C8, #D5AB5F);
	background-image:-o-linear-gradient(top, #F9F2C8, #D5AB5F);
	background-image:linear-gradient(top, #F9F2C8, #D5AB5F);

	-moz-border-radius:0.3em;
	-webkit-border-radius:0.3em;
	border-radius:0.3em;

	-moz-box-shadow:0 0 1px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 0 1px rgba(0,0,0,0.3);
	box-shadow:0 0 1px rgba(0,0,0,0.3);
}


/************************************************************
Modal */

#simplemodal-container {
	max-width:800px;
	/*min-width:300px;*/
}
#modal {
	display:none;
	position:relative;
	background:#fff;

	-moz-border-radius:0.4em;
	-webkit-border-radius:0.4em;
	border-radius:0.4em;
}
#modal h2 {
	background:#EDEDD9;
	margin:0 -15px;
	padding:0.4em 30px 0.2em 15px;

	-moz-border-radius:0.3em 0.3em 0 0;
	-webkit-border-radius:0.3em 0.3em 0 0;
	border-radius:0.3em 0.3em 0 0;
}
#modal-content {
	padding:0 15px 0.5em 15px;
	min-width:300px;
}
#modal .simplemodal-close {
	font-weight:bold;
	cursor:pointer;
	position:absolute;
	right:0.4em;
	top:0.2em;
	font-size:12pt;
	padding:0.2em;
}
#modal-content h3 {
	font-size:11pt;
	margin:0.8em 0.3em 0.5em 0.1em;
	border-bottom:1px solid #ddd;
	padding:0 0.3em 0.1em 0.3em;
}

/* Modal forms */
#modal fieldset {
	width:auto;
	display:block;
	margin-top:1em;
}


/************************************************************
Messages */

/* Generic/shared */
.message {
	border:1px solid #3a6;
	background:#dfd;
	padding:0 10px;
	margin:1em 0;
	font-size:10pt;

	-moz-border-radius:0.3em;
	-webkit-border-radius:0.3em;
	border-radius:0.3em;
}
#content .message:first-child {
	margin-top:3em; /* Clear the navigation */
}
.message h2,
#content .message h2 {
	font-size:11pt;
	line-height:11pt;
	margin:0 -10px;
	padding:0.3em 0.5em;
	border-bottom:1px solid #3a6;
	color:#050;

	background-color:#9e9;
	background-image:-moz-linear-gradient(top, #aea, #8d8);
	background-image:-webkit-linear-gradient(top, #aea, #8d8);
	background-image:-ms-linear-gradient(top, #aea, #8d8);
	background-image:-o-linear-gradient(top, #aea, #8d8);
	background-image:linear-gradient(top, #aea, #8d8);

	-moz-border-radius:0.3em 0.3em 0 0;
	-webkit-border-radius:0.3em 0.3em 0 0;
	border-radius:0.3em 0.3em 0 0;
}
.message p {
	margin:0.7em 0;
	font-size:9pt;
}

/* Colors by type */
.message.info {
	/* Same as above */
}
.message.info h2 {
	/* Same as above */
}
.message.info a {
	color:#377EBE;
	font-weight:bold;
}

.error { /* Generic errors also */
	border-color:#d66 !important;
	background-color:#fcc !important;
}
.message.error h2,
#content .message.error h2 {
	border-bottom:1px solid #d66;
	color:#800;

	background-color:#f77;
	background-image:-moz-linear-gradient(top, #faa, #f88);
	background-image:-webkit-linear-gradient(top, #faa, #f88);
	background-image:-ms-linear-gradient(top, #faa, #f88);
	background-image:-o-linear-gradient(top, #faa, #f88);
	background-image:linear-gradient(top, #faa, #f88);
}
.message.error a {
	color:#800; /* Kind of disappears */
}


/**********************************************************************
Module tiles */

.modules {
	list-style:none;
	margin:1em 0;
	padding:0;
	text-align:center;
}
.modules li {
	display:inline-block;
	margin:0.7em;
	vertical-align:bottom;
	max-width:12em;
}
.modules img {
	display:block;
	margin:0 auto 0.3em auto;
}
.modules a {
	display:block;
	font:11pt/1.2 Museo,Arial,Helvetica,sans-serif;
}
.modules strong {
	font-weight:normal;
	display:block;
	height:2em;
}


/**********************************************************************
Module tree (managing access levels) */

#module-tree {
	margin:0;
	padding:0;
}
#module-tree li {
	list-style:none;
	margin:0.1em 0;
}
#module-tree ul {
	padding-left:3em;
}
#module-tree li[title] {
	cursor:help;
}

/* Hidden page indicator */
span.hidden, /* This is for the inline preview text */
#module-tree .hidden {
	color:#999 !important;
}

/* Highlight checked boxes; note that this will NOT work in IE */
#module-tree input:checked+label {
	color:#0A0;
}


/**********************************************************************
Contact Log */

/* Autofill (step 1) */
#addr-autofill {
	display:none;
	position:absolute;
	list-style:none;
	margin:1px 0 0 0;
	padding:0.3em 0;
	background:#fff;
	font-size:9pt;
	border:2px solid #D4CEC2;
	width:25em;

	-moz-border-radius:0.4em;
}
#addr-autofill li {
	padding:0.2em 0.8em;
}
#addr-autofill li[id] {
	cursor:pointer;
}
#addr-autofill li:nth-child(even) {
	background:#FCFAF6;
}
#addr-autofill li:hover {
	background:rgba(100,80,0,0.02);
}
#addr-autofill small {
	/*display:inline-block;*/
	vertical-align:text-bottom;
	color:#999;
	font-size:8pt;
	margin:0 0 0 0.2em;
}

/* Goals lists (step 1) */
.goals small {
	display:block;
	margin-bottom:0.4em;
}
.goals .nowrap label {
	font-size:8.5pt;
	width:90%;
}


/* Assist totals table (step 3) */
#clog-assists {
	overflow:auto;
}
#clog-assists table {
	font-size:8pt;
	text-align:center;
}
#clog-assists thead th {

	/* Not widely supported as of 11/2011, but it's worth a shot */
	-moz-hyphens:auto;
	-webkit-hyphens:auto;
	hyphens:auto;
}
#clog-assists tbody th {
	text-align:left;
}
#clog-assists input[type="text"] {
	font-size:8pt;
	text-align:right;
	width:4em;
}
#clog-assists input[readonly] {
	border:none;
	background:transparent;
	font-weight:bold;
}


/* Products */
.clog-prods ul {
	list-style:none;
	margin:0;
	padding:0;
}
.clog-prods li {
	margin:0.3em 0 0.7em 4em;
	clear:left;
}
.clog-prods ul input[type="text"] {
	font-size:9pt;
	margin-left:-4em;
	width:2.5em;
	text-align:right;
	float:left;
}


/* Review */
.clog-review ol {
	/*list-style:none;*/
	margin:0;
	padding:0 0 0 2em;
	font-size:95%;
}
.clog-review li {
	margin:0.2em 0;
}


/**********************************************************************
Surveys */

/* Form */
form#survey-form {
	margin:0 1em;
	padding:0 0.5em;
}
#survey-form fieldset {
	display:block;
	width:auto;
	margin:1em -0.5em;
}

#survey-form>p {
	margin:0.5em 0 1.5em 0;
}
#survey-form>p label:first-child,
#survey-form>p strong:first-child {
	float:none;
	display:block;
	width:auto;
	margin:0 0 0.3em 0;
}
#survey-form input[type="text"],
#survey-form fieldset select {
	width:50%;
}
#survey-form textarea {
	width:99%;
}

/* Results */
td.pcnt-bar span { /* Percentage bars */
	display:block;
	overflow:visible;
	background:#aaf;
	font-weight:bold;
}
td.pcnt-bar.max span { /* Highest percentage */
	background-color:#faa;
}


/**********************************************************************
Icons */

.icon {
	display:inline-block;
	vertical-align:middle;
	text-align:left;
	width:16px;
	height:16px;
	text-indent:-9999px;
	margin:0 0.1em;
	color:transparent;
	outline:none;
	background:transparent none no-repeat center center;
}
.icon.addrs { background-image:url('../images/icons/book_addresses.png'); }
.icon.delete { background-image:url('../images/icons/trash.png'); }
.icon.download { background-image:url('../images/icons/disk.png'); }
.icon.duplicate { background-image:url('../images/icons/table_multiple.png'); }
.icon.edit { background-image:url('../images/icons/pencil.png'); }
.icon.email { background-image:url('../images/icons/email_go.png'); }
.icon.excel { background-image:url('../images/icons/page_excel.png'); }
.icon.external { background-image:url('../images/icons/page_go.png'); }
.icon.group { background-image:url('../images/icons/group_link.png'); }
.icon.help { background-image:url('../images/icons/help.png'); }
.icon.list { background-image:url('../images/icons/table_edit.png'); }
.icon.login { background-image:url('../images/icons/lock_go.png'); }
.icon.mail { background-image:url('../images/icons/email_open.png'); }
.icon.merge { background-image:url('../images/icons/arrow_join-rotated.png'); }
.icon.pass { background-image:url('../images/icons/key.png'); }
.icon.print { background-image:url('../images/icons/printer.png'); }
.icon.restore { background-image:url('../images/icons/arrow_refresh.png'); }
.icon.view { background-image:url('../images/icons/page_white_magnify.png'); }

.icon.up { background-image:url('../images/icons/arrow-up-alt.png'); width:12px; }
.icon.down { background-image:url('../images/icons/arrow-down-alt.png'); width:12px; }


/* Keep the label */
.icon.lbl {
	width:auto;
	padding-left:20px;
	background-position:left center;
	color:#B95766;
	text-indent:0;
	font:bold 8pt/1.5 Verdana,Arial,Helvetica,sans-serif;
}


/* Icons in table captions */
table caption .icon {
	float:right;
	margin-right:0.3em;
}


/* Add New link (in headings) */
h1 a.add-new {
	display:block;
	position:absolute;
	right:1em;
	top:0.2em;
	font:bold 9pt/1.7 Verdana,Arial,Helvetica,sans-serif;
	padding-left:1.6em;
	background:transparent url('../images/icons/add.png') no-repeat left center;
}

/* Back button */
a.back {
	margin-left:0.4em;
	vertical-align:middle;
	font:bold 9pt/1.7 Verdana,Arial,Helvetica,sans-serif;
	padding-left:1.5em;
	background:transparent url('../images/icons/arrow-left.png') no-repeat left center;
}
/* In headings */
h1 a.back {
	position:absolute;
	left:7em;
	top:-0.6em;
}


/* Other (labeled) icons in headings */
h1 a.icon.lbl {
	position:absolute;
	top:0.3em;
	right:1em;
	font-size:9pt;
	height:auto;
}
h1 a.add-new+a.icon.lbl {
	right:10.5em;
}

/* Icon groups */
h1 small.icons {
	position:absolute;
	top:0;
	right:1em;
}
h1 small.icons a {
	display:inline-block;
	position:static !important;
	vertical-align:middle;
	margin-left:0.4em;
}



/**********************************************************************
PiP: Landing pages */

#pip-landing,
#register-landing {
	list-style:none;
	margin:0;
	padding:0;
	/*overflow:hidden;*/
}
#pip-landing>li,
#register-landing>li {
	/*float:left;
	margin:0 1%;
	width:48%;*/

	display:inline-block;
	vertical-align:top;
	width:48%;
	margin:0 0.75%;
}
#pip-landing .modules li {
	min-width:35%; /* Looks nicer in two columns */
}

/*
#pip-landing>li {
	display:inline-block;
	vertical-align:top;
	width:48%;
	margin-right:1.5%;
}
#pip-landing>li:first-child {
	display:block;
	width:auto;
}
*/


/* Registration icons are more descriptive */
#register-landing ol {
	list-style:none;
	margin:0;
	padding:0 1em 0 0.5em;
}
#register-landing ol li {
	min-height:80px;
	padding:0.25em 0 1.2em 10em;
	background:transparent url('../images/modules/survey.png') no-repeat left top;
}
#register-landing h3 {
	font-size:12pt;
	margin:0.2em 0;
}
#register-landing p {
	margin:0.3em 0;
}
#register-landing h3 a {
	/* Extend hit area a bit */
	display:block;
	margin:0 0 -3em -9em;
	padding:0 0 3em 9em;
}


/**********************************************************************
Registration List (report) */

#registration-list em {
	color:#888;
}

/**********************************************************************
Mailing labels */

#mailing-labels {
	list-style:none;
	margin:0;
	padding:0;
	font-size:0;
	width:8.5in;
}
#mailing-labels li {
	display:inline-block;
	vertical-align:top;
	width:2.625in;
	height:1in;
	padding:0 0.125in 0 0;
	text-transform:uppercase;
	page-break-inside:avoid; /* Where supported */
}
#mailing-labels address {
	margin:0;
	font:8pt/1.1 Arial,Helvetica,sans-serif;
}



/* Using tables for better auto-page breaking (another possibility) *
table {
	border-collapse:collapse;
	margin:0;
	padding:0;
}
td {
	border:none;
	vertical-align:top;
	height:1in;
	width:2.625in;
	margin:0;
	padding:0 0.125in 0 0;
	text-transform:uppercase;
	page-break-inside:avoid;
}


/**********************************************************************
Miscellaneous */

/* Add spacer */
.spacer { padding-top:1.5em; }

/* Text align */
.left { text-align:left !important; }
.center { text-align:center !important; }
.right { text-align:right !important; }
.nowrap { white-space:nowrap; }

/* Highlight */
.hl {
	color:#377EBE;
	font-weight:bold;
}


/* Pending stuff */
.pending {
	background:#FDF5B0;
}
tr.pending:nth-child(even) { /* Hit table rows also */
	background:#FCF297;
}

/* Inactive */
.inactive {
	color:#999;
	font-style:italic;
}


/* Font size */
small { font-size:80%; }
big { font-size:120%; }

/* In headings */
h2 small,
table caption small {
	font-size:11.5pt;
	margin-left:0.4em;
}


/* Fix extra button padding in Firefox */
input[type="submit"]::-moz-focus-inner {
    border:none;
    padding:0;
    line-height:1;
}


/* Note */
.note {
	margin:0 0 0 1em;
	font-size:90%;
	display:inline-block;
}
.note:before {
	content:'*';
	display:inline-block;
	font-weight:bold;
	color:#c66;
	margin-left:-1em;
	width:1em;
}
p.note {
	margin-bottom:0.7em;
	display:block;
}
p.note.block {
	font-size:85%;
	margin:0.7em 1em 1.5em 1.5em;
}