﻿/************************************** Top Level ************************************************/
/************** Estilo para classes que compõe as Listagens (Edit e Base) ************************/
/************************************ Classes Gerais *********************************************/
/*************************************************************************************************/

/**************************************************************/
/*********************** Lista do Edit ************************/
/**************************************************************/
#ContentPane > .listWrapper
{
    height: auto;
}
.listWrapper h2
{
    background: none;

    border:none;
    
    display: block;
    color: #FFF;
    font-size: 1.2em;
    padding: 5px 0 5px 20px;
    min-height: 13px;
    
    -moz-border-radius: 4px 4px  0px 0px ;
    -webkit-border-radius: 4px 4px  0px 0px ;
    -o-border-radius: 4px 4px  0px 0px  ;
    -ms-border-radius: 4px 4px  0px 0px  ;
    -khtml-border-radius:4px 4px  0px 0px ;
    border-radius:4px 4px  0px 0px ;
}
.listWrapper .actionsList
{
    overflow: hidden;
    height: 1%;
}
.listWrapper > .actionsList
{
    height: auto;
}
.listWrapper .actionsListLeft, .listWrapper .actionsListRight
{
   
    padding: 0 10px;
    overflow: hidden;
}
.listWrapper .actionsListLeft li, .listWrapper .actionsListRight li
{
    float: left;
}
.listWrapper .actionsListLeft a, .listWrapper .actionsListRight a
{
    
    text-decoration: none;
    display: block;
    float: left;
    font-size: 1.1em;
    margin: 0 20px 0 0;
    padding: 5px 0 5px 20px;
    background-position: left 4px;
    background-repeat: no-repeat;
}
.listWrapper .actionsListRight a
{
    margin: 0 0 0 20px;
}
.listWrapper .actionsListLeft a:hover, .listWrapper .actionsListRight a:hover
{
    background-position: left -14px;
}
.listWrapper .actionsListLeft
{
    float: left;
}
.listWrapper .actionsListRight
{
    float: right;
}
.addActionList
{
    background-image: url(../Images/DataGridAdd.png);
}
.deleteActionList
{
    background-image: url(../Images/DataGridRemove.png);
}
.PrintActionList
{
    background-image: url(../Images/DataGridPrint.png);
}
.refreshActionList
{
    background-image: url(../Images/DataGridRefresh.png);
}
.settingsActionList
{
    background-image: url(../../../_img/settings_32_test.png);
}
.listWrapper .pagening
{
    background: #FFF;
    text-align: center;
    padding: 4px;
    overflow: hidden;
}
.listWrapper .pagening select
{
    margin-left: 20px;
}
.listWrapper .pagening a
{
    text-decoration: none;
    font-size: 1.1em;
    padding: 4px;
}
.listWrapper .pagening a:hover
{
    text-decoration: underline;
}

.listWrapper .pagening p
{
    font-size: 1.1em;
    float: right;
    padding: 0 10px;
    margin-top: -1.5em;
}
.listWrapper .pagening p strong
{
    font-weight: bold;
}
.listWrapper .abcFilterList
{
    background: #fff;
    text-align: center;
    padding: 6px;
    font-size: 1.1em;
}
.listWrapper .abcFilterList a
{
    text-decoration: underline;
    padding: 0 4px 0 2px;
    margin: 0;
}
.listWrapper .abcFilterList a.activo
{
    color: #000;
    font-size: 1.6em;
    text-decoration: none;
}
.listWrapper table
{
    border: none;
    border-collapse: collapse;
    color: #FFF;
    width: 100%;
    /*display: block;*/
    margin: 0;
}
.listWrapper table tbody
{
    color: #FFF;
}
.listWrapper table td
{
    padding: 0;
   
    white-space: nowrap;
    color: #FFF;
    font-size: 1.1em;
    line-height: 1.8em;
    padding: 0 5px 0 10px;
    cursor: pointer;
}

.listWrapper table .firstTDList
{
    width: 1.5em;
    padding: 0;
    margin: 0 2px 0 0;
    text-align: center;
}
.listWrapper table .firstTDList input
{
    margin: 4px 0 2px 0;
    padding: 0;
}
.listWrapper table .editTDList, .listWrapper table .detailWrapper
{
    width: 1.5em;
    border: none;
    cursor: default;
    margin: 0;
    padding: 0;
}


