/*
  Main text sections (i.e. the main page content)
  Restricted to max width to prevent it going to the full width
  of a window when the window is extended.
 */
div.section p,div.chapter p
{
  font-family: sans-serif;
  font-size:100%;
  display: block;
  max-width:720px;
}

div.book A:Link, div.chapter A:Link, div.section A:Link
{
 text-decoration: underline;
 color: blue;
 }

div.book A:Visited, div.chapter A:Visited, div.section A:Visited
{
 text-decoration: underline;
 }

/* Default font for all headers */

div.part h1,

div.chapter h1, div.section h1,

div.chapter h2, div.section h2,

div.chapter h3, div.section h3,

div.chapter h4, div.section h4,

div.chapter h5, div.section h5,

div.chapter h6, div.section h6,

div.chapter p.title
{
  font-family: Helvetica, Arial, sans-serif;
}
/* Inline code (literal/option/command) */

div.chapter code,div.section code
{
  color: #0e4075;
  background-color:white;
  font-weight: normal;
  font-family: monospace, fixed;
  font-size:95%;
}

div.chapter pre, div.section pre
{
  color: #a1520f;
  background-color: white;
  font-family: monospace, fixed;
  font-size:95%;
}

.type
{
  font-family:monospace, fixed;
  font-size:95%;
}
/* Page (chapter/section) title */

div.part h1, div.chapter h1, div.book div.titlepage h1.title
{
  font-family: Helvetica, Arial, sans-serif;
  font-size: 250%;
  line-height: 100%;
  font-weight: bold;
}

div.col66 div.book div.titlepage h1.title
{
  font-family: Helvetica, Arial, sans-serif;
  font-size: 150%;
  font-weight: bold;
}
/* Set the size for sub-headings on a single page */

div.chapter div.titlepage h2
{
  font-size:200%;
  font-weight: normal;
  color:black;
  background-color:white;
}

div.section div.titlepage h2
{
  font-size:180%;
  font-weight: bold;
  color:black;
  background-color:white;
}

div.section div.titlepage h3
{
  font-size:160%;
  font-weight: bold;
  color:black;
  background-color:white;
}

div.section div.titlepage h4
{
  font-size:140%;
  font-weight: bold;
  color: black;
  background-color:white;
}

div.section div.titlepage h5
{
  font-size:120%;
  font-weight: bold;
  color: black;
  background-color:white;
}

div.section div.titlepage h6
{
  font-weight: normal;
  color:black;
  background-color:white;
}
/*
  These are inline elements for corresponding inline
  fragments. I.e. <errorcode>, <errorname>, etc.
 */

.errorcode
{
  font-family: courier, monospace;
  color: #7b3d23;
  background-color:white;
}

.errorname
{
  font-family: courier, monospace;
  font-weight: bold;
  color: #7b3d23;
  background-color:white;
}

.errortext
{
  font-family: courier, monospace;
  color: #7b3d23;
  background-color:white;
}

.errortype
{
  font-family: courier, monospace;
  color: #7b3d23;
  background-color:white;
  font-style: italic;
}
/* Font size for the headline of an admonition */

div.warning h3, div.note h3, div.important h3, div.caution h3
{
  font-size: 90%;
}

div.note
{
  border-left: 5px solid black;
  padding-left: 5px;
  margin-right: 1in;
}

div.warning
{
  border-left: 5px solid red;
  padding-left: 5px;
  margin-right: 1in;
}

div.caution
{
  border-left: 5px solid yellow;
  padding-left: 5px;
  margin-right: 1in;
}

div.important
{
  border-left: 5px solid maroon;
  padding-left: 5px;
  margin-right: 1in;
}
/* Formatting for <formalpara role="mnmas"> */

p.mnmas b
{
  display:block;
  color: green;
  background-color:white;
}

p.mnmas
{
  color: green;
  background-color:white;
  border: 1px solid green;
  border-left: 5px solid green;
  padding-left: 5px;
}
/* Formatting for <formalpara role="mnmas-kb"> */

p.mnmas-kb b
{
  display:block;
  color: #6633cc;
  background-color:white;
}

p.mnmas-kb
{
  color: #6633cc;
  background-color:white;
  background-color:white;
  border: 1px solid green;
  border-left: 5px solid green;
  padding-left: 5px;
}
/* Formatting for <formalpara role="mccge-warning"> */

p.mccge-warning b
{
  padding-right:0.5em;
}

