body
{
    min-width: 900px;
    margin: 0;
    padding: 0;
    border: 10;
    text-align: center;
    font-family: "Trebuchet MS" , "Lucida Grande" , Arial, Helvetica, sans-serif;
    font-size: 85%;
    color: #666666;
    background-color: #B2CFE6;
}


h1, h2, h3, h4, h5, h6
{
    color: #0066CB;
}

h1
{
    font-size: 2.0em;
    font-weight: normal;
}
#br-padding
{
    height: 2px;
}

#mainwrapper
{
    margin: 0 auto;
    width: 900px;
    text-align: left;
}

#header
{
    margin-left: 0px;
    margin-bottom: 0px;
    color: #FFFFFF;
    background-color: #8CA7BB;
    border: solid 1px #005AC5;
    font-size: 2.0em;
    font-weight: normal;
    padding: 0px;
    border-bottom: solid 4px Black;
    height: 140px;
}

#header-bottom
{
    width: 100%;
    font-size: 14px;
    font-style: italic;
    vertical-align: middle;
    color: #ffffff;
    background-color: #2b759d;
    margin-bottom: 5px;
    margin-top: 5px;
}
#footer
{
    width: 100%;
    height: auto;
    font-size: 14px;
    font-style: italic;
    color: #ffffff;
    background-color: #2b759d;
    margin-top: 5px;
}

#content
{
    width: 900px;
    border: solid 1px #005AC5;
    background-color: White;
    border-top: solid 1px Black;
    height: 100%;
}

#content-left
{
    margin-left: 5px;
    float: left;
    height: auto;
    position: relative;
    width: 220px;
    padding-top: 10px;
    vertical-align: top;
    height: 100%;
}

#content-right
{
    margin-left: 5px;
    float: left;
    height: auto;
    width: 650px;
    border-left: 1px solid #A7A7A7;
    padding-top: 10px;
    vertical-align: top;
    height: 100%; /*text-align: center;*/
}

#breadcrumb
{
    width: 100%;
    font-family: Verdana;
    font-size: 9pt;
    background-color: #B2CFE6;
}

#breadcrumb a
{
    color: #0066CB;
    text-decoration: none;
}

#breadcrumb a:hover
{
    text-decoration: underline;
}
/* POPUP BODY */

.popupBody
{
    min-width: 400px;
    text-align: left;
    font-family: "Trebuchet MS" , "Lucida Grande" , Arial, Helvetica, sans-serif;
    font-size: 85%;
    background-color: #B2CFE6;
}

/* MENU */

.menu_nodeStyle
{
    color: #666666;
    font-family: "Verdana";
    font-weight: bold;
    font-size: 11px;
    text-align: left;
    background-repeat: no-repeat;
    border-width: thin;
    border-color: Black; /*background-image: url(/Resources/Images/btn1.jpg);*/
}

.menu_hoverNodestyle
{
    /*background-image: url(/Resources/Images/btn2.jpg);*/
    background-color: #99CCFF;
    color: White;
    border-color: Gray;
    border-width: thin;
}

.menu_selectedNodestyle
{
    padding: 5px 5px 5px 5px;
    font-weight: bold;
    width: 100%;
    color: #0066CB;
}

/* LEFT NAVIGATION TREE */

.navigation_tree_main_table
{
    float: left;
    margin-right: 5px;
    margin-left: 5px;
    height: auto;
    width: auto;
    background-color: #ffffff;
}

.navigation_tree_inner_table
{
    float: left;
    height: auto;
    width: 200px;
    background-color: #ffffff; /*margin-left: 5px; margin-top: 10px; margin-right: 5px; margin-bottom: 5px;#c9c9c9*/
}

.navigation_tree_title_row
{
    height: 25px;
    background-color: #8CA7BB;
    text-indent: 5px;
    width: 150px;
}

.navigation_tree_delimiter_row
{
    height: 10px;
    background-color: #ffffff;
}

.navigation_tree_container_row
{
    height: auto;
    background-color: #ffffff;
    vertical-align: top;
}

.navigation_tree_container_row .td
{
    height: auto;
    width: auto;
    vertical-align: top;
}

.navigation_tree_container_panel
{
    min-height: 300px;
    width: 200;
    background-color: #D1E2EE;
}

.navigation_treeview
{
    height: auto;
    width: 180px;
}

/* RIGHT CONTAINER - 2 COLLUMNS ( TREE and CONTAINER) */

