/*** [ layouts ] ***/
/*** DIF:dialog Component
     ----------------------- ***/
.dialogArea{
    background-color: white;
    padding: 10px;
    font: inherit !important;
}
/*** DIF:detailBox Component
     ----------------------- ***/
.detailbox{
	background-color: #95d600;
	padding: 15px;
	float: right;
	width: 200px;
}
.divtwocolumn{column-gap: 0 !important;}
/*** DIF:searchBox Component
     ----------------------- ***/
.searchbox{
	background-color: #f2f2f2;
	padding: 5px;
}
/*** DIF:sitemapBox Component
     ----------------------- ***/
.tree{font-size: 95%;}
.tree ul li{
    height: 18px;
    white-space: nowrap;
}
.tree span{
    padding-left: 5px;
    vertical-align: top;
}
.tree img{vertical-align: top;}
.tree .treetitle{
    font-size: 110%;
    font-weight: bold;
    margin-bottom: 10px;
}
.x-tree-node a.link{text-decoration: underline;}
.x-tree-node a.link:hover{text-decoration: none;}
/*** DIF:containerBox Component
     ----------------------- ***/
#containerbox{
    width: 100%;
    border: 1px solid #cfdbb2;
    margin: 10px 0 0 0;
    padding: 0;
}
.containerboxheader{
    background-image: url(../img/backg_headerinquerito.jpg) !important;
    background-repeat: repeat-x;
    background-position: top;
    font-size: 110%;
    height: 21px !important;
    line-height: 21px !important;
    margin: 0 !important;
    padding: 5px 0 0 10px !important;
    color: #385900 !important;
    border: 0 !important;
}
/*** DIF:wizardNavigation Component
     ----------------------- ***/
