/* Master stylesheet */

body, html
{
    margin: 0;
    padding: 0;
    font-family: "Trebuchet MS" , arial, verdana, helvetica, sans-serif;
    text-decoration: none;
    color: #fff;
    background: #000;
    line-height: 150%;
    font-size: 90%;
}

/* home page */
.home
{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}

.home2
{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    padding: 0;
    font-size: 2.5em;
}

p.home
{
    padding: 0em;
}

h2.home
{
    font-size: 1.8em;
    line-height: 130%;
    margin-bottom: -0.5em;
}

h3.home
{
    margin: 1em 0.5em;
    padding: 1em;
    line-height: 160%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.3em;
}
/* end home page */

#img
{
    margin-left: 0em;
    padding-right: 1em;
}

#masthead
{
    margin: 1em 1em 0em 23em;
    padding: 1em 3em 1em 1em;
    background: #000 url(images/mvp_logo.gif) no-repeat 99% 50%;
    color: #fff;
    border: 1px solid #ffd505;
}

#masthead p#header
{
    margin: 0 12em 0 0;
    padding: 0.3em 0em 0.5em 0.5em;
    color: #fff;
    background-color: inherit;
    font-style: italic;
    font-size: 115%;
}

#masthead h1#topic
{
    margin: 0 12em 0 0;
    padding: 0.1em 0em 0.3em 0.3em;
    color: #fff;
    background-color: inherit;
    font-size: 170%;
}

.border
{
    margin: 0.1em;
    padding: 0em 1em 1.5em 0.5em;
    background: #fff;
    color: #000;
    border: 1px solid #ffd;
}

.borderhome
{
    margin: 0.1em;
    padding: 0em 1em 1.5em 0.5em;
    background: #ffd505;
    color: #000;
    border: 1px solid #ffd;
}


/* CONTENT div style */
#content
{
    margin: 1em 1em 2em 23em;
    padding: 0em;
    color: #fff;
    background-color: #000;
}

.homepage
{
    height: 48.5em;
}

/* end CONTENT div */

/* footer styles */
#footer
{
    margin: 1em 0.1em;
    padding: 1em;
    text-align: center;
    background: inherit;
    color: #fff;
    border: 1px solid #ffd505;
    line-height: 300%;
}

#footer a:link
{
    background: #000 url(images/link.gif) no-repeat right center;
    color: #a4d3ee;
    padding-right: 1.7em;
}

#footer a:visited
{
    background: #000 url(images/visited.gif) no-repeat right center;
    color: orange;
    padding-right: 1.7em;
}

#footer a:hover, #footer a:active
{
    background: #000 url(images/hover.gif) no-repeat right center;
    color: #fff;
    padding-right: 1.7em;
}
/* end footer styles */

/* GLOBAL Nav id styles */
#nav
{
    width: 20em;
    position: absolute;
    top: 1em;
    left: 1em;
    margin: 0;
    padding: 0em 0.5em 1em 0.5em;
    background: inherit;
    color: #000;
    border: 0.1em solid #ffd505;
}

#nav ul
{
    margin: 0em;
    padding: 0em;
    list-style-type: none;
    color: #fff;
    background-color: inherit;
}

#nav ul li
{
    margin: 0em;
    padding: 0em 0em 0.2em 0.5em;
    list-style-type: none;
}

#nav ul ul li
{
    padding: 0em;
    margin-left: 1em;
    line-height: 175%;
}

#nav ul ul ul li
{
    padding: 0em;
    margin-left: 1.4em;
}

#nav ul ul ul ul li
{
    padding: 0em;
    margin-left: 1.4em;
}

/* end nav link unordered lists */

#nav h4
{
    font-size: 130%;
    font-variant: small-caps;
    text-align: center;
    margin: 0.5em 0em 0.4em 0em;
    color: #fff;
    background-color: #000;
}

#nav h4.norm
{
    padding: 0.5em 0em 1em 0em;
    font-variant: normal;
    font-style: italic;
    text-align: center;
}

#nav h4.base
{
    padding-bottom: 1em;
    text-align: center;
}

#nav hr
{
    margin: 1.5em 0em;
}

/* nav skip to content button */
#nav h4.skip
{
    font-size: 1.1em;
    font-weight: bold;
    font-variant: small-caps;
    margin: 1.8em 0em 0em 0em;
    padding: 0.5em;
    color: #fff;
    background: none;
    text-decoration: none;
    text-align: center;
}