p.mccge-warning
{
  color: blue;
  background-color:white;
  border: 1px solid blue;
  border-left: 5px solid blue;
  padding-left: 5px;
}
/* Formatting for <formalpara role="depnote"> */

p.depnote b
{
  display:block;
  color: red;
  background-color:white;
}

p.depnote
{
  color: red;
  background-color:white;
  border: 1px solid red;
  border-left: 5px solid red;
  padding-left: 5px;
}
/*
  Program listings have a grey background to set them off from the
  rest of the page. We limit the width to ensure a program listing
  item doesn't go too wide on the page. Font size is reduced to
  prevent the code is not badly matched.
 */

div.chapter pre.programlisting, div.section pre.programlisting
{
  background: #eeeeee;
  color:black;
  display:block;
  max-width:720px;
  font-size:90%;
  padding:2px;
}
/*
  Gui Buttons are made to look like a button with a border,
  sans font, and background.
 */

.guibutton
{
  font-family: Helvetica, Arial, sans-serif;
  background: #dddddd;
  color: black;
  display:inline;
  border: 1px solid #555555;
  padding:1px;
  line-height:1.2em;
  white-space:nowrap;
}
/* Gui Labels are made to look like a label */

.guilabel
{
  font-family: Helvetica, Arial, sans-serif;
  background: #dddddd;
  color: black;
  font-weight: bold;
  display:inline;
  padding:1px;
  line-height:1.2em;
  white-space:nowrap;
}
/*
  Gui menu items are made to look like a menu item with
  border and bold font
 */

.guimenu
{
  font-family: Helvetica, Arial, sans-serif;
  background: #dddddd;
  color: black;
  font-weight: bold;
  border: 1px solid #555555;
  text-decoration: underline;
  display:inline;
  padding:1px;
  line-height:1.2em;
  white-space:nowrap;
}
/* Key caps are made to look like a key top */

strong.keycap
{
  background: #eeeeee;
  color:black;
  display:inline;
  border: 1px solid #000000;
  font-variant: small-caps;
  padding:1px;
  line-height:1.2em;
}
/* Unknown and unfound in transformations */

#subfld h1
{
  font-size: 90%;
  font-weight: bold;
}
/* Formatting for <command> elements */

span.section a span strong.command
{
  color: black;
  background-color:white;
  text-decoration: underline;
}
/* Formatting for <literal> elements within headers */

dt span code
{
  font-weight: bold;
}
/*
  We reduce the size for code (inline) literal elements
  so that the fixed width font doesn't look bigger than
  the text around it.
 */

code
{
  font-size: 95%;
}
/* Prevent <emphasis role="bold"> in <code> from looking too out of place */

p strong code
{
  font-size: 95%;
  font-weight: normal;
}

pre strong code
{
  font-weight: normal;
  font-size: 100%;
}
/* Make standard emphasis 100%, since italics make the text appear smaller */

em
{
  font-style: italic;
  font-size: 100%;
}
/* Make emphasis in fixed fonts up from the reduced size */

em code
{
  font-size: 110%;
}
/* Ensure emphasis embedded in code exactly 100% */

code em code
{
  font-size: 100%;
}
/* Set the font for <type> to fixed font */

span.type
{
  font-family:monospace, fixed;
}
/* Italic and bold for emphasis role="bold" */

span.bold strong
{
  font-style: italic;
  font-weight: bold;
}
/* Italic for standard emphasis */

span.emphasis em
{
  font-style: italic;
  font-weight: normal;
}
/* Monospace bold for emphasis role="bold" within top-level sections */

span.section span strong.command
{
  font-family: monospace;
  font-weight: bold;
}
/* Set inline code elements in titles within TOC */

span.section code.literal, div.section code.literal, div.section code.classname, div.example code.literal
{
  font-family: monospace, fixed;
  font-weight: bold;
  color: #026789;
  background-color:white;
  font-size:95%;
}
/*
  Set the size of code literals within table cells to 100%,
  because the difference in font size wont be so significant.
 */

td code.literal
{
  font-size:100%;
}
/* Formatting for deprecated warnings */

p.deprecated span.bold strong
{
  color:red;
  background-color:white;
  font-weight: bold;
  font-style: normal;
}
/*
  Ensure code elements in headers are the same size as the other
  text, because the increased size on headers lessens the normal
  effect of fixed vs normal fonts
 */

div.section div.titlepage h1 code, div.section div.titlepage h2 code, div.section

