html {
    margin: 0;
    padding: 0;
    background: #f1f1f1;
    font-weight: normal;
    font-size: 10pt;
    color: #555;
    font-family: arial, helvetica, sans-serif;
    /*font-family: "Trebuchet MS", tahoma, verdana, arial, helvetica, sans-serif;*/
}

body {
    margin: 0;
    background: #f1f1f1;
    padding: 0;
    text-align: center;
    font-size: 9pt;
    color: #555;
    font-family: verdana, arial, helvetica, sans-serif;
    line-height: 150%;
}

img {
    border: none;
}

h1, div.chapter div.titlepage div div h2.title, div.appendix div.titlepage div div h2.title, div.index div.titlepage div div h2.title {
    margin: 0;
    margin-top: 5px;
    padding: 0;
    color: #006cb5;
    text-align: left;
    border-bottom: solid 1px #006cb5;
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    font-size: 12pt;
    clear: both;
    display: block;
}

div.sect1 div.titlepage div div h2.title {
    font-size: 11pt;
    color: #006cb5;
    font-weight: bold;
    font-family: verdana, arial, helvetica, sans-serif;
    border: 0;
    text-align: left;
    margin-top: 2em;
    padding-top: 1em;
    clear: both;
    /*border-top: 1px dotted #006cb5;*/
}

div.sect1 div.titlepage div div h2.title:before {
    content: "\00BB \0020";
}

div.sect2 div.titlepage div div h3.title {
    font-size: 10pt;
    color: #006cb5;
    font-weight: bold;
    font-family: verdana, arial, helvetica, sans-serif;
    border: 0;
    text-align: left;
}

div.index div.indexdiv h3 {
    font-size: 13pt;
    color: #006cb5;
    font-weight: bold;
    font-family: verdana, arial, helvetica, sans-serif;
}

p {
    display:  block;
    margin-bottom: 0.7em;
}

a {
    color: #78b;
    text-decoration: underline;
}

a:hover {
    color: #7ad;
    text-decoration: none;
}

ul, ol {
    padding: 0;
    margin: 0;
    margin-left: 2em;
}

/*li {
    margin-left: 1.9em;
    margin-bottom: 0.3em;
    margin-top: 0.3em;
}*/

b, strong {
    color: #006cb5;
}

pre {
    font-family: "Lucida Console", Lucidatypewriter, "Andale Mono", "Courier New", courier, monospace;
    font-size: 8pt;
    background: #ddeeff;
    padding: 10px;
}

div#content {
    margin: -25px 80px 0 80px;
    /*background: #ff0000;*/
}

div#topshadow {
    width: 756px;
    border: 0;
    padding: 0;
    margin: 0;
    height: 20px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 35px;
    margin-bottom: 0;
}

div#topleftshadow {
    width: 28px;
    height: 20px;
    float: left;
    background: url(images/borders/topLeft.png);
    background-repeat: none;
}

div#topcentershadow {
    width: 700px;
    height: 20px;
    float: left;
    background: url(images/borders/top.png);
    background-repeat: repeat-x;
}

div#toprightshadow {
    width: 28px;
    height: 20px;
    float: left;
    background: url(images/borders/topRight.png);
    background-repeat: none;
}

div#bottomshadow {
    width: 756px;
    border: 0;
    padding: 0;
    margin: 0;
    height: 38px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 35px;
    margin-top: 0;
    clear: both;
}

div#bottomleftshadow {
    width: 28px;
    height: 38px;
    float: left;
    background: url(images/borders/bottomLeft.png);
    background-repeat: none;
}

div#bottomleft2shadow {
    width: 16px;
    height: 38px;
    float: left;
    background: url(images/borders/bottomLeft2.png);
    background-repeat: none;
}

div#bottomcentershadow {
    width: 668px;
    height: 38px;
    float: left;
    background: url(images/borders/bottom.png);
    background-repeat: repeat-x;
}

div#bottomrightshadow {
    width: 28px;
    height: 38px;
    float: left;
    background: url(images/borders/bottomRight.png);
    background-repeat: none;
}

div#bottomright2shadow {
    width: 16px;
    height: 38px;
    float: left;
    background: url(images/borders/bottomRight2.png);
    background-repeat: none;
}

div#middleshadow {
    width: 756px;
    border: 0;
    padding: 0;
    margin: 0;
    background: url(images/borders/middle.png);
    background-repeat: repeat-y;
    margin-left: auto;
    margin-right: auto;
}

span.indoglobal {
    color: #006cb5;
    font-weight: bold;
    font-family: "Century Gothic", Verdana, arial, sans-serif;
}

span.com {
    color: #006cb5;
    font-family: "Century Gothic", Verdana, arial, sans-serif;
}

