@charset "iso-8859-2";
@import "box.css";
@import "teeth.css";
@import "modalbox.css";
@import "table.css";
@import "oval-button.css";
html {
    overflow-y: scroll;
}
body {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    /*background: #666666;*/
    margin: 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #000000;
}
.oneColLiqCtrHdr #container {
    width: 100%;  /* this will create a container 80% of the browser width */
    /*background: #FFFFFF;*/
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    /*border: 1px solid #000000;*/
    text-align: left; /* this overrides the text-align: center on the body element. */
    font: 80% Verdana, Arial, Helvetica, sans-serif;
}
.oneColLiqCtrHdr #header {
    /*padding: 0 10px 0 20px;*/  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
    color:#999999;
    margin: 0 0 3px 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #1B6679;
    text-align:right;
    background-image:url(../images/SISO-HEADER-BG_20080417_V1.jpg);
    background-repeat: repeat-x;
}

.oneColLiqCtrHdr #header #bannerContainer{
    height:100px;
    background-image: url(../images/SISO-HEADER-LEFT_20080417_V1.jpg);
    background-repeat: no-repeat;
}
.oneColLiqCtrHdr #header #bannerContainer #appLogo{
    /*float:left;*/
    /*width:615px;*/
    /*height:100px;*/
}
.oneColLiqCtrHdr #header #bannerContainer #appStakeholder{
    float:right;
    background-image: url(../images/SISO-HEADER-LEFT_20080417_V1-2.jpg);
    background-repeat: no-repeat;
    background-position: right;
    height:100px;
    color: #333333;
    padding: 0 120px 0 0;
    font-size:90%;
}
.oneColLiqCtrHdr #header #bannerContainer #appStakeholder #tagline{
    padding: 40px 0 0 0;
}
.oneColLiqCtrHdr #header h1 {
    margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
    padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColLiqCtrHdr #userMenu{
    margin:0 15px 15px 15px;
    padding: 0 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    color:#666666;
    height: 25px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.oneColLiqCtrHdr #mainContent {
    padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
    background: #FFFFFF;
}
.oneColLiqCtrHdr #mainContent h1, h2{
    color:#1B6679;
}
.oneColLiqCtrHdr #footer {
    padding: 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
    /*background:#DDDDDD;*/
    color:#999999;
    font-size:80%;
    margin-top: 10px;
} 
.oneColLiqCtrHdr #footer p {
    margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
    padding: 5px 10px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #CCCCCC;
}
.oneColLiqCtrHdr #mainContent #welcome{
    margin: 0 20px; /* the right margin can be given in percentages or pixels. It creates the space down the right side of the page. */
    float:left;
}
.oneColLiqCtrHdr #mainContent #login{
    margin-top: 15px;
    float: right;
    width: 250px; /* the background color will be displayed for the length of the content in the column, but no further */
    padding: 30px; /* top and bottom padding create visual space within this div  */
    border: 1px dashed #1B6679;
    background-image: url(../images/SISO-HEADER-BG_20080417_V1.jpg);
    background-repeat: repeat;
}
.oneColLiqCtrHdr #mainContent #navMenu{
    margin-top: 0;
    float: left;
    /*width: 200px; /* the background color will be displayed for the length of the content in the column, but no further */
    /*padding: 30px;*/ /* top and bottom padding create visual space within this div  */
    background-color: #EAF8FB;
    border: 1px dashed #8CBAC7;
}
.oneColLiqCtrHdr #mainContent #toDoList{
    width: 50%;
    float:left;
    margin-right: 30px;
}
.oneColLiqCtrHdr #mainContent #shortcuts{
    width: 45%;
    float:left;
    margin-right: 10px;
}
.oneColLiqCtrHdr #mainContent #contentBody{
    /*background-color:#0000FF;*/
    margin-top: 0;
    margin-right: 0px;
    margin-bottom: 0;
    margin-left: 16em;
}
.oneColLiqCtrHdr #mainContent #contentBody h1{
    margin: 5px 0;
    padding:10px 0;
    font-size:140%;
}
.oneColLiqCtrHdr #mainContent #contentBody h2{
    margin:3px 0;
    padding:10px 0;
    font-size:120%;
}
.oneColLiqCtrHdr #mainContent #contentBody h3{
    margin:3px 0;
    padding:5px 0;
    font-size:100%;
    font-weight: bold;
}
.oneColLiqCtrHdr #mainContent #contentBody form{
    padding: 3px;
    margin: 5px 0;
}
.oneColLiqCtrHdr #mainContent #contentBody form ul{
    padding: 0 0 20px 0;
    margin: 0;
}
.oneColLiqCtrHdr #mainContent #contentBody form li{
    list-style-type: none;
}
.oneColLiqCtrHdr #mainContent #contentBody .errorMessage{
    color:#FF0000;
    font-weight:bold;
}
.oneColLiqCtrHdr #mainContent #contentBody #workflow-container{
    /*margin-bottom: 10px;*/
    padding: 4px;
}
.oneColLiqCtrHdr #mainContent #contentBody #workflow-container h1{
    font-size:100%;
    padding: 0;
    margin: 0;
}
.oneColLiqCtrHdr #mainContent #contentBody #workflow-container ol{
    margin: 5px 5px 0 20px ;
    padding: 5px 5px 0 20px ;
}
.oneColLiqCtrHdr #mainContent #contentBody #search-container{
    /*margin-top: 20px;*/
}
.oneColLiqCtrHdr #mainContent #contentBody #search-container form{
    /*padding: 5;*/
    margin:4px;

}
.oneColLiqCtrHdr #mainContent #contentBody #search-container h1{
    font-size:100%;
    padding: 0 0 3px 0;
    margin: 0;
}
.oneColLiqCtrHdr #mainContent #contentBodyCenter{
    width:700px;
    margin:0 auto;
}
.oneColLiqCtrHdr #mainContent #contentBodyCenter h1{
    /*background-color:#0000FF;*/
    margin: 5px 0;
    padding:10px 0;
    font-size:140%;
}
#odontograma-container {
    background-color:#DDDEFC;
    border: 1px solid #FFFFFF;
    width: 98%;
    text-align:center;
    height: 240px;
    padding:5px;
    margin: 0 0 5px 0;
}
#odontograma-conainer-header{
    background-color:#DDDEFC;
    border: 1px solid #FFFFFF;
    width: 99%;
    height:102px;
}
#odontograma-conainer-header2{
    background-color:#DDDEFC;
    border: 1px solid #FFFFFF;
    width: 99%;
    height:100%;
    padding:8px;
}
#odontograma-conainer-header h1{
    text-align:left;
    font-size: 140%;
    padding-top: 30px;
    padding-left: 40px;
}
.oneColLiqCtrHdr #mainContent #contentBody #odontograma-container #odontograma{

}
.oneColLiqCtrHdr #mainContent #login h1, p{
    margin:0;
}
/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
         float: right;
         margin: 3px 0 0 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
          float: left;
          margin-right: 8px;
}
.fltlft form{
    margin: 0;
    padding: 0;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
              clear:both;
              height:0;
              font-size: 1px;
              line-height: 0px;
}
.hidden{
    width: 0;
    height: 0;
    display:none;
    /*visibility: hidden;*/
}
.SpryHiddenRegion {
    visibility: hidden;
}
/*LINKS*/
.oneColLiqCtrHdr #userMenu a:link,
.oneColLiqCtrHdr #mainContent #contentBody a:link,
.oneColLiqCtrHdr #mainContent #contentBodyCenter a,
.oneColLiqCtrHdr #footer a:link{
    color: #1B6679;
    text-decoration: none;
}
.oneColLiqCtrHdr #userMenu a:visited,
.oneColLiqCtrHdr #mainContent #contentBody a:visited,
.oneColLiqCtrHdr #footer a:visited{
    color: #1B6679;
    text-decoration: none;
}
.oneColLiqCtrHdr #userMenu a:hover,
.oneColLiqCtrHdr #mainContent #contentBody a:hover,
.oneColLiqCtrHdr #mainContent #contentBodyCenter a:hover,
.oneColLiqCtrHdr #footer a:hover{
    color: #1B6679;
    text-decoration: underline;
}
.oneColLiqCtrHdr #userMenu a:active,
.oneColLiqCtrHdr #mainContent #contentBody a:active,
.oneColLiqCtrHdr #footer a:active{
    color: #1B6679;
    text-decoration: none;
}
/*LINKS*/

