@charset "ISO-8859-1";

/* Styles valid for any web site. */
 
@media print
{
  .noprint   { display: none; }
  .collapsed { /* display: block; */ }
}
@media screen
{
  .printonly { display: none; }
  .collapsed { display: none; }
}

/** Commented out to satisfy CSS validator 
*
{
  box-sizing:      border-box; /* CSS3 proposal *//* 
  -moz-box-sizing: border-box;
}
**/

body { margin:  0px 0px 0px 0px;
       width:   100%; }

.flexbox body { display:            -webkit-box;
                display:            -moz-box;
                display:            box;
                -webkit-box-orient: horizontal;
                -moz-box-orient:    horizontal;
                box-orient:         horizontal;
                -webkit-box-pack:   center;
                -moz-box-pack:      center;
                box-pack:           center;
                -webkit-box-align:  stretch;
                -moz-box-align:     stretch;
                box-align:          stretch; }
.noflexbox #left,
.noflexbox #right { display: none; }
body > div:nth-child(1),
body > div:nth-child(3) { -webkit-box-flex: 1;
                          -moz-box-flex:    1;
                          box-flex:         1;
                          text-align:       center; }

body.forbidden { background-image:    url( "Images/forbidden.jpg" );
                 background-repeat:   no-repeat;
                 background-position: center top;
                 background-color:    #EEEEEE;
                 color:               #000099;
                 font-family:         arial;
                 font-size:           medium; }

a,
.link { cursor: pointer; }

table,
img  { border: 0px none transparent; }

table { border-collapse: collapse; } /* cellspacing=0 */
table.tight>tbody>tr>th,
table.tight>tbody>tr>td { padding: 0; }       /* cellpadding=0 */

table.lines { border-collapse: separate;
              border-spacing:  1px; }  /* cellspacing=1 */
table.lines>tbody>tr>th,
table.lines>tbody>tr>td { padding: 2px; }       /* cellpadding=2 */

table.padded>tbody>tr>th,
table.padded>tbody>tr>td { padding: 2px 4px 2px 4px; }   /* vertical cellpadding=2, horizontal cellpadding=4 */

td   { vertical-align: top; }

pre  { text-align: left;   }
code { font-size:  larger; }

.centered  { margin-left:  auto;
             margin-right: auto;   }
.center    { text-align:   center; }

.hyper { cursor: pointer; }

.toprow { text-align:     right;
          font-size:      10px;
          line-height:    10px;
          vertical-align: top;
          padding:        0; }


/*
 * Style for a <div> that contains a scrollable area
 */
.container { padding:  0 2px 0 4px;
             margin:   0 0 0 0;
             border:   1px solid #333333;
             overflow: auto; }
/*
 * Style for a pop-up <div>
 */
.toolbox { position:         absolute;
           padding:          0 2px 0 4px;
           border:           1px solid #333333;
           text-align:       left;
           background-color: #FFFFCC;
           overflow:         auto;             
           visibility:       hidden;
           z-index:          auto; }

.button  { margin-left:    8px;
           border-top:     1px solid #FFFFFF;
           border-left:    2px solid #FFFFFF;
           border-bottom:  1px solid #333333;
           border-right:   2px solid #333333;
           padding-left:   6px;
           padding-right:  6px;
           padding-top:    2px;
           padding-bottom: 2px;
           font-size:      12px;
           font-weight:    bolder;
           cursor:         pointer; }

.required         { padding-right:       15px;
                    vertical-align:      top;
                    background-image:    url( "Images/required.gif" );
                    background-repeat:   no-repeat;
                    background-position: top right; }

