/* HTML TAGS START */
BODY {
  height:100%;
  width:100%;
  margin:0px;
  padding:0px;
  background:#696969 url(../images/body_bg.gif) repeat top left;
  font:normal 10px Verdana, Arial, sans-serif;
}

table {
   border-collapse:collapse;
   border:none;
}

td, th {
   padding:0;
   border:none;
}

h1 {
  margin:10px 0px 10px 0px;
  padding:0px;
  font:normal 22px Verdana, Arial, sans-serif;
  color:#720015;
  line-height:25px;
}

h2 {
  margin:                      8px 0px 8px 0px;
  padding:                     0px;
  font:                        normal 17px Verdana, Arial, sans-serif;
  color:                       #720015;
  line-height:                 20px;
}

h3 {
  margin:                      0px;
  padding:                     0px;
  font:                        normal 18px Verdana, Arial, sans-serif;
  color:                       #720015;
  line-height:                 18px;
}

h4 {
  margin:                      0px;
  padding:                     0px;
  font:                        bold 15px Verdana, Arial, sans-serif;
  color:                       #333333;
  line-height:                 16px;
}

h5 {
  margin:                      0px;
  padding:                     0px;
  font:                        bold 13px Verdana, Arial, sans-serif;
  color:                       #333333;
  line-height:                 14px;
}

h6 {
  margin:                      0px;
  padding:                     0px;
  font:                        bold 11px Verdana, Arial, sans-serif;
  color:                       #333333;
  line-height:                 12px;
}

HR {
  width:100%;
  height:1px;
  border:0px;
  border-top:2px solid #720015;
}

a {
  color:black;
  text-decoration:underline;
}

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

img {
  border:                      0px;
}

/* HTML TAGS END */

/* CUSTOM CSS TAGS START */


.fullscreen {
  width:100%;
  height:100%;
  margin:0px;
  padding:0px;
}
.siteholder {
  vertical-align: middle;
}
.site {
  height:200px;
  width:100%;
}



/* *** Sidebar ************************************************************** */
.sidebar        { width: 225px;
                  background-color:white;
                  font-family:verdana,arial,sans-serif;
                  /* border-right:1px solid #720015; */
                  border-right:1px solid black;
                  vertical-align: top; }
.sidebartitle   { width: 225px;
                  /*height: 23px;*/
                  padding: 0px 0px 0px 10px;
                  vertical-align: top;
                  /*background:url('http://www.multi-value.org/images/mv_sidebar_title.gif') repeat-y top left;*/
                  font: bold 14px verdana, arial, sans-serif;
                  /* color: #51000e; */
                  color: #808080;
                  line-height: 14px; }

.sidebarlogo   { width: 225px; height: 51px;
                  /* background: url('http://www.multi-value.org/images/mv_sidebar_bg.gif') repeat-y top left; */
                  vertical-align: bottom; }
.sidebarbottom { width: 225px; height: 5px; }


/* SIDEBAR CSS TAGS START */
/*
.insidebar { width: 225px;
             font:normal 1px arial, sans-serif;
             line-height: 1px;
             padding:0px; }
             */
.sidebartitlebottom {
             height: 12px; }
.sidebarline {
             height: 5px;
             border-bottom:1px solid #c0c0c0;
             /* background:url('http://www.multi-value.org/images/mv_sidebar_line.gif') no-repeat center left; */ }
div.sidebarbutton, div.sidebarbuttonon, div.sidebarbuttondisabled,
a.sidebarbutton, a.sidebarbuttonon, a.sidebarbuttondisabled,
div.sidebarbutton2, div.sidebarbutton2on, div.sidebarbutton2disabled,
a.sidebarbutton2, a.sidebarbutton2on, a.sidebarbutton2disabled {
             width:225px;
             /* height: 55px; */
             padding: 0px !important;
             /*padding: 10px 0px 5px 11px;*/ }
