/* global whitespace reset (leftjustified.net)  */
* { padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, fieldset, address { margin: 1em 0; }
li, dd { margin-left: 2em; }
fieldset { padding: .5em; }
/* end whitespace reset */

body {
  padding: 15px 0 0 0;
  background-color: #fff;
  font-size: 11px;
  font-family: Lucida Grande, Verdana, sans-serif;
  color: #000;
  text-align: center;
}

a {
  color: #0577c1;
  text-decoration: none;
}

a:hover {
  color: #0577c1;
  text-decoration: underline;
}

img {
  font-size: 10px;
  border: 0px;
}

code {
  color: #090;
}

/* quotes */
blockquote {
  color: #4e4e4e;
  padding: 1em;
  margin: 0 0 1em 0;
  border: 1px solid #e2e2e2;
  background: #f1f1f1;
  font-weight: normal;
  font-size: 90%;
}

blockquote p {
  text-indent: -0.5em;
  margin: 0 0 .5em 0;
}

blockquote em {
  color: #000;
  font-size: 90%;
}

/* lists */
ul {
  list-style-image: url(images/list_circle.png);
  padding: 5px 3px 10px 0;
  margin: 0;
}

ul ul {
  list-style-image: url(images/list_triangle.png);
}

ul.left {
  float: left;
  clear: none;
  width: 49%;
  padding: 15px 0px;
}

ul.right {
  float: right;
  clear: none;
  width: 49%;
  padding: 15px 0px;
}

/* layout */
#wrapper {
  width: 649px;
  padding: 0;
  margin: 0 auto;
  text-align: left;
}

#header {
  margin: 0;
}

/* navbar */
#nav {
  display: block;
  width: 648px;
  float: left;
  padding: 0;
  margin: 0 0 16px 0;
  border: 1px solid;
  border-top-color: #212121;
  border-bottom-color: #212121;
  border-left-color: #737373;
  border-right-color: #737373;
  list-style-type: none;
  list-style-image: none;
  background-image: url(images/button_back.gif);
}

#nav a, #nav a:link, #nav a:visited {
  display: block;
  padding: 4px 0;
  color: #333;
}

#nav a:hover {
  background-image: url(images/button_hover.gif);
  color: #000;
  text-decoration: none;
}

#nav li {
  float: left;
  padding: 0; 
  margin: 0;
  border-right: 1px solid #777;
  text-align: center;
}

#nav li#one { width: 99px; }
#nav li#two { width: 122px; }
#nav li#three { width: 148px; }
#nav li#four { width: 160px; }
#nav li#five { width: 115px; border: none; }

#nav .active a  {
  background-image: url(images/button_active.gif);
  color: #000;
}

/* content section */
#main {
  /* clear: both; */
  float: left;
  width: 430px;
  padding-right: 20px;
}

#main * {
  line-height: 1.4em;
}

#main strong {
  font-weight: bolder;
  line-height: 1.2em;
  letter-spacing: 0.02em;
}

#main h2, #main h3, #main h4 {
  clear: both;
  font-size: 1.2em;
  border-bottom: 1px solid #000;
  padding-bottom: 1px;
  margin: 16px 0 2px 0;
}

/* sidebar */
#quickbar {
  width: 190px;
  float: right;
  background: #f6f6f6;
  /*background: #f6f6f6 url(images/box-gray-bottom.gif) no-repeat bottom left;*/
}

#quickbar .break{
  width: 190px;
  float: right;
  background: #ffffff;
  /*background: #f6f6f6 url(images/box-gray-bottom.gif) no-repeat bottom left;*/
}

#quickbar * {
  font-size: 100%;
  line-height: 1.4em;
}

#quickbar p {
  padding: 0.5em 7px;
  margin: 0;
}

#quickbar h2, #quickbar h4, #quickbar h5, #quickbar h6 {
  padding: 2px 0;
  margin: 0;
  background: #333 url(images/sidebar_header_back.gif) scroll;
  font-weight: normal;
  color: #fff;
  text-align: center;
}

#quickbar h3 { margin: 0; padding: 4px 7px 4px 10px; background: #6D7AAA url(http://images.apple.com/education/images/sidebox_h3_community.gif) repeat-x top left; color: #fff; font-size: 12px; font-weight: bold; }

#quickbar .sidebox-border { border-top: 1px solid #e0e0e0; }
#quickbar .sidebox-content { padding: 9px 9px 0; border: 1px solid white; background: #f2f2f2 url(http://images.apple.com/education/images/sidebox_background.gif) repeat-x top left; }