.calendar{
    background-color: #1B6679;
    font: 200% Verdana, Arial, Helvetica, sans-serif;
}
.formLabelContainer {
    float:left;
}
.formFieldContainer {
    float:left;
}
.formLabel {
    padding:6px;
}
.formTextField {
    padding:2px;
}

#breadCrumbTrail {
    height: 35px;
    width: 100%;
    float:left;
    margin:0 0 15px 0;
}
/* Sortable tables */
table.sortable thead {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    cursor: default;
}

/* HACK para IE7 */
.hidden_G2{
    width: 0;
    height: 0;
    display:none;
    /*visibility: hidden;*/
    /*height:50px;*/
    width:350px;
}
.hidden_G2:after{
    content:".";
    display:inline-block;
    height:0;
    clear:both;
    visibility:hidden;

}

.inputdisabled {
    border: 1px solid #F1F7FA;
    background-color: #F1F7FA;
    color: #333;
    cursor:text;
}

.classAfterChange{
    border: 1px solid #c9f5b4;
    background-color: #c9f5b4;
    color: #333;
    cursor:text;
}
div.progress {
    position:relative;
    display:block;
    width:550px;
    padding:2px;
    border:1px solid #ccc;
}
div.progress .bar {
    display:block;
    height:26px;
    background:#093;
}