.sidebarbuttonon, a.sidebarbuttonon, a:hover.sidebarbutton, a:hover.sidebarbuttonon {
              /* background:url('http://www.multi-value.org/images/mv_sidebar_button.gif') repeat-y top left; */
              background-color:#ffffff; }
.sidebarbuttontitle {
              /*padding: 10px 0px 0px 11px !important;*/
              padding: 0px !important;
              margin:0px !important;
              font: bold 12px verdana, arial, sans-serif;
              text-transform: uppercase;
              background-color:#720015;
              color:white;
              line-height:20px; }
.sidebarbuttontext {
              /* padding: 5px 0px 5px 24px !important; */
              padding: 5px 0px 0px 13px;
              font: normal 11px verdana, arial, sans-serif;
              /* color: #2f0009; */
              color: #808080;
              line-height: 15px; }
.sidebarbuttontext a {
              /* color: #720015; */
              color: black;
              text-decoration: none;
              display:block;}
.sidebarbuttontext a:hover {
              color: #000000;
              text-decoration: underline;}
/*
.sidebarbutton select, .sidebarbuttonon select, .sidebarbuttonoff select {
         font-size:9px;
         width:160px;
         margin:2px 2px 2px 11px;
         padding:0px 2px;
}
*/
.bottombar {  height: 20px;
              background-color: #720015;
}

.contentrow, .footerrow { background-color:#fafafa; }

/* SIDEBAR CSS TAGS END */

/* *** Window *************************************************************** */

/* ************** shoppernet ******************** */
/*
.shoppernet        { padding: 2px;
                     font: 12px Verdana;
                     color: #000000;
                     font-weight:normal;
                     line-height: 20px; }

.shoppernet li     { font-size: 12px;

                   }

.shoppernet a      { color: #202020;
                     text-decoration: none;
                     font-weight:normal;
                     padding:2px;              }

.shoppernet a:hover{ color: #720015;
                     text-decoration: none;
                     font-weight:normal;
                     padding:2px; }

.shoppernet img { padding: 0px; }

*/

/*
.content_popup {
  width:                       350px;
  padding:                     10px;
  background-color:            #FFFFFF;
  font:                        normal 11px Verdana, Arial, sans-serif;
  color:                       #333333;
  vertical-align:              top;
}

.content_popup td {
  font:                        normal 11px Verdana, Arial, sans-serif;
}

.content_popup th {
  width:                       350px;
  text-align:                  center;
  font:                        normal 11px Verdana, Arial, sans-serif;
  font-weight:                 bold;
}

.content_popup img {
  width:300px;
}
*/

.explanations {
  margin:                      0px;
  font:                        normal 11px Verdana, Arial, sans-serif;
  color:                       #333333;
  line-height:                 12px;
}

.explanations.termnav {
  margin:                      10px 0 10px 0;
  font:                        normal 11px Verdana, Arial, sans-serif;
  color:                       #333333;
  line-height:                 12px;
  border: 1px solid #cccccc;
  padding:2px;
}

.explanations a       { color: #cccccc;  text-decoration: none;      font-weight:normal; }
.explanations a:hover { color: #720015;  text-decoration: underline; font-weight:normal; }

.bericht   { width:650px;
             height:25px;
             border:1px solid #720015;
             color:#720015;
             text-align:center;
             line-height:25px;
             font-size:14px;
             font-weight:bold;
             margin:15px 0 15px 0; }

.term {
  margin:                      0px;
  padding-top:                 15px;
  font:                        bold 13px Verdana, Arial, sans-serif;
  color:                       #720015;
  line-height:                 14px;
}

.term a       { color: #cccccc;  text-decoration: none;      font-weight:normal; }
.term a:hover { color: #720015;  text-decoration: underline; font-weight:normal; }

/*
.editreq      { font:normal 11px verdana; height:19px;
                background:#FFFFFF url(http://www.multi-value.org/images/form_required.gif) no-repeat top right;
                border:1px solid #7F9DB9;
}
.editreq250   { font:normal 11px verdana; height:19px; width:250px;
                background:#FFFFFF url(http://www.multi-value.org/images/form_required.gif) no-repeat top right;
                border:1px solid #7F9DB9;
}
.editfld      { font:normal 11px verdana; height:19px;
                border:1px solid #7F9DB9;
}
.editfld250   { font:normal 11px verdana; height:19px; width:250px;
                border:1px solid #7F9DB9;
}
*/

.bordered  { border:1px solid red; }

.header {
  height:                      20px;
  text-align:                  center;
  font:                        normal 1px Verdana, Arial, sans-serif;
  line-height:                 20px;
}

.menu {
  height:                      20px;
  padding:                     0px 0px 0px 40px;
  background-color:            #AFAFAF;
}

.menubar {
  height:                      20px;
  background-color:            #AFAFAF;
}

.face {
  height:                      453px;
  width:                       294px;
  background-color:            #FFFFFF;
  background-repeat:           no-repeat;
  background-position:         top left;
}

.content_facebg {
  height:                      453px;
  width:                       100%;
  background-color:            #FFFFFF;
  background-repeat:           no-repeat;
  background-position:         top right;
  padding: 10px 10px 10px 25px;
  font:                        normal 11px Verdana, Arial, sans-serif;
  color:                       black;  /* #333333; */
  line-height:                 14px;
  vertical-align:              top;
}

.title {
  height:                      30px;
  width:                       600px;
  padding:                     10px 10px 0px 10px;
  font:                        normal 12px Verdana, Arial, sans-serif;
  line-height:                 20px;
  color:                       #AFAFAF;
  background-color:            #FFFFFF;
  overflow:                    hidden;
}

.title a {
  color:                       #AFAFAF;
  text-decoration:             none;
}
.title a:hover {
  color:                       #720015;
  text-decoration:             none;
}

.subtitle {
  height:                      10px;
  padding:                     0px 10px 0px 10px;
  font:                        normal 10px Arial, sans-serif;
  color:                       #AFAFAF;
  line-height:                 10px;
  background-color:            #FFFFFF;
}

.subtitle a {
  color:                       #AFAFAF;
  text-decoration:             none;
}
.subtitle a:hover {
  color:                       #720015;
  text-decoration:             none;
}

.content_right {
  height:                      453px;
  width:                       89px;
  background-color:            #FFFFFF;
  background-repeat:           no-repeat;
  background-position:         center right;

}

.rightspace {
  height:                      453px;
  width:                       1000px;
  background-color:            #FFFFFF;
}

.content {
  height:                      392px;
  width:                       270px;
  padding:                     10px;
  background-color:            #FFFFFF;
  font:                        normal 11px Verdana, Arial, sans-serif;
  color:                       black;  /* #333333; */
  line-height:                 14px;
  vertical-align:              top;
}

.introcontent {
  height:                      453px;
  padding:                     10px 10px 10px 50px;
  font:                        normal 11px Verdana, Arial, sans-serif;
  color:                       #333333;
  line-height:                 14px;
  vertical-align:              top;
  background-color:            #FFFFFF;
  background-repeat:           no-repeat;
  background-position:         top right;
}

.content_full_scroll {
  height:                      392px;
  width:                       580px;
  overflow:                    auto;

  scrollbar-base-color:        #FFFFFF;   /* basiskleur */
  scrollbar-face-color:        #720015;   /* basiskleur frontvlakken */
  scrollbar-arrow-color:       #FFFFFF;   /* pijlkleur */
  scrollbar-3dlight-color:     #720015;   /* randkleur linkboven */
  scrollbar-highlight-color:   #FFFFFF;   /* hooglicht linksboven */
  scrollbar-darkshadow-color:  #720015;   /* randkleur rechtsonder */
  scrollbar-shadow-color:      #FFFFFF;   /* laaglicht rechtsonder */
  scrollbar-track-color:       #FFFFFF;   /* achtergrondkleur lege ruimte scrollbar */
}

.content_full {
  height:                      392px;
  width:                       580px;
  padding:                     10px;
  background-color:            #FFFFFF;
  font:                        normal 11px Verdana, Arial, sans-serif;
  color:                       black;  /* #333333; */
  line-height:                 14px;
  vertical-align:              top;
}


.content table, .content_full table, .content2 table, .content3 table, .content4 table, .content5 table, .content_facebg table {
  font:                        normal 11px Verdana, Arial, sans-serif;
  color:                       black;  /* /#333333; */
  line-height:                 14px;
  vertical-align:              top;
}

.content2 {
  height:                      392px;
  width:                       325px;
  padding:                     10px;
  background-color:            #FFFFFF;
  font:                        normal 11px Verdana, Arial, sans-serif;
  color:                       #333333;
  line-height:                 14px;
  vertical-align:              top;
}

.content3 {
  height:                      392px;
  width:                       225px;
  padding:                     10px;
  background-color:            #FFFFFF;
  font:                        normal 11px Verdana, Arial, sans-serif;
  color:                       #333333;
  line-height:                 14px;
  vertical-align:              top;
}

.content4 {
  width:                       225px;
  padding-top:                 10px;
  padding-right:               20px;
  background-color:            #FFFFFF;
  font:                        normal 11px Verdana, Arial, sans-serif;
  color:                       #333333;
  line-height:                 14px;
  vertical-align:              top;
}

.content5 {
  width:                       225px;
  background-color:            #FFFFFF;
  font:                        normal 11px Verdana, Arial, sans-serif;
  color:                       #333333;
  line-height:                 12px;
  vertical-align:              top;
}

.content A, .content_full A, .content2 A, .content3 A, .content4 A, .content5 A, .content_popup A, .content_facebg A {
  color: #720015;
  text-decoration: none;
}

.content A:hover, .content_full A:hover, .content2 A:hover, .content3 A:hover, .content4 A:hover, .content5 A:hover, .content_popup A:hover, .content_facebg A:hover {
  color: #720015;
  text-decoration: underline;
}

.content li {
  margin-bottom:               5px;
}

.content_spacer {
  height:                      392px;
  width:                       10px;
  background-color:            #FFFFFF;
}

.bottom_bar {
  height:                      20px;
  background-color:            #720015;
}

.bottom {
  height:                      20px;
  text-align:                  right;
  background-color:            #720015;
}

.footer {
  height:                      20px;
  text-align:                  center;
  font:                        normal 9px Verdana, Arial, sans-serif;
  color:                       #CCCCCC;
}

.footer a {
  color:                       #CCCCCC;
  text-decoration:             none;
}

.footer a:hover {
  color:                       #CCCCCC;
  text-decoration:             none;
}

.screenholder {
  height:                      1px;
}
/* CUSTOM CSS TAGS END */

/* LIST MENU STYLES START */
.mainmenu {
  margin:                      0px;
  padding:                     0px;
}

.mainmenu li {
  margin:                      0px;
  padding:                     0px;
  display:                     block;
  list-style-type:             none;
  float:                       left;
  font:                        normal 14px Arial, Sans-serif;
  color:                       #FFFFFF;
  line-height:                 20px;
}

.mainmenu a, .mainmenu a:hover, .mainitem_on, .mainitem_visit_on, .mainitem1_on, .mainitem_visit_on {
  width:                       90px;
  height:                      20px;
  margin:                      0px;
  /* padding:                     2px 40px 2px 5px !important; */
  padding:                     0px 5px 0px 5px;
  font:                        normal 14px Arial;
  color:                       #FFFFFF;
  text-decoration:             none;
  line-height:                 20px;
  filter:                      dropshadow(Color=#818181, OffX=1, OffY=1, Positive=1);
}

.mainmenu a:hover, .mainitem_on, .mainitem_visit_on, .mainitem_visit, .mainitem1_on, .mainitem1_visit_on {
  color:                       #FFFFFF;
  background-color:            #720015;
}

.mainitem1 {
  background:                  url('../images/menu_bg.gif') no-repeat center right;
}

.mainitem1_visit {
  background:                  #720015 url('../images/menu_bg_over.gif') no-repeat center right;
}

.mainitem1_on {
  background:                  #720015 url('../images/menu_bg_over.gif') no-repeat center right;
}

.mainitem1_visit_on {
  background:                  #720015 url('../images/menu_bg_over.gif') no-repeat center right;
}

ul.mainmenu li:hover > ul {
  display:                     block;
  margin:                      -1px 0px 0px 0px;
}

#submenu {
  width:                       150px;
  margin:                      0px;
  padding:                     0px;
  display:                     none;
  position:                    absolute;
}

#submenu li {
  width:                       100%;
  margin:                      0px;
  padding:                     0px;
  font:                        normal 14px Arial, Sans-serif;
  color:                       #808080;
  list-style-type:             none;
  display:                     block;
  float:                       left;
}

#submenu a, #submenu a:hover, .subitem_on {
  width:                       100%;
  margin:                      0px;
  padding:                     2px 40px 3px 5px !important;
  padding:                     0px 5px 0px 5px;
  font:                        normal 14px Arial, Sans-serif;
  color:                       #FFFFFF;
  text-decoration:             none;
  line-height:                 21px;
  background-color:            #ADADAD;
/*  background-color:            #848484; */
  filter:                      Alpha(Opacity=85);
  -moz-opacity:                .85;
}

#submenu a:hover, .subitem_on {
  color:                       #FFFFFF;
  background-color:            #8B7676;
  filter:                      Alpha(Opacity=100);
  -moz-opacity:                .99;
}

ul#submenu li:hover > ul {
  display:                     block;
  margin:                      -21px 0px 0px 165px;
}
/* LIST MENU STYLES END */


/* --- window gedeelte ------------------------------------------------------ */
.footer .copyright {
         width:325px;
         height:20px;
         float:right;
         /*text-align:right;*/
         font:normal 9px verdana, arial, sans-serif;
         color:#CCCCCC;}
.footer .copyright a {
         color:#aaaaaa;
         text-decoration:none;}
.footer .copyright a:hover {
         color:#aaaaaa;
         text-decoration:underline;}

.dbstepper-table {
   font-size:19px;
   width:800px;
}
.dbstepper-table-header {
   font-size:14px !important;
   line-height:25px !important;
   text-align:left;
   font-weight:bold;
   padding:2px 0px 2px 35px !important;
}

.regservernotavail {
   border:3px solid red;
   padding:10px;
   margin:10px;
   text-align:center;
   width:300px;
   height:100px;
}

/* --- [ actions related styles ] ------------------------------------------- */

.action-menu {
   width:650px;
   clear:both;
}

.action-menu-section {
   border: none;
   padding:5px;
   width:250px;
   float:left;
   margin:5px;
}
.action-menu-break {
   clear:both;
}
.action-menu-section ul li {
   padding:2px 0 0 0;
}

/* --- [ actions related styles ] ------------------------------------------- */

.action-executed { width:650px;
             height:25px;
             border:1px solid #720015;
             color:#720015;
             text-align:center;
             line-height:25px;
             font-size:14px;
             font-weight:bold;
             margin:25px 0 25px 0; }

.action-error { width:650px;
             height:25px;
             border:1px solid #ff0000;
             color:#ff0000;
             text-align:center;
             line-height:25px;
             font-size:14px;
             font-weight:bold;
             margin:15px 0 15px 0; }

/* --- [ nacalc ] ----------------------------------------------------------- */
.nacalc-highlight {
   color:#0080ff;
   font-weight:bold;
   background-color:yellow;
}

.nacalc-negvalue {
   color:#ff0000;
}

.wingdings {
   font-family: Wingdings, Fantasy;
   font-size:12px;
   padding:0 3px;
}


/* *** InWindow ************************************************************* */

.inwindow      { width:100%;}
.inprintwindow { background-color:white;
                 width:100%;}

.inwindowtitle {
         margin: 3px 0px 0px 0px; padding: 0px 0px 0px 3px;
         height: 26px;
         background-color: #F4F7F2;
         font: bold 14px arial, sans-serif;
         color: #720015;
         line-height: 23px; }
.facebgright {
         /*height:453px;*/
         width:89px;
         background-repeat:no-repeat;
         background-position:top right; }
.inwindowtext {
   ;
}
.inwindowtext, .inwindowtext td, .inwindowtext th, .steplogin, .steplogin td, .steplogin th {
         margin: 5px 0px 20px 0px;
         padding: 0px;
         font: normal 13px arial, sans-serif;
         line-height:15px;
         color: black;}
.steplogin h1 { margin:10px 0px; }
.windowbottomleft {
          width: 8px; height: 5px;
          background: url('http://www.multi-value.org/images/mv_window_bottom.gif') no-repeat bottom left; }
.windowbottom {
          width: 2500px; height: 5px;
          background: #FFFFFF url('http://www.multi-value.org/images/mv_window_line.gif') repeat-x bottom left; }

.hiddenindication { color:#0080ff; }

/* *** Welcome ************************************************************** */
#welcome  {
   width:600px;
   border:none; /* 1px solid #cccccc; */
   margin:5px 0px;
   padding:5px;
   text-align:center;
}
#welcome h1 {
   margin: 25px 0px; padding: 0px;
   font: bold 18px verdana, arial, sans-serif;
   color:  #720015;
   line-height: 19px;
   text-align:left; }

#welcome p {
   margin: 15px 0px;
   text-align:justify; }

#welcome img {
   margin: 5px auto;
   text-align:center; }

#welcome ul, #welcome li {
   text-align:left; }

