/******************************************************************\
	Whoa, man. The colors.
\******************************************************************/
a {
	color: #009;
}
a:hover {
	color: #00F;
}
th {
	background-color: black;
	color: white;
}
th a {
	background-color: black;
	color: white;
}
.error {
	color: #CC0000;
}

/******************************************************************
	Standard HTML Stuff
 ******************************************************************/
html
{
	font-size: 100%;
	width: 100%;
	display: block;
}
body
{
	font-size: 80%;
	display: block;
}
body
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
body, div, form, p, img
{
	padding: 0;
	margin: 0;
	border: none;
}
.rel {
	position: relative;
}
.tip {
	font-size: 0.9em;
}
.tiny {
	font-size: 0.8em;
}
.big {
	font-size: 1.5em;
}
.error {
	/*font-size: 16px;*/
	font-weight: bold;
}

dt {
	font-weight:bold;
}
dd {
	padding-bottom: 1em;
}
p {
	font-size: 1.2em;
	margin: 0.5em 0.2em;
}
div.center {
	text-align: center;
}
table td {
	font-size: 11px;
}

/* Let's all give Microsoft a big middle finger up for creating the buggiest POS in the world */
html[xmlns] .clearfix {
	display: block;
}
.clearfix {
	display: block;
}
ul {
	font-size: inherit;
}
li {
	font-size: 1.1em;
}
li li {
	font-size: 0.7em;
}
.center {
	text-align: center;
}
p strong {
	background-color: #F7FFBF;
}
.subtle {
	color: #AAA;
}
input[type=submit],
input[type=button] {
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
}

input[type=submit],
input[type=button] {
	background: url(/images/buttonbg.jpg) repeat-x #DDD bottom;
}
input[type=submit]:hover,
input[type=button]:hover {
	background: url(/images/buttonbgover.jpg) repeat-x #DDD bottom;
}

input[type=submit].cancel,
input[type=button].cancel {
	color: white;
	background: url(/images/buttonbgcancel.jpg) repeat-x #222 bottom;
}

input[type=submit].cancel:hover,
input[type=button].cancel:hover {
	color: black;
	background: url(/images/buttonbgcancelover.jpg) repeat-x #222 bottom;
}

/******************************************************************
 *	Layouts
 ******************************************************************/
#ie6 {
	width: 950px;
	background-color: #FFD7D7;
	font-size: 1.2em;
	margin: 0 auto;
	text-align: center;
	color: black;
	padding: 0.5em;
	border: 1px solid black;
}
#simple-container {
	width: auto;
	display: block
}
div.container {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	display: block;
}
div.article {
	padding: 0 1em 1em;
}
.main-column {
	width: 70%;
}
.main-column .filter {
	width: auto;
}
.side-column {
	border-left: 1px dotted black;
	padding: 0;
	margin: 0;
}
.side-section {
	padding: 10px 10px;
	/* border-bottom: 1px dotted black; */
}
.side-section.last
{
	/* border-bottom: 0px solid white; */
}
form.completed {
	position: relative;
}
.with-checked {
	position: relative;
	height: 1.5em;
}
.list-checked-action {
	height: 1.5em;
	position: absolute;
	right: 0;
	padding-top: 5px;
}
.side-section h1 {
	font-size: 120%;
	margin: 0 0 7px 0;
	border-bottom: 1px solid black;
}
.side-section dl {
	padding: 0;
	margin: 0;
}
.side-section dl dt {
	padding: 0 !important;
	text-indent: 0;
	margin: 0;
}
.side-section dl dd {
	padding: 0 0 5px 15px;
	text-indent: 0;
	margin: 0;
}

#content {
	background-color: white;
}

.slab {
	padding-bottom: 2em;
}

#content dt {
	padding-left: 20px;
}
#content dd {
	padding-right: 30px;
}

.content-big {
	padding: 0;
}
.content-big table.object-list {
	font-size: 120%;
}
.content-big table.object-list td {
	padding: 3px;
}
table.object-list {
	width: 100%;
}
table.object-list td {
	padding: 3px;
}
.allpad {
	padding: 10px;
}
.box {
	border: 1px solid #888;
	padding: 10px;
	margin: 5px;
}
/******************************************************************
	Tables
 ******************************************************************/
.filter {
	border: 1px solid black;
	width: 100%;
}
.filter {
	background-color: #DDD;
}
.filter .label {
	background-color: #DDD;
}
.filter select,
.filter input
{
	font-size: 12px;
	border: 1px solid white;
}
.filter .widget {
	padding: 3px;
	white-space: nowrap;
}
.filter .label {
	white-space: nowrap;
	text-align: right;
	padding: 3px 3px 3px 10px;
	font-weight: bold;
}
.filter .filter-last {
	width: 99%;
}
.sort-widget img {
	padding-left: 5px;
}
.row-0 {
	background-color: #EFE;
}
.row-1 {
	background-color: #EEF;
}
.overlabel-pair {
	position: relative;
}
label.overlabel {
	color: #AAA;
}
label.overlabel-apply {
	bottom: 0.2em;
	left: 3%;
	position: absolute;
	z-index: 101;
}
.input-control label.overlabel-apply {
	bottom: 0.5em;
}
.input-control span.label {
	display: block;
}
.input-control input.checkbox {
	float: left;
}
.input-control div.cleft {
	float: left;
	padding-right: 10px;
}
.input-control div.cright {
	padding: 4px 0;
	display: block;
	width: auto;
}

