/***********************************************************************************/
/* Portal definitions */
/***********************************************************************************/
body
{
 font-family         : Arial, Helvetica, sans-serif;
 font-size           : 12px;
 border              : 0px;
 margin              : 0px;
 padding             : 0px;
 text-align          : left;       /* ttd,j*/
 text-decoration     : none;       /* ttd,j */
 color               : #000000;
 height              : 100%;    /*necessary for full screen filling (modzilla)*/
 overflow            : auto;     
 /*overflow            : visible;*/   /*necessary for hidden scroll bar (very tricky)*/
}
table.main_table
{
 padding             : 0;
 width               : 100%;
 height              : 100%;
 /* background-color    : gray;*/
}

/*Header Line*/
 tr.Header_Area
 {
  padding           : 0;
  border            : 0;    
  height            : 56px;
  background-color  : #FFFFFF;
  border-bottom     : 1px solid #FFFFFF;
 }
 .Header_Title_Description
 {
  padding-left      : 12px; /*198px - 186px*/
  padding-right     : 2px;
  padding-top       : 0px;
  padding-bottom    : 0px;
  text-align        : left;
  font-family       : Arial;
  font-size         : 16px;
  font-weight       : bold;
  color             : #444444;
  /*overflow          : visible;*/
 }
 
 #Header_Language_Time_Date
 {
   background-color : #999999;
   height           : 20px;   
   width            : 100%;
   padding          : 0px;
   margin           : 0px;
 }

 .Separation_Line
 {
   height           : 1px;
   background-color : #FFFFFF;
 }
  
 #Language_Time_Date_Table
 {
   width            : 100%;
   padding          : 0px;
   margin           : 0px;
 }

 #Header_Date_Time
 {
  text-align        : right;
  font-family       : Arial;
  font-size         : 12px;
  color             : #FFFFFF;
  width             : 120px;
  padding           : 0px;
  margin            : 0px;
  white-space       : nowrap;
 }

 #date
 {
   margin-right     : 12px;
 }

 #time
 {
   margin-right     : 12px;
   white-space      : nowrap;
 }

 .language_selection
 {
  width             : 102px;
  margin            : 0px;
  padding           : 0px;
 }


  /*Language Selection*/

  .Header_Language_Selectionbox
  {
   border           : 0px;
   margin           : 0px;
   padding          : 0px;
   height           : 18px;
  }


  form.Header_Language_Selection_Form
  {
   margin            : 0px;
   color             : #FFFFFF;
   border-width      : 0px;
   height            : 18px;
   width             : 90px;
  }
  select.Header_Language_Selection_Box
  {
   font-size         : 10px;
   padding           : 0px;
   color             : #FFFFFF;
   font-size         : 10px;
   background-color  : #000053;
   width             : 100%
  }
  input.Header_Language_Input
  {
   font-size       : 10px;
   color           : #FFFFFF;
   background-color: #000053;
   border          : 0px solid #000000; /*neccesary for Opera; otherwise there will be frames around the buttons*/
   text-decoration : underline;
  }
 /*Language Selection End*/
/*Header Line End*/

/*Main Menu left side (includes login)*/
 table.MainMenu_Area     /*used in "/Templates/MainNavigationTemplate.xml"*/
 {
  width               : 186px;
  height              : 100%;
  background-color    : #D0D3DA;

 }
 
/******** login area (box) begins  ***************/
 .Login_Area
 {
  position          : relative;
  font-size         : 10px;
  width             : 186px;
  min-width         : 186px;    /* css 2.0 */
  height            : 60px;
  background-color  : #AFB4BE;
  margin            : 0px;
  border-bottom     : 1px solid #FFFFFF;
 }

 #Login_Area_Form       /*used in Portal/Formlogin.mwsl*/
 {
  margin          : 0px;
  padding         : 0px;
 }


 #Login_Area_Input_Name
 {
  position       : absolute;
  top            : 11px;
  left           : 12px;
  font-size      : 10px;
  height         : 18px;
  width          : 110px;
  border         : 0px solid #000000; /*neccesary for Opera; otherwise there will be frames around the buttons*/
 }

 #Login_Area_Input_Password
 {
  position       : absolute;
  top            : 35px;
  left           : 12px;
  font-size      : 10px;
  height         : 18px;
  width          : 110px;
  border         : 0px solid #000000; /*neccesary for Opera; otherwise there will be frames around the buttons*/
 }

 #Login_Area_Button
 {
  position        : absolute;
  top             : 36px;
  right           : 12px;
  border          : 0px solid #000000; /*neccesary for Opera; otherwise there will be frames around the buttons*/
  text-decoration : underline;
  font-size       : 10px;
  background-color  : #AFB4BE;
  white-space:nowrap;
 }

 #login_box_table
 {
  width:100%;
  height:100%;
  border-collapse:collapse;
  border:0px solid #000000;
  margin:0px;
 }

 .Login_Table_Cell_Input_Name
 {
  font-size      : 10px;
  padding        : 0px;
  padding-right  : 6px;
  height         : 18px;
  width          : 100%;
  border         : 0px solid #000000; /*neccesary for Opera; otherwise there will be frames around the buttons*/
 }

 .Login_Table_Cell_Input_Password
 {
  font-size      : 10px;
  height         : 18px;
  width          : 100%;
  padding-top    : 6px;
  padding-right  : 6px;
  padding-bottom : 0px;
  padding-left   : 0px;
  border         : 0px solid #000000; /*neccesary for Opera; otherwise there will be frames around the buttons*/
 }

 input.Login_Input
 {
  margin          : 0px;
  padding         : 0px;
  padding-left    : 2px;
  border          : 0px solid #000000; /*neccesary for Opera; otherwise there will be frames around the buttons*/
  font-size       : 10px;
  height          : 18px;
  width           : 110px;
 }


 .Login_Botton_Cell
 {
   padding         : 0px;
   padding-top     : 6px;
   padding-bottom  : 3px;
   margin          : 0px;
   white-space:nowrap;
    
 }

 .Login_Button
 {
  border          : 0px solid #000000; /*neccesary for Opera; otherwise there will be frames around the buttons*/
  text-decoration : underline;
  font-size       : 12px;
  background-color  : #AFB4BE;
  white-space:nowrap;
 }


/******** login area (box) ends ***************/

/******** logout form begins  ***************/

 .Logout_Area
 {
  position          : relative;
  font-size         : 10px;
  width             : 186px;
  min-width         : 186px;    /* css 2.0 */
  height            : 60px;
  background-color  : #AFB4BE;
  margin            : 0px;
  border-bottom     : 1px solid #FFFFFF;
  border-collapse: collapse; 
 }

 #Logout_Area_Form       /*used in Portal/Formlogin.mwsl*/
 {
  margin          : 0px;
  padding         : 0px;
 }

 #logout_user_name
 {  
  position       : absolute;
  top            : 12px;
  width          : 162px; /*186px-12px-12px (Rand)*/
  left           : 12px;
  font-size      : 12px;
  overflow       : hidden;
 }
 