/* *** I agree ************************************************************** */
.iagreebox {
   border:3px solid #720015;
   margin:65px 30px;
   padding:8px;
   width:680px;
}

.iagreebox table td {
   padding:15px;
   border:none !important;
   font-weight:normal;
   line-height:20px !important;
   font-size:13px !important;
   text-align:justify;
   color:#720015;
}
.iagreebox a {
  text-decoration:             underline;
}
.iagreebox a:hover {
  color: black;
  text-decoration:underline;
}

/* *** I agree ************************************************************** */
.uploadbox {
   /*border:3px solid #720015;*/
   margin:65px 30px;
   padding:0;
   width:680px;
}
.uploadbox-table {
   border:3px solid #720015;
   width:680px;
   text-align:left;
   color:black;
}
.uploadbox-table-header , .uploadbox-list-table-header td{
   text-align:left;
   font-weight:normal !important;
   background-color:white;
   font-size: 13px !important;
   font-family:verdana, Arial, sans-serif !important;
   line-height:13px;
   border: 1px solid #700524;
   padding-top:10px !important;
   padding-bottom:10px !important;
}
.uploadbox-list-table-header table{
   margin:0px !important; border-collapse:collapse;
   width:720px;
}
.uploadbox-list-table-header td{
   border:none; padding:0px !important;
}
.uploadbox-list-table-divider {
         background-color:#700524;
         /* height:1px !important; */
         font-size:1px !important;
         padding:0px !important; margin:0px;
     }