div.titlepage h3 code, div.section div.titlepage h4 code, div.section

div.titlepage h5 code, div.section div.titlepage h1 code
{
  font-size:100%;
}
/* <command> block formatting; color, size and monospace */

strong.command
{
  font-family:monospace, fixed;
  font-size:90%;
  color: #990000;
  background-color:white;
  font-weight: normal;
}
/* <replaceable> sets different color */

strong.userinput code
{
  color: #0e4075;
  background-color:white;
}

/* <replaceable> in programlistings should have the programlisting background */

pre.programlisting strong.userinput code
{
  color: #0e4075;
  background-color:#eeeeee;
}

/* <filename> sets different color */

code.filename
{
  color: #3352ff;
  background-color:white;
}
/* <emphasis role="bold"> */

span.emphasis em
{
  color: #003333;
  background-color:white;
}

span.bold strong
{
  color: #003333;
  background-color:white;
}

span.section span strong.command
{
  color: #026789;
  background-color:white;
}
/*
  Reset the color of <literal> and other inline monospace
  formatting for sub-level headings in the page. Without this
  setting, the color coded formatting of the monospace elements
  is too strong
 */

h3.title code.literal
{
  color: black;
  background-color:white;
}
/*
  Set the maximum width of a table or informaltable to slightly
  less than the width of the page
 */

div.section table, div.chapter table, div.informaltable table
{
  max-width:660px;
  border: none;
}
/* Always align content to the top of the row */

table tr
{
  vertical-align: top;
}
/*
  Use outset borders and reduce the font width for all
  table cell data
 */

td
{
  font-family:helvetica, arial, sans-serif;
  font-size: 95%;
  padding:0px 5px 0px 5px;
  border: outset 0.1em white;
}
/* Table row header formatting */

th, div.informaltable td strong
{
  font-family:helvetica, arial, sans-serif;
  color:black;
  background-color:white;
  font-weight:bold;
  font-style:normal;
}
/*
  Set minimun/maximum width of para, programlisting and tables
  when working on 2/3rd width elements
 */

div.col66 p, div.col66 pre.programlisting, div.col66 table, div.col66 div.informaltable table
{
  min-width: 600px;
  max-width: 660px;
}

div.itemizedlist 
{
  font-size: 100%;
}

div.itemizedlist ul li
{
  font-size: 100%;
  list-style-type: disc;
}

div.itemizedlist ul li div.itemizedlist ul li
{
  font-size: 100%;
  list-style-type: square;
}

div.itemizedlist ul li div.itemizedlist ul li div.itemizedlist ul li
{
  font-size: 100%;
  list-style-type: circle;
;
}
/* Formatting for <para role="es"> (Enterprise Server only) */

p.es
{
  color:#cc6600;
  background-color:white;
  font-weight: bold;
  font-style: normal;
}
/* Formatting for <para role="cs"> (Community Server only) */

p.cs
{
/* Community Server only */
  color:#ff6600;
  background-color:white;
  font-weight: bold;
  font-style: normal;
}
/*
  Formatting for the list of available documents (dev.mysql.com/doc)
  starts here
 */

h2.docs-list-title
{
  font-family: helvetica, arial, sans-serif;
  text-decoration: underline;
}

span.docs-list-title
{
  font-size:50%;
}

table.docs-document-list
{
  border-style: none;
  font-size: 12px;
  font-family: helvetica, arial, sans-serif;
  border: none;
}

table.docs-document-list tr.title
{
  text-align: center;
  vertical-align: bottom;
  font-weight: bold;
}
/*
  Formatting of odd/even rows is different to provide
  an alternate color on each row
 */

table.docs-document-list tr.even
{
  vertical-align: bottom;
  color: black;
  background-color: #efefef;
  border: 0px;
}

table.docs-document-list tr.odd
{
  vertical-align: bottom;
  color: black;
  background-color: white;
  border: 0px;
}
/*
  Set left/right padding only on table cells
  so that the page length is not too long
 */

table.docs-document-list td
{
  padding:0px 5px 0px 5px;
  border: none;
}
/*
  Title rows are aligned to bottom, not top
  to allow for multi-line headings
 */

table.docs-document-list td.title
{
  text-align: left;
  vertical-align: bottom;
  border: 0px;
}
/*
  We fix the width of link columns to give them
  a consistent width
 */

table.docs-document-list td.link
{
  width: 70px;
  text-align: center;
  border: 0px;
}