

body {  
  font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  *font: normal 12px Verdana, Tahoma, Arial, Helvetica, sans-serif;
  color: #6D929B;
}

/** <editor-fold defaultstate="collapsed" desc=" Table CSS "> **/
table {
  margin-left:auto;
  margin-right:auto;
  word-wrap: break-word;
  width:100%;
  border: 0px;
  empty-cells: show;
}
  table td  {
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    border-top: 1px solid #C1DAD7;
    margin: 0;
    padding: 4px;
    text-align: center;  
  }
    table td.login {  
      border-width: 0 0 0 0;  
      text-align: right;
      font: bold 16px "Trebuchet MS", Verdana, Arial, Helvetica,
      sans-serif;
      }
      
  /* <editor-fold defaultstate="collapsed" desc=" Vertical Table "> */
  table.vertical-table {
    font-size: 1em;
    border-width:0px;
    margin-bottom: 15px;
  
    empty-cells: show;
}
    table.vertical-table td {
      border-width: 0px 0px 1px 0px;
      padding: 5px 10px 5px 10px;
      text-align:left;
    }
    table.vertical-table td[scope='row'] {
      width:50px;
      text-align:right;
      background: #DAFBFF;
      /*background-color:white;*/
    }
    table.vertical-table td fieldset.ano-message { font-size:1.4em; }
    table.vertical-table td.formbutton { border:0px; text-align:right;}
    table.vertical-table td > table.horizontal-embed-table { font-size:1em; border-collapse: collapse;}
    table.vertical-table td > table.horizontal-embed-table th { background:white; border:0; border-bottom:3px solid #C1DAD7; text-align:left;  }
    table.vertical-table td > table.horizontal-embed-table tr.link td { padding: 0px; }
    table.vertical-table td > table.horizontal-embed-table tr.link td a { display: inline-block; text-decoration: none; width:100%; height:100%; padding: 5px 10px 0px 10px; color:inherit;}
    table.vertical-table td > table.horizontal-embed-table tfoot tr td { border:0px; }
    table.vertical-table td > table.info tr td:first-child { border-left: 1px solid #C1DAD7; }
    table.vertical-table td > table.info tr td:last-child { border-right: 1px solid #C1DAD7; }
    table.vertical-table td > table.linked tr td { 
      background:linear-gradient(bottom, #E2E2E2, #F8F8F8);
      background:-webkit-linear-gradient(bottom, #E2E2E2, #F8F8F8);
      background:-moz-linear-gradient(bottom, #E2E2E2, #F8F8F8);
      box-shadow: inset 2px 2px 2px white;
      border: 1px solid #D6D6D6;
    }
    table.vertical-table td > table.linked tr:hover td { background: #FFFFFF; }
    table.vertical-table td.span-blocks > span { 
      display: inline-block; 
      border: #D3D3D3 solid 1px;
      padding: 2px 5px 2px 5px;
      margin: 1px;
      border-radius: 5px;
      background-color: #E5FFE6;
    }
    table.vertical-table thead tr.filler td { height:20px; background:#DAFBFF; }
    table.vertical-table > tfoot td { background: #DAFBFF; padding: 5px 10px 5px 0px; height:30px; text-align: right; padding-right:20px;}
    table.vertical-table > tfoot td *{ float:right; }
    

  /* </editor-fold> table.vertical-table */
  
  /* <editor-fold defaultstate="collapsed" desc=" Horizontal Table "> */
  table.horizontal-table { border-width: 0px; font-size: 14px; text-align: left}  
    table.horizontal-table th {
      text-align: left;
      padding: 0px 10px 0px 10px;
      border-width: 0px;
      background: linear-gradient(top, #C3D9FF, #FFFFFF, #C3D9FF);
      background: -webkit-linear-gradient(top, #C3D9FF, #FFFFFF, #C3D9FF);
      background: -moz-linear-gradient(top, #C3D9FF, #FFFFFF, #C3D9FF);
      box-shadow: inset 0px 0px 10px white;
    }
    table.horizontal-table td { text-align: left; border: 0px; height: 30px;}
    table.horizontal-table tbody tr:nth-child(2n) td { background-color: #F0F0F0; }
    table.horizontal-table tbody tr:hover td { background-color: #DDDDDD; }
    table.horizontal-table td {  border-width: 1px 1px 1px 0px; padding: 0px 10px 0px 10px; color: #288DA5; }
    table.horizontal-table tfoot td { border:0px; text-align:right; }
    
    table.horizontal-table tbody tr.link td { padding: 0px; }
    table.horizontal-table tbody tr.link td a { display: inline-block; text-decoration: none; width:100%; height:100%; padding: 5px 10px 0px 10px; color:inherit;}
    
    table.horizontal-table tbody tr.HLfade td a { color: #D8C6C8; }
    table.horizontal-table tbody tr.HLred td a { color: #CE4141; }
    table.horizontal-table tbody tr.HLorange td a { color: #CC8E50; }
    
    
  /* </editor-fold> table.horizontal-table */
  
/** </editor-fold> **/

h2,h3
{
  font: "Trebuchet MS", Verdana, Arial, Helvetica,
  sans-serif;
  color: #6D929B; 
}


/* <editor-fold defaultstate="collapsed" desc=" Input Styles "> */
  input:not([type='submit']):not([type='button']):not([type='checkbox']), select, textarea {
    width: calc( 100% - 18px );
    width: -moz-calc(100% - 18px);
    width: -webkit-calc(100% - 18px);
    border: 1px solid #C8BFC4;
    border-radius: 4px;
    background: #fff;
    font: bold 15px "Trebuchet MS", Verdana, Arial, Helvetica,
    sans-serif;
    color: #6D929B;
    padding-left:5px;
    padding-right:5px;
    box-shadow: inset 1px 1px 2px #ddd8dc;
  }
    label.select {
        width: calc(100% - 5px);
        width:-webkit-calc(100% - 5px);
        width:-moz-calc(100% - 5px);
      position: relative;
      display: inline-block;
    }
      select {
        -webkit-appearance: window;
        padding: 3px 3px 5px 5px;
        width:100%;
      }
        label.select:after {
          content: '';
          width: 23px;
          height: 24px;
          position: absolute;
          display: inline-block;
          top: 4px;
          right: 4px;
          background: url(../images/selectarrow.png) no-repeat right center white;
          pointer-events: none;
        }
    
	  input:not([type='submit']):not([type='button']):not([type='checkbox']):hover, select:hover, textarea:hover {
	    background: #fff;
	    -webkit-box-shadow: 3px 3px 1px #89AFA3;
	    -moz-box-shadow: 3px 3px 1px #89AFA3;
	    box-shadow: 3px 3px 1px #89AFA3;
	  }
	  input:not([type='submit']):not([type='button']):not([type='checkbox']):focus, select:focus, textarea:focus {
	    background: #fff;
	    -webkit-box-shadow: 3px 3px 1px #89AFA3;
	    -moz-box-shadow: 3px 3px 1px #89AFA3;
	    box-shadow: 3px 3px 1px #89AFA3;
      outline:none;
	  }
	  input.search { width: 15%; padding-left:8px; }
	  input.logininput {
   	  border-right: 2px solid #CAE8EA;
   	  border-bottom: 2px solid #CAE8EA;
   	  border-top: 2px solid #B0C9C6;
   	  border-left: 2px solid #B0C9C6;
    	  background: #ffc;
    	  font: bold 17px "Trebuchet MS", Verdana, Arial, Helvetica,
    	  sans-serif;
    	  color: #6D929B;
	  }
	  input.logininput:hover { background: #fff; }
    
    
    input:not([type='submit']):not([type='button']):not([type='checkbox']).short,
    label.select.short { width:300px; }
    input:not([type='submit']):not([type='button']):not([type='checkbox']).medium,
    label.select.medium { width:500px; }
    input:not([type='submit']):not([type='button']):not([type='checkbox']).long,
    label.select.long { width:700px; }
    
    [disabled], input[type='submit'][disabled='disabled'],
      [disabled]:hover, input[type='submit'][disabled='disabled']:hover,
      [disabled]:active, input[type='submit'][disabled='disabled']:active { /* Text and background colour, medium red on light yellow */
      color:#5C818A;
      background:#CCC;
      background: -webkit-linear-gradient(bottom,#CCC,#FFFFFF);
      background: -moz-linear-gradient(bottom,#CCC,#FFFFFF);
      background: linear-gradient(bottom,#CCC,#FFFFFF);
      border-right: 1px solid #BBB;
      border-bottom: 1px solid #BBB;
      border-top: 1px solid #BBB;
      border-left: 1px solid #BBB;
      cursor: default;
      box-shadow: none;
    }

    textarea { resize:both; height: 50px; }
    
    
    
    ::-webkit-input-placeholder { color: #EEEEEE }
    
        /** Button style checkbox **/
        .ck-button {
            margin:4px;
            background-color:#EFEFEF;
            border-radius:4px;
            border:1px solid #D0D0D0;
            overflow:auto;
            width: fit-content;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            float:left;
        }
          .ck-button label {float:left; border: 1px solid white; width:fit-content; }
            .ck-button label span {
                text-align:left;
                padding: 3px 20px;
                display:block;
                font-size: 1em;
            }
              .ck-button label span:hover { background-color:white; cursor:pointer;}  
              .ck-button label input { position:absolute; top:-20px;}
              .ck-button input:checked + span { 
                background-color:#92FAD8; 
                color:#000000; 
                box-shadow: inset -1px -1px 2px #D3D3D3;
                }
              .ck-button:hover, .ck-button:focus {  
                bottom: 5px;
                left: 5px;
                /*
                webkit-box-shadow: 3px 3px 1px #89AFA3;
	              -moz-box-shadow: 3px 3px 1px #89AFA3;
	              box-shadow: 3px 3px 1px #89AFA3; 
	              */
                }
/* </editor-fold> */

/* <editor-fold defaultstate="collapsed" desc=" Button, Button Link, Submit Styles "> */
.button, input[type='submit'],input[type='button'] {
  font: bold 1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  border: 1px solid #CAE8EA;
  color: #236166;
  background: #C3D9FF;
  background: -webkit-linear-gradient(bottom,#ADC2EE,#FFFFFF);
  background: -moz-linear-gradient(bottom,#ADC2EE,#FFFFFF);
   *background: -webkit-linear-gradient(bottom,#2A9ACF,#61D4F0);
  background: linear-gradient(bottom,#ADC2EE,#FFFFFF);
  border-left: 1px solid #DDD;
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #B0C9C6;
  border-right: 1px solid #B0C9C6;
  text-decoration:none;
  padding: 1px 20px 1px 20px;
  border-radius:5px;
	text-shadow: 0 1px 1px rgba(255,255,255,.3);
  margin: 0px 2px 0px 2px; 
	box-shadow: 1px 1px 1px #89AFA3; 
   *line-height:23px;
   *color:white;
   *text-shadow: 0 -1px 0 #5F74CA;
}
  .button:hover,input[type='submit']:hover,input[type='button']:hover,
  .button:focus,input[type='submit']:focus,input[type='button']:focus {
    background: #CAE8EA;
    background: -webkit-linear-gradient(bottom,#C3D9FF,#FFFFFF);
    background: -moz-linear-gradient(bottom,#C3D9FF,#FFFFFF);
    background: linear-gradient(bottom,#C3D9FF,#FFFFFF);
    border-left: 1px solid #DDD;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #B0C9C6;
    border-right: 1px solid #B0C9C6;
	  box-shadow: 1px 1px 1px #89AFA3; 
    cursor:pointer;
  }
  .button:active,input[type='submit']:active,input[type='button']:active {
    background: #CAE8EA;
    background: -webkit-linear-gradient(top,#C3D9FF,#FFFFFF);
    background: -moz-linear-gradient(top,#C3D9FF,#FFFFFF);
    background: linear-gradient(top,#C3D9FF,#FFFFFF);
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    border-top: 1px solid #B0C9C6;
    border-left: 1px solid #B0C9C6;
    box-shadow: none;
  }
  
  .button2
  {
    color: #ffffff;
    font-size:1.2em;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #5bb75b;
    background-image: -moz-linear-gradient(top, #73D6E9, #4BA4B9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#73D6E9), to(#4BA4B9));
    background-image: -webkit-linear-gradient(top, #73D6E9, #4BA4B9);
    background-image: -o-linear-gradient(top, #73D6E9, #4BA4B9);
    background-image: linear-gradient(to bottom, #73D6E9, #4BA4B9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
      display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #bbbbbb;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
       -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    text-decoration:none;
  }
  
      /** Button style checkbox **/
      .ck-button {
          margin:4px;
          background-color:#EFEFEF;
          border-radius:4px;
          border:1px solid #D0D0D0;
          overflow:auto;
          width: fit-content;
          width: -webkit-fit-content;
          width: -moz-fit-content;
          float:left;
      }
        .ck-button label {float:left; border: 1px solid white; width:fit-content; }
          .ck-button label span {
              text-align:left;
              padding: 3px 20px;
              display:block;
              font-size: 1em;
          }
            .ck-button label span:hover { background-color:white; cursor:pointer;}  
            .ck-button label input { position:absolute; top:-20px;}
            .ck-button input:checked + span {
              background-color:#92FAD8; 
              color:#000000; 
              box-shadow: inset -1px -1px 2px #D3D3D3;
              }
            .ck-button:hover, .ck-button:focus {  
              bottom: 5px;
              left: 5px;
              }
                
/* </editor-fold> */

  
/* <editor-fold defaultstate="collapsed" desc=" Menu Style "> */  
.menu {
	border:none;
	border:0px;
	margin:0px;
	min-width:700px;
  font:1.4em bolder;
  font-weight: bolder;
  letter-spacing: 1px;
	}
  .menu form{
		position:relative; 
		top:3px;
		float:right;
		padding-right:15px;
		}
		.menu form input.search{
		width: 200px;
		}
		.menu form input.submit{
		font-size:10px;
    visibility: hidden;
		}
  .menu ul{
	  /*background:#C3D9FF;*/
	  background: #A1B7DD;
    background:linear-gradient(bottom, #A1B7DD, #FFFFFF);
    background:-webkit-linear-gradient(bottom, #A1B7DD, #FFFFFF);
    background:-moz-linear-gradient(bottom, #A1B7DD, #FFFFFF);
	  height:35px;
	  list-style:none;
	  margin:0;
	  padding-left:0px;
	  position:relative;
	  }
	  .menu li{
		  float:left;
		  padding:0px;
		  }
	  .menu li a{
		  /*background:#C3D9FF;*/
		  color:#359;
		  display:block;
		  line-height:35px;
		  margin:0px;
		  padding:0px 25px;
		  text-align:center;
		  text-decoration:none;
		  text-shadow: 1px 1px 2px rgb(255, 255, 255);
		  }
		  .menu li a:hover, .menu ul li:hover a{ 
			  background: #BFCFEC;
        background:linear-gradient(bottom, #BFCFEC, #FFFFFF);
        background:-webkit-linear-gradient(bottom, #BFCFEC, #FFFFFF);
        background:-moz-linear-gradient(bottom, #BFCFEC, #FFFFFF);
        text-decoration:none; }
			  
	  .menu li ul{
	    white-space:nowrap;
		  display:none;
		  height:auto;
		  margin:0px;
		  border:0px;
		  position:absolute;
		  z-index:200;
		  border: 1px solid #BFCFEC;
		  }
	  .menu li:hover ul{
		  display:block;
		
		  }

	  .menu li li {
			background: #BFCFEC;
      background:linear-gradient(bottom, #BFCFEC, #FFFFFF);
      background:-webkit-linear-gradient(bottom, #BFCFEC, #FFFFFF);
      background:-moz-linear-gradient(bottom, #BFCFEC, #FFFFFF);
		  display:block;
		  float:none;
		  margin:0px;
		  padding:0px;
		  padding-left:10px;
		  padding-right:10px;
		  }
	  .menu li:hover li a{
		  background:none;
		
		  }
	  .menu li ul a{
		  height:35px;
		  font-size:.9em;
		  margin:0px;
		  padding:0px 10px 0px 15px;
		  text-align:left;
		  }
		  .menu li ul a:hover, .menu li ul li:hover a, .menu li li:hover{
		    background: #A1B7DD;
        background:linear-gradient(bottom, #A1B7DD, #FFFFFF);
        background:-webkit-linear-gradient(bottom, #A1B7DD, #FFFFFF);
        background:-moz-linear-gradient(bottom, #A1B7DD, #FFFFFF);
			  text-decoration:none;
			  }
	  .menu p{
		  clear:left;
		  }
/* </editor-fold> */


div.body
{
  margin-top:15px;
  margin-left:20px;
  margin-right:20px;
}