#logout_area_logout_button
{
  position        : absolute;
  top             : 36px;
  right           : 12px;
  border          : 0px solid #000000; /*neccesary for Opera; otherwise there will be frames around the buttons*/
  text-decoration : underline;
  height          : 12px;
  font-size       : 10px;
  background-color  : #AFB4BE;
  white-space:nowrap;
}

 .Logout_Button
 {
  border          : 0px solid #000000; /*neccesary for Opera; otherwise there will be frames around the buttons*/
  text-decoration : underline;
  background-color  : #AFB4BE;
  white-space:nowrap;
  font-size       : 12px;
  height          : 20px;
 }

 /******** logout form end  ***************/

/******** login form (page) begins *******/

 #login_page_table
 {
  margin:0px;
  margin-left:209px;  /* 337-116-12 */
  margin-top:130px;   /* 274-78-60-6 */
  padding:0px;
  empty-cells:show;
  border-collapse: collapse;  
  width:243px;
  overflow: visible;
 }

 #login_page_tr_headline{
  padding:0px;
  margin:0px;
 }

 #login_page_td_headline
 {
  padding:0px;
  margin:0px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:51px;
  font-weight:bold;
  color:#AFBEBE;
  text-transform:uppercase;
  text-align:right;
  overflow: visible;
 }

 .login_page_gap
 {
   height:11px;
 }

 .login_page_td_input
 {
  padding: 0px;
  margin: 0px;
  text-align: right;
 }

 .login_page_input
 {
  height:26px;
  width: 183px;
  padding:0px;
  padding-top:4px;
  margin:0px;
  border: 0px solid;
  font-size: 14px;
 }

 .login_page_tr_text
 {
  padding:0px;
  margin:0px;
 }

 .login_page_td_text
 {
  padding: 0px;
  padding-top:4px;
  padding-right:2px;
  margin:0px;
  font-size:12px;
  font-family:Arial,Helvetica,sans-serif;
  white-space:nowrap;
  color: grey;
 }

 #login_page_td_button
 {
  padding: 0px;
  margin: 0px;
  text-align: right;
  white-space:nowrap;
 }

 #login_page_button
  {
  width           : 100%;
  padding         : 0px;
  margin          : 0px;
  border          : 0px solid;
  text-decoration : underline;
  font-size       : 12px;
  font-family     : Arial,Helvetica,sans-serif;
  text-align      : right;
  background-color: #EFEFEF;
  color           : grey;
  white-space     : nowrap;
 }


/******** login form (page) ends *********/

 /*MainNavigation*/
 #MainMenu_Navigation     /*used in "/Templates/MainNavigationTemplate.xml"*/
 {
  height          : 100%;
 }
  /*Navigation Levels*/
  tr.MainMenu_Navigation_Level1
  {
   font-size         : 12px;
  }
  tr.MainMenu_Navigation_Level2
  {
   font-size         : 12px;
  }
  td.MainMenu_Navigation_arrow_Level1
  {
   padding-left      : 12px;
   padding-right     : 6px;
   padding-bottom    : 1px;
   width             : 4px;
   height            : 7px;
  }
  td.MainMenu_Navigation_arrow_Level2
  {
   padding-top       : 4px;
   vertical-align    : top;
   padding-left      : 15px;
   padding-right     : 0px;
  }
  td.MainMenu_Navigation_Level1
  {
   height            : 12px;
  }
  td.MainMenu_Navigation_Level2
  {
   padding-top       : 0px;
   vertical-align    : top;
   /*align             : left;*/ /*ttd*/
  }
  .MainMenu_Navigation_Text_Level1
  {
   color             : #666666;
   text-decoration   : none;
   font-size         : 12px;
   font-weight       : bold;
  }
  .MainMenu_Navigation_Text_Level1_Selected
  {
   font-weight       : bold;
   font-size         : 12px;
   color             : #000080;
   text-decoration   : none;
  }
 /*Navigation Levels End*/
 /*MainNavigation End*/
/*Main Menu END(includes login)*/

/* Client Area (right side)*/
td.Client_Area /*used in Portal.mwsl*/
{
  background-color  : #EAEAEA;
  height            : 100%;
  width             : 100%;
  vertical-align    : top;
}
 /*Title Formatting*/
 .Title_Area /*used in "Templates/AppNavigaton.xml"*/
 {
  width            : 100%;
  height           : 60px;
  background-color : #CCCCCC;
  border           : 0px;
  border-bottom    : 1px solid #FFFFFF;
  vertical-align   : top;
  padding          : 0px;
  margin           : 0px;
  border-collapse  : collapse;
  border-spacing   : 0px;
 }
 
  .Title_Area_Topo
 {
  width            : 100%;
  height           : 60px;
  background-color : #CCCCCC;
  border           : 0px;
  border-bottom    : 1px solid #FFFFFF;
  vertical-align   : top;
  padding          : 0px;
  margin           : 0px;
  border-collapse  : collapse;
  border-spacing   : 0px;
 }
 
 table.Title_Area_Table
 {
  width            : 100%;
  height           : 100%;
  padding          : 0px;
  margin           : 0px;
  border           : 0px;
 }

 td.Title_Area_Name
 {
  padding         : 0px;
  padding-left    : 11px; /*129px - 118 px*/
  padding-top     : 7px;  /*83px - 76px*/
  vertical-align  : top;
  color           : #666666;
  font-size       : 16px;
  font-weight     : bold;
  font-variant    : normal;
 }
 
 a.PrinterIcon_Active
 {
 	display : none; /*hc2089 - only for V12 */
 	TEXT-DECORATION: none;
 }
 
 td.Title_Area_PrinterIcon
 {
  text-align      : right;
  vertical-align  : bottom;
  padding         : 0px;
  padding-right   : 33px;
  padding-bottom  : 10px;  /*76px + 60px -126px*/
  width           : 20px;
 }
  td.Title_Area_PrinterIcon_Alarme
 {
  text-align      : right;
  vertical-align  : bottom;
  padding         : 0px;
  padding-right   : 33px;
  width           : 20px;
 }
  td.Title_Area_ReloadIcon_Alarme
 {
  text-align      : right;
  vertical-align  : bottom;
  padding         : 0px;
 }
  td.Title_Area_ReloadIcon
 {
  text-decoration : none;
  text-align      : right;
  vertical-align  : bottom;
  padding         : 0px;
  padding-bottom  : 10px;  /*76px + 60px -126px*/
 }

 span.Text_ReloadIcon
 {
  font-size       : 12px;
  text-decoration : underline;
  color           : #000080;
  vertical-align  : top;
  padding         : 0px;
  margin          : 0px;
 }

 #dynamic_link
 {
   cursor          : pointer;
 }

 span.save_as_csv_file
 {
  height          : 13px;
  padding-right   :  4px;
  width           : 19px;  
 }

 a.Link_ReloadIcon
 {
  text-decoration : none;
  FONT-WEIGHT: bold; 
  padding-bottom  : 0px;
  COLOR: #00005e; 
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  height: 13px;
 }
 div.Title_Area_Selectbox /* used in "Templates/Vartables.xml"*/
 {
  position        : relative;
  top             : 4px; 
  height          : 20px;
  padding         : 0px;
  margin          : 0px;
  vertical-align  : top;
  color           : #00005E;
 }
 
 #Title_Area_Selectbox_Alarm 
 {
  position        : relative;
  height          : 22px;
  padding         : 0px;
  padding-left    : 10px;
  padding-bottom  : 0px;
  margin          : 0px;
  vertical-align  : top;
 } 
 
 #Alarm_Selectbox
 {
  padding         : 0px;
  margin		  : 0px;
  background-color: #EFEFED;
 }
 /*Title Fromatations End*/

 /*Data Area*/
 /*includes the Secondary navigation Menu and the associated html/mwsl files*/
  table.Data_Area  /*used in "Templates/Appnavigation.xml"*/
  {
   width     :100%;
   height    :100%;
  }
  /*Secondary Navigation*/
   table.Second_Nav_Menu
   {
    font-weight       : bold;
    font-size         : 12px;
    width             : 100%;
    background-color  : #999999;
   }
   td.Second_Nav_Menu_Selected
   {
    height            : 23px;
    border-right      : 2px solid #999999;
    border-top        : 3px solid #999999;
    background-color  : #EAEAEA;
    padding-left      : 5px;
    padding-right     : 5px;
    padding-top       : 2px; /*Neccessary for opera and Netscape*/
    white-space       : nowrap;
    text-align        : center;
    color             : #000000;
   }
   td.Second_Nav_Menu_NonSelected
   {
    height            : 23px;
    border-right      : 2px solid #999999;
    border-top        : 3px solid #999999;
    background-color  : #CCCCCC;
    color             : #444444;
    padding-left      : 5px;
    padding-right     : 5px;
    padding-top       : 2px; /*Neccessary for opera and Netscape*/
    white-space       : nowrap;
    text-align        : center;
   }
   
   a.Second_Nav_Menu_Link
   {
    font-family       : Arial, Helvetica, sans-serif;
    text-decoration   : none;
   }

   a.Second_Nav_Menu_Link_Sel	
   {
    font-family       : Arial, Helvetica, sans-serif;
    text-decoration   : none;
	color             : #000000;
   }

   a.Second_Nav_Menu_Link_NoSel
   {
    font-family       : Arial, Helvetica, sans-serif;
    text-decoration   : none;
    color             : #444444;
   }

   a.Second_Nav_Menu_Link_Bgz
   {
    font-family       : Arial, Helvetica, sans-serif;
    text-decoration   : none;
    CURSOR            : pointer;
   }
  /*Secondary Navigation End*/
  #IFRAME
  {
   font-size           : 12px;
   background-color    : #EAEAEA;
   width               : 100%;
   height              : 100%;
   border              : 0px solid #000; /*neccesary for Opera; otherwise there will be frames around the buttons*/
  }
 /*Data Area End*/