#nav h4.skip a:link, #nav h4.skip a:visited
{
    color: #000;
    background: #ccc;
    padding: 0.2em 1em;
    border-top: 0.15em solid #fff;
    border-left: 0.15em solid #fff;
    border-bottom: 0.15em solid #aaa;
    border-right: 0.15em solid #aaa;
}

#nav h4.skip a:hover, #nav h4.skip a:active, #nav h4.skip a:focus
{
    color: #fff;
    background: #454545;
    padding: 0.2em 1em;
    border-top: 0.15em solid #fff;
    border-left: 0.15em solid #fff;
    border-bottom: 0.15em solid #aaa;
    border-right: 0.15em solid #aaa;
}
/* end nav skip to content button */

li.nolink
{
    margin-left: 0.5em;
    color: yellow;
    cursor: default;
}
/* end global nav using ul */

/* nav icon linkstates */

#nav .linkstate
{
    font-weight: bold;
}

#nav .linkstate a:link
{
    text-decoration: none;
    color: #a4d3ee;
    padding-right: 1.7em;
    background: #000 url(images/link.gif) no-repeat right;
    vertical-align: middle;
}

#nav .linkstate a:visited
{
    text-decoration: none;
    color: orange;
    padding-right: 1.7em;
    background: #000 url(images/visited.gif) no-repeat right;
    vertical-align: middle;
}

#nav .linkstate a:hover
{
    text-decoration: underline;
    color: #fff;
    padding-right: 1.7em;
    background: #000 url(images/hover.gif) no-repeat right;
    vertical-align: middle;
}

#nav .linkstate a:active
{
    text-decoration: none;
    color: #fff;
    background: #000 url(images/hover.gif) no-repeat right;
    padding-right: 1.7em;
    vertical-align: middle;
}

#nav .linkstate a:focus
{
    text-decoration: none;
    color: #fff;
    background: #000 url(images/hover.gif) no-repeat right;
    padding-right: 1.7em;
    vertical-align: middle;
}
/* end nav icon linkstates */

/* nav - highlights the current open page - use span around a link if parent in nested lists - specific to each project */
#homenav #nav .homenav a, #acknowledgements #nav .acknowledgements a, #gettingstarted #nav .gettingstarted a, #designnotes #nav .designnotes a, #references #nav .references a, #browser #nav .browser a, #graphic #nav .graphic a, #source #nav .source a
{
    color: yellow;
    cursor: default;
    text-decoration: none;
    background: transparent url(images/star.gif) no-repeat center right;
    font-weight: bold;
}

/* #nav link state legend colors */

#nav .linkstate
{
    font-weight: bold;
}

#nav .state
{
    padding-right: 1em;
    vertical-align: top;
}

#nav .focus
{
    color: #fff;
    background: transparent;
    text-decoration: underline;
}

#nav .unvisited
{
    color: #a4d3ee;
    background: transparent;
}

#nav .visited
{
    color: orange;
    background: transparent;
}

#nav .currently
{
    color: yellow;
    background: transparent;
}
/* end #nav link state legend colors */

/* return to top link button */
.top
{
    margin: 2em 0em 0em 1.5em;
    letter-spacing: 0.1em;
    font-size: 0.8em;
    background-image: none;
}

.top a:link, .top a:visited
{
    padding: 0em 0.6em;
    font-variant: small-caps;
    color: #000;
    background-color: #ddd;
    background-image: none;
    border-top: 0.15em solid #bbb;
    border-left: 0.15em solid #bbb;
    border-bottom: 0.15em solid #000;
    border-right: 0.15em solid #000;
}

.top a:hover, .top a:active, .top a:focus
{
    padding: 0em 0.6em;
    font-variant: small-caps;
    color: #fff;
    background-color: #000;
    background-image: none;
    border-top: 0.15em solid #aaa;
    border-left: 0.15em solid #aaa;
    border-bottom: 0.15em solid #f5f5f5;
    border-right: 0.15em solid #f5f5f5;
}


div.top
{
    margin: 2em 0em 1em 0.5em;
    border: none;
}

div.top a:link, div.top a:visited
{
    color: #000;
    background: #fff;
    padding: 0.6em;
    font-variant: small-caps;
    text-decoration: none;
    border: none;
}

div.top a:hover, div.top a:active, div.top a:focus
{
    color: #fff;
    background: #ddd;
    padding: 0.6em;
    font-variant: small-caps;
    text-decoration: none;
    border: none;
}
/* end return to top link button */

