/* COMMONS */
div#container{margin:0; height: auto; min-height:100%;}
div#imageHeader{clear:both;}
div#imageHeader hgroup{padding:5px 10px 5px 50px; background-image:url(../images/hgroup-bg.png); background-color: #064B84; background-repeat: no-repeat; background-position:top left; margin:10px; margin:10px 10px 10px 0px;}
div#imageHeader hgroup h1{font-size: 5.8em; padding:0; }
div#mainBar{height:25px; background:#000000;}

div#imageHeader hgroup h4{font-size: 1em; text-transform: uppercase; color:#cccccc; padding:2px; text-align: right;}
div#imageHeader div.userTool{border-radius:.5em; moz-border-radius:.5em; background:url(../images/dirty_old_shirt.png);margin-top:10px;}
div#imageHeader div.userTool ul{list-style: none;}
div#imageHeader div.userTool ul li{float:right;}
div#imageHeader div.userTool ul li a{display:block; padding:10px; text-decoration: none; color:#777777;}
div#imageHeader div.userTool ul li a:hover{color:#ffffff;}
div#imageHeader div.userTool ul li p{padding:10px; text-decoration: none; color:#cccccc;}
div#imageHeader div.userTool ul li p span#userNIT{color:#F9CA06;}

.w10{width:10%}
.w20{width:20%}
.w30{width:30%}
.w35{width:35%}
.w40{width:40%}
.w50{width:50%}
.w60{width:60%}
.w70{width:70%}
.w80{width:80%}
.w90{width:90%}
.w100{width:100%}