/*Main Menu and Data Area End*/

/***********************************************************************************/
/* Portal definitions End*/
/***********************************************************************************/

/***********************************************************************************/
/* definitions for general page (Templates/General_Table.xml)*/
/***********************************************************************************/
td.table_position
{
  padding-left: 12px;
  padding-top : 6px; /* -->*/
}
td.static_field
{
  font-size           : 12px;
  height              : 21px;
  text-align          : right;
  color               : #666666;
  width               : 144px;
  border-left         : 6px solid #EAEAEA;
  border-top          : 4px solid #EAEAEA;
}

td.static_field_failsafe
{
  font-size           : 12px;
  height              : 21px;
  text-align          : right;
  color               : #666666;
  width               : 144px;
  border-left         : 6px solid #EAEAEA;
  border-top          : 4px solid #EAEAEA;
}

td.static_field_dyn
{
  font-size           : 12px;
  height              : 21px;
  text-align          : left;
  color               : #666666;
  padding-left        : 1px;
  padding-right       : 6px;
  border-left         : 6px solid #EAEAEA;
  border-top          : 4px solid #EAEAEA;
}
td.static_field_small
{
  font-size           : 12px;
  height              : 21px;
  text-align          : right;
  color               : #666666;
  width               : 98px;
  border-left         : 6px solid #EAEAEA;
  border-top          : 4px solid #EAEAEA;
}
td.static_field_long
{
  font-size           : 12px;
  height              : 21px;
  text-align          : right;
  color               : #666666;
  width               : 240px;
  border-left         : 6px solid #EAEAEA;
  border-top          : 4px solid #EAEAEA;
}
td.static_field_long_bold
{
  font-size           : 12px;
  font-weight         : bold;
  height              : 21px;
  text-align          : right;
  color               : #666666;
  width               : 240px;
  border-left         : 6px solid #EAEAEA;
  border-top          : 4px solid #EAEAEA;
}
td.output_field
{
  font-size           : 12px;
  background-color    : #DDDDDD;    
  text-align          : left;
  width               : 144px;
  border-left         : 6px solid #EAEAEA;
  border-top          : 4px solid #EAEAEA;
}

td.output_field_lock
{
  font-size           : 12px;
  text-align          : left;
  width               : 144px;
  border-left         : 6px solid #EAEAEA;
  border-top          : 4px solid #EAEAEA;
}

td.output_field_long
{
  font-size           : 12px;
  background-color    : #DDDDDD;    
  text-align          : left;
  width               : 240px;
  border-left         : 6px solid #EAEAEA;
  border-top          : 4px solid #EAEAEA;
  empty-cells         : show;
  color               : #000000;
}
td.output_field_dyn
{
  font-size           : 12px;
  background-color    : #DFDFDF;    
  text-align          : left;
  padding-left        : 1px;
  padding-right       : 6px;
  border-left         : 6px solid #EAEAEA;
  border-top          : 4px solid #EAEAEA;
}
td.static_field_headline
{
  font-size           : 12px;
  font-weight         : bold;
  height              : 21px;
  text-align          : right;
  width               : 144px;
  padding-top         : 24px;
  border-left         : 6px solid #EAEAEA;
  border-top          : 4px solid #EAEAEA;
  color               : #666666;
}

td.static_field_headline_left
{
  font-size           : 12px;
  font-weight         : bold;
  height              : 21px;
  text-align          : left;
  width               : 144px;
  padding-top         : 24px;
  border-left         : 6px solid #EAEAEA;
  border-top          : 4px solid #EAEAEA;
  color               : #666666;
}
td.static_field_headline_left2
{
  font-size           : 12px;
  font-weight         : bold;
  height              : 21px;
  text-align          : left;
  border-left         : 6px solid #EAEAEA;
  border-top          : 4px solid #EAEAEA;
  background-color    : #D6D6FF;
}
td.static_field_headline_small
{
  font-size           : 12px;
  font-weight         : bold;
  height              : 21px;
  text-align          : right;
  width               : 98px;
  padding-top         : 24px;
  border-left         : 6px solid #EAEAEA;
  border-top          : 4px solid #EAEAEA;
  color               : #666666;
}
td.output_field_small
{
  font-size           : 12px;
  background-color    : #DDDDDD;    
  text-align          : right;
  width               : 98px;
  padding-left        : 6px;
  padding-right       : 6px;
  border-left         : 6px solid #EAEAEA;
  border-top          : 4px solid #EAEAEA;
}
td.static_field_headline_smaller
{
  font-size           : 12px;
  font-weight         : bold;
  height              : 21px;
  text-align          : right;
  width               : 64px;
  padding-top         : 24px;
  border-left         : 6px solid #EAEAEA;
  border-top          : 4px solid #EAEAEA;
}
td.output_field_smaller
{
  font-size           : 12px;
  text-align          : right;
  width               : 64px;
  padding-left        : 6px;
  padding-right       : 6px;
  border-left         : 6px solid #EAEAEA;
  border-top          : 4px solid #EAEAEA;
  background-color    : #DDDDDD;
}
td.static_field_headline_long
{
  font-size           : 12px;
  font-weight         : bold;
  height              : 21px;
  text-align          : right;
  width               : 240px;
  padding-top         : 24px;
  border-left         : 6px solid #EAEAEA;
  border-top          : 4px solid #EAEAEA;
  color               : #666666;
}
td.static_field_headline_dyn
{
  font-size           : 12px;
  font-weight         : bold;
  height              : 21px;
  text-align          : left;
  padding-top         : 24px;
  padding-left        : 1px;
  padding-right       : 6px;
  border-left         : 6px solid #EAEAEA;
  border-top          : 4px solid #EAEAEA;
  color               : #666666;
}

