#doc3 {margin:auto;} 

#body { background: #fbfbfb }

.padall10 { padding:0.6em }
.padall5 { padding:0.384em }

.break  { clear:both; margin:0; padding:0; height:0 } 
.sbreak { clear:both; margin:0; padding:0; height:0.488em; }
.mbreak { clear:both; margin:0; padding:0; height:0.976em; }
.bbreak { clear:both; margin:0; padding:0; height:1.69em; }
.hbreak { clear:both; margin:0; padding:0; height:2.46em; }
.col1 { float:left; width: 4.519em;   margin-right:1em }
.col2 { float:left; width: 10.038em;  margin-right:1em }
.col3 { float:left; width: 15.558em;  margin-right:1em }
.col4 { float:left; width: 21.077em;  margin-right:1em }
.last { margin-right:0; }
.left { float:left;}
.right { float:right;}

.searchtxt input { width: 16.5em; margin-top: 0.6em }

.textbox input { border:1px solid #bebebe; background-image: url(site/datafields/datafieldGradient.gif); background-repeat: repeat-x; padding:0.5em}
.textbox textarea { border:1px solid #bebebe; background-image: url(site/datafields/datafieldGradient.gif); background-repeat: repeat-x; overflow:hidden}
textarea { overflow:hidden }

.yui-button button { font-size: 85%; 
                     font-weight:bold; color:#ffffff; border: solid 1px #bebebe;
                     padding:0.5em;
                     }

.btngrey .yui-button button { background-image: url(site/buttons/grey.gif);background-repeat: repeat-x; background-position:top; background-color: #b7b7b7; }

.btnblue .yui-button button { background-image: url(site/buttons/blue.gif);background-repeat: repeat-x; background-position:top; background-color: #71c6db;   }

.btngreen .yui-button button { background-image: url(site/buttons/green.gif);background-repeat: repeat-x; background-position:top; background-color: #00af4c; }


.btngrey .yui-button-disabled button { background-image:url(site/buttons/greyd.gif);background-color:#dadada }

.btnblue .yui-button-disabled button { background-image:url(site/buttons/greyd.gif);background-color:#dadada }


.chkwhite { font-size: 85%; color: #888888; width:10.2em }
.chkwhite .yui-button button { font-size:100%;
                               background-image: url(site/datafields/datafieldGradient.gif);background-repeat: repeat-x; background-position:top;  background-color: #ffffff; 
                               border: solid 1px #bebebe; 
                               height: 1.27em; width:1.27em;
                               margin-left: 0.904em; margin-right: 0.452em;margin-top:0.904em;}

.chkwhite input { font-size:100%;
                               background-image: url(site/datafields/datafieldGradient.gif);background-repeat: repeat-x; background-position:top;  background-color: #ffffff; 
                               border: solid 1px #bebebe; 
                               height: 1.27em; width:1.27em;
                               margin-left: 0; margin-right: 0.452em;margin-top:0.904em;}
.chkwhite .yui-button-checked button { background-image: url(site/buttons/green.gif); }

.drpwhite select { width:16.77em;
                   background-image: url(site/datafields/datafieldGradient.gif);background-repeat: repeat-x;                             
                   background-color:#ffffff;
                   border: solid 1px #bebebe;
                   outline:none
 }

.searchfooter select { width:4.77em;
                       background-image: url(site/datafields/datafieldGradient.gif);background-repeat: repeat-x;                             
                       background-color:#ffffff;
                       border: solid 1px #bebebe;
                       outline:none
 }

.mask {  background-color: #000000; opacity:0.5; filter:alpha(opacity=50) }

.footer { margin:0 }

.box { float:right;
       background-image: url(site/arrow/down.gif); background-position: center center; background-repeat: no-repeat; background-color: #c1c1c1;
       border: solid 1px #bebebe;
       font-size:100%;
       height:1.33em;
       width:1.38em;
       margin:1px;
       }

#querypane { background-image: url(site/nav/searchBg.gif);background-repeat: repeat-x; background-color: #cde3fa; }
#lightboxpane { background-image: url(site/nav/lightboxBg.gif);background-repeat: repeat-x; background-color: #cde3fa;background-position:top }
#bottomnavpane { background-image:url(site/nav/footer.gif);background-repeat:repeat-x;background-position:top;background-color: #cfe3fb; }
#topnavpane { background-image:url(site/nav/header_fastrakBg.gif);background-repeat:repeat-x;background-position:top;background-color: #cfe3fb; }

.pane { margin:0.6em }

.frontpage .pane { width:427px;height:319px;float:left;margin:0}
.frontpage .bar  { margin:6px}
.border { border: 1px solid #bebebe; padding:0.6em;*padding:10px }
.frontpage { background-color:#fbfbfb; text-align:center }
#container { margin-left: auto; margin-right: auto; width: 930px; text-align: left; }

.dropshadow { float:left;margin:0; background-image:url(homepage/frame.jpg);background-repeat: no-repeat; background-position: center center);padding:6px }

.dropshadow img { border: 1px solid #bebebe }

.imageresult { float:left;padding:0.3em }
.imageresult .thumbnail { width:170px;height:170px;background-position:50% 25%;background-repeat:no-repeat }
.imageresult .querythumb { width:160px;height:160px;background-position:50% 25%;background-repeat:no-repeat;border: 5px solid #00a1d4 }
.imageresult .buttons { width:170px }


.lightboxpreview .thumbnail { width:75px;height:75px;border:solid 1px black;float:left;margin: 0.6em 0 0 0.6em;background-position:center center }

.searchfooter { border: 1px solid #bebebe;background-image:url(site/nav/footer.gif);background-repeat:repeat-x;background-position:top;background-color:#cde3fa }

.fnthdr { font-size:182%;color:#00a1d4;font-weight:bold }
.fntpanehdr { font-size:167%;color:#00a1d4;font-weight:bold  }
.fntpaneh2 { font-size:116%;color:#00a1d4;font-weight:bold  }
.fntbutton { font-size:85%; color:#ffffff; font-weight:bold }
.fntform { font-size:85%; color:#888888;font-weight:bold }
.fntred { font-size:85%; color:#FF0000;font-weight:bold }
.fntadvform { font-size:100%; color:#00a1d4;font-weight:bold }
.fntadvform a { color:#00a1d4; text-decoration:none }
.fntadvform a:hover { color:#00a1d4; text-decoration:underline }
.fntselector a { font-size:75%; }
.fntpaneformlabel { font-size:85%; color:#00a1d4 }
.fntpaneformlabel a { color:#00a1d4; text-decoration:none }
.fntpaneformlabel a:hover { color:#00a1d4; text-decoration:underline }
.fntlbv { font-size:93%;color:#00a1d4;font-weight:bold }
.fntlbvref { font-size:93%;color:#333333 }
.fntftr { font-size:85%;color:#666666;font-weight:bold }
.fntftr a { color:#666666;font-weight:bold; text-decoration:none }
.fntftr a:hover { color:#666666;font-weight:bold; text-decoration:underline }
.fntcopyright { font-size:85%;color:#666666 }
.fntresultsnav { font-size:85%;color:#000000 }
.fnttopnav { font-size:93%; color:#00a1d4  }
.fnttopnav a { color:#00a1d4; text-decoration:none }
.fnttopnav a:hover { color:#00a1d4; text-decoration:underline }

.topnav { border: 1px solid #bebebe;background-image:url(site/nav/header_fastrakBg.gif);background-repeat:repeat-x;background-position:top;background-color: #cfe3fb }

.rightbutton { float:right; padding:0.384em }
.leftbutton { float:left; padding:0.384em; }

.last { background:none }

.lightboxpreview { background-color:#ffffff;background-image: url(site/datafields/datafieldGradient.gif);background-repeat: repeat-x; background-position:top;border: 1px solid #bebebe }

.center { margin-left:auto; margin-right:auto;  }

.showcaseimg { margin:0.384em; float:left; width: 150px;height:150px; background-position:bottom center; background-repeat:no-repeat }
.affiliateimg { margin:0.384em; float:left; width: 150px;height:150px; background-position:center center; background-repeat:no-repeat }
.affiliatelogo { margin:0em; float:left;}

.scroll { overflow:auto; }


/* shrink the spacing between the left and right pane */
.yui-t3 #yui-main .yui-b { margin-left:23em; }
.yui-t3 .yui-b { width:23.5em }
.yui-t3 #bd #yui-main { margin-left:-23.5em }


/* these are overrides to undo the sam skin on the dialog.  Applying the skin seems to be necessary to get the positioning to work */
.yui-skin-sam .yui-button button, .yui-skin-sam .yui-button a {  font-size: 85%; color:#ffffff; padding:0.5em; }
.yui-skin-sam .yui-button { background:none; border:none }
.yui-skin-sam .yui-panel .bd, .yui-skin-sam .yui-panel .ft { background:none;border:none }