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

html, form {
    height: 100%;
    margin: 0px;
    padding: 0px;
}

body {
    height: 100%;
    background-color: #EAEAEA;
    margin: 0px;
}

body,
select,
textarea,
input,
td,
th {
    text-align: left;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

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

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

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

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

input[disabled='disabled'] {
    background: ButtonFace;
    cursor: text;
}


input[type='text'][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: #3D5C3D;
    text-decoration: none;
    font-weight: bold;
}

a:hover {
   text-decoration: none;
   color: black;
}

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

img {
    vertical-align: text-bottom;
    border-width: 0px;
}

/*-----------------------------------------------------------------*/
/*----------------- 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: 0px 10px 1px 10px;
    *padding: 0px 3px 0px 3px;
     color: white;
    background: #ED7B00 url(/RichWidgets/img/Bar_Gradient.png?797) repeat-x top;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/RichWidgets/img/Bar_Gradient.png', sizingMethod='scale');  /* IE6 */
    _background: #ED7B00;  /* IE6 */
}

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

td .Button {
    font-size: 8pt;
}

.EditRecord {
}

.EditRecord_Caption {
    color: #444444;
    font-size: 11px;
    padding: 5px;
    font-weight: bold;
    vertical-align: middle;
    white-space: nowrap;
    text-align: left;
}

.EditRecord_Value {
    border-left: 3px solid transparent;
    color: #444444;
    vertical-align: middle;
}

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

.ShowRecord {
}

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

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

.ShowRecord_Buttons {
    text-align: left;
    padding-top: 8px;
    border-bottom: 2px solid #1E5AA3;
    padding-bottom: 3px;
}

.TableRecords {
}

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

.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-bottom: 1px solid #cccccc;
    border-left: 1px solid #efefef;
    white-space: normal;
    vertical-align: top;
}

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

.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;
}

input.Mandatory {
}

select.Mandatory {
}

textarea.Mandatory {
}

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

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

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

input.Is_Default {
}

a.Is_Default {
}

td.MandatoryCaption {
}

td.MandatoryValue {
}

span.ValidationMessage {
    color: white;
    font-size: 11px;
    padding: 6px;
    font-weight: bold;
    background: #BF1601;
    max-width: 300px;
    z-index: 100;
}

span.ValidationIcon {
}

span.InputMandatorySymbol {
    position: absolute;
    color: #BF1601;
    padding: 3px;
    content: '*';
    font-size: 12px;
}

table.Empty {
}

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



/*-----------------------------------------------------------------*/
/*--------- RichWidgets Specific Styles (color) Start -------------*/
/*-----------------------------------------------------------------*/

div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-titlebar, div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar {
    background: #3D5C3D url(/RichWidgets/img/Bar_Gradient.png?793&797) repeat-x top;
    _background: #3D5C3D ;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/RichWidgets/img/Bar_Gradient.png', sizingMethod='scale');
}


/* ExcludeFromPickersOutsideBlock: Popup, ui-dialog, ui-dialog-titlebar */

ul.ui-autocomplete a.ui-state-hover {
    background-color: #3D5C3D;
}

/* ExcludeFromPickersOutsideBlock: ui-autocomplete, ui-state-hover */

div.calendar tbody .rowhilite td.selected,
div.calendar tbody .rowhilite th.selected {
    background-color: #3D5C3D;
}

div.calendar tbody td.selected,
div.calendar tbody th.selected {
    background-color: #3D5C3D;
}

/* ExcludeFromPickersOutsideBlock: calendar, rowhilite, selected */

/*-----------------------------------------------------------------*/
/*--------- RichWidgets Specific Styles (color) 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.                              */
/*-------------------------------------------------------*/

.Heading1 {
    color: #333333;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 4px;
}

.Heading2 {
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 3px;
}

.Heading3 {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    padding-top: 8px;
    padding-bottom: 2px;
}

.Text_Note {
    color: #888888;
    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;
}

.Document {
    background-color: white;
    border-style: solid;
    border-color: #cccccc;
    border-width: 0px 1px 1px 1px;
    height: 92%;
    width: 96%;
    -moz-box-shadow: 0px 0px 30px #3D5C3D;
    -webkit-box-shadow: 0px 0px 30px #3D5C3D;
    box-shadow: 0px 0px 30px #3D5C3D;

}

.DocumentPopup {
    background-color: White;
    width: 100%;
    height: 100%;
    margin-top: 0px;
}

* html .Document {
    height: 90%;
}

.Body {
    padding: 0px 16px 14px 16px;
    vertical-align: top;
    height: 90%;
}

.BodyPopup {
    padding: 0px 16px 14px 16px;
    vertical-align: top;
}

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

.Body td .Button,
.Body th .Button {
    margin-top: 0px;
}

.Title {
    margin-top: 13px;
    margin-bottom: 16px;
    font-size: 20px;
    color: #333333;
    font-weight: bold;
}

.Title_Links, .Title_Links td {
    font-size: 11px;
}

.ShowRecord {
    margin-bottom: 8px;
}

.ShowRecord_SectionTitle {
    color: #888888;
    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;
    border-top: 1px solid #888888;
    background: rgb(211, 241, 208);


}

