body
{
    background-color: #F8F8F8; /*background-color: #F5F5F5;*/
    width: 100%;
    min-width: 1000px;
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 75%;
    color: #666666;
    background-position: top center;
}

.CMS
{
    min-width: 1000px;
    width: 100%;
    margin: 0 auto;
}
.headerContainer
{
    margin: 0 auto;
    width: 1000px;
    background-color: #FFFFFF;
    border: solid 1px #CCCCCC;
    padding-top: 10px;
    background-image: url(backgrounds/Bg1.png);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 70px;
    color:White;
}




/*Header*/
.header
{
    padding-top: 5px;
    height: 75px;
    padding-bottom: 10px;
    clear: both; /*background-color: #F5F5F5;*/
    background-color: #F8F8F8;
    font-weight: bold;
}
.header .logo
{
    height: 80px;
    float: left;
    background-repeat: no-repeat;
    display:none;
}
.header .utility_options
{
    display:none;
    
    margin-top:-5px;
    width: 200px;
padding-left: 790px; 
    font-size:11px;
}
.header select
{
       font-size:10px;
}

/*Application Options*/
.header .application_options
{
    width: auto;
    float: left;
    margin-right: 20px;
}
.header .application_label
{
    font-size: 1em;
    padding-top:5px;
}
.header .application_select
{
}
.header .application_select .ApplicationCombo
{
    font-size: 1em;
}
/*End Application Options*/
/*Application Options*/
.header .language_options
{
    width: auto;
    float: left;
    margin-right: 20px;
}
.header .language_label
{
    font-size: 1em;
}
.header .language_select
{
}
.header .language_select .LanguageCombo
{
    font-size: 1em;
}
/*End Application Options*/
/*User Information*/
.header .user_information
{
    width: auto;
    float: left;
}
.header .user_welcome
{
    font-size: 1em;
    font-weight: bold;
}
.header .user_options
{
    font-size: 1em;
}
.header .user_options a
{
    font-size: 1em;
    text-decoration: none;
    color: #666666;
}
.header .user_options a:hover
{
    font-size: 1em;
    text-decoration: underline;
    color: #666666;
}
.header .user_options .Separator
{
    margin-right: 5px;
}
.header .user_options .ChangePassword
{
    margin-right: 5px;
}
.header .user_options .Help
{
    margin-right: 5px;
}

.UserLabel
{
    display:none;
}

 .LogOut
{

    padding-top:0px;
    padding-left: 960px; 
    font-family: Arial Black;
    color:White
}
/*End User Information*/
.clear
{
    width: 100%;
    clear: both;
}
/*Global Navigation*/
.content_wrapper
{
    width: 1000px;
    margin: 0 auto; /*background-color: #f5f5f5;*/
    background-color: #F8F8F8;
}
.global_navigation
{
    width: 100%;
    border-bottom: solid 1px #CCCCCC;
}
/*Content Area*/
.content_area
{
    width: 1000px;
    margin-left: 0px;
    min-height: 420px;
    background-color: #FFFFFF;
    border: solid 1px #CCCCCC; /*visibility:hidden;*/
    margin-top: 1px;
    padding-top: 15px;*/
    padding-bottom: 15px;
}
/*Side Navigation*/
.side_navigation
{
    display: none;
    visibility: hidden;
}
.action_area
{
    /*width: 83%;*/ /*border-left: solid 1px #cccccc;*/
    padding-left: 10px;
    padding-right: 10px;
    width: 980px;
}
/*Toolbar*/
.ToolBar
{
    height: auto;
}
.ToolBar#objCRUDToolBarHeader
{
    margin-top: 10px;
    height: auto;
}

#crudToolBarDetail
{
    margin-top: 10px;
    height: auto;
}

.ToolbarContainer
{
    width: 100%;
    height: 30px;
    clear: both;
}
.ToolBar .ToolbarTitle
{
    font-size: 1.5em;
    color: #38aad0;
    width: auto;
    float: left;
}
.ToolbarButtonsBar
{
    float: right;
    width: auto;
}

/*Botones*/

#buttonSearch, #buttonReset
{
    cursor: pointer;
    border: solid 1px #CCCCCC;
    background-color: #E9FFDB;
    width: 80px;
    text-align: center;
    text-decoration: none;
    color: #004B5D;
    font-weight: bold;
    height: 22px;
}