.object-list td,
.object-list th {
	font-size: 0.9em;
	padding: 0 0.5em;
	margin: 0;
}

div.list-empty {
	padding: 10px;
	border: 1px solid black;
	background-color: #EEE;
	font-size: 1.2em;
	font-weight: bold;
}
/******************************************************************
	Name value lists
 ******************************************************************/
.name-value dl {
}
.name-value dt {
	clear: both;
	float: left;
	width: 190px;
	text-align: right;
	padding: 0;
	margin: 0 10px 0 0;
	font-weight: bold;
}
.name-value dt:after {
	content: ":";
}
.name-value dd {
	float: left;
	width: 400px;
	text-align: left;
	padding: 0;
	margin: 0;
}
.success {
	color: #070;
	font-weight: bold;
}

/******************************************************************\
 * Pager
\******************************************************************/
.pager {
	background-color: #DDD;
}
.pager {
	width: 100%;
}
.pager td {
	padding: 2px;
}


/******************************************************************\
 * Header
\******************************************************************/
.admin-header {
	display: block;
	position: relative;
	padding: 0;
	margin: 0;
	height: 50px;
}
.admin-header table.brand {
	position: absolute;
	height: 50px;
	top: 0;
	right: 0;
	padding: 0;
	margin: 0;
}
.admin-header table.brand td {
	margin: 0;
	padding: 0;
}

.admin-header table.brand img {
	padding: 0 0 0 10px;
}
.admin-header .brand-text {
	padding: 0;
	margin: 0;
	line-height: 100%;
	white-space: nowrap;
	text-align: right;
}
.admin-header h1.brand-text {
	padding: 6px 0 0;
	font-size: 1.5em;
}
.admin-header h2.brand-text {
	font-size: 1.3em;
	padding: 4px 0 4px;
	font-weight: normal;
}

.admin-header .site-selector {
	max-width: 600px;
	float: left;
	position: relative;
}
.admin-header .site-selector div.single {
	padding: 7px 0 2px 5px;
	font-size: 2.6em;
	font-weight: bold;
}
.admin-header .site-selector select.select-site {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 2.6em;
	margin: 3px 0 3px;
	padding: 0;
	font-weight: bold;
	border: 1px solid #CCC;
	max-width: 570px;
}

div.edit-subtle {
	float: left;
}

div.edit-subtle a {
	color: #CCC;
	text-decoration: none;
	vertical-align: bottom;
}
div.edit-subtle a:hover {
	color: inherit;
	text-decoration: inherit;
}
.admin-header .site-selector div.single,
.admin-header .site-selector select {
	float: left;
}

.admin-header .site-selector div.edit-subtle {
	height: 45px;
	position: relative;
}
.admin-header .site-selector div.edit-subtle a {
	position: absolute;
	bottom: 0.1em;
	padding-left: 1em;
}

/* Logged in as XXX . Logout */

.admin-login {
	position: absolute;
	top: 6px;
	right: 0;
	z-index: 100;
	padding: 5px;
	color: white;
}
.admin-login a {
	color: white;
}
.admin-login a {
	text-decoration: none;
	border-left: 2px solid #EEE;
	border-top: 2px solid #EEE;
	border-right: 2px solid #DDD;
	border-bottom: 2px solid #DDD;
	background-color: white;
	color: black;
	padding: 1px 3px;
	margin: 2px;
	font-weight: bold;
}
.admin-login a:hover {
	color: white;
	background-color: black;
}

div#trial {
	width: 100%;
	background-color: #426321;
	color: white;
	text-align: center;
	height: 1.4em;
	padding: 0.4em 0 0.2em;
	font-size: 1.3em;
}
div#trial a {
	color: white;
}
/******************************************************************
 * Message
 ******************************************************************/
#message-container {
	position: absolute;
	top: 80px;
	left: 15%;
	width: 70%;
	padding: 0;
	margin: 0;
	z-index: 1000;
	display: block;
	vertical-align: middle;
}
ul.message {
	font-size: 1.2em;
	font-weight: bold;
}
div.message
{
	border-left: 5px solid #777;
	border-top: 5px solid #999;
	border-bottom: 5px solid #222;
	border-right: 5px solid #222;
	margin: 0;
	padding: 20px;
	text-align: center;
	font-size: 1.6em;
	font-weight: bold;
	background-color: #DDD;
}


/******************************************************************
 * Tabs
 ******************************************************************/

.tabs
{
	position: relative;
	clear: both;
	background-color: #693;
	width: 100%;
	border-bottom: 0px solid #693;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	margin: 0;
}

.tablist {
	color: #FFF;
	text-align: left;
	padding: 15px 0.5em 5px 2em;
	margin: 0;
}