/**************************************************************/
/*********************** Lista do Módulo **********************/
/**************************************************************/
.flatListWrapper table thead, .flatListWrapper table tbody, .flatListWrapper table thead tr, .flatListWrapper table tbody tr /* .flatListWrapper table tbody, .flatListWrapper table tbody tr, .flatListWrapper table tbody tr td */
{
    width: 100% !important;
    /*display: block;*/
}
.flatListWrapper table thead tr, .flatListWrapper table tbody tr
{
    cursor: pointer;
}
.flatListWrapper table
{
    background: #fff !important;
}
.listWrapper table td
{
    white-space: normal !important;
}
.flatListWrapper table thead th
{

    padding-left: 10px;
    padding-right: 5px;
    font-size: 1.1em;
}
.flatListWrapper table tbody, .flatListWrapper table tbody tr, .flatListWrapper table tbody td
{
    background: #fff;
    border-left: none;
}
.flatListWrapper table tbody .firstTDList
{
    width: 1.5em;
    padding: 0;
    margin: 0 2px 0 0;
    text-align: center;
    background: transparent !important;
}
.flatListWrapper table tbody .firstTDList input
{
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}
.flatListWrapper table .editTDList
{
    width: 1.5em;
    background: none;
    cursor: default;
    margin: 0;
    padding: 0 5px;
}

.flatListWrapper table tr.blue, .flatListWrapper table tr.blue *
{
    background: #99ccff url(../../../_img/whitepx.gif) repeat-x left bottom !important;
    color: #666699 !important;
}
.flatListWrapper table tr.green, .flatListWrapper table tr.green *
{
    background: #ccffcc url(../../../_img/whitepx.gif) repeat-x left bottom !important;
    color: #666699 !important;
}
.flatListWrapper table tr.yellow, .flatListWrapper table tr.yellow *
{
    background: #ffff99 url(../../../_img/whitepx.gif) repeat-x left bottom !important;
}
.flatListWrapper table tr.red, .flatListWrapper table tr.red *
{
    background: #FA6161 url(../../../_img/whitepx.gif) repeat-x left bottom !important;
}
.flatListWrapper table tr.bold, .flatListWrapper table tr.bold *
{
    color: #000 !important;
}
.flatListWrapper table .editTDList a
{
    background: url(../../../_img/listingActionEdit.gif) no-repeat !important;
    width: 15px;
    height: 15px;
    display: block;
    text-indent: -9999px;
}
.flatListWrapper table .editTDList a:hover
{
    background: url(../../../_img/listingActionEditOver.gif) no-repeat !important;
}

/**************************************************************/
/********************** Caixa de Pesquisa *********************/
/**************************************************************/
.searchWrapper
{
    height: 1%;
    margin-bottom: 10px;
}
.searchWrapper h2
{
    
    background: none;

    border:none;
    
    display: block;
    color: #FFF;
    font-size: 1.2em;
    padding: 5px 0 5px 20px;
    min-height: 13px;
    
    -moz-border-radius: 4px 4px  0px 0px ;
    -webkit-border-radius: 4px 4px  0px 0px ;
    -o-border-radius: 4px 4px  0px 0px  ;
    -ms-border-radius: 4px 4px  0px 0px  ;
    -khtml-border-radius:4px 4px  0px 0px ;
    border-radius:4px 4px  0px 0px ;
    
}
.searchWrapper input
{
    
    font-size: 1.1em;
    padding: 2px 4px;
    
}
.searchWrapper fieldset
{
    overflow: visible; /*z-index: 7;*/
}
.searchWrapper fieldset.advancedSearch
{
    float: left;
}
.searchWrapper fieldset fieldset
{
    width: 60%;
    margin-left: 1.4em;
    padding: 4px;
    display: block;
}
.searchWrapper fieldset fieldset input
{
    margin-bottom: 5px;
}
.searchWrapper fieldset fieldset img
{
    float: left;
}
.searchWrapper fieldset fieldset label
{
    margin-top: 3px;
}
.searchWrapper .formField
{
    clear: both;
}
.searchWrapper .formField label, .searchWrapper .left50 label, .searchWrapper .right50 label
{
    color: #162538;
    font-size: 1.1em;
    display: block;
    margin-bottom: 2px;
}
.searchWrapper .formField input.searchVarTB
{
    width: 100% !important;
    float: left;
}
.searchWrapper .left50 input, .searchWrapper .right50 input
{
    float: left;
}
.searchWrapper .formField.left50, .searchWrapper .left50
{
    width: 50%;
    float: left;
    clear: left;
}
.searchWrapper .formField.right50, .searchWrapper .right50
{
    width: 50%;
    float: right;
    clear: right;
}

.searchWrapper .InputDiv
{
    width: 99%;

    margin-bottom: 0;
    padding: 5px 0 5px 0; /*z-index: 10; */
    padding-left: 1%;
}