.uploadbox-list-table th {
         font-size: 12px;
         font-weight:bold;
         padding:2px 3px;
         /* text-align:left; */
     }
.uploadbox-list-table td {
         font-size: 12px;
         padding:3px;
         color:black;
     }

.uploadbox-list-table-header a {
  color: white;
  font-weight:normal;
  font-size: 12px;
  text-decoration: underline;
}         

.uploadbox-list-table-header a:hover {
  color: white;
  font-weight:normal;
  font-size: 12px;
  text-decoration: none;
}

/* ########################################################################## */


.qcremarks, .shopperremarks {
   padding:5px 15px;
   clear:both;
   font-weight:normal;
   text-align:justify;
   line-height:14px !important;
   font-size:12px;
}
.qcremarks {
   color:blue;
}
.qcremarks p, .shopperremarks p {
   margin:0px;
}
.shopperremarks {
   color:#800000;
}

.questionnrs {
   color:blue;
   font-weight:normal;
   font-style:italic;
   text-align:justify;
}
.uploadtextbox {
   border:1px solid gray;
   margin:15px 0;
   padding:8px;
   font-weight:bold;
}

/*
################################################################################
# selection list - vooral gebruikt in MysteryShopper mode
################################################################################
*/

.selection-list-table {
         border:none;
         text-align:left;
         margin:5px 0;
         color:black;
         width:740px;
     }