.tablist img
{
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.tablist ul
{
	list-style-type: none;
	margin: 0;
	padding-bottom: 6px;
}

.tablist li
{
	display: inline;
	list-style-type: none;
	padding-bottom: 5px;
}

.tablist li a,
.tablist li span
{
	-moz-border-radius-topleft: 0.5em;
	-moz-border-radius-topright: 0.5em;
	-webkit-border-top-right-radius: 0.5em;
	-webkit-border-top-left-radius: 0.5em;
	text-decoration: none;
	color: #FFF;
	background-color: #693;
	padding-right: 15px;
	padding-left: 15px;
	text-align: center;
}

.tablist li a:hover
{
	color: #60C;
	background-color: #FFF;
	text-decoration: none;
	margin: 0px;
}

a.tab_active,
span.tab_active
{
	color: black !important;
	background-color: #EEE /* billboard-bg-color */ !important;
	text-align: center;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
}

a.tab_inactive,
span.tab_inactive
{
	background-color: #693;
	text-align: center;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0;
}

.tablist li span,
.tablist li a {
	font-weight: bold;
}

.tabs .extra
{
	font-size: xx-small;
	position: absolute;
	right: 0;
	color: white;
	display: block;
	top: 4px;
	z-index: +2;
}
* html .tabs .extra {
	top: 2px;
}
.tabs .extra td {
	color: white;
	font-size: xx-small;
}

.tab-dhtml-sections
{
	padding: 1em;
}

.tab-dhtml-section {
	display: none;
}

* html .tablist li span,
* html .tablist li a
{
	font-weight: bold;
/*	font-size: x-small; */
	font-size: 1.1em;
}

* html .tabs .extra { z-index: -2; }

/******************************************************************
 * Breadcrumb
 ******************************************************************/
ul.breadcrumb {
	display: block;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #D7D7D7;
	background-color: #EEE;
	list-style: none;
	height: 2em;
}

ul.breadcrumb li
{
	height: 16px;
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	float: left;
	background: url(/images/small-right.gif) no-repeat bottom left;
}

ul.breadcrumb li span {
	height: 16px;
}

ul.breadcrumb li,
ul.breadcrumb li.first
{
	padding: 5px 5px 0 15px;
}

ul.breadcrumb li.first
{
	padding-left: 10px;
	background: none !important;
}

/******************************************************************
 * Sticky Articles
 ******************************************************************/
.articles-sticky {
	display: block;
	padding: 0 15px;
	margin: 0;
}
.article-sticky-container {
	padding: 8px 0 7px 0;
	margin: 0;
}
.article-sticky {
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border: 2px solid #999;
	margin: 0;
	padding: 15px;
	position: relative;
	display: block;
	background-color: #FBFFE0;
}
.article-sticky h1,
.article-sticky .date {
	font-size: 17px;
}

.article-sticky h1 {
	display: inline;
	position: relative;
}
.article-sticky h1 a {
}
.article-sticky .date {
	display: inline;
	font-weight: bold;
	padding-right: 10px;
	font-style: italic;
}
.article-sticky p {
	position: relative;
}

.article-sticky a.dismiss
{
	display: inline;
	font-weight: bold;
}

/******************************************************************
 * Bars
 ******************************************************************/
#demo
{
	margin: 0 0 5px;
	padding: 5px 10px;
	background-color:#DDDDDD;
	border-color: black #777777 #999999 black;
	border-style:solid;
	border-width:1px 2px 2px 1px;
}

#test
{
	margin: 0 0 5px;
	padding: 5px 10px;
	text-align: center;
	background: url(/images/warning-background.png);
/*	font-variant: small-caps; */
/*	background-color:#DDDDDD; */
	border-color: black #777777 #999999 black;
	border-style:solid;
	font-size: 1em;
	border-width:1px 2px 2px 1px;
}
#test strong {
	color: #800;
}

/******************************************************************
 * Box on Main Page
 ******************************************************************/
.homebox {
	float: left;
	padding: 10px 0 0 0;
	text-align: left;
	margin: 0 5px 5px;
}
.homebox h2 {
	color: black;
	font-weight: bold;
	margin: 1px;
	padding: 2px 5px;
	white-space: nowrap;
	font-size: 1em;
}
.homebox h3 {
	font-size: 1.2em;
	color: black;
	font-weight: bold;
	margin: 0;
	padding: 5px 5px;
	text-align: center;
}
.homebox .box-content {
	font-size: 1.2em;
	padding: 10px;
	height: 10.5em;
	width: 295px;
}
.box-content li {
	padding: 0;
	margin: 0;
}
.homebox td {
	font-size: 0.9em;
}
.homebox td img {
	top: 2px;
	position: relative;
}

* html .homebox p {
	padding: 0;
}

/******************************************************************
 * Footer
 ******************************************************************/
#admin-footer a {
	color: #000;
	font-size: 11px;
}
#admin-footer
{
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	background-color: #693;
	clear: both;
	text-align: center;
	font-size: 11px;
	padding: 6px 0;
	min-height: 1.2em;
	position: relative;
	top: 1em;
	color: #000;
}
#admin-footer li { padding: 0 7px; display: inline; }
#admin-footer ul { padding: 0; margin: 0; float: left; padding-left: 10px; }

#admin-footer .copyright {
	float: right;
	padding-right: 10px;
}
#admin-footer a
{
	text-decoration: none;
}
#admin-footer .telephone {
	position: absolute;
	text-align: center;
	width: 30%;
	left: 35%;
}

#simple-footer {
	padding: 20px;
	text-align: center;
}
#admin-footer.popup {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	background-color: #777;
}

/******************************************************************
 * API Page
 ******************************************************************/
input.copyme {
	font-size: 1.5em;
	border: 1px solid black;
	padding: 0.3em;
	text-align: center;
}
input.big-button {
	font-size: 1.9em;
}

/******************************************************************
 * Login Box
 ******************************************************************/
