/*** undo default browser styles
******************************************************************/
/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */
/* Purpose: undo some of the default styling of common (X)HTML browsers */

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */






/*** reset some basic style
******************************************************************/
dl {margin: 0 0 0 .8em;}
dl dt {margin: 0 0 .5em 0;}
dl dd+dt {margin-top: 1.5em;}
dl dd {margin: 0 0 1em 2em;}

ol {list-style: decimal;}
ol li {margin: 0 0 1em 2.5em;}
ol li ol {margin: 1em 0 1em 1em;}
ol li ul {margin: 1em 0 1em 1em;}

p {margin-bottom: 1em;}

ul {list-style: disc;}
ul li {margin: 0 0 1em 2em;}
ul li ul {margin: 1em 0 1em 1em; list-style: circle;}
ul li ol {margin: 1em 0 1em 1em;}






/*** major document sections
******************************************************************/

/*** body
*********************************/
body {
min-width: 660px;
margin: 10px;
background: #fff url(body_back.gif) repeat-x top left;
color: #000;
font-family: verdana, sans-serif;
font-size: x-small;
voice-family: "\"}\"";
voice-family: inherit;
font-size: small;
}


/*** container-outer
*********************************/
#container-outer {
margin: 10px auto;
max-width: 70em;
width: 95%;
}


/*** nav-access
*********************************/
ul#nav-access {
font-size: 90%;
list-style: none;
}

ul#nav-access li {
float: left;
margin: 0 5px 5px 0;
}

ul#nav-access li+li {
border-left: 1px solid #ddd;
padding-left: 5px;
}

ul#nav-access a {
color: #888;
}

ul#nav-access a:hover {
color: #333;
text-decoration: underline;
}


/*** header
*********************************/
#header {
background: #455372 url(header_bl.png) repeat-x bottom left;
clear: both;
height: 6em;
min-height: 39px;
position: relative;
voice-family: "\"}\"";
voice-family: inherit;
height: 3.8em;
padding: 15px 0;
}

#header nomoz { 
background: url(header_tl.gif) no-repeat;
font-size: 1px;
height: 8px;
left: 0;
position: absolute;
top: 0;
z-index: 100;
}

#header h1 {
font-size: 24px;
}

#header form,
#header #no-form {
background: url(header_tr.gif) no-repeat top right;
padding: 12px 20px 0 0;
position: absolute;
right: 0;
text-align: right; /* need for IE Mac */
top: 0;
white-space: nowrap; /* for Opera */
}

#header form label {
color: #fff;
font-size: 85%;
font-weight: bold;
}

#header form input#search-input {
background-color: #d9dbe1;
border: 1px solid #9097a2;
font-size: 85%;
padding: 2px;
width: 170px;
}

#header form input#search-input:focus, 
#header form input#search-input:hover {
background: #fff;
}

#header form input#search-submit {
background-color: #6a7389;
border-bottom: 1px solid #283043;
border-left: 1px solid #9097a2;
border-right: 1px solid #283043;
border-top: 1px solid #9097a2;
color: #fff;
font-size: 85%;
font-weight: bold;
padding: 1px 4px;
}


/*** nav-main
*********************************/
#nav-main {
position: absolute;
top: -15px;
width: 100%;
}

#nav-main #no-ul {
background: url(header_br.gif) no-repeat bottom right;
bottom: 0;
padding: 0 0 15px 20px;
position: absolute;
right: 0;
z-index: 90;
}

#nav-main ul {
background: url(header_br.gif) no-repeat bottom right;
bottom: 0;
list-style: none;
padding-right: 15px;
position: absolute;
right: 0;
width: auto;
z-index: 90;
}

#nav-main ul li {
background: transparent url(header_tab.gif) no-repeat 100% -600px;
border-bottom: 1px solid #515358;
float: right;
margin: 0 0 0 1px;
}

#nav-main ul li:hover {
background-position: 100% -400px;
}

#nav-main ul li a {
background: transparent url(header_tab.gif) no-repeat 0% -600px;
float: left;
padding: 0px 0px 3px 1px;
text-decoration: none;
}

#nav-main ul li:hover a {
background-position: 0% -400px;
}

/*** container-inner
*********************************/
#container-inner {
margin-top: 15px;
position: relative;
width: 100%;
}


/*** columns
*********************************/
#leftCol {
color: #222;
font-size: 90%;
left: 0;
position: absolute;
top: 0;
width: 180px;
}

.twoCol #main {
margin: 0 0 0 0px;
}

.threeCol #main {
margin: 0 220px 0 180px;
}

#rightCol {
color: #222;
font-size: 90%;
margin: 0;
position: absolute;
right: 0;
top: 0;
width: 180px;
}

