body {
      font-family: Arial;
      font-size: 16px;
   }

   input, select {
      font-size: 16px;
   }

   h3 {
   	margin-left: 3px;
   }

   *:focus {outline:none !important}

   .form-section { 
      background-color: #fafafa; 
      border-radius: 3px; 
      padding: 15px; 
      border: 2px solid #eeeeee; 
      margin-top: 20px;
      margin-bottom: 10px;
   }

   label {
      font-weight: normal;
      font-size: 16px;
   }

   .help-note {
      font-weight: normal;
      font-size: 14px;
      color: #666;
   }

   .extranet-button {
      font-size: 20px;
      margin-top: 20px;
      margin-bottom: 10px;
   }
   .top-menu {
      margin-left: 15px;
      color: #fff;
      font-size: 16px;
   }

   .top-box-links {
      border: 1px solid #ddd; 
      padding: 10px;
      margin-right: 5px;
      text-align: center;
      font-size: 16px;
      color: #333;
      background-color: #f7f7f7;
      border-radius: 2px; 
      height: 65px;
      cursor: pointer !important;
   }
   .top-box-links-active {
      font-weight: bold;
      border: 1px solid #00008b;
   }

   .vertical-columns-list {
      -webkit-column-width: 200px;
      -moz-column-width: 200px;
      -o-column-width: 200px;
      -ms-column-width: 200px;
      column-width: 200px;
   }

   .ui-state-active {
      background-color: #c71f2d;
      border: 1px solid #c71f2d;
   }

	input[type=checkbox], input[type=radio] {
	    vertical-align: middle;
	    position: relative;
	    bottom: 5px;
	}
	input[type=radio] {
	    bottom: 5px;
	}


   /* Desktops */

   @media (max-width: 3000px) {
      .top-box-links {
         width: 185px;
      }
   }
   @media (max-width: 1330px) {
   }

   /*iPad / Tablets */
   @media only screen and (max-width: 991px) {
      .top-box-links {
         width: 100%;
      }
   }

   /* Cellphones */
   @media only screen and (max-device-width: 480px) { 
      .top-box-links {
         width: 100%;
      }
   }