div.login-box {
	width: 40em;
	margin: 20px auto 20px auto;
	position: relative;
}
div.login-box .login-logo {
	float: left;
	padding: 0 10px 0;
}
div.login-box .box-content {
	padding: 10px;
}
div.login-box h1 {
	margin: 0;
	padding: 6px;
	font-size: 1.8em;
	text-align: left;
	height: 43px;
}
div.login-box table.input-table {
	width: 350px;
	margin: auto;
	padding: 0;
}
div.login-box table.input-table .input-label {
	font-size: 0.9em;
	background-color: white;
	vertical-align: top;
	padding-top: 0.2em;
	white-space: nowrap;
}
div.login-box table.input-table .input-control {
	font-size: 1.2em;
}
td.input-control {
	text-align: left;
	font-size: 110%;
}
div.login-box table.input-table .input-control input {
	background-color: white;
	padding: 2px;
	width: 15em;
	border: 1px solid black;
	font-size: 1.2em;
}
div.login-box .bottom-links {
	display: block;
	padding-top: 10px;
}

div.login-box #LoginButton,
div.login-box #ForgotButton {
	width: 250px;
	float: right;
	border-top: 4px solid #CCC;
	border-left: 4px solid #CCC;
	border-bottom: 4px solid #AAA;
	border-right: 4px solid #AAA;
	background-color: #EEE;
}
div.login-box #LoginButton:hover,
div.login-box #ForgotButton:hover {
	width: 250px;
	float: right;
	border-top: 6px solid #AAA;
	border-left: 6px solid #AAA;
	border-bottom: 2px solid #CCC;
	border-right: 2px solid #CCC;
	background-color: #DDD;
}

/******************************************************************
 *	Report Main Page
 ******************************************************************/
.report-new-form td.input-label
{
	background-color: white;
}
.report-new-form input,
.report-new-form select
{
	border: 1px solid #DDD;
	margin: 1px;
	padding: 3px;
	font-size: 16px;
}

.report-completed td,
.report-pending td {
	padding: 4px 10px;
	margin: 0;
}
th.led {
	padding-left: 10px;
}
td.led {
	position: relative;
}
td.led img {
	position: relative;
	bottom: -1px;
}
td.led label {
	font-weight: bold;
	margin: 0 0 0 6px;
	padding: 0;
	position: relative;
	bottom: 2px;
}
.report-section {
	padding: 0 10px;
}
.report-section h2 {
	font-size: 110%;
}
#report div.totals,
#report tr.totals {
	color: white;
	background-color: black;
}
#report div.totals a ,
#report tr.totals a {
	color: white;
	background-color: black;
}
#report-site-status {
	clear: both;
	font-size: 1.3em;
}

/******************************************************************
 * Report Progress
 ******************************************************************/
#report-progress-text {
	font-size: 110%;
}
#report-progress-box {
	width: 300px;
	background-color: #EEE;
	border: 10px solid #DDD;
	text-align: center;
	padding: 20px;
	margin: 20px auto;
	text-align: center;
}
#report-progress-box img {
	padding: 20px;
}
/******************************************************************
 * Reports
 ******************************************************************/

.row-0 { background-color: #DDD; }
.row-1 { background-color: #EEE; }
.row-2 { background-color: #AAA; }

.rowb-0 { background-color: #D7D7D7; }
.rowb-1 { background-color: #DCDCDC; }
.rowb-2 { background-color: #E1E1E1; }
.rowb-3 { background-color: #E6E6E6; }
.rowb-4 { background-color: #EBEBEB; }
.rowb-5 { background-color: #F0F0F0; }
.rowb-6 { background-color: #F5F5F5; }
.rowb-7 { background-color: #FAFAFA; }

.row-invert td,
.row-invert
{
	background-color: black;
	color: white;
}

.row-invert a,
.row-invert a:link,
.row-invert a:visited { color: white; }
.row-invert a:hover { color: red; }

td.row-section
{
	background-color: black;
	color: white;
	text-align: center;
	font-weight: bold;
}

#report .row-0 td,
#report .row-1 td,
#report .row-2 td {
/*	font-size: 1.1em;  */
}

#report h2 {
	margin: 0;
	padding: 0.2em 0;
}
#report .toggle-arrow h2 {
	margin: 0 0 0.5em 0;
	padding: inherit;
}
* html #report .row-0 td,
* html #report .row-1 td,
* html #report .row-2 td { font-size: 1em; }

tr.tiny th,
tr.tiny td { font-size: 1em; }

table.tiny td,
table.tiny th
{ font-size: 1em; padding: 3px; }

table.tiny td,
table.tiny td input,
table.tiny th
{ font-size: 1em; padding: 3px; }

div#report-buttonbar-head {
	clear: both;
	background-color: #555;
	height: 2.2em;
	width: 100%;
	padding: 0;
	margin: 0;
}
div#report-buttonbar-head a {
	color: white;
}
div#report-buttonbar-head ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
div#report-buttonbar-head li {
	float: left;
	padding: 8px 15px 5px 15px;
	margin: 0;
}
div#report-buttonbar-head div.csv {
	float: right;
}
div#report-buttonbar-head div.csv a {
	position: relative;
	bottom: 6px;
}
div#report-buttonbar-head div.csv a.icon24 {
	position: relative;
	bottom: -2px;
}
div#report-buttonbar-head div.csv a.link {
	padding-right: 10px;
}
/* List Mode */
.report-summary-action th {
	background-color: white;
}
.report-summary-action th a {
	text-decoration: none;
	color: black;
	background-color: white;
}
/* Hier Mode */
div.tree-head-cell,
div.tree-head-row
{
	height: 178px !important;
}

div.tree-head-cell .sort-widget td {
	padding: 0 3px;
}
div.buttonbar.breadcrumb
{
	background-color: #DDD;
}
div.buttonbar.breadcrumb,
div.buttonbar.breadcrumb ul.breadcrumb li a,
div.buttonbar.breadcrumb ul.breadcrumb li a
{
	color: black;
}

/* Both Modes */
table.report-summary-action td {
	padding: 4px;
}
#report div.tree-head-cell .sort-widget td {
	padding: 0 !important;
	margin: 0 !important;
}
#report div.tree-head-cell .sort-widget td a,
.report-summary-action th .sort-widget a {
	text-decoration: none;
	color: black;
	font-weight: bold;
	line-height: 19px;
	/* text-align: left; */
}