/*maquetacin*/
div.form div.row, div.toolBar{width:90%; margin:0 auto; }
div.r{float:right; margin-left:5px;}
div.l{float:left; margin-right:5px;}
div.clr{clear:both;}
div.cr{clear:right;}
div.cl{clear:left;}
div.form div.controls{margin:10px auto;clear:both; text-align:right; background:#f0f0f0 url(../images/top-shadow.png) top center no-repeat; padding:3px; border-radius:.2em; moz-border-radius:.2em; border-bottom:1px solid #ffffff;}
div#siteMapControlsEdit{display:none;}
div#main-nav{width:100%;background:url("patterns/bg_header.png") repeat-x;}
span.parentPage{font-weight:lighter; color:#212121; }
span.readOnlyField{font-weight:bolder;}
div.bt{height:15px;}

/*Forms*/
div.form, div.toolBar{width:98%; margin:5px auto; clear:both; background:#ffffff;  border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; border-radius:.2em; moz-border-radius:.2em;}
/*Transparencia*/

.alpha60 {
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(255, 255, 255);
    /* RGBa with 0.6 opacity */
    background: rgba(255, 255, 255, 0.9);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
}

/*shadow inset*/
.inset-shadow {
    -moz-box-shadow:    inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow:         inset 0 0 10px #000000;
}
.w-shadow{
    box-shadow: 0px 0px 8px #ffffff;
    -moz-box-shadow: 0px 0px 8px #ffffff;

}

.b-shadow{
    box-shadow: 0px 0px 5px #333;
    -moz-box-shadow: 0px 0px 5px #333;

}
.r-shadow{
    box-shadow: 0px 0px 5px #400;
    -moz-box-shadow: 0px 0px 5px #400;

}
div.panel{display:none;}

/* CUSTOM */
div[id*="errorMessages"],h1[class*="error"],ul[class*="error"],div[id*="errors"]{display:none;}
.error{list-style: disc; color: #cc3300; text-align: left; }
/**.messages,*.messages .bigger { font-size: 14px; list-style: disc; color: #9a3604; text-align: left; border: #9a3604 ridge thin; background-color: #ffffcc; padding: 5px 2px; border-radius: 5px; }
*.messages .bigger{ font-size: 18px; font-weight: bolder; color: #FFF; background-color: #9a3604; border-bottom-color: #fff; border-left-color: #fff;  }
/*div .messages { position: fixed; left: 150px; top: 56px;}*/
span.messagesItem { color:#9a3604; }  
.errorMessageItem{color: #9a3604; font-weight: bold; text-align: left;}
div.sectionDiv { border: #ddd 2px groove threedface; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,.3); padding: 3px 0 1px 0; }
div#waitDiv {min-width: 20px; min-height: 20px; }
*.italic{ font-style: italic; }
*.centered,*.centered-text{ margin: 10px auto; }
*.centered-text{ text-align: center;  }
input.back-white { background-color: #FFF; }
input.required, select.required{ background-color: #ffffcc; border: #df8505 thin inset; }
textarea.required { border: #df8505 thin inset; }
input.numeric { text-align: right; }
*.back-yellow{ background-color: #ffffcc; color: #9a3604; font-style: italic;}
*.back-yellow *.bigger  { text-align: left; font-size: 10px; color: #9a3604; font-weight: bolder; font-style: normal; }
*.bigger, *.bigger16, *.bigger18,*.bigger- emphasis {font-size: 14px; color: #000; display: block; margin-bottom: 10px; border-bottom: #ddd inset thin;  }
*.bigger-emphasis {background-color: #ffffcc; font-weight: bold; }
*.emphasis {background-color: #ffffcc; font-weight: bold; color: inherit; }
*.back-yellow h3 { font-style: normal; }
*.pane { display: none; }
*.red-text, table.list tbody tr td span.red-text { color: #CC0000; font-size: 14px; text-align: center; }
*.blue-text { color: #0071BC; font-size: 15px; text-align: center;}
*.role-text { color: #0055d4; background-color: lemonchiffon; margin: 0px 0px; padding: 1px 3px; border: #cccccc solid thin;  border-radius: 5px; font-weight: bold; }
div.rolesBar *.role-text, div.rolesBar { font-size: 8px; }
div.rolesBar { margin-top: 0px; margin-bottom: 0px; padding-left: 10px; background-color: transparent; border: 0px #fff none;}
.upperheader{ min-width: 10px; font-weight: bolder; font-size: 14px; text-align: center; background-color: #fff; color: #000; border: #cccccc solid thin; border-bottom: 0;  }
.pixelito{font-size: 0px;}
#layout-container { width: 100%; min-height: 300px; }
.middle-pad{ padding: 10px 0 10px 10px; }
.pt05{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt50{padding-top: 50px;}
.pt60{padding-top: 60px;}
.px50{width: 50px; }
.px100{width: 100px; }
.px150{width: 150px; }
.px200{width: 200px; }
.px250{width: 250px; }
.px300{width: 300px; }
.px350{width: 350px; }
.px400{width: 400px; }
.px450{width: 450px; }
.mb05{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.ml10{margin-left: 10px;}
.w01{width:1%}
.w02{width:2%}
.w03{width:3%}
.w04{width:4%}
.w05{width:5%}
.w06{width:6%}
.w07{width:7%}
.w08{width:8%}
.w09{width:9%}
.w15{width:15%}
.w16{width:16%}
.w17{width:17%}
.w18{width:18%}
.w19{width:19%}
.w21{width:21%}
.w22{width:22%}
.w23{width:23%}
.w24{width:24%}
.w25{width:25%}
.w26{width:26%}
.w27{width:27%}
.w28{width:28%}
.w29{width:29%}
.w31{width:31%}
.w32{width:32%}
.w33{width:33%}
.w35{width:35%}
.w45{width:45%}
.w46{width:46%}
.w48{width:48%}
.w49{width:47%}
.w55{width:55%}
.w65{width:65%}
.w67{width:67%}
.w75{width:75%}
.w76{width:76%}
.w77{width:77%}
.w78{width:78%}
.w79{width:79%}
.w85{width:85%}
.w87{width:87%}
.w95{width:95%}
.w96{width:96%}
.w97{width:97%}
.w98{width:98%}
.w99{width:99%}
.w105{width:105%}
.cell{display: inline-table; margin-left: 10px;}
.bigger16{font-size: 16px;}
.bigger18{font-size: 18px;}
.smaller{font-size: 9px;}
*.smallest{font-size: 8px; color: #999999; }
*.rounded{ border-radius: 15px;}
/* tabs */
#tabs { float:left; width:100%;  font-size:93%; line-height:normal; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: transparent; }
#tabs ul { margin:0; padding:10px 10px 0 50px; list-style:none; }
#tabs li { display:inline; margin:0; padding:0; }
#tabs a { float:left; background:url("../images/tableftK.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; }
#tabs a span { float:left; display:block; background:url("../images/tabrightK.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; }
#tabs a.selected { float:left; background:url("../images/tableftI.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; }
#tabs a.selected span { float:left; display:block; background:url("../images/tabrightI.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span { color:#FFF; background-position:100% -42px; }
#tabs a:hover { background-position:0% -42px; }
#tabs a:hover span { background-position:100% -42px; }
#blue{ color: #0066cc; }

/* list-simple */
#messageAccepted { margin: 10px auto; width:60%; }
table.list-simple{ background-color:#efefef; border:1px solid #cccccc; width:60%; margin: 10px auto; border-collapse:collapse;  border-spacing: 0;}
table.list-simple th, table-list td { padding:5px; }
table.list-simple thead th{ padding:10px; color:#999999; }
table.list-simple thead th.order a {text-decoration: underline; cursor:pointer;}
table.list-simple tbody tr td { padding:2px 1px; border-bottom:1px solid #ebebeb; font-size:1em; }
table.list-simple tbody tr:first-child { background:url(../images/top-shadow-repeat.png) repeat-x;}
table.list-simple tfoot { background:#dedede; color:#313131; }
table.list-simple tfoot td { padding:5px;}
table.list tbody tr td span { font-size: inherit; font-family: inherit;  color: inherit; }
table.list tbody tr td.noppading { padding: 0px 0px; font-size: 8px; border-right: #dedede dotted thin;}
table thead tr th.noppading { padding: 0px 0px; font-size: 8px;}
/* end list-simple */
/* tabs modification */
.tab { margin-top: 1em; }
.tab li .ui-icon-close { float: left; margin: 0.4em 0.2em 0 0; cursor: pointer; }
.ui-tabs-vertical { width: 100%; }
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 15%; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; width: 100%; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 80%;}
/**/
/* customize button styles*/
input[type="button"].disabled,input[type="button"].disabled:active,
input[type="button"].disabled:hover
{ border: #999999 inset 2px; color: #313131; cursor: wait; opacity: .5; filter:Alpha(Opacity=80);}
.selectable,.disabled:active,
.disabled:hover
{ cursor: pointer; }
/*END customize button */

input[type="file"] {
    align-items: left;
    color: #ff6600;
    text-align: left;
    -webkit-appearance: initial;
    padding: initial;
    background-color: initial;
    border: #999999 inset thin;
}

*.left-text{ text-align: left; }
.lefted span.ui-button-text{ text-align: left; } 
*.orange-text { color: #ff6600; background-color: #ffffcc; padding: 5px 5px; border: #dddddd solid thin;  border-radius: 8px;  }
*.deactivated,*.deactivated_enabled { color: #CC0000; font-weight: bolder; }
table.list tbody tr.ui-state-highlight:first-child  { background-image: none; background-color: #ffffcc; } 

.tamBig{
    font-size: 15px;
    color:white;
    margin-top:25px !important;

}

table.list thead th{ color: #000; font-weight: bold;}

table.simplepadding tbody tr td { padding: 0 5px;}
input.datepicker { display: inline-block;  vertical-align: top; }

div.cpanel div.form h3{
    text-align: left;
    padding-left: 15px;
    font-size: 16px;
    font-weight:bold;
    width: auto;
    /*border:1px solid red;*/
    color:#00426f;
    display: block;
    margin-bottom: 20px;

}


/* ---------------------------------------------------------------------------------------------------------- */

.activeAccordion {
    padding-left: 2.2em;
    cursor: pointer;
    display: block;
    font-size: 120%;
    margin: 2px 0 0;
    min-height: 30px;
    position: relative;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(247,247,247,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
    border: 1px solid #c3c3c3  ;
    color: #00558E; 
    font-weight: bold;
    font-family: Arial;
    line-height: 1.8;
    list-style: outside none none;
}



.activeIcon{
    left: 0.5em;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    background-position: -64px -16px;
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
    cursor: pointer;
    font-size: 100%;
    color: #e17009;
    font-weight: bold;
    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
    line-height: 1.3;
    list-style: outside none none;
}


.activeDiv{
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid #989898;
    border-top: 0 none;
    overflow: auto;
    padding: 1em 2.2em;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background:  #fcfdfd;
    color: #222222;
    font-size: 100%;
    line-height: 1.3;
    list-style: outside none none;
    margin: 0;
    outline: 0 none;
    text-decoration: none;
    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
}





.noActiveAccordion {
    padding-left: 2.2em;
    cursor: pointer;
    display: block;
    font-size: 120%;
    margin: 2px 0 0;
    width: 100%;
    min-height: 30px;
    position: relative;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background: #dfeffc;
    border: 1px solid #989898;
    color: #00558E;
    font-weight: bold;
    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
    line-height: 1.9;
    list-style: outside none none;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(226,226,226,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(226,226,226,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */

}

.noActiveIcon{
    left: 0.5em;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    background-position: -32px -16px;
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
    cursor: pointer;
    font-size: 100%;
    color: #2e6e9e;
    font-weight: bold;
    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
    line-height: 1.3;
    list-style: outside none none;
}
.noActiveDiv{
    display: none;
}
.redText{ color : red; }
.lertAccordion { background: #F05B60; color: white;border: 1px solid #A92C31; }
.activeTabHead { background: #7E9F06 !important;  color: white !important; font-weight:bold !important;}
.activeTabBody{  background: #7E9F06 ; color: white; font-weight:bold; }

.modifLine{ background: #819FF7 ; color: white ;}
.errorAlert{color: white;border: 1px solid #c3c3c3; border-radius: 5px;display: block;width: 100%;min-height: 40px;background:white; }
.fSetAlert{background-color: #FE2E2E;height: 45px;  border-radius:10px;}
.deshabilitado{
    background-color: #e9e9e9 !important;
    cursor: not-allowed !important;
    pointer-events: none;
    
    
}
.deshabilitado2{
    background-color: #e9e9e9 !important;
    cursor: not-allowed !important;    
}