/***********************************************************************************/
/* definitions for general page end */
/***********************************************************************************/

/***********************************************************************************/
/* definitions for topology display */
/***********************************************************************************/

.TopoWorkspace
{
  background-color  : #FFFFFF;
  padding-left      : 0px;
  padding-top       : 0px; /* -->*/
}

.DivObjTemp
{
  padding-left        : 0px;
  padding-right       : 0px;
  position            : absolute;
  font-family         : Arial, Helvetica, sans-serif;
  line-height         : 13px;
  font-size           : 12px;
  font-style          : normal;
  font-weight         : bold;
  text-align          : center;
  color               : #000000;
  padding             : 0px;
  border              : 0px solid #000000;
  margin              : 0px;
  width               : auto;
  height              : auto;
  z-index             : 0;
  visibility          : hidden;
  overflow            : hidden;
  white-space         : nowrap;
  display             : block;
  background-color    : transparent;
}

.DivTopoNodeHeadLabel
{
  position            : absolute;
  font-family         : Arial, Helvetica, sans-serif;
  line-height         : 1.2em;
  font-size           : 12px;
  font-style          : normal;
  font-weight         : bold;
  text-align          : center;  
  color               : #000000;
  padding             : 0px;
  border              : 0px solid #FFFFFF;
  margin              : 0px;
  width               : auto;
  height              : auto;
  background-repeat   : no-repeat;  
  z-index             : 12;
  background-color    : transparent;
  background-image    : url(/Images/Topo/topo_head_label_background.gif);
  overflow            : hidden;
  white-space         : nowrap;
}

.DivTopoNodeHeadLabelOverview
{
  position            : absolute;
  font-family         : Arial, Helvetica, sans-serif;
  line-height         : 1.2em;
  font-size           : 12px;
  font-style          : normal;
  font-weight         : bold;
  text-align          : center;  
  color               : #000000;
  padding             : 0px;
  border              : 0px solid #FFFFFF;
  margin              : 0px;
  width               : auto;
  height              : auto;
  background-repeat   : no-repeat;  
  z-index             : 12;
  background-color    : transparent;
  background-image    : url(/Images/Topo/topo_head_label_background_overview.gif);
  overflow            : hidden;
  white-space         : nowrap;
}

.DivTopoNodeHeadLabelDevNotAvailable
{
  position            : absolute;
  font-family         : Arial, Helvetica, sans-serif;
  line-height         : 1.2em;
  font-size           : 12px;
  font-style          : normal;
  font-weight         : bold;
  text-align          : center;  
  color               : #000000;
  padding             : 0px;
  border              : 0px solid #FFFFFF;
  margin              : 0px;
  width               : auto;
  height              : auto;
  background-repeat   : no-repeat;  
  z-index             : 12;
  background-color    : transparent;
  background-image    : url(/Images/Topo/topo_module_head_dev_not_available.gif);
  overflow            : hidden;
  white-space         : nowrap;
}

.DivTopoNodeHeadLabelDevNotOfProject
{
  position            : absolute;
  font-family         : Arial, Helvetica, sans-serif;
  line-height         : 1.2em;
  font-size           : 12px;
  font-style          : normal;
  font-weight         : bold;
  text-align          : center;  
  color               : #000000;
  padding             : 0px;
  border              : 0px solid #FFFFFF;
  margin              : 0px;
  width               : auto;
  height              : auto;
  background-repeat   : no-repeat;  
  z-index             : 12;
  background-color    : transparent;
  background-image    : url(/Images/Topo/topo_module_head_dev_not_of_project.gif);
  overflow            : hidden;
  white-space         : nowrap;
}

.DivTopoNodeHeadLabelDevDeactivated
{
  position            : absolute;
  font-family         : Arial, Helvetica, sans-serif;
  line-height         : 1.2em;
  font-size           : 12px;
  font-style          : normal;
  font-weight         : bold;
  text-align          : center;  
  color               : #808080;
  padding             : 0px;
  border              : 0px solid #FFFFFF;
  margin              : 0px;
  width               : auto;
  height              : auto;
  background-repeat   : no-repeat;  
  z-index             : 12;
  background-color    : transparent;
  background-image    : url(/Images/Topo/topo_module_head_dev_not_of_project.gif);
  overflow            : hidden;
  white-space         : nowrap;
}

.DivTopoNodeHead
{
  position            : absolute;
  z-index             : 10;
  background-color    : transparent; 
  overflow            : hidden;
  border              : 0px solid #FFFFFF;  
}

.DivTopoNodeHeadBorder
{
  position            : absolute;
  z-index             : 13;
  border              : 1px solid #FF0000;
  background-color    : transparent; 
  overflow            : hidden;
}


.DivTopoNodeBodyBackground
{
  position            : absolute;
  z-index             : 9;
  background-color    : #CACCD9;
  overflow            : hidden;
}

.DivTopoNodeBodyForeground
{
  position            : absolute;
  z-index             : 10;
  background-color    : #A3A8C1;
  overflow            : hidden;
}

.DivTopoNodeCon
{
  position            : absolute;
  z-index             : 11;
  background-color    : transparent;
  overflow            : hidden;
}

.DivTopoWire
{
  position            : absolute;
  z-index             : 10;
  overflow            : hidden;
}

.DivTopoConnector
{
  position            : absolute;
  z-index             : 10;
  background-color    : transparent;
  overflow            : hidden;
}

.DivTopoConnectorLabel
{
  position            : absolute;
  font                : 10px Arial, Helvetica, sans-serif;
  font-style          : normal;
  font-weight         : normal;
  text-align          : center;
  color               : #000000;
  z-index             : 11;
  background-color    : transparent;
  background-image    : url(/Images/Topo/topo_connector.gif);
  overflow            : hidden;
}

.DivTopoNodeConLabel
{
  position            : absolute;
  font                : 10px Arial, Helvetica, sans-serif;
  font-style          : normal;
  font-weight         : normal;
  color               : #000000;
  padding             : 0px;
  border              : 0px solid #000000;
  margin              : 0px;
  height              : auto;
  background-repeat   : no-repeat; 
  z-index             : 12;
  background-color    : transparent;
  background-image    : url(/Images/Topo/topo_port_label_background.gif);
  overflow            : hidden;
}