.selection-list-table-header , .selection-list-table-header td{
         text-align:left;
         font-weight:normal !important;
         color:white !important;
         background-color:white;
         font-size: 13px !important;
         font-family:verdana, Arial, sans-serif !important;
         line-height:20px;
         border: 1px solid #700524;
         color:#700524 !important;
         padding-top:10px !important;
         padding-bottom:10px !important;
     }
.selection-list-table-header table{
   margin:0px !important; border-collapse:collapse;
   width:720px;
}
.selection-list-table-header td{
   border:none; padding:0px !important;
   vertical-align:top;
}
.selection-list-table-divider {
         background-color:#700524;
         /* height:1px !important; */
         font-size:1px !important;
         padding:0px !important; margin:0px;
     }
.selection-list-table th {
         font-size: 12px;
         font-weight:bold;
         padding:2px 3px;
         /* text-align:left; */
     }
.selection-list-table td {
         font-size: 12px;
         padding:3px;
         color:black;
         vertical-align:top;
     }

.selection-list-table-header a {
  color: white;
  font-weight:normal;
  font-size: 12px;
  text-decoration:             underline;
}

.selection-list-table-header a:hover {
  color: white;
  font-weight:normal;
  font-size: 12px;
  text-decoration:             none;
}

/*
################################################################################
# shop selection list - vooral gebruikt in MysteryShopper mode
################################################################################
*/