#quickbar ul {
  padding: 6px 10px 7px;
}

#quickbar li {
  line-height: 1.1em;
  padding: 1px 0;
}

#quickbar ol {
  padding: 0;
  margin: 0;
  list-style-type: none;
  list-style-image: none;
}

#quickbar ol.screenshot a {
  background: url(images/window.png) no-repeat 7px center;
}

#quickbar ol a, #quickbar ol a:link, #quickbar ol a:visited {
  display: block;
  padding: 5px 0;
}
#quickbar ol a:hover {
  background-color: #e5e5e5;
  text-decoration: underline;
}

#quickbar ol li {
  padding: 0; 
  margin: 0;
  text-align: center;
}

#quickbar ol li a#current {
  background: #1195ff;
  color: #fff;
}

#quickbar dl {
  padding: 0.5em 7px;
  margin: 0;
}

#quickbar dl dt {
  font-weight: bold;
}

#quickbar dl dd {
  margin: 0;
  padding: 0 0 10px 0;
}

/* footer style */
#footer {	
  clear: both;
  padding: 5px 0 30px 0;
  border-top: 1px solid #000;
  text-align: center;;
	top: 5px 0 30px 0
}

#footer ul {
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

#footer li {
  display: inline;
  padding: 0 1em;
  margin: 0;
  border-right: 1px solid #000;
  text-align: center;
}

#footer li.last {
  border: none;
}

/* warning box style */
.warning {	
  padding: 1em;
  margin: 0 0 1em 0;
  border: 1px solid #ffe450;
  background: #fff9b0;	
}

.warning p {
  padding: 0;
  margin: 0;
}

.note p {
  padding: 0;
  margin: 0 0 1em 0;
}

/* news styles */
.statement {
  border: 1px solid #ababab;
  background-color: #efefef;
  padding: 0 10px 5px 10px;
  margin-bottom: 10px;
}

.statement p {
  margin: 10px 0;
  line-height: 1em;
}

/* news styles */
.news {
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  padding: 0 10px 5px 10px;
  margin-bottom: 10px;
}

.news p {
  margin: 10px 0;
  line-height: 1em;
}

.news blockquote {
  font-size: 11px;
  font-family: Lucida Grande, Verdana, sans-serif;
  font-weight: normal;
  border: 0;
  padding-top: 0;
}

/* displaying code excerpts */
blockquote.code {
  color: #000;
  padding: 0.5em;
  border: 1px dashed #f00;
  background: #ffefec;
}

pre.code {
  overflow: auto;
  margin: 1em .5em;
  padding: .2em;
  border: 1px solid #000;
}

.codeChanged {
  color: #f00;
}

/* download sidebar styles */
.download_options {
  background-color: #fff;
}
.download_options a {
  color: white;
  padding: 7px 0 6px 8px;
  display: block;
  width: 192px;
  height: 32px;
  display: block;
  float: left;
}

.l10n_link {
  background: url(images/sidebar_caminol10n.jpg);
  width: 200px;
  height: 44px;
}

.download_release {
  background: url(images/sidebar_download_release.jpg);
  width: 200px;
  height: 44px;
}

.download_multi {
  background: url(images/sidebar_download_multi.jpg);
  width: 200px;
  height: 52px;
}

.download_nightly {
  background: url(images/sidebar_download_nightly.jpg);
  width: 200px;
  height: 52px;
}

/* IE 5 Mac-Only items \*//*/
#quickbar {
	margin: 41px 0 0 -400px;
}
/* end IE 5 Mac Only */

p.userjs {
  text-align: left;
  color: #000000;
  padding: 7px;
  margin: 0 0 1em 0;
  border: 1px dashed #ff0000;
  background: #ffefec;
  line-height: 1.4em;
}

/* features swapper */
#features-swapper {
  width: 425px;
}

.swapContainer {
  position: relative;
  background: url(images/feature_caption_bg.gif) #505050;
  height: 44px;
  margin: 8px 5px 0 5px;
  padding: 0 6px;
}
.swapIndex {
  display: block;
  background: url(images/feature_index_bg.gif) #505050 no-repeat left bottom;
  color: white;
  text-align: center;
  vertical-align: middle;
  width: 27px;
  height: 28px;
  padding: 8px 0 0 7px;
  margin: 0 8px 0 0;
/* Hide from IE-Mac \*/
  padding-left:0;
/* End hide */
  line-height: 28px;
  font-size: 20px;
  font-weight: bold;
  font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
  float: left;
}

