/*** 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;}


ul.engines li{list-style: none;}
.goo{text-align: center;}
#goo_left{margin-top: 8px;}


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

/*** body
*********************************/
body {
min-width: 660px;
margin:10px;
background: #fff url(./img/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;
min-width: 780px;
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: #6288AB url(./img/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 h1 {
background: url(./img/header_tl.gif) no-repeat;
font-size: 2px;
height: 8px;
left: 0;
position: absolute;
top: 0;
z-index: 100;
}

#header h1 a {
background: url(./img/header_logo.png) no-repeat;
display: block;
height: 64px;
text-indent: -700em;
width: 290px;
}

#header form,
#header #no-form {
background: url(./img/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: #e2e9f0;
border: 1px solid #e2e9f0;
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: #2A5D8D;
border-bottom: 1px solid #08447b;
border-left: 1px solid #527CA2;
border-right: 1px solid #08447b;
border-top: 1px solid #527CA2;
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(./img/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(./img/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(./img/header_tab.gif) no-repeat 100% -600px;
border-bottom: 1px solid #515358;
float: right;
padding-right: 6px;
margin: 0 0 0 1px;
}

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

#nav-main ul li a {
background: transparent url(./img/header_tab.gif) no-repeat 0% -600px;
color: #fff;
display: block;
font-weight: bold;
float: left;
padding: 4px 4px 4px 10px;
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: 160px;
}

#leftCol_advC{
text-align: center;
border: 1px solid #E0E9E9;
padding: 5px;
}

#leftCol_advL{
text-align: left;
border: 1px solid #E0E9E9;
padding: 5px;
}


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

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

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

#rightCol_advC{
text-align: center;
padding: 5px;
}

#rightCol_advL{
text-align: left;
padding: 5px;
}

.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, .download {
font-style: italic;
}

.key-point .dl:before, .download:before{
border: none;
content: url(./img/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, .download{
background: #C4EFA1 url(./img/download_back.gif) top right no-repeat;
font-style: normal;
margin-bottom: 0.5em;
padding: 15px 60px 15px 15px;
}

.key-point .dl:after, .download:after{
background: transparent url(./img/download_br.gif) scroll no-repeat bottom right;
content: url(./img/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, .download a{
color: #1D9101;
font-weight: bold;
}

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


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

.key-point:before {
background: transparent url(./img/key-point_tr.gif) no-repeat top right;
content: url(./img/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(./img/key-point_br.gif) scroll no-repeat bottom right;
clear: both;
content: url(./img/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
*********************************/
div#nav2nd {
background: #E0E9E9 url(./img/menu_back.gif) right repeat-y;
margin-bottom: 1em;
margin-right: 0em;
font-weight: bold;
}

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

div#nav2nd:after {
background: transparent url(./img/menu_br.gif) scroll no-repeat bottom right;
border-top: 1px solid #fff;
content:  url(./img/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;
}

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

div#nav2nd div a:hover{
background: #E0E9E9;
}


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

#newsBox div:before {
background: transparent url(./img/news-item_tr.gif) no-repeat top right;
content: url(./img/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(./img/news-item_br.gif) scroll no-repeat bottom right;
clear: both;
content: url(./img/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;
font-weight: bold;
}

#newsBox b{
display: block;
margin-bottom: 0.5em;
}

#newsBox span{
display: block;
margin-bottom: 0.3em;
font-size: smaller;
}

/*** .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;
padding-bottom: 4px;
}

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
*********************************/
hr {
display: none;
}

#main hr {
display: block;
}


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


/*** 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;
}
img.imgleft {
	float: right;
	margin-left: 5px;
}


/*** Firefox Central styles
*********************************/
#ffcentral #container-outer {
}
#ffcentral-welcome {
	min-width: 335px;
	margin-left: -5px;
}
#ffcentral-welcome div {
	background: url(./img/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;
}


/*** Table
**********************************************************/
table {
     border-collapse: collapse;
     border: 1px solid #DDDDDD;
     width: 100%;
}
td{
     padding: 3px 8px;
     border: 1px solid #DDDDDD;
}
tr td:first-child{
     font-weight: bold;
}

/*** HightLight warnings and notes
******************************************************/
.note{
     background: #ffffe1;
     border: 1px solid #febf80;
     padding: 8px;
}
.note b{
     color: #fe9022;
}

.textbox {
	display: block;
	width: 16em;
	border: 1px solid #dddddd;
	padding: 5px;
	margin: 5px;
	font-size: 80%;
	float: right;
}

/*** Modex Styles
****************************************************/
#modex, #modex2{
	background: none;
	padding: 0;
	margin: 0 0 0.3em 0;
}

.history {
        text-align: center;
}