/*******************************************************************************
 *
 * Colors
 *
 ******************************************************************************/


/* -- menu bar -------------------------------------------------------------- */

@import url("menubar/menubar-beige.css");

/* -- main ------------------------------------------------------------------ */

body
{
	color: #ccc;
	background-color: #333;
}

#header { color: #eee; }
#body { border-color: #777; }
#footer, #footer a { color: #777; }

/* -- links ----------------------------------------------------------------- */

a:link    { color: #69c; }
a:visited { color: #96c; }
a:active,
a:hover   { color: #c00; }

#footer a:active,
#footer a:hover
{
	background-color: #444;
}

/* -- directory index ------------------------------------------------------- */

div.autoindex th
{
	background-color: #666;
	border-color: #999;
}

div.autoindex tr:nth-child(odd)
{
	background-color: #444;
}

/* -- fancy header ---------------------------------------------------------- */

.fancy-header
{
	border-color: #666;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAcCAAAAAD0TuaOAAAAI0lEQVQ4y2NxZ6AMsPwfNWDUgFEDwAYwjLpg1AWjLhgmLgAA+BgTpff8EGUAAAAASUVORK5CYII=");
}

/* -- info box -------------------------------------------------------------- */

#info-box,
#info-box a.silent
{
	color: #999;
}

#info-box li b
{
	color: #ddf;
}

#info-box
{
	background-color: #223;
	border-color: #336;
}

#info-box h3
{
	color: #99c;
	background-color: #336;
}

#info-box div.info-box-button a
{
	color: #ccd;
	background-color: #445;
	border-color: #000;
}

#info-box div.info-box-button a:hover
{
	color: #eef;
	background-color: #557;
	border-color: #889;
}

a#info-box
{
	color: #99c;
}

a#info-box:hover
{
	color: #bbe;
	background-color: #334;
	border-color: #447;
}

/* -- "more info" link box -------------------------------------------------- */

.more-info-links span
{
	background-color: #555;
	border-color: #000;
}

.more-info-links a       { color: #ccc; } /* match normal body color */
.more-info-links a:hover { color: #69c; } /* match normal link color */

/* -- highlights ------------------------------------------------------------ */

.highlight { background-color: #555; }
span.quickdrag-type { background-color: #337; }
span.quickdrag-action { background-color: #733; }

/* -- shadows --------------------------------------------------------------- */

.shadowed
{
	-moz-box-shadow: 2px 2px 2px #222;
	-webkit-box-shadow: 2px 2px 2px #222;
	box-shadow: 2px 2px 2px #222;
}

#header
{
	text-shadow: 1px 1px 2px #000;
}

.fancy-header,
#info-box h3,
#info-box div.info-box-button a,
a#info-box
{
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.9);
}

/* -- translations (try to match the #footer color) ------------------------- */

#l10n-list i { color: #777; }


/*******************************************************************************
 *
 * General styles
 *
 ******************************************************************************/


.center { text-align: center; }
.hidden { display: none; }
.invisible { visibility: hidden; }
.bold { font-weight: bold; }
.nobr { white-space: nowrap; }
.notop { margin-top: 0px; }

a { text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border-width: 0px; }

.spaced li { margin-bottom: 0.5em; }


/*******************************************************************************
 *
 * CSS animation effects
 *
 ******************************************************************************/


#info-box div.info-box-button a,
a#info-box,
a:hover
{
	-moz-transition: all 350ms ease 0s;
	-webkit-transition: all 350ms ease 0s;
}


/*******************************************************************************
 *
 * Main: page margins
 *
 * According to Mozilla's html.css, the standard page margin is 8px on all
 * sides; instead of getting rid of this margin, we are simply going to
 * "transfer" it from the body to the main page div.
 *
 ******************************************************************************/


body { margin: 0px; }
div#page { margin: 8px; }


/*******************************************************************************
 *
 * Main: page > sections
 *
 ******************************************************************************/


#header
{
	font-family: "Calibri", "Trebuchet MS", sans-serif;
	font-size: 1.75em;

	margin: 0px;
}

#body
{
	font-family: "Verdana", sans-serif;
	font-size: 10pt;
	line-height: 1.3em;

	margin: 6px 0px;
	padding: 32px 0px;

	border-style: dotted;
	border-width: 1px 0px;
}

#footer,
#footer a
{
	font-style: italic;
	text-decoration: none;
}


/*******************************************************************************
 *
 * Main: page > body > main content
 *
 ******************************************************************************/


#body > :first-child { margin-top:    0px; }
#body > :last-child  { margin-bottom: 0px; }

#body h1 { font-size: 1.75em; }
#body h2 { font-size: 1.45em; }
#body h3 { font-size: 1.20em; }

#body h1, h2, h3, h4, h5, h6 { line-height: normal; }

dl.content
{
	margin: 0px;
}

dl.content dt
{
	font-weight: bold;
}

dl.content dd
{
	margin-left: 1.5em;
	margin-bottom: 2em;
}

dl.content ul,
dl.content ol
{
	margin-top: 1em;
	margin-bottom: 1em;
}


/*******************************************************************************
 *
 * Content: directory index tables
 *
 ******************************************************************************/


div.autoindex table
{
	border-collapse: collapse;
}

div.autoindex td
{
	padding: 1px 3em 1px 3px;
}

div.autoindex td:first-child
{
	padding-right: 0.5em;
}

div.autoindex th
{
	padding: 0px 3em;
	border-style: solid;
	border-width: 1px 0px;
}

div.autoindex th:first-child
{
	padding: 0px;
}


/*******************************************************************************
 *
 * Content: fancy headers
 *
 ******************************************************************************/


.fancy-header
{
	clear: both;
	font-family: "Calibri", "Trebuchet MS", sans-serif;

	background-repeat: repeat-x;
	background-position: top left;

	margin-top: 1.8em;
	margin-bottom: 1.2em;
	padding: 5px 0px 2px 8px;

	border-style: solid;
	border-width: 1px 0px 0px 1px;

	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	border-top-left-radius: 8px;
}


/*******************************************************************************
 *
 * Content: unbulleted lists
 *
 ******************************************************************************/


.unbulleted
{
	/* IE uses margin instead of padding */
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}


/*******************************************************************************
 *
 * Content: info box
 *
 ******************************************************************************/


#info-box
{
	float: right;

	font-family: "Arial", sans-serif;
	font-size: 10pt;
	line-height: normal;

	border-style: solid;
	border-width: 2px;

	margin: 0px 0px 24px 24px;
	padding: 14px;

	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border-radius: 14px;
}

#info-box h3
{
	font-size: 1.1em;
	text-align: center;
	white-space: nowrap;
	min-width: 20em;

	margin: -5px -5px 0px -5px;
	padding: 4px;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#info-box ul
{
	margin-bottom: 1.75em;
}

#info-box a.silent
{
	text-decoration: none;
}

#info-box div.info-box-button
{
	margin-top: 0.5em;
}

#info-box div.info-box-button a
{
	display: block;

	text-align: center;
	text-decoration: none;
	white-space: nowrap;

	border-style: solid;
	border-width: 1px;

	padding: 3px;
	-moz-border-radius: 100%; /* fully-rounded ends look bad with other browsers */
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

a#info-box
{
	display: block;
	text-decoration: none;
	white-space: nowrap;
}


/*******************************************************************************
 *
 * Content: "more info" link box
 *
 ******************************************************************************/


.more-info-links
{
	text-align: center;
	padding-top: 2em;
}

.more-info-links span
{
	padding: 4px;
	border-style: dotted;
	border-width: 1px;
}

.more-info-links a,
.more-info-links b
{
	padding: 0px 2px;
	text-decoration: none;
}


/*******************************************************************************
 *
 * Content: version history
 *
 ******************************************************************************/


ul#version-history
{
	margin: 0px;
}

ul#version-history ul
{
	margin-bottom: 1em;
	list-style: disc;
}


/*******************************************************************************
 *
 * Content: highlights
 *
 ******************************************************************************/


.highlight,
span.quickdrag-type,
span.quickdrag-action
{
	margin: -2px;
	padding: 2px 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}