/* normal links */
a:link
{
    text-decoration: none;
    color: #0000ff;
    padding-right: 1.7em;
    background: transparent url(images/link.gif) no-repeat right;
    vertical-align: bottom;
    font-weight: bold;
}

a:visited
{
    text-decoration: none;
    color: #880088;
    padding-right: 1.7em;
    background: transparent url(images/visited.gif) no-repeat right;
    vertical-align: bottom;
    font-weight: bold;
}

a:hover
{
    text-decoration: none;
    color: #fff;
    padding-right: 1.7em;
    background: #000 url(images/hover.gif) no-repeat right;
    vertical-align: bottom;
    font-weight: bold;
}

a:active
{
    color: #fff;
    padding-right: 1.7em;
    background: #000 url(images/hover.gif) no-repeat right;
    font-weight: bold;
}

a:focus
{
    color: #fff;
    padding-right: 1.7em;
    background: #000 url(images/hover.gif) no-repeat right;
    font-weight: bold;
}
/* end normal links */

.borderinfo
{
    margin: 20px 0 20px 20px;
    padding-top: 0;
    padding-bottom: 0;
    background: #F0E68C;
    border-style: solid;
    border-width: 1px;
}

h1
{
    font-size: 130%;
    margin-left: 0.5em;
}

h2
{
    font-size: 120%;
    margin-left: 1.0em;
}

h3
{
    font-size: 105%;
    margin-left: 2.0em;
    margin-top: 0.5em;
}

h3.form
{
    font-size: 105%;
    margin: 1em 0em;
}

h4
{
    font-size: 100%;
    margin-left: 4.0em;
    margin-bottom: 1em;
}

h5
{
    font-size: 100%;
    margin-left: 5.0em;
    margin-bottom: 0em;
}

h6
{
    font-size: 90%;
    margin-left: 4.0em;
    margin-bottom: -0.5em;
}

h2.center
{
    text-align: center;
    font-size: 110%;
    display: block;
}

/* paragraphs */
p
{
    margin-right: 5.0em;
    margin-left: 4.0em;
    padding-right: 1.0em;
}

/* image */
img
{
    border: none;
}

.img
{
    margin-left: 4em;
    margin-right: 2em;
    font-size: 100%;
    font-style: italic;
    vertical-align: middle;
    text-decoration: none;
    border: none;
    display: block;
}

p.imgleft
{
    float: left;
    margin: 0em;
    padding: 0.3em 1.0em 0 4.0em;
}
/* end image */

p.bold
{
    margin-left: 4.0em;
    margin-right: 5.0em;
    padding-right: 1.0em;
}
/* end paragraphs*/


/* definition list */
dl
{
    margin-left: 6.7em;
}

dl.method
{
    margin: 1em 0em 0em 2em;
    padding: 0em 0em 1em 1em;
}

dt
{
    font-weight: bold;
}

dd
{
    padding: 0.2em 0em;
}

dd ul li
{
    margin: 0em;
    padding: 0.2em 0em;
}

dt.courier
{
    font-family: "Courier New" , serif;
    font-weight: bold;
    font-size: 105%;
}

dd.courier
{
    font-family: "Courier New" , serif;
    font-weight: bold;
    font-style: normal;
    font-size: 100%;
}

/* ordered lists */

/* ol code block style */
ol.code
{
    margin: 2.5em 2em;
    padding: 0em;
    border: solid 1px #000;
    font-family: "Courier New" , Courier, serif;
    font-weight: bold;
    color: blue;
    background: #ebebeb;
    line-height: 115%;
    overflow: auto;
}

ol.code pre
{
    margin: 0em;
    padding: 0.3em 0.5em;
    border-left: solid 1px #fff;
    font-size: 115%;
    color: #000;
    background: #ebebeb;
}

ol.code li
{
    margin: 0em 0em 0em 5em;
    border: solid 1px #fff;
}

.codecolor
{
    color: #000;
    font-family: "Courier New" , Courier, serif;
    background-color: #ffffa8;
    font-weight: bold;
    padding: 0.2em;
}
/* end ol code block style */

/* ordered lists */

ol li
{
    margin-left: 4.0em;
}

ol ol li
{
    list-style: disc;
    margin-left: 0em;
}

ol ol ol li
{
    list-style: lower-roman;
    margin-left: 0em;
}

ol ul
{
    list-style: disc;
    margin-left: 0em;
}

ol.dd
{
    list-style: decimal;
    margin-left: 0em;
}

/* unordered lists */

ul li
{
    margin-left: 3.5em;
}

ul ul li
{
    margin-left: 0em;
    list-style: square;
}

