/*********************************************************************
 HTML ELEMENTS SETTINGS
**********************************************************************/

* { line-height: 130%; }

body  { 
    margin: 0; padding: 0; 
    background: #fff url('../images/bkgd-site-maingradient.jpg') repeat-x 0 0; 
    font: 83% "Segoe UI", Verdana, Tahoma, Arial, sans-serif; 
    color: #000; 
 }

h1, h2, h3, h4  { margin: 0; padding: 0; font-weight: normal; }
h1  { font-size: 2.25em; color: #4c4c4c; }
h2  { font-size: 1.35em; color: #4c4c4c; padding: 8px 0 10px 0; }
p  { font-size: 1em; color: #808080; margin: 0; margin-bottom: 20px; }
ul { margin: 0 0 20px 1em; padding: 0 0 0 1em; list-style-type: disc; }
li  { color: #808080; margin: 0 0 3px; }
form  { margin-top: 0; }
    form, fieldset { border: 0; padding: 0; }
    fieldset { margin: 0; }
input, select, textarea, button { font-size: 1em; }

a:link { font-weight: inherit; text-decoration: none; color: #0066CC; }
a:visited { color: #0066CC }
a:hover { text-decoration: underline; color: #3399FF }

a img { border: none; }


/*********************************************************************
 WRAPPER & TOP ZONE
**********************************************************************/
#navBar  { position: relative; width: 100%; height: 29px; margin-bottom: 50px; z-index: 10; }
#pageWrapper  { width: 100%; margin: 0; padding: 0; background: transparent url('../images/bkgd-site-topglow.jpg') no-repeat center 39px; }
#mainPanel  { width: 944px; text-align: left; padding: 0; margin: 66px auto 0 auto; }
#Header  { width: 100%; height: 38px; background: url('/res/images/Devices/header.placeholder.gif') no-repeat; }
#Footer  { width: 100%; height: 27px; background: url('/res/images/Devices/footer.placeholder.gif') no-repeat; }
#Content  { width: 100%; padding: 0; margin: 0; }
.DevicePanel .btm  { float: left; }
#titleMenu  { white-space: nowrap; padding: 7px; font-size: 1em; color: #1e3d73; text-align: left; display: none; position: absolute; margin: auto; border: 2px outset #eff6f5; background-color: #fff; z-index: 300; }
#closeBtn  { float: right; clear: both; }
#topLogo  { position: absolute; margin-top: -1em; margin-left: 0.6em; }

/* Global Footer */
#footer  { width: 820px; height: 40px; position: relative; margin: 35px auto 0 auto; color: #808080; font-size: 0.9em; text-align: center; clear: both; }
#footer a  { color: #808080; padding: 0 4px 0 4px; }
#footer .footerRule  { padding-bottom: 10px; clear: both; }
#footer .left  { float: left; }
#footer .right  { float: right; }

#content  { padding-top: 1em; }
#contentNav a  { font-size: 16px; font-weight: bold; color: #00a6e7; }

/*********************************************************************
 MID ZONE
**********************************************************************/

/* MAIN PAGE STRUCTURE
********************************/

#contentPanel  { width: 944px; margin: auto; }   
#navArea  { width: 192px; padding: 0; background-image: url('../images/LeftNavBackground.png'); background-repeat: no-repeat; min-height: 600px; float: left; }
#navArea div.inset  { padding: 20px 0 0 0; }
#contentTop   { width: 752px; height: 10px; padding: 0; background: transparent url('../images/elem-top-rt-cnr.png') no-repeat right; float: right; }
#contentArea  { width: 752px; padding: 0; background-color: #fff; min-height: 600px; float: right; }
#contentArea div.inset  { padding: 8px 20px 20px 20px; }
#contentArea a  { color: #00a6e7; } 


/* CONTENT APPEARANCES
********************************/

/* Text */
.pageTitle  { color: #4c4c4c; padding-bottom: 20px; }
.header  { font-size: 18px; margin-bottom: 20px; color: #4c4c4c; }
.emphasis  { font-size: 1.05em; color: #4c4c4c; }
.note  { font-size: 0.75em; }
.caption  { display: block; font-size: 1em; color: #808080; padding-left: 20px; }
.bold  { font-weight: bold; }
.left  { text-align: left; }
.right  { text-align: right; }
.center  { text-align: center; }


/* CONTENT ARRANGEMENTS
********************************/

/* Section container */ 
.section  { margin-top: 20px; }

/* Section width adjustments */
.span1  { width: 590px; }
.span2  { width: 590px; text-align: right; }
.span3  { width: 468px; }

/* Section column splits */
/* 50/50 */
.colSplit1  { width: 100%; }
.colSplit1 .colLeft  { width: 49%; float: left; }
.colSplit1 .colRight  { width: 49%; float: right; }
/* 45/55 */
.colSplit2  { width: 100%; }
.colSplit2 .colLeft  { width: 44%; float: left; }
.colSplit2 .colRight  { width: 54%; float: right; }
/* 55/45 */
.colSplit3  { width: 100%; }
.colSplit3 .colLeft  { width: 54%; float: left; }
.colSplit3 .colRight  { width: 44%; float: right; }
/* 20/80 */
.colSplit4  { width: 100%; }
.colSplit4 .colLeft  { width: 19%; float: left; }
.colSplit4 .colRight  { width: 79%; float: right; }
/* 80/20 */
.colSplit5  { width: 100%; }
.colSplit5 .colLeft  { width: 79%; float: left; }
.colSplit5 .colRight  { width: 19%; float: right; }

/* Get Started custom grid */
.getStartedContent {}
.getStartedContent .colLeft  { display: inline; float: left; width: 430px; }
.getStartedContent .colRight { display: inline; float: left; width: 282px; }

/* Padding & magin adjustments */
.lfPad20  { padding-left: 20px; }

/* Layout tools */
.clr, .clear  { clear: both; height: 0; overflow: hidden; }

/* Margin adjustments */
.marginTop20  { margin-top: 20px; }
.margin0  { margin: 0; }

/* SPECIAL STYLES
********************************/


/*  Revised Sign-up button */
#btnSignIn      { width: 84px; }
#btnSignInCap   { padding: 4px 0 0 30px; }

div.button { 
    line-height: 1em !important; color: #fff; display: table; width: 1px; height: 28px; padding: 0 0 0 9px;
    background: url('../images/bttn-site-signup-lt.png') no-repeat left;
}
    #contentArea div.button a:link, #contentArea div.button a:visited, #contentArea div.button a:hover {
        display: block; height: 80%; color: #fff; text-decoration: none; font: 1.2em 'Segoe UI', Verdana, Tahoma, Arial, sans-serif; padding: 0.1em 0.5em 0;
    }
    div.button .button_right { height: 28px; background: url('../images/bttn-site-signup-rt.png') no-repeat right; }
    div.button .button_inner { 
        height: 28px; padding: 0; white-space: nowrap;
        background: url('../images/bttn-site-signup-mid.png') repeat-x top; margin-right: 9px;        
    }
    
    
    table.button, table.button td { border: 0; border-collapse: collapse; padding: 0; margin: 0; font-size: 1em; line-height: 1em !important; }
        table.button td.left { padding: 0; width: 9px; height: 28px; background: url('../images/bttn-site-signup-lt.png') no-repeat 0 0; }
        table.button td.middle { height: 28px; background: url('../images/bttn-site-signup-mid.png') repeat-x 0 0; white-space: nowrap;  vertical-align: top; text-align: center; }
            #homeUpper table.button td.middle a:link, 
            #homeUpper table.button td.middle a:visited, 
            #homeUpper table.button td.middle a:hover,
            #contentArea table.button td.middle a:link, 
            #contentArea table.button td.middle a:visited, 
            #contentArea table.button td.middle a:hover {
                display: block; padding: 0.2em 0.5em; 
                color: #fff !important; text-decoration: none; font: 1.1em 'Segoe UI', Verdana, Tahoma, Arial, sans-serif; 
            }
            #homeUpper table.button td.middle a:link, 
            #homeUpper table.button td.middle a:visited, 
            #homeUpper table.button td.middle a:hover {
                font-size: 1em;
            }

        table.button td.right { width: 9px !important; height: 28px; background: url('../images/bttn-site-signup-rt.png') no-repeat 0 0; }

/* To accommodate moving sign in button */
#InvitationContainer #newUserLink
{
	text-align:center;
	padding-top:5px;
}
#InvitationContainer #newUserLink a:link,
#InvitationContainer #newUserLink a:visited,
#InvitationContainer #newUserLink a:hover
{
	text-decoration:none;
	color: #ffffff;
	font: 1em 'Segoe UI', Verdana, Tahoma, Arial, sans-serif;
}
#welcomeSignIn
{
	display: block; padding: 0.2em 0.5em; 
    color: #fff !important; text-decoration: none; font: 1.1em 'Segoe UI', Verdana, Tahoma, Arial, sans-serif; 
}


/* Table appearance */
.dataTable  { background-color: #fff; }
.dataTableTitle  { color: #808080; font-size:14px; font-weight: bold; padding: 0 0 5px 5px;}
.dataTable td  { border-top: 1px solid #ededed; padding: 3px 6px 3px 6px; color: #808080; }
.dataTableTitleColumn {background-color:#ededed; border-bottom: solid 1px #fff; font-weight: bold; }

/* PC/Mac toggle feature */
.HowToSectionButton  { font-size: 1.35em; color: #00a6e7; }
.HowToSectionButton:hover  { text-decoration: underline; color: #00a6e7; cursor:pointer }
.HowToSectionButtonSel  { font-size: 1.35em; font-weight: bold; color: #4c4c4c; }

/* Global div-hide classes */
.visibleDiv  { display: block; }
.invisibleDiv  { display: none; }

/* Home page formatting*/
#mainContentHome  { margin: auto; color: #000000; height: 100%; min-width: 944px; }
#midContentHome  { padding: 8px 20px 0 20px; background-color: #fff; min-height: 390px; width: 884px; }

#homeUpper  { width: 944px; text-align: center; min-height: 430px; }
    .homeUpperDefault { background: url('../images/hero-home-yourmesh.jpg') no-repeat 0 0; }
    .homeUpperDefaultDev { background: url('../images/hero-home-dev1.jpg') no-repeat 0 0; }
    .homeUpperInvite  { background: url('../images/hero-home-invited.jpg') no-repeat 0 0; }

.homeHeadline  { width: 800px; margin: 0 auto 10px auto; font-size: 2.45em; color: #fff; }
.homeSubHead  { margin: 0 auto 15px auto; font-size: 1.35em; color: #fff; }

.homeIntroLink  { font-size: 1.05em; font-weight: normal; margin: 0 auto 0 auto; color: #4c4c4c; text-align: center; }

    .homeIntroLink table.holder,
    .homeIntroLink table.holder td {
        border: 0; border-collapse: collapse; padding: 0; margin: 0 auto;
    }
        
    .homeIntroLink .button { display: inline; float: left; width: auto; margin-right: 1em; }
    .homeIntroLink .textLink { display: inline; width: auto; padding-top: 0.15em;  }
    #homeUpper .homeIntroLink div.button a:link, 
    #homeUpper .homeIntroLink div.button a:visited, 
    #homeUpper .homeIntroLink div.button a:hover {
        display: block; padding: 0 0.5em 0; text-decoration: none; color: #fff; 
        font: 1em 'Segoe UI', Verdana, Tahoma, Arial, sans-serif;
    }

#homeUpper a:link, #homeUpper a:visited { color: #00a6e7; }
#homeUpper a:hover  { text-decoration: underline; color: #00a6e7; }

#homeLower  { width: 904px; margin: 10px 0 0; padding: 0 20px; }
#homeLower .storyLine  { padding: 15px; }
#homeLower .bottomLine  { background: transparent url('../images/elem-home-bottomline.png') no-repeat; width: 944px; height: 10px; }

#homeLower .homeCol  { display: inline; float: left; width: 260px; padding: 0.5em 0 0; }
#homeLower .divider  { float: left; width: 1px; height: 70px; padding: 0 30px; background: transparent url('../images/bkgd-home-col-divider.png') no-repeat center top; }


/*
    .homeCol  { padding: 10px 20px 10px 20px; width: 300px }
    .virtdivider  { background-image: url('../images/bkgd-home-col-divider.png'); background-repeat: no-repeat; width: 10px; }

*/



/*********************************************************************
 NAVIGATION & MENUS
**********************************************************************/

/* Horizonal page nav type 1 */
.hNav1 ul  { list-style-type: none; padding: 0; margin: 0 0 30px 0; line-height: 1em; }
.hNav1 li  { display: inline; padding: 0 8px 0.1em 0; margin-left: 10px; font-size: 1.05em; 
    border-right: 1px solid #808080; line-height: 1em !important;
}
    .hNav1 li.nNav1Last  { padding-right: 0; border-right: 0; }
    .hNav1 li a:link, .hNav1 li a:visited, .hNav1 li a:hover { line-height: 1em !important; padding: 0; }
    

/* Horizonal page nav type 2 */
.hNav2 ul  { list-style-type: none; padding-left: 0; margin: 0 0 15px 0; }
.hNav2 li  { display: inline; padding-right: 28px; font-size: 1.35em; }
.hNav2 li.nNav2Last  { padding-right: 0; }

/* Language Menu */
#langNav  { color: #fff; font-size: 0.9em; left: 40px; padding: 5px 5px 0 0; position: absolute; text-align: left; top: 48px; z-index: 1000; }
#langNav a  { color: #fff; cursor: pointer; padding-right: 5px; }
#langMenu  { background: transparent url('../images/localizationDropdown.png') repeat-x; color: #fff; font-size: 0.9em; left: 40px; padding: 6px 12px 10px 10px; position: absolute; text-align: left; top: 72px; z-index: 10; }
#langMenu .langNavMenuItem  { padding: 3px 0 2px; }
#langMenu .langMenuItem a, #langMenu .langMenuItem a:visited, #langMenu .langMenuItem a:active  { color: #fff; font-weight: normal; text-decoration: none; }
#langMenu .langMenuItem a:hover  { text-decoration: underline; }

/* Vertical site nav */
#navBar  { height: 29px; margin-bottom: 50px;position: relative; z-index: 10; }
#navArea div .Menu a  { color: #ffffff; text-decoration: none; }
.MenuRow  { background: transparent none repeat scroll 0 0; color: #fff; text-align: left; text-decoration: none; vertical-align: middle; margin: 0; padding: 0; }
.MenuRow a  { font-size: 1.2em; display: block; padding: 0 0 5px 15px; margin: 5px 0; }
.MenuRow a:hover  { background-image: url('/Welcome/images/LeftNavOver.png'); background-repeat: no-repeat; }
.MenuRow2  { margin: 0; padding: 0; }
.MenuRow2 a  { display: block; font-size: 1.05em; padding: 0 0 5px 36px; }
.MenuRow2 a:hover  { background-image: url('/Welcome/images/LeftNavOver.png'); background-position: right top ; background-repeat: no-repeat; }
#MenuDrop1:hover  { visibility: visible; }
.MenuRow a.currentPageNav  { background-image: url('/Welcome/images/LeftNavOver.png'); background-repeat: no-repeat; color: #fff; display: block; font-weight: bold; text-align: left; text-decoration: none; vertical-align: middle; }
.MenuRow2 a.currentPageNav { background-image: url('/Welcome/images/LeftNavOver.png'); background-repeat: no-repeat; color: #fff; display: block; font-weight: bold; text-align: left; text-decoration: none; vertical-align: middle; }
.MenuRow2 a.currentPageNav:hover {background-position: left top; }

/*********************************************************************
 OVERRIDES
**********************************************************************/

/* Help icon position - hig.css */
img#ctl00_ctl00_header_invitationHelpIcon  { display: block; padding-left: 12px; }

/* Global header and invite box */
#wlc_header_jewelSpan  { background-image: url('/res/images/desktop/header_logo.png'); background-repeat: no-repeat; height: 32px; position: absolute; width: 32px; }
wlc_hdr_jewel_ie6  { height: 32px; position: absolute; width: 32px; }
#wlc_hdr_productSearchButton  { background: #307C0B url(/res/images/desktop/headerBG_24_default.png) repeat scroll center center; border: medium none; color: #fff; margin: 0; padding-bottom: 2px; padding-top: 1px; }
.wlc_hdr_buttonBorder  { background-color: #fff; border-color: #CFE3C4 #99C383 #5DA253; border-style: solid; border-width: 1px; padding: 1px 0 4px; }
body.IE .wlc_hdr_buttonBorder  { padding: 0; }
#uxp_hdr  { font-size: 1em; }
#globalWebHeader  { font-size: 110%; height: 29px; left: 0; margin: 0; padding: 0; position: absolute; top: 0; width: 100%; }
#globalWebHeader2  { color: #fff; height: 29px; left: 0; position: absolute; top: 0; width: 100%; }
a.globalWebHeaderTextLink:link, a.globalWebHeaderTextLink:visited  { color: #fff; float: left; text-decoration: none; z-index: 1; }
a.globalWebHeaderTextLink:hover  { text-decoration: underline; }
.globalWebHeaderRightPanel  { float: right; line-height: 1.5em; position: relative; right: 10px; text-align: right; top: 5px; }
#globalWebHeaderHelpButton  { background-image: url('/res/images/icon_help.png'); float: left; height: 26px; margin: -4px; width: 26px; }
body.IE.m6 #globalWebHeaderHelpButton  { background-image: none; }
.globalWebHeaderDivider  { background: transparent url('/res/images/desktop/utility_link_divider.png') no-repeat scroll center center; float: left; height: 15px; padding-top: 3px; width: 22px; }



#InvitationContainer  { position: absolute; z-index: 1; width: 100%; left: 0; top: 46px; }
    #InvitationContainer table, #InvitationContainer td { border: 0; border-collapse: collapse; padding: 0; white-space: nowrap; }
    #InvitationContainer table { float: right; }
    
    /* #InvitationContainer div.InvitationHolder { display: inline; float: right; } */
    

.InvitationHolder  { height: 40px; background: transparent url('/Welcome/images/cta-leftstretch.png') no-repeat; }
.InvitationContent  { 
    cursor: pointer; 
    font: 1em "Segoe UI", Tahoma, Verdana, Arial; 
    margin-left: 16px;
    margin-right: 10px;
    margin-top: -4px;
    text-align: right;
}
    .InvitationContent a:link,
    .InvitationContent a:visited,
    .InvitationContent a:hover {
        position: relative;
        display: block !important; 
        text-align: right;
        text-decoration: none;
        color: #ffffff;        
    }
    .InvitationContent a:hover { text-decoration: underline; }
    
    .InvitationContent a.title:link,
    .InvitationContent a.title:visited,
    .InvitationContent a.title:hover 
	    { font-size: 1.1em; font-weight: bold; padding-top: 0; letter-spacing: 0.04em; }
    .InvitationContent a.subtitle:link,
    .InvitationContent a.subtitle:visited,
    .InvitationContent a.subtitle:hover 
        { font-size: 10px; font-weight: bold; }
    
    .InvitationDivider {
        width: 4px;
        background: transparent url("../images/cta-divider.png") no-repeat center center;
        height: 40px;
        margin-right: 8px;
    }
	.InvitationIcon { margin: 0; padding: 0; }
    .InvitationIcon img { margin: 0; padding: 0; border: 0; }
	.InvitationRightCap { float: right; margin-right: 8px; }