.TopoToolTipTable
{
  font-family         : Arial, Helvetica, sans-serif;
  font-size           : 11px;
  font-weight         : bold;
  white-space         : nowrap;
  table-layout        : auto;
  border              : 0px solid #00FF00;
  width               : auto;
  height              : auto;
}


.AnchorObjTemp
{
  color               : #000000;
  text-decoration     : none;
  display             : block;
  width               : auto;
  height              : auto;  
  border              : 0px solid #000000;
  visibility          : visible;
}

.AnchorObjTable
{
  display             : block;
  width               : auto;
  height              : auto;  
  border              : 0px solid #000000;
  visibility          : visible;
}

.DivTopoToolTip
{
  text-align          : left;
  text-decoration     : none;
  padding-left        : 2px;
  padding-right       : 2px;
  font-family         : Arial, Helvetica, sans-serif;
  font-size           : 11px;
  font-weight         : bold;
  border              : 1px solid #000000;
  width               : auto;
  height              : auto;
  z-index             : 25;
  visibility          : hidden;
  overflow            : visible;
  white-space         : nowrap;
  display             : block;
  position            : absolute;
  background-color    : transparent;
  background-image    : url(/Images/Topo/topo_port_tooltip_background.gif);
}

table.ContentTableDbgTopo
{
  width             : 100%;
  height            : 100%;
  font-size         : 12px;
  background-color  : #EAEAEA;
  border            : 0px solid #FFFFFF;
  border-collapse   : collapse;
}

td.ContentTableFieldDbgTopo
{
  height            : 17px;
  text-align        : left;
  border            : 1px solid #FFFFFF;
  padding-left      : 2px;
  padding-right     : 20px;
  padding-top       : 0px;
  padding-bottom    : 0px;
}

td.ContentTableField_1DbgTopo
{
  background-color    : #D6D6FF;
  height              : 17px;
  text-align          : left;
  border              : 1px solid #FFFFFF;
  border-collapse     : collapse;
  border-bottom-width : 0px;
  padding-left        : 2px;
  padding-right       : 20px;
  padding-top         : 0px;
  padding-bottom      : 0px;
}

/***********************************************************************************/
/* definitions for topology display end*/
/***********************************************************************************/

/***********************************************************************************/
/* definitions for vartable */
/***********************************************************************************/
input.Vartable_Go_Button
{
  font-family       : Arial, Helvetica, sans-serif;
  font-size         : 12px;
  color             : #000000;
  background-color  : #BFBFBF;
  border            : 1px solid #666666; /*neccesary for Opera; otherwise there will be frames around the buttons*/
  text-decoration   : underline;
}
input.Var_Go_Button
{
  font-family       : Arial, Helvetica, sans-serif;
  font-size         : 12px;
  color             : #000000;
  background-color  : #BFBFBF;
  border            : 1px solid #666666; /*neccesary for Opera; otherwise there will be frames around the buttons*/
  text-decoration   : underline;
}
input.varstate_address_field
{
  color             : #000000;
  width             : 100%;
  background-color  : #FFFFFF;
  font-size         : 12px;
  border            : 0px solid #000000; /*neccesary for Opera; otherwise there will be frames around the buttons*/
}
input.varstate_address_field_valid
{
  color             : #000000;
  width             : 100%;
  background-color  : #EAEAEA;
  font-size         : 12px;
  border            : 0px solid #000000; /*neccesary for Opera; otherwise there will be frames around the buttons*/
}
input.varstate_address_field_invalid
{
  color             : #FF0000;
  width             : 100%;
  background-color  : #EAEAEA;
  font-size         : 12px;
  border            : 0px solid #000000; /*neccesary for Opera; otherwise there will be frames around the buttons*/
}
input.varstate_submit_field
{
  color             : #000000;
  background-color  : #BFBFBF;
  font-size         : 12px;
  border            : 1px solid #666666;
}
input.varstate_submit_gab
{
  padding-left      : 2px; /* ttd test if right */
}

table.Vartable   /*used in Templates/Vartable.xml*/
{
  font-size         : 12px;
  width             : 100%;
  height            : 100%;
  background-color  : #EAEAEA;
  border            : 0px;
  border-collapse   : collapse;
}
td.table_description_line
{
  padding-left      : 2px;
  width             : 100%;
  height            : 21px;
}
td.vartable_header_field
{
  background-color  : #BFBFBF;
  height            : 17px;
  text-align        : left;
  /*width             : 154px;*/
  border            : 1px solid #FFFFFF;
  padding-left      : 2px;
  padding-right     : 2px;
  /*padding-right     : 20px;*/
}
td.vartable_static_field
{
  background-color  : #EAEAEA;
  height            : 17px;
  text-align        : left;
  /*width             : 154px;*/
  border            : 1px solid #FFFFFF;
  padding-left      : 2px;
  padding-right     : 2px;
  /*padding-right     : 20px;*/
}
select.Variable_Type_Selection_Box
{
  width             : 170px;
  background-color  : #FFFFFF;
}
/***********************************************************************************/
/* definitions for vartable end*/
/***********************************************************************************/

/***********************************************************************************/
/* definitions for messages and diagnostic buffer*/
/***********************************************************************************/
body.IFrame      
{
  background-color    : #EAEAEA;
  height:100%;
 /* overflow:auto; */  /* css 2.0 */
  /*overflow-y:scroll;*/ /*css 3.0 */
}
table.ContentPage  
{
  width             : 100%;
  height            : 100%;
  background-color  : #EAEAEA;
  border            : 0px;
  border-collapse   : collapse;
}
td.ContentDetailLine
{
  height            : 18px;
  font-weight       : bold;
  font-size         : 12px;
  padding-left      : 12px;
  border            : 0px solid #FFFFFF;
  width             : 341px;  /*6px + 154px + 6px + 169px + 6px*/
  vertical-align    : bottom;
  background-color  : #999999;
  color             : #000000;
}
td.ContentDetailLineEvent
{
  height            : 18px;
  font-weight       : bold;
  font-size         : 12px;
  padding-left      : 6px;
  border            : 0px solid #FFFFFF;
/*  width             : 341px;*/  /*6px + 154px + 6px + 169px + 6px*/
  vertical-align    : bottom;
  text-align        : right;
  background-color  : #999999;
  color             : #000000;
}
table.IframeTable
{
  width             : 100%;
  height            : 100%;
}

table.ContentTable
{
  width             : 100%;
  height            : 17px; /* 100%;*/
  font-size         : 12px;
  background-color  : #EAEAEA;
  border            : 0px;
  border-collapse   : collapse;
}
td.ContentTableField_1
{
  background-color    : #BFBFBF;
  height              : 17px;
  text-align          : left;
  border              : 1px solid #FFFFFF;
  border-collapse     : collapse;
  border-bottom-width : 0px;
  border-top-width    : 0px;
  padding-left        : 2px;
  padding-right       : 20px;
  padding-top         : 0px;
  padding-bottom      : 0px;
}
td.ContentTableField, tr.ContentTableField, td.ContentTableField_Address, td.ContentTableField_Comment
{
  height            : 17px;
  text-align        : left;
  border            : 1px solid #FFFFFF;
  padding-left      : 2px;
  padding-right     : 20px;
  padding-top       : 0px;
  padding-bottom    : 0px;
}