a.ToolbarButton
{
    float: left;
    margin-left: 5px;
    cursor: pointer;
    display: block;
    border: solid 1px #CCCCCC;
    background-color: #F9FFCC;
    width: 80px;
    text-align: center;
    text-decoration: none;
    color: #004B5D;
    font-weight: bold;
    height: 19px;
    padding-top: 3px;
}

.WaitWindow
{
    margin-left: 5px;
    text-align: center;
    width: 100%;
    border: solid 1px #CCCCCC;
    background-color: #F9FFCC;
    font-weight: bold;
    height: 19px;
    padding-top: 3px;
    color: #004B5D;
}


a.ToolbarButton:hover
{
    float: left;
    margin-left: 5px;
    cursor: pointer;
    display: block;
    border: solid 1px #CCCCCC;
    background-color: #F9FFCC;
    width: 80px;
    text-align: center;
    text-decoration: underline;
    color: #004B5D;
    font-weight: bold;
    height: 19px;
    padding-top: 3px;
}

a.ToolbarButtonDisabled
{
    float: left;
    margin-left: 5px;
    display: block;
    border: solid 1px #CCCCCC;
    background-color: #F9FFCC;
    width: 80px;
    height: 19px;
    padding-top: 3px;
    text-align: center;
    text-decoration: none;
    color: #CCCCCC;
    font-style: italic;
}


/*Search*/
.PanelSearch
{
    margin-top: 10px;
}
.PanelSearchForm
{
    padding: 10px;
    background-color: #f2f2f2;
    font-size: 1em;
    margin-bottom: 10px;
}
.PanelSearchForm td
{
    padding-bottom: 2px;
}
.PanelSearchForm input
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}
.PanelSearchForm select
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

/*Results*/

.PanelSearchResults
{
    padding: 10px;
    background-color: #f2f2f2;
    font-size: 0.912em;
    height: auto;
}

.PanelBlue
{
    padding: 10px;
    background-color: #EDEFFF;
    font-size: 0.912em;
    height: auto;
}

.PanelYellow
{
    padding: 10px;
    background-color: #f9ffcc;
    font-size: 0.912em;
    height: auto;
}



.PanelSearchResultsTitle
{
    height: 25px;
}
.PanelResultsGrid
{
    height: auto;
}
.GridView
{
    width: 97%;
    height: 20px;
    padding: 0;
    margin: 0;
    border-collapse: collapse; /*table-layout:fixed;*/
}
.GridView .GridViewItem
{
    background-color: #FFFFFF;
    color: #666666;
}

.GridView .GridViewSelectableItem
{
    background-color: #FFFFFF;
    cursor: hand;
}

.GridView .GridViewAlternatingItemYellow
{
    background-color: #f9ffcc;
}



.GridView .GridViewAlternatingItem
{
    background-color: #FAFAFA;
}

.GridView .GridViewSelectableAlternatingItem
{
    background-color: #FAFAFA;
    cursor: hand;
}


.GridViewItem a:link, .GridViewItem a:active, .GridViewItem a:visited, .GridViewItem a:hover
{
    color: #666666;
    text-decoration: none;
}

.GridViewAlternatingItem a:link, .GridViewAlternatingItem a:active, .GridViewAlternatingItem a:visited, .GridViewAlternatingItem a:hover
{
    color: #666666;
    text-decoration: none;
}

.GridViewSelectedItem
{
    background-color: #FFFFD6;
    color: #666666;
    font-weight: bold;
    text-decoration: none;
}

.GridViewSelectedItem a:link, .GridViewSelectedItem a:active, .GridViewSelectedItem a:visited, .GridViewSelectedItem a:hover
{
    color: #666666;
    text-decoration: none;
}

.GridViewSelectableItem a:link, .GridViewSelectableItem a:active, .GridViewSelectableItem a:visited, .GridViewSelectableItem a:hover
{
    color: #666666;
    text-decoration: none;
}

.GridViewSelectableAlternatingItem a:link, .GridViewSelectableAlternatingItem a:active, .GridViewSelectableAlternatingItem a:visited, .GridViewSelectableAlternatingItem a:hover
{
    color: #666666;
    text-decoration: none;
}


.GridView td
{
    border: solid 1px #999999;
    padding: 5px;
}


.GridView th
{
    border: solid 1px #999999;
    padding: 5px;
}

.GridView .GridViewHeader
{
    background-color: #999999;
    color: #FFFFFF;
    font-weight: bold;
}



.grvList_DIV
{
    min-height: 60px;
    max-height: 160px;
    width:980px;
}