input.required,
textarea.required,
select.required   { padding-right:       0px;
                    background-image:    none;
                    background-color:    #FFFFCC; }

input.inputerror,
textarea.inputerror,
select.inputerror { padding-right:       0px;
                    background-image:    none;
                    background-color:    #FF9999; }
                    
.field {   background-color: #EEEEEE;
           border-top:     1px solid #666666;
           border-left:    1px solid #CCCCCC;
           border-bottom:  1px solid #FFFFFF;
           border-right:   1px solid #CCCCCC;
           padding-left:   4px;
           padding-right:  6px;
           padding-top:    0px;
           padding-bottom: 0px;
 }

.expanded { /* display: block; */ }
.expander {  background-image:    url( "Images/listPlus.gif" );
             background-repeat:   no-repeat;
             background-position: top left;
             padding-left:        15px !important;
             cursor:              pointer; }
.collapser { background-image:    url( "Images/listMinus.gif" );
             background-repeat:   no-repeat;
             background-position: top left;
             padding-left:        15px !important;
             cursor:              pointer; }

/* Style for SiteMap : */           
.folder           { padding-left:        19px;
                    vertical-align:      top;
                    background-image:    url( "Images/Folder.gif" );
                    background-repeat:   no-repeat;
                    background-position: top left; }    

.page             { padding-left:        13px;
                    vertical-align:      top;
                    background-image:    url( "Images/Page.gif" );
                    background-repeat:   no-repeat;
                    background-position: top left; }    

ul.error { margin-top:    0;
           margin-bottom: 0;
           color:         #800000; }

input.error,
span.error,
td.error   { background-image:    url( "Images/errorarrow.gif" );
             background-repeat:   no-repeat;
             background-position: top right;
             padding-right:       11px; }
/*
span.error { background-color:    #FFCCCC;
             padding-left:        2px; }
*/

td.link { vertical-align: middle; 
          text-align:     center; }           

/* Styles for a standard editing table: */
.header		{ color:            #FFFFFF;
            background-color: #666666;
            vertical-align:   top; }
.value		{ color:            #000000;
            background-color: #DDDDDD;
            vertical-align:   top;
            text-align:       left; }

td.lineTabActive,
td.lineTabHyper,
td.lineTabHover,
td.lineTabEnd
{
  font-size:        12px;
  text-align:       center;
  vertical-align:   middle;
}

td.lineTabActive
{
  border-top:      1px solid #666666;
  border-left:     2px solid #666666;
  border-bottom:   0px none  transparent;
  border-right:    2px solid #666666;
  font-weight:     bold;
  text-decoration: none;
  cursor:          default;
}
td.lineTabHyper,
td.lineTabHover,
td.lineTabEnd
{
  border-top:     0px none  transparent;
  border-left:    0px none  transparent;
  border-bottom:  1px solid #666666;
  border-right:   0px none  transparent;
}

td.lineTabHyper
{
  font-weight:     normal;
  text-decoration: none;
  cursor:          pointer;
}

td.lineTabHover
{
  font-weight:     bold;
  text-decoration: none;
  cursor:          pointer;
}

/** tab **/
.tabContent {  border-left:   1px solid #666666;
               border-right:  1px solid #666666;
               border-bottom: 2px solid #666666;
               border-top:    none;
               clear:         both;
               margin:        0px;
               padding:       2px; }

/*
 * Switching tabs on top of a <div class="tabcontent">
 * Build as: <div class="tabPanel">
 *             <ul>
 *               <li id="clkPart1" class="tabCurrent">Active tab</li>
 *               <li id="clkPart2" class="tab">Non-active tab</li>
 *             </ul>   
 *           </div>
 *           <div class="tabContent">
 *             <div id="divPart1">
 *             </div>
 *             <div id="divPart2">
 *             </div>
 *           </div>
 */
.tabPanel {    border-bottom:  1px solid #666666;
               margin:         0;
               padding-bottom: 0px;
               padding-left:   10px;
               clear:          both; }

.tabPanel ul { margin:         0;
               padding-left:   10px; }

.tabPanel li { display:         inline;
               list-style-type: none;
               border-top:      1px solid #666666;
               border-left:     1px solid #666666;
               border-right:    1px solid #666666;
               float:           left;
               height:          20px;
               line-height:     14px;
               margin:          0px 2px 0px 0px;
               padding:         2px 10px 2px 10px; }


.tab {         background-color: #FFFFFF;
               border-bottom:    1px solid #FFFFFF;
               text-decoration: none;
               cursor:          pointer;
               font-weight:     bolder; }

.tabCurrent {  background:      #BADDFF;
               border-bottom:   1px solid #BADDFF;
               text-decoration: none;
               cursor:          default;
               font-weight:     bolder; }

.tabPanel .current { background:    #BADDFF;
                     cursor:        default;
                     color:         #336699;
                     font-size:     12px;
                     font-weight:   700; }

.tab:hover { color:           #FF9900;
             text-decoration: underline; }

.tabSuffix { padding-left: 2px;
             color:        #336699;
             font-weight:  500; }

.current .tabSuffix { display: none; }

.tabCurrent .tabSuffix { display: none; }

/** end tab **/