body {
          background-color: #1d9ad6;
          margin-left: 100px;
          width: 800px;
          font-family: verdana, tahoma, serif;
      }

      img#logo{
          position: absolute;
          top: 10px;
          left: 100px;
      }

      div#topMenu{
          margin-top: 60px;
          margin-left: 380px;
          margin-bottom: 0;
          width: 600px;
          height: 20px;
          padding: 5px;
          padding-bottom: 0;

      }
      h2{
          margin-bottom:0px;
          padding-bottom:0;
          margin-left:10px;
          font-size:1.2em;
      }

      h3{
          margin-bottom:0px;
          padding-bottom:0;
          font-size:1.1em;
      }

      li {
          padding-left: 10px;
          margin-bottom: 10px;
          text-align:justify;
      }
      p{
          text-align:justify;
      }
      a.tab-active {
          background-color:#abddee;
          margin-left:5px;
          margin-right:5px;
          color:#837842;
          padding:4px;
          padding-bottom: 2px;
          text-decoration: none;
          font-weight: bold;
          border: 1px solid #1A286E;
          border-bottom: 0;
          font-size: .9em;
      }

      a.tab-inactive {
          background-color:#4497BF;
          margin-left:5px;
          margin-right:5px;
          color:#abddee;
          padding:4px;
          padding-bottom: 2px;
          text-decoration: none;
          border: 1px solid #1A286E;
          border-bottom: 0;
          font-size: .9em;
      }



      div#content{
          background-color: #fff;
          margin-top: 0;
          width: 800px;
          font-size: .8em;
      }
      div#content div#breadcrumb{
          background-color: #abddee;
          height: 25px;
          font-size: 1.3em;
          color: #837842;
          padding-left: 3px;
      }

      div#breadcrumb a{
          color: olive;
          font-size: 0.9em;
          letter-spacing: .1em;
          text-decoration: none;
      }

      div#breadcrumb a:hover{
          color: olive;
          font-size: 0.9em;
          letter-spacing: .1em;
          text-decoration: underline;
      }
      .box {
          color: #000;
          background: url(images/grad1.gif) repeat-x bottom #FFFFFF;
          border: 1px solid #F5F5F8;
          padding: 10px;
      }
      .box p{
          color: #000;
          border: 1px dotted #000;
          padding: 10px;
          line-height:1.5em;
          text-align:justify;
      }
      div#contentQA{
          padding:0px;
      }
      div#contentQA p{
          color: #000;
          padding: 10px;
          line-height:1.5em;
          text-align:justify;
      }
      div#footer{
          color: #abddee;
          font-size: 0.6em;
          text-align: center;
      }
      div#footer a{
          color: #abddee;
          text-decoration:underline;
      }
      table#basicform{
          margin-top:2px;

      }
      table#basicform td{
          background-color:#fff;
          padding-top:5px;
          padding-left:5px;
          padding-bottom:3px;
      }

      table#basicform th{
          color:white;
          background-color:olive;
          padding-top:5px;
          padding-bottom:3px;
          padding-left:5px;
          text-align:left;

      }
      table#basicform tbody tr td:first-child {
          width: 25%;
      }

      table#basicform label{
          color:#748e0d;

      }

      table#infoform{
          margin-top:2px;
      }
      table#infoform td{
          background-color:#fff;
          padding-top:5px;
          padding-left:5px;
          padding-bottom:3px;

      }
      table#infoform th{
          color:white;
          background-color:olive;
          padding-top:5px;
          padding-bottom:3px;
          padding-left:5px;
          text-align:left;

      }

      table#infoform label{
          color:#748e0d;

      }


      /* change password page */
      table#cpform{
          margin-top:2px;
      }
      table#cpform td{
          background-color:#fff;
          padding-top:5px;
          padding-left:5px;
          padding-bottom:3px;
      }

      table#cpform label{
          color:#748e0d;
      }
      table#cpform input.btn{
          background-color: #f8f6cf;
          border: 1px outset #000000;
      }
      table#cpform input.chpwd {
          border: 1px inset;
          background-color:#f8f6cf;
      }

      .feedback{
          position:absolute;
          left:450px;
          top: 175px;
      }


      /* modal window page*/
      span.w_captionText {
          color:#837842 !important;
      }

      .button {
          font-weight:normal;
          color: #746e0d;
          background: url(images/grad1.gif) repeat-x bottom #FFFFFF;
          border: 1px solid #CACACC;
          padding: 1px;
      }

      li.feedbackPanelERROR{
          color: red;
          font-size: 0.8em;
          list-style:none;
      }
      .feedbackPanelINFO {
          color: green;
          list-style: none;
          font-size: 0.95em;

      }

      div#feedback{
          background-color:#f8f6cf;
          padding:2px;
          width: auto;
          height:auto;
          color:green;
          font-size:.9em;

      }

      .feedbacklabel.info {
          color: black;
      }
      .feedbacklabel.error {
          color: red;

      }
      .formcomponent.invalid {
          border: 0.3px solid red;
          color: red;

      }
      .formcomponent.valid {
          color: black;
      }
      .feed{
          position:absolute;
          left:400px;
          top: 135px;
          font-size: 1.1em;
      }