.container_2coll_main_table
{
    float: left;
    margin-left: 3px;
    height: 510px;
    width: 650px;
    background-color: #ffffff;
    border-spacing: 0px;
    padding: 0px;
    border: 0px;
}

.container_2coll_inner_table
{
    width: 645px;
    background-color: #ffffff;
    border-spacing: 0px;
    padding: 0px;
    border: 0px;
    float: left;
    border-spacing: 0px;
    border-width: 0px;
}

.container_2coll_title_row
{
    height: 25px;
    background-color: #8CA7BB;
    text-indent: 5px;
}

.container_2coll_delimiter_row
{
    height: 10px;
    background-color: #ffffff;
}

.container_2coll_container_row
{
    width: 650px;
    height: 495px;
    background-color: #ffffff;
    padding: 0px;
    border-spacing: 0px;
    border-width: 0px;
}

.container_2coll_container_row .td
{
    height: 495px;
    width: 184px;
}

/* CENTRAL CONTAINER - 1 COLLUMNS (only CONTAINER)  */
/* LOGIN */
.container_1coll_main_table
{
    float: inherit;
    height: 488px;
    width: 900px;
    background-color: #ffffff;
    padding: 0px;
    border-spacing: 0px;
    border-width: 0px;
}

.container_1coll_inner_table
{
    width: 100%;
    height: 470px;
    padding: 0px;
    border-spacing: 0px;
    border-width: 0px;
}

.container_1coll_title_row
{
    height: 25px;
    background-color: #8CA7BB;
    text-indent: 5px;
}

.container_1coll_delimiter_row
{
    height: 10px;
    background-color: #ffffff;
}

.container_1coll_container_row
{
    height: 440px;
    background-color: #ffffff;
}

.container_1coll_container_row .td
{
    height: 440px;
    width: 840px;
}

/* GRIDVIEW */

.GridViewRow
{
    background-color: #d2eaf1;
}

.GridViewAlternateRow
{
    background-color: white;
}

.GridViewEmptyRow
{
    background-color: white;
}

.GridViewRow:hover
{
    background-color: #8CA7BB;
    color: white;
    cursor: hand;
}

.GridViewAlternateRow:hover
{
    background-color: #8CA7BB;
    color: white;
    cursor: hand;
}

.GridViewEditRow
{
    color: #ffffff;
    background-color: #C6C3C6;
}

.GridViewFooter
{
    color: #000000;
    background-color: #C6C3C6;
}

.GridViewHeader
{
    color: White;
    height: 25px;
    background-color: #8CA7BB;
    text-indent: 5px;
}

.GridViewPager
{
    color: #ffffff; /* background-color: #C6C3C6; */
    background-color: #DEDFDE;
}

.GridView th
{
    color: #ffffff;
    background-color: #fe0000;
}

.GridView
{
    border-right: #4bacc6 1px solid;
    border-top: #4bacc6 1px solid;
    border-left: #4bacc6 1px solid;
    border-bottom: #4bacc6 1px solid;
    border-collapse: separate;
    background-color: white;
    margin: 2pt;
}
.fixedLabel
{
    display: block;
    float: left;
}
.btnClass
{
    font-size: 13px;
    font-family: Verdana,sans-serif;
    color: #FFFFFF;
    background-color: #77AABB;
    border-color: #888888;
    border-width: 2px;
    padding-bottom: 1;
    padding-left: 0.5;
    padding-right: 0.5;
    padding-top: 1;
    text-align: center;
}
.btnClass:hover
{
    font-size: 13px;
    font-family: Verdana,sans-serif;
    color: #FFFFFF;
    background-color: #77AABB;
    border-color: #FFFFFF;
    border-width: 2px;
}

.btnClass:disabled
{
    color: #e0e0e3;
}

.smallBtnClass
{
    font-size: 10px;
    font-family: Verdana,sans-serif;
    color: #FFFFFF;
    background-color: #77AABB;
    border-color: #888888;
    border-width: 1px;
}

.smallBtnClass:hover
{
    font-size: 10px;
    font-family: Verdana,sans-serif;
    color: #FFFFFF;
    background-color: #77AABB;
    border-color: #FFFFFF;
    border-width: 1px;
}

.imgBtnClass:hover
{
    cursor: pointer;
}

/* LOGIN */
.mainTable
{
    padding: 0px;
    border-spacing: 0px;
    border-width: 0px;
}