/*Content*/
/*Search*/
.PanelContents
{
    margin-top: 10px;
    height: auto;
}
.PanelContentTitle
{
    margin-top: 10px;
}
.PanelContentTitle_Add
{
    background-image: url(icons/ico-content-add.png);
    background-repeat: no-repeat;
    height: 25px;
    padding-top: 7px;
    padding-left: 32px;
    border-bottom: #CCCCCC 1px solid;
    margin-bottom: 10px;
}
.PanelContentTitle_Edit
{
    background-image: url(icons/ico-content-edit.png);
    background-repeat: no-repeat;
    height: 25px;
    padding-top: 7px;
    padding-left: 32px;
    border-bottom: #CCCCCC 1px solid;
    margin-bottom: 10px;
}
.PanelContentTitle_Delete
{
    background-image: url(icons/ico-content-delete.png);
    background-repeat: no-repeat;
    height: 25px;
    padding-top: 7px;
    padding-left: 32px;
    border-bottom: #CCCCCC 1px solid;
    margin-bottom: 10px;
}
.PanelContentTitle_Search
{
    background-image: url(icons/ico-search.png);
    background-repeat: no-repeat;
    height: 25px;
    padding-top: 7px;
    padding-left: 32px;
    border-bottom: #CCCCCC 1px solid;
    margin-bottom: 10px;
}




.PanelContentForm
{
    font-size: 1em;
    margin-bottom: 10px;
}
.PanelContentForm td
{
    padding-bottom: 2px;
}
.PanelContentForm input
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}
.PanelContentForm select
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}
.PanelContentForm .ContentTitle
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.167em;
    font-weight: bold;
    color: #38aad0;
    margin-bottom: 10px;
}

/*Tab*/
.PanelContentTabOptions
{
    /*background-color:#f2f2f2;*/
    font-size: 1em;
    margin-bottom: 10px;
}
.tab_navigation
{
    height: auto;
}
.tab_navigation .TabbedPanelsTabGroup
{
}
.tab_navigation ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
    height: 30px;
}
.tab_navigation li
{
    list-style-type: none;
    float: left;
}

.tab_navigation .TabbedPanelsTab
{
    padding: 8px 10px 6px 10px;
    margin-right: 10px;
}
.tab_navigation .TabbedPanelsTabSelected
{
    padding: 8px 20px 6px 20px;
    margin-right: 10px;
    font-weight: bolder;
    background-color: #f2f2f2;
    border-bottom: #FFFFFF;
    position: relative;
    top: 1px;
}
.tab_navigation a
{
    text-decoration: none;
    color: #666666;
}
.tab_navigation a:hover
{
    text-decoration: underline;
    color: #666666;
}
/*Tabla*/
#tblControls
{
    width: 100%;
    margin-bottom: 10px;
    border-collapse: collapse;
}

#tblControls td
{
    border-collapse: collapse;
}

.TabbedPanelsContentGroup
{
    background-color: #f2f2f2;
    padding: 20px;
}

.ComboBox
{
    font-size: 11px;
    color: #324452;
    border-color: #CCCCCC;
    border-width: 1px;
    border-style: solid;
}
.TextBox
{
    border: 1px solid #CCCCCC;
    font-size: 11px;
    color: #324452;
    font-family: Arial, Helvetica, sans-serif;
}
.AutoCompleteTextBox
{
    font-size: 11px;
    border-color: #CCCCCC;
    border-width: 1px;
    border-style: solid;
    color: #324452;
    background-image: url(backgrounds/find_text.png);
    background-repeat: no-repeat;
    background-position: top right;
    width: 800px;
    font-family: Arial, Helvetica, sans-serif;
}

.Typeahead
{
    background-image: url(backgrounds/find_text.png);
    background-repeat: no-repeat;
    background-position: center right;
  
}


.InputFile
{
    font-size: 11px;
    border-color: #7F9DB9;
    border-width: 1px;
    border-style: solid;
    padding-left: 1px;
    color: #324452;
    width: 220px;
}
.Label
{
    font-size: 11px;
    color: #324452;
}

.LabelBold
{
    font-size: 11px;
    color: #324452;
    font-weight: bold;
}
.LabelMediumBold
{
    font-size: 13px;
    color: #324452;
    font-weight: bold;
}

.LabelLargeBold
{
    font-size: 18px;
    color: #324452;
    font-weight: bold;
}


.TabbedPanelsContent
{
    background-color: #F0F0F0;
}