.shopselection-list-table {
         border:none;
         text-align:left;
         margin:5px 0;
         color:black;
     }
.shopselection-list-table-header , .shopselection-list-table-header td{
         text-align:left;
         font-weight:normal !important;
         background-color:white;
         font-size: 13px !important;
         font-family:verdana, Arial, sans-serif !important;
         line-height:20px;
         border: 1px solid #700524;
         color:#700524 !important;
         padding-top:10px !important;
         padding-bottom:10px !important;
     }
.shopselection-list-table-header table{
   margin:0px !important; border-collapse:collapse;
   width:720px;
}
.shopselection-list-table-header td{
   border:none; padding:0px !important;
}
.shopselection-list-table-divider {
         background-color:#700524;
         /* height:1px !important; */
         font-size:1px !important;
         padding:0px !important; margin:0px;
     }
.shopselection-list-table th {
         font-size: 12px;
         font-weight:bold;
         padding:2px 3px;
         /* text-align:left; */
     }
.shopselection-list-table td {
         font-size: 12px;
         padding:3px;
         color:black;
     }

.shopselection-list-table-header a {
  color: white;
  font-weight:normal;
  font-size: 12px;
  text-decoration: underline;
}

.shopselection-list-table-header a:hover {
  color: white;
  font-weight:normal;
  font-size: 12px;
  text-decoration: none;
}

/*
################################################################################
# questionairs - 1 sectie voor de header (overzicht), 1 voor de effectieve
# vragenlijst
################################################################################
*/

.inquiry-table {
         border:none;
         text-align:left;
         margin:15px 0;
         width:740px;
     }
.inquiry-table-header {
         text-align:left;
         font-weight:bold;
         color:black !important;
         background-color:#700524;
         font-size: 12px !important;
         font-family:verdana, "Times new Roman", Times, Serif !important;
         line-height:20px;
         border:1px solid black;
/*          border-left:2px solid #eaeaea;
         border-top:2px solid #eaeaea;
         border-right:2px solid #808080;
         border-bottom:2px solid #808080; */
         padding-top:10px !important;
         padding-bottom:10px !important;
         padding-left:30px !important;
     }
.inquiry-table th {
         font-size: 12px;
         font-weight:bold;
         padding:2px 3px;
         text-align:left;
     }
.inquiry-table td {
         font-size: 12px;
         padding:3px;
         color:black;
     }


.inquiry-overview-table {
         border:1px solid black;
         text-align:left;
         margin:10px 0px;
         width:740px;
     }
.inquiry-overview-table-header {
         text-align:left;
         font-weight:bold;
         color:#494949 !important;
         background-color:#dedebe;
         font-size: 12px !important;
         font-family:verdana, "Times new Roman", Times, Serif !important;
         line-height:16px;
         border:1px solid black;
/*          border-left:2px solid #eaeaea;
         border-top:2px solid #eaeaea;
         border-right:2px solid #808080;
         border-bottom:2px solid #808080; */
         padding-top:10px !important;
         padding-bottom:10px !important;
     }
.inquiry-overview-table th {
         font-size: 12px;
         font-weight:bold;
         padding:5px 3px;
         text-align:left;
         border-top:1px solid black;
         border-bottom:1px solid black;
         border-left:none;
         border-right:none;
     }
.inquiry-overview-table td {
         font-size: 12px;
         padding:3px;
         color:black;
         border-top:1px solid black;
         border-bottom:1px solid black;
         border-left:none;
         border-right:none;
     }
.inquiry-overview-table .activetab {
         border-left:1px solid black;
         border-top:1px solid black;
         border-right:1px solid black;
         border-bottom:none !important;
         padding:2px;
}

.inquiry-overview-table .inactivetab {
         border:1px solid black;
         padding:2px;
         background-color:#eeeeee;
         color:#888888;
}
.inquiry-overview-table  input {
         font-weight:normal;
         font-size:9px;
         padding:3px;
}


/*
################################################################################
# cockpit tabelleen
################################################################################
*/

.cockpit-table {
         border:none;
         text-align:left;
         margin:5px 0;
         color:black;
         width:740px;
     }
.cockpit-table-header , .cockpit-table-header td{
         text-align:left;
         font-weight:normal !important;
         color:white !important;
         background-color:white;
         font-size: 13px !important;
         font-family:verdana, Arial, sans-serif !important;
         line-height:20px;
         border: 1px solid #700524;
         color:#700524 !important;
         padding-top:10px !important;
         padding-bottom:10px !important;
     }
.cockpit-table-header table{
   margin:0px !important; border-collapse:collapse;
   width:720px;
}
.cockpit-table-header td{
   border:none; padding:0px !important;
}
.cockpit-table-divider {
         background-color:#700524;
         /* height:1px !important; */
         font-size:1px !important;
         padding:0px !important; margin:0px;
     }
.cockpit-table th {
         font-size: 12px;
         font-weight:bold;
         padding:2px 3px;
         /* text-align:left; */
     }
