/* /--Inserted in the upgrade to 8.0.0.0--\ */

@import url("/RichWidgets/upgradeTo8000.css?10938");

/* \--Inserted in the upgrade to 8.0.0.0--/ */
l/*-------------------------------------------------------*/
/* These are the styles used by the web blocks of the    */
/* producer eSpace "RichWidgets".                        */
/* To customize the widgets css copy css from the oml,   */
/* paste here and modify the styles                      */
/*-------------------------------------------------------*/

/*@import url("/RichWidgets/web.css"); -- Removed in the upgrade to 5.1.0.7*/
/* Inserted in the upgrade to 5.0.0.0: */

.Bold {
    display: inline;
    font-weight: bold;
    
}

.Italic {
    display: inline;
    font-style: italic;
   
}

.Underline {
    display: inline;    
    text-decoration: underline;
}

.Paragraph {
}

th {
    text-align: left;
    font-weight: normal;
}

.EditRecord {
    background-color:#EAEAEA;
}

.ShowRecord {
}

.TableRecords {
}

table.Empty {
}

/* Inserted in the upgrade to 5.0.0.0 */

/*-----------------------------------------------------------------*/
/*----------------- HTML Elements Start ---------------------------*/
/*-----------------------------------------------------------------*/

body
{
    margin: 0px;
    padding: 0px;
    background-color: #EFEFEF;
}

body,
select,
textarea,
input,
td {
    font-weight: normal;
    font-family: 'Open Sans';
    font-size: 8pt;
    color: #467193;
}

th /* copied from 'td' in the upgrade to 5.0.0.0 */ {
    font-weight: normal;
    font-family: 'Open Sans';
    font-size: 8pt;
    color: #467193;
}

body,
p {
    margin: 0px;
}

.Paragraph /* copied from 'p' in the upgrade to 5.0.0.0 */ {
    margin: 0px;
}

input {
    padding: 1px 0px 1px 0px;
}

input[type="text"][disabled="disabled"],
input[type="text"][readonly="readonly"] {
    background: #EAEAEA;
}

input[type=radio],
input[type=checkbox] {
    margin: 0px;
    vertical-align: bottom;
}

input[type=file] {
    height: 21px;
    vertical-align: bottom;
}

textarea {
    margin-top: 2px;
    *margin-top: 0px;
}

table {
    border-collapse: separate;
    empty-cells: show;
}

a,
a:link,
a:visited {
    color: #555B77;
}

a:hover {
    color: #DE7B8C;
}

a[disabled="disabled"] {
    color: ButtonShadow;
}

/* /--Inserted in the upgrade to 5.1.0.1--\ */

img {
    border-width: 0;
}

/* \--Inserted in the upgrade to 5.1.0.1--/ */

img {
    vertical-align: text-bottom;
}

/*-----------------------------------------------------------------*/
/*----------------- HTML Elements End -----------------------------*/
/*-----------------------------------------------------------------*/





/*-----------------------------------------------------------------*/
/*----------------- Service Studio Default Styles Start -----------*/
/*-----------------------------------------------------------------*/

/*-------------------------------------------------------*/
/* You can modify the styles in this area but you should */
/* not remove or rename them because they are used by    */
/* Service Studio widgets.                               */
/*-------------------------------------------------------*/

.Button {
    text-align: center;
    margin-right: 3px;
    padding: 3px;
    *padding: 0px 3px 0px 3px;
    color:white;
    border: 1px solid white;
    background: url(/iEnterprise/img/GNR_button_background.gif?9735) repeat-x;
    cursor: hand;
}

.SpecialButton {
   text-align: center;
    margin-right: 3px;
    padding: 0px 10px 1px 10px;
    *padding: 0px 3px 0px 3px;
}
.LoginButton {
     text-align: center;
    margin-right: 3px;
    padding: 3px;
    *padding: 0px 3px 0px 3px;
    color:white;
    border: 1px solid white;
    background: url(/iEnterprise/img/GNR_button_background.gif?9735) repeat-x;
    cursor: hand;
    font-size: 10px;
     font-weight: bold;
}

.Button[disabled="disabled"] {
    padding: 1px 12px 2px 10px;
    color: ButtonShadow;
    cursor: text;
}

td .Button {
    font-size: 9px;
}

th .Button /* copied from 'td .Button' in the upgrade to 5.0.0.0 */ {
    font-size: 9px;
}



.EditRecordConf_Caption {
    color: #444444;
    font-size: 8pt;
    padding: 5px;
    font-weight: bold;
    vertical-align: top;
    white-space: nowrap;
    text-align: right;
    background-color: White;
}

.EditRecordConf_Value {
    border-left: 3px solid white;
    color: #444444;
    background-color: White;
}



.EditRecord_Caption {
    color: #467193;
    font-size: 8pt;
    padding: 5px;
    font-weight: bold;
    vertical-align: top;
    white-space: nowrap;
    text-align: right;
}

.EditRecord_Value {
    border-left: 3px solid white;
    color: #467193;
}

.EditRecord_Buttons {
    text-align: left;
    padding-top: 8px;
    border-bottom: 2px solid #467193;
    padding-bottom: 3px;
}

.ShowRecord_Caption {
    color: #444444;
    font-size: 11px;
    padding: 5px;
    font-weight: bold;
    vertical-align: top;
    white-space: nowrap;
    text-align: right;
}

.ShowRecord_Value {
    border-left: 3px solid white;
    padding: 5px;
    color: #444444;
    font-weight: normal;
    vertical-align: top;    
}

.TableRecords_Header {
   color:white;
    font-weight: normal;
    background: #467193 url(/RichWidgets/img/Bar_Gradient.png?10938) repeat-x top;
    _background:#467193;  /* IE6 */
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/RichWidgets/img/Bar_Gradient.png', sizingMethod='scale');  /* IE6 */
    white-space: nowrap;
    line-height: 14px;
    padding: 4px 6px 4px 6px;
    border-right: 1px solid white;
    font-size: 10pt;
}

.TableRecords_Header_Report {
   color:white;
    font-weight: normal;
    background: #467193 url(/RichWidgets/img/Bar_Gradient.png?10938) repeat-x top;
    _background:#467193;  /* IE6 */
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/RichWidgets/img/Bar_Gradient.png', sizingMethod='scale');  /* IE6 */
    white-space: nowrap;
    line-height: 14px;
    padding: 4px 6px 4px 6px;
    border-right: 1px solid white;
    font-size: 10pt;
}

.TableRecords_Header a,
.TableRecords_Header a:link,
.TableRecords_Header a:visited {
    color: white;
}
.TableRecords>tbody>tr:hover {
 background-color: #F0F0F0;
}

.TableRecords_OddLine, 
.TableRecords_EvenLine {
    line-height: 18px;
    margin: 1px 1px 1px 1px;
    padding: 1px 6px 1px 6px;
    border-top: 0px solid #cccccc;
    border-right: 0px solid #efefef;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #efefef;
    /*white-space: nowrap;*/
    vertical-align: top;
}

.TableRecords_EvenLine {
 background-color: #FAFAFA;
}

.TableRecords_SelectedLine {
     background-color: #E0E0E0;
}

.TableRecords_OddLine a:visited,
.TableRecords_EvenLine a:visited {
}

/* /--Inserted in the upgrade to 5.1.0.0--\ */

.ListRecords {
}



img.RecordPicture {
    display: block;
    float: left;
    width: 120px;
}

div.RecordPicture_Wrapper {
    float: left;
}

div.RecordPicture_Wrapper img.RecordPicture {
    float: none;
}

.TableRecords img.RecordPicture {
    width: auto;
    height: 40px;
    float: none;
}

input.Prompt, textarea.Prompt {
    color: #BBBBBB;
}

/* \--Inserted in the upgrade to 5.1.0.0--/ */

/* /--Inserted in the upgrade to 5.1.0.2--\ */

select.Mandatory {
}

textarea.Mandatory {
}

/* \--Inserted in the upgrade to 5.1.0.2--/ */

input.Mandatory {
}

input.Not_Valid {
    border: 2px solid #BF1601;
}

textarea.Not_Valid {
    border: 2px solid #BF1601;
}

input.Is_Default {
}

a.Is_Default {
}


td.MandatoryCaption {
}

th.MandatoryCaption /* copied from 'td.MandatoryCaption' in the upgrade to 5.0.0.0 */ {
}
span.ValidationMessage {
    color: white;
    font-size: 11px;
    position: absolute;
    font-weight: bold;
    background: #BF1601;
    max-width: 300px;
    z-index: 100;
    top: 42px !important;
    left: 30% !important;
    height: 20px !important;
    line-height: 20px !important;
}

span.ValidationIcon {

}

span.InputMandatorySymbol {
    display: none;
    position: absolute;
    color: #BF1601;
    padding: 3px 0px 3px 2px;
    content: '*';
    font-size: 10px;
}

/*-----------------------------------------------------------------*/
/*----------------- Service Studio Default Styles End -------------*/
/*-----------------------------------------------------------------*/


/*-----------------------------------------------------------------*/
/*----------------- eSpace Specific Styles Start ------------------*/
/*-----------------------------------------------------------------*/

/*-------------------------------------------------------*/
/* You can add, modify or remove the styles in this area */
/* at your will. Use them anywhere in the eSpace, in the */
/* widgets' Style property.                              */ 
/*-------------------------------------------------------*/

/*--------General Start------------------------*/

.Heading1 {
    color: #467193;
    font-family: 'Open Sans';
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 20px;
    width:95%;
}

.Heading2 {
    color: #467193;
    font-family: 'Open Sans';
    font-size: 22px;
    font-weight: bold;
    border-bottom: 1px solid #555B77;
}

.Heading3 {
    color: #467193;
    font-size: 14px;
    font-weight: bold;
    padding-top: 8px;
    padding-bottom: 2px;    
}
.Email_Notification {
    color: #888888;
    font-size: 11px;
    display: inline-block;
}
.Text_Note {
    color: #888888;
    font-size: 11px;
     display: none;
}
.Text_NoteSpecial {
    color: #467193;
    font-size: 11px;
}

.Text_Error {
    color: #c7331f;
}

.Text_NoWrap {
    white-space: nowrap;
}

.Text_Preformatted {
    white-space: -moz-pre-wrap;
    white-space: pre;
    word-wrap: break-word;
}

.Text_Justified { 
    text-align: justify;
} 

.FloatLeft {
    float: left;
}

.FloatRight {
    float: right;
}

.ClearBoth {
    clear: both;
}

/*--------General End--------------------------*/



/*--------StyleGuide General Start-------------*/

.Contents {
    width: 940px;
    min-height: 400px;
    _height: 400px;
    vertical-align: top;
    padding: 10px;
    background-color: white;
    border-left: 1px solid #BFBFBF;
    border-right: 1px solid #BFBFBF;
}

.Contents .Button {
    margin-top: 10px;
}

.Contents td .Button {
    margin-top: 0px;
}

.Contents th .Button /* copied from '.Contents td .Button' in the upgrade to 5.0.0.0 */ {
    margin-top: 0px;
}

.Header {
}

/*.Menu {
    position: absolute;
    top: 50px; 
    left: 16px;
    z-index: 2;
}*/

