*{
 margin: 0;
 padding: 0;
}

body {
 background: #C39A71;
 color: #000000;
}

#login {
 position: absolute;
 margin-left:710px;
 margin-top:-75px;
}

#container {
 background-image:url(images/background.jpg);
 background-repeat: no-repeat;
}

fieldset {
 border-color: #3b3c91;
 border-width: 0px;
 color: #000000;
}
legend {
 border-style: solid;
 border-color: #042086;
 border-width: 1px;
 font-family: "Book Antiqua, Arial, Helvetica, Verdana, Sans-Serif";
 font-weight: bold;
}
input.login {
 background: transparent;
 font-weight: bold;
 border-style: solid;
 border-color: #3b3c91;
 color: black;
 font-family: "Courier New";
 font-size: 12px;
}
font.error {
 font-weight: bold;
 color: red;
 font-family: "Courier New";
 font-size: 12px;
}
input.forma {
 background: transparent;
 font-weight: bold;
 border-style: solid;
 border-color: #3b3c91;
 color: black;
 font-family: "Courier New";
 font-size: 12px;
}
textarea.forma {
 background: transparent;
 font-weight: bold;
 border-style: solid;
 border-color: #3b3c91;
 color: black;
 font-family: "Courier New";
 font-size: 12px;
}
font.sig {
 font-family: "margaret, Monotype Corsiva";
 font-size: 38px;
}

#content {
 width: 587px;
 height: 711px;
 overflow: auto;
 border: none;
 position: relative;
}

.tback {
 background: url(images/tr.png)
}

.bubbleInfo {
 position: relative;
  }
.trigger {
   position: absolute;
  }
  
  /* Bubble pop-up */

  .popup {
   position: absolute;
   display: none;
   z-index: 50;
   border-collapse: collapse;
  }

  .popup td.corner {
   height: 15px;
   width: 19px;
  }

  .popup td#topleft { background-image: url(images/bubble-1.gif); }
  .popup td.top { background-image: url(images/bubble-2.gif); }
  .popup td#topright { background-image: url(images/bubble-3.gif); }
  .popup td.left { background-image: url(images/bubble-4.gif); }
  .popup td.right { background-image: url(images/bubble-5.gif); }
  .popup td#bottomleft { background-image: url(images/bubble-6.gif); }
  .popup td.bottom { background-image: url(images/bubble-7.gif); text-align: center;}
  .popup td.bottom img { display: block; margin: 0 auto; }
  .popup td#bottomright { background-image: url(images/bubble-8.gif); }

  .popup table.popup-contents {
   font-size: 12px;
   line-height: 1.2em;
   background-color: #fff;
   color: #666;
   font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
   }

  table.popup-contents th {
   text-align: right;
   text-transform: lowercase;
   }

  table.popup-contents td {
   text-align: left;
   }
   
/* Remember to define focus styles! */
:focus {
    outline: 0;
}
/*body {
    line-height: 1;
    color: black;
    background: black;
}
*/
ol, ul {
    list-style: none;
}

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

.ui-tabs-hide { display: none; }

/*************************************/
/*  Demo Styles                      
    .capt,
    .capb {
        /*background: url("images/caps.gif") no-repeat;
        height:4px;
        width:100%;
        /*position:absolute;
        z-index:100;
        margin:0px;
        padding:0px;
        background-color: transparent;
    }
    .capt {
        position:absolute;
        background-position:0 -4px;
    }
    .capb {
        margin-top:-19px;
    }
    #content {
        float:left;
    }
    .drawers-wrapper {
        position: relative;
        width: 167px;
        float:left;
        margin:10px;
        background-color: transparent;
        background: url("images/tr.png")
    }
        .drawers {
            margin-bottom:15px;
            color:#76797C;
            font-size:11px;
            line-height: 18px;
            background: url("images/tr.png");
        }
            .drawer {
                color:#000;
                font-weight:bold;
                font-size:11px;
                line-height:1.3em;
                background: url("images/tr.png");
            }
                .drawer-handle {
                    background:#939393 url(images/slider_handlebg.png) no-repeat scroll 0pt;
                    color:#333333;
                    cursor:default;
                    height:25px;
                    line-height:25px;
                    text-indent:15px;
                    font-size:12px;
                    width:100%;
                }
                    .drawer-handle.open {
                        background-color:#72839D;
                        background-position:-188px 0pt;
                        color:#FFFFFF;
                    }

                /* nasty, but it fixes the indent on the first one. 
                    h2.drawer-handle span {
                        
                    }
                .drawer ul {
                    padding: 0 12px;
                    padding-bottom:0pt;
                }
                .drawer li {
                    border-bottom:1px solid #E5E5E5;
                    line-height:16px;
                    padding:6px 0pt;
                    background: url("images/tr.png")
                }
                    .drawer-content ul {
                        padding-top: 7px;
                        background: url("images/tr.png")
                    }
                    .drawer-content li a {
                        display:block;
                        overflow:hidden;
                        background: url("images/tr.png")
                    }

            .drawers a {
                font-weight:bold;
                color:#666666;
                text-decoration:none;
                font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif;
                background: url("images/tr.png");
            }   */