.report-summary-action th .sort-widget td {
	text-align: left;
}

div.report-bar {
	display: block;
	margin: 0;
	padding: 10px 0;
	background-color: inherit;
}
div.report-bar .tools {
	float: right;
}
div.report-bar .tools a {
	border-left: 2px solid #999;
	border-top: 2px solid #999;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	padding: 1px 3px;
	background-color: #AAA;
	color: black;
	text-align: center;
	display: block;
	float: left;
	margin-left: 5px;
	text-decoration: none;
}
div.report-bar .tools a:hover {
	border-left: 2px solid #666;
	border-top: 2px solid #666;
	border-bottom: 2px solid #999;
	border-right: 2px solid #999;
	background-color: #333;
	color: white;
}
div.report-bar .name {
	font-size: 2em;
	font-weight: bold;
	display: inline;
}
div.report-bar .site-name {
	display: none;
}
#simple-container div.report-bar .site-name {
	font-size: 2em;
	color: #444;
	font-weight: bold;
	padding-right: 0.5em;
	display: inline;
}
div.report-bar .dates {
	font-size: 1.7em;
	padding-left: 0.5em;
	display: inline;
}

#report-settings {
	padding-bottom: 10px;
}

div#report-buttonbar-head div.download-groups {

}
div#report-buttonbar-head div.download-group {
float: right;
}
div#report-buttonbar-head div.download-group span {
	color: white;
	font-weight: bold;
	padding-right: 2px;
	position: relative;
	bottom: 3px;
}
div#report-buttonbar-head div.download-group a {
	padding: 3px;
	position: relative;
	top: 3px;
	margin: 0;
}
/******************************************************************
 * Site Statistics
 ******************************************************************/
.site-statistics-report {
	padding: 10px;
}
.site-statistics-report td {
	padding: 5px;
}
/******************************************************************
 *	Edit and View Widgets
 ******************************************************************/
div.filters {
	clear: both;
}
input.default-link {
	border: 1px solid white;
	background-color: white;
	font-size: 1.0em;
}
.input-label {
	text-align: right;
	font-weight: bold;
	font-size: 16px;
	background-color: #DDD;
	padding-right: 0.6em;
}
.input-control {
	padding-left: 0.6em;
}
.buttonbar {
	padding: 5px;
	background-color: #888;
	color: black;
	padding: 5px;
	background-color: white;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
}
.buttonbar a {
	color: black;
}
.buttonbar input {
	margin-right: 1em;
	font-weight: bold;
	font-size: 1.2em;
	border-top: 3px solid #AAA;
	border-left: 3px solid #AAA;
	border-bottom: 3px solid black;
	border-right: 3px solid black;
	padding: 0.3em;
}
.buttonbar input:hover {
	border-top: 3px solid black;
	border-left: 3px solid black;
	border-bottom: 3px solid #AAA;
	border-right: 3px solid #AAA;
}
.buttonbar input.cancel {
	background-color: #999;
}
.buttonbar input.cancel:hover {
	color: white;
}
.buttonbar input {
	margin-right: 10px;
}

tr.edit-section {
	background-color: #DDD;
	width: 1000px;
	color: black;
}
tr.edit-section td {
	border-top: 1px solid #777;
	border-bottom: 1px solid #AAA;
	padding: 6px 6px 6px 12px;
}
tr.edit-section td a {
	color: black;
}
tr.edit-section td h3 {
	font-size: 1.5em;
	padding: 0 0 0.2em;
	margin: 0;
}
tr.edit-section td .tiny {
	font-size: 1.2em;
	padding: 0.3em 0;
}
.input-control input,
.input-control select,
.input-control textarea {
	border: 1px solid #999;
	font-size: 1.2em;
	padding: 0.2em;
	margin: 0.2em 0.4em 0.2em 0;
}
.input-label {
	background: url(/images/gradient-light-100.jpg) repeat-y right;
	padding: 0 0.6em 0 0.5em;
	height: 2em;
}
div.list-order-by-icon {
	position: relative;
	padding: 0;
	margin: 0;
	display: block;
}
#report h1 {
	padding: 0.2em;
	margin: 0;
}
#report .sort-widget div.list-order-index a {
	background-color: black;
	color: white;
	margin: 0;
	padding: 2px 5px;
	right: -1em;
	top: -2em;
	display: block;
	position: absolute;
}
#report .sort-widget div.list-order-index a:hover {
	background: url(/images/x.gif) no-repeat center;
	background-color: inherit;
	color: red;
}
/******************************************************************
	Browse pages
 ******************************************************************/