.wizardnavigation{
	 line-height: 32px;
	 margin-top: 4px;
	 margin-bottom: 4px;
	 font-size: 12px;
}
.wizardnavigation a{
	 border-bottom: none !important;
}
.wizardnavigation ul li{
    display: inline;
	 background-image: url(../img/wiznavigation.png);
	 background-position: right;
	 background-repeat: no-repeat;
	 padding-top: 8px;
	 padding-right: 25px;
	 padding-bottom: 8px;
	 padding-left: 10px;
	 word-break: keep-all;
}
.wizardnavigation ul li.activemode{}
.wizardnavigation ul li.small{
	 padding-right: 13px;
	 padding-left: 1px;
}
.wizardnavigation ul li.activemodelast{
	 background-image: url(../img/wiznavigationlast.png);
	 background-position: right;
	 background-repeat: no-repeat;
	 color: #fff;
}
.wizardnavigation ul li.activemode input{
    color: #fff !important;
    font-weight: normal;
}
.wizardnavigation ul li.activemode a{
    color: #fff !important;
    font-weight: normal;
}
.wizardnavigation ul li input{height: 30px;}
.wizardnavigation input[type="submit"]{
	 font-weight: normal;
	 font-size: 12px;
}
.wizard{
    margin: 0;
    *margin: 15px 0 20px 0; /* just for IE7 */
}
/* TODO: ELZA: Eliminar após implementação */
/*
.wizard .navigation{
    background: #608800;
    margin: 10px 0 !important;
    border: 1px solid #95d600;
    font-size: 90%;
    font-weight: bold;
    color: #fff;
    padding: 10px !important;
}
.wizard .issue{
    color: #385900;
    font-size: 90%;
}
.wizard .issueactive{
    color: #fff;
    font-size: 90%;
}
.wizard .active{
    background: #95d600;
    color: #385900 !important;
    padding: 10px;
}
*/
.wizard .visited{background-color: #385900;}
.wizard .nextstep{
    background: url(../img/icon_nextstep.gif) no-repeat 1px;
    width: 17px;
    height: 38px;
}
.wizard .nextseparation{
    background: url(../img/icon_nextseparation.gif) no-repeat -2px;
    padding-bottom: 5px;
}
/** [ wizard/verticalNavigation ] **/
.wizvertical{
    width: 170px;
    float: left;
    margin: 2px 0 0 2px;
    font-weight: bold;
}
.wizvertical ul{
    font-size: 85% !important;
    margin: 0;
    padding: 0;
}
.wizvertical ul li{
    list-style: none !important;
    display: block;
    line-height: 20px;
}
.wizvertical a{
    color: #fff !important;
    display: block;
    padding-top: 4px;
    padding-left: 10px;
    padding-bottom: 4px;
    border-left: 10px solid #385900;
    text-decoration: none;
}
.wizvertical a:hover{
    background-color: #fff !important;
    border-left: 10px solid #fff;
}
.wizvertical .maintitle_active{
    background-color: #95d600;
    border-top: 1px solid #385900;
    border-right: 1px solid #385900;
    border-bottom: 1px solid #385900;
    border-left: 1px solid #385900;
    padding: 10px;
    font-size: 120%;
    color: #385900;
}
.wizvertical .maintitle{
    border-top: 1px solid #385900;
    border-right: 1px solid #385900;
    border-bottom: 1px solid #385900;
    border-left: 1px solid #385900;
    font-size: 120%;
    color: #385900;
}
.wizvertical .maintitle a{
    border-left: none;
    padding: 10px;
    *padding-left: 0px;
}
.wizvertical .links{
    border-top: none;
    border-right: 1px solid #385900;
    border-bottom: 1px solid #385900;
    border-left: 1px solid #385900;
}
.wizvertical .links_active{
    padding: 5px;
    *padding-left: 10px;
    background-color: #95d600;
    border-top: none;
    border-right: none !important;
    border-bottom: 1px solid #385900;
    border-left: 1px solid #385900;
}
/*** DIF:Wizard Component
     ----------------------- ***/
.wiznav{
    width: 170px;
    float: left;
    margin: 10px 0 0 10px;
    font-weight: bold;
}
.wiznav ul{
    font-size: 85% !important;
    margin: 5px 0 0 0;
    padding: 0;
}
.wiznav ul li{
    list-style: none !important;
    display: block;
    line-height: 20px;
}
.wiznav a{
    color: #385900 !important;
    display: block;
    padding-top: 4px;
    padding-right: 5px;
    padding-left: 10px;
    padding-bottom: 4px;
    border-left: 10px solid #385900;
    text-decoration: none;
    overflow: auto;
    *margin-left: -17px;
}
.wiznav a:hover{
    background-color: #fff !important;
    border-left: 10px solid #fff;
}
.wiznav .maintitle_active{
    background-color: #fff;
    border-top: 1px solid #385900;
    border-right: 1px solid #fff !important;
    border-bottom: 1px solid #385900;
    border-left: 1px solid #385900;
    padding: 10px;
    font-size: 140%
    color: #900;
    overflow: auto;
    *margin-left: -17px;
}
.wiznav .maintitle{
    border: 1px solid #385900;
    font-size: 140%;
    color: #608800;
}
.wiznav .maintitle a{
    border-left: none;
    padding: 10px;
    overflow: auto;
}
.wiznav .links{
    border-top: none;
    border-right: 1px solid #385900;
    border-bottom: 1px solid #385900;
    border-left: 1px solid #385900;
}
.wiznav .links_active{
    padding: 5px 5px 5px 20px;
    background-color: #fff;
    border-top: none;
    border-right: 1px solid #fff !important;
    border-bottom: 1px solid #385900;
    border-left: 1px solid #385900;
    overflow: auto; *
    margin-left: -17px;
    color: #608800;
}
/*** DIF:pagination Component
     ----------------------- ***/
.pagination{
    border: 1px solid #608800;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin-top: 10px !important;
    color: #385900;
    clear: both;
}
.pagination div.actions{font-size: 11px;}
/*** DIF:footnote Component
     ----------------------- ***/
.footnote{
    border-top: 1px solid #608800;
    font-size: 85% !important;
    margin: 10px 0 0 0 !important;
    padding-top: 3px;
}
.footnote sup{
    color: #608800;
    padding-right: 3px;
    font-weight: bold;
}
.footnote ul li{list-style: none;}
/*** DIF:alertBox Component
     ----------------------- ***/
#alertbox{
    margin: 15px;
    padding: 15px;
    background-color: #cfdbb2;
}
.alertboxtext{
    color: #385900;
    font-weight: normal;
    display: table-row;
}
.alertboxtext ul{margin: 10px;}
/** [ alerts/w/icons ] **/
.iconsalert{
    margin-right: 15px;
    float: left;
}
/*** DIF:panelBox Component
     ----------------------- ***/
.panel{
    margin: 0;
    border: 1px solid #cfdbb2;
    overflow: auto;
}
.panelboxheader{
    height: 22px !important;
    line-height: 22px !important;
    font-size: 100% !important;
    background: url(../img/backg_acordeao.jpg) repeat !important;
    padding-left: 10px;
    margin: 0 !important;
    color: #385900 !important;
    border: 1px solid #cfdbb2 !important;
}
.panelboxheader span{
    float: right;
    margin: -13px 5px 0 0;
}
.panelActions {
    border-top: 1px solid #F0F0F0;
    background-color: #F0F0F0;
    margin: 0px;
}
.panelActions div.actions {margin: 5px;}
.panelActions div.actions ul {margin-right: 5px;}
.contentfixed{
    font-size: 90%;
    height: 100px;
    overflow: auto;
    margin: 0 10px 10px 10px;
    padding: 10px 0 0 0;
}
.contentauto{
    overflow: auto;
    margin: 0 0 10px 10px;
    padding: 20px 10px 0 0;
}
.contentnoauto{
    margin: 0 0 10px 10px;
    padding: 20px 10px 0 0;
}
/*** DIF:popupBox - Static/Dinamic Component
     ----------------------- ***/