/* ELE_Main */
.eleMain
{
    padding: 0px;
    border-spacing: 0px;
    border-width: 0px;
    width: 100%;
}
.eleMainBackground
{
    background-color: #ffffff;
    vertical-align: middle;
}

.eleDetailsSeparator
{
    font-weight: bold;
    color: #ffffff;
    background-color: #8ca7bb;
}

/* USERAREA_Main */
.userareaMain
{
    padding: 0px;
    border-spacing: 0px;
    border-width: 0px;
    width: 100%;
    height: 100%;
}
.userareaBackgroundProfile
{
    background-color: #d1e2ee;
    vertical-align: top;
    text-align: left;
}
.userareaBackgroundDetails
{
    background-color: #d1e2ee;
    vertical-align: top;
    text-align: left;
}
.userareaMainDetails
{
    padding: 0px;
    border-spacing: 0px;
    border-width: 0px;
    width: 100%;
    text-align: left;
}

/* CAD_Main */
.cadMain
{
    height: 100%;
    width: 650px;
    padding: 0px;
    border-spacing: 0px;
    border-width: 0px;
    text-align: left;
}

/* AJUDA ONLINE */


.bodyTitle
{
    border-left: 10px;
    text-align: left;
    font-size: 10pt;
    font-family: Verdana;
    background-color: White;
}
.headerTitle
{
    font-size: 15pt;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 2px;
    color: black;
    padding-top: 2px;
    background-color: #ffcc33;
}

.subHeaderTitle
{
    padding-right: 5px;
    padding-left: 5px;
    font-weight: bold;
    padding-bottom: 2px;
    color: black;
    padding-top: 2px;
    background-color: #ffcc33;
}

.bookmark
{
    font-size: 10pt;
    font-family: Verdana;
}
.exampleData
{
    font-weight: bold;
}

/* MODAL UPDATE PROGRESS */
.modalProgressGreyBackground
{
    background: #CCCCCC;
    filter: alpha(opacity=60);
    opacity: 0.6;
    z-index: 99990;
}

.modalProgressRedBackground
{
    background: Red;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.modalFilter
{
    background-color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.5;
}


.modalPopup
{
    text-align: center;
    padding-top: 30px;
    border-style: solid;
    border-width: 1px;
    background-color: White;
    width: 300px;
    height: 100px;
}

.treeViewSelectedNode
{
    background-color: PowderBlue;
    font-size: 9pt;
    font-family: "Arial";
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

.treeViewNode
{
    text-decoration: none;
    font-size: 9pt;
    font-family: "Arial";
    font-style: normal;
    font-weight: bold;
}

.treeViewRootNode
{
    font-size: 11pt;
    font-family: "Arial";
    font-style: normal;
    font-weight: bold;
}

.treeViewHoverNode
{
    text-decoration: none;
    font-size: 9pt;
    font-family: "Arial";
    font-style: normal;
    font-weight: bolder;
}

.tree
{
}

.tabPageContent
{
    font-family: "Verdana";
    font-size: 9pt;
    color: #666666;
}

.tabPage
{
    background-color: White;
    color: #666666;
    font-weight: bold;
}


.TableInputForm table
{
    width: 100%;
    border: 0px;
    margin: 0px;
    border-spacing: 0px;
}

.TableInputForm tr
{
    margin: 0px;
    padding: 2px;
    vertical-align: top;
    text-align: left;
}

.TableInputForm td
{
    font-size: 10pt;
}

.TableInputForm .LabelCell
{
    font-size: 10pt;
    margin: 0px;
    padding: 2px;
    width: 26%;
}

.TableInputForm .InputCell
{
    margin: 0px;
    padding: 2px;
    width: 72%;
}

.TableInputForm .ValCell
{
    margin: 0px;
    padding: 2px;
    width: 2%;
}

.TableInputForm .ValidationSummaryCell
{
    font-size: 10pt;
    margin: 2px;
    padding: 2px;
    color: #FF0000;
}
.TableInputForm .ValidationSummaryCell li
{
    list-style-type: none;
    list-style-image: none;
}
.TableInputForm .ButtonCell
{
    vertical-align: top;
    text-align: right;
    width: 100%;
}

.EmptyTable
{
    border-spacing: 0px;
    padding: 0px;
    margin: 0px;
}

/* Footer - compatibility info */
.compatibility-info
{
    margin: auto; 
    width: 900px;
}

.compatibility-browsers
{
    float: left; 
    padding-top: 15px; 
    font-style: italic;
}

.compatibility-wcag
{
    float: right;
}