ul ul ul li
{
    margin-left: 0em;
    list-style: circle;
}

ul ul ul ul li
{
    margin-left: 0em;
    list-style: disc;
}

ul ul ul ul ul li
{
    margin-left: 0em;
    list-style: square;
}

ul ol li
{
    margin-left: 0.5em;
}

ul ul ol li
{
    margin-left: 0.5em;
    list-style-type: decimal;
}

ul ul ol ol li
{
    margin-left: 0.5em;
    list-style-type: disc;
}

ul ul li.state
{
    line-height: 170%;
    padding-bottom: 3em;
}

ul.none
{
    margin-left: 1.5em;
    list-style-type: none;
}

ul.dd
{
    list-style: disc;
    margin-left: 0em;
}
/* end lists */


/*color insets */
.info, .yell, .dkblue, .blue, .dkred, .red, .green, .brown, .gold, .white, .orange, .grey
{
    padding: 0.2em;
    font-family: "Courier New" , Courier, serif;
    font-weight: bold;
}

.info
{
    text-align: center;
    color: #000;
    background: #ffffa8;
}

.yell
{
    color: #000;
    text-align: center;
    background: #ffff00;
}

.dkblue
{
    color: #000;
    background: #b0e0e6;
}

.blue
{
    color: #000;
    background: #e0ffff;
}

.dkred
{
    color: #000;
    background: #f08080;
}

.red
{
    color: #000;
    background: #ffb6C1;
}

.green
{
    color: #000;
    background: #adff2f;
}

.brown
{
    color: #000;
    background: #f4a460;
}

.gold
{
    color: #000;
    background: #f0e68c;
}

.white
{
    color: #000;
    background: #fff;
}

.orange
{
    color: #000;
    background: orange;
}

.grey
{
    color: #000;
    background: #eee;
}

/* end color insets */

/* table */
table
{
    text-decoration: none;
    margin: 1.5em 4.0em;
    padding-top: 2em;
}

caption
{
    font-weight: bold;
    padding-bottom: 0.5em;
}

table, tbody, tfoot, thead, th, td
{
    border: 1px solid #000;
    border-collapse: collapse;
}

.linear
{
    width: 15em;
}

tfoot td
{
    color: #000;
    background-color: #ddd;
    font-weight: bold;
    padding: 0.3em;
}

th
{
    text-align: left;
    color: #000;
    background-color: #ddd;
    font-weight: bold;
    vertical-align: top;
    padding: 0.3em;
}

td
{
    text-align: left;
    color: #000;
    background-color: #f5f5f5;
    vertical-align: top;
    padding: 0.3em;
}
/* end table */

/* table - centered */
table.center
{
    text-align: center;
    text-decoration: none;
    margin: 0.5em 5.0em;
    padding-top: 2em;
}

th.center1
{
    text-align: center;
    color: #000;
    background-color: #a4d3ee;
    font-weight: bold;
    vertical-align: top;
    padding: 0.3em;
    text-align: center;
}

th.center
{
    text-align: center;
    color: #000;
    background-color: #ddd;
    font-weight: bold;
    vertical-align: top;
    padding: 0.3em;
    text-align: center;
}

td.center
{
    text-align: center;
    color: #000;
    background-color: #f5f5f5;
    vertical-align: top;
    padding: 0.3em;
    text-align: center;
}
/* end table */

a em
{
    font-style: normal;
    font-weight: bold;
    text-decoration: underline;
}

a:link.mail
{
    text-decoration: none;
    color: #ffd700;
    background-color: inherit;
    font-weight: bold;
}

a:visited.mail
{
    text-decoration: none;
    color: #ffd700;
    background-color: inherit;
    font-weight: bold;
}

a:hover.mail
{
    text-decoration: underline;
    color: #0000ff;
    background-color: #DDDDFF;
    font-weight: bold;
}

a:active.mail
{
    text-decoration: none;
    color: #fff;
    background-color: #000;
}

a:focus.mail
{
    color: #fff;
    background-color: #000;
}
/* end links */

/* other */

#api_table
{
    padding: 4px;
    vertical-align: top;
    text-decoration: none;
    margin-left: 35px;
    margin-top: 0;
    margin-right: 20px;
    margin-bottom: 35px;
    width: 100%;
    background-color: inherit;
    color: inherit;
}

.api
{
    font-weight: bold;
    padding: 10px 0 10px 10px;
    background-color: #111;
    color: #fff;
    font-size: 100%;
    background-image: url(images/small.jpg);
}