/* addition styling for the content */
div.progress span.progress { position:absolute; top: 5px; left:5px; display:block}
div.progress span.progress, div.progress em { color:#FFF }

.just-modal {
    padding: 10px;
    height:100%;
    background:#FFFFFF;
    border: 1px solid #CCC;
}
.modal {
    padding: 10px;
    height:100%;
    background:#FFFFFF;
    border: 1px solid #CCC;
}

.modal input {

    background:#EFEFEF;
    border: 1px solid #CCCCCC;
    width: 100px;
    height: 15px;
    font-size: 18px;
    margin: 5px 10px;
}
.modal:hover {
   /* background:url(submit-btn-bg-hover.gif)
        repeat-x 0 0;*/
    color:#ffffff;
    border:1px solid #5f5f5f;
    background-color: #00cccc;
}

.modals {
    padding: 10px;
    height:100%;
    background:#FFFFFF;
    border: 1px solid #CCC;
}

.modals input {

    background:#EFEFEF;
    border: 1px solid #CCCCCC;
    width: 200px;
    height: 50px;
    font-size: 18px;
    margin: 5px 10px;
}
.modalShorter {
    padding: 1px 3px 1px 3px;
    height:100%;
    background:#FFFFFF;
    border: 1px solid #CCC;
}

.modalShorter input {

    background:#EFEFEF;
    border: 1px solid #CCCCCC;
    width: 100px;
    height: 15px;
    font-size: 18px;
    margin: 5px 10px;
}
.modalShorter:hover {
   /* background:url(submit-btn-bg-hover.gif)
        repeat-x 0 0;*/
    color:#ffffff;
    border:1px solid #5f5f5f;
    background-color: #00cccc;
}


/* Renovacao de adesoes */
#declaracao > a {
    cursor: pointer;
    vertical-align: super;
}

#renovacao-upload {
    margin-top: 20px;
}

#mainContent #contentBody #form-renovacao-upload ol {
    padding: 0;
}

#mainContent #contentBody #form-renovacao-upload ol li {
    margin-top: 14px;
    margin-bottom: 18px;
}

#mainContent #contentBody #form-renovacao-upload input[type=file]{
    margin-top: 8px;
    display: block;
}

#renewAdd ul li {
    margin-top: 5px;
}

a.upload-pdf-btn {
    background-image: url("btn-demo-l.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #000000 !important;
    display: block;
    float: left;
    font-weight: bold;
    margin: 10px 0 0 0;
    text-decoration: none;
    text-shadow: 2px 2px 0 #FFFFFF;
    font-size: 11px;
    cursor: pointer;
}

#renewAdd a.upload-pdf-btn-hover {
    text-decoration: underline!important;
}

a.upload-pdf-btn span {
    background: url("btn-cancel-r.png") no-repeat scroll 100% 0 transparent;
    display: block;
    padding: 9px 24px 12px 18px;
}

span.list-pdf-icon {
    float: left;
    margin-right: 4px;
    margin-top: 17px;
}

span.list-success-icon {
    display: block;
    float: left;
    margin-top: 12px;
    margin-left: 8px;
}