.swapCaption {
  display: block;
  color: white;
  /*background: url(/images/feature_caption_bg.gif) #505050;*/
  font-size: 12px;
  font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
  height: 37px;
  padding: 7px 0 0 0;
  margin: 0 5px;
}

/* For Promotion page */
.badges {
	text-align: center;
	color: #000000;
	padding: 7px;
	margin: 0 0 1em 0;
	border: 1px dashed #0577C1;
	background: #e2edff;
	line-height: 1.4em;
}

/* Feature page specific */
.featbadge {
  vertical-align:middle ;	
}

/* doc styles */
body#doc {
  padding: 0;
}

img.uigrab{
  border:1px solid #e2e2e2;
  padding:2px;
}

/* doc warning styles */
#body .warning {	
	left: auto;
	right: auto;
	width: 500px;
	padding: 1em;
	margin: 0 auto 1.5em auto;
	border: 1px solid #fc0;
	background: #ff9;
	text-align: center;
}

#body .warning p {
	padding: 0;
	margin: 0;
}

#body .warning_gray {	
  left: auto;
  right: auto;
  width: 500px;
  padding: 1em;
  margin: 0 auto 1.5em auto;
  border: 1px solid #ccc;
  background: #eee;
  text-align: center;
}

#body .warning_gray p {
  padding: 0;
  margin: 0;
}
/* new styles for kybd entry, shortcuts, menus, menu items, toolbar buttons */ 
/* prefPanes and preference names */

.prefName:before {
	content: "\201C"; /* localize these quotation marks appropriately */
}

.prefName:after {
	content: "\201D"; /* localize these quotation marks appropriately */
}

.prefPane {
	font-family: Lucida Grande;
}

/* actual text for a user to type; we might want to style this (for actual kybd input) and then set the others to "inherit" to override */

kbd {
	font-family: monospace;
} 


/* menus, menu items to select, toolbar icons to click, kybd shortcut to use */

kbd.menu {
	font-family: Lucida Grande;
	font-weight: bold;
}

kbd.toolbar {
	font-family: Lucida Grande, Verdana, sans-serif;
	font-weight: bold;
}

kbd.toolbar:before {
	content:  "\201C"; /* localize these quotation marks appropriately */
}

kbd.toolbar:after {
	content: "\201D"; /* localize these quotation marks appropriately */
}

/* forces Osaka to make sure cmd-shift-opt display properly in Gecko */
kbd.shortcut {
	font-family: Osaka, Lucida Grande;
	border-bottom: dotted 1px #0577C1;
}


/* migrated docs styles */

#wrapper_docs {
	text-align: left;
	margin: 15px auto;
	width: 600px;
	font: 11px/1.4em Lucida Grande, Verdana, sans-serif;
}

#heading {
	background: #25689D no-repeat url(images/doc_style_left.gif) left center;
	height: 75px;
	padding-left: 90px;
	text-align: left;
	vertical-align: middle;
	color: #fff;
	margin-bottom: 20px;
}

#heading_right {
	background: #25689D no-repeat url(images/doc_style_right.gif) right center;
	height: 75px;
	width: 15px;
	float: right;
}

#heading h1 {
	font-size: 1.5em;
	font-weight: normal;
	padding-top: 20px;
	margin: 0;
}

#heading h2 {
	font-size: 1.0em;
	font-weight: normal;
	padding-top: 3px;
	margin: 0;
}

#heading a {
	color: #fff;
	margin: 0;
}

#body {
	margin-top: 10px;
	margin-bottom: 10px;
}

#body h3 {
	clear: both;
	border-bottom: 1px solid #000;
	padding-bottom: 1px;
	font-weight: bold;
	font-size: 13px;
	color: #000;
}


/* other new items or styles - the search engines page */
/* existing style .codechanged belongs with this group */

#body dt {
	font-weight: bold;
}

var {
	/* font-family: Monaco, monospace; */
	font-style: italic; 
	font-weight: normal; /* monaco looks fuzzy bold */
	}

samp {
	font-family: monospace;
}


/* bold the browser names in spoofing section of hidden prefs */

#main dl dt {
	font-weight: bold;
}


/* Styles for the keyboard shortcuts docs layout */

table#sup td {
	padding: 2px;
	border-bottom: 1px solid #dddddd;
	text-align: center;
}

.SupportTitle {
	text-align: center;
	background-color: #cccccc;
}