hr
{
    color: #C0C0C0;
    background-color: inherit;
    height: 0px;
    width: 100%;
}

acronym
{
    cursor: help;
    border-bottom: 1px dotted #000;
}

.clear
{
    clear: left;
    padding-top: 0.5em;
}

/* form styles */
form
{
    margin: 0em 0em 1em 0em;
    padding: 0em;
}

legend
{
    margin-left: -0.5em;
    padding: 0.2em;
    border: 1px #666 solid;
    background: #eee;
    color: #000;
    font-weight: bold;
}

form h2
{
    margin: 0em;
    padding: 0em;
}

fieldset
{
    margin: 1.0em 0em 1.0em 2.2em;
    padding: 1.0em 2em;
    background: #fff;
    color: #000;
    width: 40em;
    border: #000 1px solid;
}

label
{
    font-weight: bold;
    margin: 0em;
    padding: 0em;
}

.cshelp
{
    margin: 0em;
    padding: 0.2em 0em 0.2em 0.2em;
    background: #cee1ff;
    color: #000;
    width: 100%;
}

a.cshelp
{
    padding-left: 0.5em;
}

ul li.cshelp, ol li.cshelp, p.cshelp, dl.cshelp
{
    padding: 0.2em;
}

select
{
    margin-bottom: 1.5em;
    margin-top: 0.5em;
    background: #ffffe0;
    color: #000;
}

input
{
    margin-top: 0.5em;
    margin-bottom: 1.5em;
}

textarea
{
    margin-top: 0.5em;
    margin-bottom: 1.5em;
}

.submit
{
    margin-left: 0em;
    margin-bottom: 0.5em;
    margin-top: 0em;
    padding: 0.3em 0.1em;
    font-weight: bold;
    font-size: 0.9em;
    width: 10em;
}

.checkbox
{
    width: 1.5em;
    height: 1.5em;
}

#name, #email, #message
{
    width: 100%;
    background: #ffffe0;
    color: #000;
}

fieldset a:link, fieldset a:visited, fieldset a:hover, fieldset a:active
{
    background: none;
    padding: 0em;
    margin: 0em;
}

.req
{
    font-weight: normal;
    font-style: italic;
}
/* end form styles */

/* FAQ format */
div.faq
{
    margin: 0.3em 5em 1.5em 5em;
    padding: 0em 0.3em;
    background: #cee1ff;
    color: #000;
}

div.faq p, div.faq ol, div.faq ul
{
    margin: 0em;
    padding-bottom: 0.3em;
    background: #cee1ff;
    color: #000;
}

div.faq ol ol li, div.faq ul ul li
{
    margin-left: 2em;
}

div.faq dl
{
    margin-top: 0em;
    margin-left: 0em;
    margin-bottom: 0.3em;
}

div.faq dt
{
    margin-left: 2.5em;
}

div.faq dd
{
    margin-left: 3.5em;
    margin-bottom: 0.3em;
    padding-bottom: 0em;
}
/* end FAQ format */


/* EXTRAS if needed */
p.subnav
{
    margin: 0em;
    padding-top: 1.5em;
    text-align: center;
}

p.subnav a:link, p.subnav a:visited
{
    color: #000;
    background-color: #ccc;
    background-image: none;
    font-size: 90%;
    padding: 0.3em 0.5em;
    margin: 0.5em;
    text-decoration: none;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    line-height: 200%;
}

p.subnav a:hover, p.subnav a:active, p.subnav a:focus
{
    color: #fff;
    background-color: #000;
    background-image: none;
    font-size: 90%;
    text-decoration: none;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}

/* nav using dl */
#nav dl
{
    margin: 0;
    padding: 0;
    height: 100%;
}

#nav dt
{
    font-weight: bold;
    font-size: 130%;
    font-variant: small-caps;
    text-align: center;
    margin: 0.5em auto;
    color: #fff;
    background-color: inherit;
}

#nav dt.norm
{
    font-size: 115%;
    font-variant: normal;
    text-align: center;
    margin: 2em;
    color: #fff;
    background-color: inherit;
}

#nav dd
{
    font-weight: normal;
    font-size: 110%;
    margin-bottom: 0.5em;
    margin-left: 0.5em;
    color: #fff;
    background-color: inherit;
}

#nav dd.nolink
{
    font-weight: bold;
    font-size: 110%;
    margin-bottom: 8px;
    margin-left: 0.5em;
    color: yellow;
}
/* end nav using dl */

.nosee
{
    margin: 0em 0em 0em -9999em;
    float: left;
}