td.ContentTableField_1_IP_Header, td.ContentTableField_1_IP_Header_sort
{
  background-color    : #BFBFBF;
  height              : 17px;
  text-align          : left;
  border-width        : 1px 0px 1px 1px;
  border-style        : solid;
  border-color        : #FFFFFF;
  border-collapse     : collapse;
  border-bottom-width : 0px;
  padding-left        : 2px;
  padding-right       : 20px;
  padding-top         : 0px;
  padding-bottom      : 0px;
}

td.ContentTableField_IP
{
  height            : 17px;
  text-align        : left;
  border-width      : 1px 0px;
  border-style      : solid;
  border-color      : #FFFFFF;
  padding-right     : 0px;
  padding-left      : 2px;
  padding-top       : 0px;
  padding-bottom    : 0px;
  width             : 30px;
}

td.ContentTableField_State
{
  height            : 17px;
  width             : 70px;
  text-align        : left;
  border            : 1px solid #FFFFFF;
  padding-left      : 2px;
  padding-right     : 20px;
  padding-top       : 0px;
  padding-bottom    : 0px;
}
table.ContentTextTable
{
  width             : 100%;
  height            : 100%;
  font-weight       : bold;
  font-size         : 12px;
  text-align        : left;
  border            : 0px solid #FFFFFF;
}
body.ContentLongBody
{
  background-color  : #DDDDDD;
}

table.ContentLongText
{
  font-size         : 12px;
  border            : 0px solid #FFFFFF;
  padding-left      : 12px;
}
td.ContentLongText
{

  padding-top       : 10px;
  vertical-align    : top;
}
td.ContentLongElement
{
  padding-top       : 2px;
  vertical-align    : top;
}
.row_selected
{
  background-color  : #C1CEE9;
}
.row_nonselected
{
  background-color  : #CCCCCC;
}
.left_beside_hidden_field
{
  text-align        : left;
  border-width      : 1px 0px;
  border-style      : solid;
  border-color      : #FFFFFF;
  height            : 17px;
  padding-right     : 30px;
  padding-left      : 2px;
  padding-top       : 0px;
  padding-bottom    : 0px;
  width             : 50px;
}

#UpdateDiagDiv
{
  width             : 100%;
  height            : 100%;
  font-size         : 12px;
  border            : 0px;
}

#UpdateAlarmDiv
{
  width             : 100%;
  height            : 100%;
  font-size         : 12px;
  background-color  : #EAEAEA;
  border            : 0px;
}

.downloadIcon{
  width             : 14px;
  height            : 14px;
  border            : 0px;
}

/***********************************************************************************/
/* definitions for messages and diagnostic buffer end*/
/***********************************************************************************/


.sortheader {
    BORDER-TOP-WIDTH: 0px; 
    PADDING-RIGHT: 0px; 
    PADDING-LEFT: 0px; 
    BORDER-LEFT-WIDTH: 0px; 
    FONT-SIZE: 12px; 
    BORDER-BOTTOM-WIDTH: 0px; 
    PADDING-BOTTOM: 0px; 
    MARGIN: 0px; 
    COLOR: #000000; 
    PADDING-TOP: 0px; 
    FONT-FAMILY: Arial, Helvetica, sans-serif; 
    BORDER-RIGHT-WIDTH: 0px; 
    TEXT-DECORATION: none
}

td.ContentTableField_1_sort
{
  background-color    : #BFBFBF;
  height              : 17px;
  text-align          : left;
  border              : 1px solid #FFFFFF;
  border-collapse     : collapse;
  border-bottom-width : 0px;
  padding-left        : 2px;
  padding-right       : 20px;
  padding-top         : 0px;
  padding-bottom      : 0px; 
  CURSOR              : pointer;

}

