﻿body 
{
    background-image: url(images/bg-site.png);
    background-repeat: repeat-x;
    background-color: #CBCBCB;
    font-size: 12px;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #333333;
}
.logopyxoomfondo
{
   /* display: none;*/
}
.circulo
{
    display:none;
    float: left;
    position: relative;
    min-width: 300px;
    text-align: left;
    padding-top: 0px;
    margin-top: 0px;
}

input[type="text"], input[type="password"]
{
    border: 1px solid #CCCCCC;
    height: 17px;
    padding-top: 2px;
}

a:link, a:visited
{
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

.script-manager-container
{
    position: absolute;
    float: right;
    right: 0;
    width: 100px;
}

.wrapper
{
    width: 1000px;
    min-height: 300px;
    margin: 0 auto;
}

.header
{
    height: 80px;
    width: auto;
    display: block;
}

.header img
{
    padding: 13px 0 0 0px;
    margin-top: 10px;
}

.account-container
{
    float: right;
    position: relative;
    min-width: 300px;
    text-align: right;
    padding-top: 10px;
}

.footer
{
    color: #333;
    text-align: right;
    background-repeat: no-repeat;
    background-position: center top;
    padding-right: 10px;
    margin: 0 auto;
    margin-bottom: 10px;
}
.footer p
{
    font-size: 10px;
    padding: 0;
    margin: 0;
}

.footer h2
{
    margin: 15px 0px 0px 0px;
    padding: 0px;
    font-size: 13px;
    font-weight: normal;
}

.header a:link, .header a:visited, .header a:hover
{
    color: #0070A8;
    text-decoration: none;
    font-weight: bold;
}

.header a:hover
{
    text-decoration: underline;
}

.header .username
{
    font-weight: bold;
}

.center-container
{
    clear: both;
    padding-top: 20px;
}


/* Enterpise Master Rulers*/

.enterprise-master-container h1
{
    font-family: Arial Narrow, Arial, Sans-Serif;
    font-weight: normal;
    color: white;
    font-size: 19px;
    margin-top: 0;
    margin-bottom: 20px;
}

.enterprise-master-container .sub-menu
{
    float: left;
    position: relative;
}

.enterprise-master-container .options-menu
{
    float: right;
    padding: 7px;
    position: relative;
}

/*QUITAR?*/
.menus-container
{
    clear: both;
    background-image: url('images/bg-sub-menu.png');
    background-position: 0 0;
    width: auto;
    height: 10px; /*border-bottom:2px solid #0070A8;*/
}

.menus-container .sub-menu li, .menus-container .options-menu li
{
    display: inline;
    padding: 3px 1px 1px 1px;
}

.options-menu li a:link, .options-menu li a:visited, .options-menu li a:hover
{
    color: White;
}

.options-menu li a
{
    padding: 5px;
    padding-left: 20px;
    padding-right: 10px;
}



/*Options for Competencies model*/

.options-menu-competencies
{
    padding: 7px;
    position: relative;
    margin: 0 10px 0 10px;
}

.options-menu-competencies li
{
    display: inline;
    padding: 11px;
    background-image: url(images/right-menu-bg-b.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    margin-right: 1px;
}
.options-menu-competencies li span
{
    display: block;
    float: left;
    width: 3px;
    height: 18px;
    background-image: url(images/right-menu-bg-a.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}
.options-menu-competencies li div
{
    display: block;
    float: left;
}
.options-menu-competencies li input
{
    background-color: Transparent !important;
    padding: 0px;
    position: relative;
    bottom: -10px;
    color: #666;
}


.options-menu-competencies li a:link, .options-menu-competencies li a:visited, .options-menu-competencies li a:hover
{
    color: #636363;
}

.options-menu-competencies li a
{
    padding: 5px;
    padding-left: 20px;
    padding-right: 10px;
}

/*-----------OPTIONS MENU-------------*/

.item-favorites
{
    background-image: url(images/icon-option-favoritos.png);
    background-repeat: no-repeat;
    background-position: left center;
}
.item-sugerencias
{
    background-image: url(images/icon-option-sugerencias.png);
    background-repeat: no-repeat;
    background-position: left center;
}
.item-ayuda
{
    background-image: url(images/icon-option-ayuda.png);
    background-repeat: no-repeat;
    background-position: left center;
}
.item-lineamientos
{
    background-image: url(images/icon-option-lineamientos.png);
    background-repeat: no-repeat;
    background-position: left center;
}
.item-filters
{
    background-image: url(images/icon-option-filtro.png);
    background-repeat: no-repeat;
    background-position: left center;
}
.item-myfilters
{
    background-image: url(images/icon-option-filtro.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.regular-toolbar-button
{
    background-color: Transparent;
    padding: 5px;
}
.circle-footer
{
    background-image: url(images/footer-bg.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 13px;
}

#nav-two.nav li ul li, #nav-two.nav li ul, #nav-two.nav li ul li a
{
    background-image: none;
}
#nav-two.nav li ul li:hover
{
    background-image: none;
}


.sub-menu-first-child
{
    background-image: url('images/menu-two-first-child.png') !important;
}

.sub-menu-last-child
{
    background-image: url('images/menu-two-last-child.png') !important;
    background-position: right center;
}

.sub-menu-first-child:hover
{
    background-image: url('images/menu-two-first-child-hover.png') !important;
}

.sub-menu-last-child:hover
{
    background-image: url('images/menu-two-last-child-hover.png') !important;
}

.wrapper-main-container
{
    /*background-image:url(images/main-container-bg.png);*/
    background-repeat: repeat-x;
    background-position: 0 0;
    background-color: White;
    height: 100%;
}


/*Admin Units*/

.wrapper-main-container
{
    padding: 10px;
}

/********Modal Popup**************/

.modalBackground
{
    background-color: black;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.modal-background
{
    z-index: 100!important;
    background-color: black;
    filter: alpha(opacity=70);
    opacity: 0.7;
     
}

/********************************/

.hidden-object
{
    display: none;
}
.hide-object
{
    visibility:hidden;
}



.regular-toolbar-bkpbutton
{
    width: auto;
    height: 25px;
    border: none;
    cursor: pointer;
    font-size: 11px;
    text-align: right;
    padding: 0px 5px 0px 13px;
    background: transparent;
}
.gridview-top-buttons-container
{
}


.grid-view
{
    margin: 0 auto;
    border: 1px solid #709FCD !important; /*display:block;*/ /*display:inline;*/
    height: auto !important;
}

.grid-view tr td
{
    text-decoration: none;
}


.wrapper-main-container h2
{
    padding-left: 0px;
    font-size: 14px;
    font-weight: normal;
    font-family: Arial Narrow, Arial, Sans-Serif;
}

.gridview-top-buttons-container
{
}


.gridview-container table tr td
{
    border-right: 1px solid transparent;
}

.gridview-container table th
{
    border: 1px solid transparent;
    background-color: #709FCD;
    color: #fff;
    text-align: left;
}

.gridview-container table tr td a:link, .gridview-container table tr td a:visited, .gridview-container table tr td a:hover, .regular-gridview-labellink
{
    color: #0070A8;
    text-decoration: none;
    cursor: pointer;
}
.regular-gridview-labellink:hover
{
    text-decoration: underline;
}


.gridview-container table tr td a:hover
{
    text-decoration: underline;
}


.gridview-top-buttons-container
{
    padding: 5px;
}

.gridview-container
{
    text-decoration: none;
    width: auto;
}

.gridview-container-pop-ups
{
    text-decoration: none;
    width: 100%;
}


.gridview-wrapper
{
    width: 722px;
}

.clear
{
    clear: both;
    width: 100%;
}


.clear2
{
    clear: both;
    width: 100%;
    height: 1px;
}
.header-popup
{
    background-image: url(images/modal-header-bg.png);
    background-repeat: no-repeat;
    height: 30px;
    border: none;
    height: 30px;
    border-bottom: none;
}


.modal-container
{
    width: 313px;
}

.header-popup h3
{
    color: White;
    font-size: 12px;
    margin: 0px;
    padding: 7px;
}

.header-popup div
{
    position: relative; /*float:right;*/
}

.header-popup div input
{
    padding: 8px;
}

.menu-right, .left-grid
{
    /*float:left;*/
}

.menu-right
{
    /*margin-left:21px;*/
    margin-top: 30px;
}

.menu-right a, .menu-right input
{
    /*color:White;*/
    padding: 8px;
}

.panel-add-edit td
{
    border: none;
}
.panel-add-edit
{
    width: 250px;
    margin: 0 auto;
}
.panel-add-edit input
{
    padding: 0;
}
.panel-container
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background-color: White;
    color: #333;
    width: 313px;
}

.menu-right input[type="submit"]
{
    background-repeat: no-repeat;
    color: #666666;
    margin: 0;
    padding: 0 0 6px;
    text-align: left;
    width: 116px;
}
.panel-add-edit p input[type="text"], textarea
{
    color: #000000 !important;
    display: block;
    border: 1px solid #ccc;
    font-family: Arial;
    font-size: 12px;
    padding: 2px;
}

.separator-box
{
    text-align: left;
    padding-top: 7px;
}

.separator-box span label
{
    padding-left: 5px;
}

.gridview-child
{
    width: 90%;
    margin: 0 auto;
    border: 1px solid #ddd !important;
    margin-top: 10px;
}

.gridview-child td, .gridview-child
{
    border: none;
    text-align: left;
}

.gridview-child tr th
{
    color: White;
    background-image: url(images/menu-two-middle.png);
    background-repeat: repeat-x;
    border: 1px solid #006291;
}

.regular-toolbar-bkpbutton
{
    border: none !important;
}


.white-container
{
    background-color: White;
}

.sub-master-header
{
    background-image: url(images/bg-submaster-header.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}

.sub-master-footer
{
    background-image: url(images/bg-submaster-footer.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}


.menu-right-container span
{
    color: Black;
}



.modal-bg-footer
{
    background-image: url(images/modal-header-bg-footer.png);
    background-repeat: no-repeat;
    height: 13px;
}

.bottom-btns input
{
    padding: 5px;
    text-align: center;
}


.bottom-btns
{
    margin: 0 auto;
    text-align: center;
    background-color: White;
}



.menu-right h2
{
    background-image: url(images/bg-options.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    color: white;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 4px;
}


.menu-right-container
{
    /*background-color:#709FCD; 	background-image:url(images/bg-options-footer.png); 	background-position:center bottom; 	background-repeat:no-repeat; 	color:White; 	min-height:80px;*/
    border-bottom: 1px solid #AAAAAA;
}

.options-jobs-toolbar
{
    float: right;
}

.options-jobs-toolbar ul
{
}

.options-jobs-toolbar ul li
{
    display: inline;
}

.options-jobs-toolbar
{
}


.search-panel-bar
{
    height: 22px;
    color: White;
    font-weight: bold; /*background-image:url(images/bg-accordion.png); 	background-repeat:no-repeat;*/
    background-color: #709FCD;
}

.options-jobs-toolbar div ul
{
    padding-right: 0px !important;
}

.search-panel-bar h2
{
    color: White;
    float: left;
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    padding: 2px 10px;
    position: relative;
}

.search-panel-bar img
{
    cursor: pointer;
    float: right;
    padding: 4px 8px;
    position: relative;
}

.static-job-position
{
    margin: 0 auto;
}

.job-position-main-container
{
    margin: 22px auto 0;
    width: 930px;
}

.search-panel-container
{
    background-image: url(images/bg-accordion-container.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}

.summary-error
{
    color: Red;
    padding: 20px;
}


.breadcrumb-filter-container
{
    float: left;
    padding: 5px;
    margin-left: 7px;
}
.jobs-bottom-btns
{
    float: right;
    padding: 5px;
}

.grid-complete, .full-width
{
    width: 100% !important;
}
.width-950
{
    width: 950px;
}

select
{
    border: 1px solid #ccc;
}

.generics-btns
{
    border: 1px solid #1181B2;
    background-color: #1496CD;
    color: White;
    padding: 3px;
}

.bottom-org-container
{
    padding: 5px 5px 5px 0px;
}

.bottom-btns-wrapper
{
    width: 250px;
    margin: 0 auto;
}

.modal-spacing
{
    padding: 10px;
    margin: 0 auto;
    overflow: visible;
}

.modal-spacing div + div + div
{
    text-align: right;
}

.modal-spacing p input
{
    width: 100%;
    border: 1px solid #ccc;
}

.spacing-grid
{
    padding: 5px;
}

.spacing-grid div p input[type="text"], .spacing-grid div p select
{
    color: #000;
    padding: 0px;
    display: block;
    width: 99% !important;
}

/*
.menu-right-container .gridview-top-buttons-container input[type="submit"]
{
	*padding-left:5px;
}*/

.modal-popup-wrapper
{
    margin: 0 auto;
    width: 950px;
    padding: 10px;
}



.container-modal-accordion
{
    background-color: White;
    overflow: hidden;
}

.container-modal-accordion-header
{
}

.container-modal-accordion-footer
{
    background-image: url(images/bg-accordion-bottom.png);
    background-repeat: no-repeat;
    width: 950px;
    height: 14px;
    margin: 0 auto;
}


.title-modal-accordion
{
    background-image: url(images/bg-accordion-top.png);
    background-repeat: no-repeat;
    width: 950px;
    color: White;
    padding: 5px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    margin: 0px;
    padding-left: 8px;
}

.title-modal-accordion span
{
    padding-left: 10px;
}


.container-forms div
{
    float: left;
    width: 450px;
}

.spacing-grid-position
{
    padding: 20px;
}



/* BreadCrumb como filtro de búsqueda */
.breadcrumb-filter-container
{
    background-color: #fff;
    border: solid 1px #CCCCCC;
    width: 98%;
    margin: 0 auto;
    height: 20px;
    overflow: visible;
}

.breadcrumb-filter-container div
{
    background-color: #D2E2E8;
}

.breadcrumb-filter-container ul li
{
    list-style-type: none;
    text-align: left;
}

ul.breadcrumb-filter
{
    list-style: none;
    margin: 0px;
    padding-right: 0;
    height: 20px;
}

ul.breadcrumb-filter li
{
    width: auto;
    float: left;
    color: #000000;
    cursor: pointer;
    font-size: 11px;
    position: relative;
    padding: 3px 15px 3px 5px;
    background: url(Images/breadcrumb-filter-next.png) no-repeat right top;
    text-align: left;
}

ul.breadcrumb-filter li:hover
{
    background: url(Images/breadcrumb-filter-display.png) no-repeat right top;
    border: solid 1px #2C628B;
}

ul.breadcrumb-filter ul
{
    left: 30px;
    margin: 0px;
    padding: 0px;
    display: none;
    list-style: none;
    position: absolute;
}

ul.breadcrumb-filter li:hover > ul
{
    left: -1px;
    top: 19px;
    margin: 0px;
    padding: 0px 0px 2px 0px;
    display: block;
    background: #F0F0F0;
    border: solid 1px #2C628B;
    z-index: 2;
}

ul.breadcrumb-filter li:hover > ul li
{
    color: #486A73;
    width: 130px;
    margin: 0px;
    font-weight: normal;
    padding: 2px 0px 0px 20px;
    background: url(Images/breadcrumb-disc-inactive.png) left no-repeat;
}

ul.breadcrumb-filter li:hover > ul li:hover
{
    background: url(Images/breadcrumb-disc.png) left no-repeat;
    border: none;
}

.breadcrumb-filter-wrapper
{
    width: 1000px;
    height: 21px;
}

.breadcrumb-filter li ul
{
    border: 1px solid #496A74l !important;
    background-color: #D2E2E8 !important;
    color: #333333;
}


/*Job Position*/
.textbox-area
{
    /*float:right;*/
}

.left-grid-form div, .right-grid-form div
{
    padding: 8px;
}

.left-grid-form, .right-grid-form
{
    width: 450px;
}

.wrapper-levels div, .wrapper-levels span
{
    float: left;
    width: auto;
    padding: 0px;
    margin-right: 2px;
}

.wrapper-levels
{
    margin: 0 auto;
}

.disable-state
{
    padding: 2px;
    border: 1px solid lightGrey;
    width: 342px !important;
}


.container-add div
{
    float: left;
    width: 200px;
}



.list-inline li
{
    display: inline;
}


.psycometric-wrapper
{
    width: auto;
    margin: 0 auto;
    padding: 20px;
}


/*psycometric-profile-container*/


.psycometric-profile-container
{
    overflow: hidden;
    margin: 0 auto;
    width: 979px;
    clear: both;
    border: 1px solid #ccc;
}

.psycometric-profile-container table
{
    width: 100%;
}

.psycometric-profile-container table td
{
    overflow: hidden;
}


.collapsePanelHeader
{
    width: 100%;
    background-image: url(images/bg-accordion.png);
    color: White;
    font-weight: bold;
    height: 22px;
}


.lbl-accordion-headers
{
    text-transform: capitalize;
}


.gridview-fixed-header
{
    left: 0;
    position: relative;
    top: expression(this.offsetParent.scrollTop - 2);
}

.modal-popup
{
    background-color: #ffffff;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
}

.panel-add-edit div input[type="text"]
{
    color: Black;
}

.panel-add-edit div
{
    padding-top: 5px;
}

.regular-toolbar-create-model
{
    background-image: (images/right-menu-icon-create-model.png);
    background-repeat: no-repeat;
    background-position: left center;
    width: 100px;
    color: #ccc;
    background-color: Transparent;
    font-size: 12px;
}
.regular-toolbar-view-model
{
    background-image: (images/right-menu-icon-create-model.png);
    background-repeat: no-repeat;
    background-position: left center;
    width: 100px;
    color: #ccc;
    background-color: Transparent;
    font-size: 12px;
}


/************************************/
.blue-label
{
    color: #006699;
    font-weight: bold;
}
.table-titles
{
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    border: 1px solid transparent;
}
.small-container
{
    width: 313px;
}

.btn-guardar-color
{
    position: relative;
    bottom: 59px;
    left: 2px;
}


.left-grid-color
{
}

.right-grid-color
{
}

.panel-colors-container
{
    float: left;
}

.left-aligment div
{
    text-align: left;
    width: 180px;
}

.panel-niveles div
{
    padding: 8px;
}
.panel-niveles div div
{
    padding: 0;
}


.input-color-field
{
    border: 1px solid #CCCCCC !important;
    height: 16px !important;
}

.childs-tables
{
    position: relative;
    right: 25px;
    padding: 0px;
}


#tabla_controles_exce td
{
    text-align: left;
}


.panel-niveles div div table td
{
    text-align: left !important;
}

.container-colors
{
    border: 1px solid #CCCCCC;
    margin: 10px auto 0;
    padding: 7px;
    width: 959px;
}

.grid-custom
{
    border: 1px solid #709FCD !important;
    margin: 0 auto;
    padding: 0 !important;
    width: 98%;
}

.blue-square-header
{
    background-color: #709FCD;
    font-family: Arial, Helvetica, Serif;
    color: White;
    font-weight: bold;
    font-size: 11px;
    margin: 0px;
    padding: 5px;
}

.collapsePanelHeader div
{
    width: 100% !important;
}

.collapsePanelHeader div table tr td
{
    width: 100% !important;
    overflow: hidden;
}

.psycometric-profile td
{
    overflow: hidden;
}

.table-butttons-header-options
{
    margin: 0 auto 0 218px;
    position: relative;
    width: 135px !important;
}
.header-accordion
{
}

.create-conpetence
{
}

.collapsePanel
{
    width: 100%;
    height: 100%;
}

.collapsePanel
{
    display: none;
}

.collapsePanel table + table
{
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    float: left;
    height: auto;
    width: 400px;
}

.collapsePanel table + table tr td
{
    background-color: Transparent;
    margin: 0px;
    padding: 0px;
}

.collapsePanel table tr td
{
    background-color: Transparent;
    margin: 0px;
    padding: 0px;
}

.selected-state
{
    background-color: #D2E2E8;
    border: 1px solid #ccc;
}


.container-add div
{
    float: left;
    margin: 0 !important;
    padding: 0 16px 0 0;
    width: 336px;
}

.regular-gridview-labellink-ask
{
    background-image: url(images/bg-ask.png);
    background-position: center center;
    background-repeat: no-repeat;
    height: 18px;
    margin: 0;
    padding: 0 5px !important;
    text-align: center;
    width: 17px !important;
    color: white;
}
.psycometric-content .regular-gridview-labellink-ask
{
    background-image: url(images/bg-ask.png);
    background-position: center center;
    background-repeat: no-repeat;
    height: 18px;
    margin: 0;
    padding: 2px 5px !important;
    text-align: center;
    width: 17px !important;
    color: white;
}

.chk-position
{
    padding: 10px;
}

.chart-container
{
    border: 1px solid #CCCCCC;
    float: left;
    height: 415px;
    margin: 0 auto 0 5px;
    padding: 5px;
    width: 548px;
}
/*.collapsePanel table + table  tr  td span
{
	width:10px !important;
}*/

.aligment-center table
{
    text-align: center;
    margin: 0 auto;
}
.aligment-center
{
    text-align: center;
}

.table-modal-rep
{
    width: 250px;
    margin: 0 auto;
    border: 1px solid #709FCD;
}

.ItemAlterno
{
    background-color: #E5F5FA;
    border: none;
}



.table-modal-rep tr td a:link, .table-modal-rep tr td a:visited
{
    color: #709FCD;
    text-decoration: none;
}
.table-modal-rep tr td a:hover
{
    text-decoration: underline;
}

.table-cuestionario table
{
    overflow: scroll;
    height: 500px;
    width: 100%;
}
th
{
    background-color: #709FCD;
}
.light-blue-bg
{
    background-color: #E6EEF5;
}
.align-btn-right
{
    text-align: right;
}

.align-top td
{
    vertical-align: top;
}

.btn-grados-evidencia
{
    background-image: url(images/grados-evidencia.png);
    background-repeat: no-repeat;
    width: 165px;
    height: 24px;
    border: none;
    background-color: Transparent;
}
.btn-sugerencias-entrevista
{
    background-image: url(images/sugerencias-entrevista.png);
    background-repeat: no-repeat;
    width: 165px;
    height: 24px;
    border: none;
    background-color: Transparent;
}
.btn-rangos-dominio
{
    background-image: url(images/rangos-dominio.png);
    background-repeat: no-repeat;
    width: 165px;
    height: 24px;
    border: none;
    background-color: Transparent;
}
.btn-cancelar
{
    background-image: url(images/btn_cancelar.png);
    background-repeat: no-repeat;
    width: 94px;
    height: 21px;
    border: none;
    background-color: Transparent;
    position: relative;
    bottom: 7px;
}

.h1-table-header
{
    background-color: #709FCD;
    color: White;
    font-family: Arial !important;
    font-size: 12px !important;
    height: 18px;
    padding-left: 15px;
    font-weight: bold !important;
    padding-top: 3px;
}

.border-table-padding
{
    border: 1px solid #AAAAAA;
    padding: 5px;
    margin: 0 auto;
    margin-top: 15px;
}

.no-cell-padding td
{
    padding: 0px !important;
    border: 0 !important;
    border-bottom: 1px solid #E0E0E0 !important;
}
.green-label
{
    color: #467B91;
    font-weight: bold;
    margin-left: 20px;
    margin-right: 15px;
}
table td.no-border-competencias
{
    border: 0px solid transparent !important;
}
.no-border-competencias input
{
    margin-left: 20px;
    position: relative;
}
.no-border
{
    border: 0px solid transparent !important;
}

.no-border td
{
    border: 1px solid transparent !important;
}
.modelo-competencias
{
    margin-left: 15px;
}
.modelo-competencias td
{
    height: 25px;
}
#dtgKeyElementList
{
    font-size: 12px;
    font-weight: normal;
}

.create-conpetence td
{
    overflow: hidden;
}

.general-option-container
{
    display: block;
    margin: 0 auto;
    float: left;
}


.general-option-container div table
{
    margin: 19px auto 0 223px;
    border: none;
    width: 135px;
}

.table-bottom-job-position
{
    width: 930px;
}

.create-conpetence
{
    border: 1px solid #ccc;
}

.habilidades tr + tr td div div div
{
    border: 1px solid #CCCCCC;
    float: left;
    margin-left: 7px;
    width: 556px;
    min-height: 391px;
    height: 100%;
    text-align: center;
    vertical-align: middle;
}

.habilidades tr + tr td div table
{
    float: left;
    width: 400px;
    height: 412px;
}

.blue-state
{
    background-color: #D2E2E8;
    padding: 5PX;
}

.border-panel
{
    border: 1px solid #AAAAAA;
    min-height: 302px;
    padding: 3px;
}

.general-option-container div table tr td input
{
    padding-top: 5px;
}

.general-option-container div table tr td
{
    vertical-align: bottom;
}

.set-width
{
    width: 305px !important;
    margin: 0 auto !important;
}
/****************RESIZABLE MODAL BEGINS************************************************/
.modal
{
    width: auto;
}
.modal .top
{
    background-image: url(images/top-right.png);
    background-repeat: no-repeat;
    background-position: right;
    height: 30px;
    width: 100% !important;
}
.modal .top h1
{
    background-image: url(images/top-left.png);
    background-repeat: no-repeat;
    color: white;
    font-size: 14px;
    height: 24px;
    margin: 0;
    padding-left: 15px;
    padding-top: 6px;
    width: 100% !important;
}
.modal .body
{
    background-color: white;
    padding-top: 10px !important;
    margin: 0px;
    margin-bottom: -13px;
}
.modal .bottom
{
    background-image: url(images/bottom-right.png);
    background-repeat: no-repeat;
    background-position: right bottom; /*height: 14px;*/
    margin: 0px;
}
.modal .bottom h1
{
    background-image: url(images/bottom-left.png);
    background-repeat: no-repeat;
    background-position: 0 bottom; /*height: 14px;*/
    margin: 0px;
}

/*****************************************************RESIZABLE MODAL ENDS******************************/


.dd-element span, .dd-element input
{
    float: left !important;
}

.vertical-label
{
    text-align: justify;
    vertical-align: middle;
    font-family: Arial;
    font-size: small;
    writing-mode: tb-rl;
    filter: fliph flipv;
}
.job-position-selected-row
{
    background-color: #CCFFFF !important;
}

.custom-save-buttom
{
    position: relative;
    margin-left: 10px;
}

.admin-bread-container span, .admin-bread-container div
{
    float: left;
}

.admin-bread-container div
{
    position: relative;
    width: 660px;
}

.admin-bread-container
{
    margin-left: 7px;
    width: 990px !important;
}


.general-option-container div table tr td
{
    margin: 0px;
    padding: 0px;
}

.container-add
{
    padding: 0 !important;
    width: 300px;
}

.wrapper-levels div
{
}

.chk-position
{
    padding: 1px !important;
}

.puestos-caontainer div, .puestos-caontainer span
{
    float: left;
}

.short-textbox
{
    width: 367px;
}

.background-tooltip
{
    z-index: 1000;
}

.admin-bread-container
{
    position: relative;
}

.label-admin
{
    position: relative;
    top: 10px;
    padding-right: 7px;
}

.right-aligment
{
    float: right;
    margin-right: 144px;
    margin-top: 7px;
    text-align: right;
    width: 500px;
}

.cancel-centrales
{
    bottom: 36px; *bottom:55px;
clear:both;
float:right;
margin-right:122px;
position:relative;
background-color:White;
}

.width-800
{
    width: 800px !important;
}

.height-statics-modal
{
    min-height: 400px;
}

.light-blue-bg ul
{
    padding: 0 17px;
}

.full-width
{
    height: auto !important;
    min-height: 200px !important;
    max-height: 250px !important;
    display: block;
}

.valid-summary
{
    padding-left: 27px;
}

.add-menu-toolbar
{
    border-bottom: 1px solid #AAA;
    margin: 10px auto;
    height: 18px;
}
.add-menu-toolbar img
{
    margin-left: 10px;
}

.grid-container-border
{
    padding: 5px;
    border: 1px solid #AAA;
}

.label-container-border
{
    padding: 5px;
    margin: 5px;
    border: 1px solid #AAA;
}

.img-save-competence
{
    position: relative;
    bottom: 20px;
    margin-left: 10px;
}

.border-panel-competence, .model-distribution-container
{
    border: 1px solid #AAAAAA;
    padding: 5px;
}

.form-container p
{
    padding: 10px;
}
.form-container
{
    width: 600px;
    margin: 0 auto;
}

#udpFavorites h2
{
    padding-left: 0px;
    font-size: 14px;
    font-weight: normal;
    font-family: Arial Narrow, Arial, Sans-Serif;
}

#udpFavorites h2 span
{
    padding-left: 5px;
}

.chk-interpretacion
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
}

.grid-interpretation tr td
{
    padding: 5px;
}

.water-mark-text
{
    height: 16px;
    font-size: 11px;
    color: #78838B; /*font-style: italic;*/
    text-align: center;
    background: #EAEBEE;
    border: solid 1px #A5ACB2;
    padding-top: 2px;
    width: 166px;
}

.floating-div
{
    z-index: 100;
    left: 524px;
    position: absolute;
    text-align: left;
}

.little-shadow-div
{
    display: none;
    position: absolute;
    background-color: #000000;
    opacity: 0.7;
    filter: alpha(opacity=70);
}


.grid-interpretation tr td
{
    font-size: 11px;
}


.uppercase-text
{
    text-transform: uppercase;
}

.cursor-pointer
{
    cursor: pointer;
}

.hidden-object
{
    display: none;
}
.hidden-object2
{
    /*display: none;*/
    visibility: hidden;
}

.right-align
{
    text-align: right;
}

.regular-label
{
    color: #000000; /*    font-weight: bold;*/
}


.key-container
{
    border: 1px solid #AAA; /*padding:5PX;*/
    margin: 0 auto;
    background-color: White;
}

#udpFavorites
{
    margin: 0 auto; /*	*margin:10px 0 10px 15px;*/
}

#div_edit_interpretation div
{
    /*	padding:5px;*/
}

.options-footer-btns
{
    text-align: center;
}

.options-footer-btns input, .options-footer-btns img
{
    padding: 5px;
}
.options-content
{
    padding: 3px;
}

.custom-height
{ *min-height:150px!important;
}

.width-313
{
    width: 313px;
}

.custom-domain
{
    width: 538px;
    margin: 0px;
}

.psycometric-container
{
    margin-top: 10px;
}

.psycometric-configuration-container
{
    border: 1px solid #AAAAAA;
    float: left;
    padding: 5px;
    width: 334px;
}

.psycometric-pruebas-container
{
    border: 1px solid #AAAAAA;
    float: left;
    margin-left: 10px;
    padding: 5px;
    width: 612px;
}

.psycometric-container .search-panel-bar h2
{
    color: White;
    float: left;
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    padding: 4px 10px;
    position: relative;
}

.modelos-container
{
    margin: 5px;
}

.model-distribution-container
{
    margin: 10px 0px 0px 0px;
}

.silver
{
    color: #999999;
}
.bold
{
    font-weight: bold;
}

.panel-image-select img
{
    padding-bottom: 7px;
    cursor: pointer;
}

.competence-list-header
{
    padding: 5px 0;
}

.list-competence-container table
{
    width: auto;
}

.list-competence-container
{
    margin: 0 auto;
    width: 950px;
}

.toolbar-container
{
    padding-left: 10px;
    position: relative;
    top: 3px;
}

.ckb-competence label
{
    padding-left: 5px;
    font-weight: bold;
}

.top-input
{
    top: 8px; *top:11px;
}

.padding-8px, .divButtonFinish .padding-8px
{
    padding: 8px !important;
    cursor: pointer;
}

.bg-subheadline
{
    padding: 3px;
    background-color: #D2E6F0;
    margin-bottom: 5px;
    margin-top: 1px;
}

.bg-subheadline span label
{
    padding-left: 5px;
}

.bateria-de-pruebas tr th
{
    background-color: Transparent;
    color: #999;
    font-weight: normal;
    font-size: 11px;
    text-align: left;
    width: 200px;
}

.bateria-de-pruebas
{
    display: block;
    width: 400px;
}

.bateria-de-pruebas tr th + th
{
}

.border-bottom
{
    border-bottom: 1px solid #aaa;
}

.total
{
    margin-top: 5px;
}

.inline
{
    position: relative;
    float: left;
}

.inactivos
{
    margin-top: 5px;
    width: 200px;
}

.popupModal
{
    position: relative;
    width: 600px;
    margin: 0 auto;
    border: 1px solid #aaa;
    background-color: White;
    border: 1px solid #aaa;
    z-index: 1000;
}

.popupModalReports
{
    position: absolute;
    background-color: White;
    border: 1px solid #aaa;
    z-index: 1000;
}

.toolbar-container-image-button
{
    bottom: 19px;
    padding-left: 10px;
    position: relative;
}

.nive-organizacional
{
    margin-top: 5px;
}

.inactivos span label, .seleccionar-puesto span label
{
    padding: 3px;
}

.table-header
{
    height: 20px;
    margin-bottom: 5px;
}
.upload-control
{
    width: 300px;
}


/***********LOGIN**************/

.login-container
{
    background-image: url(images/bg-login-container.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 398px;
    height: 172px;
    margin-top: 40px;
}

.login-container-fields
{
    width: 240px;
    float: left;
}

.login-container-welcome
{
    width: 142px;
    float: left;
}
.login-container-welcome p, .login-container-welcome h1
{
    padding-left: 5px;
    padding-right: 0px;
    color: White;
    font-weight: normal;
}


.login-container-welcome p, .login-container-welcome p h1
{
    width: 115px;
    margin-left: 22px;
}

.login-container-fields p
{
    text-align: right;
}

.login-container-welcome h1
{
    font-size: 16px;
    margin-top: 45px;
    margin-left: 22px;
}
.login-container-fields table p
{
    text-align: right;
}

.login-container-fields table
{
    margin: 35px 0 0 11px;
    padding: 0;
    width: auto !important;
}

.login-container-fields table tr td div label
{
    font-size: 11px;
    color: #333333;
}

.login-container-fields table tr td div
{
    text-align: right;
    padding: 5px;
}

.error-login
{
    font-size: 10px;
    color: Red;
    font-weight: bold;
    margin: 0px;
    padding-right: 0 12px 0 0;
    text-align: left;
    background-color: white;
    width: 228px;
    float: left;
}

.login-start
{
    padding-right: 8px;
}

/*Blue master 2 columns layout*/

.blue-top
{
    background-image: url(images/bg-main-container-top.png);
}

.blue-main
{
    background-image: url(images/bg-main-container.png);
    min-height: 370px;
}

.blue-main-large
{
    background-image: url(images/bg-main-container-large.JPG);
    min-height: 370px;
}

.blue-footer
{
    background-image: url(images/bg-main-container-bottom.png);
    background-position: center bottom;
}

.title-welcome
{
    font-weight: normal;
    margin: 0px;
    padding: 9px 0px;
    color: White;
    font-weight: bold;
    font-size: 13px;
    width: 850px;
}

.title-welcome cite
{
    font-weight: bold;
    color: #97D8E6;
}

.main-text p
{
    padding: 8px;
}

.main-text ul
{
    padding: 0 0 0 30px;
    margin: 0px;
}

.user-name-container
{
    width: 342px;
    float: left;
}

.hide-element
{
    display: none;
}

.enterprise-master-container
{
    width: 1000px;
}

.general-container-columns .general-container-left-column
{
    width: 410px;
    float: left;
    min-height: 100px; /*border:1px solid red;*/
    color: White ; /*Cambia CIRCULO TEC */
}



.general-container-columns .general-container-left-column p span
{
    color: White;
}

.floatleft-no
{
    float: none;
}

.general-container-columns .general-container-right-column
{
    /*border:1px solid red;*/
    float: left;
    margin-left: 40px; /*min-height:100px;*/
    width: 520px;
}
.general-container-columns .general-container-left-column p, .general-container-columns .general-container-right-column p
{
    padding: 5px;
    width: 100%;
}

.general-container-columns .general-container-left-column table td img, .general-container-columns .general-container-left-column table td p
{
    float: left;
}

.general-container-columns .general-container-left-column table td img
{
    margin-right: 5px;
}

.general-container-columns .general-container-left-column table td p
{
    width: 80%;
    padding: 0px;
}

.right-aligment-btns
{
    text-align: right;
    padding-top: 10px;
}

.general-container-columns .general-container-right-column ul
{
    padding: 0 10px 0 18px;
}

/***********candidate information page**************/

.candidate-information-container
{
    padding: 5px;
    background-color: White;
}

.candidate-information-layout
{
    background-color: White;
    margin: 5px;
}

.candidate-information-layout
{
    border: 1px solid #aaa;
}

.candidate-information-layout .header
{
    margin: 5px;
    padding: 5px;
    background-color: #709FCD;
    height: auto;
    color: White;
    font-weight: bold;
    font-size: 11px;
}

.candidate-information-layout .content
{
    margin: 5px;
    padding: 5px;
}

.span-2columns
{
    margin-left: 440px;
}

.candidate-information-save-container
{
    position: relative;
    margin: 0;
    padding: 0;
    top: 5px; *top:8px;
margin-left:10px;
}

.assign-tasks p
{
    text-align: center;
    padding: 5px;
}

/****************************************************/

.prueba-container
{
    background-image: url(images/bg-prueba-container.png);
    background-position: center top;
    background-repeat: no-repeat;
    color: White;
    float: right;
    font-size: 12px;
    font-weight: bold;
    height: 13px;
    margin: 0;
    padding: 7px 5px;
    position: relative;
    right: 30px;
    text-align: center;
    top: 16px;
    width: 112px;
}

#title-master-page
{
    float: left;
    width: 244px;
}

#pueba-contador
{
    float: right;
}
/*Interactive Defaul Button */
.input-button-submit
{
    border: 1px solid #AAA;
    background-image: url(images/bg-btns.png);
    padding: 2px 10px 1px 10px;
    color: #636363;
    cursor: pointer;
}

/*******************************/
.general-container-left-column h1
{
    font-family: Arial,Verdana,Sans-Serif;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 5px;
}

.general-container-right-column h1
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 13px;
    font-weight: bold;
    color: #333333;
    text-transform: capitalize;
    margin-top: 80px;
}
.general-container-right-column h2
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 13px;
    font-weight: bold;
    color: #333333;
    text-transform: capitalize;
    margin-top: 10px;
}

.general-container-right-column h3
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    color: #73B3D2;
    margin-top: 10px;
    
}

.input-more-less
{
    width: 20px;
    border: 1px solid #ccc;
}


/*Prueba Comportamiento*/
.float-left-container
{
    float: left;
}

.ask-container
{
    float: left;
    width: 180px;
}
.ask-container a
{
    color: #3789B0;
    font-size: 12px; /*display:block;*/
}

.general-container-right-column .border-top
{
    border-top: 1px solid #AAA;
    padding: 20px 10px 5px 10px !important;
    text-align: center;
}

.squere-input
{
    width: 50px;
    border: 1px solid #ccc;
}

.square-box
{
    width: 60px;
    float: left;
    margin: 2px;
    border: 1px solid #ccc;
}
.square-box-disable
{
    width: 60px;
    float: left;
    margin: 2px;
    border: 1px solid #ccc;
    background-color: #eee;
    color: #666;
}


.square-container
{
    width: 400px;
     
    float: left;
    height: auto;
    clear: both;
    margin: 0 auto;
}

.center-alignment
{
    text-align: center;
    margin: 0 auto;
}

.rigth-alignment
{
    text-align: right;
    margin: 0 auto;
}

.header-repeater
{
    color: #6493AA;
    min-width: 20px;
}
.header-repeater-white
{
    color: white;
}

.fpreg
{
    font-weight: bold;
    color: #6493AA;
}

.mystyle30
{
    color: #666;
    width: 30px;
    border: 1px solid #ccc;
}

.width20
{
    color: #666;
    width: 20px;
    border: 1px solid #ccc;
}

.txtbox-columns
{
    float: left;
    margin-top: 10px;
    width: 162px;
}

.txtbox-columns2
{
    float: left;
    width: 230px;
    margin-top: 10px;
}

.txtbox-cols-data
{
    padding: 2px 0 2px 10px;
    clear: both;
    overflow: visible;
    width: 200px;
}

.answers-text-box
{
    float: left;
    padding: 0 0 3px 3px;
}

.questions-table
{
    width: 100%;
    margin: 0 auto;
    min-height: 140px;
}


.general-container-left-column .fpreg, .center-alignment table tr td span .fpreg
{
    color: White !important;
}


.general-container-left-column div a
{
    color: White !important;
}

.shadow-div
{
    z-index: 1;
    top: 0px;
    left: 0px;
    width: 1px;
    height: 1px;
    display: none;
    position: absolute;
    background-color: #666;
    border: solid 1px #DDDEE1;
    width: 200px; 
    Filter:Alpha(Opacity=70, FinishOpacity=0, Style=0, StartX=0, StartY=0, FinishX=0, FinishY=0);
}
.popupModal
{
    position: fixed;
    width: 650px;
    z-index: 12; /*left: 24%; */
    top: 35%;
    padding: 10px;
    overflow: visible;
    background: White;
    text-align: center;
    border: 1px solid #000000;
    margin-left: 164px;
}



.divTimeToWork
{
    margin: 5px 0 10px 15px;
}
.divTimeToWork SPAN
{
    color: white;
    font-size: 14px;
}

.divButtonFinish
{
    margin: 0 10px 0 10px;
}


.divTimeToWork
{
    margin: 0 auto;
    margin-top: 60px;
}
.divTimeToWork span
{
    color: white;
    font-size: 14px;
    display: block;
}

/*divTimeToWork img
{
	 width:395px;
	 height:11px;
	display:block;
}*/


.left-aligment-content
{
    text-align: left;
}

.signStyle
{
    font-weight: bold;
    color: #6493AA;
    font-size: 42px;
    text-decoration: none;
    padding: 0;
    position: relative;
    text-decoration: none;
    bottom: 5px;
}

.plus-container
{
    width: 322px;
    margin: 0 auto;
    background-color: #6493AA;
}

.sign-parent
{
    background-image: url(images/bg-plus-sign.png);
    background-repeat: no-repeat;
    width: 40px;
    margin: 10px;
    padding: 0px;
    height: 40px;
}
.sign-container
{
    padding: 5px 5px 5px 5px;
}

.plus-container div table tr td
{
    text-align: left;
    padding: 0px;
    margin: 0px;
}

.question-container
{
    width: 220px;
    overflow: auto;
}

.question-container table
{
    width: 100%;
    margin-top: 10px;
}
D:\VSS Pyxoom\Pyxoom Enterprise\Olympus_Release\Interview\ .plus-top-container
{
    background-image: url(images/bg-plus-container-top.png);
    width: 322px;
    height: 9px;
}

.plus-bottom-container
{
    background-image: url(images/bg-plus-container-bottom.png);
    width: 322px;
    height: 9px;
}

.general-container-left-column ul, .general-container-left-column p ul
{
    padding: 0px 5px 0px 15px;
    list-style-type: none;
    margin: 5px;
}

.percentImage
{
    background: url(images/percentImage_back.png);
    background-repeat: no-repeat;
    background-color: Transparent !important;
    padding: 0;
}
.mystyledisable
{
    font-family: Arial, Helvetica, sans-serif;
    color: #003068;
    text-decoration: none;
    background-color: #EEEEEE;
    border: solid 1px #88A0C8;
}

.list-area textarea
{
    width: 120px;
}

.ci .height-toolbar input, .ci .height-toolbar img
{
    position: relative;
    left: 10px;
}
.validation ul
{
    margin-left: 20px;
}

.width-70
{
    width: 70px;
}


.grid-view-row-alternate
{
    background-color: #D5E3EE;
}

.white-screen
{
    display: none !important;
}

.answer-paged-bar
{
    padding: 0px;
    background: url(images/answer-paged-bar.png) no-repeat center;
    height: 36px;
    margin-bottom: 10px;
}

#divNavigatorBar a
{
    margin: 5px;
    color: #FFFFFF;
    cursor: pointer;
}

#divNavigatorBar a:hover
{
    font-weight: bold;
    font-size: 15px;
    margin: 5px;
    margin-bottom: 3px;
}

.pictures-frame
{
    width: 306px;
    height: 201px;
    border: solid 1px #000000;
}



/* Tabs para control de Agregar Persona */

#ulTabs.tabs
{
    margin: 0;
    padding: 0px;
    float: left;
    list-style: none;
    height: 27px;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    width: 100%;
}

#ulTabs.tabs li
{
    float: left;
    margin: 0;
    padding: 0;
    height: 26px;
    line-height: 26px;
    border: 1px solid #999;
    border-left: none;
    margin-bottom: -1px;
    overflow: hidden;
    position: relative;
    background: #e0e0e0;
}
#ulTabs.tabs li a
{
    text-decoration: none;
    color: #000;
    display: block;
    font-size: 1.2em;
    padding: 0 20px;
    border: 1px solid #fff;
    outline: none;
    font-size: 12px;
    font-weight: bold;
}

#ulTabs.tabs li a:hover
{
    background: #ccc;
}

#ulTabs.tabs li.active
{
    background: #fff;
    border-bottom: 1px solid #fff;
}

.tab_container
{
    border: 1px solid #999;
    border-top: none;
    overflow: hidden;
    clear: both;
    float: left;
    width: 100%;
    background: #fff;
}

.tab_content
{
    padding: 10px;
    font-size: 12px;
    height: 450px;
    overflow: auto;
}


.employer-container
{
    border: 1px solid #aaa;
    height: auto !important;
    padding: 5px;
}
.border-line-gridview
{
    border: solid 1px #E0DFE3;
    padding: 2px;
}
.lefth
 {
     text-align:left !important;
 }
 .csItem
 {
     border: solid 1px #E0DFE3;
     padding: 2px;
     padding-bottom:2px;
     padding-right:2px;
     padding-left:5px;
     padding-top:2px;
 }
 
 .column-value-item
 {
     width: 22px;
     text-align: center;
     color: #000;
     font-weight: bold;
     clear: none;
 }
 
 