/*
 * style2.css   
 *
 *  This is an attempt to fix the mess that is style.css
 *  New style definitions should be put here.
 *  Over time, I will try to clean up and move definition from style.css here
 */

/*
 *  Fieldset and legend
 */
fieldset { background: #F0F8FF;
         }

legend { font-weight: bold;
         text-align: left;
       }

/*
 *  tables / rows / cells  
 */
td.center { text-align: center;
          }
td.right { text-align: right;
         }
td.left { text-align: left;
         }
th.ctitle { text-align: left;
            color: red;
            font-size: 12pt;
          }
th.cctitle { text-align: center;
             color: red;
             font-size: 12pt;
           }
td.small { text-align: left;
           font-size: 7pt;
         }
td.lsmall { text-align: left;
           font-size: 7pt;
         }
td.csmall { text-align: center;
            font-size: 7pt;
          }
td.rsmall { text-align: right;
            font-size: 7pt;
          }
table.browse { border: 1px solid #699; }
.browse th { font-size: 10pt;
             background: #d3d3d3;
             color: red;
             text-align: center;}
.browse td { font-size: 10pt;
             background: #f5f5f5;
             cursor: pointer;}
.browse td.right { font-size: 10pt;
                   text-align: right;
                   background: #f5f5f5;}
.browse tr.rowhighlight td {background: darkblue;
                 color: white;}
.browse tr.rowhighlight td a {color: white;}


/**  quote display styles  **/
table.quote {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	border-collapse: collapse;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 6px;
        padding-right: 6px;
}
table.quote th {
	border-width: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: black black black black;
        background-color: lightblue;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 6px;
        padding-right: 6px;
}
table.quote td {
	border-width: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: black black black black;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 6px;
        padding-right: 6px;
}

/*
 *  styles that can apply to multiple elements
 */
.error {color:red;}
.ok {color:green;}
tr.error td {color:red;}
tr.ok td {color:green;}
.errors{ font-size: 11pt;
         font-weight: bold;
         color: red;
         text-align: center;
       }
   /**  .pronumb used to display a newly assigned pronumber  **/
.pronumb { font-size: 16pt;
           font-weight: bold;
           color: red;
         }

.highlight { background: gold;
           }
.deadlight { background: lightgrey;
           }
.superbold { background: lightpink;
             color: black;
             font-size: 24pt;
             font-weight: bolder;
             border: 1px solid red;
           }
.protrace_text { background: #FFFF99;
                 color: #3399FF;
                 font-family: Arial;
                 font-size: 12px;
                 font-weight: bold;
               }

table.newtablesold {
                  #border: 1px solid lightgrey;
	          border-width: 2px;
	          border-spacing: 2px;
	          border-style: solid;
	          border-color: grey;
                  margin: 1px;
                  padding-top: 4;
                  padding-bottom: 4;
                  padding-left: 10px;
                  padding-right: 10px;
                  border-collapse:collapse;
                  font-size: 10;
                  empty-cells: show;
                }
table.newtables, table.newtables2 {
                  margin: 1px;
                  padding-top: 4;
                  padding-bottom: 4;
                  padding-left: 10px;
                  padding-right: 10px;
                  border-collapse:collapse;
                  font-size: 10;
                  empty-cells: show;
                }

.newtables, .newtables2 td {
                  padding-top:4;
                  padding-bottom:4;
                  padding-left:10px;
                  padding-right:10px;
                 } 

.newtables, .newtables2 tr.evenrow {
                  background: #EAEAEA; 
                 } 
.newtables, .newtables2 tr.oddrow {
                  background: #FFFFFF;
                 } 
.newtables, .newtables2 tr.thirdrow {
                  background: #DCEDFF;
                 } 

.newtables, .newtables2 tr.evenrow:hover {
                  background: #FFFFC2; 
                 } 
.newtables, .newtables2 tr.oddrow:hover {
                  background: #FFFFC2;
                 } 
.newtables, .newtables2 tr.thirdrow:hover {
                  background: #FFFFC2;
                 } 

.newtables, .newtables2 tr.evenrowhover {
                  background-color: #FFFFC2; 
                 } 
.newtables, .newtables2 tr.oddrowhover {
                  background-color: #FFFFC2;
                 } 
.newtables, .newtables2 tr.thirdrowhover {
                  background-color: #FFFFC2;
                 } 

.newtables, .newtables2 thead tr.tableheader {
                  border: 0 none;
                  outline: 0 none;
                  background: lightgrey;
                  }

.newtables, .newtables2 thead tr.tableheader th {
                  text-align: center;
                  }

.newtables, .newtables2 tbody tr td {
                  border: 1px solid lightgrey;
                  padding-top:4;
                  padding-bottom:4;
                  padding-left:10px;
                  padding-right:10px;
                 }

.newtables, .newtables2 tfoot tr td {
                  border: 1px solid lightgrey;
                 }

.newtables, .newtables2 tfoot .tableheader {
                  border: 0 none;
                  outline: 0 none;
                  background: lightgrey;
                  }

.newtables, .newtables2 tbody .tableheader {
                  border: 0 none;
                  outline: 0 none;
                  background: lightgrey;
                  }

.smallbutton { font-size: 8pt;
               padding: 0px;
             }



/***  pull down menus  ****/
@media print {
  #menu { display: none;
          visibility: hidden;
        }
}

@media screen {
  #menu { font-size:14px;
	  font-family:Arial, Helvetica, sans-serif;
	  line-height:21px;
	  text-align:left;
	  list-style:none;
	  min-width:985px;
	  width:96%;
	  margin:1px auto 0px 1px;
	  height:43px;
	  padding:0px 20px 0px 20px;

	  /* Rounded Corners */

	  -moz-border-radius: 10px;
	  -webkit-border-radius: 10px;
	  border-radius: 10px;

	  /* Background color and gradients */

	  /* background: #014464; */
	  background: #0272A7;
	  background: -moz-linear-gradient(top, #0272a7, #013953);
	  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));

	  /* Borders */

	  border: 1px solid #002232;

	  -moz-box-shadow:inset 0px 0px 1px #edf9ff;
	  -webkit-box-shadow:inset 0px 0px 1px #edf9ff;
	  box-shadow:inset 0px 0px 1px #edf9ff;
  }

  #menu li {
	  float:left;
	  display:block;
	  text-align:center;
	  position:relative;
	  padding: 4px 10px 4px 10px;
	  margin-right:8px;
	  margin-top:7px;
	  border:none;
  }

  #menu li:hover {
	  border: 1px solid #777777;
	  padding: 4px 9px 4px 9px;

	  /* Background color and gradients */

	  background: #F4F4F4;
	  background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
	  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));

	  /* Rounded corners */

	  -moz-border-radius: 5px 5px 0px 0px;
	  -webkit-border-radius: 5px 5px 0px 0px;
	  border-radius: 5px 5px 0px 0px;
  }

  #menu li a {
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:14px;
	  font-weight: bold;
	  color: #FFF;
	  display:block;
	  outline:0;
	  text-decoration:none;
	  text-shadow: 1px 1px 1px #000;
  }

  #menu li:hover a {
	  color:#161616;
	  font-weight: bold;
	  text-shadow: 1px 1px 1px #ffffff;
  }
  #menu li .drop {
	  padding-right:21px;
	  background:url("images/drop.png") no-repeat right 8px;
  }
  #menu li:hover .drop {
	  background:url("images/drop.png") no-repeat right 7px;
  }

  .dropdown_1column,
  .dropdown_1columns,
  .dropdown_2columns,
  .dropdown_3columns,
  .dropdown_4columns,
  .dropdown_5columns {
	  margin:4px auto;
	  float:left;
	  position:absolute;
	  left:-999em; /* Hides the drop down */
	  text-align:left;
	  padding:10px 5px 10px 5px;
	  border:1px solid #777777;
	  border-top:none;

	  /* Gradient background */
	  background:#F4F4F4;
	  background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
	  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));

	  /* Rounded Corners */
	  -moz-border-radius: 0px 5px 5px 5px;
	  -webkit-border-radius: 0px 5px 5px 5px;
	  border-radius: 0px 5px 5px 5px;
  }

  .dropdown_1column {width: 140px;}
  .dropdown_1columns {width: 140px;}
  .dropdown_2columns {width: 280px;}
  .dropdown_3columns {width: 420px;}
  .dropdown_4columns {width: 560px;}
  .dropdown_5columns {width: 700px;}

  #menu li:hover .dropdown_1column,
  #menu li:hover .dropdown_1columns,
  #menu li:hover .dropdown_2columns,
  #menu li:hover .dropdown_3columns,
  #menu li:hover .dropdown_4columns,
  #menu li:hover .dropdown_5columns {
	  left:-1px;
	  top:auto;
	  z-index: 999999;
  }

  .col_1,
  .col_2,
  .col_3,
  .col_4,
  .col_5 {
	  display:inline;
	  float: left;
	  position: relative;
	  margin-left: 5px;
	  margin-right: 5px;
  }
  .col_1 {width:130px;}
  .col_2 {width:270px;}
  .col_3 {width:410px;}
  .col_4 {width:550px;}
  .col_5 {width:690px;}

  #menu .menu_right {
	  float:right;
	  margin-right:0px;
  }
  #menu li .align_right {
	  /* Rounded Corners */
	  -moz-border-radius: 5px 0px 5px 5px;
      -webkit-border-radius: 5px 0px 5px 5px;
      border-radius: 5px 0px 5px 5px;
  }

  #menu li:hover .align_right {
	  left:auto;
	  right:-1px;
	  top:auto;
  }

  #menu p, #menu h2, #menu h3, #menu ul li {
	  font-family:Arial, Helvetica, sans-serif;
	  color: #000;
	  line-height:21px;
	  font-size:14px;
	  text-align:left;
	  text-shadow: 1px 1px 1px #FFFFFF;
  }
  #menu h2 {
	  font-size:20px;
	  font-weight:500;
	  letter-spacing:-1px;
	  margin:7px 0 14px 0;
	  padding-bottom:14px;
	  border-bottom:1px solid #666666;
  }
  #menu h3 {
	  font-size:14px;
	  margin:7px 0 14px 0;
	  padding-bottom:7px;
	  border-bottom:1px solid #888888;
  }
  #menu p {
	  line-height:18px;
	  margin:0 0 10px 0;
  }

  #menu li:hover div a {
	  font-size:14px;
	  color:#015b86;
  }
  #menu li:hover div a:hover {
	  color:#029feb;
  }


  .strong {
	  font-weight:bold;
  }
  .italic {
	  font-style:italic;
  }

  .imgshadow { /* Better style on light background */
	  background:#FFFFFF;
	  padding:4px;
	  border:1px solid #777777;
	  margin-top:5px;
	  -moz-box-shadow:0px 0px 5px #666666;
	  -webkit-box-shadow:0px 0px 5px #666666;
	  box-shadow:0px 0px 5px #666666;
  }
  .img_left { /* Image sticks to the left */
	  width:auto;
	  float:left;
	  margin:5px 15px 5px 5px;
  }

  #menu li .black_box {
	  background-color:#333333;
	  color: #eeeeee;
	  text-shadow: 1px 1px 1px #000;
	  padding:4px 6px 4px 6px;

	  /* Rounded Corners */
	  -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;

	  /* Shadow */
	  -webkit-box-shadow:inset 0 0 3px #000000;
	  -moz-box-shadow:inset 0 0 3px #000000;
	  box-shadow:inset 0 0 3px #000000;
  }

  #menu li ul {
	  list-style:none;
	  padding:0;
	  margin:0 0 12px 0;
  }
  #menu li ul li {
	  font-size:14px;
	  line-height:24px;
	  position:relative;
	  text-shadow: 1px 1px 1px #ffffff;
	  padding:0;
	  margin:0;
	  float:none;
	  text-align:left;
	  width:130px;
  }
  #menu li ul li:hover {
	  background:none;
	  border:none;
	  padding:0;
	  margin:0;
  }

  #menu li ul.col_2 li {
	  width:260px;
  }


  #menu li .greybox li {
	  background:#F4F4F4;
	  border:1px solid #bbbbbb;
	  margin:0px 0px 4px 0px;
	  padding:4px 6px 4px 6px;
	  width:116px;

	  /* Rounded Corners */
	  -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      -khtml-border-radius: 5px;
      border-radius: 5px;
  }
  #menu li .greybox li:hover {
	  background:#ffffff;
	  border:1px solid #aaaaaa;
	  padding:4px 6px 4px 6px;
	  margin:0px 0px 4px 0px;
  }
}