div#keyword-status-buttons {
	position: relative;
	width: 100%;
	padding: 4px 0 7px 0;
	margin: 0;
	background-color: white;
	height: 22px;
}
div#keyword-status-buttons span {
	display: block;
	position: relative;
	top: 0;
	padding: 6px 0 0px 10px;
	float: left;
}
div#keyword-status-buttons a {
	display: block;
	position: relative;
	float: left;
	margin: 0 0 0 5px;
	height: 18px;
	padding: 1px 1px 1px 1px;
}
div#keyword-status-buttons a.icon {
	background-color: #EEE;
	border-left: 2px solid #CCC;
	border-top: 2px solid #CCC;
	border-right: 2px solid #AAA;
	border-bottom: 2px solid #AAA;
	width: 18px;
	padding: 1px;
}
div#keyword-status-buttons a.icon-no-border {
	padding: 1px;
	margin: 0;
}

div#keyword-status-buttons a.link,
div#keyword-status-buttons a.undo {
	position: relative;
	top: 0;
	padding: 6px 10px 0px 10px;
	color: black;
}
div#keyword-status-buttons a.undo {
	margin-left: 15px;
	color: black;
	background-color: #F93;
}
* html div#keyword-status-buttons a.undo {
	padding: 6px 10px 5px 10px;
}
div#keyword-status-buttons div.csv {
	float: right;
}
div#keyword-status-buttons div.csv a {
	padding-right: 0;
	padding-left: 0;
}
div#keyword-status-buttons div.csv a.link {
	padding-right: 10px;
}

/******************************************************************
	Toggle Arrow
 ******************************************************************/
.toggle-arrow
{
	position: relative;
}
.toggle-arrow img
{
	position: relative;
	padding: 1px;
	float: left;
}
.toggle-arrow h2
{
	position: relative;
	padding-left: 20px;
	font-size: 1.2em;
}

/******************************************************************
	Setup pages
 ******************************************************************/
.tip-box {
	border: 1px solid black;
	float: right;
	width: 35%;
	padding: 5px;
	margin: 5px;
}

.content {
	padding: 1px 16px 1px;
	font-size: 110%;
}
.content h1, .content h2 {
	padding: 0.2em 0;
	margin: 0;
}
.content ul,
.content ol {
	font-size: 1.2em;
}
.content table.bordered {
	border: 1px solid black;
	padding: 0.5em;
	margin: 0.5em;
}
.content table.bordered td,
.content table.bordered th {
	padding: 0.2em;
	font-size: 1.2em;
}
.content .subtle,
.content .subtle a {
	font-size: 0.9em;
	text-decoration: none;
	color: #999;
}

.list {
	padding: 0 0;
	position: relative;
	font-size: 110%;
}
.col2 {
	width: 460px;
	float: left;
	padding: 0 10px 0;
	margin: 0;
}
.col1_3 {
	width: 370px;
	float: left;
	padding: 0 10px 0;
	margin: 0;
}
.col2_3 {
	width: 580px;
	float: left;
	padding: 0 10px 0;
	margin: 0;
}
.list .col2 {
	width: 499px;
	float: left;
	padding: 0;
	margin: 0;
}

.note {
	background-color: #DDD;
	border: 1px solid #AAA;
	padding: 10px 15px;
	margin-left: 20px;
}
.note p {
	font-size: 100%;
}
.note .copyme {
	margin: 0.5em;
	padding: 0.5em;
}
code {
	display: block;
	font-family: "Courier New", Courier, fixed;
	border: 1px solid #AAA;
	padding: 10px;
	margin: 10px;
}
.code {
	background-color: #DDD;
	border: 1px solid #AAA;
	font-family: "Courier New", Courier, fixed;
	padding: 10px;
	margin-left: 20px;
	font-weight: bold;
	font-size: 1.2em;
}
.huh {
	background-color: #FFE;
	border: 1px solid #AAA;
	padding: 10px;
	margin-left: 20px;
	font-weight: bold;
	font-size: 1.2em;
}
.code strong {
	color: #F00;
	font-weight: bold;
}
span.bigchar {
	font-size: 2em;
}
.setup-section {
	padding: 10px;
	margin: 0;
	border-left: 1px solid #EEE;
	border-right: 1px solid #EEE;
	border-bottom: 1px solid #DDD;
	border-top: 1px solid #999;
	background-color: white;
}

.setup-section .toggle-arrow h2 {
	padding: 0;
	margin: 0;
	font-size: 2.5em;
}
.setup-section .toggle-arrow img {
	padding-top: 1em;
}
.setup-section .install-action {
	position: relative;
	border-top: 1px solid #DDD;
}
.setup-section .install-action .toggle-arrow img {
	padding-top: 0.5em;
}
.setup-section .install-action .toggle-arrow h3 {
	padding: 0.2em 0;
	font-size: 1.5em;
	margin: 0.2em 0;
}

.setup-section .tips .toggle-arrow img {
	padding-top: 0.3em;
}
.setup-section .tips .toggle-arrow h3 {
	padding: 0.2em 0;
	font-size: 1.2em;
	margin: 0.2em 0;
}