#renewAdd li.docs-list-desc {
    list-style: none;
    margin: 12px 0;
}

#renew-buttons-container .fltrt {
    margin: 0;
    /*display: none;*/
}

.showUplaodedFile {
    text-align: center;
    width: 262px;
    margin-top: 4px;
}

#renew-col-pdf {
    width: 150px;
}

#tbl_spry .collumn-centered {
    text-align: center;
}

#upload1,
#upload2,
#upload3,
#upload4 {
    display: none !important;
}

#form-renovacao-upload > .showFeedback {
    float: left; 
    width: 240px;
    padding: 10px;
    margin-left: 10px;
    margin-top: 28px;
    color: #222222;
    display: none;
}

#form-renovacao-upload > .showFeedback.success {
    background: #EEF4D3;
    border: 1px dashed #90AC13;
}

#form-renovacao-upload > .showFeedback.error {
    background: #F7CBCA;
    border: 1px dashed #CC0000;
}

#form-renovacao-upload > .showFeedback.warn {
    background: #FFFFCC;
    border: 1px dashed #DEDEDE;
}

#form-renovacao-upload .showFeedback p {
    
}

#form-renovacao-upload > ol {
    margin-right: 25px;
    width: 480px;
    float: left;
    position: relative;
}

#form-renovacao-upload ol li.uploadLine {
    list-style-type: none;
    background: #F4F4F4;
    padding: 8px 5px;
    width: 465px;
    vertical-align: super;
    border: 1px solid #ddd;
    display: block;
    position: relative;
}

#form-renovacao-upload ol li.uploadLine.alreadyUploaded {
    border: 1px solid #90AC13;
    background: #EEF4D3;
}

#form-renovacao-upload ol li.uploadLine.warn {
    background: #FFFFCC;
    border: 1px solid #E8E847;
}

#form-renovacao-upload ol li.uploadLine.accepted {
    border: 1px solid #90AC13;
    background: #EEF4D3;
}

#form-renovacao-upload ol li.uploadLine.rejected {
    background:#F7CBCA;
    border: 1px solid #CC0000;
}

#form-renovacao-upload ol li.uploadLine.accepted .attachmentIcon {
    display: none;
}

.uploadLine img {
    display: block;
    float: left;
    margin-bottom: 4px;
    margin-top: 4px;
}

.uploadLine .documentDesc {
    vertical-align: super;
    margin-bottom: 4px;
    margin-top: 6px;
    margin-left: 5px;
    display: block;
    float: left;
}

#form-renovacao-upload .documentDesc.disabledLink {
    color: #000 !important;
    text-decoration: none !important;
    cursor: default;
}

#form-renovacao-upload .alreadyUploaded .documentDesc {
    text-decoration: underline !important;
}

#form-renovacao-upload .alreadyUploaded .documentDesc:hover {
    color: #000 !important;
}

.uploadLine .attachmentIcon {
    vertical-align: super;
    background: url(../images/icons/attachment_icon.png) no-repeat 0 -20px;
    width: 8px;
    height: 16px;
    display: block;
    float: right;
    margin-right: 10px;
    margin-bottom: 4px;
    margin-top: 6px;
   
}

.uploadLine .attachmentIcon:hover {
    background: url(../images/icons/attachment_icon.png) no-repeat 0 0;
    cursor: pointer;
}

.uploadLine .commentIcon {
    vertical-align: super;
    background: url(../images/icons/comment_icon.png) no-repeat 0 -17px;
    width: 15px; 
    height: 12px;
    display: block;
    float: right;
    margin-right: 8px;
    margin-bottom: 4px;
    margin-top: 8px;
   
}

.uploadLine .commentIcon:hover {
    background: url(../images/icons/comment_icon.png) no-repeat 0 -1px;
    cursor: pointer;
}


.demo-btn.deactivated {
    color: #bbb !important;
}

.demo-btn.deactivated:hover {
    text-decoration: none !important;
}

#documents-list {
    margin-top: 8px;
}

#documents-list ol {
    margin-top: 5px;
    font-size: 12px;
}

tr.oldAttemptToRenew td {
    background: #F1F1F1;
}

.demo-btn.submit-form:hover {
    cursor: pointer;
}



/* ----- Entity search > ARS & DGS -----*/
.error-nif, .error-ced {
    color: red;
    display: none;
}