/* START HOME TABBED CONTENT */
.TabbedPanels
{
    text-align: left;
    margin: 0px;
    padding: 0px;
    float: left;
    clear: none;
    width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
    margin-top: 20px;
}
.TabbedPanelsTabGroup
{
    margin: 0px;
    padding: 0px;
}
.TabbedPanelsTab
{
    height: auto;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 0px 1px 0px 0px;
    font-size: 11px;
    font-weight: bold;
    color: #324452;
    list-style: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    cursor: pointer;
    background-color: #FFFFFF;
    border-left: solid;
    border-left-color: #FFFFFF;
    border-left-width: 1px;
}
.TabbedPanelsTabHover
{
    color: #333333;
}
.TabbedPanelsTabSelected
{
    border-left: solid 1px #CFCFCF;
    border-top: solid 1px #CFCFCF;
    border-right: solid 1px #CFCFCF;
    border-bottom: solid 1px #F0F0F0;
    background-color: #F0F0F0;
}
.TabbedPanelsTab a
{
    color: #729F9A;
    text-decoration: none;
}
.TabbedPanelsContentGroup
{
    clear: both;
    border-left: solid 1px #CFCFCF;
    border-bottom: solid 1px #CFCFCF;
    border-top: solid 1px #CFCFCF;
    border-right: solid 1px #CFCFCF;
    background-color: #F0F0F0;
    height: auto;
    width: 938px;
    padding: 5px;
}
/*AutoComplete flyout */

.autocomplete_completionListElement
{
    margin: 0px;
    margin-top: 16px;
    padding-left: 0px;
    background-color: inherit;
    color: windowtext;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: 'default';
    overflow: auto;
    height: 200px;
    text-align: left;
    list-style-type: square;
    font-family: Arial;
    font-size: 11px;
    visibility: hidden;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
    margin: 0px;
    background-color: #ffff99;
    color: black;
    padding: 1px;
    font-family: Arial;
    font-size: 11px;
}

/* AutoComplete item */

.autocomplete_listItem
{
    margin: 0px;
    background-color: window;
    color: windowtext;
    padding: 1px;
    font-family: Arial;
    font-size: 11px;
}

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeader a
{
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

.accordionHeader a:hover
{
    background: none;
    text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected a
{
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

.accordionHeaderSelected a:hover
{
    background: none;
    text-decoration: underline;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px solid #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

#loading-div-background
{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background: black;
    width: 100%;
    height: 100%;
    z-index: 999;
}
#loading-div
{
    width: 300px;
    height: 150px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    padding-top: 40px;
    margin-left: -150px;
    margin-top: -100px;
    z-index: 999;
    background-color: #FFFFFF;
    background-image: url(icons/white.jpg);
    background-repeat: repeat;
}

.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.70;
}

.ButtonClose
{
    background-color: #BA4B3C;
    border-bottom-style: solid;
    border-color: #BA4B3C;
    border-style: groove;
    width: 25px;
    height: 25px;
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    color: White;
}

.ActionButton
{
    background-color: #848BB5;
    color: White;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}

.PrintButton
{
    background-color: #848BB5;
    color: White;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}


.ActionPanel
{
    padding: 10px;
    background-color: #EDF2FF;
}

.GridViewItemLink a:link, .GridViewItemLink a:active, .GridViewItemLink a:visited
{
    color: blue;
    font-weight: bold;
    text-decoration: underline;
}

.GridViewAlternatingItemLink a:link, .GridViewAlternatingItemLink a:active, .GridViewAlternatingItemLink a:visited
{
    color: blue;
    font-weight: bold;
    text-decoration: underline;
}


.ui-tabs
{
    position: relative;
    padding: 0px;
    zoom: 1;
}
/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav
{
    margin: 0;
    padding: .2em .0 0;
}
.ui-tabs .ui-tabs-nav li
{
    list-style: none;
    float: left;
    position: relative;
    top: 1px;
    margin: 0 .2em 1px 0;
    border-bottom: 0 !important;
    padding: 0;
    white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a
{
    float: left;
    padding: .5em 1em;
    text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected
{
    margin-bottom: 0;
    padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a
{
    cursor: text;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a
{
    cursor: pointer;
}
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel
{
    display: block;
    border-bottom: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
    border-left: 1px solid #aaaaaa;
    padding: 1em 1.4em;
    background: none;
}
.ui-tabs .ui-tabs-hide
{
    display: none !important;
}