.setup-section .toggle-arrow h2 a {
	color: black;
	text-decoration: none;
}
.setup-section li {
	padding: 0.2em 0;
}
.setup-section .toggle-arrow h2 a span {
	-moz-border-radius: 1em;
	-webkit-border-radius: 0.72em;
	display: block;
	float: left;
	padding: 3px 10px;
	margin: 0 10px;
	border: 1px solid black;
	font-size: 0.8em;
	background-color: #eee;
}
textarea.landings {
	width: 990px;
	border: 5px solid #888;
}
ul.landings {

}
#landings-page #wait {
	width: 128px;
	height: 128px;
	position: absolute;
	top: 500px;
	padding: 20px;
	left: 454px;
	background-color: white;
	border: 5px solid #777;
}

.setup-section li.disabled {
	color: #AAA;
}
.snippet-wait {
	position: absolute;
	left: 436px;
	top: 0;
}
textarea.snippet {
	font-family: "Lucida Console", "Andale Mono", "Courier New", Courier, fixed;
	font-size: 8pt;
	width: 920px;
	margin-left: 20px;
	border: 5px solid #999;
	margin-bottom: 10px;
	background-color: #FFF;
}
.input-control textarea.snippet {
	width: 700px;
	margin-left: 0;
}
.install-action .edit {
	text-align: right;
	position: absolute;
	z-index: 100;
	right: 0;
	font-size: 1.2em;
	padding-top: 0.8em;
}
/******************************************************************
 * Billboard
 ******************************************************************/
.billboard-background {
	background-color: #EEE /* billboard-bg-color */;
}
.billboard
{
	background-color: #EEE /* billboard-bg-color */;
	text-align: left;
	margin: 0;
	padding: 10px;
	min-height: 1em;
}

.billboard h1 {
	clear: left;
}

.billboard h1,
.billboard h2
{
	font-size: 1.5em;
	padding: 0;
	clear: both;
	font-size: 1.5em;
	margin: 0.3em 0 0.3em;
}
div.billboard p {
	margin: 0;
	padding: 0.1em 0 0.1em;
}
select.billboard {
	clear: both;
	font-size: 2em;
	background-color: #EEE /* billboard-bg-color */;
	border: 1px solid #EEE /* billboard-bg-color */;
	padding: 3px 3px 3px 0;
	margin: 0;
}
.billboard .toggle-arrow h3 {
	margin: 5px 0 4px;
}
/******************************************************************
	Setup pages
 ******************************************************************/
#news-home div.news {
	display: block;
	background-color: white;
	width: 460px;
	padding: 15px;
	margin: 2px 2px 4px 0;
	position: relative;
	border-top: 1px solid #EEE;
	border-left: 1px solid #EEE;
	border-bottom: 3px solid #AAA;
	border-right: 3px solid #CCC;
}
#news-home div.news h1 {
	padding: 0;
	margin: 0;
	font-size: 1.5em;
}
#news-home div.news h2 {
	padding: 0 0 0.2em 0.5em;
	float: right;
	margin: 0;
	font-size: 1em;
	color: #666;
}
#news-home div.news .edit {
	position: absolute;
	right: 2px;
	top: 2px;
	background-color: white;
	border-left: 2px solid #999;
	border-top: 2px solid #999;
	border-bottom: 2px solid black;
	border-right: 2px solid black;
	padding: 5px;
}
#news-home div.news .edit:hover {
	border-left: 2px solid black;
	border-top: 2px solid black;
	border-bottom: 2px solid #999;
	border-right: 2px solid #999;
	background-color: black;
	color: white;
}
/* For chrome, background-color does not by default inherit */
#daterange {
	background-color: inherit;
}
#daterange .tz {
	background-color: inherit;
	padding: 8px;
	float: right;
}
#daterange .tz select {
	background-color: inherit;
	border: none;
	padding: 0;
	margin: 0;
}

.ui-progressbar {
	width: 400px; height: 20px;
	margin: 0 auto;
	border: 1px #ccc solid;
	background:#E0E8F3 url(/images/bg.gif) repeat-x scroll 0%;
	position:relative;
}
.ui-progressbar-wrap {
	position: relative;
	height: auto;
	width: auto;
	line-height: 18px;
	_line-height: 16px;
}
.ui-progressbar-bar {
	background:#9CBFEE url(/images/progress-bg.gif) repeat-x scroll left center;
	border-bottom:1px solid #777;
	border-right:1px solid #777;
	border-top:1px solid #ddd;
	position: absolute;
}
.ui-progressbar-text {
	color:#fff;
	overflow: hidden;
	white-space: nowrap;
	font-size: 11px;
	font-weight: bold;
	padding-left: 5px;
}
.ui-progressbar-text-back {
	color:#000;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 1px;
}
.ui-progressbar-disabled {
	opacity: 0.5;
}
.ui-progressbar-text.right-align {
	text-align: right;
	padding: 0 5px 0 0;
}
.ui-progressbar-inner-custom {
	background: url(/images/custom-bar.gif) repeat-x scroll left center;
	border-bottom:1px solid #EFEFEF;
	border-right:0pt none;
	border-top:1px solid #BEBEBE;
	height:15px;
}

#account-invoice-estimate td,
#account-invoice-estimate th {
	padding: 0.5em;
}