.helpBox{
    right: 250;
    bottom: 50;
    z-index: 100;
    padding: 0;
    position: absolute;
    background: #cfdbb2;
    width: 600px;
    height: 400px;
    overflow: auto;
    border: 1px solid #608800;
    left: 300px;
    top: 200px;
}
.helpboxheader{
    font-size: 90% !important;
    background: url(../img/backg_acordeao.jpg) repeat !important;
    background-color: none !important;
    margin: 0 !important;
    padding: 5px 0 0 10px !important;
    color: #385900 !important;
    border: 1px solid #608800 !important;
    margin: 0 !important;
}
.helpItem{
    margin-bottom: 20px;
    clear: both;
}
.image{
    float: left;
    margin-bottom: 5px;
    margin-right: 10px;
    clear: left;
    border: 2px solid #333;
}
.description{
    margin-bottom: 10px;
    font-weight: bold;
}
/*** [ tabs_accordion/simpleHTML ] ***/ /*** DIF:accordionHTML Component
     ----------------------- ***/
.simpleopenbox{
    margin: 20px 15px !important;
    border: 1px solid #cfdbb2 !important;
    background-color: #e4e4e4 !important;
    color: #333 !important;
    display: block !important;
}
.simpleopenbox h3{
    font-size: 90%;
    background: url(../img/backg_simplebox_html.jpg) top left repeat-x !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 5px 0 0 10px !important;
    color: #385900 !important;
    font-weight: bold !important;
    border-top: none !important;
    border-left: none !important;
    border-bottom: 1px solid #cfdbb2 !important;
    border-right: none !important;
}
.simpleopenbox h4{
    font-size: 90% !important;
    background: url(../img/backg_simpleboxsub_html.jpg) top left repeat-x !important;
    height: 17px !important;
    margin: 0 !important;
    padding: 5px 0 0 10px !important;
    color: #385900 !important;
    font-weight: normal !important;
    border-top: 1px solid #cfdbb2 !important;
    border-bottom: 1px solid #cfdbb2 !important;
}
/*** DIF:tabHTML Component
     ----------------------- ***/
#tabhtml{
    margin: 15px 0 !important;
    padding: 0px;
    border: 1px solid #cfdbb2 !important;
    color: #333 !important;
}
#tablink{
    background: url(../img/backg_simpletab_html.jpg) top left repeat-x !important;
    margin: 0px !important;
    padding: 0px !important;
    height: 26px !important;
    border-bottom: 1px solid #cfdbb2 !important;
}
#tablink ul{
    width: 100% !important;
    margin: 10px !important;
    height: 26px !important;
}
#tablink li{
    background: url(../img/backg_simpletaboff_html.jpg) top left repeat-x !important;
    list-style: none;
    display: block;
    float: left;
    border: 1px solid #385900;
    height: 17px !important;
    font-size: 90%;
    margin: 2px 1px;
    padding: 2px 4px 0 4px;
}
#tablink li a{
    text-decoration: none;
    color: #385900 !important;
}
#tablink li a:hover{
    background: url(../img/backg_simpletabon_html.jpg) top left repeat-x !important;
    height: 20px !important;
}
.page{
    padding: 10px;
    background: #fff;
}
#tabcontainer{overflow: hidden;}
.imgsinglequestion{
    height: 18px !important;
    margin: 0 !important;
}
/** [ tables single/double choice ] **/
.inputcenter{text-align: center;}
/* [ SIMPLEtable details/info ] */
.tablesimple{border:  0;}
.tablesimple td{padding-left: 20px;}
/* [ SIMPLEtable single/double choice ] */
.tableform{
    width: 100%;
    margin: 0;
    padding: 0;
}
.tableform th{
    padding: 10px 0 !important;
    text-align: center !important;
}
.tableform caption{
    color: #385900 !important;
    text-align: left;
    padding-top: 10px;
}
/* [ COMPLEXtable single/double choice ] */
.fildsetablecomplex legend{
    color: #385900;
    font: 11px tahoma, arial, helvetica, sans-serif;
    font-size-adjust: none;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: normal;
}
.fildsetablecomplex span{font-weight: bold;}
.legendscale{
    color: #608800 !important;
    font-weight: bold !important;
}
.mainindent{
    padding: 0 3px 0 0 !important;
    margin: 0 3px 0 0 !important;
    font-weight: bold;
    cursor: default;
}
.mainindentDiv{
    margin: 7px 3px 7px 0 !important;
    cursor: default;
}
.mainindentDivWithtip{
    margin: 7px 3px 0px 0 !important;
    cursor: default;
}
.mainindentInputs{margin-top: 0px !important;}
.fontindent{
    font-size: 100%;
    font-weight: bold;
}
.mainindentInputs{margin-top: 7px !important;}
.optionVerticalMargin{
    margin: 0px 0px 2px 0px !important;
    line-height: 20px;
}
.firstindent{padding: 2px 3px 0 20px !important;}
.secondindent{padding: 2px 3px 0 40px !important;}
/*** DIF:help Component
     ----------------------- ***/
#helpDialog {
  background-color: #fff;
  padding: 10px;
  color: #333;
}
#helpDialog h2 {
  font-size: 150%;
  color: #999;
  font-weight: normal;
}
#helpDialog label {
  font-size: 110%;
  color: #212121;
}
/*** [ end layout elements ] ***/