/*

 * 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;

       }



/*  unordered list for webspeed queued messages  */

ul { list-style-type:none;

     padding:0px;

     margin:0px;

   }



/*

 *  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;

                  color: black;

                }



.newtables, .newtables2 td {

                  padding-top:4;

                  padding-bottom:4;

                  padding-left:10px;

                  padding-right:10px;

                  color: black;

                  font-size: inherit;

                 } 



.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;

                  color: black;

                  }



.newtables, .newtables2 thead tr.tableheader th {

                  text-align: center;

                  font-size: inherit;

                  }



.newtables, .newtables2 tbody tr td {

                  border: 1px solid lightgrey;

                  padding-top:4;

                  padding-bottom:4;

                  padding-left:10px;

                  padding-right:10px;

                  color: black;

                  font-size: inherit;

                 }



.newtables, .newtables2 tfoot tr td {

                  border: 1px solid lightgrey;

                  padding-top:4;

                  padding-bottom:4;

                  padding-left:10px;

                  padding-right:10px;

                  color: black;

                  font-size: inherit;

                 }



.newtables, .newtables2 tfoot tr th {

                  padding-top:4;

                  padding-bottom:4;

                  padding-left:10px;

                  padding-right:10px;

                  font-size: inherit;

                  color: black;

                 }



.newtables, .newtables2 tfoot .tableheader {

                  border: 0 none;

                  outline: 0 none;

                  background: lightgrey;

                  color: black;

                  }





.newtables, .newtables2 tbody .tableheader {

                  border: 0 none;

                  outline: 0 none;

                  background: lightgrey;

                  color: black;

                  }



.smallbutton { font-size: 8pt;

               padding: 0px;

             }


.bolpickupdiv {                         
             color: black;              
             font-size: 18pt;           
             font-weight: bold;         
             border: 1px solid #0272A7; 
             margin: 10px;              
             width: 80%;                
}   




/***  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;

  }

}