.twoCol #rightCol {
display: none;
}


/*** footer
*********************************/
#footer {
border-top: 1px solid #999;
padding: 1em 0;
text-align: center;
}

.twoCol #footer {
margin: 4em 0 2em 180px;
}

.threeCol #footer {
margin: 4em 220px 2em 180px;
}

#footer dl {
margin-bottom: 1em;
}

#footer dt {
margin: 0;
}

#footer dd {
display: inline;
margin: 0;
}

#footer dd+dd {
border-left: 1px solid #ddd;
padding-left: 5px;
}

#footer ul {
margin-bottom: 1em;
}

#footer li {
display: inline;
white-space: nowrap;
margin: 0;
}

#footer li+li {
border-left: 1px solid #ddd;
padding-left: 5px;
}

#footer p {
margin: 0.6em 0;
}

#footer,
#footer p a {
color: #666;
}

#footer a:hover {
color: #333;
text-decoration: underline;
}






/*** minor document sections
******************************************************************/

/*** download
*********************************/
.dl {
font-style: italic;
}

.key-point .dl:before {
border: none;
content: url(download_tl.gif);
display: block;
font-size: 1px;
height: 15px;
line-height: 0.1;
margin: -15px -15px 0 -15px;
text-align: left;
}

.key-point .dl {
background: #C4EFA1 url(download_back.gif) top right no-repeat;
font-style: normal;
margin-bottom: 0.5em;
padding: 15px 60px 15px 15px;
}

.key-point .dl:after {
background: transparent url(download_br.gif) scroll no-repeat bottom right;
content: url(download_bl.gif);
display: block;
font-size: 1px;
height: 8px;
line-height: 0.1;
margin: -10px -60px -15px -15px;
padding-top: 15px;
text-align: left;
}

.key-point .dl a {
color: #1D9101;
font-weight: bold;
}

.key-point .dl a:hover {
color: #156B01;
}


/*** .key-point
*********************************/
.key-point {
background: #e4ecec url(key-point_back.gif) right repeat-y;
margin-bottom: 1em;
padding: 15px 15px 14px 15px;
}

.key-point:before {
background: transparent url(key-point_tr.gif) no-repeat top right;
content: url(key-point_tl.gif);
display: block;
font-size: 1px;
height: 15px;
line-height: 0.1;
margin: -15px -15px 0 -15px;
text-align: left;
}

.key-point:after {
background: transparent url(key-point_br.gif) scroll no-repeat bottom right;
clear: both;
content: url(key-point_bl.gif);
display: block;
font-size: 1px;
height: 8px;
line-height: 0.1;
margin: -15px;
padding-top: 15px;
text-align: left;
}

#main .key-point h2 {
border: none;
font-size: 200%;
margin-left: 0;
}

#main .key-point h3,
#main .key-point h4,
#main .key-point h5 {
border: none;
margin-left: 0;
}

/*** #nav2nd
*********************************/
ul#nav2nd {
background: #E0E9E9 url(menu_back.gif) right repeat-y;
margin-bottom: 1em;
margin-right: 0em;
}

ul#nav2nd:before {
background: transparent url(menu_tr.gif) no-repeat top right;
border-bottom: 1px solid #ddd;
content: url(key-point_tl.gif);
display: block;
font-size: 1px;
height: 9px;
line-height: 0.1;
margin: 0;
text-align: left;
}

ul#nav2nd:after {
background: transparent url(menu_br.gif) scroll no-repeat bottom right;
border-top: 1px solid #fff;
content:  url(key-point_bl.gif);
display: block;
font-size: 1px;
height: 8px;
line-height: 0.1;
margin: 0 0 0 0;
padding-top: 0;
text-align: left;
}

ul#nav2nd ul {
list-style: none;
margin: 0 0 -4px 0;
padding: 0;
}

/* used for un-linked menu items */
ul#nav2nd li {
color: #666;
display: block;
font-weight: bold;
margin: 0;
padding: 6px 10px;
}

ul#nav2nd li a {
background: #EDF2F2;
border-bottom: 1px solid #ddd;
border-top: 1px solid #fff;
border-right: 1px solid #ddd;
display: block;
margin: -6px -10px;
padding: 6px 10px;
text-decoration: none;
}

ul#nav2nd ul a {
font-weight: normal;
}

ul#nav2nd li li a {
margin: -4px -20px -8px -20px;
padding: 4px 8px 4px 20px;
}

ul#nav2nd li a:hover {
background: #E0E9E9;
}


/*** news-item
*********************************/
#newsBox div {
background: #F1F6F5 url(news-item_back.gif) right repeat-y;
margin-bottom: 1em;
padding: 15px;
}