div#container {
    width: 700px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    /*border: solid 1px #006cb5;*/
    /*border-left: solid 1px #fff;
    border-right: solid 1px #fff;*/
    background: url(images/indoglobal-fadeback.png) #fff;
    background-repeat: no-repeat;
    background-position: 90% 100%;
}

div#date {
    float: right;
    color: #fff;
    font-weight: bold;
    padding: 5px;
    font-family: "Trebuchet MS", tahoma, verdana, arial, helvetica, sans-serif;
}

div#header {
    background: url(images/bluetop.png) #fff;
    background-position: top center;
    background-repeat: no-repeat;
    height: 120px;
}

div#bottombox {
    clear: both;
    border: none;
    padding: 0;
    padding-top: 0px;
    margin: 0;
    height: 41px;
    background: #fff url(images/bluebottom.png);
    background-repeat: no-repeat;
    background-position: bottom center;
}

div#bottombox p {
    display: block;
    float: left;
    margin: 0;
    padding: 20px 0.8em 0 0.8em;
    color: #fff;
    font-size: 8pt;
    font-family: tahoma, verdana, arial, helvetica, sans-serif;
}

div#bottombox p#validators {
    float: right;
}

div#bottombox p#validators a {
    text-decoration: none;
}

div#bottombox p a {
    font-weight: normal;
    color: #fff;
}

div#navbox {
    width: 154px;
    padding: 0 0 0 0;
    /*padding: 0 0 0 17px;*/
    margin-bottom: 20px;
    background: url(images/indoglobal-text-vertical.png) #006cb5;
    background-position: bottom left;
    background-repeat: no-repeat;
    border: solid 1px #fff;
}

#navbox ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
    margin-left: 17px;
}

#navbox li {
    border-bottom: 1px solid #77add6;
    margin: 0;
}

#navbox li a {
    display: block;
    padding: 1pt;
    padding-left:4pt;
    background-color: #59c;
    color: #fff;
    text-decoration: none;
    font-family: "Trebuchet MS", tahoma, verdana, arial, helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
}

html>body #button li a {
    width: auto;
}

#navbox li a:hover {
    background-color: #28d; /* 34 136 221 */
    color: #fff;
}

div#spacer {
    margin: 4em;
}

img#indogloballogo, img#indoglobaltext {
    float: left;
    margin: 5px 5px 0px 5px;
    padding: 0;
}

div.navheader ul, div.navfooter ul {
    margin: 5px 5px 5px 5px;
    padding: 5px;
    background: #F8D99A;
    display: block;
    float: right;
    display: block;
}

/*div.navheader ul {
    margin-top: -70px;
}*/

div.navheader li, div.navfooter li {
    display: block;
}

div.navheader ul {
    margin-bottom: 20px;
}
div.navfooter ul {
    margin-top: 20px;
    margin-bottom: 20px;
}

div.caution, div.important, div.note, div.warning, div.tip {
    width: 360px;
    margin-left: 50px;
    margin-right: auto;
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 4px 4px 4px 50px;
    border: 1px solid #006cb5;
}

div.caution {
    background: url(images/caution.png);
    background-color: #ddeeff;
    background-repeat: no-repeat;
    background-position: 10px 10px;
}

div.important { 
    background: url(images/important.png);
    background-color: #ddeeff;
    background-repeat: no-repeat;
    background-position: 10px 10px;
}

div.note {
    background: url(images/note.png);
    background-color: #ddeeff;
    background-repeat: no-repeat;
    background-position: 10px 10px;
}

div.warning {
    background: url(images/warning.png);
    background-color: #ddeeff;
    background-repeat: no-repeat;
    background-position: 10px 10px;
}

div.tip {
    background: url(images/tip.png);
    background-color: #ddeeff;
    background-repeat: no-repeat;
    background-position: 10px 10px;
}

div.caution h3, div.important h3, div.note h3, div.warning h3, div.tip h3 {
    margin: 0;
    color: #006cb5;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
}

div.caution p, div.important p, div.note p, div.warning p, div.tip p {
    margin: 0;
}

table {
        width: 100%;
        background: #def;
        margin: 10px 0 0 0;
        border: 1px solid #006cb5;
        padding: 0px 1px 1px 0px;
        margin: none;
        border-collapse: collapse;
        clear: both;
}

tr {
        text-align: left;
        font-size: 10pt;
        color: #555;
        font-family: arial, helvetica, sans-serif;
        border: solid 1px #59c;
        margin: none;
}

td {
        padding: 2px 4px 2px 4px;
        margin: none;
        border: none;
}

th {
        font-weight: bold;
        background: #59c;
        color: #fff;
}

em.guimenu, em.guibutton {
        font-style: italic;
}