/**
 * site/subscription.php
 */
#subscription dt {
	font-size: 1.6em;
}
#subscription dd p.pricing,
#subscription dd p.pricing a {
	color: green;
}
#subscription dd {
	font-size: 1.2em;
	border-bottom: 2px solid #DDD;
	padding-bottom: 2.5em;
}
#subscription .subscription,
#subscription a.subscription
{
	display: block;
	float: right;

	border: 1px solid black;
	padding: 0.2em 0.5em;
	text-decoration: none;
	width: 20em;
	text-align: center;
}
#subscription a.subscription
{
	color: black;
	background-color: #98CC65;
}
#subscription div.subscription
{
	color: white;
	background-color: #669933;
}

ul.sortable-list {
	width: 33em;
}
ul.sortable-list li {
	border: 1px solid black;
	background: url(/images/barbg.jpg) repeat-x #DDD center center;
	margin: 0 0 0.2em 0;
	padding: 0 0 0 0.8em;
}
ul.sortable-list {
	cursor: move;
	padding: 0;
	margin: 0;
	list-style-image: url("/share/widgets/sortable/vsort.gif");
	list-style-position: inside;
}

.landing-level-sortable {
	float: left;
}

.landing-level-restore {
	clear: left;
}

.landing-level-depth-slider {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	padding-left: 10px;
}
.landing-level-depth-slider .ui-slider {
	width: 38px;
	height: 348px;
	margin: 0;
	padding: 0;
}
.landing-level-depth-slider .ui-slider-handle {
	width: 40px;
	height: 1.5em;
}

/* Obsolete, DELETE ME TODO */

#legacy-summary {

}
#legacy-summary th {
	color: black;
	background-color: white;
}
#legacy-summary th.row-invert {
	color: white;
	background-color: black;
}
#legacy-summary div#report-update {
	display: inline;
	padding: 3px 10px;
	cursor: pointer;
	width: 400px;
}
#legacy-summary div#report-update a {
	padding-left: 3px;
}
#legacy-summary div#report-update:hover {
	background-color: #444;
}
#legacy-summary div.buttonbar {
	position: relative;
	display: block;
}
#legacy-summary div.buttonbar a,
#legacy-summary div.buttonbar a:visited {
	font-size: 0.9em;
	display: inline;
	text-decoration: none;
	border-left: 2px solid #FFF;
	border-top: 2px solid #FFF;
	border-right: 2px solid #AAA;
	border-bottom: 2px solid #AAA;
	color: white;
	padding: 0 5px;
	margin-right: 1em;
	background-color: #888;
}
#legacy-summary div.buttonbar a:hover {
	background-color: #666;
	border-left: 3px solid #AAA;
	border-top: 3px solid #AAA;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}
#legacy-summary div.buttonbar div#report-delete a,
#legacy-summary div.buttonbar div#report-delete a:visited {
	position: absolute;
	right: 3em;
	top: 0.8em;
	margin-right: 2em;
}
#legacy-summary #spinner-div {
	width: 1%; margin: auto;
}
#legacy-summary #spinner {
	padding: 50px;
}
#legacy-summary table.csv-download {
	float: right;
	position: relative;
	padding-right: 10px;
	bottom: 0.2em;
}
* html #legacy-summary table.csv-download {
	bottom: 0;
}
#legacy-summary table.csv-download a {
	color: black;
}
#legacy-summary h2 {
	font-size: 1.4em;
	padding: 0.1em 0;
	margin: 0;
}
.install-share {
	width: 90%;
}
.disabled a {
	color: #DDD;
	text-decoration: none;
}
.disabled a.hover {
	color: #DDD;
	text-decoration: none;
}
.disabled p {
	color: #CCC;
}
textarea.urls {
	font-family: "Lucida Console", "Andale Mono", "Courier New", Courier, fixed;
	font-size: 8pt;
	width: 900px;
	border: 5px solid #DDD;
	margin-bottom: 10px;
}
.quote {
	margin-left: 25px;
	background-color: white;
	border: 1px solid #999;
	padding: 10px;
}
.control-select-object-dynamic label.overlabel {
	font-size: 14px;
	bottom: 5px;
}
.control-select-object-dynamic .csod-input {
	position: relative;
}
.control-select-object-dynamic .csod-wait {
	position: absolute;
	right: 5px;
	top: 7px;
}
.control-select-object-dynamic .csod-button {
	float: left;
	position: relative;
	display: block;
	border: 1px solid #999;
	margin: 2px;
	padding: 3px;
}
.control-select-object-dynamic .csod-button img {
	border: 0;
	margin: 0;
	padding: 0;
	display: block;
}

.control-select-object-dynamic div.search-text {
	float: left;
	display: block;
}

.control-select-object-dynamic div.csod-message {
	clear: both;
}

.control-select-object-dynamic div.csod-message-no {
	clear: both;
}

.control-select-object-dynamic div.csod-select select {
	float: left;
	display: block;
}

.control-select-object-dynamic .search-controls {
	float: left;
	display: block;
}

input.ControlDate_Clear
{
	border: none;
	margin: 4px 0 0;
	padding: 0;
}
input.ControlFile_Delete
{
	border: none;
	padding: 10px 0 0;
	margin: 0;
}
div.csv-detail a,
div.csv-detail {
	font-size: 1.1em;
}
div.csv-detail {
	padding: 5px;
}