/* <style> this tag is here for homesite colorcoding */

*
{
  font-size : 11px;
}

body
{
  font-family       : Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
  font-size         : 11px;
  color             : #000000;
  font-weight       : normal;
  font-style        : normal;
}

#mainContent
{
	position          : relative;
  width : 95%;
}

form
{
  margin : 0px;
}

h1
{
  font-size : 22px;
  font-weight : bold;
}

div.error, class.error, .error *, .error
{
  color : red !important;
}



.formrightcolumn textarea,
.formrightcolumn select,
.formrightcolumn input
{
  width             : 300px;
  vertical-align    : middle;
}

.formrightcolumn input.login
{
  width             : 100px;
}

.mandatory
{
	vertical-align: top;
	font-size: smaller;
	color : red;
}

.tabActive
{
  color             : black;
  cursor            : pointer;
  font-weight       : normal;
  border-top        : thin outset #e0e0e0;
  border-right      : thin outset #e0e0e0;
  border-left       : thin outset #e0e0e0;
  border-bottom     : none;
  background-color  : white;
}

.tabInactive
{
  color             : gray;
  cursor            : pointer;
  font-weight       : normal;
  border-top        : none;
  border-right      : none;
  border-left       : none;
  border-bottom     : thin inset #e0e0e0;
  background-color  : #efefef;
}

.tabSpacing
{
  color             : gray;
  cursor            : pointer;
  font-weight       : normal;
  border-top        : none;
  border-right      : none;
  border-left       : none;
  border-bottom     : thin inset #e0e0e0;
  background-color  : #ffffff;
}

th
{
  text-align        : left;
  vertical-align    : top;
  padding-top       : 2px;
  font-weight       : bold;
}

b, strong, .bold
{
  font-weight       : bold;
}

.selectedmenuitem
{
  color             : #ffffff;
  background-color  : #001085;
  font-weight       : bold;
}

pre, code
{
  font-family       : Courier New, Courier, System;
  font-size         : 11px;
  color             : #000000;
}

hr
{
  color             : #000000;
  height            : 1px;
}

a
{
  /* [mjh] font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif; */
  /* [mjh] font-size: 11px; */
  font-weight: bold;
}

a:link,
a:visited,
a.thin:link,
a.thin:visited
{
  color           : #101010;
  text-decoration : none;
}

a:active,
a:hover,
a.thin:active,
a.thin:hover
{
  color           : #001085;
  text-decoration : underline;
}

a.thinred:link,
a.thinred:visited
{
  color           : #DB1F13;
  text-decoration : none;
}

a.thinred:active,
a.thinred:hover
{
  color           : #FF1F13;
  text-decoration : underline;
}

a.menuLink:link,
a.menuLink:visited
{
  color           : #101010;
  text-decoration : none;
}

a.menuLink:active,
a.menuLink:hover
{
  color             : #ffffff;
  background-color  : #001085;
  text-decoration   : none;
}

a.imgnobg:link,
a.imgnobg:visited
{
  color             : #101010;
  text-decoration   : none;
  background-color  : #ffffff;
}

a.imgnobg:active,
a.imgnobg:hover
{
  color             : #ffffff;
  text-decoration   : none;
  background-color  : #ffffff;
}

a.buttonnobg:link,
a.buttonnobg:visited
{
  color           : #101010;
  text-decoration : none;
}

a.buttonnobg:active, a.buttonnobg:hover
{
  color             : #ffffff;
  text-decoration   : none;
  background-color  : #dddddd;
}

.button
{
  background-color  : #5A7FCC;
  color             : #ffffff;
  font-weight       : bold;
  margin-top        : 8px;
  margin-bottom     : 8px;
}

.buttonNoMargin
{
  background-color  : #5A7FCC;
  color             : #ffffff;
  font-weight       : bold;
}

.startEndHeader
{
  color       : #ffffff;
  text-align  : center;
  font-weight : bold;
}

ul
{
  margin-left : 20px;
  margin-top  : 0px;
}

select.editbwsselectbox     { width           : 200px; }
select.focusmodulecontainer { width           : 175px; }

  .grayout                  { opacity : 0.30; }

.grayout                    { color           : gray;
                              cursor          : default;
                              font-weight     : bold; }
.icon                       { vertical-align  : bottom; }
.currentpos                 { color           : silver; }
.formRow                    { padding-top     : 10px; }


h3
{
  font-size : 16px;
  font-weight : bold;
}

em, i
{
  font-style      : italic;
}

#colMenus, #colArticles, #colModules, #colOrder, #colSecurity, #colLinks, #colMove
{
  font-weight : normal; 
  padding : 0px 3px 0px 3px; 
  border-left : 1px solid black; 
  text-align  : center;
}