.EditRecord {
    margin-bottom: 8px;
}

.EditRecord_SectionTitle {
    color: #888888;
    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;
    border-top: 1px solid #888888;
    background: rgb(211, 241, 208);
}

.TableRecords_Wrapper {
}

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

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

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

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

.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 #ED7B00;
    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_Wrapper {
    background: #dddddd url(/RichWidgets/img/Filter_Gradient.gif?797) repeat-x top;
    padding: 4px;
}

.Filters {
    white-space: nowrap;
}

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

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

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

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


.LineWidget {
   
   float: left; 
   width: 25%;
  
}

.WidgetWarning {
    border:solid 1px #DEDEDE; 
    margin: 5px 0px;
    padding:5px 10px 5px 10px;
    color: #9F6000;
    background-color: #FEEFB3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.WidgetInfo {
    border:solid 1px #DEDEDE; 
    margin: 5px 0px;
    padding:5px 10px 5px 10px;
    color: #00529B;
    background-color: #BDE5F8; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.WidgetSucess {
   border:solid 1px #DEDEDE; 
    margin: 5px 0px;
    padding:5px 10px 5px 10px;
    color: #4F8A10;
    background-color: #DFF2BF; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.WidgetError {
    border:solid 1px #DEDEDE; 
    margin: 5px 0px;
    padding:5px 10px 5px 10px;
    color: #D8000C;
    background-color: #FFBABA;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.WidgetBox{
        
    padding:5px;
    text-align:center;
    border: 1px #BCBCBC  solid; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
     

}

.widgetbackground{
    
    width: 240px;
    height: 210px;
    }
    
.widgettext{
    
    font-family:Arial, Helvetica, sans-serif; 
    font-size: 10px;
    white-space: nowrap;
    }
    
.TableRecords_Header_Widget {
    color: white;
    background: #ED7B00; 
    _background: #ED7B00;  /* IE6 */
    white-space: nowrap;
    line-height: 10px;
    padding: 4px 6px 4px 6px;
    border-right: 1px solid white;
    font-size: 12px;
}

.Floating_Div {
 padding:5px 12px 5px 12px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 7px;
 position: fixed; 
 top: 30px; 
 right: 50px;
 background-color: white;
 border: 1px solid black;
}


.Crono_Row{
border-bottom: 1px solid #ED7B00;
}

/*-----------------------------------------------------------------*/
/*----------------- ORG TREE ---------------------------*/
/*-----------------------------------------------------------------*/



.maingroup {
    position: absolute;
    width: 980px;
    height: 570px;
    overflow: scroll;    
}

.maindiv {
    position: relative;
    width: 980px;
    height: 570px;
    overflow: scroll;
}

.econode {
    position: absolute;
    text-overflow: clip;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    padding: 2px;
}

a.ecolink:visited {
    text-decoration: none;    
    color: black;
}

a.ecolink:hover {
    text-decoration: none;
}

.Table_Menu {
    
    white-space: nowrap;
     background: #ED7B00 url(/RichWidgets/img/Bar_Gradient.png?797) repeat-x top;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/RichWidgets/img/Bar_Gradient.png', sizingMethod='scale');  /* IE6 */
    _background: #ED7B00;  /* IE6 */
    cellpadding-left:1px;
    cellpadding-top:2px;
    cellpadding-right:1px;
    cellpadding-bottom:2px;
}

.Table_Menu_rounded {
color: #ED7B00;
background:white; 
white-space:nowrap; 
padding:2px; 
border: 1px solid grey;"
}
.Table_Menu_nowrap {
white-space:nowrap;
}



.Table_Menu_no_over {
    
    white-space: nowrap;
     background: #ED7B00 url(/RichWidgets/img/Bar_Gradient.png?797) repeat-x top;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/RichWidgets/img/Bar_Gradient.png', sizingMethod='scale');  /* IE6 */
    _background: #ED7B00;  /* IE6 */
    cellpadding-
}

.Table_Menu_no_over td:hover{ 
    white-space:nowrap;
}

.RoundBorder{
border: 2px solid #ED7B00;
padding: 3px;
}

/*-----------------------------------------------------------------*/
/*----------------------------------- ---------------------------*/
/*-----------------------------------------------------------------*/
.Caption_Alt {
    color: black;
    font-size: 12px;
    padding: 5px;
    font-weight: bold;
    vertical-align: top;
    white-space: nowrap;
    text-align: left;
    background-color:#999999;
    border-top-width: 2px; 
    border-top-style: solid; 
    border-top-color: #424242;
}

.Value_Alt {
    border-left: 3px solid transparent;
    color: #444444;
    vertical-align: top;
}

.Caption_End{
     border-top-width: 2px; 
    border-top-style: solid; 
    border-top-color: #424242;   
}

.diff_cell{
 background-color:#FFCCCC;   
}



.PreviousNextTable{
     border-radius: 4px;   
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;   
    width: 96%;
    position: fixed;
    bottom: -4px;   
    left: 28px;    
    background: rgb(211, 241, 208);
    padding-bottom: 10px;
    padding-top: 3px;
    border: 1px dashed #84AD83;
}