.searchWrapper p.inputs
{
    padding-left: 7em;
    margin-bottom: 0;
    padding: 5px 0 5px 1em; /*z-index: 10; */
}
.searchWrapper p.inputs input
{
    width: auto;
    background: none;
    border: none;
    cursor: pointer;
}
.searchWrapper p.inputs .submitBtn2, .searchWrapper p.inputs .resetBtn, .searchWrapper p.inputs a
{
    text-decoration: none;
    font-size: 0.9em;
    text-align: center;
    padding: 0;
    margin: 0;
    background: url(../../../_img/searchInputBG.gif) center center no-repeat;
    height: 2.2em;
    margin-left: 10px;
    line-height: 2.2em;
    width: 8em;
}
.searchWrapper p.inputs .resetBtn
{
    width: 6em;
    background: url(../../../_img/resetInputBG.gif) center center no-repeat;
}
.searchWrapper p.inputs a
{
    width: 6em;
    background: url(../../../_img/resetInputBG.gif) center center no-repeat;
    display: block;
    float: left;
}
.searchWrapper fieldset #btnPesquisa1Div
{
    width: 28%;
    float: right;
}
.searchWrapper .filterCmds
{
    float: right;
    margin-top: -4em;
    margin-right: 10px; /* position: absolute; 	right: 10px; 	top: 10px; */
}
.searchWrapper .filterCmds input
{
    width: auto;
    background: none;
    border: none;
    cursor: pointer;
}
.searchWrapper .filterCmds a
{
    text-decoration: none;
    font-size: 1em;
    line-height: 2.2em;
    background: url(../../../_img/NewIcons/pesquisa_avancada.png) center center no-repeat;
    width: 144px;
    height: 25px;
    padding-left: 10px;
    float: left;
    text-align: center;
}
.searchWrapper .filterCmds input
{
    color: white;
    text-decoration: none;
    font-size: 1em;
    text-align: center;
    padding-left: 12px;
    margin: 0;
    background: url(../../../_img/NewIcons/pesquisa.png) center center no-repeat !important;
    width: 144px;
    height: 25px;
}


a.btnRoundGreen
{
    text-decoration: none;
    font-size: 1em;
    text-align: center;
    padding: 0;
    margin: 0;
    background: url(../../../_img/searchInputBG.gif) 0 2px no-repeat;
    width: 6.8em;
    line-height: 2.2em;
    margin-left: 10px;
    display: block;
    float: left;
}
a.btnRoundGray
{
    text-decoration: none;
    font-size: 1em;
    text-align: center;
    padding: 0;
    margin: 0;
    background: url(../../../_img/limparLogin.jpg) 0 2px no-repeat;
    width: 5.8em;
    line-height: 2.2em;
    margin-left: 10px;
    display: block;
    float: left;
}


/* @group fields */
.searchWrapper input.StdTextBox
{
    width: 150px !important;
    cursor: pointer;
    background: url(../../../_img/icons/lupa.gif) 137px 2px no-repeat;
    float: left;
}
.searchWrapper input:focus.StdTextBox
{
    background-color: #fff;
}
.searchWrapper input.DatePicker
{
    width: 150px;
    padding: 2px;
    float: left;
    margin-right: 2px;
    background-color: #fff;
    font-size: 1.1em;
}


/**************************************************************/
/*********************** Ações Extra *************************/
/**************************************************************/

.tip
{
    display:block;
    color:Aqua;
}

.tip *
{
    display:block;
}

.tip .header
{
    display:block;
    margin-bottom:10px;
    color:White;
    font-size:large;
}

.tip label
{
    color:white;
}

.tip select
{
    width:100%;
    margin-top:5px;
    margin-bottom:5px;
}

.tip .selectDiv
{
    width:100%;
    margin-top:5px;
    margin-bottom:5px;
    color:pink;
}

.tip input
{
    width:100%;
    margin-top:5px;
    margin-bottom:5px;
}

.tip a
{
    margin-top:10px;
    margin-left:5px;
    float:right;
    width:auto !important;
    height:15px !important;
    vertical-align:middle !important;
    padding:3px;
    
    background-color:#1E90FF;
	background: -webkit-gradient(linear, left top, left bottom, from(#166CBC), to(#1E90FF)) !important;
    background: -moz-linear-gradient(top, #166CBC, #1E90FF) !important; /* MSIE */ /* filter: progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr= '#0088CE' ,EndColorStr= '#003C5F' ) !important;*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#166CBC, endColorstr=#1E90FF)";
    
   /* width:10px !important;
    height:5px !important;*/
}
