/* form styles and components.  Last modified 5/18/2010 */

label { color: #333; font: 12px/17px Arial, Helvetica, sans-serif; text-align: left; vertical-align: middle; }
label.w-15  { color: #333; font: 12px/17px Arial, Helvetica, sans-serif; text-align: left; vertical-align: middle; width: 15px; float: left; }
label.w-75  { color: #333; font: 12px/17px Arial, Helvetica, sans-serif; text-align: left; vertical-align: middle; width: 75px; float: left; }
label.w-75r { color: #333; font: 12px/17px Arial, Helvetica, sans-serif; text-align: right; vertical-align: middle; width: 70px; padding-right: 5px; float: left; }
label.w-75p  { color: #333; font: 12px/17px Arial, Helvetica, sans-serif; text-align: left; vertical-align: middle; width: 75px; float: left; padding-right: 1px; padding-left: 15px; }
label.w-100 { color: #333; font: 12px/17px Arial, Helvetica, sans-serif; text-align: left; vertical-align: middle; width: 100px; float: left; }
label.w-100r { color: #333; font: 12px/17px Arial, Helvetica, sans-serif; text-align: right; vertical-align: middle; width: 95px; padding-right: 5px; float: left; }
label.w-120 { color: #333; font: 12px/17px Arial, Helvetica, sans-serif; text-align: left; vertical-align: middle; width: 120px; float: left; }
label.w-120r { color: #333; font: 12px/17px Arial, Helvetica, sans-serif; text-align: right; vertical-align: middle; width: 115px; padding-right: 5px; float: left; }
label.w-140r { color: #333; font: 12px/17px Arial, Helvetica, sans-serif; text-align: right; vertical-align: middle; width: 135px; padding-right: 5px; float: left; }
label.w-140 { color: #333; font: 12px/17px Arial, Helvetica, sans-serif; text-align: left; vertical-align: middle; width: 140px; float: left; }
label.w-250r { color: #333; font: 12px/17px Arial, Helvetica, sans-serif; text-align: right; vertical-align: middle; width: 250px; padding-right: 10px; float: left; }

form { margin: 0; padding: 0; border-style: none; border-width: 0; }

form.leftsearch { float: left; clear: both; width: 100%; padding-top: 7px; }

.reg-row { clear: both; margin: 0 0 3px; padding: 2px 0; border-style: none; border-width: 0; }

.field    { color: #333; font: 11px Arial, Helvetica, sans-serif; background: #eaedef url(../css-images/area-bg.gif) no-repeat; padding: 1px 0 0 3px; margin-left: 0; width: 175px; height: 17px; float: left; border: solid 1px #4882ac; }
.field_lg { color: #333; font: 11px Arial, Helvetica, sans-serif; background: #eaedef url(../css-images/area-bg.gif) no-repeat; padding: 1px 0 0 1px; margin-left: 0; width: 275px; height: 17px; border: solid 1px #4882ac; }
.field_sm { color: #333; font: 10px Arial, Helvetica, sans-serif; background: #eaedef url(../css-images/area-bg.gif) no-repeat; padding: 1px 0 0 1px; margin-left: 0; width: 117px; height: 17px; border: solid 1px #4882ac; }
.field_vn { color: #333; font: 10px Arial, Helvetica, sans-serif; background: #eaedef url(../css-images/area-bg.gif) no-repeat; padding: 1px 0 0 1px; margin-left: 0; width: 47px; height: 17px; border: solid 1px #4882ac; }
.field_auto { color: #333; font: 11px Arial, Helvetica, sans-serif; background: #eaedef url(../css-images/area-bg.gif) no-repeat; padding: 1px 0 0 1px; margin-left: 0; width: 220px; height: 17px; border: solid 1px #4882ac; }

/* IE / Win hacks */
* html .field, * html .field_lg, * html .field_sm, * html .field_vn { margin-left: -3px; position: relative; }
/* END IE / Win hacks */

#quicksearch-form { height: 27px; margin: 0; padding: 0; border-style: none; border-width: 0; }

#quicksearch { color: #666; font: 11px Arial, Helvetica, sans-serif; background: url(../css-images/area-bg.gif) no-repeat; padding: 1px 0 0 3px; margin-left: 0; width: 175px; height: 17px; border: solid 1px #4882ac; float: left; }
/* IE / Win hacks */
* html #quicksearch { padding-top: 0; }
*:first-child+html #quicksearch { padding-top: 0; }
/* END IE / 7.0 Win hacks */

.quicksearch-apps { color: #666; font: 11px Arial, Helvetica, sans-serif; background: url(../css-images/area-bg.gif) no-repeat; padding: 1px 0 0 3px; margin-left: 0; width: 175px; height: 17px; border: solid 1px #4882ac; float: left; }
/* IE / Win hacks */
* html .quicksearch-apps  { padding-top: 0; }
*:first-child+html .quicksearch-apps  { padding-top: 0; }
/* END IE / 7.0 Win hacks */

label.quicksearch { float: left; width: auto; height: auto; border-style: none; white-space: nowrap; margin: 0; padding: 0 2px 10px 0; }

.area { color: #888; font-size: 10px; font-family: Arial, Helvetica, sans-serif; background: #f7f7f7 url(../css-images/area-bg.gif) no-repeat -1px -1px; width: 390px; height: 200px; border: solid 1px #4882ac; }
.area_sm { color: #888; font-size: 10px; font-family: Arial, Helvetica, sans-serif; background: #f7f7f7 url(../css-images/area-bg.gif) no-repeat -1px -1px; width: 181px; height: 65px; border: solid 1px #4882ac; }
.area_med { color: #888; font-size: 10px; font-family: Arial, Helvetica, sans-serif; background: #f7f7f7 url(../css-images/area-bg.gif) no-repeat -1px -1px; width: 200px; height: 90px; border: solid 1px #4882ac; }

.submit { color: #599985; font: bold 11px/17px Arial, Helvetica, sans-serif; background: url(../css-images/submit-bg.gif) no-repeat; text-align: center; vertical-align: top; width: 62px; height: 20px; margin: 0 2px 0 0; padding: 1px 0 2px; border-style: none; cursor: pointer; }
.submit:hover, .submit:active { color: #7272a8; background: url(../css-images/submit-bg-over.gif) no-repeat; border: none; cursor: pointer; }

/* IE / Win hacks */
* html .submit { }
* html .submit:hover, * html .submit:active { }
*:first-child+html .submit { }
*:first-child+html .submit:hover, *:first-child+html .submit:active { }
/* END IE / Win hacks */

/*
.submit-mats { color: rgb(250,250,250); font: 15px Arial, Helvetica, sans-serif; padding: 7px 15px; border: none; cursor: pointer;

          background: #ef8200;

          -webkit-border-radius: 11px;
          -moz-border-radius: 11px;
          border-radius: 11px;
          
          background: #ef8200;
          background: -moz-linear-gradient(270deg, #ef8200 30%, #ef8200 90%);
          background: -webkit-linear-gradient(270deg, #ef8200 30%, #ef8200 90%);
          background: -o-linear-gradient(270deg, #ef8200 30%, #ef8200 90%);
          background: -ms-linear-gradient(270deg, #ef8200 30%, #ef8200 90%);
          background: linear-gradient(180deg, #ef8200 30%, #ef8200 90%);

          -webkit-box-shadow: 0 1px 2px #555;
          -moz-box-shadow: 0 1px 2px #555;
          box-shadow: 0 1px 2px #555;
          text-shadow: #444 1px 1px 2px; 
 }

.submit-mats:hover, .submit-mats:active { background: #ef8200;
          background: -moz-linear-gradient(90deg, #ef8200 30%, #ef8200 90%);
          background: -webkit-linear-gradient(90deg, #ef8200 30%, #ef8200 90%);
          background: -o-linear-gradient(90deg, #ef8200 30%, #ef8200 90%);
          background: -ms-linear-gradient(90deg, #ef8200 30%, #ef8200 90%);
          background: linear-gradient(0deg, #ef8200 30%, #ef8200 90%);
 }
*/

.submit-mats { color: rgb(250,250,250); font: 15px Arial, Helvetica, sans-serif; padding: 7px 15px; border: none; cursor: pointer;

          background: #ef8200; /* rgb(239, 130, 0) */

          -webkit-border-radius: 11px;
          -moz-border-radius: 11px;
          border-radius: 11px;
          
          background: -moz-linear-gradient(270deg, #ef8200 30%, #e27423 90%);
          background: -webkit-linear-gradient(270deg, #ef8200 30%, #e27423 90%);
          background: -o-linear-gradient(270deg, #ef8200 30%, #e27423 90%);
          background: -ms-linear-gradient(270deg, #ef8200 30%, #e27423 90%);
          background: linear-gradient(180deg, #ef8200 30%, #e27423 90%);

          -webkit-box-shadow: 0 1px 2px #555;
          -moz-box-shadow: 0 1px 2px #555;
          box-shadow: 0 1px 2px #555;
          text-shadow: #444 1px 1px 2px; 
 }

.submit-mats:hover, .submit-mats:active { background: #624d7d; /* rgb(98, 77, 125) */
          background: -moz-linear-gradient(90deg, #624d7d 30%, #553f70 90%);
          background: -webkit-linear-gradient(90deg, #624d7d 30%, #553f70 90%);
          background: -o-linear-gradient(90deg, #624d7d 30%, #553f70 90%);
          background: -ms-linear-gradient(90deg, #624d7d 30%, #553f70 90%);
          background: linear-gradient(0deg, #624d7d 30%, #553f70 90%);
 }


.search-mag { color: #4882ac; font: bold 11px Arial, Helvetica, sans-serif; background: url(../css-images/go-arrow.png) no-repeat; text-align: left; cursor: pointer; width: 40px; height: 27px; vertical-align: middle; float: left; margin: 0 0 0 15px; padding: 1px 3px 3px 6px; border-style: none; }
.search-mag:hover { color: #dce4ed; background: url(../css-images/go-arrow-over.png) no-repeat; cursor: pointer; }
/* IE / Win hacks */
* html .search-mag { background-position: 0 0; margin-top: 1px; }
/* END IE / Win hacks */

.search-mag-2 { color: #4882ac; font: bold 11px Arial, Helvetica, sans-serif; background: url(../css-images/go-arrow.png) no-repeat; text-align: left; cursor: pointer; width: 40px; height: 27px; vertical-align: middle; position: relative; float: left; clear: none; margin: -3px 0 0 3px; padding: 1px 3px 3px 6px; border-style: none; }
.search-mag-2:hover { color: #dce4ed; background: url(../css-images/go-arrow-over.png) no-repeat; cursor: pointer; }
/* IE / Win hacks */
* html .search-mag-2 { background-position: 0 0; margin-top: 1px; }
/* END IE / Win hacks */

.submit-lg { color: #599985; font: bold 11px/15px Arial, Helvetica, sans-serif; text-align: center; vertical-align: top; width: 110px; height: 20px; margin: 0 30px 0 0; padding: 0; border-style: none; cursor: pointer; }


.go-arrow { color: #599985; font: bold 11px/15px Arial, Helvetica, sans-serif; background: url(../css-images/go-button.gif) no-repeat; text-align: left; cursor: pointer; width: 40px; height: 20px; vertical-align: middle; float: left; margin: 1px 0 0 7px; padding: 1px 3px 1px 6px; border-style: none; }
.go-arrow:hover { color: #7272a8; background: url(../css-images/go-button-over.gif) no-repeat; cursor: pointer; }
/* IE / Win hacks */
* html .go-arrow { background-position: 0 0; margin-top: 1px; }
/* END IE / Win hacks */

.l2head {color: #587abc; font: bold 13px/17px Arial, Helvetica, sans-serif; }

.select { color: #333; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 16px; background-color: #e9eaee; padding-left: 1px; float: left; width: 181px; height: 21px; margin-right: 1px; margin-bottom: 2px; border: solid 1px #4882ac; }
.select-lg { color: #333; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 16px; background-color: #e9eaee; padding-left: 1px; float: left; width: 285px; height: 21px; margin-right: 1px; margin-bottom: 2px; border: solid 1px #4882ac; }

/* login  table */
#logger { margin: 0; padding: 0; outline-style: none; outline-width: 0; }
#logger tr:hover { background-color: #fff; }

/* fieldset */
fieldset { color: #333; font: 12px/15px Arial, Helvetica, sans-serif; background-color: #fcfcfc; text-align: left; margin: 10px 0; padding: 15px; border: solid 1px #c5d9f1; width: 574px; clear: both; }
fieldset.short { width: 430px; margin-top: 21px; padding-top: 5px; }
legend { color: #999; font: italic 15px/21px Georgia, Garamond, "Times New Roman", serif; text-align: left; margin: 0 0 0 -2px; padding: 0 3px 3px 2px; border-style: none; border-width: 0; }

/* IE / Win hacks */
* html legend { margin: 0 0 0 -7px; padding-top: 0; padding-bottom: 9px; border-style: none; border-width: 0; }
*:first-child+html legend { margin: 0 0 0 -7px; padding-top: 0; padding-bottom: 9px; border-style: none; border-width: 0; }
/* END IE / Win hacks */

fieldset p { font: 13px/21px Arial, Helvetica, sans-serif; margin-top: 0px; margin-bottom: 5px; padding-top: 1px; padding-bottom: 5px; width: inherit; }
* html fieldset p { margin-bottom: 0px; }
*:first-child+html fieldset p { margin-bottom: 0px; }


.invisible { display: none; }


/* tables and buttons
----------------------------------------------- */
table { font-family: Arial, Helvetica, sans-serif; }

table #logger { float: left; clear: both; }

/* form table { float: left; clear: both; } */

#ctl00_Main_grid1 { margin-bottom: 15px; float: left; clear: both; }
table#grid1 th { padding: 2px 3px 2px 5px; }
table#grid1 td { vertical-align: top; padding: 2px 3px 2px 5px; border-top: 1px solid #c5d9f1; }

#grid1 tr:hover { background-color: #fffbee; }

table.dynamicTable { width: 100%; margin-bottom: 30px; }
table.dynamicTable a { color: #7272a8 !important; }
table.dynamicTable a:hover { color: #599985 !important; text-decoration: underline !important;  }

/* general table styles ----- */
th { color: #599985; font: bold 12px/16px Arial, Helvetica, sans-serif; padding-top: 3px; padding-bottom: 3px; }
td { vertical-align: top; }
th a:link, th a:visited { color: #7272a8; text-decoration: none; border-bottom: 1px solid #e8e8ff; }
th a:hover, th a:active { color: #599985; text-decoration: none; border-bottom: 1px solid #ccf; }
td a:link, td a:visited { color: #7272a8; text-decoration: none; }
td a:hover, td a:active { color: #599985; text-decoration: none; }

.cell-l { color: #333; font: 11px/15px /* "Arial Narrow",*/ Arial, Helvetica, sans-serif; background-color: #fbfbfb; text-align: left; padding: 2px 3px 2px 5px; border-top: 1px solid #c5d9f1; border-bottom: 1px solid #c5d9f1; white-space: normal; }
.cell-l-edge { color: #333; font: 11px/15px /* "Arial Narrow",*/ Arial, Helvetica, sans-serif; background-color: #fbfbfb; text-align: left; padding: 2px 3px 2px 5px; border-top: 1px solid #c5d9f1; border-bottom: 1px solid #c5d9f1; border-left: 1px solid #c5d9f1; white-space: normal; }
.cell-r { color: #333; font: 11px/15px Arial, Helvetica, sans-serif; background-color: #fbfbfb; text-align: right; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; border-top: 1px solid #c5d9f1; border-bottom: 1px solid #c5d9f1; }
.cell-r-edge { color: #333; font: 11px/15px /* "Arial Narrow",*/ Arial, Helvetica, sans-serif; background-color: #fbfbfb; text-align: right; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; border-top: 1px solid #c5d9f1; border-right: 1px solid #c5d9f1; border-bottom: 1px solid #c5d9f1; }

.hd-l { color: #599985; font: bold 11px/16px Arial, Helvetica, sans-serif; background-color: #fff; text-align: left; width: 100px; padding-right: 0; padding-left: 5px; border-style: none; border-width: 0; }
.hd-l-long { color: #599985; font: bold 11px/16px Arial, Helvetica, sans-serif; background-color: #fff; text-align: left; padding-right: 0; padding-left: 5px; width: 300px; border-style: none; border-width: 0; white-space: normal; }
.hd-l-75 { color: #599985; font: bold 11px/16px Arial, Helvetica, sans-serif; background-color: #fff; text-align: left; width: 75px; padding-right: 0; padding-left: 5px; border-style: none; border-width: 0; }
.hd-mid { color: #599985; font: bold 11px/16px Arial, Helvetica, sans-serif; background-color: #fff; text-align: left; padding-right: 0; padding-left: 5px; border-style: none; border-width: 0; }
.hd-r { color: #599985; font: bold 11px/16px Arial, Helvetica, sans-serif; background-color: #fff; text-align: right; padding-right: 5px; padding-left: 0; border-style: none; border-width: 0; }


table#ctl00_Main_type { background-color: transparent; margin-bottom: 17px; float: left; }
table#ctl00_Main_type td { background-color: transparent; }

.prefix { color: #333; font: bold 11px/16px Arial, Helvetica, sans-serif; text-align: left; width: 100px; height: 19px; }
.info { color: #333; font: 11px/16px Arial, Helvetica, sans-serif; text-align: left; width: 325px; height: 19px; }

.underline-l { color: #333; font: 11px/16px Arial, Helvetica, sans-serif; background-color: #fffdee; text-align: left; vertical-align: top; padding-top: 2px; padding-bottom: 5px; padding-left: 5px; border-bottom: 1px solid #e6ebf9; }
.underline-2 { color: #333; font: 11px/16px Arial, Helvetica, sans-serif; background-color: #fffdee; text-align: right; vertical-align: top; padding-top: 2px; padding-bottom: 5px; border-bottom: 1px solid #e6ebf9; }
.underline-r { color: #333; font: 11px/16px Arial, Helvetica, sans-serif; background-color: #fffdee; text-align: right; vertical-align: top; padding-top: 2px; padding-right: 5px; padding-bottom: 5px; border-bottom: 1px solid #e6ebf9; }
.underline { color: #333; font: 11px/16px Arial, Helvetica, sans-serif; background-color: #fffdee; text-align: left; vertical-align: top; padding-top: 2px; padding-bottom: 5px; border-bottom: 1px solid #e6ebf9; }
.underline-c { color: #333; font: 11px/16px Arial, Helvetica, sans-serif; background-color: #fffdee; text-align: center; vertical-align: top; padding-top: 2px; padding-bottom: 5px; border-bottom: 1px solid #e6ebf9; }

.charthead { color: #006; font: bold 12px/16px Arial, Helvetica, sans-serif; background-color: #82a9bb; padding-top: 1px; padding-bottom: 1px; }


#body-col.results {  }
#body-col.results table { width: 100%; border-top: 1px solid #c5d9f1; border-collapse: collapse; }
#body-col.results table tbody { margin: 0; padding: 0; }
#body-col.results table td { max-width: 65%; margin: 0; }
#body-col.results table td { color: #333; font: 11px/15px  Arial, Helvetica, sans-serif; background-color: #fbfbfb; text-align: left; padding: 2px 3px 2px 5px; white-space: normal; border-bottom: 1px solid #c5d9f1; }

table.literature td { vertical-align: middle; }
table.literature td table {border: 1px solid #000000; }
td.heading {color: #599985; font: bold 12px/16px Arial, Helvetica, sans-serif; border-bottom: 1px solid #000000; background: #4682B4; padding: 5px; margin: 0; height:40px;}
td.heading a:link, td a:visited { color: #fff; text-decoration: none; }
td.lower { padding: 5px; margin: 0; min-height:50px;  text-align: center;}
table.literature tr:hover { background-color: #fff; }

table.tech tr:hover { background-color: #fff; }
table.tech td.side { padding-top:15px; padding-left:5px; width: 50%;}
table.tech td.side a:link, table.tech td.side a:visited { color: #7272a8; text-decoration: none; }
table.tech td.side a:hover, table.tech td.side a:active { color: #599985; text-decoration: none; }
a.larger:link, a.larger:visited { color: #7272a8; font: bold 13px Arial, Helvetica, sans-serif; }
a.larger:hover, a.larger:active { color: #599985; font: bold 13px Arial, Helvetica, sans-serif; }



#closewindow-604 { color: #666; font: 11px/17px Arial, Helvetica, sans-serif; width:604px; margin: 0 auto; clear: both; float: right; }
/* end ordering */


.helpText { color: #333; font: 13px/21px Georgia, Garamond, "Times New Roman", serif; margin: 0 0 0 5px; padding: 0 0 0 1px; float: left; white-space: normal; }