td.menu
{
  padding-left    :  5px;
  padding-right   : 15px;
}

span.enabled
{
  color           : red;
}
span.disabled
{
  color           : silver;
}
span.bold
{
  font-weight     : bold;
}

div.auto_complete {
      position : absolute;
      background-color : white;
      border : 2px outset silver;
      margin : 0px;
      padding : 0px;
    }
div.auto_complete ul  {
  list-style-type : none;
  margin : 0px;
  padding : 0px;
}
div.auto_complete ul li.selected { background-color : #DCDCDC; }
div.auto_complete ul li {
  list-style-type : none;
  display : block;
  margin : 0;
  padding : 2px;
  padding-right : 10px;
}
span.informal{
    font-style : italic;
}

.articleTags,
.articleTags li
{
  margin: 0px;
  padding: 0px;
}

.articleTags li
{
  list-style-type : none;
  display: inline;
  margin-right: 10px;
}

.tablelessform
{
  margin : 0px;
  border : 1px solid gainsboro;
  padding : 5px;
  background-color : whitesmoke !important;
}

.tablelessform fieldset
{
  margin : 0 0 5px 0; 
  padding : 10px; 
  border : 1px solid black;
}

.tablelessform div
{
  margin-bottom : 2px;
  clear : both;
}

.tablelessform label
{
  display : block;
  float : left;
  width : 120px;
}

.tablelessform select,
.tablelessform input,
.tablelessform textarea,
.tablelessform .inputField
{
  padding : 2px;
  margin : 2px;
  font-size : 1.0em;
  width : 300px;
  display : block;
  float : left;
  clear : none;
  border : 1px inset gray;
}

.tablelessform .hidden
{
  display: none;
}

.tablelessform textarea
{
  vertical-align : top;
  height: 100px;
}

.buttonRow
{
  margin-top: 10px;
  padding: 5px;
  background-color: lightgray;
  border:1px solid silver;
  text-align: right;
}

#progress_bar {  
    width:300px;
    height:20px;  
    padding:0;  
    margin:0;  
    position:relative;  
    background-image:url( 'https://ppgcms.nl/images/progress.png' );
    background-repeat:repeat-x;  
} 
 
#progress_bar div {  
    background-color:#fff;  
}  div.menuBar,
div.menuBar *,
div.menu,
div.menu *
{
  font-family       : Verdana, Arial, Geneva, Sans-serif;
  font-size         : 9pt;
  font-style        : normal;
  font-weight       : normal;

  cursor : pointer;
}

div.menuBar 
{
  background-color  : transparent;
  border            : 0px solid;
  border-color      : transparent;
  padding           : 0px;
  text-align        : left;

  cursor : pointer;
  z-index           : 99;
}

div.menuBar a.menuButton 
{
  background-color  : transparent;
  border            : 0px solid transparent;
  color             : #000000;
  left              : 0px;
  margin            : 1px;
  /* [mjh]            t   r   b   l   */
  padding           : 2px 3px 6px 3px;
  position          : relative;
  text-decoration   : none;
  top               : 0px;
  z-index           : 100;
  font-weight:bold;

  cursor : pointer;
}

div.menuBar a.menuButton:hover 
{
  background-color  : transparent;
  border-color      : transparent;
  color             : #000000;

  cursor : pointer;
}

div.menuBar a.menuButtonActive, div.menuBar a.menuButtonActive:hover 
{
  background-color  : #5A7FCC;
  border-color      : transparent;
  color             : #ffffff;
  left              : 0px;
  top               : 0px;

  cursor : pointer;
}

div.menu 
{
  background-color  : #E6E6E6;
  border            : 1px solid #a9a9a9;
  left              : 0px;
  padding           : 0px 0px 0px 0px;
  position          : absolute;
  top               : 0px;
  visibility        : hidden;
  z-index           : 101;
  width             : 180px;

  cursor : pointer;
}

div.menu a.menuItem 
{
  color             : #000000;
  display           : block;
  padding           : 3px 1em;
  text-decoration   : none;
  white-space       : nowrap;

  cursor : pointer;
}

div.menu a.menuItem:hover,
div.menu a.menuItem:hover *,
div.menu a.menuItemHighlight,
div.menu a.menuItemHighlight *
{
  background-color  : #5A7FCC;
  color             : #ffffff;

  cursor : pointer;
}

div.menu a.menuItem span.menuItemArrow
{
  margin-right  : -.75em;
  margin-left   : -16px;

  cursor        : pointer;
}

div.menu div.menuItemSep 
{
  border-top        : 1px solid #909090;
  border-bottom     : 1px solid #f0f0f0;
  margin            : 4px 2px;

  cursor : pointer;
}