.sortheadercl {
    BORDER-RIGHT: #ffffff 1px solid; 
    PADDING-RIGHT: 20px; 
    BORDER-TOP: #ffffff 1px solid; 
    PADDING-LEFT: 2px; 
    BORDER-LEFT: #ffffff 1px solid; 
    CURSOR: pointer; 
    BORDER-BOTTOM: #ffffff 1px solid
}
.filtertext {
    FONT-WEIGHT: bold; 
    padding-bottom  : 0px;
    FONT-SIZE: 12px; 
    COLOR: #00005e; 
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.filtertextempty {
    FONT-SIZE: 14px; 
    height  : 100%;
    COLOR: #00005e; 
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    background-color  : #EAEAEA;
}
.filterformclass {
    BORDER-TOP-WIDTH: 0px; 
    PADDING-RIGHT: 18px; 
    PADDING-LEFT: 0px; 
    FONT-WEIGHT: normal; 
    BORDER-LEFT-WIDTH: 0px; 
    FONT-SIZE: 12px; 
    BORDER-BOTTOM-WIDTH: 0px; 
    PADDING-BOTTOM: 0px; 
    MARGIN: 0px; COLOR: #000040; 
    PADDING-TOP: 0px; 
    FONT-FAMILY: Arial, Helvetica, sans-serif; 
    TEXT-ALIGN: right; 
    BORDER-RIGHT-WIDTH: 0px; 
    TEXT-DECORATION: none;
}

#filtersend
{
  CURSOR            : pointer;  
}

.filterlistclass
{
    BORDER-TOP-WIDTH: 0px; 
    PADDING-RIGHT: 0px; 
    PADDING-LEFT: 0px; 
    FONT-WEIGHT: normal; 
    BORDER-LEFT-WIDTH: 0px; 
    FONT-SIZE: 12px; 
    BORDER-BOTTOM-WIDTH: 0px; 
    PADDING-BOTTOM: 0px; 
    MARGIN: 0px; 
    WIDTH: 170px; 
    COLOR: #000040; 
    PADDING-TOP: 0px; 
    FONT-FAMILY: Arial, Helvetica, sans-serif; 
    TEXT-ALIGN: left; 
    BORDER-RIGHT-WIDTH: 0px
}
.filtervalueclass {
    BORDER-TOP-WIDTH: 0px; 
    PADDING-RIGHT: 0px; 
    PADDING-LEFT: 0px; 
    FONT-WEIGHT: normal; 
    BORDER-LEFT-WIDTH: 0px; 
    FONT-SIZE: 12px; 
    BORDER-BOTTOM-WIDTH: 0px; 
    PADDING-BOTTOM: 2px; 
    MARGIN: 0px; WIDTH: 90px; 
    COLOR: #000040;
    PADDING-TOP: 2px; 
    FONT-FAMILY: Arial, Helvetica, sans-serif; 
    TEXT-ALIGN: left; 
    BORDER-RIGHT-WIDTH: 0px; 
    TEXT-DECORATION: none
}
.filterbuttonclass {
    BORDER-TOP-WIDTH: 0px; 
    PADDING-RIGHT: 33px;    /* 0 -> 33 */
    PADDING-LEFT: 0px; 
    FONT-WEIGHT: normal; 
    BORDER-LEFT-WIDTH: 0px; 
    FONT-SIZE: 12px; 
    BORDER-BOTTOM-WIDTH: 0px; 
    PADDING-BOTTOM: 0px; 
    MARGIN: 0px; 
    WIDTH: 44px; 
    COLOR: #000080; 
    PADDING-TOP: 0px; 
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #CCCCCC; 
    TEXT-ALIGN: right; 
    BORDER-RIGHT-WIDTH: 0px; 
    TEXT-DECORATION: underline
}

/***********************************************************************************/
/* definitions for intro */
/***********************************************************************************/
.position_intro_image {LEFT:0px; TOP:0px; POSITION:relative;  height:100%; width:100%; background-color: #394563;}
.position_intro_enter{LEFT:30px;  TOP:30px; POSITION:absolute;}
.position_intro_no_intro{LEFT:30px; BOTTOM:30px; POSITION:absolute;FONT-SIZE: 12px; COLOR: #ffffff;FONT-FAMILY: Arial, Helvetica, sans-serif;}

input.intro_enter
{
 font-family       : Arial, Helvetica, sans-serif;
 font-size         : 18px;
 color             : #ffffff;
 background-color  : transparent;
 CURSOR            : pointer;
 border            : 0px solid #000000; /*neccesary for Opera; otherwise there will be frames around the buttons*/
 text-decoration   : underline;
}
input.no_intro_checkbox
{
 font-family       : Arial, Helvetica, sans-serif;
 font-size         : 12px;
 color             : #ffffff;
 /*background-color  : #ffffff;*/
 /*border            : 0px solid #ffffff; *//*neccesary for Opera; otherwise there will be frames around the buttons*/
}
.enterformclass {
    BORDER-TOP-WIDTH: 0px;
    PADDING: 0px;
    FONT-WEIGHT: normal; 
    BORDER: 0px; 
    FONT-SIZE: 12px; 
    MARGIN: 0px; 
    FONT-FAMILY: Arial, Helvetica, sans-serif; 
    TEXT-ALIGN: right; 
    TEXT-DECORATION: none;
    width:100%;
    height:100%;
}
.Header_Link {
 font-family       : Arial, Helvetica, sans-serif;
 font-size         : 12px;
 color             : #000000;
 text-decoration   : underline;
 text-align        : right;
}
  
.Header_Link_Element 
{
 padding           : 18px;
 text-align        : right;
}
  
.intro_image
{
 height : 100%;
}
   
.intro_enter_basic{
 display : none;}
/***********************************************************************************/
/* definitions for bgz */
/***********************************************************************************/
#BGZ_Table
{
 width  : 100%;
 height : 60%;
}

#BGZ_SecNav
{
 width  : 100%;
 height : 40%;
}

.BGZ_Link
{
 color          : #000080;
 font-size      : 12px;
 cursor         : pointer;
 text-decoration: underline;
}

td.Title_Area_Bgz_Nav
 {
  padding         : 0px;
  padding-left    : 11px; /*129px - 118 px*/
  padding-top     : 7px;  /*83px - 76px*/
  vertical-align  : top;
  color           : #00005E;
  font-size       : 12px;
  font-weight     : bold;
  font-variant    : normal;
 }

.Bgz_SecNav_Content
{
  background-color: #EAEAEA;
  width           : 100%;
  height          : 100%;
}

.Bgz_SecNav_Table
{
  font-size      : 12px;
  padding-left   : 2px;
  width           : 400px;
}

td.static_field_bgz
{
  font-size           : 12px;
  height              : 21px;
  text-align          : right;
  color               : #666666;
  width               : 114px;
  border-left         : 6px solid #EAEAEA;
  border-top          : 4px solid #EAEAEA;
  white-space         : nowrap;
}

th.static_field_bgz
{
  font-size           : 12px;
  height              : 21px;
  text-align          : right;
  color               : #666666;
  width               : 114px;
  border-left         : 6px solid #EAEAEA;
  border-top          : 4px solid #EAEAEA;
  font-weight         : bold;
  white-space         : nowrap;
}

#Bgz_state
{
  padding-left    : 10px;
  padding-top     : 20px;
}

.BGZ_Details_Left
{
  text-align        : left;
  border-width      : 1px 0px;
  border-style      : solid;
  border-color      : #FFFFFF;
  height            : 17px;
  padding-right     : 30px;
  padding-left      : 2px;
  padding-top       : 0px;
  padding-bottom    : 0px;
  width             : 50px;
}

.BGZ_Details_Left_Header
{
  text-align        : left;
  border-width      : 1px 0px;
  border-style      : solid;
  border-color      : #FFFFFF;
  height            : 17px;
  padding-right     : 30px;
  padding-left      : 2px;
  padding-top       : 0px;
  padding-bottom    : 0px;
  width             : 50px;
  background-color  : #BFBFBF;
}


.BGZ_Details_Left_Header_sort
{
  text-align        : left;
  border-width      : 1px 0px;
  border-style      : solid;
  border-color      : #FFFFFF;
  height            : 17px;
  padding-right     : 30px;
  padding-left      : 2px;
  padding-top       : 0px;
  padding-bottom    : 0px;
  width             : 50px;
  background-color  : #BFBFBF;
}

.BGZ_No_Sort_Header
{
  text-align        : right;
  border-width      : 1px 0px;
  border-style      : solid;
  border-color      : #FFFFFF;
  height            : 17px;
  padding-right     : 6px;
  padding-top       : 0px;
  padding-bottom    : 0px;
  background-color  : #BFBFBF;
}

body.bgztablebody, body.ouctablebody
{
  background-color  : #EAEAEA;
}


.BGZ_Details
{
  text-align        : right;
  border-width      : 1px 0px;
  border-style      : solid;
  border-color      : #FFFFFF;
  height            : 17px;
  padding-right     : 6px;
  padding-top       : 0px;
  padding-bottom    : 0px;
}

td.Title_Area_PrinterIcon_Bgz
 {
  text-align      : right;
  vertical-align  : bottom;
  padding         : 0px;
  padding-right   : 33px;
  width           : 20px;
}
td.Title_Area_ReloadIcon_Bgz
{
  text-align      : right;
  vertical-align  : bottom;
  padding         : 0px;
}

.invisible, .invisible_sort
{
  display           : none;
}

.error
{
   font-size: 12px;
   padding: 10px;
   height: 17px;
}

/***********************************************************************************/
/* definitions for profinet parameter                                              */
/***********************************************************************************/
td.static_field_headline_pn  
{
  font-size           : 12px;
  font-weight         : bold;
  height              : 21px;
  width               : 100px;
  text-align          : right;
  padding-top         : 24px;
  border-left         : 6px solid #EAEAEA;
  border-top          : 4px solid #EAEAEA;
  white-space         : nowrap;
  color               : #666666;
}

td.static_field_headline_pn_res
{
  font-size           : 12px;
  font-weight         : bold;
  height              : 21px;
  width               : 150px;
  text-align          : right;
  padding-top         : 24px;
  border-left         : 6px solid #EAEAEA;
  border-top          : 4px solid #EAEAEA;
  white-space         : nowrap;
  color               : #666666;
}
                      
td.static_field_pn
{
  font-size           : 12px;
  text-align          : right;
  border-left         : 6px solid #EAEAEA;
  border-top          : 4px solid #EAEAEA;
  width               : 200px;
  color               : #666666;
}

#Title_Area_ReloadIcon_Topo
{
  text-decoration : none;
  text-align      : right;
  vertical-align  : bottom;
  padding         : 0px;
  padding-bottom  : 10px;  /*76px + 60px -126px*/
  width           : 80px;
}

#topo_selection_frame_body,topo_selection_frame_body
{
  background-color : #CCCCCC;
}

#topo_selection
{
  padding         : 0px;
  margin          : 5px;
  width           : 250px;
  height          : 56px;
  background-color : #CCCCCC;
}

#topo_fieldset_id
{
  margin           : 0px;
  padding          : 2px;
  padding-left     : 5px;
}

#topo_selection_table
{
  font-size       : 12px;
  text-align      : left;
  padding         : 0px;
  margin          : 0px;
  margin-top      : 6px;
  background-color : #CCCCCC;
}

.topo_selection_form_td
{
  padding          : 0px;
}

#topo_selection_status_td
{
  padding          : 0px;
  vertical-align   : top;
  margin           : 0px;
}

#topo_selection_form
{
  margin           : 0px;
}

#topo_save_button
{
  padding          : 0px;
  margin           : 0px;
  text-align       : center;
}

.topo_save_button_frame
{
  border          : 2px inset white;
}

.topo_save_button_no_frame
{
  border          : 2px solid #C0C0DB;
}

#topo_save_img
{
  border-width     : 0px;
  height           : 13px;
  margin           : 1px;
  margin-top       : 3px;

}

.cursor_hand
{
  cursor           : pointer;
}


/***********************************************************************************/
/* definitions for awp                                                             */
/***********************************************************************************/
td.static_field_awp
{
  font-size           : 12px;
  height              : 21px;
  text-align          : left;
  border-left         : 6px solid #EAEAEA;
  border-top          : 4px solid #EAEAEA;
}

/*********************************************************************************/
/* Offene Kommunikation, Details                                                 */
/*********************************************************************************/
  
td.OComContentStaticLongText
{
  font-size         : 12px;
  text-align        : right;
  padding-right     : 6px;
  padding-left      : 48px;
  color             : #666666;
}

td.OComContentVariableLongText
{
  background-color  : #DDDDDD;
  font-size         : 12px;
  text-align        : left;
  padding-left      : 6px;
}

/*********************************************************************************/
/* Offene Kommunikation, Details                                                 */
/*********************************************************************************/
.filebrowser
{
  font-size        : 12px;
  text-align       : left;
}

.filebrowserHeadline
{
	padding        : 0px;
	color          : #666666;
	font-weight    : bold;
	text-align     : left;
	font-size        : 12px;
}

.renameForm
{
	margin         : 0px;
	padding        : 0px;
}


.Filebrowser_No_Sort_Header
{
  background-color    : #BFBFBF;
  height              : 17px;
  text-align          : left;
  border              : 1px solid #FFFFFF;
  border-collapse     : collapse;
  border-bottom-width : 0px;
  padding-left        : 2px;
  padding-right       : 20px;
  padding-top         : 0px;
  padding-bottom      : 0px;
}

.Filebrowser_Dir_No_Sort_Header
{
  background-color    : #BFBFBF;
  height              : 17px;
  text-align          : right;
  border              : 1px solid #FFFFFF;
  border-collapse     : collapse;
  border-bottom-width : 0px;
  border-right-width : 0px;
  padding-left        : 2px;
  padding-right       : 2px;
  padding-top         : 0px;
  padding-bottom      : 0px;
}

.Filebrowser_Name_Header
{
  background-color    : #BFBFBF;
  height              : 17px;
  text-align          : left;
  border              : 1px solid #FFFFFF;
  border-collapse     : collapse;
  border-bottom-width : 0px;
  border-left-width   : 0px;
  border-right-width  : 0px;
  padding-left        : 2px;
  padding-right       : 2px;
  padding-top         : 0px;
  padding-bottom      : 0px;
}

td.Filebrowser_Dir_Header_sort
{
  background-color    : #BFBFBF;
  height              : 17px;
  text-align          : right;
  border              : 1px solid #FFFFFF;
  border-collapse     : collapse;
  border-bottom-width : 0px;
  border-right-width : 0px;
  padding-left        : 2px;
  padding-right       : 2px;
  padding-top         : 0px;
  padding-bottom      : 0px; 
  CURSOR              : pointer;
}

td.Filebrowser_Name_Header_sort
{
  background-color    : #BFBFBF;
  height              : 17px;
  text-align          : left;
  border              : 1px solid #FFFFFF;
  border-collapse     : collapse;
  border-bottom-width : 0px;
  border-left-width   : 0px;
  padding-left        : 2px;
  padding-right       : 20px;
  padding-top         : 0px;
  padding-bottom      : 0px; 
  CURSOR              : pointer;
}

.Filebrowser_Dir_Col
{
  height            : 17px;
  text-align        : right;
  border            : 1px solid #FFFFFF;
  border-right-width : 0px;
  padding-left      : 2px;
  padding-right     : 2px;
  padding-top       : 0px;
  padding-bottom    : 0px;
}

.Filebrowser_Name_Col
{
  height            : 17px;
  text-align        : left;
  border            : 1px solid #FFFFFF;
  border-left-width : 0px;
  padding-left      : 2px;
  padding-right     : 20px;
  padding-top       : 0px;
  padding-bottom    : 0px;
}

#Filebrowser_Error_Message
{
  width             : 100%;
  text-align        : left; 
  color             : red;
  font-size         : 12px;
  font-weight       : normal;
}

.startpage_buttons
{
  text-decoration   : none;
  display           : block; 
  width             : 120px; 
  height            : 18px;
  margin-left       : 6px; 
  margin-bottom     : 2px;
  margin-top        : 2px;
  font-size         : 12px;
  font-weight       : normal;
  text-align        : center;
  color             : #FFFFFF;
  background-color  : #999999;
  cursor            : pointer;
}

#table_safety
{
  padding           : 0px;
  margin            : 0px;
  border            : 0px;
}

.fw_update_button
{
  font-size           : 12px;
  text-align          : left;
  border-left         : 6px solid #EAEAEA;
  border-top          : 4px solid #EAEAEA;
  color               : #000000;
}


#fw_update_input_field
{
  margin-left: 6px;
  margin-top: 4px;
}

td.fw_update_output_field_long
{
  font-size           : 12px;
  background-color    : #DDDDDD;    
  text-align          : left;
  width               : 250px;
  border-left         : 6px solid #EAEAEA;
  border-top          : 4px solid #EAEAEA;
  empty-cells         : show;
  color               : #000000;
}

td.fw_update_static_field_bgz
{
  font-size           : 12px;
  height              : 21px;
  text-align          : right;
  color               : #666666;
  width               : 140px;
  border-left         : 6px solid #EAEAEA;
  border-top          : 4px solid #EAEAEA;
  white-space         : nowrap;
}

.Bgz_FW_Update_SecNav_Table
{
  font-size      : 12px;
  padding-left   : 2px;
}

.Bgz_FW_Update_Type_Class
{
  font-size           : 12px;
  font-weight         : bold;
  height              : 21px;
  text-align          : left;
  padding-left        : 10px;
  padding-top         : 10px;
  color               : #000000;
  white-space         : nowrap;
}

#fwupdateframe
{
	position : absolute;	
	top      : 0px;
	left     : -2000px;
	width    : 0px;
	height   : 0px;
/*	left     : 500px;
	width    : 300px;
	height   : 50px;*/
}