From: "Saved by Internet Explorer 11" Subject: PCB Design Layout Rules Date: Thu, 20 Aug 2015 14:47:27 -0700 MIME-Version: 1.0 Content-Type: multipart/related; type="text/html"; boundary="----=_NextPart_000_0000_01D0DB57.22142E50" X-MimeOLE: Produced By Microsoft MimeOLE V6.1.7601.17609 This is a multi-part message in MIME format. ------=_NextPart_000_0000_01D0DB57.22142E50 Content-Type: text/html; charset="utf-8" Content-Transfer-Encoding: quoted-printable Content-Location: http://www.electronics-project-design.com/PCB-Design.html =EF=BB=BF PCB=20 Design Layout Rules =20 =20 =20 =20 =20 =20 =20 =20 =20 =20 =20 =20 = =20 =20
=20
=
=20

PCB Design Layout Rules = Recommendation

=20


In the PCB design of electronics circuit, it is important that one = plan and=20 has a checklist of the do's and don'ts before proceeding to do the = printed=20 circuit board layout. The understanding of the circuit is critical to = the=20 design, for example one needs to understand the maximum current and = voltage that=20 are carried by each conductor in order to determine the track width of = the=20 conductor and the type of PCB that will be used.

=20
=20

=20

The voltage difference between each track will determine the = clearance=20 between each conductor. If the clearance is not enough, chances are that = the=20 electrical potential between each track will cause spark over and short = circuit=20 the PCB.

This will cause functional failure to the product and the safety of = the users=20 that are using the product will be compromised. It is therefore critical = for one=20 to understand some of this basics requirements before one proceed to = design the=20 PCB.



Tracks=20 Restricted Area 

Tracks should not be located on the areas that can caused them to be = peeled=20 off easily. One of the restricted area is holes on the PCB which are = used to=20 mount screws or PCB spacers. These holes are usually used to secure the = PCB to a=20 casing or to secure it in a fixed place.

The edges of the PCB should not have any tracks as these areas are = usually=20 used to transport the PCB from one process to another process by using a = conveyor belt. These edges are places where the possibility of scratches = and=20 cracking of the PCB happens. The recommended areas that should not have = any=20 track is as shown in the diagram below assuming a hole diameter of 4 mm = which is=20 used to mount a PCB spacer.

3D"PCB

Conductor = Thickness=20 and Width 

The PCB conductor thickness and width will determine the current = carrying=20 capacity of the track. The IPC standard for the conductor thickness and = width of=20 the common 1 oz/square-feet PCB is as shown below. However, it is always = advisable to use a bigger value due to the tolerance and variation of = the PCB=20 processes. If higher current carrying capacity is required, a 2 = oz/square-feet=20 or 3 oz/square-feet type of PCB is preferred. Many electronics hobbyist = prefer=20 to solder a thick cooper conductor on the PCB track to increase the = current=20 carrying capacity of the track. 


PCB = Design=20 Electrical Clearance 

Many safety standards call for a minimum of 8mm clearance between 40V = mains=20 and other isolated signal tracks. These safety standards are to ensure = that the=20 users that are using the products will be protected from any electrical=20 hazards.

For non main voltages, IPC recommend the electrical clearance between = adjacent tracks. It is important to know the maximum difference in = voltage that=20 are applied on the adjacent tracks of a PCB. The electrical clearance = specs of=20 IPC standard is as shown below for various condition of the PCB.

Coating the PCB will help to reduce the requirements of the track = clearance.=20 However, the quality of the coating as well as the material used are = critical to=20 ensure that these requirements are met. Again, it is always advisable to = increase the clearance to cater for the variations of the PCB = processes.









Back=20 To PCB Design Home Page 


= =20

=20 =20

New! Comments

Have your say = about=20 what you just read! Leave us a comment in the box below.
=20 =20 =20
=
=20 =20
=20

=20


=20


Two=20 Way Light Switch

Learn how a 2W=20 light switch is wired. Simple but fascinating. Check=20 out here.


PCB=20 Prototypes

Make your own=20 printed circuit board and learn the processes involved along the way. More=20 here.


Free=20 Magazines

Apply and get=20 your own digital copies of free engineering  magazines here.


=20
=20
[?]Subscribe=20 To This Site
  • 3D"XML =20
  • 3D"follow
  • 3D"Add
  • 3D"Add
  • 3D"Subscribe
=20
=20
=20 =20
= =20


Digital=20 Dice 
Project

Explore the use of 7-Segment Display, = 555 Timer,=20 Decade Counter and Binary Adder. Get the ci= rcuit.

Battery=20 Tester 
Project

Design and build a battery tester to = test dry=20 cell and rechargeable battery with a voltage of less than 2V.=20 Check = here


Door=20 Bell

Construct this simple door bell chime = and have=20 fun. Find out more = here



Electronic=20 Kits

If you are looking for electronic kits, = electronic gadgets or robotic kits, get them here


Home Alarm 
Project

Build this simple home alarm to protect = your=20 house from intruders. See the sche= matic=20 circuit

=20
=20
=20

Pr= ivacy=20 Policy     Contact=20 Us     Discla= imer=20     N= ewsletter=20     Other=20 Resources

=20

