/**** [ Components ] ****/
body, .x-body{font-family: Arial, Helvetica, sans-serif;}
/*** [ Attributes/classes ] ***/ /* [ background/text ] */
code, .code{
    font-family: "Lucida Console", "Courier New", "Courier", "monospace";
    white-space: pre !important}
.whitespace{
    height: 25px;
    background-color: #fff;}
.defaultCursor{cursor: default;}
.pointerCursor{cursor: pointer;}
.tdcolorbold{
    background-color: #e4e4e4;
    font-weight: bold;}
/* [ background ] */
.backgwhite{
    background-color: #fff !important;
    background-image: none !important;}
.backgthemelight{background-color: #e1e9cd;}
.backggreenlight{background-color: #e1e9cd;}
.backgthememedium{background-color: #cfdbb2;}
.backgnone{background: none !important;}
.backgcolor{background-color: #e4e4e4 !important;}
.backgcolordark{background-color: #608800 !important;}
.tdcolor{background-color: #e4e4e4;}
.tdcolorwhite{background-color: #fff;}
/* [ fontsize ] */
.smallFont{font-size: 85%;}
.resetFont{font: inherit !important;}
.font65{font-size: 65% !important;}
.font85{font-size: 85% !important;}
.font90{font-size: 90% !important;}
.font95{font-size: 95% !important;}
.font100{font-size: 100% !important;}
.font110{font-size: 110% !important;}
.font120{font-size: 120% !important;}
.font130{font-size: 130% !important;}
.font150{font-size: 150% !important;}
.font170{font-size: 170% !important;}
.font200{font-size: 200% !important;}
.font220{font-size: 220% !important;}
.font250{font-size: 250% !important;}
.font300{font-size: 300% !important;}
/* [ textcolor ] */
.colortext{color: #385900 !important;}
.blacktext{color: #000 !important;}
.whitetext{color: #fff !important;}
.greytext{color: #b6b6b6 !important;}
.redtext{color: #b94a48 !important;}
.redBackground{background-color: #b94a48 !important;}
.greentext{color: #687e47 !important;}
.bold{font-weight: bold !important;}
.underline{text-decoration: underline;}
.normal{font-weight: normal !important;}
/* [ linkcolor ] */
.whitelink a{color: #fff !important;}
.whitelink a:hover{color: #fff !important;}
/* [ linkdecoration ] */
.nodecoration a{text-decoration: none !important;}
/* [ float ] */
.floatLeft{float: left;}
.floatRight{float: right;}
/* [ align ] */
.alignLeft{text-align: left !important;}
.alignRight{text-align: right !important;}
.alignCenter{text-align: center !important;}
.valign{vertical-align: top !important;}
.valignmiddle{vertical-align: middle !important;}
.valignbottom{vertical-align: bottom !important;}
/* [ margin ] */
.marginZero{margin: 0 !important;}
.margin20{margin: 20px !important;}
.margin10{margin: 10px !important;}
.margin50{margin: 50px !important;}
.margintopzero{margin-top: 0 !important;}
.marginbottomzero{margin-bottom: 0 !important;}
.margintop5{margin-top: 5px !important;}
.margintop10{margin-top: 10px !important;}
.margintop20{margin-top: 20px !important;}
.margintop30{margin-top: 30px !important;}
.margintop40{margin-top: 40px !important;}
.margintop50{margin-top: 50px !important;}
.margintop70{margin-top: 70px !important;}
.margintop130{margin-top: 130px !important;}
.marginLeftZero{margin-left: 0px !important;}
.marginleft10{margin-left: 10px !important;}
.marginleft20{margin-left: 20px !important;}
.marginleft30{margin-left: 20px !important;}
.marginleft40{margin-left: 40px !important;}
.marginleft50{margin-left: 50px !important;}
.marginleft60{margin-left: 60px !important;}
.marginleft75{margin-left: 75px !important;}
.marginleft169{
    margin-left: 169px !important;
    *margin-left: 0 !important;}
.marginleft179{
    margin-left: 179px !important;
    *margin-left: 0 !important;}
.marginleft200{margin-left: 200px !important;}
.marginright10{ margin-right: 10px !important;}
.marginright20{ margin-right: 20px !important;}
.marginbottom10{margin-bottom: 10px !important;}
.marginbottom20{margin-bottom: 20px !important;}
.marginbottom30{margin-bottom: 30px !important;}
.marginbottom60{margin-bottom: 60px !important;}
.break10{margin-bottom: 10px !important;}
.break20{margin-bottom: 20px !important;}
.break40{margin-bottom: 40px !important;}
.marginTopBottom10{
    margin-top: 10px !important;
    margin-bottom: 10px !important;}
.marginTopBottom20{
    margin-top: 20px !important;
    margin-bottom: 20px !important;}
/* [ padding ] */
.paddingtopbottom5{
    padding-top: 5px !important;
    padding-bottom: 5px !important;}
.paddingtopbottom10{
    padding-top: 10px !important;
    padding-bottom: 10px !important;}
.iepadding0{*padding: 0 !important;}
.paddingZero{padding: 0 !important;}
.paddingTopZero{padding-top: 0 !important;}
.paddingBottomZero{padding-bottom: 0 !important;}
.padding5{padding: 5px !important;}
.padding10{padding: 10px !important;}
.padding20{padding: 20px !important;}
.padding30{padding: 30px !important;}
.paddingbottom5{padding-bottom: 5px !important;}
.paddingbottom10{padding-bottom: 10px !important;}
.paddingbottom20{padding-bottom: 20px !important;}
.paddingbottom30{padding-bottom: 30px !important;}
.paddingbottom50{padding-bottom: 50px !important;}
.leftPad0{padding-left: 0px !important;}
.paddingtop5{padding-top: 5px !important;}
.paddingtop10{padding-top: 10px !important;}
.paddingtop20{padding-top: 20px !important;}
.paddingtop50{padding-top: 50px !important;}
.paddingtop120{padding-top: 120px !important;}
.paddingtop160{padding-top: 160px !important;}
.paddingright30{padding-right: 30px !important;}
.paddingright300{padding-right: 300px !important;}
.paddingright112{padding-right: 112px !important;}
.paddingleft112{padding-left: 112px !important;}
.leftPad5{padding-left: 5px !important;}
.leftPad10{padding-left: 10px !important;}
.leftPad15{padding-left: 15px !important;}
.leftPad25{padding-left: 20px;}
.leftPad20{padding-left: 20px !important;}
.leftPad30{padding-left: 30px !important;}
.leftPad35{padding-left: 35px !important;}
.leftPad40{padding-left: 40px !important;}
.leftPad50{padding-left: 50px !important;}
.leftPad60{padding-left: 60px !important;}
.leftPad80{padding-left: 80px !important;}
.leftPad100{padding-left: 100px !important;}
.leftPad120{padding-left: 120px !important;}
.leftPad150{padding-left: 150px !important;}
.rightPad5{padding-right: 5px !important;}
.rightPad10{padding-right: 10px !important;}
.rightPad20{padding-right: 20px;}
.rightPad50{padding-right: 50px;}
.formFreeContent{
    height: inherit;
    padding: 10px;}
/* [ line-height ] */
.lineheight43{line-height: 43px;}
/* [ display ] */
.displayinline{display: inline !important;}
.displayblock{display: block !important;}
.displayinlineblock{display: inline-block !important;}
.displayinlinetable{display: inline-table !important;}
.displaytablecell{display: table-cell !important;}
/* [ border ] */
.borderNone{border: none !important;}
.borderTopWhite{border-top: 2px solid #fff !important;}
.bordertopwhite5{border-top: 5px solid #fff !important;}
.borderdark{border: 1px solid #385900 !important;}
.borderdarkLeft{border-left: 1px solid #385900 !important;}
.borderdarkRight{ border-right: 1px solid #385900 !important;}
.borderdarkTop{border-top: 1px solid #385900 !important;}
.borderdarkBottom{border-bottom: 1px solid #385900 !important;}
.borderlight{border: 1px solid #cfdbb2 !important;}
.borderlightLeft{border-left: 1px solid #cfdbb2 !important;}
.borderlightRight{border-right: 1px solid #cfdbb2 !important;}
.borderlightTop{border-top: 1px solid #cfdbb2 !important;}
.borderlightBottom{border-bottom: 1px solid #cfdbb2 !important;}
.borderBottom{border-bottom: 1px solid #999 !important;}
.bordernoleft{
    border-top: 1px solid #385900 !important;
    border-right: 1px solid #385900 !important;
    border-bottom: 1px solid #385900 !important;
    border-left: none !important;}
.borderrightred{
    border-top: none !important;
    border-right: 2px solid #385900 !important;
    border-bottom: none !important;
    border-left: none !important;}
.borderLeftDotted{
	border-top: none;
	border-right: none;
    border-left: 1px dotted #002e47;
	border-bottom: none;}
.border{border: 1px solid #cfdbb2 !important;}
.borderTopDotted2{border-top: 2px dotted #ccc !important;}
/* [ width ] */
.minWidth{
    width: 50px;
    *width: auto;}
.width15px{width: 15px;}
.width50px{width: 50px;}
.width190{width: 190px !important;}
.width5{width: 5% !important;}
.width10{width: 10% !important;}
.width20{width: 20% !important;}
.width33{width: 33% !important;}
.width40{width: 40% !important;}
.width45{width: 45% !important;}
.width50{width: 50% !important;}
.width65{width: 65% !important;}
.width75{width: 75% !important;}
.width80{width: 80% !important;}
.width90{width: 90% !important;}
.width100{width: 100% !important;}
.width100px{width: 100px !important;}
/* [ listStyle ] */
.liststylenone{list-style: hidden !important;}
.orderlistdecimal{list-style: decimal inside !important;}
.orderlistsquare{list-style: square inside !important;}
/* [ clear ] */
.clearboth{clear: both;}
.clearnone{clear: none !important;}
/* [ overflow ] */
.overflowauto{overflow: auto !important;}
.nooverflow{overflow: hidden !important;}
/* [ nowrap ] */
.nowrap{white-space: nowrap !important;}
/* [ wrap ] */
.wrap{white-space: normal !important;}
/**[hide any element]**/
.hide{display: none !important;}
/*** [ independentElements ] ***/ /** [ contentpage ] **/
div.x-panel-body .content{padding: 10px;}
.content{margin-bottom: 10px;}
.content h2{
    margin-top: 10px;
    margin-bottom: 10px;}
.content ul.list{
    list-style: square !important;
    margin: 10px !important;
    padding-left: 20px !important;}
.red{
    color: #900 !important;
    font-weight: bold;}
.alert{color: #900 !important;}
.alert a{color: #900 !important;}
/**[links externos_popups]**/
.externalink{
    background: url(../img/icon_openpopup.png) no-repeat right top;
    width: 13px;
    height: 13px;
    padding: 0 20px 5px 0 !important;}
.externalinkmenu{
    background: url(../img/icon_menuopenpopup.png) no-repeat right top;
    width: 13px;
    height: 13px;
    padding: 0 20px 0 0 !important;}
/**[layout textpath]**/
.path{
    width: 18px;
    height: 18px;
    background: url(../img/path.png) repeat-x left bottom !important;}
/**[Image loading]**/
.loading{background: url(../img/imageLoading2.gif) no-repeat center center;}
.loaded{background: none;}
/*** DIF:linkToTop Component
     ----------------------- ***/ /*[mode02 / FIXED]*/
div.linktotopfixed img{
    right: 0px;
    bottom: 35px;
    position: fixed;}
/*** DIF:breadcrumbs Component
     ----------------------- ***/
.breadcrumbs{
    padding: 0;
    margin: 0;
    font-size: 85%;
    height: 26px !important;
    line-height: 26px !important;
    border-left: 67px solid #fff;
    color: #000;
    clear:both;}
.breadcrumbsnav{float: left;}
.breadcrumbsnav ul li{
    background: url(../img/breadcr_bg.png) no-repeat left;
    list-style: none;
    padding: 0 0 0 15px;
    display: inline;}
.breadcrumbsnav a{
    text-decoration: none;
    border-bottom: 1px dotted #385900;
    color: #385900 !important;}
.breadcrumbsnav a:hover{
    text-decoration: none;
    border-bottom: none;}
.menubreadcrumbs{
    height: 26px;
    line-height: 26px;
    display: inline-block;
    float: right;
    padding-right: 10px;
    padding-left: 10px;}
.listbreadcrumbs{
    position: absolute;
    right: 20px;
    clear: both;
    max-width: 800px;
    color: #95d600;
    overflow: auto;
    white-space: nowrap;}
.menubreadcrumbs ul li{
    padding-right: 18px;
    background: url(../img/arrow_downdark.png) no-repeat right;}
.menubreadcrumbs ul li a{color: #385900 !important;}
/*** DIF:listlinks Component
     ----------------------- ***/
.listlinks ul{
    font-size: 90% !important;
    margin: 5px 0 0 0;
    padding: 0;}
.listlinks ul li{
    list-style: none !important;
    display: block;
    line-height: 20px;}
.listlinks a{color: #385900 !important;}
/** [ FILE ] **/
.listlinks .file{
    background: url(../img/leaf.gif) left no-repeat !important;
    padding: 0 0 0 20px !important;
    *padding: 0 0 0 5px !important; /* just for IE7 */}
.listlinks .checked{
    background: url(../img/icon_greenarrow_single.png) left no-repeat !important;
    padding: 0 0 0 20px !important;
    *padding: 0 0 0 5px !important; /* just for IE7 */}
/*** DIF:menuactions Component
     ----------------------- ***/
.menuactionsbutton{border-bottom: none;}
.menuactions{
    border: 1px solid #999;
    position: absolute;
    padding: 10px;
    background-color: white;
    -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    z-index: 1000 !important;}
.menuactions li {line-height: 15px;}
a.boxclose{
    float:right;
    color: #fff;
    margin-top:-10px;
    margin-right:-10px;
    display: inline-block;
    font-size: 18px;
    padding: 1px 1px;}
.boxclose:before{content: "\D7";}
/*** DIF:actions Component
     ----------------------- ***/
.actions{
    text-align: right;
    font-size: 85%;
    clear: none !important;
    margin-bottom: 10px;}
.actions ul{margin: 0 15px 0 0;}
.actions ul li{
    list-style: none;
    display: inline;
    margin-left: 5px;}
.actions ul li span{
    *line-height: 15px; /* just for IE7 */
    padding: 3px 0 3px 25px;
    *padding-top: 3px; /* just for IE7 */
    *padding-bottom: 3px; /* just for IE7 */}
.actions ul li input{
    *line-height: 15px; /* just for IE7 */
    padding: 0 0 0 25px;
    *padding-left: 13px; /* just for IE7 */
    *padding-top: 0; /* just for IE7 */
    font-size: 100%;}
.actions ul li a{
    font-weight: bold !important;
    padding: 3px 0 3px 25px;
    border: none;}
/** [ SEARCH ] **/
.actions .search{background: url(../img/icon_search.png) left no-repeat;}
/** [ EMAIL ] **/
.actions .email{background: url(../img/icon_send.png) left no-repeat;}
/** [ SAVE ] **/
.actions .save{background: url(../img/icon_save.png) left no-repeat;}
/** [ PRINT ] **/
.actions .print{background: url(../img/icon_print.png) left no-repeat;}
/** [ HELP ] **/
.actions .help{background: url(../img/icon_help.png) left no-repeat;}
/** [ PREVIOUS ] **/
.actions .previous{background: url(../img/icon_previous.png) left no-repeat;}
/** [ NEXT ] **/
.actions .next{
    background: url(../img/icon_next.png) right no-repeat;
    padding-right: 23px !important;
    padding-left: 5px !important;
    *padding-right: 10px !important; /* just for IE7 */}
.actions span.disablelink{*padding-right: 25px !important; /* just for IE7 */}
/** [ CANCEL ] **/
.actions .cancel{background: url(../img/icon_cancel.png) left no-repeat;}
/** [ SUBMIT ] **/
.actions .submit{background: url(../img/icon_submit.png) left no-repeat;}
/** [ TOP ] **/
.actions .top{background: url(../img/icon_top.png) left no-repeat;}
/** [ DELETE ] **/
.actions .delete{background: url(../img/icon_delete.png) left no-repeat;}
/** [ EDIT ] **/
.actions .edit{background: url(../img/icon_edit.png) left no-repeat;}
/** [ EDITDATA ] **/
.actions .editdata{background: url(../img/icon_editdata.png) left no-repeat;}
/** [ ADD ] **/
.actions .add{background: url(../img/icon_add.png) left no-repeat;}
/** [ INFO ] **/
.actions .info{background: url(../img/icon_info.png) left no-repeat;}
/** [ CLEAR ] **/
.actions .clear{background: url(../img/icon_clear.png) left no-repeat;}
/** [ YES ] **/
.actions .yes{background: url(../img/icon_yes.png) left no-repeat;}
/** [ NO ] **/
.actions .no{background: url(../img/icon_no.png) left no-repeat;}
/** [ BACK ] **/
.actions .back{background: url(../img/icon_back.png) left no-repeat;}
/** [ START ] **/
.actions .start{background: url(../img/icon_start.png) left no-repeat;}
/** [ EXIT ] **/
.actions .exit{background: url(../img/icon_exit.png) left no-repeat;}
/** [ EXPAND ] **/
.actions .expand{background: url(../img/icon_expand.png) left no-repeat;}
/** [ CUSTOMIZE ] **/
.actions .customize{background: url(../img/icon_customize.png) left no-repeat;}
/** [ ADMINISTRATION ] **/
.actions .admin{background: url(../img/icon_admin_s.png) left no-repeat;}
/** [ STATS ] **/
.actions .stats{background: url(../img/icon_stats_s.gif) left no-repeat;}
/** [ CLOSE ] **/
.actions .close{background: url(../img/icon_close.png) left no-repeat;}
/** [ LOADITEM ] **/
.actions .loaditem{background: url(../img/icon_loaditem.png) left no-repeat;}
/** [ UPLOADITEM ] **/
.actions .uploaditem{background: url(../img/icon_upload_s.png) left no-repeat;}
/** [ ADDITEM ] **/
.actions .additem{background: url(../img/icon_additem.png) left no-repeat;}
/** [ COPY ] **/
.actions .copy{background: url(../img/icon_copy.png) left no-repeat;}
/** [ PUBLISH ] **/
.actions .publish{background: url(../img/icon_publish.png) left no-repeat;}
/** [ PREVIEW ] **/
.actions .preview{background: url(../img/icon_preview.png) left no-repeat;}
/** [ OTHERS ] **/
.actions .normallink{
    background: url(../img/arrow.png) left no-repeat;
    padding-left: 15px !important;}
/** [ DISABLE ] **/
.disablelink{color: #cfdbb2;}
.gray{color: #e4e4e4;}
/*** [ LAYOUT/actions_actionsbuttons ] ***/
.backgcolor{background: #cfdbb2;}
.backgext{background: #d0d0d0;}
/*** DIF:actionsbuttons Component
     ----------------------- ***/
.alignfloatleftaction{
	width: auto;
	display: inline-block;
	margin-top: 0 !important;}
.alignfloatleftaction ul{margin: 0 !important;}
.alignfloatrightaction{
	width: auto;
	display: inline-block;
	margin-top: 0 !important;
	float: right;}
.alignfloatrightaction ul{margin: 0 !important;}
.actionsbuttons{
    text-align: left;
    height: 24px;
    font-size: 11px;
    margin-top: 15px;
    margin-bottom: 10px;}
.actionsbuttons ul{margin: 5px 0 0 0px;}
.actionsbuttons ul li{
    list-style: none;
    display: inline;
    padding: 5px;
    background-color: #95d600 !important;
    border: 1px solid #608800;}
.actionsbuttons li input{
    padding-left: 23px;
    color: #385900 !important;
    border: none !important;}
.actionsbuttons a{
	padding: 3px 0 3px 23px !important;
    color: #385900 !important;
    font-weight: bold;
    border-bottom: none;}
/** [ SEARCH ] **/
.actionsbuttons .search{background: url(../img/icon_search.png) left no-repeat;}
/** [ EMAIL ] **/
.actionsbuttons .email{background: url(../img/icon_send.png) left no-repeat;}
/** [ SAVE ] **/
.actionsbuttons .save{background: url(../img/icon_save.png) left no-repeat;}
/** [ PRINT ] **/
.actionsbuttons .print{background: url(../img/icon_print.png) left no-repeat;}
/** [ HELP ] **/
.actionsbuttons .help{background: url(../img/icon_help.png) left no-repeat;}
/** [ PREVIOUS ] **/
.actionsbuttons .previous{background: url(../img/icon_previous.png) left no-repeat !important;}
/** [ NEXT ] **/
.actionsbuttons .next{
    background: url(../img/icon_next.png) right no-repeat !important;
    padding-right: 23px !important;
    padding-left: 5px !important;}
/** [ CANCEL ] **/
.actionsbuttons .cancel{background: url(../img/icon_cancel.png) left no-repeat;}
/** [ SUBMIT ] **/
.actionsbuttons .submit{background: url(../img/icon_submit.png) left no-repeat;}
/** [ TOP ] **/
.actionsbuttons .top{background: url(../img/icon_top.png) left no-repeat;}
/** [ DELETE ] **/
.actionsbuttons .delete{background: url(../img/icon_delete.png) left no-repeat;}
/** [ EDIT ] **/
.actionsbuttons .edit{background: url(../img/icon_edit.png) left no-repeat;}
/** [ ADD ] **/
.actionsbuttons .add{background: url(../img/icon_add.png) left no-repeat;}
/** [ INFO ] **/
.actionsbuttons .info{background: url(../img/icon_info.png) left no-repeat;}
/** [ CLEAR ] **/
.actionsbuttons .clear{background: url(../img/icon_clear.png) left no-repeat;}
/** [ YES ] **/
.actionsbuttons .yes{background: url(../img/icon_yes.png) left no-repeat;}
/** [ NO ] **/
.actionsbuttons .no{background: url(../img/icon_no.png) left no-repeat;}
/** [ BACK ] **/
.actionsbuttons .back{background: url(../img/icon_back.png) left no-repeat;}
/** [ KEY ] **/
.actionsbuttons .key{background: url(../img/icon_key.png) left no-repeat;}
/** [ REGISTRATION ] **/
.actionsbuttons .registration{background: url(../img/icon_registration.png) left no-repeat;}
/** [ START ] **/
.actionsbuttons .start{background: url(../img/icon_start.png) left no-repeat;}
/** [ EXIT ] **/
.actionsbuttons .exit{background: url(../img/icon_exit.png) left no-repeat;}
/** [ EXPAND ] **/
.actionsbuttons .expand{background: url(../img/icon_expand.png) left no-repeat;}
/** [ CUSTOMIZE ] **/
.actionsbuttons .customize{background: url(../img/icon_customize.png) left no-repeat;}
/** [ CLOSE ] **/
.actionsbuttons .close{background: url(../img/icon_close.png) left no-repeat;}
/** [ ADDITEM ] **/
.actionsbuttons .additem{background: url(../img/icon_additem.png) left no-repeat;}
/** [ LOADITEM ] **/
.actionsbuttons .loaditem{background: url(../img/icon_loaditem.png) left no-repeat;}
/** [ COPY ] **/
.actionsbuttons .copy{background: url(../img/icon_copy.png) left no-repeat;}
/** [ PUBLISH ] **/
.actionsbuttons .publish{background: url(../img/icon_publish.png) left no-repeat;}
/** [ PREVIEW ] **/
.actionsbuttons .preview{background: url(../img/icon_preview.png) left no-repeat;}
/** [ IMPORT ] **/
.actionsbuttons .import{background: url(../img/icon_import_s.png) left no-repeat;}
/** [ EXCEL ] **/
.actionsbuttons .excel{background: url(../img/icon_tablexcel.png) left no-repeat;}
/** [ CALCULATOR ] **/
.actionsbuttons .calculator{background: url(../img/icon_calculator.png) left no-repeat;}
/** [ link without div ACTIONS ] **/
.simplelink{
    padding-left: 20px;
    background: url(../img/arrow.png) left no-repeat;}
.opencloseeditlink{
   margin-left: 10px;
   padding-top: 2px;
   padding-left: 25px;
   background: url(../img/icon_openclose_edit.png) left no-repeat;}
.openclosenoeditlink{
   margin-left: 10px;
   padding-top: 2px;
   padding-left: 25px;
   background: url(../img/icon_no_edit.png) left no-repeat;}
.infoBalloonIcon{
    background: url(../img/icon_info_balloon.png) left no-repeat;
    padding: 10px 10px 10px 50px;}
.warnBalloonIcon{
    background: url(../img/icon_warn_balloon.png) left no-repeat;
    padding: 10px 10px 10px 50px;}
/*** DIF:icon buttons
     ----------------------- ***/
.info2Icon{/*botaoEXT*/
    background: url(../img/icon_error_info_small.png) left no-repeat !important;}
.helpIcon{/*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_help_s.png) left no-repeat !important;}
.sendIcon{/*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_send_s.png) left no-repeat !important;}
.backIcon{/*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_back_s.png) left no-repeat !important;}
.normallinkIcon{/*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_arrow_s.png) left no-repeat !important;}
.infoIcon{/*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_info_s.png) left no-repeat !important;}
.selectAllIcon{/*botaoEXT*/
 	width: 18px;
    height: 18px;
    background: url(../img/icon_selectall.png) left no-repeat;}
.unselectAllIcon{/*botaoEXT*/
 	width: 18px;
    height: 18px;
    background: url(../img/icon_unselectall.png) left no-repeat;}
.yesIcon{/*botaoEXT*/
 	width: 18px;
    height: 18px;
    background: url(../img/icon_yes_s.png) left no-repeat;}
.questionIcon{/*botaoEXT*/
 	width: 18px;
    height: 18px;
    background: url(../img/icon_question_s.png) left no-repeat;}
.noIcon{/*botaoEXT*/
	width: 18px;
    height: 18px;
    background: url(../img/icon_no_s.png) left no-repeat !important;}
.previousIcon{/*botaoEXT*/
	width: 18px;
    height: 18px;
    background: url(../img/icon_previous_s.png) left no-repeat !important;}
.nextIcon{/*botaoEXT*/
	width: 18px;
    height: 18px;
    background: url(../img/icon_next_s.png) left no-repeat !important;}
.search{
	width: 18px;
    height: 18px;
    background: url(../img/icon_search_s.png) left no-repeat !important;}
.emaillink{
    margin-left: 10px;
    padding-top: 2px;
    padding-left: 20px;
    background: url(../img/icon_send_s.png) left no-repeat;}
.savelink{
	margin-left: 10px;
	padding-top: 2px;
	padding-left: 20px;
	background: url(../img/icon_save_s.png) left no-repeat;}
.saveIcon{/*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_save_s.png) left no-repeat !important;}
.personIcon{
    background: url("../img/icon_person.png") no-repeat scroll left center transparent;
    height: 18px;
    width: 18px;}
.printlink{/*botaoEXT*/
	width: 18px;
    height: 18px;
   	background: url(../img/icon_print_s.png) left no-repeat;}
.cancelIcon{/*botaoEXT*/
	width: 18px;
    height: 18px;
    background: url(../img/icon_cancel_s.png) left no-repeat !important;}
.deletelink{
   	margin-left: 10px;
   	padding-top: 2px;
   	padding-left: 20px;
   	background: url(../img/icon_delete_s.png) left no-repeat;}
.deleteIcon{/*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_delete_s.png) left no-repeat;}
.editIcon{/*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_edit_s.png) left no-repeat;}
.checkIcon{
    width: 17px;
    height: 18px;
    background: url(../img/icon_greenarrow_single.png) left no-repeat;}
.execIcon{
    width: 18px;
    height: 18px;
    background: url(../img/icon_execute_s.png) left no-repeat;}
.calculateIcon{
    width: 18px;
    height: 18px;
    background: url(../img/icon_calculate.png) left no-repeat;}
.editdata{
    width: 18px;
    height: 18px;
    background: url(../img/icon_editdata_s.png) left no-repeat !important;}
.detailsdata{
    width: 21px;
    height: 21px;
    background: url(../img/icon_details_s.png) left no-repeat !important;}
.addIcon{/*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_add_s.png) left no-repeat !important;}
.publishIcon{
    width: 18px;
    height: 18px;
    background: url(../img/icon_publish_s.png) no-repeat !important;}
.itemIcon{/*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_item.png) left no-repeat !important;}
.customizeIcon{/*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_customize_s.png) left no-repeat !important;}
.clearIcon{/*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_clear_s.png) left no-repeat !important;}
.submitIcon{/*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_submit_s.png) left no-repeat;}
.closelink{
    margin-left: 10px;
    padding-top: 2px;
    padding-left: 20px;
    background: url(../img/icon_close_s.png) left no-repeat;}
.closeIcon{/*botaoEXT*/
    width: 18px;
    height: 18px;
    background: url(../img/icon_close_s.png) left no-repeat !important;}
.loaditemlink{
   	margin-left: 10px;
   	padding-top: 2px;
   	padding-left: 20px;
    background: url(../img/icon_loaditem_s.png) left no-repeat;}
.loaditem{
    width: 18px;
    height: 18px;
    background: url(../img/icon_loaditem_s.png) left no-repeat;}
.loaditemdisabled{
    width: 18px;
    height: 18px;
    background: url(../img/icon_loaditem_sdisabled.png) left no-repeat;}
.additem{
    width: 18px;
    height: 18px;
    background: url(../img/icon_additem_s.png) left no-repeat !important;}
.academicIcon{
    width: 18px;
    height: 18px;
    background: url(../img/icon_academic_s.png) left no-repeat !important;}
.contactsIcon{
    width: 18px;
    height: 18px;
    background: url(../img/icon_editcontacts_s.png) left no-repeat !important;}
.chooseIcon{
    width: 18px;
    height: 18px;
    background: url(../img/icon_choose_s.png) left no-repeat !important;}    
.messageIcon{
    width: 18px !important;
    height: 18px;
    background: url(../img/icon_messages.png) left no-repeat !important;}    
.refreshIcon{
    width: 18px;
    height: 18px;
    background: url(../img/icon_refreshData.png) left no-repeat !important;}    
.publishlink{
    margin-left: 10px;
    padding-top: 2px;
    padding-left: 20px;
    background: url(../img/icon_publish_s.png) left no-repeat;}
.previewlink{
  	margin-left: 10px;
   	padding-top: 2px;
   	padding-left: 20px;
   	background: url(../img/icon_preview_s.png) left no-repeat;}
.previewIcon{
    width: 18px;
    height: 18px;
    background: url(../img/icon_preview_s.png) left no-repeat;}
.reportIcon{
    width: 18px;
    height: 18px;
    background: url(../img/icon_report_s.png) left no-repeat;}
.copydata{
    width: 18px;
    height: 18px;
    background: url(../img/icon_copy_s.png) left no-repeat;}
.excelicon{
	width: 18px;
    height: 18px;
	background: url(../img/icon_xls_s.png) left no-repeat;}
.confirmationIcon{
    width: 19px;
    height: 18px;
    background: url(../img/icon_check.png) left no-repeat;}
.closeDatalink{
   margin-left: 10px;
   padding-top: 2px;
   padding-left: 20px;
   background: url(../img/icon_closedata_s.png) left no-repeat;}
.positiveIcon{
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
    background: url(../img/positive.png) left no-repeat !important;}
.excelIcon{
    width: 20px;
    height: 20px;
    background: url(../img/icon_tablexcel.png) left no-repeat;}
.calculatorblueIcon{
    width: 20px;
    height: 20px;
    background: url(../img/icon_calculatorblue.png) left no-repeat;}
.calculatoredIcon{
    width: 20px;
    height: 20px;
    background: url(../img/icon_calculatored.png) left no-repeat;}
.calculatorgreenIcon{
    width: 20px;
    height: 20px;
    background: url(../img/icon_calculatorgreen.png) left no-repeat;}
/*** DIF:box Component
     ----------------------- ***/
.box{
    background-color: #e4e4e4;
    height: auto;
    margin: 0 0 2px 0;
    padding-bottom: 5px;}
.box h2{
    background: #ccc;
    color: #333 !important;
    margin: 0 !important;
    padding: 4px 0 0 10px !important;
    font-weight: normal !important;
    line-height: 32px;
    font-size: 110%;}
.box h2 a{text-decoration: none;}
.box h2 a:hover{color: #fff !important;}
.box p{margin: 0;}
.box a{color: #999;}
.box a:hover{color: #212121 !important;}
.box ul li{
    background: url(../img/arrow.png) 1px 4px no-repeat; /** ELZA: Alterei isto para quando faz wrap */
    overflow: auto;
    display: block;
    padding: 2px 15px 0 15px;
    border: none;}
.box ul{
    list-style: none;
    margin: 10px;}
.box input{
    margin: 1px 0 3px 0 !important;
    padding: 2px !important;
    height: 14px !important;
    vertical-align: bottom !important;}
.box input[type="checkbox"]{margin-right: 5px !important;}
.box label{
    padding: 0;
    vertical-align: bottom;}
/** [ ACTIONSBUTTONS/BOXLINKAREA ] **/
.boxactionsbuttons{
    color: #212121 !important;
    height: 28px !important;
    line-height: 28px !important;
    border-top: 4px solid #999 !important;
    background-color: #ccc !important;
    margin-top: 0 !important;}
.boxactionsbuttons ul{margin: 0 0 0 8px !important;}
.boxactionsbuttons ul li{
    list-style: none;
    display: inline;
    padding: 0 5px !important;
    background-color: #e4e4e4 !important;
    border: none !important;
    height: 0px !important;}
.boxactionsbuttons a{
    color: #212121 !important;
    text-decoration: none;
    border: none;}
.boxactionsbuttons a:hover{color: #999 !important;}
/** [ MENU/contentAttached ] **/
.menuattached{
    background-color: #cfdbb2 !important;
    margin-right: 5px;}
.menuattached h2{
    line-height: 35px !important;
    font-size: 130% !important;
    color: #4b6e00 !important;
    background-color: #cfdbb2 !important;}
/*** DIF:mainMenu Component
     ----------------------- ***/
.mainmenu{
    font-size: 85%;
    padding: 30px 0 30px 30px;
    overflow: auto;}
.mainmenu h3,.mainmenu h4,.mainmenu h5{
	color: #999;
    font-size: 180% !important;
    padding-bottom: 10px;
    padding-left: 0 !important;}
.mainmenu ul{
    display: inline-block;
    text-align: left;
    overflow: auto;
    margin-top: 15px;
    margin-left: 15px;
    padding-left: 15px;
    background: url(../img/borders_pixel.png) left repeat-y;}
.mainmenu ul li{padding-left: 15px;}
.mainmenu p{
    padding-left: 12px;
    padding-bottom: 10px;
    color: #999;}
.mainmenu ul .submenu{
    background: none !important;
    margin-top: 0px;}
.mainmenu .submenutitle{padding: 20px 0 0 0 !important;}
.introservicesbox{
    width: 60%;
    display: inline;
    float: left;
    margin: 20px;
    padding: 10px;}
/* [ MENU/SUBLEVEL ] */
.submenu{vertical-align: top;}
.submenu li{
    display: block !important;
    padding: 0 15px 0 15px;
    border: none !important;
    background: none;}
.submenutitle{
    height: 30px !important;
    line-height: 30px !important;
    padding: 0 !important;
    font-size: 100% !important;}
.menuareadivision{
    border-left: 1px solid #ccc;
    padding-left: 25px !important;
    vertical-align: top;}
/* [ MENUNAVBAR/SUBLEVEL ] */
.submenunavbar{margin: 3px !important;}
ul.submenunavbar li{
    display: block !important;
    margin-left: 10px;
    padding: 0 15px 0 15px !important;
    border: none !important;
    background: url(../img/breadcr_bg.png) 0px 3px no-repeat; /** ELZA: Alterei isto para quando faz wrap */}
.subsubmenunavbar{
    margin-left: 20px;
    margin-bottom: 10px;}
/** [ SUBMENU/dropdownbox ] **/
.dropdownbox{
    border: 1px solid;
    padding: 15px !important;
    display: inline-block;
    position: absolute;
    text-align: left;
    z-index: 1000000;}
.dropdownbox ul{display: inline-block !important;}
.dropdownbox li{
    height: 25px;
    line-height: 25px;
    font-size: 85%;
    background: url(../img/backg_white_arrow_horizontal.png) left no-repeat !important;}
.dropdownbox li a{
    text-decoration: none !important;
    border-bottom: none !important;
    background: none !important;
    padding: 0 !important;}
.dropdownbox ul li a:hover{border-bottom: none !important;}
.dropdownbox span{
    float: left;
    vertical-align: top;
    margin-right: 10px;}
.dropdownbox p{
    padding-left: 15px;
    line-height: 16px;
    font-size: 85%;}
.linkservicesbox{
    width: 95%;
    display: inline;
    clear: right;
    float: left;
    background-color: #e4e4e4;
    margin: 20px;
    padding: 10px;}
.linkservicesboxleft{
    width: 25%;
    display: inline;
    clear: right;
    float: left;
    background-color: #e4e4e4;
    margin: 20px;
    padding: 10px;}
.linkservicesboxright{
    width: 25%;
    display: inline;
    clear: left;
    float: right;
    background-color: #e4e4e4;
    margin: 20px;
    padding: 10px;}
.menu{
    color: #fff;
    font-size: 85%;
    font-weight: bold;}
.menu a{font-size: 100%;}
.menu p{
    font-weight: normal;
    padding-bottom: 10px;}
.menu ul{overflow: visible;}
.menu li{
    display: block;
    padding: 0 15px;
    line-height: 18px;
    border: none;
    font-size: 120% !important;
    background: url(../img/arrow.png) left no-repeat;}
.iconmenu{
	margin-top: 15px;
	*margin-top: 0;
    *margin-right: 15px;
    display: inline;
    float: left;}
/* [ authentication/Box ] */
div#login{background-color: #e4e4e4;}
div#login a{color: #fff;}
div#login h2{
    padding-top: 14px !important;
    padding-bottom: 0px !important;
    background: none !important;
    border-bottom: none !important;
    font-size: 120%;}
div#login input{
    width: 150px;
	height: 20px !important;
	font-size: 12px !important;}
div#login input.loginbutton{
    color: #fff;
    border: 1px solid #95d600;
    background-color: #608800;
	width: 150px !important;
	height: 25px !important;
	text-decoration: none !important;}
.logoutbutton, .loginlink{
    height: 18px !important;
    font-size: 85%;
    border: 1px solid #95d600;
    background-color: #608800;
    padding: 2px 5px !important;}
/* [ homepageLINK/Box ] */
.box .homepagelink{
    background: url(../img/backg_homepagelink.jpg) top left no-repeat !important;
    padding: 0 0 0 25px !important;
    margin: 0 !important;
    line-height: 17px !important;
    border: 0;
    color: #fff;
    font-size: 100% !important;}
.box .homepagelink a{color: #fff;}
.box input[type="submit"]{
    display: inline !important;
    border: none !important;
    padding: 0 5px !important;
    margin: 0 0 3px 0 !important;
    width: auto !important;
    height: 20px !important;
    background-image: none !important;
    color: #fff !important;
    text-decoration: underline !important;
    cursor: pointer;}
.headersublink{border-bottom: 2px solid #608800;}
.linkservicesbox .sublink li{
    border: none;
    padding-left: 10px;
    line-height: 20px !important;}
/*** DIF:boxArea Component
     ----------------------- ***/
.boxarea{
    min-height: 20px;
    color: #000;
    background-color: #608800;
    margin-top: 10px;
    padding: 5px;
    border-top: 4px solid #95d600;
    border-right: none !important;
    border-bottom: none !important;
    border-left: none !important;
    font-size: 90%;}
.boxarea ul{
    list-style: none;
    margin: 0;}
.boxarea ul li{
    display: inline;
    padding: 0 2px !important;
    overflow: auto;
    background: none !important;}
.boxarea a{
    color: #fff !important;
    border-bottom: 1px dotted #fff !important;
    font-weight: bold;
    font-size: 85% !important;}
.boxarea a:hover{
    color: #fff !important;
    border: none !important;
    text-decoration: none !important;}
/*** DIF:boxArea Component
     ----------------------- ***/
.multiselect{
    padding: 0 !important;
    border: 1px solid #608800;
    width: 100%;
    overflow: auto;}
.multiselectheader{
    font-size: 85% !important;
    background: url(../img/backg_acordeao.jpg) repeat !important;
    height: 19px;
    padding: 5px 0 0 10px;
    margin-bottom: 5px !important;
    color: #385900 !important;}
.multiselect textarea{
    width: auto;
    height: 150px;
    padding: 5px !important;
    margin: 10px !important;}
/*** DIF:download Component
     ----------------------- ***/
.downloadfile{
    padding-top: 10px;
    padding-bottom: 10px;}
.downloadInline{
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 10px;
    display: inline-block;}
.downloadfile p{
    display: inline !important;
    margin-right: 10px;}
/*** TODO: Elza: See why this is rendered diferently when inside a dif:containerBox ***/
.downloadfile ul{
    display: inline;}
.downloadfile ul li{
    list-style: none;
    display: inline;}
/** [ DOWNLOAD Unknown file type ] **/
.mimedefault{
    background: url(../img/icon_default.png) left no-repeat;
    padding: 3px 0 0 25px;}
/** [ DOWNLOAD PDF ] **/
.mimepdf{
    background: url(../img/icon_pdf.png) left no-repeat;
    padding: 3px 0 0 25px;}
/** [ DOWNLOAD DOC/TXT/WORD ] **/
.mimedoc{
    background: url(../img/icon_doc.png) left no-repeat;
    padding: 3px 0 0 25px;}
/** [ DOWNLOAD XLS ] **/
.mimexls{
    background: url(../img/icon_xls.png) left no-repeat !important;
    padding: 3px 0 0 25px;}
/** [ DOWNLOAD PPT ] **/
.mimeppt{
    background: url(../img/icon_ppt.png) left no-repeat;
    padding: 3px 0 0 25px;}
/** [ DOWNLOAD CSV ] **/
.mimecsv{
    background: url(../img/icon_csv.gif) left no-repeat;
    padding: 3px 0 0 25px;}
/** [ DOWNLOAD HTML ] **/
.mimehtml{
    background: url(../img/icon_www.png) left no-repeat;
    padding: 3px 0 0 25px;}
/** [ DOWNLOAD EXE ] **/
.mimeexe{
    background: url(../img/icon_exe.png) left no-repeat;
    padding: 3px 0 0 25px;}
/** [ DOWNLOAD JPG/PNG/GIF/BMP/TIFF/PSD ] **/
.mimeimage{
    background: url(../img/icon_image.png) left no-repeat;
    padding: 3px 0 0 25px;}
/** [ DOWNLOAD FLASH ] **/
.mimeswf{
    background: url(../img/icon_swf.png) left no-repeat;
    padding: 3px 0 0 25px;}
/** [ DOWNLOAD AVI ] **/
.mimeavi{
    background: url(../img/icon_avi.png) left no-repeat;
    padding: 3px 0 0 25px;}
/** [ DOWNLOAD WAV ] **/
.mimewav{
    background: url(../img/icon_wav.png) left no-repeat;
    padding: 3px 0 0 25px;}
/** [ DOWNLOAD ZIP/RAR ] **/
.mimezip{
    background: url(../img/icon_zip.png) left no-repeat;
    padding: 3px 0 0 25px;}
/*** DIF:summary Component
     ----------------------- ***/
#infodetails{
    margin-bottom: 10px;
    padding-left: 10px;
    overflow: auto;
    font-size: 90%;
    border: 1px solid #cfdbb2;
    background-color: #cfdbb2;}
#infodetails p{
    color: #385900;
    font-weight: bold;}
#infodetails ul li{
    list-style: none;
    display: inline;}
#infodetailsicon, #infodetailsinfo{
    display: inline-table;
    line-height: 21px;
	 vertical-align: top;}
/** [ SERVICE/DIFDEFAULT ] **/
#infodetails .difservicedefault{
    padding-left: 28px;
    background: url(../img/icon_difservicedefault.png) left no-repeat;}
/** [ SERVICE/TASK ] **/
#infodetails .task{
    padding: 0 0 0 25px;
    background: url(../img/icon_task.png) left no-repeat;}
/** [ SERVICE/CANDIDATURA ] **/
#infodetails .candidatura{
    padding: 0 0 0 30px;
    background: url(../img/icon_candidatura.png) left no-repeat;}
/** [ SERVICE/INQUERITOS ] **/
#infodetails .inqueritos{
    padding: 0 0 0 33px;
    background: url(../img/icon_inqueritos.png) left no-repeat;}
/** [ SERVICE/SAS ] **/
#infodetails .sas{
    padding: 0 0 0 33px;
    background: url(../img/icon_sas.png) left no-repeat;}
/** [ SERVICE/FUC ] **/
#infodetails .fuc{
    padding: 0 0 0 33px;
    background: url(../img/icon_fucdetail.png) left no-repeat;}
/** [ SERVICE/RUC ] **/
#infodetails .ruc{
    padding: 0 0 0 33px;
    background: url(../img/icon_rucdetail.png) left no-repeat;}
/** [ SERVICE/RAC ] **/
#infodetails .rac{
    padding: 0 0 0 33px;
    background: url(../img/icon_racdetail.png) left no-repeat;}
/** [ SERVICE/DOCUMENTOS ] **/
#infodetails .documentos{
    padding: 0 0 0 33px;
    background: url(../img/icon_documentos.png) left no-repeat;}
/** [ SERVICE/SMDNET ] **/
#infodetails .smdnet{
    padding: 0 0 0 33px;
    background: url(../img/icon_smdnet.png) left no-repeat;}
/** [ SERVICE/LNDNET ] **/
#infodetails .lndnet{
    padding: 0 0 0 33px;
    background: url(../img/icon_lndnet.png) left no-repeat;}
/** [ DOWNLOADFILE_ACTIONS_ACTIONSBUTTONS_INFODETAILS/SEPARATIONBAR ] **/
.separation{
    background: url(../img/icon_buttonseparation.png) left no-repeat;
    padding-left: 10px;}
/** Force style for abbreviation to solve ie problem **/
abbr{border-bottom: 1px dotted;}
/*** [ ERROR/WARNING/INFO/OK/TIP - PAGES ]  ***/
.warningpages{margin: 20px;}
.warningpages h4{
    background-color: transparent;
    background-image: none;
    color: #900;
    border: none;
    font-size: 150% !important;
    padding: 12px 0 0 80px !important;
    *padding: 12px 0 0 10px !important; /* just for IE7 */}
.warningpages p{margin: 20px 0 0 80px !important;}
/** [ Collapsible Areas/openclose ] **/
.openleftarea{
    padding: 25px 3px 10px 3px;
	background-position: top;
	background-repeat: no-repeat;
	/* TODO: RETIRAR ISTO! */
    float: left;
    height: 150px;
    width: 15px;
    text-align: left;
    background-image: url(../img/icon_menu.png);}
.openrightarea{
	 padding: 25px 3px 10px 3px;
	 background-position: top;
	 background-repeat: no-repeat;
	/* TODO: RETIRAR ISTO! */
    float: right;
    height: 150px;
    width: 15px;
    text-align: left;
    background-image: url(../img/icon_menu.png);}
.openrightarea a, .closerightarea a, .openleftarea a, .closeleftarea a{
    color: #fff;
    border-bottom: none;}
.openrightarea a:hover, .closerightarea a:hover, .openleftarea a:hover, .closeleftarea a:hover{
    color: #ccc;
    border-bottom: none;}
.openleftarea div{writing-mode: tb-rl;}
.closeleftarea{
	text-align: left;
	padding-left: 20px;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(../img/icon_menu.png);}
.openrightarea div{writing-mode: tb-rl;}
.closerightarea{
	text-align: right;
	padding-right: 23px;
	background-position: right;
	background-repeat: no-repeat;
	background-image: url(../img/icon_menu.png);}
/*** DIF:infoAlunoPopup Component
     ----------------------- ***/
.infoaluno{
	color: #333;
	font-size: 110%;}
.infoaluno p{padding-bottom: 5px;}
.infoaluno label{color: #333;}
.transparent90{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	-moz-opacity:0.8;
	-khtml-opacity: 0.9;
	opacity: 0.9;}
.transparent50{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;}
.transparent0{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
	filter: alpha(opacity=1);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;}
/*** Ext:windowIcon Component
     ----------------------- ***/
.ext-mb-icon{
	float: left;
	width: 50px;
	height: 35px;}
/*** DIF:steps Component [SIAnet]
     ----------------------- ***/
.steps{
	margin-left: 5px;
	height: 80px;}
.steps li{
	height: 70px;
	float: left;
	padding-top: 20px;
	text-indent: 10px;
	border-right: 3px solid #fff;}
.steps ul li.on{
	color: #fff;
	background-image: url(../img/step_on.png);
	background-position: center;
	background-repeat: no-repeat;}
.steps ul li.off{
	color: #fff;
	background-image: url(../img/step_off.png);
	background-position: center;
	background-repeat: no-repeat;}
.steps .periodo{font-size: 140%;}
.steps .epoca{
	font-size: 110%;
	text-align: left;
	display: block;
	line-height: 5px;}
.steps p{line-height: 45px;}
.backgnotes{clear: both;}
.imagePreview{
    padding-right: 10px;
    padding-bottom: 10px;
    max-height: 150px;
    width: auto;
    float: left;}
.deleteUploadFile{
    background: url("../img/icon_x.png") no-repeat scroll left center transparent;
    height: 20px;
    width: 20px;
    padding-left: 20px;
    margin-left: 10px;}
input.gridButton[type="submit"]{
  font-size: 11px;
  height: 15px !important;
  line-height: 10px;}
input.gridButton[type="file"]{
  font-size: 10px !important;
  height: 19px !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: middle;}
/***** [ style applied to the input radio, for star effect ] *******/
.rating{
    overflow: hidden;
    display: inline-block;}
.rating-input{
    position: absolute;
    left: 0;}
.rating:hover .rating-star:hover,.rating:hover .rating-star:hover ~ .rating-star,.rating-input:checked ~ .rating-star {background-position: 0 0px;}
.rating-star,.rating:hover .rating-star{
    float: right;
    display: block;
    width: 16px;
    height: 16px;
    background: url('../img/star-enable-disable.png') 0 -16px;}
/*** [ end_structure ] ***/
/*** Login separator ***/
.login-separator{
  text-align:center;
  margin-bottom: 25px;
   height: 1px;
   clear: both;
  float: none;
  width: 100%;
  height: 1px;
  margin: 1.4em 0;
  background-image: -webkit-gradient(
      linear,
      left bottom,
      right bottom,
      color-stop(0, rgb(255,255,255)),
      color-stop(0.1, rgb(221,221,221)),
      color-stop(0.9, rgb(221,221,221)),
      color-stop(1, rgb(255,255,255))
  );
  background-image: -moz-linear-gradient(
      left center,
      rgb(255,255,255) 0%,
      rgb(221,221,221) 10%,
      rgb(221,221,221) 90%,
      rgb(255,255,255) 100%
  );}
.login-separator span{
  font-size:12px;
  position:relative;
  top:-4px;
  background:#fff;
  padding:0 12px;
  color: #d5d5d5;}
/*** [ end_structure ] ***/
/*** Alertify separator ***/
.ajs-button{
  	border: 1px solid lightgray !important;
  	border-radius: 8px !important;
  	color: gray !important;
  	transition: background-color 0.5s ease;
  	transition: color 0.5s ease;}
.ajs-button:hover{
  	color: #222222 !important;
  	background-color: lightgray !important;}
.ajs-button:active{border: 1px solid gray !important;}
button.ajs-button::-moz-focus-inner{border: 0;}
.alertify button:focus{outline: none;}
.alertify .x-message-box-error{background: url(../img/popup_error.png) no-repeat;}
.alertify .x-message-box-warning{background: url(../img/popup_warning.png) no-repeat;}
.alertify .x-message-box-info{background: url(../img/popup_info.png) no-repeat;}
.alertify .x-message-box-question{background: url(../img/popup_question.png) no-repeat;}
.alertify div.ajs-modal{z-index: 50000;}
/*** [ end_structure ] ***/
.divtwocolumn{
    -moz-column-count: 2;
    -moz-column-gap: 50%;
    -webkit-column-count: 2;
    -webkit-column-gap: 50%;
    column-count: 2;
    column-gap: 50%;}
table.radioGroupTable tr th{
    vertical-align: top;
    padding: 0 5px 0 5px !important;}
.disabledText{color: #c4c4c4;}
div.inputnormaltextarea.inputreadonly{min-height: 15px;}
.smallbuttons{
    background-color: #ccc !important;
    font-size: 100%;
    border: 1px solid lightgray !important;
    border-bottom: none !important;
    border-radius: 3px !important;
    transition: color 0.5s ease 0s;
    text-align: center;
    padding: 3px 6px 3px 19px !important;
    margin-right: 5px;}
.smallbuttons:hover{
    transition: background-color 0.4s ease-in-out;
    background-color: #f2f2f2 !important;}
.optionsEditorAlwaysVisible{
    background-image: url('../img/trigger1.gif');
    border: 1px solid #b5b8c8 !important;
    border-radius: 5px;
    background-repeat: no-repeat !important;
    background-position: right !important;}
.greydarktext{color: #999 !important;}
div.alertify ul{padding-left: 20px;}
div.alertify li{list-style: square;}
/*
.cm-s-default .cm-keyword {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14;
}
*/
.polaroid600{
	margin: 15px 10px 15px 10px;
	display: inline-block;
	border: 1px solid #eee;
  	width: 600px;
  	-webkit-box-shadow: 3px 3px 3px #777;
  	-moz-box-shadow: 3px 3px 3px #777;
  	box-shadow: 3px 3px 3px #777;}
.polaroid600 img{
  	border: 20px solid #fff;
  	width: 600px;
  	border-bottom: 35px solid #fff;}
.polaroid600 p{
  	border: 1px solid #fff;
  	text-align: center;
  	width: 600px;
  	padding-bottom: 15px;
  	font: 14px proxima_nova_rgregular;
  	color: #212121;}
.x-mask-msg div{font-size: 110%;}
#left{border-bottom: 1px solid transparent;}
.freeMarkerArea .CodeMirror-scroll{margin-right: 0px !important;}
.reportAreaType{padding: 0 10px 10px 10px;}
.reportAreaType h4{font-size: 125%;}
.reportAreaType img{
    width: 250px;
    padding: 10px 0 10px 0;}
.reportAreaType p{}
/******RUCnet/AreasReport*******/
@font-face {
    font-family: 'kanitmedium';
    src: url('../webfonts/kanit-medium-webfont.eot');
    src: url('../webfonts/kanit-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/kanit-medium-webfont.woff2') format('woff2'),
         url('../webfonts/kanit-medium-webfont.woff') format('woff'),
         url('../webfonts/kanit-medium-webfont.ttf') format('truetype'),
         url('../webfonts/kanit-medium-webfont.svg#kanitmedium') format('svg');
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'kanitregular';
    src: url('../webfonts/kanit-regular-webfont.eot');
    src: url('../webfonts/kanit-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/kanit-regular-webfont.woff2') format('woff2'),
         url('../webfonts/kanit-regular-webfont.woff') format('woff'),
         url('../webfonts/kanit-regular-webfont.ttf') format('truetype'),
         url('../webfonts/kanit-regular-webfont.svg#kanitregular') format('svg');
    font-weight: normal;
    font-style: normal;}
div#reportEditorareas h3{
	color: #666;
	font-size: 170%;
	margin-top: 30px !important;
	margin-bottom: 20px !important;
	background-color: transparent;}
div#reportEditorareas h4{
	font-family: 'kanitregular', sans-serif !important;
	color: #414141;
	font-size: 180% !important;
	border-bottom: 2px solid #d6d8d9;
	padding-top: 30px !important;
	padding-bottom: 10px !important;
	padding-left: 0px !important;
	margin-bottom: 10px !important;
	background-color: transparent;}
div#reportEditorareas h4 span.areanumber{
	font-family: 'kanitregular', sans-serif !important;
	color: #ccc;
	font-size: 150% !important;
	padding-right: 10px;}
div#reportEditorareas h5{
	font-family: 'kanitregular', sans-serif !important;
	color: #414141;
	font-size: 120% !important;
	padding-left: 0px !important;
        line-height: 30px;
        background-color: #d1d3d4;}
div#reportEditorareas h5 span.areanumber{
	font-family: 'kanitregular', sans-serif !important;
	color: #ccc;
	font-size: 110% !important;
	padding-right: 10px;
        line-height: 30px;
        background: #d1d3d4;}
div#reportEditorareas h6{
	font-family: 'kanitregular', sans-serif !important;
	font-size: 100% !important;
	padding-left: 0px !important;
	padding-top: 20px !important;
	padding-bottom: 10px !important;
	color: #999;}
div#reportEditorareas button{border-radius: 4px; padding: 2px;}
div#reportEditorareas button:hover{opacity: 0.8;transition: opacity 0.5s ease;}
div#reportEditorareas .linkbutton{padding-top: 5px;}
div#reportEditorareas .linkbutton li:hover{opacity: 0.7;transition: opacity 0.5s ease;}
div#reportEditorareas .linkbutton ul{float: right;}
div#reportEditorareas .linkbutton ul li{
	display: inline;
	padding: 4px 7px 4px 20px !important;
	margin-left: 10px;
	background-color: #ccc;}
div#reportEditorareas .linkbutton ul li a{
	color: #333;
	border: none;
	background-position: 50% 10% !important;}
div#reportEditorareas .x-btn button{
  height: 24px;
  background-color: #ccc;}
.reportEditorareasTableBorder{white-space: normal;}
.reportEditorareasTableBorder table{width: 100%; white-space: normal;}
.reportEditorareasTableBorder table td, th{border-bottom: 1px solid #e5e5e5;}
div#reportEditorareas .x-grid-row-selected .x-grid-cell, .x-grid-row-selected .x-grid-rowwrap-div{
    border-color: #fff !important;
    background-color: #fff !important;}
div#reportEditorareas .x-grid-row-over .x-grid-cell, .x-grid-row-over .x-grid-rowwrap-div{
	background-color: #fff;
	border-color: #fff;}
.divContentArea{
	font-family: 'kanitregular', sans-serif !important;
	color: #414141;
	font-size: 140%;}
.divContentArea td, th{line-height: 30px;}
.divContentArea li{list-style-type: square !important; margin-left:40px; line-height: 25px; display: list-item;}
.divContentArea .reportlabel{
	display: block;
	line-height: 30px;
	background: #d1d3d4;}
.detaillist{padding: 10px;}
.detaillist dl{
	margin-top: 10px;
	margin-bottom: 15px;
	margin-left: 10px;}
.detaillist dt, .detailslistLabel{
	color: #888 !important;
	font-size: 120% !important;
	font-weight: normal;}
.detaillist dd{color:#212121;}
fieldset.advancedFilters{
    border-top: 1px solid #ccc;
    border-right: none;
    border-bottom: none;
    border-left: none;
    padding: 10px 0 0 0 !important;
    margin-top: 30px !important;}
fieldset.advancedFilters legend{
    padding: 0px 10px 0 0 !important;
    font-size: 120%;}
fieldset.advancedFilters legend div.x-tool{padding: 0 20px 0 0 !important;}
.userConsentReview {display: grid;}
.userConsentReview h3 {padding-left: 0px !important;}
/*
  ONLY SO BIG SECTION
*/
.only-so-big{
  background: rgba(178, 252, 255, .3);
  height: 100%;
  max-height: 100px;
  overflow: hidden;
  -webkit-transition: max-height .75s;
  transition: max-height .75s;}
.read-more{
  background: none;
  border: none;
  color: #1199f9;
  cursor: pointer;
  font-size: 1em;
  outline: none;
  text-align: left;
  padding-left: 0px;}
.read-more:hover{text-decoration: underline;}
.read-more:focus{outline: none;}
.read-more::-moz-focus-inner{border: 0;}
.hid{display: none;}
.animationDuration500ms{
    animation-duration: 0.5s !important;
    -webkit-animation-duration:0.5s !important;}
.animationDuration200ms{
    animation-duration: 0.2s !important;
    -webkit-animation-duration:0.2s !important;}
.warnArea{
    display: inline-table;
    padding: 15px;
    background-color: #e1e9cd;}
div.userConsentReview strong{font-weight: bold;}
div#helpDialog .content ul li{
    list-style: square !important;
	margin-left: 20px;}
.h3style{
    margin-top: 10px !important;
    margin-bottom: 5px !important;
    padding: 10px !important;}
.qq-uploader{margin-bottom: 10px;}
/***SITUACAO CURRICULAR ALUNO***/
h3.separators{
	color: #30302E !important;
	font-size: 150% !important;
	padding: 15px 0 0 0 !important;
	border-bottom: 4px solid #30302E !important;}
h3.separators a{color: #30302E !important;}
h3.separators a:hover{color: #30302E !important;}

.topmenuNav {
    /* Make this scrollable when needed */
    overflow-x: auto;
    /* We don't want vertical scrolling */
    overflow-y: hidden;
    /* For WebKit implementations, provide inertia scrolling */
    -webkit-overflow-scrolling: touch;
    /* We don't want internal inline elements to wrap */
    white-space: nowrap;
    /* Make an auto-hiding scroller for the 3 people using a IE */
    -ms-overflow-style: -ms-autohiding-scrollbar;
	/* positioning context for advancers */
	/*position: relative;*/
	// Crush the whitespace here
	font-size: 0;
}
.topmenuNav::-webkit-scrollbar {
    display: none;
}

@-moz-document url-prefix() {
    .topmenuNav{overflow: hidden !important;}
}

.topmenuWrapper{
    position: relative;
	padding: 0 11px;
	box-sizing: border-box;
}
.topmenuContainer {
    float: left;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}
/* Remove the default scrollbar for WebKit implementations */
.topMenuNav::-webkit-scrollbar{ display: none;}

.pn-ProductNav_Contents-no-transition {
  transition: none;
}

.pn-Advancer {
  /* Reset the button */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  /* Now style it as needed */
  position: absolute;
  top: 0;
  bottom: 0;
  /* Set the buttons invisible by default */
  opacity: 0;
  transition: opacity .3s;
}
.pn-Advancer:focus {
  outline: 0;
}
.pn-Advancer:hover {
  cursor: pointer;
}

.pn-Advancer_Left {
  left: 0;
}
[data-overflowing="both"] ~ .pn-Advancer_Left, [data-overflowing="left"] ~ .pn-Advancer_Left {
  opacity: 1;
}

.pn-Advancer_Right {
  right: 0;
}
[data-overflowing="both"] ~ .pn-Advancer_Right, [data-overflowing="right"] ~ .pn-Advancer_Right {
  opacity: 1;
}

.pn-Advancer_Icon {
  width: 20px;
  height: 44px;
  fill: #bbb;
}
/**/