.cockpit-table td {
         font-size: 12px;
         padding:3px;
         color:black;
     }

.cockpit-table-header a {
  color: white;
  font-weight:normal;
  font-size: 12px;
  text-decoration:             underline;
}

.cockpit-table-header a:hover {
  color: white;
  font-weight:normal;
  font-size: 12px;
  text-decoration:             none;
}

.faq {
   width:350px;
}

.offline-text {
   display:none;
   height:55px;
   line-height:25px;
   width:100%;
   background-color:#720015;
   color:white;
   border:2px solid white;
   text-align: center;
   font-size:12px;
   font-weight:bold;
   font-family:verdana, arial, sans-serif;
   margin:3px;
   padding:3px;
}

/*
################################################################################
# rapporten en grafieken
################################################################################
*/
.mdr-filter {
   background-color:#f0f0f0;
   border:1px solid #800000;
   width:900px;
   text-align:center;
   font-size:9px;
   padding:5px 0 5px 0;
   margin-top:10px;
   margin-bottom:10px;
}
.mdr-filter select {
   padding:2px 15px 2px 15px;
   font-size:9px;
   margin-right:2px;
}
.mdr-filter input {
   padding:2px;
   font-size:9px;
   margin-right:2px;
}
.mdr-filter-icon {
   float:right;
   width:16px;
   height:16px;
   margin:0px 2px 0px 2px;
   cursor:pointer;
   display:block;
}
.mdr-filter table {
   border-collapse:collapse;
   border:none;
}
.mdr-filter td {
   font-size:9px;
   border:none;
}
.mdr-filter form {
   margin:0px;
   padding:0px;
}

/*
################################################################################
# edit personal data
################################################################################
*/
.edit-empl-data {
   background-color:#ffc082;
}
.edit-pers-data {
  padding:0 !important;
  margin:0 !important;
}

.edit-pers-data table {
   width:600px;
}
.edit-pers-data table, .edit-pers-data table td table {
   margin:0 !important;
   border-collapse:collapse;
}
.edit-pers-data table td {
   vertical-align:top;
}

.edit-pers-data ul {
             margin:0px;
}
.edit-pers-data li {
             list-style-type:none;
             margin:0px;
             width:200px;
             height:2.85em;
             display:block;
             line-height:2.85em;
             text-align:left;
             padding:0 5px;
             margin:0px !important;
             border:1px solid #720015;
             overflow:hidden;
}


.odd {
  background-color: #fff;
}
.even {
  background-color: #ebebeb;
}

/* --- classen voor de startpagina --- */
.uitleg {
   width:760px;
   /*border:1px solid red;*/
   padding:5px;
   font-family:verdana, arial, sans-serif;
}
.uitleg h1 {
   margin:15px 0 35px 0;
}
.uitleg img {
   float:left;
   width:250px;
   height:31px;
}
.uitleg p {
   clear:both;
}

/* --- intranet grafieken --- */

.intranet { }

.intranet a        { color: #202020;
                     text-decoration: none;
                     font-weight:normal;
                     padding:5px;
                     border:1px solid #ffffff; }

.intranet a:hover  { color: #720015;
                     text-decoration: none;
                     font-weight:normal;
                     background-color:#FFEAD5;
                     padding:5px;
                     border:1px solid #cccccc; }

.intranet img { padding: 0px; }

.intranet .grafiek-map {
   width:1050px;
   height:700px;
   border:1px solid #ccc;
   padding:0;
}
.intranet h1 {
   text-align:center;
   width:1050px;
   height:35px;
   line-height:35px;
   border-bottom:1px solid #ccc;
   margin:0;
}
.intranet .grafiek {
   width:350px;
   height:500px;
   border:none;
   float:left;
}
.intranet .map {
   width:500px;
   height:500px;
   border:none;
   float:left;
}

.imgleft {
   float:left;
}
.imgright {
   float:right;
}
.clear {
   clear:both;
}

#rootcontents {
   padding:5px;
   width:700px;
}
#rootcontents h1 {
   line-height:30px;
}
#rootcontents a {
  text-decoration:underline;
}

.negvalue {
   color:#ff0000;
}

/* formattering van de getoonde tabellen op invoice/betaaloverzichten ------- */
.payment-report {
}
.payment-report .footer-choices {
   margin:15px 0 15px 15px;
}

.payment-report #welcome {
   width:750px;
}
.payment-report #welcome table {
   border:1px solid black;
}
.payment-report #welcome td {
   border:1px solid black; padding:3px 6px;
}
.payment-report #welcome table table {
   margin-top:   5px;
}


.invoice-report-table td {
   padding:10px 5px;
}
.invoice-report-table th {
   background-color:#720015;
   color:white;
   padding:3px 0;
}
.invoice-report-table-header {
   background-color:#e5e5e5 !important;
   color:#720015 !important;
   padding:0 !important;
}
.invoice-report-table .reconciliated {
   background-color:#b9ffb9;
   color:#008000;
}
.invoice-report-table .not-reconciliated {
   background-color:#ffc4c4;
   color:#820000;
   padding:0px !important; margin:0px !important;
}
.invoice-report-table .not-invoice {
   background-color:#bbffff;
   padding:0px !important; margin:0px !important;
}

