/* 
 *    Reset.css
 *    Original by Eric Meyer:
 *    meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 *
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    line-height: 1.3em;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* EOF */

input, select, textarea, button {
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

li {
    list-style: none;
}

html {
}

body {
/*    font-size: small;
    _font-size: smaller;*/
    font-size: 81.3%;
    background: white;
/*    background: white url(/images/grid.gif);*/
    color: black;
}

#draggable-content {
    width: 100%;
/*    background: transparent url(/images/bkmks.top.grad.png) repeat-x top left;*/
}

#draggable-content td {
    vertical-align: top;
}

#draggable-content li a:visited {
    color: #00257E;
}

#draggable-content li a {
    color: #111;
}

.content p {
    margin: .65em 0;
}

.document h1, .changes-doc h1 {
    margin: 0 0 .8em;
    font-size: 1.4em;
    text-transform: uppercase;
    font-family: "Trebuchet MS", Arial, Sans-serif;
    font-weight: normal;
    color: #383a3b;
    color: #a9501b;
}

.document h2 {
    font-weight: bold;
}

.document .call-for-action {
    text-align: right;
}
.document .call-for-action img {
    width: 16.615em;
    height: 8em;
}
.content .document .call-for-action a:hover {
    background: white;
}

.content a {
    font-weight: bold;
    color: #235fb3;
}

.content .document a {
    font-weight: bold;
    color: #306c45;
}

.content .document a:hover {
    color: white;
    background: #3b8555;
    text-decoration: none;
}

.column {
    padding: 0 1em;
/*    background: transparent url(/images/bkmks.vert.grad.png) repeat-y top right;*/
}

a {
    color: #000;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.document, .changes-doc {
    margin: 2em auto;
    padding: 1em;
    _width: 65em;
    max-width: 65em;
    text-align: justify;
    font-family: Verdana, Arial, Sans-serif;
}

.enum-doc li {
    margin: .5em 0;
    background: transparent;
    margin-left: 2em;
    list-style: decimal outside;
}

.changes-doc {
    text-align: left;
}

.changes-doc .created {
    color: green;
    font-weight: normal;
}

.changes-doc .deleted {
    color: red;
    font-weight: normal;
}


/* Header/footer settings ---------------------------------------------------------------------- */

.header {
    padding-bottom: 2.6em;
    border-top: .45em solid #69c;
    padding-top: .5em;
    background: transparent url(/images/bkmks.top.grad.png) repeat-x top left;
}

.search-bar {
    width: 100%;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    margin: .4em 0 0;
/*    background: transparent url(/images/bkmks.top.grad.png) repeat-x top left;*/
}

.search-bar input {
/*    background: #6c9567; nice green*/
    width: 16em;
    font-weight: normal;

    border-color: #AAAAAA rgb(221, 221, 221) rgb(221, 221, 221) rgb(170, 170, 170);
    border-style: solid;
    border-width: .085em;
    padding: .1em .2em;
}

#search-icons {
    display: inline;
    padding: 0 .2em;
}

#search-icons .menu {
    position: absolute;
    text-align: left;
    font-weight: normal;
    font-size: 100%;
    background: white;
    border-width: .09em;
    border-style: solid;
    border-color: rgb(221, 221, 221) rgb(170, 170, 170) #AAAAAA rgb(221, 221, 221);
    top: 4.5em;
    width: 7em;
    padding: 0;
}

#search-icons .menu li {
    line-height: 1em;
    margin: 0;
}

#search-icons .menu a {
    display: block;
    padding: .25em .5em;
}

#search-icons .menu a:hover {
    background: #eee;
}

.search-bar .search-button {
}

ul.menubar .uid {
    margin-left: .85em;
    color: #111;
    font-size: 85%;
    font-weight: normal;
    display: inline;
}

ul.menubar .uid a {
    color: #933;
}

.footer {
/*    background: #f6f6f6;
    border-top: .09em solid #f0f0f0;
    border-bottom: .09em solid #f0f0f0;*/
    font-size: 85%;
    padding: 2em 1em 6em;
    margin-top: 3em;
/*    margin: 2em 0;*/
    vertical-align: middle;
}

.footer li {
    display: inline;
    padding: 0;
    color: #111;
}

.footer li a {
    color: #933;
    color: #222;
    background: transparent;
}


/* Menu ---------------------------------------------------------------------------------------- */

ul.menubar {
    padding: 0 1em;
    font-weight: bold;
/*    border-bottom: .09em solid #f2f2f2;
    border-top: .5em solid #69c;
    background: #fafafa;*/
    _height: 1%; /* IE fix: honor display: block; */
}

ul.menubar .menutitle {
    display: inline;
}

ul.menubar li.middot {
    padding-right: .2em;
    color: black;
}

ul.menubar .menutitle {
    line-height: 1.8em;
}

ul.menubar .menutitle a {
    color: #222;
}