#newsBox div:before {
background: transparent url(news-item_tr.gif) no-repeat top right;
content: url(news-item_tl.gif);
display: block;
font-size: 1px;
height: 15px;
line-height: 0.1;
margin: -15px -15px 0 -15px;
text-align: left;
}

#newsBox div:after {
background: transparent url(news-item_br.gif) scroll no-repeat bottom right;
clear: both;
content: url(news-item_bl.gif);
display: block;
font-size: 1px;
height: 8px;
line-height: 0.1;
margin: -15px;
padding-top: 15px;
text-align: left;
}

#newsBox div h3 {
margin-top: 0;
}


/*** .prod-list
*********************************/
body#home #main dl,
body#products #main dl {
margin-left: 0;
}

body#home #main dl dd,
body#products #main dl dd {
margin-left: 44px;
}

body#home #main dl img,
body#products #main dl img {
float: left;
margin: 0 10px 5px 0;
}

body#home #main dl dt a,
body#products #main dl dt a {
font-weight: bold;
}

body#home #main dl dd+dt,
body#products #main dl dd+dt {
margin-top: 35px;
}


/*** search page
*********************************/
body#search #main dl {
margin-top: 2em;
}

body#search #main dt {
font-weight: bold;
}

body#search #main dd+dt {
border-top: 1px solid #ddd;
padding-top: 1em;
}






/*** specific tags
******************************************************************/

/*** address
*********************************/
address {
margin: 0 0 1em 0;
}


/*** dd
*********************************/
/* product quotes */
body.product #rightCol dl:first-child dd {
text-align: right;
}


/*** dt
*********************************/
body#about #main dt {
font-weight: bold;
}


/*** form
*********************************/
body#search #main form {
margin-bottom: 1em;
}


/*** h
*********************************/
/* h1 is the swapped to display the mozilla logo*/

h2 {
border-bottom: 1px solid #ccc;
font-size: 160%;
font-weight: normal;
margin: 0 0 .4em 0;
padding-bottom: 4px;
}

#main h2 {
margin-left: -10px;
}

#nav-main h2 {
display: none;
}

h3 {
border-bottom: 1px solid #ccc;
font-size: 130%;
font-weight: normal;
margin: 1.5em 0 .5em 0;
padding-bottom: 4px;
}

#main h3 {
margin-left: -10px;
}

#leftCol h3, 
#rightCol h3 {
border: 0;
font-size: 120%;
padding-bottom: 0;
}

h4 {
font-size: 115%;
font-weight: bold;
}

body#firefox #main h4 {
margin: 1.5em 0 .5em 0;
}

body#firefox #main h3+h4 {
margin-top: .5em;
}

h5 {
font-size: 100%;
}

h6 {
font-size: 90%;
}


/*** hr
*********************************/

#main hr {
display: block;
}


/*** img
*********************************/
h2.prod img {
float: left;
margin-bottom: 5px;
margin-right: 5px;
}


/*** q
*********************************/
q {
quotes: "\201C" "\201D" "\2018" "\2019";
}

body.product #rightCol q {
font-size: 140%;
font-family: Georgia;
color: #394A6C;
}


/*** a
*********************************/
:link {color: #039;}
:visited {color: #636;}
:link:hover, :visited:hover {color: #333;}
:link:active, :link:active {color: #000;}

#container-inner a {
text-decoration: underline;
}

#container-inner a[hreflang]:after {
content: " [" attr(hreflang) "]";
font-size: 80%;
}

body.product #rightCol q a {
color: #394A6C;
text-decoration: none;
}

body.product #rightCol q a:hover {
color: #333;
text-decoration: underline;
}


/*** img
*********************************/
img.inline {
	float: none;
	margin: 0;
	vertical-align: middle;
}
img.screenshot {
	display: block;
	margin-bottom: 10px;
}
img.imgright {
	float: left;
	margin-right: 5px;
}

/*** Firefox Central styles
*********************************/
#ffcentral #container-outer {
	min-width: 780px;
}
#ffcentral-welcome {
	min-width: 335px;
	margin-left: -5px;
}
#ffcentral-welcome div {
	background: url(welcomefirefox.gif) no-repeat top left;
	float: left;
	line-height: 140%;
	padding: 40px 0 0 100px;
	margin-left: -5px;
}
#ffcentral-welcome h2,
#ffcentral-welcome h3,
#ffcentral-welcome p,
#ffcentral-welcome ul {
	margin-left: 0;
	margin-top: 0;
	color: #4C5C5C;
}



/*** problem items
******************************************************************/
/* removes problem images */
#rightCol h2 img {
display: none;
}
/* removes styling on problem h2 a */
#rightCol h2 a {
color: #000;
text-decoration: none;
}