3D"Page=20
=20 = =20
=20 ------=_NextPart_000_0000_01D0DB57.22142E50 Content-Type: image/png Content-Transfer-Encoding: base64 Content-Location: http://www.electronics-project-design.com/images/392xNxPCBRestrictedArea.gif.pagespeed.ic.q4Sl6JtLUS.png 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 Zx04LogsK9O/EOJM0mejo946IYqn67bTfQ1MxAHED7URRBqI270mopJxBFHJyPrUx19dmZ5zTRfL JfXK9EBcK5fkK9MDEVXoz69MD0QMRIaV6YGIq4YeX5keiLsQiVamB+ImRKqV6VuBuDs2eHxleiDi IR5dmR4IAgggCCCAIIAAggACCIrgvRA5VqYHIm6Xj69MD0T8IfHoyvRARDk8vzI9EFEOz69MD8QF iLdn1Ffda3p6ZXogCCCAIIAAggACCAIIICgCIAgggCCAAIIAAggCCCAIIIAggACCAAIIAgggCCCA IIAAggCCAAIIAgggCCCAIIAAggACCAIIIBJ8cGj9Omlz69DeIl6qeg6Kkn/afrlocw2qje218QYB kR0itFLX1+91zxhVHiKw9NB8kSJbTsH/WbVI+qxEtLGS0TfE5lyDxefOqQHCdpYeWq1psLGaxNa0 ULtL4sxXjlrPNVh+OqlKIDaXHlosP/GZkW5WvBtTB+4ugC1tv2E8jqia9pceWlZNizkCV+uAfEF8 rRPyBbGca5CqKbz0kLaqpk8fKHREfD/WavZNs4pWMKoQ4pk2YkVc3QpG9VRNG0sPrXpN8zpkNYnp 6rmNXtPGsTb/4KarJgIIIAgggCCAAIIAAggCCCAIIIAggACCAAIIAgggCCCAIIAggACCAAII4ij+ AG7XTtikeSOVAAAAAElFTkSuQmCC ------=_NextPart_000_0000_01D0DB57.22142E50 Content-Type: image/gif Content-Transfer-Encoding: base64 Content-Location: http://banners.copyscape.com/images/cs-bl-3d-234x16.gif R0lGODlh6gAQAPcAAA4NEBwbICkoMCkoLzY1P19ecERDUL6836Ohv1JRYFFQX1NSYG5tf2FgcN7c /3Bvf2Jhb+7t/8TC/sG/+rq48bSy6b688sfF/L688M3L/8jG+c/N/tHP/8rI98nH9sXD8MTC79XT /8zK89nX/6Khv4eGn2xrf2Vkd7Cvz5WUr3p5j9HP9KWkv5ybtZeWr7Oyz9HQ78PC37W0z6emv5mY r4uKn+Df/9jX9tbV9NLR78TD37a1z6inv5qZr4yLn+Hg/9nY9uTj/+bl/+jn/+rp/+vq/+zr/0NC uURDuVBPv1JRv1NSv15dxl9exmFgxmtqzG1szHBvzH180n590oWE2YeG2YuK2YyL2ZKR35WU35eW 35mY36Ce5aCf5aKh5aOh5aWk5a2r7Kem5a2s7Kin5bOy7Lq58rW07La17LKx5r288sHA9bu67cLB 9bi36MjH+cPC8sTD8s/O/szL+svK+cLB7c7N+dXU/9LR+9HQ+czL88nI8NLR+djX/72839nY/8vK 79rZ/9DP9M7N8dva/9zb/87N797d/9XU9d/e/wAAmQ0Nnw4Nnw4OnxsaphsbphwbphwcpigorCko rCkprCoqrDU1szY2szc3szg4s0NDuUVFuUZGuVBQv1FRv1RUv2JixmxszG5uzHBwzHl50nt70omJ 2ZSU36+v7MDA8srK+dHR+9bW/8nJ8BoaH1FRYFBQXzY2QDU1PxsbIMrK76+vz5SUr3l5j9XV+0ND TygoLykpMDc3QDY2P9nZ/MDA34mJn3t7j1JSX0VFUN3d/9LS8w0ND97e/xsbH9zc/G9vf2JicGFh b1RUYFNTX0ZGUEVFTzg4QDc3PyoqMCkpLxwcIA4OEN3d/OHh/9fX9OLi/+Pj/+Tk/+bm/+jo/+np /+rq/+3t/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAA6gAQAAAI/wCJDPlR qKDBgwgTKlzIsKHDhxAjQnRwKJHFixgzatzIsaPHjyBDirz4J4OEIt+0SVzJsqXLlzBjypxJc+Gd C22GCCHGqqfPn0CDCh1KtKjRo0iTKl3KtKnTp003ePgwJAihO1izat3KtavXr2DDir3zptMiRY+e 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 OM6xjnfM4x77+MdADnJAAAA7 ------=_NextPart_000_0000_01D0DB57.22142E50 Content-Type: text/css; charset="iso-8859-1" Content-Transfer-Encoding: quoted-printable Content-Location: http://www.electronics-project-design.com/sd/support-files/style.css @font-face { font-family: AvantGardeRegular; src: url(/css_webfonts/avantgarde-webfont.eot?iefix) format("eot"), = url(/css_webfonts/avantgarde-webfont.woff) format("woff"), = url(/css_webfonts/avantgarde-webfont.ttf) format("truetype"), = url(/css_webfonts/avantgarde-webfont.svg#webfontILwWK1qr) format("svg"); font-weight: normal; font-style: normal; } body { background: rgb(255, 255, 255); margin: 0px; padding: 0px; color: = rgb(0, 0, 0); line-height: 1.5; font-family: Verdana, Geneva, = sans-serif; font-size: 75%; } h1 { font-weight: bold; } h2 { font-weight: bold; } h3 { font-weight: bold; } h4 { font-weight: bold; } h5 { font-weight: bold; } h6 { font-weight: bold; } h1 { margin: 1em 0px 0.5em; } h2 { margin: 1em 0px 0.5em; } h3 { margin: 1em 0px 0.5em; } h4 { margin: 1em 0px 0.5em; } h5 { margin: 1em 0px 0.5em; } h6 { margin: 1em 0px 0.5em; } h1 { font-size: 200%; } h2 { font-size: 150%; } h3 { font-size: 125%; } h4 { font-size: 100%; } blockquote { margin: 12px 50px; font-size: 115%; font-style: italic; } code { color: navy; } img { border: 0px currentColor; border-image: none; } p { margin: 1em 0px; } a { color: rgb(0, 0, 238); } a:visited { color: rgb(85, 25, 154); } a:active { color: rgb(238, 0, 0); } a img { border: 0px currentColor; border-image: none; } hr { border-style: solid; width: 75%; } #PageWrapper { margin: 0px auto; width: 1000px; } #Header { width: 1000px; } #Header .Liner { padding: 1px 0px; position: relative; min-height: 198px; _height: = 198px; } #ContentWrapper { width: 600px; padding-right: 200px; padding-left: 200px; float: left; } #ContentColumn { width: 600px; } #NavColumn { width: 200px; margin-left: -1000px; float: left; } #ExtraColumn { width: 200px; margin-left: -200px; float: left; } #Footer { width: 1000px; clear: both; } .Liner { padding: 10px; } #Header .Liner { background: url("../image-files/header-image.gif") no-repeat; } #Footer .Liner { text-align: center; } #PageWrapper .Navigation h3 { margin: 15px 0px 7.5px; border: 0px currentColor; border-image: none; = text-align: left; color: rgb(0, 0, 0); font-family: Verdana, Geneva, = sans-serif; font-size: 15px; font-weight: bold; background-color: = transparent; } .Navigation ul { margin: 0px; padding: 0px; list-style-type: none; } .Navigation li { margin: 0px 0px 2px; padding: 0px; } #PageWrapper div.Navigation a { padding: 5px; text-decoration: none; display: block; _zoom: 1; } .Navigation a { padding: 5px; text-decoration: none; display: block; _zoom: 1; } table#PageWrapper .Navigation { min-width: 180px; _width: 180px; } .ThumbnailLink { text-align: center; } #Header .ExtraNav { top: 0px; text-align: right; right: 0px; position: absolute; } #Footer .ExtraNav { margin: 12px auto; } .ExtraNav ul { margin: 0px; padding: 0px; list-style-type: none; } .ExtraNav ul li { display: inline; } #PageWrapper .CalloutBox p { color: rgb(0, 0, 0); font-family: Verdana, Geneva, sans-serif; = font-size: 11px; font-variant: normal; } .CalloutBox { background: rgb(204, 204, 204); margin: 1em auto; padding: 0.3em; = width: 85%; } .CalloutBox p { margin: 0px; padding: 0.5em; font-size: 95%; } #PageWrapper .ReminderBox h4 { background: none; margin: 0px; border: 0px currentColor; border-image: = none; text-align: center; color: rgb(0, 0, 0); font-family: Verdana, = Geneva, sans-serif; font-size: 12px; font-style: normal; font-variant: = normal; font-weight: bold; } #PageWrapper .ReminderBox p { color: rgb(0, 0, 0); font-family: Verdana, Geneva, sans-serif; = font-size: 12px; font-variant: normal; } .ReminderBox { background: rgb(204, 204, 204); margin: 1em 0px 1em 1em; padding: = 0.3em; width: 35%; float: right; } .ReminderBox h4 { margin: 0px; padding: 0.5em; text-align: center; } .ReminderBox p { margin: 0px; padding: 0.5em; } .AdSenseBoxLeft { margin: 0px 18px 12px; float: left; } .AdSenseBoxRight { margin: 0px 18px 12px; float: right; } .AdSenseResponsiveBox { width: 50%; } .AdSenseBoxCenter { text-align: center; clear: both; } .AdSenseBoxCenter468 { margin: 0px auto 12px; width: 468px; clear: both; } .AdSenseBoxExtraColumn { margin: 0px auto 12px; padding: 0px; clear: both; } .ReturnToNavBox { margin: 40px auto 0px; padding: 0px 2px; } .formBarGraphBar { border: 0px currentColor; border-image: none; background-color: rgb(0, = 0, 153); } #PageWrapper .WhatsNew h2 { background: rgb(204, 204, 204); border: 0px currentColor; border-image: = none; color: rgb(0, 0, 0); font-family: Verdana, Geneva, sans-serif; = font-style: normal; font-variant: normal; font-weight: bold; } #PageWrapper .WhatsNew h3 { background: none; margin: 15px 0px 0px; padding: 0px; border: 0px = currentColor; border-image: none; text-align: left; font-family: = Verdana, Geneva, sans-serif; font-size: 15px; font-style: normal; = font-variant: normal; font-weight: bold; } .WhatsNew { margin: 1em 0px; border: 1px solid rgb(204, 204, 204); border-image: = none; position: relative; } #PageWrapper .WhatsNew img { border: 0px currentColor; border-image: none; height: auto; max-width: = 100%; } #PageWrapper .WhatsNew h2 { background: rgb(204, 204, 204); margin: 0px; padding: 0.3em 24px 0.3em = 4px; text-align: center; line-height: 1.2; font-size: 125%; = _padding-right: 4px; } #PageWrapper .WhatsNew ol { background: none; list-style: none; margin: 0px; padding: 0px; } #PageWrapper .WhatsNew ul { background: none; list-style: none; margin: 0px; padding: 0px; } #PageWrapper .WhatsNew li { background: none; list-style: none; margin: 0px; padding: 0px; } #PageWrapper .WhatsNew ol { margin: 0px 10px; overflow: hidden; } #PageWrapper .WhatsNew ol li { padding-bottom: 1px; margin-top: -1px; border-top-color: rgb(204, 204, = 204); border-top-width: 1px; border-top-style: solid; display: block; } #PageWrapper .WhatsNew h3 { line-height: 1.2; font-size: 125%; margin-bottom: 0px; } .WhatsNew-time { color: rgb(136, 136, 136); font-size: 75%; margin-top: 0.5em; } .WhatsNew-more { margin: 1em 0px; text-align: right; } .WhatsNew-subscribe { top: 0px; text-align: right; right: 0px; position: absolute; z-index: = 2; _display: none; } .WhatsNew-icon { padding: 4px 4px 2px; } #PageWrapper .WhatsNew-subscribe ul { background: rgb(204, 204, 204); padding: 2px 4px; display: none; } #PageWrapper .WhatsNew-subscribe ul li { display: block; background-image: none; } #PageWrapper .WhatsNew-subscribe:hover ul { display: block; } #PageWrapper .WhatsNew-subscribe ul img { padding: 2px 0px; display: block; } .mobile #PageWrapper .WhatsNew h2 { padding-right: 4px; } .mobile .WhatsNew-subscribe { position: static; } .mobile .WhatsNew-icon { display: none; } .mobile #PageWrapper .WhatsNew-subscribe ul { text-align: center; display: block; } .mobile #PageWrapper .WhatsNew-subscribe ul img { display: inline-block; } .WhatsNewLeft { margin-right: 0.5em; float: left; } .WhatsNewRight { margin-left: 0.5em; float: right; } .WhatsNewCenter { margin-right: auto; margin-left: auto; } .blogItItem { margin: 18px 0px; border-bottom-color: rgb(204, 204, 204); = border-bottom-width: 1px; border-bottom-style: solid; } .RSSbox { padding: 0.2em 0px 1em; text-align: center; font-weight: bold; = margin-top: 8px; margin-bottom: 8px; } .RSSbox img { padding: 1px 0px; } .RSSbox ul { margin: 0px; padding: 0px; } .RSSbox ul li { margin: 0px; padding: 0px; } .RSSbox ul { clear: both; list-style-type: none; } .RSSbox ul li { text-align: center; } .RSSbox ul li img { padding: 1px 0px; border: 0px currentColor; border-image: none; } .Ezine2 { margin: 1em 0px; padding: 0.5em; border: 1px solid rgb(238, 238, 238); = border-image: none; } .EzineRow { padding: 0.5em 0px; max-width: 100%; box-sizing: border-box; } .EzineVertical label { display: block; } .EzineHorizontal .EzineRow { display: inline-block; } .EzineHorizontal label { display: inline-block; } .Ezine2 label { vertical-align: middle; max-width: 100%; box-sizing: border-box; } .Ezine2 input[type=3D'text'] { vertical-align: middle; max-width: 100%; box-sizing: border-box; } .Ezine2 input[type=3D'email'] { vertical-align: middle; max-width: 100%; box-sizing: border-box; } .EzineButton { vertical-align: middle; max-width: 100%; box-sizing: border-box; } .EzineLeft { text-align: left; } .EzineCenter { text-align: center; } .EzineRight { text-align: right; } .Ezine { background: rgb(255, 255, 255); padding: 4px; border: 1px solid = rgb(102, 102, 102); border-image: none; margin-top: 8px; margin-bottom: = 8px; } .Ezine table { width: 100%; } .Ezine td { width: 50%; text-align: center; vertical-align: top; } .Ezine .EzineInputAbove { width: 100%; } .EzineInput input { width: 90%; max-width: 350px; } td.EzineLabel { text-align: right; font-weight: bold; } td.EzineLabelAbove { text-align: center; } .EzineDescription { text-align: center; } .EzineDescription small { font-size: 90%; } .Clear { clear: both; } a .Caption { color: inherit; } .CaptionLeft { text-align: left !important; } .CaptionCenter { text-align: center !important; margin-right: auto; margin-left: auto; } .CaptionRight { text-align: right !important; } .Caption { font-size: 85%; font-weight: bold; margin-bottom: 10px; display: block; } hr { clear: both; } #PageWrapper .ImageBlockCenter { margin: 1em 0px; } .ItemRight { margin: 2px 0px 12px 18px; text-align: center; float: right; } .ItemCenter { margin: 2px auto 12px; text-align: center; clear: both; } .ItemLeft { margin: 2px 18px 12px 0px; text-align: center; float: left; } .grid_block { border-collapse: collapse; table-layout: fixed; } .grid_block td { padding: 0px; } div#PageWrapper img { max-width: none; } table#PageWrapper img { max-width: none; } #PageWrapper .ImageBlock img { max-width: 100%; } #PageWrapper .ImageBlock .Caption { max-width: 100%; } .ImageBlock img { margin: 0px; } #PageWrapper .ImageBlock { overflow: hidden; max-width: 100%; } #PageWrapper .ImageBlockLeft { text-align: center; float: left; } #PageWrapper .ImageBlockLeft img { margin-right: 5px; } #PageWrapper .ImageBlockLeft .Caption { margin-right: 5px; } #PageWrapper .ImageBlockRight { text-align: center; float: right; } #PageWrapper .ImageBlockRight img { margin-left: 5px; } #PageWrapper .ImageBlockRight .Caption { margin-left: 5px; } #PageWrapper .ImageBlockCenter { text-align: center; } #PageWrapper .ImageBlockCenter .Caption { margin-right: auto; margin-left: auto; } #PageWrapper .noalignment { float: left; max-width: 100%; } #PageWrapper .pinit { text-align: center; } #PageWrapper .FormBlockLeft .formwrapper { margin-right: 5px; float: left; } #PageWrapper .FormBlockRight .formwrapper { margin-left: 5px; float: right; } #PageWrapper .FormBlockCenter .formwrapper { margin-right: auto; margin-left: auto; } .mobile .responsive-row img { max-width: 100% !important; box-sizing: border-box; } .bb1mobile .responsive-row img { max-width: 100% !important; box-sizing: border-box; } @media only screen and (max-width:768px) { .responsive-row img { max-width: 100% !important; box-sizing: border-box; } } .responsive-row { overflow: hidden; } div[class*=3D'responsive_grid_block-'] { overflow: hidden; } div[class*=3D'responsive_col-'] { float: left; min-height: 1px; box-sizing: border-box; } .responsive_grid_block-12 div[class*=3D'responsive_col-'] { width: 8.33%; } .responsive_grid_block-11 div[class*=3D'responsive_col-'] { width: 9.09%; } .responsive_grid_block-10 div[class*=3D'responsive_col-'] { width: 10%; } .responsive_grid_block-9 div[class*=3D'responsive_col-'] { width: 11.11%; } .responsive_grid_block-8 div[class*=3D'responsive_col-'] { width: 12.5%; } .responsive_grid_block-7 div[class*=3D'responsive_col-'] { width: 14.28%; } .responsive_grid_block-6 div[class*=3D'responsive_col-'] { width: 16.66%; } .responsive_grid_block-5 div[class*=3D'responsive_col-'] { width: 20%; } .responsive_grid_block-4 div[class*=3D'responsive_col-'] { width: 25%; } .responsive_grid_block-3 div[class*=3D'responsive_col-'] { width: 33.33%; } .responsive_grid_block-2 div[class*=3D'responsive_col-'] { width: 50%; } @media only screen and (max-width:768px) { .responsive_grid_block-12 div[class*=3D'responsive_col-'] { width: 16.66%; } .responsive_grid_block-12 > .responsive-row > .responsive_col-7 { clear: left; } .responsive_grid_block-10 div[class*=3D'responsive_col-'] { width: 20%; } .responsive_grid_block-10 > .responsive-row > .responsive_col-6 { clear: left; } .responsive_grid_block-9 div[class*=3D'responsive_col-'] { width: 33.33%; } .responsive_grid_block-9 > .responsive-row > .responsive_col-4 { clear: left; } .responsive_grid_block-9 > .responsive-row > .responsive_col-7 { clear: left; } .responsive_grid_block-8 div[class*=3D'responsive_col-'] { width: 25%; } .responsive_grid_block-8 > .responsive-row > .responsive_col-5 { clear: left; } .responsive_grid_block-6 div[class*=3D'responsive_col-'] { width: 33.33%; } .responsive_grid_block-6 > .responsive-row > .responsive_col-4 { clear: left; } .responsive_grid_block-4 div[class*=3D'responsive_col-'] { width: 50%; } .responsive_grid_block-4 > .responsive-row > .responsive_col-3 { clear: left; } } @media only screen and (max-width:447px) { .responsive_grid_block-12 div[class*=3D'responsive_col-'] { width: 25%; } .responsive_grid_block-12 > .responsive-row > .responsive_col-5 { clear: left; } .responsive_grid_block-12 > .responsive-row > .responsive_col-9 { clear: left; } .responsive_grid_block-12 > .responsive-row > .responsive_col-7 { clear: none; } .responsive_grid_block-8 div[class*=3D'responsive_col-'] { width: 50%; } .responsive_grid_block-6 div[class*=3D'responsive_col-'] { width: 50%; } .responsive_grid_block-8 > .responsive-row .responsive_col-3 { clear: left; } .responsive_grid_block-8 > .responsive-row .responsive_col-5 { clear: left; } .responsive_grid_block-8 > .responsive-row .responsive_col-7 { clear: left; } .responsive_grid_block-6 > .responsive-row > .responsive_col-3 { clear: left; } .responsive_grid_block-6 > .responsive-row > .responsive_col-5 { clear: left; } .responsive_grid_block-6 > .responsive-row > .responsive_col-4 { clear: none; } .responsive_grid_block-11 div[class*=3D'responsive_col-'] { width: 100%; } .responsive_grid_block-10 div[class*=3D'responsive_col-'] { width: 100%; } .responsive_grid_block-7 div[class*=3D'responsive_col-'] { width: 100%; } .responsive_grid_block-5 div[class*=3D'responsive_col-'] { width: 100%; } .responsive_grid_block-4 div[class*=3D'responsive_col-'] { width: 100%; } .responsive_grid_block-3 div[class*=3D'responsive_col-'] { width: 100%; } .responsive_grid_block-2 div[class*=3D'responsive_col-'] { width: 100%; } } .video-container { height: 0px; overflow: hidden; padding-top: 30px; padding-bottom: = 56.25%; position: relative; } .video-container iframe { left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; } .video-container object { left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; } .video-container embed { left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; } #PageWrapper .fb-like { text-align: center; margin-top: 10px; margin-bottom: 10px; display: = block; } #PageWrapper .fb-comments { text-align: center; margin-top: 10px; margin-bottom: 10px; display: = block; } #PageWrapper .formbody td { padding: 2px; } #NavColumn .formbody input[type=3D'text'] { max-width: 172px; } #NavColumn .formbody textarea { max-width: 172px; } #NavColumn .formbody img { max-width: 172px; } #NavColumn .formbody img.captcha_img { margin-bottom: 10px; } #notificationOptions { list-style-type: none; } #notificationOptions li { list-style-type: none; } .socializeIt { margin-top: 12px; margin-bottom: 12px; } .formbody { margin-top: 12px; margin-bottom: 12px; } .c2_invitation { margin-top: 12px; margin-bottom: 12px; } .googlePlusOne { margin-top: 8px; margin-bottom: 8px; } .with_images .othervisitors p { margin-left: 56px; } .thumb_container { width: 50px; height: 50px; overflow: hidden; margin-top: 3px; float: = left; } .with_images .othervisitors .submission_thumbnail { width: 100%; } .othervisitors { clear: both; } .othervisitors img { border: 0px currentColor; border-image: none; } .TOC dt { font-weight: bold; } .TOC dd { margin-bottom: 20px; } table#PageWrapper { border-collapse: collapse; } td#Header { vertical-align: top; } td#Footer { vertical-align: top; } td#NavColumn { vertical-align: top; } td#ContentWrapper { vertical-align: top; } td#ContentColumn { vertical-align: top; } td#ExtraColumn { vertical-align: top; } td#ContentColumn { float: none; } td#ExtraColumn { float: none; } td#NavColumn { float: none; } @media only screen and (max-device-width:480px) { html { -webkit-text-size-adjust: none; } } html.landscape #ContentColumn { line-height: 1.3; font-size: 125%; } html.mobile .desktopOnly { display: none; } .mobileOnly { display: none; } html.mobile .mobileOnly { display: block; } html.mobile form > table { width: auto !important; max-width: 100% !important; box-sizing: = border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } html.mobile #edit textarea { width: 100% !important; } html.mobile .InvShelpbox { left: 0px !important; width: 100% !important; } html.mobile #NotifyDiv input[type=3D'text'] { width: 90% !important; } html.mobile .formbody input[type=3D'text'] { width: 90% !important; } html.mobile .comments input[type=3D'text'] { width: 90% !important; } html.mobile #NotifyDiv textarea { width: 90% !important; } html.mobile .formbody textarea { width: 90% !important; } html.mobile .comments textarea { width: 90% !important; } html.mobile #NotifyDiv select { width: 90% !important; } html.mobile .formbody select { width: 90% !important; } html.mobile .comments select { width: 90% !important; } html.mobile #pendingSubmission table { width: 100%; } html.mobile #PageWrapper img { height: auto; max-width: 100%; box-sizing: border-box; -moz-box-sizing: = border-box; -webkit-box-sizing: border-box; } html.mobile iframe { max-width: 100%; } #toolbar { display: none; } #toolbar { background: rgb(0, 0, 0); padding: 4px 2px; left: 0px; top: 0px; width: = 100%; height: auto; text-align: center; display: block; position: fixed; = z-index: 1000; box-sizing: border-box; -moz-box-sizing: border-box; = -webkit-box-sizing: border-box; } html.mobile #toolbar { padding: 0px; display: table; } html.mobile #toolbarInnerWrapper { height: 35px; vertical-align: middle; display: table-cell; } html.mobile #toolbar button { padding: 0.3em; width: 47.5%; font-size: 12px; } html.android2 #toolbar button { background: rgb(247, 247, 247); border-radius: 0.5em; border: 1px solid = rgb(47, 66, 85); border-image: none; } html.fullView #mobileBtn { width: 97%; } html.mobile #toTopBtn { width: 64.1%; } html.mobile #navBtn { width: 64.1%; } html.mobile #fullBtn { width: 31.1%; margin-right: 4px; } html.mobile #fullBtn { display: inline-block; } html.mobile #navBtn { display: inline-block; } #fullBtn { display: none; } #navBtn { display: none; } #toTopBtn { display: none; } html.mobile #mobileBtn { display: none; } .iosbtnfix { height: 1000px; overflow: hidden; } .phantomHeaderImage { left: -9999px; top: -9999px; position: absolute; } html.mobile { height: 100%; } html.mobile body { height: 100%; } html.mobile #PageWrapper { width: 100%; text-align: center; overflow: hidden; margin-top: 35px; = box-sizing: border-box; background-size: 100%; -moz-box-sizing: = border-box; -webkit-box-sizing: border-box; -webkit-overflow-scrolling: = touch; } html.fullView #PageWrapper { margin-top: 65px; } html.mobile #Header { width: 100%; } html.mobile #Footer { width: 100%; } html.mobile #Header .Liner { background-size: 100%; } html.mobile #ContentWrapper { padding: 0px; width: auto; float: none; } html.mobile #ContentColumn { width: auto; } html.mobile #ContentColumn { margin: 0px; float: none; } html.mobile #NavColumn { margin: 0px; float: none; } html.mobile #ExtraColumn { margin: 0px; float: none; } html.mobile #NavColumn { margin-top: 200px; } html.mobile #ExtraColumn { margin-top: 200px; } html.mobile #ContentColumn { text-align: left; } html.mobile #Header { text-align: left; } html.mobile #NavColumn { text-align: left; } html.mobile #ExtraColumn { text-align: left; } html.mobile #NavColumn { overflow: hidden; vertical-align: top; display: inline-block; } html.mobile #ExtraColumn { overflow: hidden; vertical-align: top; display: inline-block; } html.mobile #Footer { left: 0px; top: 10000px; overflow: hidden; position: absolute; } @media only screen and (max-width:550px) { html.mobile .socializeIt { width: 100% !important; } html.mobile .socializeIt img { width: 100% !important; } html.mobile .socializeIt textarea { width: 100% !important; } html.mobile .socializeIt-2 > tbody > tr:first-child > td { width: 45%; } html.mobile .socializeIt-2 > tbody > tr:first-child > td:first-child { width: 10%; } } html.mobile blockquote { margin-right: 8%; margin-left: 8%; } html.mobile .ExtraNav { display: none !important; } @media only screen and (max-width:359px) { html.mobile #NavColumn { width: 155px; } html.mobile #ExtraColumn { width: 155px; } } @media only screen and (min-width:360px) { html.mobile #NavColumn { width: 170px; } html.mobile #ExtraColumn { width: 170px; } } @media only screen and (max-width:389px) { html.mobile #NavColumn * { max-width: 100%; background-size: 100%; } html.mobile #ExtraColumn * { max-width: 100%; background-size: 100%; } } @media only screen and (min-width:390px) { html.mobile #NavColumn { width: 190px; } html.mobile #ExtraColumn { width: 190px; } } html.mobile #ContentColumn .Liner { padding-right: 2%; padding-left: 2%; } html.mobile #NavColumn .Liner { padding: 20px 5px; } html.mobile #ExtraColumn .Liner { padding: 20px 5px; } html.mobile #Footer .Liner { padding: 2%; } html.mobile .CalloutBox { padding: 1%; } #PageWrapper div.HorizontalNavBar ul.root { margin: 0px auto; padding: 0px; line-height: 18px; font-size: 16px; = vertical-align: top; display: inline-block; } #PageWrapper div.HorizontalNavBar ul ul { background: rgb(255, 255, 255); margin: 0px 0px 0px -1px; padding: 0px; = left: 1px; top: 27px; width: 150px; display: none; position: absolute; = z-index: 2; } #PageWrapper div.HorizontalNavBar ul ul ul { margin: 0px 0px 0px -2px; left: 150px; top: 0px; _top: 1px; } #PageWrapper div.HorizontalNavBar li { list-style: none; margin: 0px; padding: 0px; border: 0px currentColor; = border-image: none; float: left; display: block; white-space: nowrap; = position: relative; } #PageWrapper div.HorizontalNavBar li.li1 { z-index: 1; } #PageWrapper div.HorizontalNavBar li.hover { z-index: 2; } #PageWrapper div.HorizontalNavBar li li { background: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); = border-image: none; margin-top: -1px; float: none; white-space: normal; } #PageWrapper div.HorizontalNavBar span.navheader { padding: 4px 8px; text-decoration: none; display: block; _float: left; } #PageWrapper div.HorizontalNavBar a { padding: 4px 8px; text-decoration: none; display: block; _float: left; } #PageWrapper div.HorizontalNavBar ul ul span.navheader { _float: none; } #PageWrapper div.HorizontalNavBar ul ul a { _float: none; } #PageWrapper div.HorizontalNavBar span.navheader { padding-left: 18px; position: relative; cursor: default; } #PageWrapper div.HorizontalNavBar ul ul span.navheader { padding-right: 18px; padding-left: 8px; } #PageWrapper div.HorizontalNavBar span.navheader ins { border-width: 6px 6px 0px; border-style: solid solid none; = border-color: rgb(255, 255, 255) rgb(255, 255, 255) currentColor; = border-image: none; left: 2px; top: 50%; width: 0px; height: 0px; = line-height: 0; margin-top: -2px; display: block; position: absolute; } #PageWrapper div.HorizontalNavBar ul ul span.navheader ins { left: auto; top: 50%; right: 2px; margin-top: -6px; = border-bottom-width: 6px; border-bottom-style: solid; } #PageWrapper div.HorizontalNavBar li.hover ul { display: block; } #PageWrapper div.HorizontalNavBarCSS li:hover ul { display: block; } #PageWrapper div.HorizontalNavBar li.hover li ul { display: none; } #PageWrapper div.HorizontalNavBarCSS li:hover li ul { display: none; } #PageWrapper div.HorizontalNavBar li li.hover ul { display: block; } #PageWrapper div.HorizontalNavBarCSS li li:hover ul { display: block; } #PageWrapper div.HorizontalNavBar li li.hover li ul { display: none; } #PageWrapper div.HorizontalNavBarCSS li li:hover li ul { display: none; } #PageWrapper div.HorizontalNavBar li li li.hover ul { display: block; } #PageWrapper div.HorizontalNavBarCSS li li li:hover ul { display: block; } #PageWrapper div.HorizontalNavBar li li li.hover li ul { display: none; } #PageWrapper div.HorizontalNavBarCSS li li li:hover li ul { display: none; } #PageWrapper div.HorizontalNavBar li li li li.hover ul { display: block; } #PageWrapper div.HorizontalNavBarCSS li li li li:hover ul { display: block; } #PageWrapper div.HorizontalNavBarWide ul.root { width: 100%; display: table; } #PageWrapper div.HorizontalNavBarWide li { text-align: center; float: none; display: table-cell; } #PageWrapper div.HorizontalNavBarWide li li { text-align: left; display: block; } #PageWrapper div.HorizontalNavBarLeft { text-align: left; } #PageWrapper div.HorizontalNavBarLeft li { text-align: left; } #PageWrapper div.HorizontalNavBarCenter { text-align: center; } #PageWrapper div.HorizontalNavBarCenter li { text-align: center; } #PageWrapper div.HorizontalNavBarRight { text-align: right; } #PageWrapper div.HorizontalNavBarRight li { text-align: right; } #PageWrapper div.HorizontalNavBarCenter li li { text-align: left; } #PageWrapper div.HorizontalNavBarRight li li { text-align: left; } html.mobile #PageWrapper div.HorizontalNavBar ul.root > li { z-index: 2; } html.mobile #PageWrapper div.HorizontalNavBar ul.root > li.hover { z-index: 3; } #Header .Liner { position: relative; } #Header .HorizontalNavBar { left: 0px; width: 100%; bottom: 2px; position: absolute; } html.mobile #Header .HorizontalNavBar { bottom: 2px; } #PageWrapper div.HorizontalNavBar ul.root { line-height: 16px; font-size: 13px; } #PageWrapper div.HorizontalNavBar ul ul { top: 25px; } #PageWrapper div.HorizontalNavBar li { background: none; border: 1px solid rgb(0, 0, 0); border-image: none; = margin-left: -1px; } #PageWrapper div.HorizontalNavBar li li { background: rgb(255, 255, 255); border-color: rgb(0, 0, 0); = margin-left: 0px; } #PageWrapper div.HorizontalNavBar span.navheader { background: rgb(255, 255, 255); color: rgb(0, 0, 238); font-weight: = normal; } #PageWrapper div.HorizontalNavBar a { background: rgb(255, 255, 255); color: rgb(0, 0, 238); font-weight: = normal; } #PageWrapper div.HorizontalNavBar a:visited { color: rgb(85, 25, 154); } #PageWrapper div.HorizontalNavBar span.hover { background: rgb(204, 204, 204); color: rgb(0, 0, 238); } #PageWrapper div.HorizontalNavBar span.navheader:hover { background: rgb(204, 204, 204); color: rgb(0, 0, 238); } #PageWrapper div.HorizontalNavBar a:hover { background: rgb(204, 204, 204); color: rgb(0, 0, 238); } #PageWrapper div.HorizontalNavBar ul ul { background: rgb(255, 255, 255); width: 180px; margin-left: -2px; } #PageWrapper div.HorizontalNavBar ul ul ul { left: 180px; } #PageWrapper div.HorizontalNavBar span.navheader ins { border-color: rgb(0, 0, 0) rgb(255, 255, 255) rgb(255, 255, 255); } #PageWrapper div.HorizontalNavBar ul ul span.navheader ins { border-color: rgb(255, 255, 255) rgb(255, 255, 255) rgb(255, 255, 255) = rgb(0, 0, 0); } #PageWrapper div.HorizontalNavBar span.navheader:hover ins { border-color: rgb(0, 0, 0) rgb(204, 204, 204) rgb(204, 204, 204); } #PageWrapper div.HorizontalNavBar span.hover ins { border-color: rgb(0, 0, 0) rgb(204, 204, 204) rgb(204, 204, 204); } #PageWrapper div.HorizontalNavBar ul ul span.navheader:hover ins { border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(204, 204, 204) = rgb(0, 0, 0); } #PageWrapper div.HorizontalNavBar ul ul span.hover ins { border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(204, 204, 204) = rgb(0, 0, 0); } html.mobile #PageWrapper div.HorizontalNavBar a:hover { background: rgb(255, 255, 255); color: rgb(0, 0, 238); } html.mobile #PageWrapper div.HorizontalNavBar span.navheader:hover { background: rgb(255, 255, 255); color: rgb(0, 0, 238); } html.mobile #PageWrapper div.HorizontalNavBar span.navheader:hover ins { border-color: rgb(0, 0, 0) rgb(255, 255, 255) rgb(255, 255, 255); } html.mobile #PageWrapper div.HorizontalNavBar ul ul span.navheader:hover = ins { border-color: rgb(255, 255, 255) rgb(255, 255, 255) rgb(255, 255, 255) = rgb(0, 0, 0); } .c2Form { padding: 8px; border: 1px solid rgb(221, 221, 221); border-image: none; } .InvShelp { font-family: Arial, Helvetica, sans-serif; font-size: 12px; = background-color: rgb(255, 255, 204); } .InvShelpT { background: rgb(221, 221, 221); margin: 0px; padding: 0px; text-align: = left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } a.InvShelp:link { color: rgb(0, 0, 0); text-decoration: none; } .InvShelpbox { padding: 2px; border: 1px solid rgb(102, 102, 102); border-image: none; = font-family: Arial, Helvetica, sans-serif; font-size: 12px; = background-color: rgb(255, 255, 204); } .InvSquestions { margin: 0px; font-size: 14px; font-weight: bold; } .titleInput { margin: 0px; width: 80%; padding-top: 4px; } .storyInput { margin: 0px; width: 98%; padding-top: 4px; } .otherText { =09 } .dividerRule { border-top-color: rgb(221, 221, 221); border-top-width: 1px; = border-top-style: solid; } .blogItItem .blogItThumbnail { margin-right: 10px; margin-bottom: 10px; float: left; max-width: 150px; } .blogItItem .blogItReadMore { clear: both; } .responsive-row { overflow: hidden; } div[class*=3D'responsive_grid_block-'] { overflow: hidden; } div[class*=3D'responsive_col-'] { float: left; min-height: 1px; box-sizing: border-box; } .responsive_grid_block-12 div[class*=3D'responsive_col-'] { width: 8.33%; } .responsive_grid_block-11 div[class*=3D'responsive_col-'] { width: 9.09%; } .responsive_grid_block-10 div[class*=3D'responsive_col-'] { width: 10%; } .responsive_grid_block-9 div[class*=3D'responsive_col-'] { width: 11.11%; } .responsive_grid_block-8 div[class*=3D'responsive_col-'] { width: 12.5%; } .responsive_grid_block-7 div[class*=3D'responsive_col-'] { width: 14.28%; } .responsive_grid_block-6 div[class*=3D'responsive_col-'] { width: 16.66%; } .responsive_grid_block-5 div[class*=3D'responsive_col-'] { width: 20%; } .responsive_grid_block-4 div[class*=3D'responsive_col-'] { width: 25%; } .responsive_grid_block-3 div[class*=3D'responsive_col-'] { width: 33.33%; } .responsive_grid_block-2 div[class*=3D'responsive_col-'] { width: 50%; } @media only screen and (max-width:768px) { .responsive_grid_block-12 div[class*=3D'responsive_col-'] { width: 16.66%; } .responsive_grid_block-12 > .responsive-row > .responsive_col-7 { clear: left; } .responsive_grid_block-10 div[class*=3D'responsive_col-'] { width: 20%; } .responsive_grid_block-10 > .responsive-row > .responsive_col-6 { clear: left; } .responsive_grid_block-9 div[class*=3D'responsive_col-'] { width: 33.33%; } .responsive_grid_block-9 > .responsive-row > .responsive_col-4 { clear: left; } .responsive_grid_block-9 > .responsive-row > .responsive_col-7 { clear: left; } .responsive_grid_block-8 div[class*=3D'responsive_col-'] { width: 25%; } .responsive_grid_block-8 > .responsive-row > .responsive_col-5 { clear: left; } .responsive_grid_block-6 div[class*=3D'responsive_col-'] { width: 33.33%; } .responsive_grid_block-6 > .responsive-row > .responsive_col-4 { clear: left; } .responsive_grid_block-4 div[class*=3D'responsive_col-'] { width: 50%; } .responsive_grid_block-4 > .responsive-row > .responsive_col-3 { clear: left; } } @media only screen and (max-width:447px) { .responsive_grid_block-12 div[class*=3D'responsive_col-'] { width: 25%; } .responsive_grid_block-12 > .responsive-row > .responsive_col-5 { clear: left; } .responsive_grid_block-12 > .responsive-row > .responsive_col-9 { clear: left; } .responsive_grid_block-12 > .responsive-row > .responsive_col-7 { clear: none; } .responsive_grid_block-8 div[class*=3D'responsive_col-'] { width: 50%; } .responsive_grid_block-6 div[class*=3D'responsive_col-'] { width: 50%; } .responsive_grid_block-8 > .responsive-row .responsive_col-3 { clear: left; } .responsive_grid_block-8 > .responsive-row .responsive_col-5 { clear: left; } .responsive_grid_block-8 > .responsive-row .responsive_col-7 { clear: left; } .responsive_grid_block-6 > .responsive-row > .responsive_col-3 { clear: left; } .responsive_grid_block-6 > .responsive-row > .responsive_col-5 { clear: left; } .responsive_grid_block-6 > .responsive-row > .responsive_col-4 { clear: none; } .responsive_grid_block-11 div[class*=3D'responsive_col-'] { width: 100%; } .responsive_grid_block-10 div[class*=3D'responsive_col-'] { width: 100%; } .responsive_grid_block-7 div[class*=3D'responsive_col-'] { width: 100%; } .responsive_grid_block-5 div[class*=3D'responsive_col-'] { width: 100%; } .responsive_grid_block-4 div[class*=3D'responsive_col-'] { width: 100%; } .responsive_grid_block-3 div[class*=3D'responsive_col-'] { width: 100%; } .responsive_grid_block-2 div[class*=3D'responsive_col-'] { width: 100%; } } .AdSenseResponsiveBox { width: 50%; } .Ezine2 { margin: 1em 0px; padding: 0.5em; border: 1px solid rgb(238, 238, 238); = border-image: none; } .EzineRow { padding: 0.5em 0px; } .EzineVertical label { display: block; } .EzineHorizontal .EzineRow { display: inline-block; } .EzineHorizontal label { display: inline-block; } .Ezine2 label { vertical-align: middle; } .Ezine2 input[type=3D'text'] { vertical-align: middle; } .Ezine2 input[type=3D'email'] { vertical-align: middle; } .EzineButton { vertical-align: middle; } .Ezine2 input[type=3D'text']:focus { background-color: rgb(255, 255, 204); } .Ezine2 input[type=3D'email']:focus { background-color: rgb(255, 255, 204); } .EzineLeft { text-align: left; } .EzineCenter { text-align: center; } .EzineRight { text-align: right; } .EzineRow { max-width: 100%; box-sizing: border-box; } .Ezine2 label { max-width: 100%; box-sizing: border-box; } .Ezine2 input[type=3D'text'] { max-width: 100%; box-sizing: border-box; } .Ezine2 input[type=3D'email'] { max-width: 100%; box-sizing: border-box; } .EzineButton { max-width: 100%; box-sizing: border-box; } body { background-image: none; } html.mobile body { background-image: none; } html.mobile body { =09 } @media all and (max-width:768px) { body { =09 } } @media all and (max-width:447px) { body { =09 } } #PageWrapper #Footer .Liner p { =09 } html.mobile #PageWrapper #Footer .Liner p { =09 } html.mobile #PageWrapper #Footer .Liner p { =09 } @media all and (max-width:768px) { #PageWrapper #Footer .Liner p { =09 } } @media all and (max-width:447px) { #PageWrapper #Footer .Liner p { =09 } } #PageWrapper #Footer .Liner { =09 } html.mobile #PageWrapper #Footer .Liner { =09 } html.mobile #PageWrapper #Footer .Liner { =09 } @media all and (max-width:768px) { #PageWrapper #Footer .Liner { =09 } } @media all and (max-width:447px) { #PageWrapper #Footer .Liner { =09 } } #PageWrapper #HeaderWrapper { =09 } html.mobile #PageWrapper #HeaderWrapper { =09 } html.mobile #PageWrapper #HeaderWrapper { =09 } @media all and (max-width:768px) { #PageWrapper #HeaderWrapper { =09 } } @media all and (max-width:447px) { #PageWrapper #HeaderWrapper { =09 } } #PageWrapper #Header .Liner { min-height: 242px; background-image: = url("/sd/image-files/header-image-11.jpg"); } html.mobile #PageWrapper #Header .Liner { min-height: 242px; background-image: = url("/sd/image-files/header-image-11.jpg"); } html.mobile #PageWrapper #Header .Liner { =09 } @media all and (max-width:768px) { #PageWrapper #Header .Liner { =09 } } @media all and (max-width:447px) { #PageWrapper #Header .Liner { =09 } } #PageWrapper #ExtraColumn .Liner { border: 0px solid rgb(20, 3, 255); } html.mobile #PageWrapper #ExtraColumn .Liner { border: 0px solid rgb(20, 3, 255); } html.mobile #PageWrapper #ExtraColumn .Liner { =09 } @media all and (max-width:768px) { #PageWrapper #ExtraColumn .Liner { =09 } } @media all and (max-width:447px) { #PageWrapper #ExtraColumn .Liner { =09 } } #PageWrapper #NavColumn .Liner { border: 0px solid rgb(0, 42, 255); color: rgb(255, 0, 0); } html.mobile #PageWrapper #NavColumn .Liner { border: 0px solid rgb(0, 42, 255); color: rgb(255, 0, 0); } html.mobile #PageWrapper #NavColumn .Liner { =09 } @media all and (max-width:768px) { #PageWrapper #NavColumn .Liner { =09 } } @media all and (max-width:447px) { #PageWrapper #NavColumn .Liner { =09 } } #PageWrapper #ContentColumn .Liner { =09 } html.mobile #PageWrapper #ContentColumn .Liner { =09 } html.mobile #PageWrapper #ContentColumn .Liner { =09 } @media all and (max-width:768px) { #PageWrapper #ContentColumn .Liner { =09 } } @media all and (max-width:447px) { #PageWrapper #ContentColumn .Liner { =09 } } #PageWrapper #ContentColumn .Liner { =09 } html.mobile #PageWrapper #ContentColumn .Liner { =09 } html.mobile #PageWrapper #ContentColumn .Liner { =09 } @media all and (max-width:768px) { #PageWrapper #ContentColumn .Liner { =09 } } @media all and (max-width:447px) { #PageWrapper #ContentColumn .Liner { =09 } } #PageWrapper #ContentColumn { =09 } html.mobile #PageWrapper #ContentColumn { =09 } html.mobile #PageWrapper #ContentColumn { =09 } @media all and (max-width:768px) { #PageWrapper #ContentColumn { =09 } } @media all and (max-width:447px) { #PageWrapper #ContentColumn { =09 } } #PageWrapper #ContentColumn p { =09 } html.mobile #PageWrapper #ContentColumn p { =09 } html.mobile #PageWrapper #ContentColumn p { =09 } @media all and (max-width:768px) { #PageWrapper #ContentColumn p { =09 } } @media all and (max-width:447px) { #PageWrapper #ContentColumn p { =09 } } #PageWrapper { border: 1px solid rgb(0, 0, 238); } html.mobile #PageWrapper { border: 1px solid rgb(0, 0, 238); } html.mobile #PageWrapper { =09 } @media all and (max-width:768px) { #PageWrapper { =09 } } @media all and (max-width:447px) { #PageWrapper { =09 } } #PageWrapper h1 { color: rgb(17, 0, 255); } html.mobile #PageWrapper h1 { color: rgb(17, 0, 255); } html.mobile #PageWrapper h1 { =09 } @media all and (max-width:768px) { #PageWrapper h1 { =09 } } @media all and (max-width:447px) { #PageWrapper h1 { =09 } } #PageWrapper h2 { color: rgb(255, 0, 0); } html.mobile #PageWrapper h2 { color: rgb(255, 0, 0); } html.mobile #PageWrapper h2 { =09 } @media all and (max-width:768px) { #PageWrapper h2 { =09 } } @media all and (max-width:447px) { #PageWrapper h2 { =09 } } #PageWrapper h3 { color: rgb(255, 0, 0); } html.mobile #PageWrapper h3 { color: rgb(255, 0, 0); } html.mobile #PageWrapper h3 { =09 } @media all and (max-width:768px) { #PageWrapper h3 { =09 } } @media all and (max-width:447px) { #PageWrapper h3 { =09 } } #PageWrapper h4 { color: rgb(255, 0, 0); } html.mobile #PageWrapper h4 { color: rgb(255, 0, 0); } html.mobile #PageWrapper h4 { =09 } @media all and (max-width:768px) { #PageWrapper h4 { =09 } } @media all and (max-width:447px) { #PageWrapper h4 { =09 } } .Navigation h3 { background-color: rgb(255, 128, 128); } html.mobile .Navigation h3 { background-color: rgb(255, 128, 128); } html.mobile .Navigation h3 { =09 } @media all and (max-width:768px) { .Navigation h3 { =09 } } @media all and (max-width:447px) { .Navigation h3 { =09 } } #PageWrapper .Navigation h3 { background-color: rgb(255, 128, 128); } html.mobile #PageWrapper .Navigation h3 { background-color: rgb(255, 128, 128); } html.mobile #PageWrapper .Navigation h3 { =09 } @media all and (max-width:768px) { #PageWrapper .Navigation h3 { =09 } } @media all and (max-width:447px) { #PageWrapper .Navigation h3 { =09 } } .Navigation a { border-width: 1px; border-style: solid; font-size: 13px; font-weight: = bold; } html.mobile .Navigation a { border-width: 1px; border-style: solid; font-size: 13px; font-weight: = bold; } html.mobile .Navigation a { =09 } @media all and (max-width:768px) { .Navigation a { =09 } } @media all and (max-width:447px) { .Navigation a { =09 } } #PageWrapper div.Navigation a { border-width: 1px; border-style: solid; font-size: 13px; font-weight: = bold; } html.mobile #PageWrapper div.Navigation a { border-width: 1px; border-style: solid; font-size: 13px; font-weight: = bold; } html.mobile #PageWrapper div.Navigation a { =09 } @media all and (max-width:768px) { #PageWrapper div.Navigation a { =09 } } @media all and (max-width:447px) { #PageWrapper div.Navigation a { =09 } } .Navigation a { =09 } #PageWrapper div.Navigation a { =09 } html.mobile .Navigation a { =09 } html.mobile #PageWrapper div.Navigation a { =09 } .Navigation a:link { border-color: rgb(255, 0, 0); color: rgb(255, 0, 0); } html.mobile .Navigation a:link { border-color: rgb(255, 0, 0); color: rgb(255, 0, 0); } html.mobile .Navigation a:link { =09 } @media all and (max-width:768px) { .Navigation a:link { =09 } } @media all and (max-width:447px) { .Navigation a:link { =09 } } #PageWrapper div.Navigation a:link { border-color: rgb(255, 0, 0); color: rgb(255, 0, 0); } html.mobile #PageWrapper div.Navigation a:link { border-color: rgb(255, 0, 0); color: rgb(255, 0, 0); } html.mobile #PageWrapper div.Navigation a:link { =09 } @media all and (max-width:768px) { #PageWrapper div.Navigation a:link { =09 } } @media all and (max-width:447px) { #PageWrapper div.Navigation a:link { =09 } } .Navigation a:visited { color: rgb(255, 0, 0); } html.mobile .Navigation a:visited { color: rgb(255, 0, 0); } html.mobile .Navigation a:visited { =09 } @media all and (max-width:768px) { .Navigation a:visited { =09 } } @media all and (max-width:447px) { .Navigation a:visited { =09 } } #PageWrapper div.Navigation a:visited { color: rgb(255, 0, 0); } html.mobile #PageWrapper div.Navigation a:visited { color: rgb(255, 0, 0); } html.mobile #PageWrapper div.Navigation a:visited { =09 } @media all and (max-width:768px) { #PageWrapper div.Navigation a:visited { =09 } } @media all and (max-width:447px) { #PageWrapper div.Navigation a:visited { =09 } } .Navigation a:hover { color: rgb(20, 3, 255); } html.mobile .Navigation a:hover { color: rgb(20, 3, 255); } html.mobile .Navigation a:hover { =09 } @media all and (max-width:768px) { .Navigation a:hover { =09 } } @media all and (max-width:447px) { .Navigation a:hover { =09 } } #PageWrapper div.Navigation a:hover { color: rgb(20, 3, 255); } html.mobile #PageWrapper div.Navigation a:hover { color: rgb(20, 3, 255); } html.mobile #PageWrapper div.Navigation a:hover { =09 } @media all and (max-width:768px) { #PageWrapper div.Navigation a:hover { =09 } } @media all and (max-width:447px) { #PageWrapper div.Navigation a:hover { =09 } } #PageWrapper .TOC { =09 } html.mobile #PageWrapper .TOC { =09 } html.mobile #PageWrapper .TOC { =09 } @media all and (max-width:768px) { #PageWrapper .TOC { =09 } } @media all and (max-width:447px) { #PageWrapper .TOC { =09 } } #PageWrapper .Ezine { border-color: rgb(102, 102, 102); } html.mobile #PageWrapper .Ezine { border-color: rgb(102, 102, 102); } html.mobile #PageWrapper .Ezine { =09 } @media all and (max-width:768px) { #PageWrapper .Ezine { =09 } } @media all and (max-width:447px) { #PageWrapper .Ezine { =09 } } #PageWrapper .Ezine { padding: 4px 0px; } #PageWrapper div.HorizontalNavBar .li1 { border: 1px solid rgb(255, 0, 0); } html.mobile #PageWrapper div.HorizontalNavBar .li1 { border: 1px solid rgb(255, 0, 0); } html.mobile #PageWrapper div.HorizontalNavBar .li1 { =09 } @media all and (max-width:768px) { #PageWrapper div.HorizontalNavBar .li1 { =09 } } @media all and (max-width:447px) { #PageWrapper div.HorizontalNavBar .li1 { =09 } } #PageWrapper div.HorizontalNavBar ul a { padding: 6px 11px; font-family: Verdana, Geneva, sans-serif; font-size: = 14px; font-weight: bold; } html.mobile #PageWrapper div.HorizontalNavBar ul a { padding: 6px 11px; font-family: Verdana, Geneva, sans-serif; font-size: = 14px; font-weight: bold; } html.mobile #PageWrapper div.HorizontalNavBar ul a { =09 } @media all and (max-width:768px) { #PageWrapper div.HorizontalNavBar ul a { =09 } } @media all and (max-width:447px) { #PageWrapper div.HorizontalNavBar ul a { =09 } } #PageWrapper div.HorizontalNavBar ul a:link { color: rgb(255, 0, 0); background-color: transparent; } html.mobile #PageWrapper div.HorizontalNavBar ul a:link { color: rgb(255, 0, 0); background-color: transparent; } html.mobile #PageWrapper div.HorizontalNavBar ul a:link { =09 } @media all and (max-width:768px) { #PageWrapper div.HorizontalNavBar ul a:link { =09 } } @media all and (max-width:447px) { #PageWrapper div.HorizontalNavBar ul a:link { =09 } } #PageWrapper div.HorizontalNavBar ul a:visited { color: rgb(255, 0, 0); } html.mobile #PageWrapper div.HorizontalNavBar ul a:visited { color: rgb(255, 0, 0); } html.mobile #PageWrapper div.HorizontalNavBar ul a:visited { =09 } @media all and (max-width:768px) { #PageWrapper div.HorizontalNavBar ul a:visited { =09 } } @media all and (max-width:447px) { #PageWrapper div.HorizontalNavBar ul a:visited { =09 } } #PageWrapper div.HorizontalNavBar ul a:hover { color: rgb(20, 3, 255); background-color: transparent; } html.mobile #PageWrapper div.HorizontalNavBar ul a:hover { color: rgb(20, 3, 255); background-color: transparent; } html.mobile #PageWrapper div.HorizontalNavBar ul a:hover { =09 } @media all and (max-width:768px) { #PageWrapper div.HorizontalNavBar ul a:hover { =09 } } @media all and (max-width:447px) { #PageWrapper div.HorizontalNavBar ul a:hover { =09 } } #PageWrapper div.HorizontalNavBar ul span.navheader { padding: 6px 11px; color: rgb(255, 0, 0); font-family: Verdana, Geneva, = sans-serif; font-size: 14px; font-weight: bold; background-color: = transparent; } html.mobile #PageWrapper div.HorizontalNavBar ul span.navheader { padding: 6px 11px; color: rgb(255, 0, 0); font-family: Verdana, Geneva, = sans-serif; font-size: 14px; font-weight: bold; background-color: = transparent; } html.mobile #PageWrapper div.HorizontalNavBar ul span.navheader { =09 } @media all and (max-width:768px) { #PageWrapper div.HorizontalNavBar ul span.navheader { =09 } } @media all and (max-width:447px) { #PageWrapper div.HorizontalNavBar ul span.navheader { =09 } } #PageWrapper div.HorizontalNavBar ul span.navheader:hover { color: rgb(20, 3, 255); background-color: transparent; } html.mobile #PageWrapper div.HorizontalNavBar ul span.navheader:hover { color: rgb(20, 3, 255); background-color: transparent; } html.mobile #PageWrapper div.HorizontalNavBar ul span.navheader:hover { =09 } @media all and (max-width:768px) { #PageWrapper div.HorizontalNavBar ul span.navheader:hover { =09 } } @media all and (max-width:447px) { #PageWrapper div.HorizontalNavBar ul span.navheader:hover { =09 } } #PageWrapper div.HorizontalNavBar ul span.navheader ins { border-width: 0px; margin-top: 0px; border-right-color: transparent; = border-bottom-color: transparent; border-left-color: transparent; } html.mobile #PageWrapper div.HorizontalNavBar ul span.navheader ins { border-width: 0px; margin-top: 0px; border-right-color: transparent; = border-bottom-color: transparent; border-left-color: transparent; } html.mobile #PageWrapper div.HorizontalNavBar ul span.navheader ins { =09 } @media all and (max-width:768px) { #PageWrapper div.HorizontalNavBar ul span.navheader ins { =09 } } @media all and (max-width:447px) { #PageWrapper div.HorizontalNavBar ul span.navheader ins { =09 } } #PageWrapper div.HorizontalNavBar ul span.navheader:hover ins { border-right-color: transparent; border-bottom-color: transparent; = border-left-color: transparent; } html.mobile #PageWrapper div.HorizontalNavBar ul span.navheader:hover = ins { border-right-color: transparent; border-bottom-color: transparent; = border-left-color: transparent; } html.mobile #PageWrapper div.HorizontalNavBar ul span.navheader:hover = ins { =09 } @media all and (max-width:768px) { #PageWrapper div.HorizontalNavBar ul span.navheader:hover ins { =09 } } @media all and (max-width:447px) { #PageWrapper div.HorizontalNavBar ul span.navheader:hover ins { =09 } } #PageWrapper div.HorizontalNavBar { =09 } html.mobile #PageWrapper div.HorizontalNavBar { =09 } html.mobile #PageWrapper div.HorizontalNavBar { =09 } @media all and (max-width:768px) { #PageWrapper div.HorizontalNavBar { =09 } } @media all and (max-width:447px) { #PageWrapper div.HorizontalNavBar { =09 } } #PageWrapper div.HorizontalNavBar ul.root { =09 } html.mobile #PageWrapper div.HorizontalNavBar ul.root { =09 } html.mobile #PageWrapper div.HorizontalNavBar ul.root { =09 } @media all and (max-width:768px) { #PageWrapper div.HorizontalNavBar ul.root { =09 } } @media all and (max-width:447px) { #PageWrapper div.HorizontalNavBar ul.root { =09 } } #PageWrapper div.HorizontalNavBar .li1 .li2 { =09 } html.mobile #PageWrapper div.HorizontalNavBar .li1 .li2 { =09 } html.mobile #PageWrapper div.HorizontalNavBar .li1 .li2 { =09 } @media all and (max-width:768px) { #PageWrapper div.HorizontalNavBar .li1 .li2 { =09 } } @media all and (max-width:447px) { #PageWrapper div.HorizontalNavBar .li1 .li2 { =09 } } #PageWrapper div.HorizontalNavBar .li1 .li2 .li3 { =09 } html.mobile #PageWrapper div.HorizontalNavBar .li1 .li2 .li3 { =09 } html.mobile #PageWrapper div.HorizontalNavBar .li1 .li2 .li3 { =09 } @media all and (max-width:768px) { #PageWrapper div.HorizontalNavBar .li1 .li2 .li3 { =09 } } @media all and (max-width:447px) { #PageWrapper div.HorizontalNavBar .li1 .li2 .li3 { =09 } } #PageWrapper div.HorizontalNavBar ul ul { top: 29px; } html.mobile #PageWrapper div.HorizontalNavBar ul ul { top: 29px; } html.mobile #PageWrapper div.HorizontalNavBar ul ul { =09 } @media all and (max-width:768px) { #PageWrapper div.HorizontalNavBar ul ul { =09 } } @media all and (max-width:447px) { #PageWrapper div.HorizontalNavBar ul ul { =09 } } #PageWrapper div.HorizontalNavBar ul ul a { padding-right: 8px; padding-left: 8px; } html.mobile #PageWrapper div.HorizontalNavBar ul ul a { padding-right: 8px; padding-left: 8px; } html.mobile #PageWrapper div.HorizontalNavBar ul ul a { =09 } @media all and (max-width:768px) { #PageWrapper div.HorizontalNavBar ul ul a { =09 } } @media all and (max-width:447px) { #PageWrapper div.HorizontalNavBar ul ul a { =09 } } #PageWrapper div.HorizontalNavBar ul ul a:link { =09 } html.mobile #PageWrapper div.HorizontalNavBar ul ul a:link { =09 } html.mobile #PageWrapper div.HorizontalNavBar ul ul a:link { =09 } @media all and (max-width:768px) { #PageWrapper div.HorizontalNavBar ul ul a:link { =09 } } @media all and (max-width:447px) { #PageWrapper div.HorizontalNavBar ul ul a:link { =09 } } #PageWrapper div.HorizontalNavBar ul ul a:visited { =09 } html.mobile #PageWrapper div.HorizontalNavBar ul ul a:visited { =09 } html.mobile #PageWrapper div.HorizontalNavBar ul ul a:visited { =09 } @media all and (max-width:768px) { #PageWrapper div.HorizontalNavBar ul ul a:visited { =09 } } @media all and (max-width:447px) { #PageWrapper div.HorizontalNavBar ul ul a:visited { =09 } } #PageWrapper div.HorizontalNavBar ul ul a:hover { =09 } html.mobile #PageWrapper div.HorizontalNavBar ul ul a:hover { =09 } html.mobile #PageWrapper div.HorizontalNavBar ul ul a:hover { =09 } @media all and (max-width:768px) { #PageWrapper div.HorizontalNavBar ul ul a:hover { =09 } } @media all and (max-width:447px) { #PageWrapper div.HorizontalNavBar ul ul a:hover { =09 } } #PageWrapper div.HorizontalNavBar ul ul span.navheader { padding-right: 8px; padding-left: 8px; } html.mobile #PageWrapper div.HorizontalNavBar ul ul span.navheader { padding-right: 8px; padding-left: 8px; } html.mobile #PageWrapper div.HorizontalNavBar ul ul span.navheader { =09 } @media all and (max-width:768px) { #PageWrapper div.HorizontalNavBar ul ul span.navheader { =09 } } @media all and (max-width:447px) { #PageWrapper div.HorizontalNavBar ul ul span.navheader { =09 } } #PageWrapper div.HorizontalNavBar ul ul span.navheader:hover { =09 } html.mobile #PageWrapper div.HorizontalNavBar ul ul span.navheader:hover = { =09 } html.mobile #PageWrapper div.HorizontalNavBar ul ul span.navheader:hover = { =09 } @media all and (max-width:768px) { #PageWrapper div.HorizontalNavBar ul ul span.navheader:hover { =09 } } @media all and (max-width:447px) { #PageWrapper div.HorizontalNavBar ul ul span.navheader:hover { =09 } } #PageWrapper div.HorizontalNavBar ul ul span.navheader ins { border-color: transparent transparent transparent rgb(0, 0, 0); = margin-top: 0px; } html.mobile #PageWrapper div.HorizontalNavBar ul ul span.navheader ins { border-color: transparent transparent transparent rgb(0, 0, 0); = margin-top: 0px; } html.mobile #PageWrapper div.HorizontalNavBar ul ul span.navheader ins { =09 } @media all and (max-width:768px) { #PageWrapper div.HorizontalNavBar ul ul span.navheader ins { =09 } } @media all and (max-width:447px) { #PageWrapper div.HorizontalNavBar ul ul span.navheader ins { =09 } } #PageWrapper div.HorizontalNavBar ul ul span.navheader:hover ins { border-top-color: transparent; border-right-color: transparent; = border-bottom-color: transparent; } html.mobile #PageWrapper div.HorizontalNavBar ul ul span.navheader:hover = ins { border-top-color: transparent; border-right-color: transparent; = border-bottom-color: transparent; } html.mobile #PageWrapper div.HorizontalNavBar ul ul span.navheader:hover = ins { =09 } @media all and (max-width:768px) { #PageWrapper div.HorizontalNavBar ul ul span.navheader:hover ins { =09 } } @media all and (max-width:447px) { #PageWrapper div.HorizontalNavBar ul ul span.navheader:hover ins { =09 } } #PageWrapper .RSSbox { border: 1px solid rgb(0, 0, 0); } html.mobile #PageWrapper .RSSbox { border: 1px solid rgb(0, 0, 0); } html.mobile #PageWrapper .RSSbox { =09 } @media all and (max-width:768px) { #PageWrapper .RSSbox { =09 } } @media all and (max-width:447px) { #PageWrapper .RSSbox { =09 } } #PageWrapper .RSSbox .questionMark { =09 } html.mobile #PageWrapper .RSSbox .questionMark { =09 } html.mobile #PageWrapper .RSSbox .questionMark { =09 } @media all and (max-width:768px) { #PageWrapper .RSSbox .questionMark { =09 } } @media all and (max-width:447px) { #PageWrapper .RSSbox .questionMark { =09 } } #PageWrapper .ImageBlock img { =09 } html.mobile #PageWrapper .ImageBlock img { =09 } html.mobile #PageWrapper .ImageBlock img { =09 } @media all and (max-width:768px) { #PageWrapper .ImageBlock img { =09 } } @media all and (max-width:447px) { #PageWrapper .ImageBlock img { =09 } } #PageWrapper .ImageBlock { =09 } html.mobile #PageWrapper .ImageBlock { =09 } html.mobile #PageWrapper .ImageBlock { =09 } @media all and (max-width:768px) { #PageWrapper .ImageBlock { =09 } } @media all and (max-width:447px) { #PageWrapper .ImageBlock { =09 } } #PageWrapper .ImageBlockRight { =09 } html.mobile #PageWrapper .ImageBlockRight { =09 } html.mobile #PageWrapper .ImageBlockRight { =09 } @media all and (max-width:768px) { #PageWrapper .ImageBlockRight { =09 } } @media all and (max-width:447px) { #PageWrapper .ImageBlockRight { =09 } } #PageWrapper .ImageBlockLeft { =09 } html.mobile #PageWrapper .ImageBlockLeft { =09 } html.mobile #PageWrapper .ImageBlockLeft { =09 } @media all and (max-width:768px) { #PageWrapper .ImageBlockLeft { =09 } } @media all and (max-width:447px) { #PageWrapper .ImageBlockLeft { =09 } } #ContentColumn ol { =09 } html.mobile #ContentColumn ol { =09 } html.mobile #ContentColumn ol { =09 } @media all and (max-width:768px) { #ContentColumn ol { =09 } } @media all and (max-width:447px) { #ContentColumn ol { =09 } } #ContentColumn ol li { =09 } html.mobile #ContentColumn ol li { =09 } html.mobile #ContentColumn ol li { =09 } @media all and (max-width:768px) { #ContentColumn ol li { =09 } } @media all and (max-width:447px) { #ContentColumn ol li { =09 } } #ContentColumn ul { =09 } html.mobile #ContentColumn ul { =09 } html.mobile #ContentColumn ul { =09 } @media all and (max-width:768px) { #ContentColumn ul { =09 } } @media all and (max-width:447px) { #ContentColumn ul { =09 } } #ContentColumn ul li { =09 } html.mobile #ContentColumn ul li { =09 } html.mobile #ContentColumn ul li { =09 } @media all and (max-width:768px) { #ContentColumn ul li { =09 } } @media all and (max-width:447px) { #ContentColumn ul li { =09 } } #PageWrapper .CalloutBox p { =09 } html.mobile #PageWrapper .CalloutBox p { =09 } html.mobile #PageWrapper .CalloutBox p { =09 } @media all and (max-width:768px) { #PageWrapper .CalloutBox p { =09 } } @media all and (max-width:447px) { #PageWrapper .CalloutBox p { =09 } } #PageWrapper .CalloutBox { =09 } html.mobile #PageWrapper .CalloutBox { =09 } html.mobile #PageWrapper .CalloutBox { =09 } @media all and (max-width:768px) { #PageWrapper .CalloutBox { =09 } } @media all and (max-width:447px) { #PageWrapper .CalloutBox { =09 } } #PageWrapper .ReminderBox { background-color: rgb(204, 204, 204); } html.mobile #PageWrapper .ReminderBox { background-color: rgb(204, 204, 204); } html.mobile #PageWrapper .ReminderBox { =09 } @media all and (max-width:768px) { #PageWrapper .ReminderBox { =09 } } @media all and (max-width:447px) { #PageWrapper .ReminderBox { =09 } } #PageWrapper .ReminderBox h4 { =09 } html.mobile #PageWrapper .ReminderBox h4 { =09 } html.mobile #PageWrapper .ReminderBox h4 { =09 } @media all and (max-width:768px) { #PageWrapper .ReminderBox h4 { =09 } } @media all and (max-width:447px) { #PageWrapper .ReminderBox h4 { =09 } } #PageWrapper .ReminderBox p { =09 } html.mobile #PageWrapper .ReminderBox p { =09 } html.mobile #PageWrapper .ReminderBox p { =09 } @media all and (max-width:768px) { #PageWrapper .ReminderBox p { =09 } } @media all and (max-width:447px) { #PageWrapper .ReminderBox p { =09 } } #ContentColumn a { =09 } html.mobile #ContentColumn a { =09 } html.mobile #ContentColumn a { =09 } @media all and (max-width:768px) { #ContentColumn a { =09 } } @media all and (max-width:447px) { #ContentColumn a { =09 } } #ContentColumn a:link { color: rgb(0, 0, 238); } html.mobile #ContentColumn a:link { color: rgb(0, 0, 238); } html.mobile #ContentColumn a:link { =09 } @media all and (max-width:768px) { #ContentColumn a:link { =09 } } @media all and (max-width:447px) { #ContentColumn a:link { =09 } } #ContentColumn a:visited { =09 } html.mobile #ContentColumn a:visited { =09 } html.mobile #ContentColumn a:visited { =09 } @media all and (max-width:768px) { #ContentColumn a:visited { =09 } } @media all and (max-width:447px) { #ContentColumn a:visited { =09 } } #ContentColumn a:hover { =09 } html.mobile #ContentColumn a:hover { =09 } html.mobile #ContentColumn a:hover { =09 } @media all and (max-width:768px) { #ContentColumn a:hover { =09 } } @media all and (max-width:447px) { #ContentColumn a:hover { =09 } } #ExtraColumn a { =09 } html.mobile #ExtraColumn a { =09 } html.mobile #ExtraColumn a { =09 } @media all and (max-width:768px) { #ExtraColumn a { =09 } } @media all and (max-width:447px) { #ExtraColumn a { =09 } } #ExtraColumn a:link { =09 } html.mobile #ExtraColumn a:link { =09 } html.mobile #ExtraColumn a:link { =09 } @media all and (max-width:768px) { #ExtraColumn a:link { =09 } } @media all and (max-width:447px) { #ExtraColumn a:link { =09 } } #ExtraColumn a:visited { =09 } html.mobile #ExtraColumn a:visited { =09 } html.mobile #ExtraColumn a:visited { =09 } @media all and (max-width:768px) { #ExtraColumn a:visited { =09 } } @media all and (max-width:447px) { #ExtraColumn a:visited { =09 } } #ExtraColumn a:hover { =09 } html.mobile #ExtraColumn a:hover { =09 } html.mobile #ExtraColumn a:hover { =09 } @media all and (max-width:768px) { #ExtraColumn a:hover { =09 } } @media all and (max-width:447px) { #ExtraColumn a:hover { =09 } } #PageWrapper #Footer a { =09 } html.mobile #PageWrapper #Footer a { =09 } html.mobile #PageWrapper #Footer a { =09 } @media all and (max-width:768px) { #PageWrapper #Footer a { =09 } } @media all and (max-width:447px) { #PageWrapper #Footer a { =09 } } #PageWrapper #Footer a:link { =09 } html.mobile #PageWrapper #Footer a:link { =09 } html.mobile #PageWrapper #Footer a:link { =09 } @media all and (max-width:768px) { #PageWrapper #Footer a:link { =09 } } @media all and (max-width:447px) { #PageWrapper #Footer a:link { =09 } } #PageWrapper #Footer a:visited { =09 } html.mobile #PageWrapper #Footer a:visited { =09 } html.mobile #PageWrapper #Footer a:visited { =09 } @media all and (max-width:768px) { #PageWrapper #Footer a:visited { =09 } } @media all and (max-width:447px) { #PageWrapper #Footer a:visited { =09 } } #PageWrapper #Footer a:hover { =09 } html.mobile #PageWrapper #Footer a:hover { =09 } html.mobile #PageWrapper #Footer a:hover { =09 } @media all and (max-width:768px) { #PageWrapper #Footer a:hover { =09 } } @media all and (max-width:447px) { #PageWrapper #Footer a:hover { =09 } } #PageWrapper .ResponsiveNavButton { =09 } html.mobile #PageWrapper .ResponsiveNavButton { =09 } html.mobile #PageWrapper .ResponsiveNavButton { =09 } @media all and (max-width:768px) { #PageWrapper .ResponsiveNavButton { =09 } } @media all and (max-width:447px) { #PageWrapper .ResponsiveNavButton { =09 } } #PageWrapper .ResponsiveNav { =09 } html.mobile #PageWrapper .ResponsiveNav { =09 } html.mobile #PageWrapper .ResponsiveNav { =09 } @media all and (max-width:768px) { #PageWrapper .ResponsiveNav { =09 } } @media all and (max-width:447px) { #PageWrapper .ResponsiveNav { =09 } } #PageWrapper .ResponsiveNav a { =09 } html.mobile #PageWrapper .ResponsiveNav a { =09 } html.mobile #PageWrapper .ResponsiveNav a { =09 } @media all and (max-width:768px) { #PageWrapper .ResponsiveNav a { =09 } } @media all and (max-width:447px) { #PageWrapper .ResponsiveNav a { =09 } } #PageWrapper .ResponsiveNav a { =09 } html.mobile #PageWrapper .ResponsiveNav a { =09 } html.mobile #PageWrapper .ResponsiveNav a { =09 } @media all and (max-width:768px) { #PageWrapper .ResponsiveNav a { =09 } } @media all and (max-width:447px) { #PageWrapper .ResponsiveNav a { =09 } } #PageWrapper .ResponsiveNav a:link { =09 } html.mobile #PageWrapper .ResponsiveNav a:link { =09 } html.mobile #PageWrapper .ResponsiveNav a:link { =09 } @media all and (max-width:768px) { #PageWrapper .ResponsiveNav a:link { =09 } } @media all and (max-width:447px) { #PageWrapper .ResponsiveNav a:link { =09 } } #PageWrapper .ResponsiveNav a:visited { =09 } html.mobile #PageWrapper .ResponsiveNav a:visited { =09 } html.mobile #PageWrapper .ResponsiveNav a:visited { =09 } @media all and (max-width:768px) { #PageWrapper .ResponsiveNav a:visited { =09 } } @media all and (max-width:447px) { #PageWrapper .ResponsiveNav a:visited { =09 } } #PageWrapper .ResponsiveNav a:hover { =09 } html.mobile #PageWrapper .ResponsiveNav a:hover { =09 } html.mobile #PageWrapper .ResponsiveNav a:hover { =09 } @media all and (max-width:768px) { #PageWrapper .ResponsiveNav a:hover { =09 } } @media all and (max-width:447px) { #PageWrapper .ResponsiveNav a:hover { =09 } } #PageWrapper .ResponsiveNav span { =09 } html.mobile #PageWrapper .ResponsiveNav span { =09 } html.mobile #PageWrapper .ResponsiveNav span { =09 } @media all and (max-width:768px) { #PageWrapper .ResponsiveNav span { =09 } } @media all and (max-width:447px) { #PageWrapper .ResponsiveNav span { =09 } } #NavColumn a { =09 } html.mobile #NavColumn a { =09 } html.mobile #NavColumn a { =09 } @media all and (max-width:768px) { #NavColumn a { =09 } } @media all and (max-width:447px) { #NavColumn a { =09 } } #NavColumn a:link { =09 } html.mobile #NavColumn a:link { =09 } html.mobile #NavColumn a:link { =09 } @media all and (max-width:768px) { #NavColumn a:link { =09 } } @media all and (max-width:447px) { #NavColumn a:link { =09 } } #NavColumn a:visited { =09 } html.mobile #NavColumn a:visited { =09 } html.mobile #NavColumn a:visited { =09 } @media all and (max-width:768px) { #NavColumn a:visited { =09 } } @media all and (max-width:447px) { #NavColumn a:visited { =09 } } #NavColumn a:hover { =09 } html.mobile #NavColumn a:hover { =09 } html.mobile #NavColumn a:hover { =09 } @media all and (max-width:768px) { #NavColumn a:hover { =09 } } @media all and (max-width:447px) { #NavColumn a:hover { =09 } } #PageWrapper .ReminderBox a { =09 } html.mobile #PageWrapper .ReminderBox a { =09 } html.mobile #PageWrapper .ReminderBox a { =09 } @media all and (max-width:768px) { #PageWrapper .ReminderBox a { =09 } } @media all and (max-width:447px) { #PageWrapper .ReminderBox a { =09 } } #PageWrapper .ReminderBox a:link { =09 } html.mobile #PageWrapper .ReminderBox a:link { =09 } html.mobile #PageWrapper .ReminderBox a:link { =09 } @media all and (max-width:768px) { #PageWrapper .ReminderBox a:link { =09 } } @media all and (max-width:447px) { #PageWrapper .ReminderBox a:link { =09 } } #PageWrapper .ReminderBox a:visited { =09 } html.mobile #PageWrapper .ReminderBox a:visited { =09 } html.mobile #PageWrapper .ReminderBox a:visited { =09 } @media all and (max-width:768px) { #PageWrapper .ReminderBox a:visited { =09 } } @media all and (max-width:447px) { #PageWrapper .ReminderBox a:visited { =09 } } #PageWrapper .ReminderBox a:hover { =09 } html.mobile #PageWrapper .ReminderBox a:hover { =09 } html.mobile #PageWrapper .ReminderBox a:hover { =09 } @media all and (max-width:768px) { #PageWrapper .ReminderBox a:hover { =09 } } @media all and (max-width:447px) { #PageWrapper .ReminderBox a:hover { =09 } } #PageWrapper .CalloutBox a { =09 } html.mobile #PageWrapper .CalloutBox a { =09 } html.mobile #PageWrapper .CalloutBox a { =09 } @media all and (max-width:768px) { #PageWrapper .CalloutBox a { =09 } } @media all and (max-width:447px) { #PageWrapper .CalloutBox a { =09 } } #PageWrapper .CalloutBox a:link { =09 } html.mobile #PageWrapper .CalloutBox a:link { =09 } html.mobile #PageWrapper .CalloutBox a:link { =09 } @media all and (max-width:768px) { #PageWrapper .CalloutBox a:link { =09 } } @media all and (max-width:447px) { #PageWrapper .CalloutBox a:link { =09 } } #PageWrapper .CalloutBox a:visited { =09 } html.mobile #PageWrapper .CalloutBox a:visited { =09 } html.mobile #PageWrapper .CalloutBox a:visited { =09 } @media all and (max-width:768px) { #PageWrapper .CalloutBox a:visited { =09 } } @media all and (max-width:447px) { #PageWrapper .CalloutBox a:visited { =09 } } #PageWrapper .CalloutBox a:hover { =09 } html.mobile #PageWrapper .CalloutBox a:hover { =09 } html.mobile #PageWrapper .CalloutBox a:hover { =09 } @media all and (max-width:768px) { #PageWrapper .CalloutBox a:hover { =09 } } @media all and (max-width:447px) { #PageWrapper .CalloutBox a:hover { =09 } } #toolbar { =09 } html.mobile #toolbar { =09 } html.mobile #toolbar { =09 } @media all and (max-width:768px) { #toolbar { =09 } } @media all and (max-width:447px) { #toolbar { =09 } } hr { =09 } html.mobile hr { =09 } html.mobile hr { =09 } @media all and (max-width:768px) { hr { =09 } } @media all and (max-width:447px) { hr { =09 } } #PageWrapper .WhatsNew { =09 } html.mobile #PageWrapper .WhatsNew { =09 } html.mobile #PageWrapper .WhatsNew { =09 } @media all and (max-width:768px) { #PageWrapper .WhatsNew { =09 } } @media all and (max-width:447px) { #PageWrapper .WhatsNew { =09 } } #PageWrapper .WhatsNew h2 { =09 } html.mobile #PageWrapper .WhatsNew h2 { =09 } html.mobile #PageWrapper .WhatsNew h2 { =09 } @media all and (max-width:768px) { #PageWrapper .WhatsNew h2 { =09 } } @media all and (max-width:447px) { #PageWrapper .WhatsNew h2 { =09 } } #PageWrapper .WhatsNew .WhatsNew-time { =09 } html.mobile #PageWrapper .WhatsNew .WhatsNew-time { =09 } html.mobile #PageWrapper .WhatsNew .WhatsNew-time { =09 } @media all and (max-width:768px) { #PageWrapper .WhatsNew .WhatsNew-time { =09 } } @media all and (max-width:447px) { #PageWrapper .WhatsNew .WhatsNew-time { =09 } } #PageWrapper .WhatsNew .WhatsNew-content { =09 } html.mobile #PageWrapper .WhatsNew .WhatsNew-content { =09 } html.mobile #PageWrapper .WhatsNew .WhatsNew-content { =09 } @media all and (max-width:768px) { #PageWrapper .WhatsNew .WhatsNew-content { =09 } } @media all and (max-width:447px) { #PageWrapper .WhatsNew .WhatsNew-content { =09 } } #PageWrapper .WhatsNew a { =09 } html.mobile #PageWrapper .WhatsNew a { =09 } html.mobile #PageWrapper .WhatsNew a { =09 } @media all and (max-width:768px) { #PageWrapper .WhatsNew a { =09 } } @media all and (max-width:447px) { #PageWrapper .WhatsNew a { =09 } } #PageWrapper .responsive-row div[class*=3D'responsive_col-'] { =09 } html.mobile #PageWrapper .responsive-row div[class*=3D'responsive_col-'] = { =09 } html.mobile #PageWrapper .responsive-row div[class*=3D'responsive_col-'] = { =09 } @media all and (max-width:768px) { #PageWrapper .responsive-row div[class*=3D'responsive_col-'] { =09 } } @media all and (max-width:447px) { #PageWrapper .responsive-row div[class*=3D'responsive_col-'] { =09 } } #PageWrapper .WhatsNew a:link { =09 } html.mobile #PageWrapper .WhatsNew a:link { =09 } html.mobile #PageWrapper .WhatsNew a:link { =09 } @media all and (max-width:768px) { #PageWrapper .WhatsNew a:link { =09 } } @media all and (max-width:447px) { #PageWrapper .WhatsNew a:link { =09 } } #PageWrapper .WhatsNew a:visited { =09 } html.mobile #PageWrapper .WhatsNew a:visited { =09 } html.mobile #PageWrapper .WhatsNew a:visited { =09 } @media all and (max-width:768px) { #PageWrapper .WhatsNew a:visited { =09 } } @media all and (max-width:447px) { #PageWrapper .WhatsNew a:visited { =09 } } #PageWrapper .WhatsNew a:hover { =09 } html.mobile #PageWrapper .WhatsNew a:hover { =09 } html.mobile #PageWrapper .WhatsNew a:hover { =09 } @media all and (max-width:768px) { #PageWrapper .WhatsNew a:hover { =09 } } @media all and (max-width:447px) { #PageWrapper .WhatsNew a:hover { =09 } } #PageWrapper .WhatsNew ol li { =09 } html.mobile #PageWrapper .WhatsNew ol li { =09 } html.mobile #PageWrapper .WhatsNew ol li { =09 } @media all and (max-width:768px) { #PageWrapper .WhatsNew ol li { =09 } } @media all and (max-width:447px) { #PageWrapper .WhatsNew ol li { =09 } } #PageWrapper .WhatsNew h3 { =09 } html.mobile #PageWrapper .WhatsNew h3 { =09 } html.mobile #PageWrapper .WhatsNew h3 { =09 } @media all and (max-width:768px) { #PageWrapper .WhatsNew h3 { =09 } } @media all and (max-width:447px) { #PageWrapper .WhatsNew h3 { =09 } } #PageWrapper .WhatsNew .WhatsNew-more { =09 } html.mobile #PageWrapper .WhatsNew .WhatsNew-more { =09 } html.mobile #PageWrapper .WhatsNew .WhatsNew-more { =09 } @media all and (max-width:768px) { #PageWrapper .WhatsNew .WhatsNew-more { =09 } } @media all and (max-width:447px) { #PageWrapper .WhatsNew .WhatsNew-more { =09 } } #PageWrapper .WhatsNew .WhatsNew-more a { =09 } html.mobile #PageWrapper .WhatsNew .WhatsNew-more a { =09 } html.mobile #PageWrapper .WhatsNew .WhatsNew-more a { =09 } @media all and (max-width:768px) { #PageWrapper .WhatsNew .WhatsNew-more a { =09 } } @media all and (max-width:447px) { #PageWrapper .WhatsNew .WhatsNew-more a { =09 } } #PageWrapper .WhatsNew .WhatsNew-more a:link { =09 } html.mobile #PageWrapper .WhatsNew .WhatsNew-more a:link { =09 } html.mobile #PageWrapper .WhatsNew .WhatsNew-more a:link { =09 } @media all and (max-width:768px) { #PageWrapper .WhatsNew .WhatsNew-more a:link { =09 } } @media all and (max-width:447px) { #PageWrapper .WhatsNew .WhatsNew-more a:link { =09 } } #PageWrapper .WhatsNew .WhatsNew-more a:visited { =09 } html.mobile #PageWrapper .WhatsNew .WhatsNew-more a:visited { =09 } html.mobile #PageWrapper .WhatsNew .WhatsNew-more a:visited { =09 } @media all and (max-width:768px) { #PageWrapper .WhatsNew .WhatsNew-more a:visited { =09 } } @media all and (max-width:447px) { #PageWrapper .WhatsNew .WhatsNew-more a:visited { =09 } } #PageWrapper .WhatsNew .WhatsNew-more a:hover { =09 } html.mobile #PageWrapper .WhatsNew .WhatsNew-more a:hover { =09 } html.mobile #PageWrapper .WhatsNew .WhatsNew-more a:hover { =09 } @media all and (max-width:768px) { #PageWrapper .WhatsNew .WhatsNew-more a:hover { =09 } } @media all and (max-width:447px) { #PageWrapper .WhatsNew .WhatsNew-more a:hover { =09 } } #PageWrapper .WhatsNew h2 a { =09 } html.mobile #PageWrapper .WhatsNew h2 a { =09 } html.mobile #PageWrapper .WhatsNew h2 a { =09 } @media all and (max-width:768px) { #PageWrapper .WhatsNew h2 a { =09 } } @media all and (max-width:447px) { #PageWrapper .WhatsNew h2 a { =09 } } #PageWrapper .WhatsNew h2 a:link { =09 } html.mobile #PageWrapper .WhatsNew h2 a:link { =09 } html.mobile #PageWrapper .WhatsNew h2 a:link { =09 } @media all and (max-width:768px) { #PageWrapper .WhatsNew h2 a:link { =09 } } @media all and (max-width:447px) { #PageWrapper .WhatsNew h2 a:link { =09 } } #PageWrapper .WhatsNew h2 a:visited { =09 } html.mobile #PageWrapper .WhatsNew h2 a:visited { =09 } html.mobile #PageWrapper .WhatsNew h2 a:visited { =09 } @media all and (max-width:768px) { #PageWrapper .WhatsNew h2 a:visited { =09 } } @media all and (max-width:447px) { #PageWrapper .WhatsNew h2 a:visited { =09 } } #PageWrapper .WhatsNew h2 a:hover { =09 } html.mobile #PageWrapper .WhatsNew h2 a:hover { =09 } html.mobile #PageWrapper .WhatsNew h2 a:hover { =09 } @media all and (max-width:768px) { #PageWrapper .WhatsNew h2 a:hover { =09 } } @media all and (max-width:447px) { #PageWrapper .WhatsNew h2 a:hover { =09 } } #PageWrapper #HeaderWrapper { =09 } html.mobile #PageWrapper #HeaderWrapper { =09 } html.mobile #PageWrapper #HeaderWrapper { =09 } @media all and (max-width:768px) { #PageWrapper #HeaderWrapper { =09 } } @media all and (max-width:447px) { #PageWrapper #HeaderWrapper { =09 } } #PageWrapper #FooterWrapper { =09 } html.mobile #PageWrapper #FooterWrapper { =09 } html.mobile #PageWrapper #FooterWrapper { =09 } @media all and (max-width:768px) { #PageWrapper #FooterWrapper { =09 } } @media all and (max-width:447px) { #PageWrapper #FooterWrapper { =09 } } #PageWrapper .Caption { =09 } html.mobile #PageWrapper .Caption { =09 } html.mobile #PageWrapper .Caption { =09 } @media all and (max-width:768px) { #PageWrapper .Caption { =09 } } @media all and (max-width:447px) { #PageWrapper .Caption { =09 } } #PageWrapper .ImageBlock a:link span { =09 } html.mobile #PageWrapper .ImageBlock a:link span { =09 } html.mobile #PageWrapper .ImageBlock a:link span { =09 } @media all and (max-width:768px) { #PageWrapper .ImageBlock a:link span { =09 } } @media all and (max-width:447px) { #PageWrapper .ImageBlock a:link span { =09 } } #PageWrapper .ImageBlock a:visited span { =09 } html.mobile #PageWrapper .ImageBlock a:visited span { =09 } html.mobile #PageWrapper .ImageBlock a:visited span { =09 } @media all and (max-width:768px) { #PageWrapper .ImageBlock a:visited span { =09 } } @media all and (max-width:447px) { #PageWrapper .ImageBlock a:visited span { =09 } } #PageWrapper .ImageBlock a:hover span { =09 } html.mobile #PageWrapper .ImageBlock a:hover span { =09 } html.mobile #PageWrapper .ImageBlock a:hover span { =09 } @media all and (max-width:768px) { #PageWrapper .ImageBlock a:hover span { =09 } } @media all and (max-width:447px) { #PageWrapper .ImageBlock a:hover span { =09 } } #PageWrapper #Header .WebsiteName { =09 } html.mobile #PageWrapper #Header .WebsiteName { =09 } html.mobile #PageWrapper #Header .WebsiteName { =09 } @media all and (max-width:768px) { #PageWrapper #Header .WebsiteName { =09 } } @media all and (max-width:447px) { #PageWrapper #Header .WebsiteName { =09 } } #PageWrapper #Header .Tagline { =09 } html.mobile #PageWrapper #Header .Tagline { =09 } html.mobile #PageWrapper #Header .Tagline { =09 } @media all and (max-width:768px) { #PageWrapper #Header .Tagline { =09 } } @media all and (max-width:447px) { #PageWrapper #Header .Tagline { =09 } } #PageWrapper #Header .WebsiteName a { =09 } html.mobile #PageWrapper #Header .WebsiteName a { =09 } html.mobile #PageWrapper #Header .WebsiteName a { =09 } @media all and (max-width:768px) { #PageWrapper #Header .WebsiteName a { =09 } } @media all and (max-width:447px) { #PageWrapper #Header .WebsiteName a { =09 } } #PageWrapper #Header .WebsiteName a:link { =09 } html.mobile #PageWrapper #Header .WebsiteName a:link { =09 } html.mobile #PageWrapper #Header .WebsiteName a:link { =09 } @media all and (max-width:768px) { #PageWrapper #Header .WebsiteName a:link { =09 } } @media all and (max-width:447px) { #PageWrapper #Header .WebsiteName a:link { =09 } } #PageWrapper #Header .WebsiteName a:visited { =09 } html.mobile #PageWrapper #Header .WebsiteName a:visited { =09 } html.mobile #PageWrapper #Header .WebsiteName a:visited { =09 } @media all and (max-width:768px) { #PageWrapper #Header .WebsiteName a:visited { =09 } } @media all and (max-width:447px) { #PageWrapper #Header .WebsiteName a:visited { =09 } } #PageWrapper #Header .WebsiteName a:hover { =09 } html.mobile #PageWrapper #Header .WebsiteName a:hover { =09 } html.mobile #PageWrapper #Header .WebsiteName a:hover { =09 } @media all and (max-width:768px) { #PageWrapper #Header .WebsiteName a:hover { =09 } } @media all and (max-width:447px) { #PageWrapper #Header .WebsiteName a:hover { =09 } } #PageWrapper .Ezine2 { =09 } html.mobile #PageWrapper .Ezine2 { =09 } html.mobile #PageWrapper .Ezine2 { =09 } @media all and (max-width:768px) { #PageWrapper .Ezine2 { =09 } } @media all and (max-width:447px) { #PageWrapper .Ezine2 { =09 } } #PageWrapper .Ezine2 .EzineRow label { =09 } html.mobile #PageWrapper .Ezine2 .EzineRow label { =09 } html.mobile #PageWrapper .Ezine2 .EzineRow label { =09 } @media all and (max-width:768px) { #PageWrapper .Ezine2 .EzineRow label { =09 } } @media all and (max-width:447px) { #PageWrapper .Ezine2 .EzineRow label { =09 } } #PageWrapper .Ezine2 .EzineRow input { =09 } html.mobile #PageWrapper .Ezine2 .EzineRow input { =09 } html.mobile #PageWrapper .Ezine2 .EzineRow input { =09 } @media all and (max-width:768px) { #PageWrapper .Ezine2 .EzineRow input { =09 } } @media all and (max-width:447px) { #PageWrapper .Ezine2 .EzineRow input { =09 } } #PageWrapper .Ezine2 .EzineButton { =09 } html.mobile #PageWrapper .Ezine2 .EzineButton { =09 } html.mobile #PageWrapper .Ezine2 .EzineButton { =09 } @media all and (max-width:768px) { #PageWrapper .Ezine2 .EzineButton { =09 } } @media all and (max-width:447px) { #PageWrapper .Ezine2 .EzineButton { =09 } } .page_footer_container { margin: 12px auto; width: 100%; max-width: 500px; } .page_footer_content { width: 100%; text-align: center; background-color: transparent; } .page_footer_liner { padding: 12px; } .page_footer_divider_above { margin: 0px auto; border: 0px currentColor; border-image: none; width: = 100%; } .page_footer_divider_below { margin: 0px auto; } .page_footer_text { padding: 12px 0px; text-align: center; color: rgb(0, 0, 0); = font-family: AvantGardeRegular; font-size: 12px; } .page_footer_text a { padding: 12px 0px; text-align: center; color: rgb(0, 0, 0); = font-family: AvantGardeRegular; font-size: 12px; } .powered_by_sbi_banner { margin: 0px auto; width: 100%; text-align: center; max-width: 500px; } ------=_NextPart_000_0000_01D0DB57.22142E50 Content-Type: application/octet-stream Content-Transfer-Encoding: quoted-printable Content-Location: http://www.electronics-project-design.com/sd/support-files/mobile.js var MOBILE =3D MOBILE || {};=0A= =0A= MOBILE.viewMode =3D "full"; // or "mobile"=0A= MOBILE.deviceType =3D "other"; // or "mobile"=0A= MOBILE.currentSection =3D "content"; // or "navigation"=0A= MOBILE.orientation =3D ""; // "landscape" or "portrait"=0A= MOBILE.toolbarFactor =3D 0;=0A= MOBILE.mobileViewHeight =3D 0;=0A= MOBILE.footerHeight =3D 0;=0A= MOBILE.userAgent =3D "";=0A= MOBILE.toolbarEl =3D null;=0A= MOBILE.toolbarInnerWrapperEl =3D null;=0A= MOBILE.mobileBtnEl =3D null;=0A= MOBILE.navBtnEl =3D null;=0A= MOBILE.toTopBtnEl =3D null;=0A= MOBILE.enabled =3D false;=0A= MOBILE.contentColumnWidth =3D 0;=0A= =0A= MOBILE.checkIfMobile =3D function() {=0A= if (!MOBILE.enabled) {=0A= MOBILE.enabled =3D /mobileTrial=3D1/.test(document.cookie);=0A= }=0A= MOBILE.userAgent =3D navigator.userAgent;=0A= // without "Mobile" it would be a tablet, which is not our target = device yet=0A= var androidMobile =3D (/Android/i.test(MOBILE.userAgent) && = (/Mobile/i.test(MOBILE.userAgent)));=0A= // these are our target mobile devices=0A= if (MOBILE.enabled && = (/iPhone|iPod|BlackBerry/i.test(MOBILE.userAgent) || androidMobile)) {=0A= MOBILE.deviceType =3D "mobile";=0A= document.documentElement.className +=3D " m";=0A= if (localStorage.getItem("fullView")) { // full site view=0A= document.documentElement.className +=3D " fullView";=0A= MOBILE.viewMode =3D "full";=0A= } else { // mobile view=0A= document.documentElement.className +=3D " mobile";=0A= MOBILE.viewMode =3D "mobile";=0A= }=0A= if (MOBILE.userAgent.match(/Android 2/i)) { // Android 2.x fix=0A= document.documentElement.className +=3D " android2";=0A= }=0A= }=0A= };=0A= =0A= MOBILE.changeViewMode =3D function(mode) {=0A= if (mode =3D=3D=3D "full") { // change to full site view=0A= localStorage.setItem("fullView", true);=0A= window.location.reload();=0A= } else if (mode =3D=3D=3D "mobile") { // change to mobile view=0A= localStorage.removeItem("fullView");=0A= window.location.reload();=0A= }=0A= };=0A= =0A= MOBILE.setHeaderHeight =3D function() {=0A= var header =3D document.getElementById("Header");=0A= var headerLiner =3D header.querySelector(".Liner");=0A= var headerLinerBgUrl =3D window.getComputedStyle(headerLiner, = null).getPropertyValue("background-image");=0A= var phantomHeaderImage =3D document.createElement("img");=0A= var newHeight =3D 0;=0A= phantomHeaderImage.src =3D headerLinerBgUrl.replace(/^url\(["']?/, = '').replace(/["']?\)$/, ' ');=0A= phantomHeaderImage.className =3D "phantomHeaderImage";=0A= phantomHeaderImage.width =3D header.offsetWidth;=0A= header.appendChild(phantomHeaderImage);=0A= =0A= var readNewHeight =3D function() {=0A= newHeight =3D phantomHeaderImage.offsetHeight - 3;=0A= if (newHeight > 0) {=0A= headerLiner.style.minHeight =3D newHeight + "px";=0A= headerLiner.style.height =3D "auto";=0A= if (MOBILE.viewMode =3D=3D=3D "mobile") {=0A= MOBILE.setFooterPosition();=0A= }=0A= }=0A= };=0A= =0A= if (phantomHeaderImage.complete) {=0A= readNewHeight();=0A= } else {=0A= phantomHeaderImage.onload =3D function() {=0A= readNewHeight();=0A= }=0A= }=0A= =0A= var onResize =3D function() {=0A= phantomHeaderImage.width =3D header.offsetWidth;=0A= readNewHeight();=0A= };=0A= if (MOBILE.viewMode =3D=3D=3D "mobile") {=0A= window.addEventListener("resize", onResize, true);=0A= }=0A= };=0A= =0A= MOBILE.fullBtnText =3D MOBILE.fullBtnText || 'Full Site';=0A= MOBILE.mobileBtnText =3D MOBILE.mobileBtnText || 'View Mobile Site';=0A= MOBILE.navBtnText =3D MOBILE.navBtnText || 'Navigation';=0A= MOBILE.toTopBtnText =3D MOBILE.toTopBtnText || 'Back to Top';=0A= =0A= MOBILE.addToolbars =3D function() {=0A= var body =3D document.getElementsByTagName("body")[0];=0A= var pageWrapper =3D document.getElementById("PageWrapper");=0A= var navColumnEl =3D document.getElementById("NavColumn");=0A= var toolbarEl =3D document.createElement("div");=0A= var toolbarInnerWrapperEl =3D document.createElement("div");=0A= toolbarEl.setAttribute("id", "toolbar");=0A= toolbarInnerWrapperEl.setAttribute("id", "toolbarInnerWrapper");=0A= toolbarInnerWrapperEl.innerHTML =3D '' +=0A= '' +=0A= '' +=0A= '';=0A= toolbarEl.appendChild(toolbarInnerWrapperEl);=0A= body.insertBefore(toolbarEl, pageWrapper);=0A= MOBILE.toolbarEl =3D toolbarEl;=0A= MOBILE.toolbarInnerWrapperEl =3D toolbarInnerWrapperEl;=0A= =0A= if (MOBILE.viewMode =3D=3D=3D "full") { // avoid flickering on start=0A= toolbarEl.style.display =3D "none";=0A= }=0A= =0A= var fullBtnEl =3D document.getElementById("fullBtn");=0A= var mobileBtnEl =3D document.getElementById("mobileBtn");=0A= var navBtnEl =3D document.getElementById("navBtn");=0A= var toTopBtnEl =3D document.getElementById("toTopBtn");=0A= MOBILE.mobileBtnEl =3D mobileBtnEl;=0A= MOBILE.navBtnEl =3D navBtnEl;=0A= MOBILE.toTopBtnEl =3D toTopBtnEl;=0A= =0A= fullBtnEl.onclick =3D function() { // change to full view=0A= MOBILE.changeViewMode("full");=0A= };=0A= =0A= mobileBtnEl.onclick =3D function() { // change to mobile view=0A= MOBILE.changeViewMode("mobile");=0A= };=0A= =0A= navBtnEl.onclick =3D function() { // scroll to nav=0A= MOBILE.scrollTo(navColumnEl.offsetTop - 35); // 35 =3D toolbar = height=0A= MOBILE.switchButton("top");=0A= };=0A= =0A= toTopBtnEl.onclick =3D function() { // scroll to top=0A= MOBILE.scrollTo(0);=0A= MOBILE.switchButton("nav");=0A= };=0A= };=0A= =0A= MOBILE.resizeToolbar =3D function() {=0A= var horizontalSpace =3D screen.width;=0A= var dpr =3D 1;=0A= if (window.devicePixelRatio !=3D=3D undefined) {=0A= dpr =3D window.devicePixelRatio;=0A= }=0A= =0A= // buggy screen width fix (iPhone and Android Chrome)=0A= if (MOBILE.userAgent.match(/iPhone/i) || = (MOBILE.userAgent.match(/Android/i) && = MOBILE.userAgent.match(/Chrome/i))) {=0A= if ((window.orientation =3D=3D=3D 90) || (window.orientation = =3D=3D=3D -90)) { // if in landscape mode=0A= horizontalSpace =3D screen.height;=0A= }=0A= }=0A= if (MOBILE.userAgent.match(/iPhone/i)) { // iPhone fix=0A= if (dpr =3D=3D=3D 2) {=0A= // retina fix for buggy screen size=0A= horizontalSpace =3D horizontalSpace * 2;=0A= }=0A= }=0A= =0A= var toolbarFactor =3D window.innerWidth / (horizontalSpace / dpr);=0A= if (toolbarFactor !=3D=3D MOBILE.toolbarFactor) {=0A= MOBILE.toolbarFactor =3D toolbarFactor;=0A= =0A= var newPadding =3D 2 * toolbarFactor;=0A= newPadding =3D newPadding.toFixed(2) + "px";=0A= var newFontSize =3D 12 * toolbarFactor;=0A= newFontSize =3D newFontSize.toFixed(2) + "px";=0A= =0A= //MOBILE.mobileBtnEl.innerHTML =3D "iw =3D " + window.innerWidth = + " hs =3D " + horizontalSpace + " dpr =3D " + dpr + " f =3D " + = toolbarFactor.toFixed(2);=0A= =0A= MOBILE.mobileBtnEl.style.fontSize =3D newFontSize;=0A= MOBILE.toolbarEl.style.padding =3D newPadding;=0A= MOBILE.toolbarEl.style.display =3D "block";=0A= }=0A= };=0A= =0A= MOBILE.refreshToolbar =3D function() {=0A= MOBILE.toolbarEl.style.display =3D "none";=0A= setTimeout(function() {=0A= MOBILE.toolbarEl.style.display =3D "block";=0A= MOBILE.toolbarInnerWrapperEl.style.width =3D window.innerWidth + = "px"; // display:table fix=0A= }, 500);=0A= };=0A= =0A= MOBILE.detectCurrentSection =3D function() {=0A= var navColumnEl =3D document.getElementById("NavColumn");=0A= if (!navColumnEl) {=0A= return;=0A= }=0A= var navColumnTopPosition =3D navColumnEl.offsetTop;=0A= if ((navColumnTopPosition - window.pageYOffset - window.innerHeight) = < 0) {=0A= if (MOBILE.currentSection =3D=3D=3D "content") {=0A= MOBILE.switchButton("top");=0A= MOBILE.currentSection =3D "navigation";=0A= }=0A= } else {=0A= if (MOBILE.currentSection =3D=3D=3D "navigation") {=0A= MOBILE.switchButton("nav");=0A= MOBILE.currentSection =3D "content";=0A= }=0A= }=0A= };=0A= =0A= MOBILE.switchButton =3D function(targetBtn) {=0A= if (targetBtn =3D=3D=3D "top") {=0A= MOBILE.navBtnEl.style.display =3D "none";=0A= MOBILE.toTopBtnEl.style.display =3D "inline-block";=0A= } else { // navigation=0A= MOBILE.toTopBtnEl.style.display =3D "none";=0A= MOBILE.navBtnEl.style.display =3D "inline-block";=0A= }=0A= };=0A= =0A= MOBILE.scrollTo =3D function(y) {=0A= var body =3D document.getElementsByTagName("body")[0];=0A= var div =3D document.createElement("div");=0A= div.className =3D "iosbtnfix";=0A= body.appendChild(div);=0A= window.scrollTo(0, y);=0A= setTimeout(function() {=0A= body.removeChild(document.querySelectorAll(".iosbtnfix")[0]);=0A= }, 500);=0A= };=0A= =0A= MOBILE.orientationMarker =3D function() {=0A= if ((window.orientation =3D=3D=3D 90) || (window.orientation = =3D=3D=3D -90)) { // if in landscape mode=0A= document.documentElement.className =3D = document.documentElement.className.replace(/(^|\s+)portrait(\s+|$)/, ' = ');=0A= document.documentElement.className +=3D " landscape";=0A= MOBILE.orientation =3D "landscape";=0A= } else { // portrait=0A= document.documentElement.className =3D = document.documentElement.className.replace(/(^|\s+)landscape(\s+|$)/, ' = ');=0A= document.documentElement.className +=3D " portrait";=0A= MOBILE.orientation =3D "portrait";=0A= }=0A= };=0A= =0A= MOBILE.setFooterPosition =3D function() {=0A= var footerEl =3D document.getElementById("Footer");=0A= var NavColumnEl =3D document.getElementById("NavColumn");=0A= var ExtraColumnEl =3D document.getElementById("ExtraColumn");=0A= =0A= if (!NavColumnEl && !ExtraColumnEl) {=0A= return;=0A= }=0A= =0A= var mobileViewHeight =3D NavColumnEl.offsetTop - = parseInt(window.getComputedStyle(NavColumnEl, = null).getPropertyValue("margin-top"), 10);=0A= =0A= var footerHeight =3D footerEl.offsetHeight;=0A= =0A= if (mobileViewHeight !=3D=3D MOBILE.mobileViewHeight) {=0A= footerEl.style.top =3D mobileViewHeight + "px";=0A= MOBILE.mobileViewHeight =3D mobileViewHeight;=0A= }=0A= =0A= if (footerHeight !=3D=3D MOBILE.footerHeight) {=0A= NavColumnEl.style.marginTop =3D footerHeight + "px";=0A= if (ExtraColumnEl) {=0A= ExtraColumnEl.style.marginTop =3D footerHeight + "px";=0A= }=0A= MOBILE.footerHeight =3D footerHeight;=0A= }=0A= };=0A= =0A= MOBILE.fixImageProportions =3D function() {=0A= MOBILE.contentColumnWidth =3D parseInt(MOBILE.contentColumnWidth);=0A= if (MOBILE.contentColumnWidth > 300) {=0A= var images =3D document.querySelectorAll("#ContentColumn .Liner = > .ItemCenter > img, #ContentColumn .Liner > .ItemLeft > img, = #ContentColumn .Liner > .ItemRight > img, #ContentColumn .Liner > = .ImageBlock > img, #ContentColumn .Liner > .ItemCenter > a > img, = #ContentColumn .Liner > .ItemLeft > a > img, #ContentColumn .Liner > = .ItemRight > a > img, #ContentColumn .Liner > .ImageBlock > a > img, = #ContentColumn .Liner > .ImageBlock > .noalignment > a > img, = #ContentColumn .Liner > .ImageBlock > .noalignment > img");=0A= var width =3D 0;=0A= var originalAttributeWidth =3D 0;=0A= var borderLeft =3D 0;=0A= var borderRight =3D 0;=0A= var marginLeft =3D 0;=0A= var marginRight =3D 0;=0A= var newWidth;=0A= var parent =3D null;=0A= var noalignmentNode =3D null;=0A= var captionEl =3D null;=0A= =0A= function setPercentageWidth(img) {=0A= borderLeft =3D parseInt(window.getComputedStyle(img, = null).getPropertyValue("border-left-width"), 10);=0A= borderRight =3D parseInt(window.getComputedStyle(img, = null).getPropertyValue("border-right-width"), 10);=0A= marginLeft =3D parseInt(window.getComputedStyle(img, = null).getPropertyValue("margin-left"), 10);=0A= marginRight =3D parseInt(window.getComputedStyle(img, = null).getPropertyValue("margin-right"), 10);=0A= =0A= captionEl =3D = img.parentNode.getElementsByClassName("Caption")[0];=0A= =0A= // read original attribute width saved by fix.js=0A= originalAttributeWidth =3D img.getAttribute("data-width");=0A= if (originalAttributeWidth) {=0A= width =3D parseInt(originalAttributeWidth, 10);=0A= }=0A= else {=0A= width =3D img.naturalWidth;=0A= }=0A= if (width =3D=3D=3D 0) {=0A= return;=0A= }=0A= if (width < MOBILE.contentColumnWidth) {=0A= newWidth =3D ((width + borderLeft + borderRight) / = MOBILE.contentColumnWidth) * 100;=0A= newWidth =3D newWidth.toFixed(2) + "%";=0A= parent =3D img.parentNode;=0A= if (parent.tagName =3D=3D=3D "A") {=0A= parent =3D parent.parentNode;=0A= }=0A= if (parent.className =3D=3D=3D "noalignment") {=0A= noalignmentNode =3D parent;=0A= parent =3D parent.parentNode;=0A= }=0A= if = (parent.className.match(/ItemLeft|ItemRight|ImageBlockLeft|ImageBlockRigh= t/i)) {=0A= parent.style.width =3D newWidth;=0A= if (marginLeft > 0) {=0A= img.style.marginLeft =3D 0;=0A= parent.style.paddingLeft =3D marginLeft + "px";=0A= }=0A= if (marginRight > 0) {=0A= img.style.marginRight =3D 0;=0A= parent.style.paddingRight =3D marginRight + "px";=0A= }=0A= if (captionEl) {=0A= captionEl.style.width =3D "100%";=0A= }=0A= img.setAttribute("width", "100%");=0A= } else {=0A= img.setAttribute("width", newWidth);=0A= if (captionEl) {=0A= captionEl.style.width =3D newWidth;=0A= if = (parent.className.match(/ItemCenter|ImageBlockCenter/i)) {=0A= captionEl.style.marginLeft =3D "auto";=0A= captionEl.style.marginRight =3D "auto";=0A= }=0A= }=0A= if (noalignmentNode) {=0A= noalignmentNode.style.width =3D "100%";=0A= }=0A= }=0A= }=0A= }=0A= =0A= for (var i =3D 0, ilen =3D images.length; i < ilen; i++) {=0A= var widthAttribute =3D images[i].getAttribute("width");=0A= if ((widthAttribute !=3D=3D null) && = (widthAttribute[widthAttribute.length - 1] =3D=3D=3D "%")) {=0A= // skip images that already uses percentage width values=0A= continue;=0A= }=0A= (function(img) {=0A= if(img.complete) {=0A= setPercentageWidth(img);=0A= } else {=0A= img.onload =3D function() {=0A= setPercentageWidth(img);=0A= }=0A= }=0A= }(images[i]));=0A= }=0A= }=0A= };=0A= =0A= MOBILE.fixAdAlignment =3D function() {=0A= var ads;=0A= var i, ilen;=0A= =0A= ads =3D document.querySelectorAll("#ContentColumn = .wasAdSenseBoxLeft");=0A= for (i =3D 0, ilen =3D ads.length; i < ilen; i++) {=0A= ads[i].className =3D = ads[i].className.replace(/(^|\s+)wasAdSenseBoxLeft(\s+|$)/, ' ');=0A= ads[i].className +=3D " AdSenseBoxLeft";=0A= }=0A= ads =3D document.querySelectorAll("#ContentColumn = .wasAdSenseBoxRight");=0A= for (i =3D 0, ilen =3D ads.length; i < ilen; i++) {=0A= ads[i].className =3D = ads[i].className.replace(/(^|\s+)wasAdSenseBoxRight(\s+|$)/, ' ');=0A= ads[i].className +=3D " AdSenseBoxRight";=0A= }=0A= =0A= ads =3D document.querySelectorAll("#ContentColumn .AdSenseBoxLeft, = #ContentColumn .AdSenseBoxRight");=0A= for (i =3D 0, ilen =3D ads.length; i < ilen; i++) {=0A= if ((ads[i].clientWidth / MOBILE.viewportWidth()) > 0.6) {=0A= if (/(^|\s)AdSenseBoxLeft(\s|$)/.test(ads[i].className)) {=0A= ads[i].className =3D = ads[i].className.replace(/(^|\s+)AdSenseBoxLeft(\s+|$)/, ' ');=0A= ads[i].className +=3D " wasAdSenseBoxLeft";=0A= } else if = (/(^|\s)AdSenseBoxRight(\s|$)/.test(ads[i].className)) {=0A= ads[i].className =3D = ads[i].className.replace(/(^|\s+)AdSenseBoxRight(\s+|$)/, ' ');=0A= ads[i].className +=3D " wasAdSenseBoxRight";=0A= }=0A= ads[i].style.textAlign =3D "center";=0A= ads[i].style.clear =3D "both";=0A= }=0A= }=0A= };=0A= =0A= MOBILE.startLoop =3D function(f, options) {=0A= var counter =3D 0;=0A= var max =3D options.max || 120;=0A= var delay =3D options.delay || 500;=0A= var loop =3D function() {=0A= counter++;=0A= if (counter > max) {=0A= if (typeof options.callback !=3D=3D 'undefined') {=0A= options.callback();=0A= }=0A= return;=0A= }=0A= f();=0A= setTimeout(function() {=0A= loop();=0A= }, delay);=0A= };=0A= loop();=0A= };=0A= =0A= MOBILE.doOnOrientationChange =3D function() {=0A= MOBILE.orientationMarker();=0A= MOBILE.startLoop(MOBILE.setFooterPosition, {max: 5, delay: 100});=0A= MOBILE.refreshToolbar();=0A= MOBILE.startLoop(MOBILE.fixImageProportions, {max: 2, delay: 1500});=0A= MOBILE.startLoop(MOBILE.fixAdAlignment, {max: 2, delay: 1500});=0A= };=0A= =0A= MOBILE.removeDesktopOnly =3D function() {=0A= var desktopOnlyItems =3D document.querySelectorAll(".desktopOnly");=0A= for (var i =3D 0, ilen =3D desktopOnlyItems.length; i < ilen; i++) {=0A= var desktopOnlyItem =3D desktopOnlyItems[i];=0A= desktopOnlyItem.parentNode.removeChild(desktopOnlyItem);=0A= }=0A= };=0A= =0A= MOBILE.init =3D function() {=0A= MOBILE.checkIfMobile();=0A= if (MOBILE.viewMode =3D=3D=3D "mobile") {=0A= document.write('');=0A= }=0A= };=0A= =0A= MOBILE.doEndOfHead =3D function() {=0A= if (typeof mobileSandBox !=3D=3D 'undefined') {=0A= MOBILE.enabled =3D true;=0A= MOBILE.init();=0A= }=0A= };=0A= =0A= MOBILE.doAfterHeader =3D function() {=0A= if (MOBILE.viewMode =3D=3D=3D "mobile") {=0A= MOBILE.setHeaderHeight();=0A= }=0A= };=0A= =0A= MOBILE.doEndOfBody =3D function() {=0A= if (MOBILE.deviceType =3D=3D=3D "mobile") {=0A= MOBILE.addToolbars();=0A= if (MOBILE.userAgent.match(/BlackBerry|Android 2/i)) {=0A= // for the devices that don't support position:fixed=0A= MOBILE.toolbarEl.style.position =3D "absolute";=0A= window.addEventListener ("scroll", function() { = MOBILE.toolbarEl.style.top =3D window.scrollY + 'px'; }, false);=0A= }=0A= if (MOBILE.viewMode =3D=3D=3D "full") {=0A= setInterval(MOBILE.resizeToolbar, 100);=0A= window.addEventListener ("resize", MOBILE.resizeToolbar, = false);=0A= } else { // mobile view=0A= MOBILE.orientationMarker();=0A= window.addEventListener ("orientationchange", = MOBILE.doOnOrientationChange, false);=0A= if (!MOBILE.userAgent.match(/iPhone/i)) {=0A= window.addEventListener ("resize", = MOBILE.refreshToolbar, false);=0A= }=0A= MOBILE.setFooterPosition();=0A= MOBILE.startLoop(MOBILE.setFooterPosition, {max: 960, delay: = 500});=0A= window.addEventListener ("scroll", = MOBILE.detectCurrentSection, false);=0A= MOBILE.removeDesktopOnly();=0A= MOBILE.fixImageProportions();=0A= MOBILE.fixAdAlignment();=0A= }=0A= // hide side columns on msb.html page=0A= if (typeof mobileSandBox !=3D=3D 'undefined') {=0A= var navColumnEl =3D document.getElementById("NavColumn");=0A= var extraColumnEl =3D document.getElementById("ExtraColumn");=0A= if (navColumnEl) {=0A= navColumnEl.style.display =3D "none";=0A= }=0A= if (extraColumnEl) {=0A= extraColumnEl.style.display =3D "none";=0A= }=0A= }=0A= }=0A= };=0A= =0A= MOBILE.viewportWidth =3D function() {=0A= var viewportWidth;=0A= // browsers=0A= if (typeof window.innerWidth !=3D "undefined") {=0A= viewportWidth =3D window.innerWidth;=0A= }=0A= // IE standard compliant mode=0A= else if (typeof document.documentElement !=3D "undefined"=0A= && typeof document.documentElement.offsetWidth !=3D "undefined"=0A= && document.documentElement.offsetWidth !=3D 0) {=0A= viewportWidth =3D document.documentElement.offsetWidth;=0A= }=0A= // IE quirks mode=0A= else {=0A= viewportWidth =3D = document.getElementsByTagName('body')[0].offsetWidth;=0A= }=0A= return viewportWidth;=0A= };=0A= =0A= MOBILE.updateValues =3D function(client,slot,width,height) {=0A= var ins =3D document.getElementsByTagName("ins");=0A= for (var i=3D0, insLen=3Dins.length; i tags in the code=0A= break;=0A= }=0A= }=0A= if (!elem) {=0A= throw new Error("INS tag with class name 'adsbygoogle' is absent = in the code");=0A= }=0A= elem.style.width =3D width+'px';=0A= elem.style.height =3D height+'px';=0A= elem.setAttribute('data-ad-client',client);=0A= elem.setAttribute('data-ad-slot',slot);=0A= };=0A= ------=_NextPart_000_0000_01D0DB57.22142E50 Content-Type: application/octet-stream Content-Transfer-Encoding: quoted-printable Content-Location: http://www.electronics-project-design.com/sd/support-files/fix.js var FIX =3D FIX || {};=0A= =0A= FIX.addEventListener =3D function(el, type, callback) {=0A= if (typeof el.addEventListener =3D=3D=3D 'function') {=0A= el.addEventListener(type, callback, false);=0A= }=0A= else if (typeof el.attachEvent =3D=3D=3D 'object' && el.attachEvent = !=3D=3D null) {=0A= el.attachEvent('on'+type, callback);=0A= }=0A= };=0A= =0A= FIX.pageWrapperHeight =3D 0;=0A= FIX.designMode =3D "";=0A= FIX.passwordProtection =3D "none";=0A= FIX.headerHeight =3D 0;=0A= FIX.isFixedHeader =3D false;=0A= =0A= // gets a number value for a given property describing box model = dimensions=0A= FIX.getBoxPropertyValue =3D function(el, property) {=0A= var camelProperties =3D {=0A= 'padding-top' : 'paddingTop',=0A= 'padding-right' : 'paddingRight',=0A= 'padding-bottom' : 'paddingBottom',=0A= 'padding-left' : 'paddingLeft',=0A= 'border-top-width' : 'borderTopWidth',=0A= 'border-right-width' : 'borderRightWidth',=0A= 'border-bottom-width' : 'borderBottomWidth',=0A= 'border-left-width' : 'borderLeftWidth',=0A= 'margin-top' : 'marginTop',=0A= 'margin-right' : 'marginRight',=0A= 'margin-bottom' : 'marginBottom',=0A= 'margin-left' : 'marginLeft'=0A= };=0A= if (!camelProperties[property]) {=0A= throw new Error('FIX unknown property "'+property+'".');=0A= }=0A= =0A= var styleValue =3D '';=0A= =0A= if (typeof window.getComputedStyle =3D=3D=3D 'function') {=0A= styleValue =3D parseInt(window.getComputedStyle(el, = null).getPropertyValue(property), 10);=0A= }=0A= else if (typeof el.currentStyle =3D=3D=3D 'object' && = el.currentStyle !=3D=3D null) {=0A= styleValue =3D = parseInt(el.currentStyle[camelProperties[property]], 10);=0A= }=0A= =0A= // margins and borders should be numbers,=0A= // however on IEs and Opera values as 'auto' or 'none' can't be = converted to Number=0A= if (isNaN(styleValue)) {=0A= styleValue =3D 0;=0A= }=0A= =0A= return styleValue;=0A= };=0A= =0A= // finds .Liner (section's inner wrapper) for a given section ID=0A= FIX.findLiner =3D function(parentId) {=0A= var parent =3D document.getElementById(parentId);=0A= if (!parent) {=0A= return;=0A= }=0A= var el =3D parent.firstChild;=0A= while (el) {=0A= if (/(^|\s)Liner(\s|$)/.test(el.className)) {=0A= return el;=0A= }=0A= el =3D el.nextSibling;=0A= }=0A= };=0A= =0A= // checks if an image is an ImageBlock's one=0A= FIX.isImageBlockImage =3D function(img) {=0A= var el =3D img;=0A= while (el) {=0A= if (/(^|\s)ImageBlock(\s|$)/.test(el.className)) {=0A= return true;=0A= }=0A= else if (/(^|\s)Liner(\s|$)/.test(el.className)) {=0A= return false; // no need to continue looking=0A= }=0A= el =3D el.parentNode;=0A= }=0A= return false;=0A= };=0A= =0A= FIX.computeHeightForLiner =3D function(el, height) {=0A= var verticalPadding =3D FIX.getBoxPropertyValue(el, 'padding-top') +=0A= FIX.getBoxPropertyValue(el, 'padding-bottom');=0A= var verticalBorder =3D FIX.getBoxPropertyValue(el, = 'border-top-width') +=0A= FIX.getBoxPropertyValue(el, = 'border-bottom-width');=0A= var topMargin =3D FIX.getBoxPropertyValue(el, 'margin-top');=0A= =0A= return height - verticalPadding - verticalBorder - topMargin;=0A= };=0A= =0A= FIX.computeAvailableWidth =3D function(el) {=0A= var horizontalPadding =3D FIX.getBoxPropertyValue(el, = 'padding-left') +=0A= FIX.getBoxPropertyValue(el, 'padding-right');=0A= =0A= return el.clientWidth - horizontalPadding;=0A= };=0A= =0A= // gets total width (=3D amount of space reserved by an element) of an = element=0A= FIX.computeTotalWidth =3D function(el, availableWidth) {=0A= var horizontalPadding =3D FIX.getBoxPropertyValue(el, = 'padding-left') +=0A= FIX.getBoxPropertyValue(el, 'padding-right');=0A= var horizontalBorder =3D FIX.getBoxPropertyValue(el, = 'border-left-width') +=0A= FIX.getBoxPropertyValue(el, = 'border-right-width');=0A= var horizontalMargin =3D FIX.getBoxPropertyValue(el, 'margin-left') +=0A= FIX.getBoxPropertyValue(el, 'margin-right');=0A= =0A= // fix for an issue that might be caused by user's custom CSS = overriding SS default CSS code for images=0A= // for div-based layouts negative right margins appears on: Safari = lte 4 (for block images)=0A= // and IE 9, Chrome ~20 (for block images with margin: auto)=0A= // the negative margin equals the width of that part of an image = that would stick out=0A= // if no image resizing was performed=0A= if (horizontalMargin =3D=3D=3D (availableWidth - el.width - = horizontalBorder)) {=0A= horizontalMargin =3D 0;=0A= }=0A= =0A= return el.width + horizontalPadding + horizontalMargin + = horizontalBorder;=0A= };=0A= =0A= // sets min-height (height for IE6) for columns' liners to make all = columns equally long=0A= FIX.fixLiners =3D function() {=0A= var pageWrapper =3D document.getElementById('PageWrapper');=0A= var ids =3D ['ContentColumn', 'NavColumn', 'ExtraColumn'];=0A= var highestLinerHeight =3D 0;=0A= var liners =3D [];=0A= var id;=0A= var liner;=0A= var i, ilen;=0A= var linerNewHeight;=0A= =0A= // find the longest liner=0A= for (i=3D0, ilen=3Dids.length; i highestLinerHeight) {=0A= highestLinerHeight =3D linerHeight;=0A= }=0A= }=0A= }=0A= =0A= // make all liners equally long=0A= for (i=3D0, ilen=3Dliners.length; i 0) {=0A= linerNewHeight =3D linerNewHeight + 'px';=0A= // check if the browser understands min-height=0A= // by checking maxHeight property for body=0A= // as checking minHeight will not detect not = understanding max/min height by IE6=0A= if (typeof document.body.style.maxHeight =3D=3D=3D = "undefined") {=0A= // IE 6=0A= liner.style.height =3D linerNewHeight;=0A= }=0A= else {=0A= liner.style.minHeight =3D linerNewHeight;=0A= }=0A= }=0A= }=0A= }=0A= =0A= // set pageWrapper height to check later if it has changed (i.e. = because of 3rd party scripts)=0A= FIX.pageWrapperHeight =3D pageWrapper.offsetHeight;=0A= };=0A= =0A= // checks if image is inside a columns block and if yes, returns a column=0A= FIX.getColumnsBlockColumn =3D function(image) {=0A= var el =3D image.parentNode;=0A= var columnsBlock =3D false;=0A= while (el) {=0A= if (/(^|\s)columns_block(\s|$)/.test(el.className)) {=0A= columnsBlock =3D true;=0A= break;=0A= } else if (/(^|\s)Liner(\s|$)/.test(el.className)) {=0A= return false;=0A= }=0A= el =3D el.parentNode;=0A= }=0A= el =3D image.parentNode;=0A= while (el) {=0A= if (el.tagName =3D=3D=3D "TD") {=0A= return el;=0A= }=0A= el =3D el.parentNode;=0A= }=0A= return false;=0A= };=0A= =0A= // resize image if it's too large=0A= FIX.imageResizer =3D function(image, maxWidth) {=0A= var imgTotalWidth;=0A= // remove inline style that hid the image=0A= image.style.display =3D "";=0A= =0A= imgTotalWidth =3D FIX.computeTotalWidth(image, maxWidth);=0A= =0A= if (imgTotalWidth > maxWidth) {=0A= // set new width=0A= image.width =3D (image.width - (imgTotalWidth - maxWidth));=0A= // override image height to avoid changing image's aspect ratio=0A= image.style.height =3D "auto";=0A= // fix liners height in legacy templates=0A= if (FIX.designMode =3D=3D=3D "legacy") {=0A= if (typeof MOBILE =3D=3D=3D 'undefined' || MOBILE.viewMode = !=3D=3D 'mobile') {=0A= FIX.fixLiners();=0A= }=0A= }=0A= }=0A= };=0A= =0A= // resize too wide ImageBlock images to match the available space = (liners or columns block's columns)=0A= FIX.fixImgs =3D function() {=0A= var ids;=0A= var id;=0A= var liners =3D [];=0A= var liner;=0A= var availableWidth =3D 0;=0A= var i, ilen;=0A= var images;=0A= var image;=0A= var originalAttributeWidth;=0A= =0A= // password protected content is on this page, yet no correct = password has been submitted=0A= if (FIX.passwordProtection =3D=3D=3D "on") {=0A= ids =3D ['NavColumn', 'ExtraColumn', 'Header', 'Footer'];=0A= // correct password has been submitted=0A= } else if (FIX.passwordProtection =3D=3D=3D "off") {=0A= ids =3D ['ContentColumn'];=0A= // hide images only in ContentColumn=0A= var styleContent =3D '#ContentColumn .ImageBlock img { display: = none; }';=0A= var head =3D document.getElementsByTagName("head")[0];=0A= var style =3D document.createElement("style");=0A= style.setAttribute('type', 'text/css');=0A= style.setAttribute('id', 'hideImgs');=0A= if (style.styleSheet) {=0A= // IE=0A= style.styleSheet.cssText =3D styleContent;=0A= }=0A= else {=0A= // browsers=0A= style.appendChild(document.createTextNode(styleContent));=0A= }=0A= head.appendChild(style);=0A= } else {=0A= // there's no password protected content on this page=0A= ids =3D ['ContentColumn', 'NavColumn', 'ExtraColumn', 'Header', = 'Footer'];=0A= }=0A= =0A= var hideImgsStyle =3D document.getElementById("hideImgs");=0A= =0A= // read liners' available widths and store images for further = operations=0A= // at this point all ImageBlock images are hidden=0A= for (i=3D0, ilen=3Dids.length; i 0) {=0A= var anchorId =3D ahref.substr(ahref.indexOf("#") + 1, = ahref.length);=0A= var el =3D document.getElementById(anchorId);=0A= if (el) {=0A= (function (alink, element) {=0A= FIX.addEventListener(alink, 'click', function = (event) {=0A= scrollWithOffset(event, element, alink.href);=0A= }, false);=0A= }(links[i], el))=0A= }=0A= }=0A= }=0A= };=0A= =0A= FIX.doEndOfHead =3D function() {=0A= // use ID so we can remove this element later=0A= // hide only ImageBlock images - this is needed later for available = space computations=0A= document.write('');=0A= };=0A= =0A= FIX.doEndOfBody =3D function() {=0A= var pageWrapper =3D document.getElementById('PageWrapper');=0A= if (!pageWrapper) {=0A= return; // quit silently when page is not a standard SS template = (just in case)=0A= }=0A= =0A= var startLoop =3D function() {=0A= var counter =3D 0;=0A= var max =3D 120;=0A= var delay =3D 500;=0A= var loop =3D function() {=0A= counter++;=0A= if (counter > max) {=0A= return;=0A= }=0A= pageWrapper =3D document.getElementById('PageWrapper');=0A= // check if pageWrapper height has changed=0A= if (pageWrapper.offsetHeight !=3D=3D FIX.pageWrapperHeight) {=0A= FIX.fixLiners();=0A= }=0A= setTimeout(function() {=0A= loop();=0A= }, delay);=0A= };=0A= loop();=0A= };=0A= =0A= FIX.fixImgs();=0A= =0A= if ((typeof MOBILE =3D=3D=3D 'undefined' || MOBILE.viewMode !=3D=3D = 'mobile') && FIX.isFixedHeader) {=0A= FIX.headerHeight =3D = document.getElementById("Header").offsetHeight;=0A= FIX.scrollIntoViewHashLinks();=0A= }=0A= =0A= if (window.location.hash) {=0A= FIX.addEventListener(window, 'load', FIX.scrollIntoViewHash);=0A= }=0A= =0A= // fix liners height only for legacy templates=0A= if (FIX.designMode =3D=3D=3D "legacy") {=0A= // fix liners height right away=0A= if (typeof MOBILE =3D=3D=3D 'undefined' || MOBILE.viewMode = !=3D=3D 'mobile') {=0A= FIX.fixLiners();=0A= // do fixLiners once again when all images are loaded as = this may affect columns' height=0A= // and also run it a few more times in a loop (against 3rd = party scripts that may extend a page)=0A= if (document.readyState =3D=3D=3D "complete") {=0A= // if the page is already loaded (i.e. for protected = content)=0A= startLoop();=0A= } else {=0A= FIX.addEventListener(window, 'load', startLoop);=0A= }=0A= }=0A= }=0A= =0A= FIX.horizontalNavbar();=0A= };=0A= =0A= FIX.track =3D function (anchorEl) {=0A= if (/sbi[^.]+.?\.sitesell\.com/.test(window.location.href)) {=0A= return true; // we don't want to track links in preview=0A= }=0A= else {=0A= var anchorElHref =3D = /href=3D"(.*?)"/g.exec(anchorEl.outerHTML)[1];=0A= var path =3D anchorElHref.split("/").slice(3).join("/");=0A= var matches =3D anchorElHref.match(/^https?\:\/\/([^\/]+)/);=0A= var thisDomain =3D window.location.hostname.replace(/^www\./, = "");=0A= if (matches &&=0A= (thisDomain !=3D=3D matches[1].substr(-thisDomain.length)) = && // local link=0A= (!/google/.test(matches[1])) && // don't include TLD ".com" = because don't want to track "google.ca" either=0A= = (!/\.mp4|\.avi|\.css|\.doc|\.docx|\.dot|\.dotx|\.exe|\.flv|\.gif|\.jpeg|\= .jpg|\.js|\.mov|\.mp3|\.mp4|\.mpeg|\.mpg|\.png|\.potx|\.pps|\.ppsx|\.ppt|= \.pptx|\.qt|\.ra|\.ram|\.rm|\.swf|\.tex|\.txt|\.wav|\.wma|\.wmv|\.xls|\.x= lsx|\.xlt|\.xltx|\.xml|\.zip/.test(path)) // media link=0A= ) {=0A= // The link is an external, non-media and non-google link. = We want to track this click.=0A= var url =3D '/cgi-bin/counter.pl?url=3D' + = encodeURIComponent(anchorElHref) + '&referrer=3D' + = encodeURIComponent(window.location);=0A= if (anchorEl.target.toLowerCase() =3D=3D=3D '_blank') {=0A= window.open(url);=0A= }=0A= else {=0A= window.location.href =3D url;=0A= }=0A= return false;=0A= }=0A= else {=0A= return true;=0A= }=0A= }=0A= };=0A= =0A= // password protection=0A= var getMsg =3D (function() {=0A= var original =3D getMsg;=0A= return function(form) {=0A= var result =3D original(form);=0A= if (document.getElementById('ProtectedContent').style.display = =3D=3D=3D 'block') {=0A= FIX.passwordProtection =3D "off";=0A= FIX.doEndOfBody();=0A= }=0A= return result;=0A= };=0A= }());=0A= =0A= // IE fix for start index negative values in substr=0A= if ('ab'.substr(-1) !=3D 'b') {=0A= String.prototype.substr =3D function(substr) {=0A= return function(start, length) {=0A= // did we get a negative start, calculate how much it is = from the beginning of the string=0A= if (start < 0) start =3D this.length + start;=0A= =0A= // call the original function=0A= return substr.call(this, start, length);=0A= }=0A= } (String.prototype.substr);=0A= }=0A= =0A= FIX.getByClassName =3D function(cn){=0A= var arr =3D [];=0A= var els =3D document.getElementsByTagName("*");=0A= var exp =3D new RegExp("^(.* )?"+cn+"( .*)?$", "g");=0A= for (var i =3D 0; i < els.length; i++ ){=0A= if (exp.test(els[i].className)){=0A= arr.push(els[i]);=0A= }=0A= }=0A= return arr;=0A= };=0A= =0A= FIX.horizontalNavBarWide =3D function() {=0A= if (document.all && !document.querySelector) {=0A= var wideHorizontalNavs =3D = FIX.getByClassName("HorizontalNavBarWide");=0A= for(var i =3D 0, ilen =3D wideHorizontalNavs.length; i < ilen; = i++) {=0A= wideHorizontalNavs[i].className =3D = wideHorizontalNavs[i].className.replace("HorizontalNavBarWide", = "HorizontalNavBarCenter");=0A= }=0A= }=0A= };=0A= =0A= FIX.horizontalNavbar =3D function() {=0A= var horizontalNavs =3D FIX.getByClassName("HorizontalNavBar");=0A= var horizontalNavEntered =3D [];=0A= var delay =3D 350;=0A= var mobile =3D /mobile/.test(document.documentElement.className);=0A= var ie6 =3D (typeof document.body.style.maxHeight =3D=3D=3D = 'undefined');=0A= =0A= function showSubmenu(li) {=0A= li.className +=3D " hover";=0A= }=0A= =0A= function hideSubmenu(li) {=0A= li.className =3D li.className.replace(/(^|\s+)hover/, '');=0A= }=0A= =0A= function hideTheSameLevelSubmenus(nav, level) {=0A= var exp =3D new RegExp("li"+ level);=0A= var lis =3D nav.getElementsByTagName("li");=0A= for (var i =3D 0, ilen =3D lis.length; i < ilen; i++) {=0A= var liClassName =3D lis[i].className;=0A= if (liClassName.match(/hover/) && liClassName.match(exp)) {=0A= hideSubmenu(lis[i]);=0A= }=0A= }=0A= }=0A= =0A= // hide submenus on mobile (tap outside the navigation)=0A= if (mobile) {=0A= function hideSubmenuMobile() {=0A= var hovers =3D document.querySelectorAll(".HorizontalNavBar = .hover");=0A= for(var i =3D 0, ilen =3D hovers.length; i < ilen; i++) {=0A= hovers[i].className =3D = hovers[i].className.replace(/(^|\s+)hover/, '');=0A= }=0A= }=0A= function revertPointers() {=0A= var pointers =3D document.querySelectorAll(".navheader b");=0A= for(var i =3D 0, ilen =3D pointers.length; i < ilen; i++) {=0A= }=0A= }=0A= =0A= var pageWrapper =3D document.getElementById("PageWrapper");=0A= FIX.addEventListener(pageWrapper, 'click', function() {=0A= hideSubmenuMobile();=0A= revertPointers();=0A= });=0A= }=0A= =0A= for(var i =3D 0, ilen =3D horizontalNavs.length; i < ilen; i++) {=0A= // remove CSS support of drop down=0A= horizontalNavs[i].className =3D = horizontalNavs[i].className.replace("HorizontalNavBarCSS", "");=0A= =0A= // stop propagating touchend outside navigation wrappers=0A= if (mobile) {=0A= (function(nav) {=0A= nav.addEventListener("touchend", function(e) {=0A= e.stopPropagation();=0A= }, false);=0A= }(horizontalNavs[i]));=0A= }=0A= =0A= // a flag to control whether to use delay (navigation not = entered yet) or show submenus instantly=0A= horizontalNavEntered.push(false);=0A= (function(nav, i) {=0A= var timer =3D null;=0A= FIX.addEventListener(nav, 'mouseover', function() {=0A= clearTimeout(timer);=0A= timer =3D setTimeout(function() {=0A= horizontalNavEntered[i] =3D true;=0A= }, delay);=0A= });=0A= FIX.addEventListener(nav, 'mouseout', function() {=0A= clearTimeout(timer);=0A= timer =3D setTimeout(function() {=0A= horizontalNavEntered[i] =3D false;=0A= }, delay);=0A= });=0A= }(horizontalNavs[i], i));=0A= =0A= // drop down support=0A= var lis =3D horizontalNavs[i].getElementsByTagName("li");=0A= for(var j =3D 0, jlen =3D lis.length; j < jlen; j++) {=0A= if (mobile) {=0A= (function(li, i) {=0A= FIX.addEventListener(li, 'click', function(e) {=0A= // prevent propagation=0A= e.stopPropagation();=0A= // toggle hover=0A= if (!/hover/.test(li.className)) {=0A= var navigationLevel =3D = li.className.match(/li[0-9]/).input[2];=0A= hideTheSameLevelSubmenus(horizontalNavs[i], = navigationLevel);=0A= showSubmenu(li);=0A= } else {=0A= hideSubmenu(li);=0A= }=0A= });=0A= }(lis[j], i));=0A= }=0A= else { // desktop=0A= (function(li, i) {=0A= var timer =3D null;=0A= var localDelay =3D delay;=0A= FIX.addEventListener(li, 'mouseover', function(e) {=0A= clearTimeout(timer);=0A= if (!li.className.match(/hover/)) {=0A= if (li.className.match(/submenu/)) {=0A= var navigationLevel =3D = li.className.match(/li[0-9]/).input[2];=0A= = hideTheSameLevelSubmenus(horizontalNavs[i], navigationLevel);=0A= }=0A= if (horizontalNavEntered[i]) {=0A= localDelay =3D 0;=0A= } else {=0A= localDelay =3D delay;=0A= }=0A= timer =3D setTimeout(function() {=0A= showSubmenu(li);=0A= }, localDelay);=0A= }=0A= });=0A= =0A= FIX.addEventListener(li, 'mouseout', function() {=0A= clearTimeout(timer);=0A= if (li.className.match(/hover/)) {=0A= timer =3D setTimeout(function() {=0A= hideSubmenu(li);=0A= }, delay);=0A= }=0A= });=0A= =0A= FIX.addEventListener(li, 'click', function() {=0A= if (!li.className.match(/hover/)) {=0A= clearTimeout(timer);=0A= showSubmenu(li);=0A= }=0A= });=0A= }(lis[j], i));=0A= }=0A= }=0A= =0A= // IE6 hover span=0A= if (ie6) {=0A= var spans =3D horizontalNavs[i].getElementsByTagName("span");=0A= for(var k =3D 0, klen =3D spans.length; k < klen; k++) {=0A= (function(span) {=0A= FIX.addEventListener(span, 'mouseover', function() {=0A= span.className +=3D " hover";=0A= });=0A= FIX.addEventListener(span, 'mouseout', function() {=0A= span.className =3D = span.className.replace(/(^|\s+)hover/, '');=0A= });=0A= }(spans[k]));=0A= }=0A= }=0A= =0A= // generate submenu pointers=0A= var navheaders =3D = horizontalNavs[i].getElementsByTagName("span");=0A= for(var l =3D 0, llen =3D navheaders.length; l < llen; l++) {=0A= navheaders[l].innerHTML =3D '' + = navheaders[l].innerHTML;=0A= }=0A= }=0A= FIX.horizontalNavBarWide();=0A= }; ------=_NextPart_000_0000_01D0DB57.22142E50 Content-Type: application/octet-stream Content-Transfer-Encoding: quoted-printable Content-Location: http://www.googletagservices.com/tag/js/gpt.js (function(){var a=3Dthis;var c=3Dfunction(b,e){var = d=3DparseFloat(b);return isNaN(d)||1d?e:d},f=3Dfunction(b,e){var = d=3DparseInt(b,10);return = isNaN(d)?e:d},g=3D/^([\w-]+\.)*([\w-]{2,})(\:[0-9]+)?$/,h=3Dfunction(b,e)= {if(!b)return e;var d=3Db.match(g);return d?d[0]:e};var = k=3Dc("0.02",0),l=3Dc("0.0",0);var = m=3Dc("0.005",0),n=3Dc("0",0),p=3Dc("0.001",0),q=3Df("1500",1500),r=3Dc("= 0.01",0),t=3Dc("1.0",0),u=3Dc("0.5",0),v=3Dc("",.001),w=3Df("",200),x=3Dc= ("0.01",=0A= 0),y=3D/^true$/.test("")?!0:!1,z=3Dc("0.1",0),A=3Dc("0.01",0),B=3Dc("0.1"= ,0),C=3Dc("0.01",0),D=3Dc("1",0),E=3Dc("",.001),F=3Dc("0.01",0),G=3Dc("0.= 0",0),H=3Dc("0.05",0),I=3Dc("0.5",0),J=3Dc("0.0",=0A= 0),K=3Dc("0.5",0),L=3Dc("0.001",0),M=3Dc("0.0001",0),N=3Dc("0.0001",0);va= r O=3D/^true$/.test("false")?!0:!1;var P=3Dfunction(){return = a.googletag||(a.googletag=3D{})},Q=3Dfunction(b,e){var = d=3DP();d.hasOwnProperty(b)||(d[b]=3De)};var = R=3D{};R["#1#"]=3Dh("","pagead2.googlesyndication.com");R["#2#"]=3Dh("","= pubads.g.doubleclick.net");R["#3#"]=3Dh("","securepubads.g.doubleclick.ne= t");R["#4#"]=3Dh("","partner.googleadservices.com");R["#6#"]=3Dfunction(b= ){try{for(var = e=3Dnull;e!=3Db;e=3Db,b=3Db.parent)switch(b.location.protocol){case = "https:":return!0;case "http:":case = "file:":return!1}}catch(d){}return!0}(window);R["#7#"]=3Dk;R["#10#"]=3Dn;= R["#11#"]=3Dp;=0A= R["#12#"]=3Dm;R["#13#"]=3Dq;R["#16#"]=3Dr;R["#17#"]=3Dt;R["#18#"]=3Du;R["= #20#"]=3Dl;R["#23#"]=3Dv;R["#24#"]=3Dw;R["#27#"]=3Dx;R["#28#"]=3Dz;R["#29= #"]=3DA;R["#31#"]=3DB;R["#33#"]=3Dh("","pagead2.googlesyndication.com");R= ["#34#"]=3DD;R["#36#"]=3Dy;R["#37#"]=3DC;R["#38#"]=3DE;R["#39#"]=3D"10880= 9042";R["#40#"]=3DF;R["#41#"]=3DG;R["#50#"]=3DH;R["#42#"]=3DI;R["#43#"]=3D= J;R["#44#"]=3DK;R["#45#"]=3DL;R["#46#"]=3DO;R["#47#"]=3DM;R["#48#"]=3DN;R= ["#49#"]=3D(new = Date).getTime();Q("_vars_",R);Q("getVersion",function(){return"69r"});var= S=3D{};var T=3Ddocument;Q("cmd",[]);=0A= if("function"=3D=3Dfunction(){var b=3Dgoogletag.evalScripts,e=3Dtypeof = b;if("object"=3D=3De)if(b){if(b instanceof Array)return"array";if(b = instanceof Object)return e;var = d=3DObject.prototype.toString.call(b);if("[object = Window]"=3D=3Dd)return"object";if("[object = Array]"=3D=3Dd||"number"=3D=3Dtypeof b.length&&"undefined"!=3Dtypeof = b.splice&&"undefined"!=3Dtypeof = b.propertyIsEnumerable&&!b.propertyIsEnumerable("splice"))return"array";i= f("[object Function]"=3D=3Dd||"undefined"!=3Dtypeof = b.call&&"undefined"!=3Dtypeof b.propertyIsEnumerable&&=0A= !b.propertyIsEnumerable("call"))return"function"}else return"null";else = if("function"=3D=3De&&"undefined"=3D=3Dtypeof = b.call)return"object";return e}())googletag.evalScripts();else{var = U=3D(S["#6#"]||P()._vars_["#6#"]?"https:":"http:")+"//partner.googleadser= vices.com/gpt/pubads_impl_69r.js",V=3DT.currentScript;if(!("complete"=3D=3D= T.readyState||"loaded"=3D=3DT.readyState||V&&V.async)){var = W=3D"gpt-impl-"+Math.random();try{T.write('