.menu {
    display: none;
    position: absolute;
}

#menu1 a:hover {
/*    background: #f66;
    color: white;*/
    background: white;
    color: black;
    text-decoration: none;
}

#menu1 {
    top: 3em;
    z-index: 10;
    background: #eaeaea;
    color: #111;
    border: 1px solid #777;
    padding: .5em;
/*    background: #f2f2f2;
    border-top: .09em dashed #B2B2B2;
    border-bottom: .09em dashed #B2B2B2;*/
    font-weight: normal;
    font-size: 85%;
    display: none;
    width: 17em;
    text-transform: none;
}

#menu1 a {
    color: #111;
    background: transparent;
    line-height: 1.1em;
    display: block;
}

#menu1 li {
    color: #fff;
    margin: .8em .5em .8em .5em;
    list-style: none;
    line-height: 1.1em;
}

#menu1 a.selected {
    text-decoration: underline;
}

ul.menubar .submenu {
    margin: .5em 0;
    padding: 0;
    position: static;
    border: 0;
    background: transparent;
    display: none;
    _height: 1%; /* IE fix: honor display: block; */
}

ul.menubar .submenu li {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.menubar .submenu a {
    margin: 0;
    padding: 0 .15em;
}

/* Tag panel settings ---------------------------------------------------------------------------- */

#placeholder {
/*    background: white url(/images/grid.png);*/
    background: #f7f7f7;
    margin-top: .97em;
}

.tag #placeholder { margin: 0; }

.tag, .link {
    background: #f2f8ff;
    opacity: .62;
    filter: alpha(opacity=62);
}

.content .tag, .content .link {
    background: transparent;
    opacity: 1;
    filter: alpha(opacity=100);
}

.link a {
/*    margin-left: 1.23em;*/
    padding-left: .3em;
    font-weight: normal;
}

.link img {
/*    position: absolute;*/
    float: left;
    z-index: 0;
    cursor: move;
    width: 1.23em;
    height: 1.23em;
}

.tag h1 {
    margin-bottom: .33em;
    font-weight: bold;
    font-size: 1em;
    text-decoration: none;
    color: #222;
}

.tag h1 span {
    cursor: move;
}

.content .tag h1 span {
    background: #eee;
    border: 1px solid #ddd;
/*    border: .085em solid #5a8e4a;*/
    padding-right: .3em;
}

.content .tag {
    margin-top: .97em;
}


/* Form settings ------------------------------------------------------------------------------- */

.generic-form {
    padding: 0 2em .5em 1em;
    width: auto;
    position: static;
/*    background: #f7f7f7;
    border-top: .09em solid #f0f0f0;
    border-bottom: .09em solid #f0f0f0;*/
    _width: 65em;
    max-width: 65em;
}

.generic-form td {
    padding: .3em 0;
    vertical-align: top;
}

.generic-form input, .generic-form textarea {
    width: 13em;
    margin-left: .7em;
    font-family: inherit;
    font-size: 1em;
}

.generic-form .wide-input input, .wide-input textarea {
    width: 26em;
}

.generic-form textarea {
    height: 13em;
}

.generic-form label {
    font-weight: bold;
    color: #579d4f;
    color: #306c45;
    color: #222;
}

.generic-form td {
    vertical-align: middle;
}

.generic-form p {
    margin: .65em 0;
    color: #383a3b;
}

.generic-form .tag-cloud {
    margin: 1.3em 0;
    background: #f7f7f7;
}

.generic-form .tag-cloud li {
    display: inline;
    margin: 0 .7em 0 0;
}

.generic-form .tag-cloud a {
    font-weight: bold;
    color: #383a3b;
    white-space: nowrap;
}

.generic-form .help {
    margin-bottom: 1.3em;
}

.generic-form .checkbox {
    width: auto;
    margin: 0;
}

.inline-form {
    margin: 0 1em .5em 0;
    width: auto;
    float: left;
}


/* Uniform looking buttons ---------------------------------------------------------------------
 *
 * Thanks to Kevin Hale [particletree.com]
 * particletree.com/features/rediscovering-the-button-element
 * 
 */

button {
    background: #f5f5f5;
    font-weight: bold;
    font-size: 90%;
    margin: 0 0.583em 0.667em 0;
    border: 0.09em solid #dedede;
    border-top: 0.09em solid #eee;
    border-left: 0.09em solid #eee;
    color: #565656;
    cursor: pointer;
    width: auto;
    overflow: visible;
    padding: .15em .6em .15em .6em;
    line-height: 1.3em;
    _padding: .09em .8em .09em .8em;
}

button.positive {
    color: #306c45;
}

button.negative {
    color: #b44;
}

button.neutral {
    color: #383a3b;
}

.flicker-b-gone {
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#948e93', Direction=135, Strength=4);
    /* For IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color='#948e93', Direction=135, Strength=4)";
}