.invoice-detail-table .oddrow {
   background-color:#ffffb0;
}
.invoice-detail-table .evenrow {
   background-color:#e9e9e9;
}
.invoice-detail-table .newdetail {
   border-top:1px dashed black;
}
.invoice-detail-table td {
   padding:2px 5px;
}
.invoice-detail-table .totalrow {
   border-top:3px solid black;
   color:black;
   font-weight:bold;
}
.invoice-detail-table .actionrow {
   color:black;
   font-weight:bold;
   border:1px solid black;
   background-color:yellow;
}

.auctioncal {
   background-color:white;
}
.auctioncal .datein {
   color:blue;
}
.auctioncal .dateout {
   color:#c0c0c0;
}
.auctioncal td {
   width:100px;
}
.auctioncal .inrange {
   background-color:#ffd7d7;
   font-weight:bold;
}
.clickable {
   cursor:pointer;
   border:1px solid #408080;
   background-color:#80ff80 !important;
}

.page-break-before {
   page-break-before:always;
}
.page-break-after {
   page-break-after:always;
}

/* --- ontime --------------------------------------------------------------- */
.ontime {
   font-size:8px;
   margin-left:25px;
   width:100%; border:
}


/* --- iframe --------------------------------------------------------------- */
.iiiframe {
   padding:5px;
   width:780px;
   height:600px;
   background-color:white;
   overflow:scroll;
}

/*
################################################################################
# bulletinboard tabelleen
################################################################################
*/
.bulletinboard {
   border:none;
   width:750px;
}

/* --- bulletinboard-tabel -------------------------------------------------- */
.bulletinboard-table {
   border:1px solid black;
   text-align:left;
   margin:5px 0;
   color:black;
   width:740px;
}
.bulletinboard-table-header {
   text-align:left;
   font-weight:normal !important;
   color:white !important;
   background-color:white;
   font-size: 10px !important;
   font-family:verdana, Arial, sans-serif !important;
   line-height:20px;
   border: 1px solid #700524;
   color:#700524 !important;
   padding-top:10px !important;
   padding-bottom:10px !important;
}
.bulletinboard-table-divider {
   background-color:#700524;
   /* height:1px !important; */
   font-size:1px !important;
   padding:0px !important; margin:0px;
}
.bulletinboard-table th {
   font-size: 10px;
   font-weight:bold;
   padding:2px 3px;
   border:1px solid black;
   /* text-align:left; */
}
.bulletinboard-table td {
   font-size: 10px;
   padding:3px;
   color:black;
   border:1px solid black;
}
.bulletinboard-table a {
  color: #720015;
  text-decoration: none;
}
.bulletinboard-table a:hover {
  color: #720015;
  text-decoration: underline;
}

.bulletinboard-table-header a {
  color: black;
  font-weight:normal;
  font-size: 10px;
  text-decoration:underline;
}
.bulletinboard-table-header a:hover {
  color: white;
  font-weight:normal;
  font-size: 10px;
  text-decoration:none;
}

/* --- bulletinboard-item-tabel --------------------------------------------- */

.bulletinboard-item-table {
   border-top:5px solid #700524;
   border-bottom:5px solid #700524;
   border-left:1px solid #700524;
   border-right:1px solid #700524;
   text-align:left;
   margin:5px 0 25px 0;
   color:black;
   width:740px;
   background-color:white;
   background:white url(../images/multivalue-bulletin-board-background.jpg) no-repeat top left;

}
.bulletinboard-item-table-header {
   text-align:right !important;
   font-weight:normal !important;
   font-size: 10px !important;
   font-family:verdana, Arial, sans-serif !important;
   line-height:20px;
   border: 1px solid #700524;
   color:#700524 !important;
   padding-top:10px !important;
   padding-bottom:10px !important;
}
.bulletinboard-item-table-divider {
   background-color:#700524;
   /* height:1px !important; */
   font-size:1px !important;
   padding:0px !important;
   margin:0px;
}
.bulletinboard-item-table th {
   font-size: 12px;
   font-weight:bold;
   padding:2px 3px;
   border:1px solid black;
   text-align:left;
   /* text-align:left; */
}
.bulletinboard-item-table td {
   font-size: 12px;
   padding:3px;
   color:black;
   border:1px solid black;
}
.bulletinboard-item-table a {
  color: #720015;
  text-decoration: none;
}
.bulletinboard-item-table a:hover {
  color: #720015;
  text-decoration: underline;
}
.bulletinboard-item-table-header a {
  color: black;
  font-weight:normal;
  font-size: 10px;
  text-decoration:none;
}
.bulletinboard-item-table-header a:hover {
  color: #700524;
  font-weight:normal;
  font-size: 10px;
  text-decoration:underline;
}

/* --- image actions (acties op het ticket ---------------------------------- */
.image-actions {
   height:40px;
   padding:2px;
}
.image-actions input {
   margin-right:15px;
   margin-left:5px;
}