/* = HTML DEFAULTS
-----------------------------------------------------------------------------*/
/* START - Global Reset (http://meyerweb.com/eric/tools/css/reset/reset.css) */
* {outline:none}
HTML,BODY,DIV,SPAN,H1,H2,H3,H4,H5,H6,P,A,EM,IMG,STRONG,OL,UL,LI,FORM,TABLE,TBODY,TFOOT,THEAD,TR,TH,TD {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline}
BODY {line-height:1}
OL,UL {list-style:none}
:Focus {outline:0} /* Remember to define focus styles! */
TABLE {border-collapse:collapse;border-spacing:0} /* Tables still need 'cellspacing="0"' in the markup */
/* END - Global Reset */
HTML {min-height:101%}
BODY {font-size:14px;line-height:1.25em;background-color:#FFF;font-family:Arial, Helvetica, sans-serif;color:#444}
TH {text-align:left}
H1,H2,H3,H4,H5,H6,P {margin:1em 0}
H1,H2,H3,H4,H5,H6 {font-family:Arial, Helvetica, sans-serif;color:#000}
H1,H2,H3,H4 {font-weight:normal;font-family:"Times New Roman", Times, serif}
H1 {font-size:2em}
H2 {font-size:1.8em}
H3 {font-size:1.6em}
H4 {font-size:1.4em}
H5 {font-size:1em}
H6 {font-size:.8em}
STRONG {font-weight:bold}
EM {font-style:italic}
SUP {font-size:.6em}
IMG {-ms-interpolation-mode:bicubic} /* IE Scaled Images Fix (http://tinyurl.com/cp3ujh) */
A:Link,A:Visited {color:#024DD6;text-decoration:none}
A:Hover,A:Active {color:#F60;text-decoration:underline}
/* = PAGE WRAPPERS
-----------------------------------------------------------------------------*/
.sWrp {text-align:center;margin-bottom:6em;}
/* .sWrpSub {background-image:url('/images/grid.gif')} TESTING GRID */
.sWrp .sWrpSub {width:1015px;text-align:left;margin:0 auto;background-color:#FFF}
.sCnt {text-align:left}
/* = HEADER
-----------------------------------------------------------------------------*/
.sHdr .sBranding {height:90px;background:#CA3100 url('/images/sprite-shell-1.gif') no-repeat top left;margin:0}
.sHdr .sBranding A:Link,.sHdr .sBranding A:Visited,.sHdr .sBranding A:Hover,.sHdr .sBranding A:Active {display:block;width:470px;overflow:hidden;text-decoration:none;color:#FFCBCB;padding-top:25px}
.sHdr .sBranding STRONG {display:block;float:left;text-indent:-9999em;height:40px;width:195px;margin-left:20px;background:#FFF url('/images/logo.gif') no-repeat top left}
.sHdr .sBranding SPAN {display:block;float:right;height:40px;width:230px}
.sHdr .sBranding BR {display:none}
/* = NAVIGATION
-----------------------------------------------------------------------------*/
.sNavMain {font-size:90%;background:#626262;padding:7px 9px;color:#666;text-align:center;background:#4a4a4a;margin:0;background:#F1F1F1 url('/images/sprite-shell-1.gif') no-repeat top right}
.sNavMain A:Link,.sNavMain A:Visited,.sNavMain A:Hover,.sNavMain A:Active {color:#FFF;display:inline-block;padding:0 5px}
.sHdr .sNavMain {-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px}
.sFtr .sNavMain {-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;-webkit-border-top-left-radius:5px}
/* = FOOTER
-----------------------------------------------------------------------------*/
.sFtr {margin-top:2em}
.sFtr .sNavAux {width:100%;overflow:hidden;border-bottom:1px solid #CCC;background:#F1F1F1 url('/images/sprite-shell-1.gif') no-repeat -1024px 0}
.sFtr .sNavAux STRONG {font-weight:normal;display:block;line-height:30px}
.sFtr .sNavAux UL {font-size:80%;width:100%;overflow:hidden}
.sFtr .sNavAux LI {float:left;width:49%}
.sFtr .sNavAux A:Link,.sFtr .sNavAux A:Visited,.sFtr .sNavAux A:Hover,.sFtr .sNavAux A:Active {color:#666;display:inline-block;padding-bottom:2px}
.sFtr .sNavAux .sNavAuxSub1 {float:left;width:301px;padding-left:9px}
.sFtr .sNavAux .sNavAuxSub2 {float:left;padding-left:9px;width:695px;border-left:1px solid #CCC}
.sFtr .sNavAbout {background:#FFF;width:100%;overflow:hidden;font-size:80%;padding:5px 0;color:#666}
.sFtr .sNavAbout .sNavAboutSub1 {float:left;margin:0}
.sFtr .sNavAbout .sNavAboutSub2 {float:right;text-align:right;margin:0}
/* = RULES
-----------------------------------------------------------------------------*/
/* Horizontal Rule 1: Common Settings */
DIV.sHr {height:1px;background:#BBB;margin:1em 0;width:100%}
DIV.sHr HR {display:none}
/* Horizontal Rule 1: Alternate 1 - Thicker Line */
DIV.sHr.sHrAlt1 {height:3px;background:#BBB}
/* Horizontal Rule 1: Alternate 2 - Lighter Color */
DIV.sHr.sHrAlt2 {background:#E2E2E2}
/* Horizontal Rule 1: Alternate 3 - No Margin */
DIV.sHr.sHrAlt3 {margin:0}
/* Horizontal Rule 1: Alternate 4 - Double Line */
DIV.sHr.sHrAlt4 {height:1px;background:none;border-top:1px solid #BBB;border-bottom:1px solid #BBB}
/* = Columns
-----------------------------------------------------------------------------*/
/* Columns: Wrapper based on 16 column grid */
/* Columns: Common Settings */
.sCols {width:100%;overflow:hidden}
.sColsSub {width:1030px;overflow:hidden}
/* Columns: Columns Settings */
.sC1l,.sC2l,.sC3l,.sC4l,.sC5l,.sC6l,.sC7l,.sC8l,.sC9l,.sC10l,.sC11l,.sC12l,.sC13l,.sC14l,.sC15l {float:left;margin:0 9px 0 0;padding:0}
.sC1r,.sC2r,.sC3r,.sC4r,.sC5r,.sC6r,.sC7r,.sC8r,.sC9r,.sC10r,.sC11r,.sC12r,.sC13r,.sC14r,.sC15r {float:right;margin:0 0 0 -5px;padding:0}
.sC1l,.sC1r {width:55px}
.sC2l,.sC2r {width:119px}
.sC3l,.sC3r {width:183px}
.sC4l,.sC4r {width:247px}
.sC5l,.sC5r {width:311px}
.sC6l,.sC6r {width:375px}
.sC7l,.sC7r {width:439px}
.sC8l,.sC8r {width:503px}
.sC9l,.sC9r {width:567px}
.sC10l,.sC10r {width:631px}
.sC11l,.sC11r {width:695px}
.sC12l,.sC12r {width:759px}
.sC13l,.sC13r {width:823px}
.sC14l,.sC14r {width:887px}
.sC15l,.sC15r {width:951px}
.sC16l,.sC16r {width:1015px;margin:0;padding:0}
/* Columns: Alternate Right Columns */
.sCAlt1 {text-align:right}
/* Columns: Background for testing */
.sColsTest1 DIV {background:#EEE;margin-bottom:9px}
.sColsTest1 DIV DIV {background:#CCC;margin-bottom:0}
/* Columns: Alternate Float Clearing Method */
.sColsAlt1:after {content:" ";display:block;height:0;clear:both;visibility:hidden}
.sColsAlt1 {display:inline-block;overflow:visible}
* HTML .sColsAlt1 {zoom:1;display:block}
/* Columns: Alternate Add Margin Top And Bottom */
.sColsAlt2 {margin:1em 0}
/* Columns: Add left and right padding to a div nested within a column. */
.sCols .sColsPad1 {padding:0 10px}
/* = BOXES
-----------------------------------------------------------------------------*/
.sBoxEx {background:#FFF url('/images/grad-sboxex-1.gif') repeat-x top left;padding:4px 8px;border:1px solid #CCC;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
/* Boxes Expandable Alternate 1: Add top/bottom margins. */
.sBoxEx.sBoxExAlt1 {margin:1em 0}
/* Boxes Expandable Alternate 1: 300x250 Banner Ad */
.sBoxEx.sBoxExAd1 {margin:1em 0;padding:4px 0}
.sBoxEx.sBoxExAd1 IMG {display:block;margin:0 auto}
/* List Boxes */
.sListBox {margin:1em 0}
.sListBox .sBoxEx STRONG {display:block;font-family:"Times New Roman", Times, serif;font-size:140%;text-align:center;font-weight:normal;color:#666;padding:6px 8px}
.sListBox LI {border-bottom:1px solid #EEE;padding:5px 0}
.sListBox .sArt1 {border-bottom:1px solid #EEE;padding-bottom:5px;}
.sListBox .sArt1 .sLBImg {border:1px solid #666;margin:.5em 0;text-align:center;height:130px;width:245px;position:relative;overflow:hidden;background:#666 url('/images/bg-feature-1.gif') repeat-x top center;}
.sListBox .sArt1 .sLBImg A {display:block;position:absolute;left:50%}
.sListBox .sArt1 .sLBImg IMG {display:block;position:relative;left:-50%;height:130px}
/* = MISC
-----------------------------------------------------------------------------*/
/* NOTES */
.sNote {font-size:90%;color:#999;font-weight:normal; line-height:1.25em}
.sNote.sNoteAlt1 {font-size:100%;line-height:1em}
/* Inline Bread Crumb */
.sCrumb {width:100%;overflow:hidden;border:1px solid #DDD;font-size:11px;line-height:19px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin:1em 0}
.sCrumb .sCrumbSub {float:left}
.sCrumb .sCrumbSub EM {background:transparent url('/images/sprite-scrumb-1.gif') no-repeat 0 50%;float:left;padding:3px 0;color:#ccc;text-indent:-9999em;width:10px}
.sCrumb .sCrumbSub A {float:left;padding:3px 0px 3px 6px}
.sCrumb .sCrumbSub A:Link,.sCrumb A:Visited {color:#888}
.sCrumb .sCrumbSub A:Hover,.sCrumb A:Active {color:#666}
.sCrumb .sCrumbSub A.sLnkHome {text-indent:-9999em;width:8px;background:transparent url('/images/sprite-scrumb-1.gif') no-repeat -16px 50%;padding:3px 4px}
.sCrumb .sCrumbSub A.sLnkHome:Hover {background-position:-32px 50%}
.sCrumb .sCrumbSocial {float:right;padding-top:5px;padding-right:6px}
/* Attention Text */
.sAtten1 {color:#F00}
.sAtten2 {color:#396}
/* Focus & Minimize Text */
/* TODO: NEED TO ADD TO STYLE GUIDE */
.sFocus1 {font-size:115%}
.sFocus2 {font-size:125%}
.sMinim {font-size:85%}
/* Normalize Text */
.sNormal {font-weight:normal;font-style:normal}
/* Styleized Title */
H1.sPageTitle {border-top:1px solid #CCC;border-bottom:3px solid #CCC;margin:0.5em 0;padding:0.5em 0}
/* Styleized Sub Title */
H2.sSubTitle {font-size:1em;line-height:1.2em;font-family:Arial, Helvetica, sans-serif;font-weight:bold;margin:0}
/* Normal Article List */
UL.sArtList1 H2 {font-size:1.2em;line-height:1em;font-family:Arial, Helvetica, sans-serif;margin:1.5em 0 0 0}
UL.sArtList1 P {font-size:0.9em;margin:.5em 0 1.5em 0;padding-left:10px;border-left:20px solid #EEE}
/* Condensed Article List */
UL.sArtList2 {width:100%;overflow:hidden;margin:1em 0;}
UL.sArtList2 LI {width:347px;float:left}
UL.sArtList2 H2 {font-size:.85em;line-height:1em;font-family:Arial, Helvetica, sans-serif;margin:0.5em 0 0 0}
UL.sArtList2 H3 {font-size:.85em;line-height:1em;font-family:Arial, Helvetica, sans-serif;margin:0.5em 0 0 0}
/* Inline Ad Unit */
.sInlineAd1 {margin-left:64px}
.sInlineAd1 STRONG A:Link, .sInlineAd1 STRONG A:Visited,
.sInlineAd1 STRONG A:Hover, .sInlineAd1 STRONG A:Active {text-decoration:underline}
.sInlineAd1 SPAN {color:#444;text-decoration:none}
.sInlineAd1 EM {font-style:normal;font-size:90%}
.sInlineAd1 EM A:Link, .sInlineAd1 EM A:Visited {text-decoration:none}
.sInlineAd1 EM A:Hover, .sInlineAd1 EM A:Active {text-decoration:underline}
/* = LISTS
-----------------------------------------------------------------------------*/
/* Unordered List: Common Settings */
UL.sUL {margin:1em 0}
UL.sUL LI {margin:1em 0 1em 3.5em;list-style:square}
UL.sUL LI LI {margin-left:1.8em;list-style:circle}
UL.sUL LI LI LI {list-style:disc}
UL.sUL LI LI LI LI {list-style:square}
/* Unordered List: Alternate Style 1 */
UL.sUL.sULAlt1 LI {margin-top:.3em;margin-bottom:.3em}
/* Unordered List: Alternate Style 2 */
UL.sUL.sULAlt2 LI {margin-left:1.7em}
/* Unordered List: Alternate Style 3 */
UL.sUL.sULAlt3 LI {margin-left:1.7em;margin-top:.3em;margin-bottom:.3em}
/* Unordered List: Alternate Links 1 */
UL.sUL.sULAltLnks A:Link, UL.sUL.sULAltLnks A:Visited, UL.sUL.sULAltLnks A:Hover, UL.sUL.sULAltLnks A:Active {color:#444}
/* Ordered List: Common Settings */
OL.sOL {margin:1em 0}
OL.sOL LI {margin:1em 0 1em 3.5em;list-style:decimal}
OL.sOL LI LI {margin-left:1.8em}
/* Unordered List: Alternate Style 1 */
OL.sOL.sOLAlt1 LI {margin-top:.3em;margin-bottom:.3em}
/* Unordered List: Alternate Style 2 */
OL.sOL.sOLAlt2 LI {margin-left:1.7em}
/* Unordered List: Alternate Style 3 */
OL.sOL.sOLAlt3 LI {margin-left:1.7em;margin-top:.3em;margin-bottom:.3em}
/* = Simple Divider
-----------------------------------------------------------------------------*/
/* Divider: Use to left and right align two items */
/* TODO: NEED TO ADD TO STYLE GUIDE */
.sDiv {width:100%;overflow:hidden}
.sDiv .sDivCol1 {float:left}
.sDiv .sDivCol2 {float:right;text-align:right}
/* Divider Extensions: Use when margins are needed. */
.sDivAlt1 {margin:1em 0}
/* Divider Extensions: Alternate Float Clearing Method */
.sDivAlt2:after {content:" ";display:block;height:0;clear:both;visibility:hidden}
.sDivAlt2 {display:inline-block;overflow:visible}
* HTML .sDivAlt2 {zoom:1;display:block}
/* H1 Divider */
.sDiv.sDivH1 {margin:1em 0}
.sDiv.sDivH1 H1 {margin:0}
.sDiv.sDivH1 .sDivCol1 {line-height:32px}
.sDiv.sDivH1 .sDivCol2 {line-height:32px}
/* H2 Divider */
.sDiv.sDivH2 {margin:1em 0}
.sDiv.sDivH2 H2 {margin:0}
.sDiv.sDivH2 .sDivCol1 {line-height:30px}
.sDiv.sDivH2 .sDivCol2 {line-height:30px}
/* H3 Divider */
.sDiv.sDivH3 {margin:1em 0}
.sDiv.sDivH3 H3 {margin:0}
.sDiv.sDivH3 .sDivCol1 {line-height:1.8em}
.sDiv.sDivH3 .sDivCol2 {line-height:1.8em}
/* H4 Divider */
.sDiv.sDivH4 {margin:1em 0}
.sDiv.sDivH4 H4 {margin:0}
.sDiv.sDivH4 .sDivCol1 {line-height:1.6em}
.sDiv.sDivH4 .sDivCol2 {line-height:1.6em}
/* = TABLES
-----------------------------------------------------------------------------*/
TABLE.sTblList {margin:0 0 1em 0;border-top:1px solid #CCC;width:100%}
TABLE.sTblList TR {background:#FFF url('/images/grad-sboxex-1.gif') repeat-x top left;}
TABLE.sTblList TD {font-style:normal;padding:10px 3px;text-align:left;font-size:.9em;border-bottom:1px solid #CCC;vertical-align:middle}
TABLE.sTblList TD IMG {vertical-align:middle}
TABLE.sTblList TR.sTopRank {background:#FFFF99}
TABLE.sTblList TD.sRank {font-size:1.8em;width:6%;text-align:center;border-right:1px solid #EEE;}
TABLE.sTblList TD.sHost {width:16%;text-align:center}
TABLE.sTblList TD.sHost IMG {margin:0 5px}
TABLE.sTblList TD.sVisit {width:16%;background:transparent url("/images/bg-shade-1.png");text-align:center}
/* = DEDICATED LAYOUTS
-----------------------------------------------------------------------------*/
.sArt H1 {border-top:1px solid #CCC;border-bottom:3px solid #CCC;margin:0.5em 0;padding:0.3em 0;line-height:1em}
.sArt .sArtImg {border:1px solid #DDD;background:#EEE;float:left;padding:3px;margin-right:9px;margin-bottom:9px}
.sArt .sArtImg IMG {max-width:300px;max-height:200px;display:block;background:#CCC}
.sArt .sArtTip {background:transparent url('/images/ico-tip-1.gif') no-repeat 2em 0;list-style-type:none;margin-left:0;padding-left:3.5em}
.sArt .sArtWarn {background:transparent url('/images/ico-warn-1.gif') no-repeat 2em 0;list-style-type:none;margin-left:0;padding-left:3.5em}
/* Artilce Type 1: How To Article Format */
.sArt.sArtHowTo H2 {font-size:1.6em;font-family:"Times New Roman", Times, serif}
.sArt.sArtHowTo H3,.sArt.sArtHowTo H4 {font-size:1em;line-height:1.2em;font-family:Arial, Helvetica, sans-serif;font-weight:bold;margin:0}
.sArt.sArtHowTo .sInstBar {margin:1em 0;padding:8px;clear:both}
.sArt.sArtHowTo .sInstBar H2 {font-size:1.2em;font-family:"Times New Roman", Times, serif;font-weight:bold;margin:0}
.sArt.sArtHowTo .sStep {overflow:hidden;width:100%;margin:1em 0}
.sArt.sArtHowTo .sStep H3,.sArt.sArtHowTo .sStep H4 {margin:0;width:55px;float:left;color:#900}
.sArt.sArtHowTo .sStep P {margin:0;width:631px;float:right}
/* Artilce Type 2: Other Article Formats */
.sArt.sArtOther .sArtCnt H2 {font-size:1em;line-height:1.2em;font-family:Arial, Helvetica, sans-serif;font-weight:bold;margin:0}
.sBrand .sBrandTitle {border-top:1px solid #CCC;border-bottom:3px solid #CCC;margin:0.5em 0;font-size:2em;padding:0.3em 0;line-height:1em;overflow:hidden;width:100%}
.sBrand .sBrandTitle H1 {float:left;margin:0;font-size:1em;line-height:1em}
.sBrand .sBrandTitle P {float:right;margin:0;font-size:.7em;line-height:1.5em;color:#666}
.sBrand .sBrandLogo {float:left;margin-bottom:9px;margin-right:9px;text-align:center}
.sBrand .sBrandLogo A {font-size:1.3em}
.sBrand .sBrandLogo .sBrandLogoSub {border:1px solid #DDD;background:#FFF;padding:6px;margin-bottom:5px;}
.sBrand .sBrandLogo .sBrandLogoSub IMG {max-width:300px;max-height:200px;display:block}
.sBrand H2 {font-size:1em;line-height:1.2em;font-family:Arial, Helvetica, sans-serif;font-weight:bold;margin:0}
.sBrand .sBrandNav {border-top:1px solid #CCC;border-bottom:1px solid #CCC;padding:.5em 0;margin:.5em 0}
.sBrand .sBrandNav IMG {display:block;margin:0 auto;}
.sBrand .sBrandNav .sC2l {text-align:left;line-height:31px;font-size:1.2em}
.sBrand .sBrandNav .sC7l {text-align:center;line-height:31px;font-size:1.2em}
.sBrand .sBrandNav .sC2r {text-align:right;line-height:31px;font-size:1.2em}
/* = ALERTS
-----------------------------------------------------------------------------*/
/* Alerts: Common Settings */
.sInfo1,.sSuccess1,.sError1,.sAlert1 {padding:5px 5px 5px 25px;font-weight:normal;margin:10px 0;text-align:left; border-bottom:1px solid;border-top:1px solid;background:no-repeat 5px 6px;font-size:.9em;color:#444;}
/* Alerts: Alert Types */
.sInfo1 {background-color:#F9F9F9;background-image:url('/images/ico_info_1.png');border-color:#BBB}
.sError1 {background-color:#FEE;background-image:url('/images/ico_error_1.png');border-color:#E99}
.sAlert1 {background-color:#FFE;background-image:url('/images/ico_alert_1.png');border-color:#EE9}
.sSuccess1 {background-color:#EFE;background-image:url('/images/ico_success_1.png');border-color:#9E9}