.Footer {
    clear: both;
    border-top: 1px solid #B0B0B0;
    color: #7F7F7F;
    font-size: 7pt;
    text-align: center;
    background-color: white;
}

.Title {
    margin-bottom: 16px;
}

.Title_Links {
    font-size: 11px;
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
}

.Title_Links a, a:link, a:visited {
    color: #467193;
    text-decoration: underline;
}

.Title_Links a:hover {
    color: #DE7B8C;
    text-decoration: none;
}

/*--------StyleGuide General End---------------*/




.Sub-menuExtranet{background-color: #efefef; clear:both; margin-bottom:30px; margin-left:5px; width:242px; padding: 0px 0px 5px 0px;}
.Sub-menuExtranet ul{padding-bottom:2px; width:100%; list-style:none}
.Sub-menuExtranet li{border-bottom:1px solid #c0c0c0; list-style-type:none;}
.Sub-menuExtranet a{color:#12498b; font-size:1.1em; text-decoration:none;font-weight:bold; display:block; padding:5px 6px 5px 5px}
.Sub-menuExtranet a:hover{text-decoration:underline}
.Sub-menuExtranet a.active{font-weight:bold}
.Sub-menuExtranet .sub-sub-menu{padding:0 0 10px 25px; width:89%}
.Sub-menuExtranet .sub-sub-menu li{border:none}
.Sub-menuExtranet .sub-sub-menu a{color:#3c3935; font-size:1.1em; padding:2px 0 0}

.Sub-menuExtranet .crnExtranet-right-bottom{}



.MenuExtranet_Content
{
    width: 25%;
    vertical-align: top;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}

.Extranet_Content
{
    width: 75%;
    vertical-align: top;
    margin: 0px;
    padding: 0px 0px 0px 20px;
}

/*--------Menu Extranet WebBlock End----------------*/




/*--------Header WebBlock Start----------------*/


.Header_Banner {
    width: 950px;
    border-bottom: 1px solid #B0B0B0;
    background:url(/Enterprise/img/header_background.jpg?11000) right top no-repeat;
    _overflow: hidden;
}

.Header_Greetings_UserName {
    background-color: #CCCCCC;
    color: gray;
    padding: 0px 15px 0px 10px;
    vertical-align: middle;
}

.Header_Greetings_Timestamp {
    background-color: #AFAFAF;
    color: white;
    padding: 0px 10px 0px 10px;
    vertical-align: middle;
    width:155px;
    height:20px;
    text-align: center;
}

.Header_Greetings {
     position: absolute;
     /*right: 157px;
     float: right;*/
}

.Header_Title {
    padding: 0px 0px 10px 0px;
    vertical-align:bottom;
}

.Header_Title_NoMenu {
  border-bottom:5px solid #1E5AA3;
  padding-bottom:5px;
  padding-left:5px;
  padding-top:5px;
  vertical-align:middle;
  width:100%;
}

.Header_Title_Image {
    vertical-align: middle;
    width:1px;
    background-color: white;
}
.Header_Title_Company {
    font-family: 'Open Sans';
    color:#7F7F7F;
    font-size:11pt;
    font-weight:bold;
    vertical-align:middle;
}
.Header_Title_Application {
    font-family: 'Open Sans';
    color:#555B77;
    font-size:10pt;
    font-weight:bolder;
    vertical-align:middle;
}

.Header_Title a,
.Header_Title a:link,
.Header_Title a:visited,
.Header_Title a:hover {
    text-decoration: none;
    color: #555B77;
}

/*--------Header WebBlock End------------------*/



/*--------Menu WebBlock Start------------------*/

.Menu {
    width:150px;
    white-space:nowrap;

    background-color: white;
    font-size: 10px;
    color: #555B77; 
}

.Menu_Cell {
    white-space:nowrap;
    background-color: white;
    vertical-align:top;
    padding-right:5px; 
}

.Menu_Title {
    background-color: #AFAFAF;
    text-align: center;
    font-size: 12px;
    color: white;
    text-align:center;
}

.Menu_Item, 
.Menu_SelectedItem { 
    white-space: nowrap; 
    margin: 1px;
    padding: 2px;
    background-color: white;
    text-decoration: none; 
    display:block;
    font-size: 10px;
}

.Menu_Item {
    padding: 0px;
}

.Menu_SelectedItem {
    background: #dddddd url(/Enterprise/img/Menu_Gradient.gif?11000) repeat-x; 
    border: 1px solid #cccccc;
    font-weight: bold;
}
 
.Menu_SelectedItem a, 
.Menu_SelectedItem a:link,
.Menu_SelectedItem a:visited,
.Menu_SelectedItem a:hover {
    background: #dddddd url(/Enterprise/img/Menu_Gradient.gif?11000) repeat-x; 
    border: 1px solid #cccccc;
    font-weight: bold;
    margin: 1px;
    padding: 2px;
    color: #555B77; 
    text-decoration: none; 
    white-space: nowrap;
} 
  
.Menu_Item a, 
.Menu_Item a:link,
.Menu_Item a:visited,
.Menu_Item a:hover {
    color: #555B77; 
    text-decoration: none; 
    display: block;
    margin: 1px 0px 1px 0px;
    padding: 2px;
    border: 1px solid white;
    white-space: nowrap;
} 

.Menu_Item a:hover {
    background: #dddddd url(/Enterprise/img/Menu_Gradient.gif?11000) repeat-x; 
    border: 1px solid #cccccc;
}

/*--------Menu WebBlock End--------------------*/



/*--------ShowRecord Pattern Start-------------*/

.ShowRecord_Wrapper {
    margin-bottom: 8px;
}

.ShowRecord_LastModified {
    padding-top: 2px;
    color: #888888;
    font-size: 9px;    
    font-style: italic;
}

/*--------ShowRecord Pattern End---------------*/



/*--------EditRecord Pattern Start-------------*/

.EditRecord_Wrapper {
    margin-bottom: 8px;
    /*padding: 8px;*/
}

.EditRecordWithTitles_Wrapper {
    float: left;
    margin-bottom: 8px;
}

.EditRecord_SectionTitle {
    color: #467193;
    font-size: 14px;
    font-weight: bold;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 2px;
    margin-bottom: 5px;
    border-bottom: 1px solid #888888;
    text-align: left;
}

.SectionTitle_Links {
    font-size: 10px;
    text-align: right;
    vertical-align: bottom;
    white-space: nowrap;
    border-bottom:1px solid #888888;
}

.SectionTitle_Links a,
.SectionTitle_Links a:link,
.SectionTitle_Links a:visited {
    color: #888888;
    text-decoration: none;
}

.SectionTitle_Links a:hover {
    color: #DE7B8C;
    text-decoration: none;
}

/*--------EditRecord Pattern End---------------*/



/*--------TableRecords Pattern Start-----------*/

.TableRecords_Wrapper {
}
.TableRecords_Wrapper .Button {
    font-size: 10px;
    margin-top: 0px;
}

.TableRecordsWithFilters_Wrapper {
}

.Filters_Wrapper {
    background: #dddddd url(/Enterprise/img/Filter_Gradient.gif?11000) repeat-x top;
    padding: 4px;
}

.TableRecords_Frame {
    border-top: 1px solid white;
    width: 100%;
}

div.TableRecords_Frame>table>tbody>tr:hover {
    background-color: #EEEEEE;
}

.TableRecords_Actions,
.TableRecords_Footer {
    font-size: 11px;
    vertical-align: middle;
    float: left;
    font-weight: bold;
    padding: 1px;
}

div.TableRecords_Actions div.BulkSelect_Wrapper, 
div.TableRecords_Footer div.BulkSelect_Wrapper {
    float: left;
    padding: 0px;
}

.TableRecords_TopNavigation {
    padding: 0px;
    border-top: 1px solid white;
    border-right: 0px none white;
    border-bottom: 0px solid white;
    border-left: 0px none white;
    _height: 1%;  /* IE6 */
    display: block;
    *display: inline-block;
}

.TableRecords_TopNavigation:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.TableRecords_BottomNavigation {
    padding-top: 2px;
    border-top: 1px solid #1E5AA3;
    border-right: 0px none white;
    border-bottom: 0px solid white;
    border-left: 0px none white;
    _height: 1%;  /* IE6 */
    display: block;
    *display: inline-block;    
}

.TableRecords_BottomNavigation:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.Filters {    
    white-space: nowrap;
}
.Filters td {    
    padding: 2px 0px 2px 4px;
    vertical-align: middle;
    padding: 2px 0px 2px 4px;
}

.Filters th /* copied from '.Filters td' in the upgrade to 5.0.0.0 */ {    
    padding: 2px 0px 2px 4px;
    vertical-align: middle;
    padding: 2px 0px 2px 4px;
}

.Filters td img {
    vertical-align: middle;
}

.Filters th img /* copied from '.Filters td img' in the upgrade to 5.0.0.0 */ {
    vertical-align: middle;
}

.Filters td .Button {
    font-size: 12px;
}

.Filters th .Button /* copied from '.Filters td .Button' in the upgrade to 5.0.0.0 */ {
    font-size: 12px;
}


/*--------TableRecords Pattern End-------------*/



/*--------Login Pattern Start------------------*/

.Login_Wrapper {
    margin-top: 16px;
    margin-bottom: 8px;    
    clear: both;
}

.Login_RememberValue {
    text-align: right;
    padding-right: 2px;
}

/*--------Login Pattern End--------------------*/

/*-----------------------------------------------------------------*/
/*----------------- eSpace Specific Styles End --------------------*/
/*-----------------------------------------------------------------*/





/*-----------------------------------------------------------------*/
/*----------------- WidgetLibrary eSpace Styles Start -------------*/
/*-----------------------------------------------------------------*/

/*-------------------------------------------------------*/
/* These are the styles used by the web blocks of the    */
/* producer eSpace "WidgetLibary". Do not use, remove or */
/* rename them unless otherwise noted, and if you modify */
/* them, do it with extreme caution                      */
/*-------------------------------------------------------*/

/*-------Tabs Pattern Web Block Start----------*/

.Tabs_Wrapper {
    margin: 0px 0px 8px 0px;
    border: 1px solid white;
}

.Tabs_TabBody {
    margin: 24px 0px 0px 0px;
    padding: 5px;
    border: 1px solid #cccccc;
    _height: 1%;  /* IE6 */
    *display: inline-block;    
}

.Tabs_TabBody:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

ul.Tabs_Header {
    margin: 0px;
    padding: 0px;
    height: 31px;
    position: absolute;
    overflow: hidden;
    z-index: 1;
    line-height: 18px;    
}

ul.Tabs_Header span {
    height: auto;
}

div.Tabs_TabOn,
li.Tabs_TabOn {
    float: left;
    margin: 0px;
    padding: 1px;
    list-style: none;
    font-size: 12px;
    color: #333333;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid white;
    background: White;
}

div.Tabs_TabOff,
li.Tabs_TabOff {
    float: left;
    margin: 0px;
    padding: 1px;
    font-size: 12px;
    color: #666666;
    list-style: none;
    border: 1px solid #cccccc;
}

div.Tabs_TabDisabled,
li.Tabs_TabDisabled {
    float: left;
    margin: 0px;
    padding: 1px;
    list-style: none;
    border: 1px solid #cccccc;
}

a.Tabs_TabOn,
a.Tabs_TabOn:link,
a.Tabs_TabOn:visited,
a.Tabs_TabOn:hover,
span.Tabs_TabOn {
    display: block;
    white-space: nowrap;
    text-decoration: none;
    font-size: 11px;
    color: #666666;
    padding: 2px 10px 1px 10px;
}

a.Tabs_TabOff,
a.Tabs_TabOff:link,
a.Tabs_TabOff:visited {
    display: block;
    white-space: nowrap;
    text-decoration: none;
    font-size: 11px;
    color: #666666;
    padding: 2px 10px 1px 10px;
    background: #EAEAEA;
}

a.Tabs_TabOff:hover {
    background: white;
}

a.Tabs_TabDisabled,
a.Tabs_TabDisabled:link,
a.Tabs_TabDisabled:visited,
a.Tabs_TabDisabled:hover,
span.Tabs_TabDisabled {
    display: block;
    white-space: nowrap;
    text-decoration: none;
    font-size: 11px;
    color: #AAAAAA;
    padding: 2px 8px 1px 8px;    
    background: #EAEAEA;
}

/*--------Tabs Pattern Web Block End-----------*/



/*------- Help Pattern Web Block Start --------*/

div.Help_Wrapper {
    _height: 1%; /* IE6 */
    *display: inline-block;
    margin-bottom: 4px;
}

div.Help_Wrapper: after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div.Help_Image {
    float: left;
    margin-right: 3px;
}

div.Help_Image img {
    margin-top: 3px;
}

div.Help_Text {
    margin-left: 12px;
    font-size: 11px;
    color: #888888;
}

/*------- Help Pattern Web Block End ----------*/



/*------- Feedback Pattern Web Block Start ----*/

div.Feedback_Wrapper {
    margin-top: 5px;
    margin-bottom: 10px;
}

div.Feedback_Text {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 26px;
}

div.Feedback_Image {
    float: left;
}

div.Feedback_Error {
    background-color: #ffe5e5;
    border: 2px solid #ffcece;
    color: #c7331f;
}

div.Feedback_Warning {
    background-color: #fbf3e0;
    border: 2px solid #f8e6c2;
    color: #bd830b;
}

div.Feedback_Success {
    background-color: #eeffd7;
    border: 2px solid #d8ffaa;
    color: green;
}

div.Feedback_Info {
    background-color: #e4edf2;
    border: 2px solid #a5c9df;
    color: #166ca5;
}

/*------- Feedback Pattern Web Block End ------*/


/*-----------------------------------------------------------------*/
/*----------------- WidgetLibrary eSpace Styles End ---------------*/
/*-----------------------------------------------------------------*/





/*-----------------------------------------------------------------*/
/*---------------- Enterprise eSpace Styles Start -----------------*/
/*-----------------------------------------------------------------*/

.Enterprise_Menu {
    margin: 0px;
    width: 190px;
    height: 1%;
    padding-left: 8px;
    display: block;
    overflow: hidden;
}

.Enterprise_Menu:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.Enterprise_Frame_LeftFrozen {
    float: left;
    width: 199px;
    display: inline-block;
    _overflow: hidden;   /* IE6 */
}

.Enterprise_Frame_LeftFrozen:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.Enterprise_Frame_RightBody {
    padding: 0px 0px 4px 16px;
    margin: 0px;
    min-height: 300px;
    _height: 300px;  /* IE6 */
}

.Enterprise_Frame_RightBody .Button {
    margin-top: 10px;
}

.Enterprise_TwoColumns_LeftFrozen { 
    float: left;
    width: 198px;
    display: inline-block;
    border: 1px solid #dddddd;
    background-color: #fdfdf0;
    margin-bottom: 16px;
    margin-left: 16px;
    _margin-left: 8px;  /* IE6 */
    _overflow: hidden;   /* IE6 */
} 

.Enterprise_TwoColumns_LeftFrozen_Collapsed { 
    float: left;
    width: 68px;
    display: inline-block;
    border: 1px solid #dddddd;
    background-color: #fdfdf0;
    margin-bottom: 16px;
    margin-left: 16px;
    _margin-left: 8px;  /* IE6 */
    _overflow: hidden;   /* IE6 */
} 

.Enterprise_TwoColumns_RightLiquid { 
    margin-left: 216px;
    _display: inline-block;  /* IE6 */
    _overflow: hidden;   /* IE6 */
} 

.Enterprise_TwoColumns_RightLiquid_Expanded { 
    margin-left: 86px;
    _display: inline-block;  /* IE6 */
    _overflow: hidden;   /* IE6 */
} 
 
.Enterprise_SubTree_LeftFrozen { 
    float: left;
    width: 198px;
    display: inline-block;
    _overflow: hidden;   /* IE6 */
} 
 
.Enterprise_SubTree_LeftFrozen:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
} 

.Invisible {
    display: none;
}

/*-------------------- Marketing Teasers  Start ---------------------*/

.Teaser_Container {
  background-color: #E0E9F7;
}

.Teaser_Title {
  font-family: 'Open Sans';
  font-size: 20px;
  color: #444444;
  display: block;
  position: relative;
  padding: 5px 10px 5px 10px; // top, right, bottom, left
  margin-right: auto;
}

.Teaser_Notice {
  font-family: 'Open Sans';
  font-size: 12px;
  color: #444444;
  display: block;
  position: relative;
  padding: 5px 10px 5px 10px;
}

.Teaser_SectionPadding {
  padding: 10px;
}

.Teaser_Info {
  font-family: 'Open Sans';
  font-size: 11px;
  color: #888888;
  border-bottom: solid 3px #E0E9F7;
  display: block;
  position: relative;
  padding: 3px 10px 5px 10px;
  background-color: #F2F7FF;
}

.Teaser_Image {
  display: block;
  padding: 5px 10px 5px 3px;
  background-color: #FFFFFF;
}

.Teaser_NavigationTop {
  text-align: right;
  display: block;
  margin: -10px 0px 0px 0px;
  padding: 0px 10px 2px 0px;
  white-space: nowrap;
}

.Teaser_NavigationBottom {
  text-align: right;
  display: block;
  padding: 5px 10px 0px 0px;
  white-space: nowrap;
}

.Teaser_NavigationTitle {
  text-align: right;
  display: block;
  float: right;
  padding: 5px 10px 0px 0px;
  white-space: nowrap;
  margin-left: auto;
  margin-right: 0px;
}

.TeaserMini_TitleContainer {
  clear: both;
  padding: 5px 10px 5px 10px; // top, right, bottom, left
}

.TeaserMini_TitleText {
  float: left;
  font-family: 'Open Sans';
  font-size: 20px;
  color: #444444;
}

.TeaserMini_TopNav {
  float: right;
}

.TeaserMini_clearerDiv {
  clear: both;
  width: 100%;
  height: 2px;
  font-size: 0px;
  overflow: hidden;
  border: none;
  margin: auto;
  letter-spacing: 400px;
}

.Teaser_Links ul {
  margin-top: 2px;
  margin-bottom: 10px;
}

.Teaser_Links ul li {
  margin: 1px;
}

.TeaserMini_Links ul {
  margin-top: 2px;
  margin-bottom: 2px;
}

.TeaserMini_Links ul li {
  margin-top: 1px;
  margin-bottom: 1px;
  margin-left: -15px;
}

/*-------------------- Marketing Teasers End ---------------------*/

/*-----------------------------------------------------------------*/
/*------------------ Enterprise eSpace Styles End -----------------*/
/*-----------------------------------------------------------------*/


/*-----------------------------------------------------------------*/
/*--------------- Styleguide Upgrader Styles Start ----------------*/
/*-----------------------------------------------------------------*/

/* ------- Header & Footer Start ------- */

td.Header {
  height: 80px;
  *height: 0%;
  margin: 0px;
  padding: 0px;
  vertical-align: top;    
}

th.Header /* copied from 'td.Header' in the upgrade to 5.0.0.0 */ {
  height: 80px;
  *height: 0%;
  margin: 0px;
  padding: 0px;
  vertical-align: top;    
}

td.Footer {
  padding: 0px;
  height: 0%;
  margin: 0px;
  vertical-align: top;
  border: none;
}

th.Footer /* copied from 'td.Footer' in the upgrade to 5.0.0.0 */ {
  padding: 0px;
  height: 0%;
  margin: 0px;
  vertical-align: top;
  border: none;
}

.SideBar .Menu {
  *top: 49px;
}

.Sidebar {
  width: 1px;
  padding: 0px;
  margin: 0px;
  vertical-align: top;
}

.Sidebar * {
  vertical-align: top;
}

.SideBar input {
  *margin-top: -1px;
}

/* ------- Header & Footer End ------- */

/* ------- Body Start ------- */

.CenterStage {
  vertical-align: top;
}

.CenterStage .Heading1 {
  padding-bottom: 3px;
}



.Page_Content {
  padding-top: 18px;
}

/* ------- Body End ------- */

/* ------- Page Navigation Start ------- */

.Page_Navigation {
  font-size: 11px;
  margin-top: -5px;
  display: block;
}

/* ------- Page Navigation End ------- */


/* ------- Field Pattern Start ------- */


.FieldCaption {
    color: #444444;
    font-size: 11px;
    font-weight: bold;
    white-space: nowrap;
    border-bottom: 1px solid #9cceff;
    padding: 3px 10px 2px 0px;
}

.FieldData {
    color: #404040;
    font-weight: bold;
    vertical-align: bottom;    
    padding: 2px 2px 2px 2px;
    text-align: left;
}

/* ------- Field Pattern End ------- */

/* ------- List Filter Pattern Start ------- */

.List_FilterContainer table {
  width: auto;
}

.List_FilterContainer {    
    background-color: #a4d1ff;     
    width: 100%;
  white-space: nowrap;     
}

.List_FilterCaption {
  padding:6px 0px 6px 4px;
  text-align:right;
  vertical-align:middle;
  white-space:nowrap;
}

.List_FilterData {
  padding: 6px;
  padding-right: 8px;
  vertical-align:middle;
  white-space:nowrap;
}

.List_FilterContainer td .Button {
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    padding: 0px 3px 0px 3px;
    margin-right: 8px;
}

.List_FilterContainer th .Button /* copied from '.List_FilterContainer td .Button' in the upgrade to 5.0.0.0 */ {
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    padding: 0px 3px 0px 3px;
    margin-right: 8px;
}

.List_FilterData table td {
  width: auto;
  padding: 0px 2px;
}

.List_FilterData table th /* copied from '.List_FilterData table td' in the upgrade to 5.0.0.0 */ {
  width: auto;
  padding: 0px 2px;
}

/* ------- List Filter Pattern End ------- */

/* ------- List Pagging Pattern Start ------- */

.List_Paging {
    padding: 5px 4px 5px 4px;
    border-top: 1px solid white;
    border-right: 0px none white;
    border-bottom: 0px solid white;
    border-left: 0px none white;
    _height: 1%;
    display: block;
    *display: inline-block;
    float: none;
}

.List_Paging:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.List_Paging table {
  float: right;
}


/* ------- List Pagging Pattern End ------- */

/* ------- Table Records Pattern Start ------- */

.TableRecords_OddLine .Button,
.TableRecords_EvenLine .Button {
  background-color:#EFEFEF;
  border-color:#FAFAFA rgb(207, 207, 207) rgb(207, 207, 207) rgb(250, 250, 250);
  border-style:solid;
  border-width:1px;
  font-size:12px;
}

/* ------- Table Records Pattern End ------- */

/* ------- Form Buttons Pattern Start ------- */

.Form_Buttons {
    padding-top: 10px;
}

.Form_Buttons .Button {
    font-size: 12px;
}

/* ------- Form Buttons Pattern End ------- */

/* ------- Tab Pattern Start ------- */

.Tab_ContainerOuter {
    margin: 0px 0px 8px 0px;
    border: 1px solid white;
    background-color: transparent;
}

.Tab_ContainerInner {
    margin: 20px 0px 0px 0px;
    padding: 5px;
    border-bottom: 1px solid #a8d4ff;
    border-left: 1px solid #a8d4ff;
    border-right: 1px solid #a8d4ff;
    border-top: 0px none;
    background-color: transparent;
}

.Tab_ContainerInner p {
    text-align: left;
}

.Tab_ContainerInner .Paragraph /* copied from '.Tab_ContainerInner p' in the upgrade to 5.0.0.0 */ {
    text-align: left;
}

.Tab_End {    
    border-bottom: 1px solid #a8d4ff;
}

.Tab_On {
    margin: 0px;
    padding: 1px;
    border-top: 1px solid #a8d4ff;
    border-left: 1px solid #a8d4ff;
    border-right: 1px solid #a8d4ff;
    border-bottom: 1px solid white;
    background-color: white;
}

.Tab_Off {
    margin: 0px;
    padding: 1px;
    border: 1px solid #bbddff;
    background-color: transparent;
}

.Tab_Disabled {
    margin: 0px;
    padding: 1px;
    border: 1px solid #bbddff;
}

.TabZone {
    border-collapse: collapse;    
}

a.Tab_TextOn,
a.Tab_TextOn:link,
a.Tab_TextOn:visited,
a.Tab_TextOn:hover {
    display: block;
    white-space: nowrap;
    text-decoration: none;
    font-size: 11px;
    color: black;
    padding: 2px 8px 1px 8px;
}

a.Tab_TextOff,
a.Tab_TextOff:link,
a.Tab_TextOff:visited {
    display: block;
    white-space: nowrap;
    text-decoration: none;
    font-size: 11px;
    color:#BBBBBB;
    padding: 2px 8px 1px 8px;
    background-color:#EAEAEA;
}

a.Tab_TextOff:hover {
    background: white;
}

a.Tabs_TabDisabled,
a.Tabs_TabDisabled:link,
a.Tabs_TabDisabled:visited,
a.Tabs_TabDisabled:hover,
span.Tabs_TabDisabled {
    display: block;
    white-space: nowrap;
    text-decoration: none;
    font-size: 11px;
    color:#BBBBBB;
    padding: 2px 8px 1px 8px;    
    background-color:#EAEAEA;
}

/* ------- Tab Pattern Start ------- */


/*--------Menu WebBlock Start------------------*/

.Menu_Section_Body {    
} 

.Menu_Expanded, .Menu_Collapsed { 
    white-space: nowrap; 
    margin: 0px;
    background-color: white;
    background-position: left;
    background: #dddddd url('/Enterprise/img/Menu_Gradient.gif?11000') repeat-x; 
    font-size: 12px;
    border: 1px solid #cccccc;
    font-weight: bold;
    font-size: 12px; 
    color: black; 
    text-decoration: none; 
} 
 
td.Menu_ItemActive, .Menu_Expanded { 
    background-color: white;   
}

th.Menu_ItemActive /* copied from 'td.Menu_ItemActive' in the upgrade to 5.0.0.0 */ { 
    background-color: white;   
} 
 
.Menu_Section_Body a, 
.Menu_Section_Body a:link,
.Menu_Section_Body a:visited  { 
    font-size: 12px; 
    color: black; 
    text-decoration: none; 
    display: block;
    padding: 2px 8px 2px 8px;
} 
  
.Menu_Section_Body a:hover { 
    font-size: 12px; 
    color: black; 
    text-decoration: none; 
    background-color: white;     
    white-space: nowrap; 
    margin: 0px; 
    background-position: left; 
} 

.Menu_Expanded,
.Menu_Expanded a,
.Menu_Expanded a:link,
.Menu_Expanded a:visited,
.Menu_Expanded a:hover {
    background-color: white; 
    display: block;
}

.Menu_Entries {
    z-index: 10;
    _border: solid 1px #cccccc;
    _margin-top: -1px;
    width: 100%;
    height: 100%;    
}

.Menu_Entries > table {
    border-right: 1px solid #cccccc;    
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;    
}

.Menu_Entries td { 
    _padding: 0px;
    font-size: 12px; 
    text-align: left; 
    text-decoration: none; 
    background-color: #fdfdfd; 
    white-space: nowrap; 
    z-index: 10; 
}

.Menu_Entries th /* copied from '.Menu_Entries td' in the upgrade to 5.0.0.0 */ { 
    _padding: 0px;
    font-size: 12px; 
    text-align: left; 
    text-decoration: none; 
    background-color: #fdfdfd; 
    white-space: nowrap; 
    z-index: 10; 
} 
 
.Menu_Entries a, 
.Menu_Entries a:link,
.Menu_Entries a:visited,
.Menu_Entry a, 
.Menu_Entry a:link,
.Menu_Entry a:visited,
.Menu_Entry_Active a, 
.Menu_Entry_Active a:link,
.Menu_Entry_Active a:visited,
.Menu_Entries td p { 
    text-decoration: none; 
    padding: 2px 8px 3px 8px;
    display: block; 
    _width: 100%;
    color: black;
    font-weight: normal;
}

.Menu_Entries th p /* copied from '.Menu_Entries td p' in the upgrade to 5.0.0.0 */ { 
    text-decoration: none; 
    padding: 2px 8px 3px 8px;
    display: block; 
    _width: 100%;
    color: black;
    font-weight: normal;
}

.Menu_Entries td .Paragraph /* copied from '.Menu_Entries td p' in the upgrade to 5.0.0.0 */ { 
    text-decoration: none; 
    padding: 2px 8px 3px 8px;
    display: block; 
    _width: 100%;
    color: black;
    font-weight: normal;
}

.Menu_Entries th .Paragraph /* copied from '.Menu_Entries td .Paragraph' in the upgrade to 5.0.0.0 */ { 
    text-decoration: none; 
    padding: 2px 8px 3px 8px;
    display: block; 
    _width: 100%;
    color: black;
    font-weight: normal;
} 
 
.Menu_Entries a:hover,
.Menu_Entry a:hover,
.Menu_Entry_Active a:hover { 
    _padding: 2px 8px 3px 8px;
    background-color: #efefef;     
    display: block; 
    _width: 100%;
    text-decoration: none;
} 

.Menu_Entry, .Menu_Entry_Active {
    padding: 0px;
}

.Menu_Entry_Active a, 
.Menu_Entry_Active a:link,
.Menu_Entry_Active a:visited {
  font-weight: bold;
  background-color: #dddddd;
}

.Sidebar img[src*="TopCorner.gif"] {
    display: none;
    margin: 0px 2px;
}

.Menu_Container {
   vertical-align: top;
    padding-right: 5px;
    padding-left : 5px;
    background-color: transparent;
}

.GreyStyle {
  display: none;
}

/*--------Menu WebBlock End--------------------*/

/*-------- General Start --------------------*/

input[type=file] {
  text-align: left;
}

/*-------- General End --------------------*/

/*---------------------------------------------------------------*/
/*---------------- Styleguide Upgrader Styles End ---------------*/
/*---------------------------------------------------------------*/


/*--------Header WebBlock Start----------------*/


.Header_TopRight {
    width: 100%;
    background-color: #EFEFEF;
    vertical-align: top;
    text-align: right;
}

.Header_MenuBar,
.Header_MenuBar td {
    color: white;
}

.Header_MenuBar a,
.Header_MenuBar a:link,
.Header_MenuBar a:visited,
.Header_MenuBar a:hover {
    text-decoration: none;
    color: white;
}

.Header_MenuBar a:hover {
    text-decoration: underline;
}

.Header_MenuBar_NormalCell {
    color: white;
    background-color: #019DDA;
}

.Header_MenuBar_MenuCell {
    color: white;
    font-size: 11px;
    font-weight: bold;
    background-color: #12498A;
}

.Header_MenuBar_MenuCell a,
.Header_MenuBar_MenuCell a:link,
.Header_MenuBar_MenuCell a:visited,
.Header_MenuBar_MenuCell a:hover {
    text-decoration: none;
    color: white;
}

.Header_MenuBar_ItemCell {
    color: white;
    font-size: 9px;
    font-weight: bold;
    background-color: #12498A;
    vertical-align: absmiddle;
    align: absmiddle;
}

.Header_MenuBar_ItemCell a,
.Header_MenuBar_ItemCell a:link,
.Header_MenuBar_ItemCell a:visited,
.Header_MenuBar_ItemCell a:hover {
    text-decoration: none;
    color: white;
}

.Header_MenuBar_ItemCell a:hover {
    text-decoration: underline;
}

.Header_SubMenuBar {
    width: 100%;
    background: url(/iEnterprise/img/GNR_header_submenubar_background.jpg?9735);
    _overflow: hidden;
    color: white;
    font-weight: bold;
    font-size: 10px;
    border-left: 1px solid #BFBFBF;
    border-right: 1px solid #BFBFBF; 
}
.Header_SubMenuBarText {
   
    color: white;
    font-weight: bold;
    font-size: 10px;

}

.Header_SubMenuBar * td.links {
    width: 100%;
    _overflow: hidden;
    color: white;
    font-weight: bold;
    font-size: 10px;
    padding-left: 10px;
    white-space: nowrap;
}

.Header_SubMenuBar * a,
.Header_SubMenuBar * a:link,
.Header_SubMenuBar * a:visited,
.Header_SubMenuBar * a:hover {
    text-decoration: none;
    color: white;
}

.Header_SubMenuBar * a:hover {
    text-decoration: underline;
}

.Header_SubMenuBar_Root {
    display: inline;
    height:29px;
    width: 100%;
}

.Header_SubMenuBar_Root * td.root {
    background:url(/iEnterprise/img/GNR_header_submenubar_root_background.png?9735);
    white-space: nowrap;
    padding-left: 20px;
    padding-right: 5px;
    color: white;
    font-weight: bold;
    font-size: 10px;
}

.HeaderTable
{
    border-top: 1px solid #BFBFBF;
    border-left: 1px solid #BFBFBF;
    border-right: 1px solid #BFBFBF;   
}
/*--------Header WebBlock End------------------*/

/*-------- Menu Left --------------------------*/
.Column-left
{
  width:200px;
  float:left;
  color: #676767;
  }

.Sub-menu{background-color: rgb(229, 229, 229); clear:both; margin-bottom:30px; margin-left:5px; width:100%; /*background:url(../images/bg-sub-menu.png) repeat left top */}
.Sub-menu ul{padding-bottom:3px; width:100%; list-style:none}
.Sub-menu li{border-top:1px solid #c0c0c0; list-style-type:none;}
.Sub-menu a{color:#12498b; font-size:1.8em; text-decoration:none; display:block; padding:7px 10px 7px 12px}
.Sub-menu a:hover{text-decoration:underline}
.Sub-menu a.active{font-weight:normal}
.Sub-menu .sub-sub-menu{padding:0 0 10px 25px; width:89%}
.Sub-menu .sub-sub-menu li{border:none}
.Sub-menu .sub-sub-menu a{color:#3c3935; font-size:1.1em; padding:2px 0 0}

.Sub-menu .crn-left-top, .crn-left-top{height:6px; background:#12498b url(/img/crn-cross-content-left-top.gif?11000) no-repeat}
.Sub-menu .crn-right-top, .crn-right-top{height:6px; background:url(/img/MenuRightTop.gif?11000) no-repeat right top}
.Sub-menu .crn-left-bottom{background:url(../images/crn-cross-content-left-bottom.gif?11000) no-repeat left bottom}
.Sub-menu .crn-right-bottom{background:url(/img/MenuRightTop.gif?11000) no-repeat right bottom}

.Cross-content{clear:both; padding-bottom:30px; width:100%}
.Cross-content .photo{display:block; width:100%}
.Cross-content .border{border-bottom:1px solid #a0b6d1}
.Cross-content .crn-left-top{height:6px; background:#12498b url(../images/crn-cross-content-left-top.gif?11000) no-repeat}
.Cross-content .crn-right-top{height:6px; background:url(/img/MenuRightTop.gif?11000) no-repeat right top}
.Cross-content .crn-left-bottom{background:#e5e5e5 url(../images/crn-cross-content-left-bottom.gif?11000) no-repeat left bottom}
.Cross-content .crn-right-bottom{background:url(/img/MenuRightTop.gif?11000) no-repeat right bottom}
.Cross-content .content{background-color: rgb(229, 229, 229); color:#3c3935; text-align:right}
.Cross-content .content .crn-right-bottom{padding:6px 4px}
.Cross-content .content ul{padding-right:8px; list-style:none}
.Cross-content .content li{padding-bottom:15px}
.Cross-content .content li a{text-decoration:none; display:block; padding-right:24px; min-height:21px; background:url(../images/arrow2.gif?11000) no-repeat 100% 6px} /* IE6 */
.Cross-content .content li a:hover .name{} /* SF+CH */
.Cross-content .content li .name{color:#12498b; font-size:1.4em}
.Cross-content .content li .title{color:#3c3935; font-size:1.1em}
.Cross-content .content .note{font-size:1.1em; padding-right:31px}

.Column-left .Cross-content{ margin-left:5px; }

#Content{clear:both; float:left; width:100%} /* min-height:200px; */
#Content.padding-top{padding-top:105px}

#Content .ms-long{
    font-family:'Open Sans';
    font-size:1.1em;
    width:100%
}

div.Feedback_AjaxWait {
    position: fixed;
    top: 0;
    bottom: 1px;
    background-repeat: no-repeat;
    width: 100%;
    background: url(imgGIF/sandglass_blue.gif?11000) no-repeat;
    background-size: 60px 60px;
    background-position: center, center;
    background-color: white;
    padding: 10px 0;
    text-align: center;
    z-index: 10000;
    border-top-right-radius: 3px;
    opacity: 0.8;
}
div.Feedback_AjaxWait img {
display: none;
}


/* Portal de Denúncias page */
/* Font to use in all this webpage. Fonts used Open Sans and Open Sans ExtraBold */


/*@font-face {
    font-family: 'Open Sans' !important;*/
    /*src: url('OpenSans-Regular-webfont.eot'); */ /* IE9 Compat Modes */
    /*src: url('OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), */ /* IE6-IE8 */
       /*  url('OpenSans-Regular-webfont.woff') format('woff'), */ /* Modern Browsers */
        /* url('OpenSans-Regular-webfont.ttf') format('truetype'), */ /* Safari, Android, iOS */
         /*url('OpenSans-Regular-webfont.svg#open_sansregular') format('svg'); */ /* Legacy iOS */
    /*font-weight: normal !important;*/
    /*font-style: normal !important;*/

/*}*/


/*@font-face {
    font-family: 'Apex New Bold' !important;
      src: local('☺'), 
      url('font/ApexNewBold.otf') format('opentype'),
      url('font/ApexNewBold.woff') format('woff'), 
     url('font/ApexNewBold.ttf') format('truetype'),  
     url('font/ApexNewBold.svg') format('svg'); 
   font-weight: normal !important;
    font-style: normal !important;
}
*/
/*@font-face {
    font-family: 'Apex New Book' !important;
      src: local('☺'), 
      url('font/ApexNewBook.otf') format('opentype'),
      url('font/ApexNewBook.woff') format('woff'), 
     url('font/ApexNewBook.ttf') format('truetype'), 
        url('font/ApexNewBook.svg') format('svg'); 
   font-weight: normal !important;
    font-style: normal !important;
}*/

/*HTML5 support for older browsers */

header, section, footer, aside, nav, main, article, figure {
    display: block; 
}



/* Additional styles, not required for the inline-block grid to work */

.center {
    text-align: center;
}


footer {
    margin: 0 auto;
    padding: 0px;

    width: 100%;
}
    


/* End additional styles, not required for the inline-block grid to work */


/* required styling for inline-block grid */ 

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    
    box-sizing: border-box; 
}
/* height and body equal to viewport for reference */ 
html, body  { 
    height: 100%;
    width: 100%;
}

img {
    max-width: 100%;
    height: auto;
}

.thumbBlock {
    display: inline-block;
    width: 33.33%;
    padding: 10px;
    vertical-align: top;
    text-align: center;
}


/* MEDIA QUERIES */

@media only screen and (max-width: 900px) {
    .thumbBlock {
        width: 100%;
                text-align: center !important;
    }
}

@media only screen and (max-width: 700px) {
    .thumbBlock {
        width: 100%;
        text-align: center !important;
    }

}

/* END MEDIA QUERIES */

/* end required styling for inline-block grid */ 

/*Font/text for all portal Denuncias */
.ButtonFormulario {
    vertical-align: middle!important;
    text-align: center !important;
    display: inline-block !important;
    font-weight: bolder !important;
    border-radius: 4px;
    border: solid 1px #467193;
    color: #54B2CE!important;
    background-color:#FFFFFF!important;
    cursor: pointer;
    font-size: 20px;
}
.ButtonFormularioDocument{
    vertical-align: middle!important;
    text-align: center !important;
    display: inline-block !important;
    color: #B0C1CD !important;
    background-color:#FFFFFF!important;
    cursor: pointer;
    font-size: 18px;
    margin-left: 40px;
}

.ButtonFormularioComplaint{
    vertical-align: middle!important;
    text-align: center !important;
    display: inline-block !important;
    color: #467193 !important;
    background-color:#FFFFFF!important;
    cursor: pointer;
    font-size: 18px;
    font-weight: bolder;
}

/*.ButtonFormularioDocument:hover {
    box-shadow: 0 6px 16px 0 rgba(0,0,0,0.3), 0 17px 50px 0 rgba(0,0,0,0.3);
}*/

.ButtonFormularioUpload {
    vertical-align: middle!important;
    text-align: center !important;
    border: solid 1px #467193;
    color: #467193!important;
    background-color:#FFFFFF!important;
    cursor: pointer;
    text-transform: uppercase;
}

.ButtonFormularioUpload:hover {
    box-shadow: 0 6px 16px 0 rgba(0,0,0,0.3), 0 17px 50px 0 rgba(0,0,0,0.3);
}
.ButtonFormulario1 {
    vertical-align: middle!important;
    text-align: center !important;
    display: inline-block !important;
    font-weight: bold !important;
    padding: 3px;
    border-radius: 4px;
    border: solid 1px #467193;
    color: #467193;
    background-color:#FFFFFF;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 14px;
}
.ButtonFormulario2R {
    line-height: 25px !important;
    width: 25px;
    padding-top: 7px;
    margin-right: 5px;
}
.ButtonFormulario2 {
    line-height: 25px !important;
    width: 25px;  
    padding-left: 3px; 
    padding-top: 3px;
    margin-left: 5px;
}
.ButtonFormulario:hover {
    box-shadow: 0 6px 16px 0 rgba(0,0,0,0.3), 0 17px 50px 0 rgba(0,0,0,0.3);
}

* {
    
    font-family: 'Open Sans';
}

html,body, select, textarea, input, td, form, fieldset, table, tr, td, button, optgroup, option {
    font-family: 'Open Sans';

}

select {
    font-size: 15px !important;
}

.SetFontOpenSans {
    
}

.TituloInicial {
    
}

.DivIconPergunta {
    text-align: center;
    height: 60px;
    width: 60px;
    display: inline-block;
    line-height: 50px;
    margin-left: 10px;
    margin-top: 11px;
}


.PerguntaIconeNivel1Esquerda {
    font-size: 25px;
    margin-top: 5px;
}

.IconeoNivel1Direita {
    font-size: 18px;
    padding-right: 10px;
    display: inline-block;
    line-height: 0px !important;
    margin-top: 45px;
}
.PerguntaIconeNivel2Esquerda {
   font-size: 16px;
}
.PerguntaIconeoNivel2Direita {
   font-size: 16px;
}

.PerguntaIconeNivel3Esquerda {
   font-size: 16px;
}
.PerguntaIconeoNivel3Direita {
   font-size: 16px;
}

.PerguntaIconeNivel4Esquerda {
   font-size: 16px;
}
.PerguntaIconeoNivel4Direita {
   font-size: 16px;
}


.PerguntaTextoNivel1 {
    font-size: 14px;
    vertical-align: middle;
    width: 165px;
    display: inline-block;
    line-height: normal;
    text-align: left;
}


.PerguntaTextoNivel2 {
    font-size: 14px;
    vertical-align: middle;
    width: 130px;
    display: inline-block;
    line-height: normal;
    text-align: left;
    
}
.PerguntaTextoNivel3 {
    
}

.PerguntaTextoNivel4 {
    
}

.RespostaNivel1 p {
    font-family: 'Open Sans';
    font-size: 16px;
    margin-top: 16px;

}

.RespostaParagrafosNivel2 {
    
}
.RespostaParagrafosNivel3 {
    
}

.RespostaParagrafosNivel4 {
    
}

.RespostaLinksNivel1 {
    
}

.RespostaLinksNivel2 {
    
}
.RespostaLinksNivel3 {
    
}

.RespostaLinksNivel4 {
    
}

.RespostaTituloButtonsNivel1 {
    
}

.RespostaTituloButtonsNivel2 {
    
}
.RespostaTituloButtonsNivel3 {
    
}

.RespostaTituloButtonsNivel4 {
    
}

.RespostaButtonsNivel1 {
    
}

.RespostaButtonsNivel2 {
    
}
.RespostaButtonsNivel3 {
    
}

.RespostaButtonsNivel4 {
    
}

.TituloRodape {
    
}

.TextoRodape {
    
}

.LinksRodape {
    
}

.TitleForm {
   font-family: 'Open Sans';
   font-size: 22px;
}

.SubTitleForm {
    
}

.LabelsForm {
    color: #7e7e7e;
    border-radius: 8px;
    border: 1px solid #D3D3D3;
    width: 100%;
    font-family: 'Open Sans';
    font-size: 15px;
    -ms-overflow-style: none;

}

.LabelsFormInlineWidth {
   color:#7e7e7e;
   border-radius: 8px;
   border: 1px solid #D3D3D3;
   font-family: 'Open Sans';
   font-size: 15px;
   -ms-overflow-style: none;

}
.InheritWidth {
   width:inherit;
}

.LabelsFormCell {
   border: none;
   font-family: 'Open Sans';
    font-size: 15px;
    vertical-align: middle;
    text-align: center;
    position: relative;
   padding-right: 40px;
}

.OutroTextForm {
    font-family: 'Open Sans';
    font-size: 15px;
    
}
.HelpIconsForm {
    position: absolute;
    right:0;
}

.HelpIconsFormNarrow {
    text-align: left;
}


.TextIconsForm {
    
}

.TableFormAddDocuments {
     border:  1px solid #467193;
     text-align: left;
         font-family: 'Open Sans';
    font-size: 15px;
        color: #467193;
}
 
 .TableFormAddDocuments th {
     border-bottom:  1px solid #467193;
          text-align: left;
         font-family: 'Open Sans';
    font-size: 15px;
        color: #467193;
        font-weight: 700;

}

 .TableFormAddDocuments td {

          text-align: left;
         font-family: 'Open Sans';
    font-size: 15px;
        color: #467193;

}

 .TableFormAddDocuments a {
    text-decoration: underline;
          text-align: left;
         font-family: 'Open Sans';
    font-size: 15px;
        color: #467193;

}
     
     
     

/*End Font/Text for all portal Denuncias */


/*style for portal das denuncias (pergunta e resposta) Webblocks */

.ComplaintSiteContainer { /* contem a lista de records das perguntas e respostas todas de nivel1, e logo inclui todas as caixas Pergunta/Resposta*/
  background-color: white;
  display: blocK;
  margin: 0px auto;
}

.ComplaintSiteContainer2{
 
  display: inline-block;
  margin: 0px auto;
  font-size: 16px;
  text-align: left;
}

.ComplaintSiteContainerForm{

   
   /* padding: 10px;*/
}

.ComplaintSiteContainerForm table, th, td {
   
  
}
.ButtonTableComplaintForm {
    border-spacing: 50px 0px;
}


body {
    background-color: #FFFFFF;
  margin: 0;
  font-family: 'Open Sans';
  font-size: 13px;
  line-height: 1.5;
  text-align: center;
}



    .gallery-top {
        /*height: 80%;*/
        height:350px;
        width: 80%;
    }
    .helpArrowsOverFlow { 
         position:relative;
         display:  block;
         width: 100%;
         bottom: 70px;
        
    }

    


.title {
  font-size: 30px;
  color: #095D82; 
}
.tableBelowTitle {
      margin: 0 auto;
}
.textBelowTitle1 {
      font-size: 20px;
    color: #095D82; 
    width: 50px;
}
.textBelowTitle2 {
      font-size: 20px;
    color: #095D82; 
    width: 400px;
}






/*Main content*/

.MainCss {
    overflow: hidden;
    width: 100%; 
    margin-top: 40px;

}
.LeftColumnQuestions {
  
  width: 100%;
  background-color: #ffffff;
  padding-bottom: 500em;
  margin-bottom: -500em; 
  margin-left: -25px;
  

    
}

.LeftColumn {
   float: left;
  width: 66%;
  background-color: #ffffff;
  padding-bottom: 500em;
  margin-bottom: -500em; 
  text-align:left;
  float:left;
    
}

.RightColumn {
  float: left;
  width: 33%;
  margin-right: -1px; /* Thank you IE */
  padding-bottom: 500em;
  margin-bottom: -500em;
  
  background-color: #f7f7f7; 
  color: #FFFFFF;
  margin-top: 10px;
  margin-left: 1%;
  font-size: 22px;
}

.col-sm-9 {
 margin: auto;   
}



/* Footer style*/

body {
    background-color: #ffffff;
    text-align: center;
}
.div2 {
    font-family: 'Open Sans';
    font-size: 24px;
    color: #002633;
    margin-top: 50px;
    margin-bottom: 50px;

    text-align: left;
}
.div3 {
    font-family: 'Open Sans';
    font-size: 24px;
    color: #00a5be;
    margin-top: 50px;
    margin-bottom: 50px;
}

.div6 {
    font-family: 'Open Sans';
    font-size: 26px;
    color: #ffffff;
    margin-top: 50px;
    margin-left: 100px;
    text-align: left;
}
.div6a {
    font-family: 'Open Sans';
    font-size: 26px;
    color: #ffffff;
    margin-top: 50px;
    margin-left: 180px;
    text-align: left;
}
.div8 {
    font-family: 'Open Sans';
    font-size: 18px;
    color: #3cc9ae;
    margin-left: 180px;
    text-align: left;
}
a.verde {
    color: #3cc9ae;
    font-family: 'Open Sans';
    font-size: 18px;
    margin-bottom: 100px;
    margin-left: 180px;
    text-align: left;
    text-decoration: none;
}
.footerLine2 {
    background-color: #f7f7f7;
    font-family: 'Open Sans';
    font-size: 26px;
    color: #ffffff;
    margin:0px;
    padding:0;   
    text-align: left;
}
a.azul {
    color: #40c9db;
    font-family: 'Open Sans';
    font-size: 18px;
    margin-bottom: 50px;
    margin-left: 100px;
    text-align: left;
    text-decoration: none;
}
a.amarelo {
    color: #ffd21d;
    font-family: 'Open Sans';
    font-size: 18px;
    margin-bottom: 50px;
    margin-left: 100px;
    text-align: left;
    text-decoration: none;
}
.footerLine1 {
    font-family: 'Open Sans';
    font-size: 24px;
    color: #012633;
    margin-top: 30px;
    margin-bottom: 0px;
    padding:0;    
    text-align: center;
    background-color: #f7f7f7;
    width: 100%;

}
p {
    font-family: 'Open Sans';
    font-size: 20px;
}
.footerLine3 {
            margin:0px;
    padding:0px;   
    
background-color:  #012533;
  }
  
.footerCSS{

   margin-top: 20px;
  }
  
  .footerCSS2{
   background-color: #f7f7f7;
   margin-top: 20px;
  }
  
  /*.footerCSSOLD {
    padding:0px;  
    height:150px;
    text-align: left;
    border-style: solid;
    border: solid 5px rgba(0, 0, 0, 0.15);
    border-width: 5px 0 0 0;
    margin: 50px 0 50px 0;
    color: black;
    font-size: 16px;
    
  }*/
  
  
.FooterStyle {
    background-color: #467193;
    color:#FFFFFF;
    vertical-align: middle;
     }
 .FooterStyleInfo {
   vertical-align: middle;
   margin-left: 30px;
   text-align: center;
   display: inline-block;
   
  }
  
  /*font-awesome customization*/
  .fa-rotate-135 {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

  .fa-rotate-45 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.fa-chevron-right {
    float: right;
    line-height: 90px;
}

.fa-chevron-rightNew {
    float: right;
  
}

.fa-chevron-down {
    float: right;
    line-height: 90px;
}
.fa-chevron-downNew {
    float: right;
  
}

/*Ibenta taken from Anacom Portal */


.inbenta-interface .inbenta-rating {
    margin: 15px 0 10px;
    font-size: 16px;
}
.inbenta-interface .faq .faq-body {
    font-size: 15px;
    font-weight: normal;
    line-height: normal;

}

.inbenta-interface .faq {
    padding: 5px 0;
}
.inbenta-interface .tab-content {
    position: relative;
}



.inbenta-interface *:focus {
    outline: 0;
}
.inbenta-interface .flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}



.inbenta-interface .container {
    max-width: 100%;
}
.inbenta-interface {
    font-family: 'Open Sans';
    font-size: 15px;
}


.inbenta-interface .flex.justify-contents-between {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-box-flex: 1;
}
.inbenta-interface .flex.align-items-center {
    align-items: center;
    -webkit-align-items: center;
}
.inbenta-interface .inbenta-rating .links-container {
    margin-top: 50px;
}
.inbenta-interface .opinion-container {
    text-align: center;
}

.inbenta-interface .opinion-container > * {
    display: inline-block;
    vertical-align: middle;
}
.inbenta-interface .opinion-container .opinion-phrase {
    margin-right: 15px;
}

.inbenta-interface .btn.btn-default {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 14px;
    border: 1px solid #c8c8c8;
    padding: 10px 20px;
    border-radius: 0;
    color: #404041;
    line-height: normal;
    white-space: normal;
        cursor: pointer;
}
.inbenta-interface .opinion-container .btn.btn-default.btn-popover {
    background-color: #4cbabb;
    color: #fff;
    border-color: #4cbabb;
    padding: 6px 20px;
    cursor: pointer;
}
.inbenta-interface .inbenta-rating .widgets .sheet {
    background-image: url("imgSVG/sheet.svg");
}
.inbenta-interface .inbenta-rating .widgets .tag {
    background-image: url("imgSVG/tag.svg");
}
.inbenta-interface .inbenta-rating .social > * {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    height: 32px;
    width: 32px;
    background-size: 90% auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.inbenta-interface .inbenta-rating .social .twitter {
    background-image: url("imgSVG/twitter.svg");
}
.inbenta-interface .inbenta-rating .social .facebook {
    background-image: url("imgSVG/facebook.svg");
}
.inbenta-interface .inbenta-rating .social .linkedin {
    background-image: url("imgSVG/linkedin.svg");
}
.widgets {
    width:100%;
    height: 40px;
    text-align:right;
}

.widgets .email {
    background-image: url(imgSVG/email.svg);
    height: 32px;
    width: 32px;
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
}


.widgets .print {
    background-image: url(imgSVG/print.svg);
    height: 32px;
    width: 32px;
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
}



p {
 margin-bottom:16px;   
}



/*Caixas Pergunta Resposta */

.ComplaintQuestionsTitleCSS{
    background-color: white;
  display: blocK;
  margin: 0px auto;
  margin-bottom: 0px; 
  font-weight: bold;
  font-size: 22px;
  text-align:center;
}

.Pergunta {
    border: solid 1px rgba(0, 0, 0, 0.15);
    border-width: 1px 1px 1px 1px;
    margin-top: 10px;
    width: 330px;
    cursor: pointer;
    display: inline-block;
    height: 85px;
    background-color: white;
    margin-left: 30px;
    text-align: left;
}
.Pergunta2 {
    border: solid 1px rgba(0, 0, 0, 0.15);
    border-width: 1px 1px 1px 1px;
    margin-top: 10px;
    width: 250px;
    cursor: pointer;
    display: inline-block;
    height: 85px;
    background-color: white;
    margin-left: 20px;
}

.PerguntaNew {  
    border: solid 1px rgba(0, 0, 0, 0.15);
    border-width: 1px 1px 1px 1px; 
    margin-top:10px;
    width:100%;
    cursor:pointer;
}
.Pergunta a {
    text-decoration: none !important;
    font-size: 22px;
}
.Pergunta:hover {
    box-shadow: 0 4px 16px 0 rgba(0,0,0,0.12);
}

.Resposta {
    border: solid 1px rgba(0, 0, 0, 0.15);
    border-width: 3px;
   /* background-color: #EFEFEF;*/
    padding: 15px 30px 30px 30px;
    margin:  10px 0px 0px 0px;
    text-align: left;
}
.Resposta a {
    text-decoration: underline !important;
    font-size: 15px;

}

/*.Resposta:hover {
    box-shadow: 0 4px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}*/

.ButtonsExpandPerguntasRespostas {
   margin:   0px 0px 0px 0px; 
   padding:  0px 0px 0px 0px;
   text-align: center;
}
.ListRecordsPerguntaReposta{
    
    
}



.ButtonCarregarMais {
    text-align: center;
    padding: 3px;
    margin:30px auto 0 auto !important;
    border-radius: 4px;
    border: solid 1px #467193;
    background-color: #FFF;
    background: none;
    font-weight: 700;
    font-size: 16px;
    color: #467193;
    cursor:pointer;
    width: 200px !important;
}
.ButtonCarregarMais:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.12), 0 17px 50px 0 rgba(0,0,0,0.08);
}


IconContact{
}

IconEmail{
}

IconAddress{
}

    

.InfoFooter{
  background-color: #f7f7f7;
  color: #467193;
  height: 100px;
}

.InfoFooterTitle{
  font-weight: bold;
  font-size: 15px;
  color: #467193;
  background-color: #f7f7f7;
}


    
.ButtonSubmeter {
    font-weight: bold !important;
    text-align: center;
    padding: 3px;
    border-radius: 4px;
    border: solid 1px #467193;
    background-color: #FFF;
    background: none;
    font-weight: 700;
    font-size: 16px;
    color: #467193;
    cursor:pointer;
    width: 200px !important;
    padding: 6px 20px;
    cursor: pointer;
    font-weight: normal;
    font-size: 14px;
    text-align: center;
}
.ButtonSubmeter:hover {
    box-shadow: 0 6px 16px 0 rgba(0,0,0,0.12), 0 17px 50px 0 rgba(0,0,0,0.08);
}

.ButtonFooter{
   width: 100px;
   padding: 5px 5px 5px 5px; 
   background-color: #f7f7f7;
   border-radius: 100px;
   
}
.ButtonFooter:hover {
    box-shadow: 0 6px 16px 0 rgba(0,0,0,0.5);
    background-color: #f7f7f7;
    border-radius: 100px;
}



.PassoTable {
    line-height: 300%;
    font-size: 15px;
}
.PassoTable td {
    font-size: 15px;
}

.ProgressStepsCircles {
    background: #FFFFFF;
        color: #467193;
        font-family: font-family: 'Open Sans';
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    text-align: center;
    height: 45px;
    width: 45px;
    line-height: 45px;
    margin: 0 auto 10px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    font-size: 15px;
}
.ProgressStepsCirclesCell {
 text-align: center;
  padding:0;
      font-size: 15px;
}
.ProgressStepsCirclesCellCenter {
 text-align: center;
  padding:0;
  margin-left: 10%;
  margin-right: 10%;
      font-size: 18px;
}

.ProgressStepsCirclesCellLeft {
 text-align: left;
  padding:0;
}


.ProgressStepsCirclesCellRight {
 text-align: right;
 padding:0;
}


.RulerProgressStepsCircles1 {
    background-color: #FFFFFF !important;
    content: ' ';
    display: block;
    width: 50%;
    height: 6px;
    top: 20px;
    right: 75%;
    position: absolute;
   
}

.RulerProgressStepsCircles2 {
    background-color: #FFFFFF !important;
    content: ' ';
    display: block;
    width: 50%;
    height: 6px;
    top: 20px;
    right: 25%;
    position: absolute;
   
}
.TableProgressStepsCircles {
        table-layout: auto;
    border-collapse: collapse;
        border-collapse: collapse;
    border-spacing: 0;
    position:relative;
    
}




div.Help_Screen {
    text-align: left;
    float:none;
    margin: 0;
    width:32px;
}

div.Help_Screen img, div.Help_Context img{
   /* content: url('/Denuncias/imgSVG/questionmark.svg');*/ 
    width: 20px !important;
    height: 20px !important;
}


.EditRecord_Caption {
    text-align: left;
}


.PassosContainer {
    text-align: center !important;
    margin-top: 5%;
   
}

.PassosContainer3 {
    text-align: center !important;
    margin-top: 5%;
   
}

.FormNavigationButtons {
    
}

.FormLabels {
    font-family: font-family: 'Open Sans';
    font-weight: bolder;
    font-size: 18px;
      
}

.footertitle {
    
      font-weight: bold;
      font-size: 20px;
      
  }
  
.IntroTitle{
     font-weight: bold;
     font-size: 24px;
     color:#54B2CE;
      
  }
 
 .IntroText{
    color:black; 
    font-size: 18px;
          
  }
 
.BannerLogo {
   background-color:  #54B2CE;
   vertical-align: middle;
/*   height: 200px;*/
   width: 100%;
   text-align: left;
   padding-left: 10px;
      
}

.BannerLogoImageContanier{
    margin-left: 10px;
    margin-top: 20px;
    vertical-align: middle;
    width: 170px; 
    height: 150px;
    background-color: white;  
   }

.BannerLogoImage{
    width: 100px; 
    height: 100px;
    margin-top: 25px;
    font-size: 100px;
    text-align: center;
    vertical-align: middle;
    color: #54B2CE;
    background-color: #FFFFFF;

}


.BannerLogoText{
    color: white;
    font-size: 50px;
    margin-top: 25px;
    margin-left: 15px;
    margin-top: 15px;
    /*display: inline-block;*/
         
}

.PerguntaNivel2 {
    border: solid 1px rgba(0, 0, 0, 0.15);
    border-width: 1px 1px 1px 1px;
    margin-top: 10px;
    width: 100%;
    cursor: pointer;
    display: inline-block;
    height: 62.5px;
    background-color: white;
    /* line-height: 20px; */
}

.linkFooter{

text-decoration: none !important;
color:white !important;

}

linkFoote:hover{
text-decoration: underline;
}
.QuestionTitle{
font-weight: bold;
font-size: 40px;
      
}
.LeftButton{
text-align: left;
}

.RightButton{
text-align: right;
}
.LabelFormulario1{
    width:95%;
    margin-left: 30px;

}

.LabelFormulario2{
    width:95%;
    margin-left: 30px;

}


.LabelFormulario3{
    width:95%;
    margin-left: 30px;

}

.DocumentTableStyle{
     background: white !important;
     border-bottom: 0px !important; 
     border-radius: 8px !important;
     border: 1px solid #D3D3D3 !important; 
     min-height: 100px;
     width: 95%;
     margin-right: 30px;
    
}

.DocumentTableStyleHeader{
background: white !important;
color: #467193;
font-size: 15px;
border-radius: 8px !important;

}

.HiddenMessage{
    font-size: 16px;
    color: #467193;
    line-height: 25px;
    
}

.RespostaTitle{
font-size: 20px !important;
font-weight: bold;
}
 
  
.ConfirmationText{
  color: #467193;
  font-weight: bolder;
  font-size: 18px;
  }
  
  
 .PerguntaResposta{
 
 align:center;
 text-align: left;
 margin-left: 10px;
 
 } 
 
 .BannerHorn{
    margin-top: 25px;
    font-size: 100px;
    text-align: center;
    vertical-align: middle;
    color: #54B2CE;
    background-color: #FFFFFF;

}

/*Aqui*/

.PassoDenunciado{
    text-align: left;
    
    
    
}

.divTargetPeople{
    
    
}

.iframeVideo{
width: 400px;
height: 225px;
}

.linkForm{
    text-decoration: none;
    color: white;
}


.QuestionContent{
 text-align: left;   
}
 .AdCImage{
 }
.ClemencyImg{
    display: inline-block;
    vertical-align:middle; 
    margin-left: 20px !important;
    border: solid;
    border-color: #00B9F2
 }
.HandImg{
 display: inline-block;
 }
  
 .RightColumn2{
    width: 50%;
    margin-top: 50px;
}
.LeftColumn2{
    width: 50%;
    text-align: left;
}
.RightColumn3{

}
.LeftColumn3{

}
 
.Intro{
    
width: 100%;
margin-left: 35px;
}
.BannerStyle{
/*height: 250px;*/
outline: none;
display:inline-block;
}

.Extra{
margin-left: -20px;
margin-top: 60px;

}

.QuestionsMobile{
 display: none;   
}

.QuestionsWebPage{
 display:inline-block;   
}
.MailBox{
   vertical-align: middle;
   margin-left: 30px;
   text-align: center;
  display: inline-block; 
}

.FormBox{
   vertical-align: middle;
   margin-left: 30px;
   text-align: center;
  display: inline-block; 
}

.Anonymous{
    color: #54B2CE;
    font-weight: bold;
    font-Size: 18px;
}



 @media screen and (max-width : 580px) {
 .divTargetPeople{
 margin-left: 20px;   
    
}      
     
     
.LabelFormulario3{
    width:95%;
    margin-left: 0px !important;

}     
     
.PassoDenunciado{
 margin-left: 20px;   
        
}     
     
.LabelFormulario1{
    width:95%;
    margin-left: 30px;

}     
 
.divTargetPeople{
   margin-left: 15px !important;  
    
}
     
   
.ButtonFormulario2R {
    line-height: 25px !important;
    width: 25px;
    padding-top: 2px !important;
    margin-right: 5px;
}
.ButtonFormulario2 {
    line-height: 25px !important;
    width: 25px;  
    padding-left: 0px; 
    padding-top: 0px;
    margin-left: 5px;
}     
 
     
/*Formulário*/  
.ButtonSubmeter {
    font-weight: bold !important;
    text-align: center;
    padding: 3px;
    border-radius: 4px;
    border: solid 1px #467193;
    background-color: #FFF;
    background: none;
    font-weight: 700;
    font-size: 16px;
    color: #467193;
    cursor: pointer;
    width: 170px !important;
    padding: 6px 20px;
    cursor: pointer;
    font-weight: normal;
    font-size: 14px;
    text-align: center;
}
 .ButtonFormulario2R {
    line-height: 25px !important;
    width: 25px;
    padding-top: 0px !important;
} 
 
 .HiddenMessage {
    font-size: 12px;
    color: #467193;
    line-height: 25px;
}   
 .ProgressStepsCirclesCellCenter {
    text-align: center;
    padding: 0;
    margin-left: 10%;
    margin-right: 10%;
    font-size: 12px;
}

.Heading1 {
    color: #467193;
    font-family: 'Open Sans';
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 20px;
    width: 95%;
    text-align: center;
    }
.ButtonFormulario {
    vertical-align: middle!important;
    text-align: center !important;
    display: inline-block !important;
    font-weight: bolder !important;
    border-radius: 4px;
    border: solid 1px #467193;
    color: #54B2CE!important;
    background-color: #FFFFFF!important;
    cursor: pointer;
    font-size: 15px;
}    
    

.FormLabels {
    font-family: 'Open Sans';
    font-weight: bolder;
    font-size: 12px;
    line-height: 20px;
}

.LabelsForm {
    color: #7e7e7e;
    border-radius: 8px;
    border: 1px solid #D3D3D3;
    width: 100%;
    font-family: 'Open Sans';
    font-size: 10px !Important;
    -ms-overflow-style: none;
}
.LabelsFormInlineWidth {
    color: #7e7e7e;
    border-radius: 8px;
    border: 1px solid #D3D3D3;
    font-family: 'Open Sans';
    font-size: 10px;
    -ms-overflow-style: none;
}

.ButtonFormularioComplaint {
    vertical-align: middle!important;
    text-align: center !important;
    display: inline-block !important;
    color: #467193 !important;
    background-color: #FFFFFF!important;
    cursor: pointer;
    font-size: 15px;
    font-weight: bolder;
}

.ButtonFormularioDocument {
    vertical-align: middle!important;
    text-align: center !important;
    display: inline-block !important;
    color: #B0C1CD !important;
    background-color: #FFFFFF!important;
    cursor: pointer;
    font-size: 15px;
    margin-left: 0px !important;
    width: 95% !important;
    line-height: 20px;
}

.DocumentTableStyleHeader {
    background: white !important;
    color: #467193;
    font-size: 12px;
    border-radius: 8px !important;
}

.Anonymous{
    color: #54B2CE;
    font-weight: bold;
    font-Size: 15px;
}    
     
     
     
     
 /*Vimeo*/  
 
.iframeVideo{
width: 288px;
height: 162px;
}    
     
     
/*Pergunta Resposta*/
.Resposta {
    border: solid 1px rgba(0, 0, 0, 0.15);
    border-width: 3px;
    /* background-color: #EFEFEF; */
    padding: 15px 30px 30px 30px;
    margin: 10px 0px 0px 30px;
    text-align: left;
}    
.Resposta a {
    text-decoration: underline !important;
    font-size: 12px !important;
} 
     
.RespostaTitle {
    font-size: 18px !important;
    font-weight: bold;
}

.RespostaNivel1 p {
    font-family: 'Open Sans';
    font-size: 12px !important;
    margin-top: 16px;
}     
     
.Pergunta {
    border: solid 1px rgba(0, 0, 0, 0.15);
    border-width: 1px 1px 1px 1px;
    margin-top: 10px;
    width: 270px;
    cursor: pointer;
    display: inline-block;
    height: 85px;
    background-color: white;
    text-align: left;
}   

.PerguntaTextoNivel1 {
    font-size: 14px;
    vertical-align: middle;
    width: 155px;
    display: inline-block;
    line-height: normal;
    text-align: left;
}
.Pergunta2 {
    border: solid 1px rgba(0, 0, 0, 0.15);
    border-width: 1px 1px 1px 1px;
    margin-top: 10px;
    width: 220px;
    cursor: pointer;
    display: inline-block;
    height: 85px;
    background-color: white;
    margin-left: 0px !important; 
}

.PerguntaTextoNivel2 {
    font-size: 12px;
    vertical-align: middle;
    width: 105px;
    display: inline-block;
    line-height: normal;
    text-align: left;
}

.RespostaNivel1 p {
    font-family: 'Open Sans';
    font-size: 16px;
    margin-top: 16px;
}
     
     
 .QuestionsMobile{
  display:inline-block;   
}

.QuestionsWebPage{
 display: none; 
}    
 
 /*Extra*/
.RightColumn3{
  width: 100% !Important;
  margin-top: 10px;
  text-align: center;
}
.LeftColumn3{
    width: 100% !Important;
    text-align: center;
    
} 
    
.Extra {
    margin-left: 5px !Important;
    margin-top: 30px !Important;
}
     
.ClemencyImg{
    display: inline-block;
    padding-right: 6px !important;
    vertical-align: middle;
    width: 260px !important;
    margin-left: 0px !important; 
 }
 
.HandImg{
    display: inline-block;
    width: 260px !important;
    margin-right: 0px !important;
 }    
     
 
/*Intro*/  
 
 .RightColumn2 {
    width: 100% !Important;
    display: block;
}

.LeftColumn2 {
    width: 100% !Important;
    text-align: left;
}

.MainCss {
    overflow: hidden;
    width: 100%;
    margin-top: 0px !important;
}
 
.IntroTitle {
    font-weight: bold;
    font-size: 18px;
    color: #54B2CE;
}


.IntroText {
    color: black;
    font-size: 12px;
}

.Intro{
    
width: 100%;
margin-left: 0px !Important;
}  
  
  /*Banner*/
  
.BannerStyle{
    width: 90%;
    margin-left: 0px;
    margin-top: 1%;
    height: 190px !Important;
    outline: none;
    display: inline-block;
} 

 .AdCImage{
 width: 100px;
 
 }
  
.BannerLogoImage {
    font-size: 50px;
    text-align: center;
    vertical-align: middle;
    color: #54B2CF;
    background-color: #FFFFFF;
}
.BannerLogoImageContanier {
    margin-left: 5px;
    margin-top: 18px;
    vertical-align: middle;
    width: 80px;
    height: 80px;
    }
    
.BannerLogo {
    background-color: #54B2CE;
    vertical-align: middle;
/*   height: 200px;*/
    width: 100%;
    text-align: left;
    padding-left: 10px;
}

.BannerLogoText {
    color: white;
    font-size: 15px;
    margin-left: 15px;
    margin-top: 35px;
}
.FooterStyleInfo {
    vertical-align: middle;
    margin-left: 30px;
    text-align: center;
    display: block;
    width: 100% !important;
    margin-top: 10px !important;
}

.NoMarginTop {
       margin-top: 0px !important;
}
.MailBox{
   vertical-align: middle;
    margin-left: 30px;
    text-align: center;
    display: block;
    width: 100% !important;
    margin-top: 0px !important;
}

.FormBox{
   vertical-align: middle;
    margin-left: 30px;
    text-align: center;
    display: block;
    width: 100% !important;
    margin-top: 0px !important;
}

 }

 
 @media screen and (min-width : 581px) and (max-width : 768px) {
     
     
.PerguntaTextoNivel1 {
    font-size: 14px;
    vertical-align: middle;
    width: 155px;
    display: inline-block;
    line-height: normal;
    text-align: left;
}     
     
.Pergunta {
    border: solid 1px rgba(0, 0, 0, 0.15);
    border-width: 1px 1px 1px 1px;
    margin-top: 10px;
    width: 270px;
    cursor: pointer;
    display: inline-block;
    height: 85px;
    background-color: white;
    margin-left: 30px !important;
}

.PerguntaResposta {
    align: center;
    text-align: center;
    margin-left: 10px;
}  

 /*Intro*/  
 
 .RightColumn2 {
    width: 100% !Important;
    display: block;
}

.LeftColumn2 {
    width: 100% !Important;
    text-align: left;
}

.MainCss {
    overflow: hidden;
    width: 100%;
    margin-top: 40px !important;
}
 
 .IntroText {
    color: black;
    font-size: 15px;
}

.IntroTitle {
    font-weight: bold;
    font-size: 20px;
    color: #54B2CE;
}

.Intro{
    
width: 100%;
margin-left: 15px;
}  


/*Banner*/

.RightColumn3 {
    width: 100% !important;
    text-align: center;
    margin-top: 20px;
}

.LeftColumn3 {    
    width: 100% !important;
    text-align: center;
}
.ClemencyImg{
  margin-left: 0px !important;
 }

.AdCImage{
 width: 100px;
 
 }
  
.BannerLogoImageContanier {
    margin-left: 10px;
    margin-top: 20px;
    vertical-align: middle;
    width: 120px;
    height: 120px;
    background-color: white;
}


.BannerLogoImage{
    font-size: 80px;
    text-align: center;
    vertical-align: middle;
    color: #54B2CE;
    background-color: #FFFFFF;
}

.BannerLogo {
    background-color: #54B2CE;
    vertical-align: middle;
/*   height: 200px;*/
    width: 100%;
    text-align: left;
    padding-left: 10px;
}

.BannerLogoText {
    color: white;
    font-size: 30px;
    margin-left: 15px;
    margin-top: 35px;
}
.FooterStyleInfo {
    vertical-align: middle;
    margin-left: 30px;
    text-align: center;
    display: block;
    width: 100% !important;
    margin-top: 10px !important;
}

.NoMarginTop {
       margin-top: 0px !important;
}

.MailBox{
   vertical-align: middle;
    margin-left: 30px;
    text-align: center;
    display: block;
    width: 100% !important;
    margin-top: 0px !important;
}
.FormBox{
   vertical-align: middle;
    margin-left: 30px;
    text-align: center;
    display: block;
    width: 100% !important;
    margin-top: 0px !important;
}

 
 }
 
 
 @media screen and (min-width : 769px) and (max-width : 1024px) {
     
 .PerguntaTextoNivel1 {
    font-size: 14px;
    vertical-align: middle;
    width: 155px;
    display: inline-block;
    line-height: normal;
    text-align: left;
}    

.PerguntaResposta {
    align: center;
    text-align: CENTER;
    margin-left: 10px;
}    
.Pergunta {
    border: solid 1px rgba(0, 0, 0, 0.15);
    border-width: 1px 1px 1px 1px;
    margin-top: 10px;
    width: 270px;
    cursor: pointer;
    display: inline-block;
    height: 85px;
    background-color: white;
    margin-left: 30px !important;
    text-align: center;
}
   
     
 /*Intro*/    
 .IntroText {
    color: black;
    font-size: 15px;
}

.IntroTitle {
    font-weight: bold;
    font-size: 20px;
    color: #54B2CE;
}

.Intro{
    
width: 100%;
margin-left: 15px;
}    

/*Banners Down*/
.RightColumn3 {
    width: 100% !important;
    text-align: center;
    margin-top: 20px;
}

.LeftColumn3 {    
    width: 100% !important;
    text-align: center;
}
.ClemencyImg{
  margin-left: 0px !important;
 }

.AdCImage{
 width: 100px;
 
 }



     
/*Banner*/
.BannerLogoText{
    color: white;
    font-size: 40px;
    margin-left: 15px;
    margin-top: 30px;
        
}

.BannerLogoImageContanier {
    margin-left: 10px;
    margin-top: 20px;
    vertical-align: middle;
    width: 140px;
    height: 140px;
    background-color: white;
}

.BannerLogo {
    background-color: #54B2CE;
    vertical-align: middle;
/*   height: 200px;*/
    width: 100%;
    text-align: left;
    padding-left: 10px;
}

.BannerLogoImage {

    font-size: 90px;
    text-align: center;
    color: #54B2CE;
 
 }
 }
 
.PerguntaResposta {
    align: center;
    text-align: CENTER;
    margin-left: 10px;
}

/*correcoes ao FeedBackMessage do Rich Widgets */
a.Feedback_Message_Wrapper_Close img {
    width: 14px !important;
    height: 14px !important;
}